/* ----------------------------------------------------------------------
>>> TABLE OF CONTENT
    - 1. media queries
------------------------------------------------------------------------*/
@media (max-width: 480px) {
    .message-actions .actions > li {
        display: none;
    }
    .message-actions .actions > li.actions-dropdown {
        display: block;
    }
}

@media (max-width: 767px) {
    .navbar .navbar-right .dropdown-menu {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        box-shadow: none;
        margin: 0;
    }
    .navbar .navbar-right .dropdown-menu:before {
        left: 50% !important;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .navbar .navbar-right .dropdown-menu:after {
        left: 50% !important;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .navbar .navbar-right > li {
        float: left;
        width: 100%;
        padding: 10px;
    }
    .navbar .navbar-right > li > a .angular-notifications-container .angular-notifications-icon {
        margin: 0;
        position: absolute !important;
        border-color: #ffffff;
        width: 20px;
        left: 50% !important;
        right: auto;
        margin-left: 5px;
    }
    .navbar .navbar-right > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .navbar .navbar-right > li:last-child {
        margin-bottom: 40px;
    }
    .navbar .navbar-right > li.current-user a {
        display: block;
        float: none;
    }
    .navbar .navbar-right > li.current-user a img {
        display: inline-block;
        margin-right: 0;
        float: none;
    }
    .navbar .navbar-right > li.current-user a span {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 0;
        line-height: 0px;
        float: none;
        margin-top: 0;
    }
    .navbar .navbar-right > li.current-user a i {
        font-size: 14px;
        line-height: 60px;
        color: #ffffff !important;
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
        background: rgba(0, 0, 0, 0.5);
        height: 39px;
        line-height: 39px;
        margin: 10px auto;
        width: 39px;
        border-radius: 20%;
    }
    .navbar .navbar-right > li.current-user.open i, .navbar .navbar-right > li.current-user a:hover i {
        opacity: 0;
    }
    .ng-table-pager {
        text-align: center;
    }
    .ng-table-pager .ng-table-counts {
        float: none !important;
    }
    .ng-table-pager .pagination {
        display: block;
    }
    .ng-table-pager .pagination li {
        display: inline-block;
    }
    #page-title {
        text-align: center;
        padding: 20px 0;
    }
    #page-title h1 {
        font-size: 24px;
    }
    #page-title .breadcrumb {
        left: 0 !important;
        margin: 15px 0 0 !important;
        position: relative !important;
        right: 0 !important;
        top: 0 !important;
    }
    .landing-page .navbar .navbar-header {
        text-align: center;
    }
    .landing-page .navbar .navbar-header .navbar-brand {
        float: none;
    }
    .landing-page .navbar .navbar-header .landing-menu-toggler {
        height: auto !important;
        line-height: normal !important;
        position: absolute;
        left: 15px;
        top: 15px;
    }
    .landing-page .navbar .navbar-collapse {
        background: #2C2F3B !important;
    }
    .landing-page .navbar .navbar-collapse .nav {
        margin: 0;
    }
    .landing-page .navbar .navbar-collapse .nav > li {
        padding: 0;
    }
    .landing-page .navbar .navbar-collapse .nav > li > a.active:before {
        top: auto;
        bottom: 0;
    }
    .navbar .navbar-collapse {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: hidden !important;
    }
    .navbar .navbar-collapse .nav {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .navbar .navbar-right .badge {
        margin: 0;
        position: absolute !important;
        border-color: #ffffff;
        width: 20px;
        left: 50% !important;
        right: auto;
        margin-left: 15px !important;
    }
}

@media screen and (max-width: 768px) {
    .resouceDrpDwn .dropdown-toggle {
        margin-left: -9px !important;
    }
    iframe.leadDashboard {
        height: 715px !important;
    }
    iframe.salesDashBoard, iframe.superuserDashboard {
        height: 715px !important;
    }
    .newCont_save {
        right: 3%;
    }
    #atlwdg-container{
        width: 749px !important;
        margin-left: -375px !important;
    }
    .cal-context {
        height: 245px !important;
    }
    .container-content {
        height:800px !important;
    }
    .eventPanel2{
        height:600px !important;
    }
    .eventPanel3{
        height:595px !important;
    }
    footer{
        bottom: 0px;
    }
    /*.container-fullw {
      height: 760px !important;
      padding-left: 15px;
      padding-right: 15px;
    }*/
    .togglePartySheet {
        margin-top: -36px !important;
    }
    .tableScroll{
        height: 530px !important;
    }
    .locationListScroll {
        height: 610px !important;
    }
    .message-actions .actions > li.email-list-toggle {
        display: block !important;
    }
    .tableWidth{
        width: 540px !important;
    }
    .inbox .email-list {
        border-right: none;
        background: #ffffff;
        position: relative;
        height: 694px !important;
    }
    .templateMainActivity-scrollbar {
        height: 694px !important;
    }
    .templateComponent-scrollbar {
        height: 580px !important;
    }
    .leftSidebarEVentSearch {
        height: 545PX !important;
    }
    .inbox .wrap-list {
        width: 100% !important;
    }
    .inbox .email-reader {
        margin-left: 0;
    }
    .cntPrsn-scroll{
        height:580px !important;
    }
    .template-scrollbar {
        height: 560px !important;
    }

}

@media (min-width: 768px) {
    .navbar .navbar-left > li {
        float: left;
        padding: 0 10px;
        position: relative;
    }
    .feedbackJira{
        padding: 0 !important;
    }
    .navbar .navbar-left > li:before {
        content: "";
        position: absolute;
        width: 1px;
        left: 0;
        top: 5px;
        bottom: 5px;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
        /* IE6-9 */
    }
    .navbar .navbar-left > li > a {
        line-height: 60px;
        padding: 0 15px;
        color: rgba(255, 255, 255, 0.7);
    }
    .navbar .navbar-left > li > a:hover, .navbar .navbar-left > li > a:active, .navbar .navbar-left > li > a:focus {
        color: white;
        background: none;
    }
    .navbar .navbar-left > li > .main-search {
        float: left;
        padding: 0;
        display: inline-block;
        background: none !important;
        margin: 0;
        box-shadow: none;
        border: none;
        position: relative;
    }
    .navbar .navbar-left > li > .main-search .form-group {
        margin-bottom: 0;
    }
    .navbar .navbar-left > li > .main-search .form-control {
        background: none !important;
        border: none !important;
        font-size: 14px !important;
        height: 60px;
        margin: 0;
        z-index: 2000;
        color: #ffffff !important;
        padding-right: 30px !important;
    }
    .navbar .navbar-left > li > .main-search .form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.4);
    }
    .navbar .navbar-left > li > .main-search .form-control:-moz-placeholder {
        color: rgba(255, 255, 255, 0.4);
    }
    .navbar .navbar-left > li > .main-search .form-control::-moz-placeholder {
        color: rgba(255, 255, 255, 0.4);
    }
    .navbar .navbar-left > li > .main-search .form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.4);
    }
    .navbar .navbar-left > li > .main-search .search-button {
        background: none;
        border: none;
        border-radius: 0;
        box-shadow: none !important;
        color: rgba(255, 255, 255, 0.7);
        position: absolute;
        right: 0;
        top: 0;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 60px;
    }
    .navbar .navbar-left > li > .main-search .search-button:hover, .navbar .navbar-left > li > .main-search .search-button:active, .navbar .navbar-left > li > .main-search .search-button:focus {
        color: white;
    }
    .navbar .navbar-left > li.sidebar-toggler-wrapper > div {
        line-height: 60px;
    }
    .navbar .navbar-left > li.sidebar-toggler-wrapper:before {
        display: none;
    }
    .navbar .navbar-left > li.sidebar-toggler-wrapper .btn {
        background-color: #C82E29;
        border-color: #C82E29;
        color: #ffffff;
        float: none !important;
        display: inline-block !important;
    }
    .navbar .navbar-left > li.sidebar-toggler-wrapper .btn:hover {
        background-color: #da4f4a !important;
        border-color: #da4f4a;
        color: #ffffff;
    }
    .navbar .navbar-left > li.sidebar-toggler-wrapper .btn:active, .navbar .navbar-left > li.sidebar-toggler-wrapper .btn.active, .navbar .navbar-left > li.sidebar-toggler-wrapper .btn.active:focus, .navbar .navbar-left > li.sidebar-toggler-wrapper .btn:active:focus, .navbar .navbar-left > li.sidebar-toggler-wrapper .btn:active:hover, .navbar .navbar-left > li.sidebar-toggler-wrapper .btn.dropdown-toggle:active:hover {
        background-color: #b32925 !important;
        border-color: #b32925;
    }
    .navbar .navbar-left > li.sidebar-toggler-wrapper .btn:focus {
        background-color: #de635f;
        border-color: #de635f;
        color: #ffffff;
    }
    .navbar .navbar-left > li.sidebar-toggler-wrapper .btn.disabled:hover, .navbar .navbar-left > li.sidebar-toggler-wrapper .btn.disabled:focus, .navbar .navbar-left > li.sidebar-toggler-wrapper .btn.disabled:active, .navbar .navbar-left > li.sidebar-toggler-wrapper .btn.disabled.active, .navbar .navbar-left > li.sidebar-toggler-wrapper .btn[disabled], .navbar .navbar-left > li.sidebar-toggler-wrapper .btn[disabled]:hover, .navbar .navbar-left > li.sidebar-toggler-wrapper .btn[disabled]:focus, .navbar .navbar-left > li.sidebar-toggler-wrapper .btn[disabled]:active, .navbar .navbar-left > li.sidebar-toggler-wrapper .btn[disabled].active, fieldset[disabled] .navbar .navbar-left > li.sidebar-toggler-wrapper .btn:hover, fieldset[disabled] .navbar .navbar-left > li.sidebar-toggler-wrapper .btn:focus, fieldset[disabled] .navbar .navbar-left > li.sidebar-toggler-wrapper .btn:active, fieldset[disabled] .navbar .navbar-left > li.sidebar-toggler-wrapper .btn.active {
        background-color: #e37874;
        border-color: #e37874;
        color: #ffffff;
    }
    .navbar .navbar-right > li {
        float: left;
        position: relative;
        padding: 0 10px;
    }
    .navbar .navbar-right > li:before {
        content: "";
        position: absolute;
        width: 1px;
        right: 0;
        top: 5px;
        bottom: 5px;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
        /* IE6-9 */
    }
    .lyt-3 .navbar .navbar-header .navbar-brand {
        padding: 0 25px;
    }
    .landing-page .navbar .navbar-collapse {
        margin: 0;
    }
    .navbar .navbar-header {
        width: 260px;
    }
    .navbar .navbar-collapse {
        -moz-transition: margin 0.5s;
        -o-transition: margin 0.5s;
        -webkit-transition: margin 0.5s;
        transition: margin 0.5s;
        margin-left: 260px;
        height: 60px !important;
    }
    .navbar .navbar-collapse .nav {
        height: auto !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .fc-month-view .fc-scroller {
        height: 480px !important;
    }

    .calScheduler {
        height: 620px !important;
        overflow: scroll !important;
    }
}

@media (max-width: 991px) and (min-width: 767px) {
    .navbar .navbar-right {
        position: relative;
        margin: 0 35px 0 0;
    }
}

@media (max-width: 991px) {
    .navbar .navbar-header #horizontal-menu-toggler {
        display: none;
    }
    .navbar .navbar-header #sidebar-toggler {
        display: block;
    }
    .app-slide-off .navbar, .app-offsidebar-open .navbar {
        position: absolute !important;
    }
    .navbar {
        left: 0;
        margin: 0;
        position: absolute;
        right: 0;
        width: 100%;
        -webkit-transform: translateZ(0);
    }
    .navbar .dropdown-off-sidebar {
        width: 50px;
    }
    .navbar .dropdown-off-sidebar:after {
        left: 15px;
    }
    .lyt-4 .navbar #horizontal-menu-toggler {
        display: block;
    }
    .lyt-4 .navbar #sidebar-toggler {
        display: none;
    }
    #sidebar .ps-scrollbar-y-rail {
        right: 2px !important;
    }
    #sidebar {
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 0;
        float: none;
        -webkit-transform: translate3d(-260px, 0, 0);
        transform: translate3d(-260px, 0, 0);
        -moz-transition: -moz-transform 300ms ease 0s;
        -o-transition: -o-transform 300ms ease 0s;
        -webkit-transition: -webkit-transform 300ms ease;
        -webkit-transition-delay: 0s;
        transition: transform 300ms ease 0s;
    }
    #sidebar > div {
        z-index: 1000;
    }
    #sidebar > div > div {
        overflow: hidden;
    }
    .app-slide-off #sidebar {
        z-index: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -moz-transition: -moz-transform 300ms ease 0s;
        -o-transition: -o-transform 300ms ease 0s;
        -webkit-transition: -webkit-transform 300ms ease;
        -webkit-transition-delay: 0s;
        transition: transform 300ms ease 0s;
    }
    #sidebar nav {
        border-right: none !important;
    }
    #sidebar > .sidebar-container {
        overflow-y: hidden;
        overflow-x: visible;
        position: relative;
    }
    .lyt-3 #sidebar .sidebar-container {
        border: none !important;
    }
    #sidebar > div nav > ul {
        margin: 0 10px 10px 10px;
    }
    #sidebar > div nav > ul > li {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    #off-sidebar {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 0;
        -webkit-transform: translate3d(260px, 0, 0);
        transform: translate3d(260px, 0, 0);
        -moz-transition: -moz-transform 300ms ease 0s;
        -o-transition: -o-transform 300ms ease 0s;
        -webkit-transition: -webkit-transform 300ms ease;
        -webkit-transition-delay: 0s;
        transition: transform 300ms ease 0s;
    }
    .app-offsidebar-open #off-sidebar {
        z-index: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .horizontal-menu .navbar-nav > li > a.nav-user-wrapper img {
        width: 30px;
    }
    .horizontal-menu {
        padding: 0;
        position: absolute;
        overflow: hidden;
        min-height: 0;
    }
    .horizontal-menu.in-add {
        z-index: 2000;
    }
    .horizontal-menu .horizontal-menu-wrapper > .horizontal-nav-container {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .horizontal-menu .close-handle {
        background: #ffffff;
    }
    .horizontal-menu .close-handle .arrow-left, .horizontal-menu .close-handle .arrow-right {
        background-color: #2C2F3B;
    }
    .horizontal-menu .navbar-nav {
        float: none !important;
        margin: 0;
    }
    .horizontal-menu .navbar-nav > li {
        float: none !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
        padding: 0 !important;
    }
    .horizontal-menu .navbar-nav > li > a {
        text-align: left !important;
        border-bottom: none !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .horizontal-menu .navbar-nav > li > a .caret {
        display: block;
        float: right;
        margin-top: 11px;
    }
    .horizontal-menu .navbar-nav .dropdown-menu {
        position: static;
        float: none !important;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
        border: none !important;
    }
    .horizontal-menu .navbar-nav .dropdown-menu .divider {
        display: none;
    }
    .horizontal-menu .navbar-nav .dropdown-menu > li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    }
    .horizontal-menu .navbar-nav .dropdown-menu > li > a {
        border-bottom: none !important;
        background: none !important;
    }
    .horizontal-menu .navbar-nav .dropdown-menu > li:last-child {
        border-bottom: none !important;
    }
    .horizontal-menu .navbar-nav .dropdown-menu .dropdown-menu {
        padding-left: 20px;
    }
    .horizontal-menu .navbar-nav .dropdown-menu .dropdown-menu > li:last-child {
        border-bottom: none !important;
    }
    .horizontal-menu .navbar-nav .dropdown-menu .mega-menu-content > div {
        padding: 0;
    }
    .horizontal-menu .navbar-nav .dropdown-menu .mega-menu-content .mega-sub-menu {
        margin: 0;
        padding: 0;
    }
    .horizontal-menu .navbar-nav .dropdown-menu .mega-menu-content .mega-sub-menu > li .mega-menu-sub-title {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
        padding-right: 10px;
        padding-left: 10px;
    }
    .horizontal-menu .navbar-nav .dropdown-menu .mega-menu-content .mega-sub-menu > li > ul {
        padding: 0;
    }
    .horizontal-menu .navbar-nav .dropdown-menu .mega-menu-content .mega-sub-menu > li > ul > li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    }
    .horizontal-menu .navbar-nav .dropdown-menu .mega-menu-content .mega-sub-menu > li > ul > li:last-child {
        border-bottom: none !important;
    }
    .horizontal-menu .navbar-nav .dropdown-menu .mega-menu-content .mega-sub-menu > li > ul > li > a {
        margin: 4px;
        padding: 5px 15px 5px 25px;
        border-bottom: none !important;
    }
    .main-login {
        margin-top: 60px !important;
    }
    /* 991px */
    div.timeline {
        margin: 0;
    }
    div.timeline .columns li {
        float: none !important;
        width: 100% !important;
    }

    .timeline_element {
        margin: 20px auto !important;
    }
    .timeline_element:after {
        display: none;
    }
    .timeline_element:before {
        display: none;
    }

    .timeline-scrubber {
        display: none;
    }
    .user-left {
        border-right: none;
        padding-right: 0;
        margin-bottom: 15px;
    }
    .breadcrumb-wrapper {
        padding: 15px;
    }
    .breadcrumb-wrapper .breadcrumb {
        /*display: none;*/
    }
    #sidebar > div nav > ul > li.active {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin-right: 0;
    }
    .main-content {
        padding-top: 60px;
    }
    #app > footer .footer-inner {
        padding: 0 15px;
    }
    #app.app-slide-off > footer, #app.app-offsidebar-open > footer {
        display: none;
    }
    .landing-page .navbar {
        background: #2C2F3B;
    }
    .landing-page .navbar > .container {
        width: auto !important;
    }
    .landing-page .navbar .navbar-collapse {
        padding: 0 !important;
    }
    #app {
        width: 100%;
    }
    #app .app-content {
        -moz-transition: -moz-transform 300ms ease 0s;
        -o-transition: -o-transform 300ms ease 0s;
        -webkit-transition: -webkit-transform 300ms ease;
        -webkit-transition-delay: 0s;
        transition: transform 300ms ease 0s;
        height: 100%;
        width: 100%;
        position: relative;
        z-index: 2;
    }
    #app.app-slide-off {
        position: fixed;
        height: 100%;
    }
    #app.app-slide-off > .app-content {
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
        overflow: hidden;
        position: absolute;
        -webkit-transform: translate3d(260px, 0, 0);
        transform: translate3d(260px, 0, 0);
        -moz-transition: -moz-transform 300ms ease 0s;
        -o-transition: -o-transform 300ms ease 0s;
        -webkit-transition: -webkit-transform 300ms ease;
        -webkit-transition-delay: 0s;
        transition: transform 300ms ease 0s;
    }
    #app.app-slide-off > #off-sidebar {
        -webkit-transform: translate3d(260px, 0, 0);
        transform: translate3d(260px, 0, 0);
        -moz-transition: -moz-transform 300ms ease 0s;
        -o-transition: -o-transform 300ms ease 0s;
        -webkit-transition: -webkit-transform 300ms ease;
        -webkit-transition-delay: 0s;
        transition: transform 300ms ease 0s;
    }
    #app.app-offsidebar-open {
        position: fixed;
        height: 100%;
    }
    #app.app-offsidebar-open > .app-content {
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
        overflow: hidden;
        position: absolute;
        -webkit-transform: translate3d(-260px, 0, 0);
        transform: translate3d(-260px, 0, 0);
        -moz-transition: -moz-transform 300ms ease 0s;
        -o-transition: -o-transform 300ms ease 0s;
        -webkit-transition: -webkit-transform 300ms ease;
        -webkit-transition-delay: 0s;
        transition: transform 300ms ease 0s;
    }
}

@media (min-width: 992px) {
    .lyt-3 .breadcrumb-wrapper, .lyt-4 .breadcrumb-wrapper {
        margin: 30px 15px 0;
    }
    .landing-page .navbar {
        -moz-transition: height 0.5s, background 0.5s;
        -o-transition: height 0.5s, background 0.5s;
        -webkit-transition: height 0.5s, background 0.5s;
        transition: height 0.5s, background 0.5s;
    }
    .landing-page .navbar .navbar-header .navbar-brand {
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }
    .landing-page .navbar .navbar-header .navbar-brand img {
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        max-width: 200px;
    }
    .landing-page .navbar.min {
        height: 40px;
        line-height: 40px;
        background: #2C2F3B;
    }
    .landing-page .navbar.min .navbar-header, .landing-page .navbar.min .navbar-collapse {
        height: 40px !important;
    }
    .landing-page .navbar.min .navbar-brand {
        height: 40px;
        line-height: 40px;
    }
    .landing-page .navbar.min .navbar-brand img {
        max-width: 70px !important;
    }
    .landing-page .navbar.min .navbar-nav > li > a {
        line-height: 40px;
    }
    .app-navbar-fixed .landing-page .landing-content {
        margin-top: -60px;
    }
    body.app-boxed-page {
        background: url("../images/bg.png") transparent !important;
    }
    .app-navbar-fixed {
        padding-top: 60px;
    }
    .app-boxed-page #app {
        margin: 0 auto;
        width: 970px;
    }
    .lyt-2 .navbar .navbar-header {
        width: 220px;
    }
    .lyt-2 .navbar .navbar-header .navbar-brand.navbar-brand-collapsed {
        padding: 0;
        width: 50px !important;
    }
    .lyt-2 .navbar .navbar-collapse {
        margin-left: 220px;
    }
    .lyt-2.app-sidebar-closed .navbar .navbar-header {
        width: 50px !important;
    }
    .lyt-2.app-sidebar-closed .navbar .navbar-collapse {
        margin-left: 50px;
    }
    .lyt-3.app-navbar-fixed .navbar {
        position: fixed;
    }
    .lyt-4 .navbar .sidebar-toggler-wrapper {
        display: none;
    }
    .lyt-4.app-sidebar-closed .navbar .navbar-header {
        width: 260px;
    }
    .lyt-4.app-sidebar-closed .navbar .navbar-header .navbar-brand {
        top: 0;
        opacity: 1;
    }
    .lyt-4.app-sidebar-closed .navbar .navbar-header .navbar-brand.navbar-brand-collapsed {
        display: none;
        left: -150px;
        opacity: 0;
    }
    .lyt-4.app-sidebar-closed .navbar .navbar-collapse {
        margin-left: 260px;
    }
    .lyt-4.app-sidebar-fixed .navbar .navbar-header, .lyt-3.app-sidebar-fixed .navbar .navbar-header {
        position: relative;
    }
    .lyt-4.app-sidebar-fixed.app-navbar-fixed .navbar .navbar-header, .lyt-3.app-sidebar-fixed.app-navbar-fixed .navbar .navbar-header {
        position: fixed;
    }
    .lyt-6 .navbar .navbar-header {
        width: 190px;
    }
    .lyt-6 .navbar .navbar-header .navbar-brand.navbar-brand-collapsed {
        padding: 0;
        width: 50px !important;
    }
    .lyt-6 .navbar .navbar-header .navbar-brand {
        display: block;
        right: 0;
        width: 190px;
    }
    .lyt-6 .navbar .navbar-collapse {
        margin-left: 190px;
    }
    .lyt-6.app-sidebar-closed .navbar .navbar-header {
        width: 50px !important;
    }
    .lyt-6.app-sidebar-closed .navbar .navbar-collapse {
        margin-left: 50px;
    }
    .navbar .navbar-header {
        border-right: 1px solid transparent;
        -moz-transition: width 0.5s;
        -o-transition: width 0.5s;
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
    }
    .navbar .navbar-header .navbar-brand {
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        position: absolute;
        left: 0;
        top: 0;
    }
    .navbar .navbar-header .navbar-brand.navbar-brand-collapsed {
        display: inline-block;
        opacity: 0;
        left: -150%;
        width: 70px;
        text-align: center;
    }
    .app-navbar-fixed .navbar .navbar-collapse, .app-navbar-fixed .navbar .navbar-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        -webkit-transform: translateZ(0);
    }
    .app-navbar-fixed .navbar .dropdown-off-sidebar {
        position: fixed;
        top: -1px;
        -webkit-transform: translateZ(0);
        border: none;
    }
    .app-boxed-page .app-navbar-fixed .navbar {
        width: 970px;
        position: fixed !important;
    }
    .app-boxed-page .app-navbar-fixed .navbar .navbar-collapse, .app-boxed-page .app-navbar-fixed .navbar .navbar-header, .app-boxed-page .app-navbar-fixed .navbar .dropdown-off-sidebar {
        position: absolute !important;
    }
    .app-sidebar-closed .navbar .navbar-header {
        width: 70px;
    }
    .app-sidebar-closed .navbar .navbar-header .navbar-brand {
        top: -200%;
        opacity: 0;
    }
    .app-sidebar-closed .navbar .navbar-header .navbar-brand.navbar-brand-collapsed {
        display: block;
        top: 0;
        left: 0;
        opacity: 1;
    }
    .app-sidebar-closed .navbar .navbar-collapse {
        margin-left: 70px;
    }
    .app-sidebar-fixed .navbar .navbar-header {
        position: fixed;
        top: 0;
    }
    .app-boxed-page .app-sidebar-fixed .navbar .navbar-header {
        position: absolute !important;
    }
    .app-offsidebar-open .navbar .dropdown-off-sidebar {
        position: fixed;
    }
    .app-boxed-page .app-offsidebar-open .navbar .dropdown-off-sidebar {
        position: absolute !important;
    }
    .navbar .navbar-right {
        position: relative;
        margin: 0 15px 0 0;
    }
    .main-content {
        margin-top: 60px;
        margin-left: 260px;
        z-index: 1052;
        -moz-transition: margin-left 0.5s;
        -o-transition: margin-left 0.5s;
        -webkit-transition: margin-left 0.5s;
        transition: margin-left 0.5s;
    }
    .app-navbar-fixed .main-content {
        margin-top: 0;
    }
    .app-navbar-fixed .main-content:before, .app-navbar-fixed .main-content:after {
        content: " ";
        display: table;
    }
    .app-navbar-fixed .main-content:after {
        clear: both;
    }
    .app-boxed-page .app-navbar-fixed .main-content {
        margin-top: 0;
    }
    .app-boxed-page .main-content {
        min-height: 0;
        padding-bottom: 50px;
    }
    .app-boxed-page .main-content:before, .app-boxed-page .main-content:after {
        content: " ";
        display: table;
    }
    .app-boxed-page .main-content:after {
        clear: both;
    }
    .app-sidebar-closed .main-content {
        z-index: 1049;
        margin-left: 70px;
    }
    .lyt-2 .main-content {
        margin-left: 220px;
    }
    .lyt-2.app-sidebar-closed .main-content {
        margin-left: 50px !important;
    }
    .lyt-4 .main-content {
        margin-top: 110px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
    }
    .lyt-4.app-navbar-fixed .main-content {
        margin-top: 50px;
    }
    .lyt-6 .main-content {
        margin-left: 190px;
    }
    .lyt-6.app-sidebar-closed .main-content {
        margin-left: 50px !important;
    }
    .app-offsidebar-open #off-sidebar {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .horizontal-menu {
        max-height: 50px;
        display: none;
    }
    .horizontal-menu .navbar-nav.navbar-right {
        margin-right: 0;
    }
    .horizontal-menu .navbar-nav.navbar-right li:last-child {
        padding-right: 0;
    }
    .horizontal-menu .navbar-nav > li > a.nav-user-wrapper {
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .lyt-4 .horizontal-menu {
        display: block;
    }
    #app > footer {
        margin-left: 260px;
        -moz-transition: margin 0.5s;
        -o-transition: margin 0.5s;
        -webkit-transition: margin 0.5s;
        transition: margin 0.5s;
    }
    #app.app-sidebar-closed > footer {
        margin-left: 70px;
    }
    #app.app-footer-fixed > footer {
        position: fixed;
    }
    .app-boxed-page #app.app-footer-fixed > footer {
        width: 970px;
        margin: 0 auto !important;
    }
    #app.lyt-2 > footer {
        margin-left: 220px;
    }
    #app.lyt-2.app-sidebar-closed > footer {
        margin-left: 50px;
    }
    #app.lyt-4 > footer {
        margin-left: 0 !important;
    }
    #app.lyt-6 > footer {
        margin-left: 190px;
    }
    #app.lyt-6.app-sidebar-closed > footer {
        margin-left: 50px;
    }
    .app-boxed-page #app > footer {
        margin-left: 0;
    }
    .lyt-3.app-sidebar-fixed #sidebar {
        padding-top: 90px;
    }
    .lyt-3.app-sidebar-closed #sidebar {
        width: 60px;
    }
    .lyt-3.app-sidebar-closed #sidebar .profile-card-photo {
        width: 30px;
        height: 30px;
    }
    .lyt-6 #sidebar {
        width: 190px;
    }
    .lyt-6.app-sidebar-closed #sidebar {
        width: 50px !important;
    }
    .lyt-6.app-sidebar-closed #sidebar > div nav > ul > li .item-inner {
        padding: 10px;
    }
    .lyt-6.app-sidebar-closed #sidebar > div nav > ul > li .item-inner > * {
        display: none;
    }
    .lyt-6.app-sidebar-closed #sidebar.app-aside > .item-inner, .lyt-6.app-sidebar-closed #sidebar.app-aside > ul.sub-menu {
        left: 50px !important;
    }
    #sidebar > div nav {
        width: 250px;
        position: relative;
    }
    #sidebar > div nav:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        background: #2C2F3B;
        width: 10px;
        height: 10px;
    }
    #sidebar > div nav:after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        background: #D7D6DB;
        width: 11px;
        height: 11px;
        border-top-left-radius: 5px;
    }
    .app-sidebar-closed #sidebar > div nav > ul li ul.sub-menu {
        display: none !important;
    }
    .app-sidebar-closed ul.sub-menu {
        border-right: 1px solid #c8c7cc;
        border-bottom: 1px solid #c8c7cc;
        background: #ffffff;
        left: 70px;
        position: absolute;
        padding: 1px 0;
        overflow-y: auto;
        overflow-x: visible;
        height: auto;
        bottom: auto;
        width: 260px;
        z-index: 1050;
        display: none;
    }
    .app-sidebar-closed ul.sub-menu > li a {
        padding-left: 20px !important;
        padding-right: 5px;
    }
    .app-sidebar-closed ul.sub-menu > li ul.sub-menu {
        position: relative;
        left: 0;
        width: 100%;
        border: none !important;
    }
    .app-sidebar-closed ul.sub-menu > li ul.sub-menu li a {
        padding-left: 30px !important;
    }
    .app-sidebar-closed ul.sub-menu > li ul.sub-menu li ul.sub-menu li a {
        padding-left: 50px !important;
    }
    .no-touch .app-sidebar-closed #sidebar > div nav > ul li {
        -moz-transition: background-color 0ms linear;
        -o-transition: background-color 0ms linear;
        -webkit-transition: background-color 0ms linear;
        transition: background-color 0ms linear;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li.open {
        background: inherit;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li.hover {
        background: #ffffff;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li.active:before {
        border-right: none !important;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li.active:after {
        border-right: none !important;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li.active:hover:after {
        border-left-color: #c8c7cc;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li > a {
        display: block;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li > a .item-content {
        display: block;
        padding-left: 0;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li > a .item-inner .icon-arrow {
        display: none;
    }
    .app-sidebar-closed #sidebar .s-open {
        width: 70px;
    }
    .app-sidebar-closed #sidebar .navbar-title {
        opacity: 0;
    }
    .app-aside div {
        -webkit-transform: translateZ(0);
    }

    .app-sidebar-closed.lyt-2 .app-aside nav {
        padding-top: 0 !important;
    }
    .app-sidebar-closed.lyt-2 .app-aside nav > ul {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .app-sidebar-closed.lyt-2 .app-aside nav > ul > li.hover {
        background: #2C2F3B;
    }
    .app-sidebar-closed.lyt-3 .app-aside > .item-inner {
        left: 59px;
        width: 261px;
    }
    .app-sidebar-closed.lyt-3 .app-aside > .sub-menu {
        left: 60px;
    }
    .app-sidebar-closed.lyt-3.app-sidebar-fixed .app-aside > .item-inner {
        left: 69px !important;
    }
    .app-sidebar-closed.lyt-3.app-sidebar-fixed .app-aside > .sub-menu {
        left: 70px !important;
    }
    .app-sidebar-closed.lyt-6 .app-aside nav {
        padding-top: 0 !important;
    }
    .app-sidebar-closed.lyt-6 .app-aside nav > ul {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .app-sidebar-closed.lyt-6 .app-aside > .sub-menu:before {
        display: none;
    }
    .app-sidebar-closed .app-aside {
        overflow: visible !important;
    }
    .app-sidebar-closed .app-aside nav > ul {
        margin-left: 5px !important;
    }
    .app-sidebar-closed .app-aside li a .icon-arrow {
        float: right;
        margin-right: 6px !important;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        opacity: 0.6;
    }
    .app-sidebar-closed .app-aside li a .icon-arrow:before {
        content: "\e64a";
        /*font-family: themify;*/
    }
    .app-sidebar-closed .app-aside li.open > a .icon-arrow {
        opacity: 1;
    }
    .app-sidebar-closed .app-aside li.open > a .icon-arrow:before {
        content: "\e64b";
    }
    .app-sidebar-closed .app-aside > .item-inner {
        width: 260px;
        left: 70px;
        top: 0;
        padding: 20px 0;
        width: 260px;
        background: #81898F !important;
        margin-left: 0 !important;
        z-index: 1051;
        -webkit-transform: translateZ(0);
        border-top-right-radius: 10px;
    }
    .app-sidebar-closed .app-aside > .item-inner.active {
        background: #666C71 !important;
    }
    .app-sidebar-closed .app-aside > .item-inner:before {
        content: "";
        background: none;
        border-bottom: 12px solid transparent !important;
        border-left: 12px solid #ffffff;
        border-right: none;
        border-top: 12px solid transparent !important;
        display: block;
        height: 0;
        position: absolute;
        left: 0;
        top: 50%;
        width: 0;
        z-index: 1;
        margin-top: -12px;
    }
    .app-sidebar-closed .app-aside > .item-inner .title {
        margin-left: 20px;
        color: #ffffff !important;
        font-size: 14px;
    }
    .app-sidebar-closed .app-aside > .item-inner .icon-arrow {
        display: none;
    }
    .app-sidebar-closed .app-aside > ul.sub-menu {
        width: 260px;
        display: block !important;
        overflow: auto;
        padding: 0;
        left: 70px;
        z-index: 1000;
    }
    .app-sidebar-closed .app-aside > ul.sub-menu > li {
        z-index: 1000;
    }
    .app-sidebar-closed .app-aside > ul.sub-menu > li a {
        color: #8e8e93;
        font-size: 14px;
    }
    .lyt-2.app-sidebar-closed #sidebar {
        width: 50px !important;
    }
    .lyt-2.app-sidebar-closed #sidebar.app-aside > .item-inner, .lyt-2.app-sidebar-closed #sidebar.app-aside > ul.sub-menu {
        left: 50px !important;
    }
    .lyt-3 #sidebar {
        margin-left: 10px;
        margin-bottom: 30px;
        padding-top: 30px;
        width: 250px;
    }
    #sidebar > div, #sidebar .sidebar-container {
        margin-left: 10px;
    }
    #sidebar {
        margin-top: 60px;
        -moz-transition: width 0.5s;
        -o-transition: width 0.5s;
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
    }
    #sidebar .sidebar-container {
        position: relative;
    }
    #sidebar .sidebar-container > div {
        overflow: hidden;
    }
    .app-sidebar-fixed #sidebar {
        padding-top: 60px;
    }
    .app-boxed-page .app-navbar-fixed.app-sidebar-fixed #sidebar {
        padding-top: 0;
    }
    #sidebar:before {
        background-color: #2C2F3B;
        border: inherit;
        bottom: 0;
        content: "";
        position: absolute;
        top: 60px;
        width: inherit;
        z-index: -1;
    }
    #sidebar:after {
        background-color: #D7D6DB;
        border: inherit;
        bottom: 0;
        content: "";
        position: absolute;
        top: 60px;
        width: inherit;
        z-index: -1;
        left: 10px;
        width: 250px;
        -webkit-box-shadow: inset -9px 0 8px -11px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: inset -9px 0 8px -11px rgba(0, 0, 0, 0.4);
        box-shadow: inset -9px 0 8px -11px rgba(0, 0, 0, 0.4);
        -moz-transition: width 0.5s;
        -o-transition: width 0.5s;
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
    }
    .app-sidebar-closed #sidebar:after {
        width: 60px;
    }
    #sidebar nav {
        border-right: none;
    }
    .app-sidebar-fixed #sidebar {
        position: fixed;
        margin-top: 0;
    }
    .app-sidebar-fixed #sidebar > div {
        z-index: 1000;
    }
    .app-boxed-page .app-sidebar-fixed #sidebar {
        position: static !important;
    }
    .app-sidebar-closed #sidebar {
        width: 70px;
    }
    .app-sidebar-closed #sidebar .nav-user-wrapper .media-body, .app-sidebar-closed #sidebar .nav-user-wrapper .media-right {
        display: none;
    }
    .lyt-2 #sidebar {
        width: 220px;
    }
    .lyt-3 .breadcrumb-wrapper, .lyt-4 .breadcrumb-wrapper {
        margin: 30px 15px 0;
    }
    .landing-page .navbar {
        -moz-transition: height 0.5s, background 0.5s;
        -o-transition: height 0.5s, background 0.5s;
        -webkit-transition: height 0.5s, background 0.5s;
        transition: height 0.5s, background 0.5s;
    }
    .landing-page .navbar .navbar-header .navbar-brand {
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }
    .landing-page .navbar .navbar-header .navbar-brand img {
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        max-width: 200px;
    }
    .landing-page .navbar.min {
        height: 40px;
        line-height: 40px;
        background: #2C2F3B;
    }
    .landing-page .navbar.min .navbar-header, .landing-page .navbar.min .navbar-collapse {
        height: 40px !important;
    }
    .landing-page .navbar.min .navbar-brand {
        height: 40px;
        line-height: 40px;
    }
    .landing-page .navbar.min .navbar-brand img {
        max-width: 70px !important;
    }
    .landing-page .navbar.min .navbar-nav > li > a {
        line-height: 40px;
    }
    .app-navbar-fixed .landing-page .landing-content {
        margin-top: -60px;
    }
    body.app-boxed-page {
        background: url("../images/bg.png") transparent !important;
    }
    .app-navbar-fixed {
        padding-top: 60px;
    }
    .app-boxed-page #app {
        margin: 0 auto;
        width: 970px;
    }
    .lyt-2 .navbar .navbar-header {
        width: 220px;
    }
    .lyt-2 .navbar .navbar-header .navbar-brand.navbar-brand-collapsed {
        padding: 0;
        width: 50px !important;
    }
    .lyt-2 .navbar .navbar-collapse {
        margin-left: 220px;
    }
    .lyt-2.app-sidebar-closed .navbar .navbar-header {
        width: 50px !important;
    }
    .lyt-2.app-sidebar-closed .navbar .navbar-collapse {
        margin-left: 50px;
    }
    .lyt-3.app-navbar-fixed .navbar {
        position: fixed;
    }
    .lyt-4 .navbar .sidebar-toggler-wrapper {
        display: none;
    }
    .lyt-4.app-sidebar-closed .navbar .navbar-header {
        width: 260px;
    }
    .lyt-4.app-sidebar-closed .navbar .navbar-header .navbar-brand {
        top: 0;
        opacity: 1;
    }
    .lyt-4.app-sidebar-closed .navbar .navbar-header .navbar-brand.navbar-brand-collapsed {
        display: none;
        left: -150px;
        opacity: 0;
    }
    .lyt-4.app-sidebar-closed .navbar .navbar-collapse {
        margin-left: 260px;
    }
    .lyt-4.app-sidebar-fixed .navbar .navbar-header, .lyt-3.app-sidebar-fixed .navbar .navbar-header {
        position: relative;
    }
    .lyt-4.app-sidebar-fixed.app-navbar-fixed .navbar .navbar-header, .lyt-3.app-sidebar-fixed.app-navbar-fixed .navbar .navbar-header {
        position: fixed;
    }
    .lyt-6 .navbar .navbar-header {
        width: 190px;
    }
    .lyt-6 .navbar .navbar-header .navbar-brand.navbar-brand-collapsed {
        padding: 0;
        width: 50px !important;
    }
    .lyt-6 .navbar .navbar-header .navbar-brand {
        display: block;
        right: 0;
        width: 190px;
    }
    .lyt-6 .navbar .navbar-collapse {
        margin-left: 190px;
    }
    .lyt-6.app-sidebar-closed .navbar .navbar-header {
        width: 50px !important;
    }
    .lyt-6.app-sidebar-closed .navbar .navbar-collapse {
        margin-left: 50px;
    }
    .navbar .navbar-header {
        border-right: 1px solid transparent;
        -moz-transition: width 0.5s;
        -o-transition: width 0.5s;
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
    }
    .navbar .navbar-header .navbar-brand {
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        position: absolute;
        left: 0;
        top: 0;
    }
    .navbar .navbar-header .navbar-brand.navbar-brand-collapsed {
        display: inline-block;
        opacity: 0;
        left: -150%;
        width: 70px;
        text-align: center;
    }
    .app-navbar-fixed .navbar .navbar-collapse, .app-navbar-fixed .navbar .navbar-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        -webkit-transform: translateZ(0);
    }
    .app-navbar-fixed .navbar .dropdown-off-sidebar {
        position: fixed;
        top: -1px;
        -webkit-transform: translateZ(0);
        border: none;
    }
    .app-boxed-page .app-navbar-fixed .navbar {
        width: 970px;
        position: fixed !important;
    }
    .app-boxed-page .app-navbar-fixed .navbar .navbar-collapse, .app-boxed-page .app-navbar-fixed .navbar .navbar-header, .app-boxed-page .app-navbar-fixed .navbar .dropdown-off-sidebar {
        position: absolute !important;
    }
    .app-sidebar-closed .navbar .navbar-header {
        width: 70px;
    }
    .app-sidebar-closed .navbar .navbar-header .navbar-brand {
        top: -200%;
        opacity: 0;
    }
    .app-sidebar-closed .navbar .navbar-header .navbar-brand.navbar-brand-collapsed {
        display: block;
        top: 0;
        left: 0;
        opacity: 1;
    }
    .app-sidebar-closed .navbar .navbar-collapse {
        margin-left: 70px;
    }
    .app-sidebar-fixed .navbar .navbar-header {
        position: fixed;
        top: 0;
    }
    .app-boxed-page .app-sidebar-fixed .navbar .navbar-header {
        position: absolute !important;
    }
    .app-offsidebar-open .navbar .dropdown-off-sidebar {
        position: fixed;
    }
    .app-boxed-page .app-offsidebar-open .navbar .dropdown-off-sidebar {
        position: absolute !important;
    }
    .navbar .navbar-right {
        position: relative;
        margin: 0 15px 0 0;
    }
    .main-content {
        margin-top: 60px;
        margin-left: 260px;
        z-index: 1052;
        -moz-transition: margin-left 0.5s;
        -o-transition: margin-left 0.5s;
        -webkit-transition: margin-left 0.5s;
        transition: margin-left 0.5s;
    }
    .app-navbar-fixed .main-content {
        margin-top: 0;
    }
    .app-navbar-fixed .main-content:before, .app-navbar-fixed .main-content:after {
        content: " ";
        display: table;
    }
    .app-navbar-fixed .main-content:after {
        clear: both;
    }
    .app-boxed-page .app-navbar-fixed .main-content {
        margin-top: 0;
    }
    .app-boxed-page .main-content {
        min-height: 0;
        padding-bottom: 50px;
    }
    .app-boxed-page .main-content:before, .app-boxed-page .main-content:after {
        content: " ";
        display: table;
    }
    .app-boxed-page .main-content:after {
        clear: both;
    }
    .app-sidebar-closed .main-content {
        z-index: 1049;
        margin-left: 70px;
    }
    .lyt-2 .main-content {
        margin-left: 220px;
    }
    .lyt-2.app-sidebar-closed .main-content {
        margin-left: 50px !important;
    }
    .lyt-4 .main-content {
        margin-top: 110px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
    }
    .lyt-4.app-navbar-fixed .main-content {
        margin-top: 50px;
    }
    .lyt-6 .main-content {
        margin-left: 190px;
    }
    .lyt-6.app-sidebar-closed .main-content {
        margin-left: 50px !important;
    }
    .app-offsidebar-open #off-sidebar {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .horizontal-menu {
        max-height: 50px;
        display: none;
    }
    .horizontal-menu .navbar-nav.navbar-right {
        margin-right: 0;
    }
    .horizontal-menu .navbar-nav.navbar-right li:last-child {
        padding-right: 0;
    }
    .horizontal-menu .navbar-nav > li > a.nav-user-wrapper {
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .lyt-4 .horizontal-menu {
        display: block;
    }
    #app > footer {
        margin-left: 260px;
        -moz-transition: margin 0.5s;
        -o-transition: margin 0.5s;
        -webkit-transition: margin 0.5s;
        transition: margin 0.5s;
    }
    #app.app-sidebar-closed > footer {
        margin-left: 70px;
    }
    #app.app-footer-fixed > footer {
        position: fixed;
    }
    .app-boxed-page #app.app-footer-fixed > footer {
        width: 970px;
        margin: 0 auto !important;
    }
    #app.lyt-2 > footer {
        margin-left: 220px;
    }
    #app.lyt-2.app-sidebar-closed > footer {
        margin-left: 50px;
    }
    #app.lyt-4 > footer {
        margin-left: 0 !important;
    }
    #app.lyt-6 > footer {
        margin-left: 190px;
    }
    #app.lyt-6.app-sidebar-closed > footer {
        margin-left: 50px;
    }
    .app-boxed-page #app > footer {
        margin-left: 0;
    }
    .lyt-3.app-sidebar-fixed #sidebar {
        padding-top: 90px;
    }
    .lyt-3.app-sidebar-closed #sidebar {
        width: 60px;
    }
    .lyt-3.app-sidebar-closed #sidebar .profile-card-photo {
        width: 30px;
        height: 30px;
    }
    .lyt-6 #sidebar {
        width: 190px;
    }
    .lyt-6.app-sidebar-closed #sidebar {
        width: 50px !important;
    }
    .lyt-6.app-sidebar-closed #sidebar > div nav > ul > li .item-inner {
        padding: 10px;
    }
    .lyt-6.app-sidebar-closed #sidebar > div nav > ul > li .item-inner > * {
        display: none;
    }
    .lyt-6.app-sidebar-closed #sidebar.app-aside > .item-inner, .lyt-6.app-sidebar-closed #sidebar.app-aside > ul.sub-menu {
        left: 50px !important;
    }
    #sidebar > div nav {
        width: 250px;
        position: relative;
    }
    #sidebar > div nav:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        background: #2C2F3B;
        width: 10px;
        height: 10px;
    }
    #sidebar > div nav:after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        background: #D7D6DB;
        width: 11px;
        height: 11px;
        border-top-left-radius: 5px;
    }
    .app-sidebar-closed #sidebar > div nav > ul li ul.sub-menu {
        display: none !important;
    }
    .app-sidebar-closed ul.sub-menu {
        border-right: 1px solid #c8c7cc;
        border-bottom: 1px solid #c8c7cc;
        background: #ffffff;
        left: 70px;
        position: absolute;
        padding: 1px 0;
        overflow-y: auto;
        overflow-x: visible;
        height: auto;
        bottom: auto;
        width: 260px;
        z-index: 1050;
        display: none;
    }
    .app-sidebar-closed ul.sub-menu > li a {
        padding-left: 20px !important;
        padding-right: 5px;
    }
    .app-sidebar-closed ul.sub-menu > li ul.sub-menu {
        position: relative;
        left: 0;
        width: 100%;
        border: none !important;
    }
    .app-sidebar-closed ul.sub-menu > li ul.sub-menu li a {
        padding-left: 30px !important;
    }
    .app-sidebar-closed ul.sub-menu > li ul.sub-menu li ul.sub-menu li a {
        padding-left: 50px !important;
    }
    .no-touch .app-sidebar-closed #sidebar > div nav > ul li {
        -moz-transition: background-color 0ms linear;
        -o-transition: background-color 0ms linear;
        -webkit-transition: background-color 0ms linear;
        transition: background-color 0ms linear;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li.open {
        background: inherit;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li.hover {
        background: #ffffff;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li.active:before {
        border-right: none !important;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li.active:after {
        border-right: none !important;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li.active:hover:after {
        border-left-color: #c8c7cc;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li > a {
        display: block;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li > a .item-content {
        display: block;
        padding-left: 0;
    }
    .app-sidebar-closed #sidebar > div nav > ul > li > a .item-inner .icon-arrow {
        display: none;
    }
    .app-sidebar-closed #sidebar .s-open {
        width: 70px;
    }
    .app-sidebar-closed #sidebar .navbar-title {
        opacity: 0;
    }
    .app-aside div {
        -webkit-transform: translateZ(0);
    }

    .app-sidebar-closed.lyt-2 .app-aside nav {
        padding-top: 0 !important;
    }
    .app-sidebar-closed.lyt-2 .app-aside nav > ul {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .app-sidebar-closed.lyt-2 .app-aside nav > ul > li.hover {
        background: #2C2F3B;
    }
    .app-sidebar-closed.lyt-3 .app-aside > .item-inner {
        left: 59px;
        width: 261px;
    }
    .app-sidebar-closed.lyt-3 .app-aside > .sub-menu {
        left: 60px;
    }
    .app-sidebar-closed.lyt-3.app-sidebar-fixed .app-aside > .item-inner {
        left: 69px !important;
    }
    .app-sidebar-closed.lyt-3.app-sidebar-fixed .app-aside > .sub-menu {
        left: 70px !important;
    }
    .app-sidebar-closed.lyt-6 .app-aside nav {
        padding-top: 0 !important;
    }
    .app-sidebar-closed.lyt-6 .app-aside nav > ul {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .app-sidebar-closed.lyt-6 .app-aside > .sub-menu:before {
        display: none;
    }
    .app-sidebar-closed .app-aside {
        overflow: visible !important;
    }
    .app-sidebar-closed .app-aside nav > ul {
        margin-left: 5px !important;
    }
    .app-sidebar-closed .app-aside li a .icon-arrow {
        float: right;
        margin-right: 6px !important;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        opacity: 0.6;
    }
    .app-sidebar-closed .app-aside li a .icon-arrow:before {
        content: "\e64a";
        /*font-family: themify;*/
    }
    .app-sidebar-closed .app-aside li.open > a .icon-arrow {
        opacity: 1;
    }
    .app-sidebar-closed .app-aside li.open > a .icon-arrow:before {
        content: "\e64b";
    }
    .app-sidebar-closed .app-aside > .item-inner {
        width: 260px;
        left: 70px;
        top: 0;
        padding: 20px 0;
        width: 260px;
        background: #81898F !important;
        margin-left: 0 !important;
        z-index: 1051;
        -webkit-transform: translateZ(0);
        border-top-right-radius: 10px;
    }
    .app-sidebar-closed .app-aside > .item-inner.active {
        background: #666C71 !important;
    }
    .app-sidebar-closed .app-aside > .item-inner:before {
        content: "";
        background: none;
        border-bottom: 12px solid transparent !important;
        border-left: 12px solid #ffffff;
        border-right: none;
        border-top: 12px solid transparent !important;
        display: block;
        height: 0;
        position: absolute;
        left: 0;
        top: 50%;
        width: 0;
        z-index: 1;
        margin-top: -12px;
    }
    .app-sidebar-closed .app-aside > .item-inner .title {
        margin-left: 20px;
        color: #ffffff !important;
        font-size: 14px;
    }
    .app-sidebar-closed .app-aside > .item-inner .icon-arrow {
        display: none;
    }
    .app-sidebar-closed .app-aside > ul.sub-menu {
        width: 260px;
        display: block !important;
        overflow: auto;
        padding: 0;
        left: 70px;
        z-index: 1000;
    }
    .app-sidebar-closed .app-aside > ul.sub-menu > li {
        z-index: 1000;
    }
    .app-sidebar-closed .app-aside > ul.sub-menu > li a {
        color: #8e8e93;
        font-size: 14px;
    }
    .lyt-2.app-sidebar-closed #sidebar {
        width: 50px !important;
    }
    .lyt-2.app-sidebar-closed #sidebar.app-aside > .item-inner, .lyt-2.app-sidebar-closed #sidebar.app-aside > ul.sub-menu {
        left: 50px !important;
    }
    .lyt-3 #sidebar {
        margin-left: 10px;
        margin-bottom: 30px;
        padding-top: 30px;
        width: 250px;
    }
    #sidebar > div, #sidebar .sidebar-container {
        margin-left: 10px;
    }
    #sidebar {
        margin-top: 60px;
        -moz-transition: width 0.5s;
        -o-transition: width 0.5s;
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
    }
    #sidebar .sidebar-container {
        position: relative;
    }
    #sidebar .sidebar-container > div {
        overflow: hidden;
    }
    .app-sidebar-fixed #sidebar {
        padding-top: 60px;
    }
    .app-boxed-page .app-navbar-fixed.app-sidebar-fixed #sidebar {
        padding-top: 0;
    }
    #sidebar:before {
        background-color: #2C2F3B;
        border: inherit;
        bottom: 0;
        content: "";
        position: absolute;
        top: 60px;
        width: inherit;
        z-index: -1;
    }
    #sidebar:after {
        background-color: #D7D6DB;
        border: inherit;
        bottom: 0;
        content: "";
        position: absolute;
        top: 60px;
        width: inherit;
        z-index: -1;
        left: 10px;
        width: 250px;
        -webkit-box-shadow: inset -9px 0 8px -11px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: inset -9px 0 8px -11px rgba(0, 0, 0, 0.4);
        box-shadow: inset -9px 0 8px -11px rgba(0, 0, 0, 0.4);
        -moz-transition: width 0.5s;
        -o-transition: width 0.5s;
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
    }
    .app-sidebar-closed #sidebar:after {
        width: 60px;
    }
    #sidebar nav {
        border-right: none;
    }
    .app-sidebar-fixed #sidebar {
        position: fixed;
        margin-top: 0;
    }
    .app-sidebar-fixed #sidebar > div {
        z-index: 1000;
    }
    .app-boxed-page .app-sidebar-fixed #sidebar {
        position: static !important;
    }
    .app-sidebar-closed #sidebar {
        width: 70px;
    }
    .app-sidebar-closed #sidebar .nav-user-wrapper .media-body, .app-sidebar-closed #sidebar .nav-user-wrapper .media-right {
        display: none;
    }
    .lyt-2 #sidebar {
        width: 220px;
    }
}

@media (min-width: 1200px) {
    .app-boxed-page #app.app-footer-fixed > footer {
        width: 1170px;
    }
    .inbox .wrap-list .messages-options {
        display: none;
    }
    .app-boxed-page .app-navbar-fixed .navbar {
        width: 1170px;
    }
    .app-boxed-page #app {
        margin: 0 auto;
        width: 1170px;
    }
}

@media (max-width: 1200px) {
    .messages-search {
        display: none;
        position: absolute;
        top: 0;
    }
    .inbox .email-reader {
        /* margin-left: 200px;*/
    }
    .inbox .email-options {
        display: none;
    }
}

@media screen and (max-width: 1024px){
    .fc-agendaVerticalDay2-view{
        height: 0 !important;
    }
    .chkAlgn{
        margin-left: -60px !important;
    }
    .addCntPrs{
        margin-left: -17px !important;
    }
    .saveCntprs {
        margin-right: 16px;
    }

    .resouceDrpDwn button {
        width: 123px !important;
    }

    .breadcrumb-wrapper .breadcrumb {
        margin-top: 2px;
    }
    .settings-version {
        margin-top: 0px !important;
    }
    .resNav{
        width: 10% !important;
    }
    .allRes, .planbrdRes{
        width: 45% !important;
    }
    .panel-tools.holidayTools{
        right: -9px !important;
    }
    .breadCrumb_accountContact.breadcrumb {
        font-size: 11px;
        margin-top: 2px;
    }
    .eventSalesRep{
        padding-right: 0px !important;
        padding-left: 14px !important;
    }
    .cal-context {
        height: 265px !important;
    }
    .container-content{
        height:590px !important;
    }
    .eventPanel1 {
        height: 520px !important;
    }
    .eventPanel2, .eventPanel3 {
        height: 430px !important;
    }
    .advSearch{
        width: 624px !important;
        right: -25px !important;
    }
    .cntPerson-popup {
        height: 625px !important;
    }
    .tableScroll{
        height: 400px !important;
    }
    .locationListScroll {
        height: 480px !important;
    }
    .tableWidth{
        width: 840px !important;
    }
    .templateWrap-scrollbar{
        height: 350px !important;
    }
    .templateMainActivity-scrollbar {
        height: 550px !important;
    }
    .inbox .email-list {
        height: 555px !important;
    }
    .templateComponent-scrollbar {
        height: 451px !important;
    }
    .leftSidebarEVentSearch {
        height: 406px !important;
    }
    .inbox .email-list {
        height: 550px !important;
    }
    .cntPrsn-scroll{
        height: 450px !important;
    }
    .panel-tools{
        /*right: 10px !important;*/
    }
    .template-scrollbar{
        height: 455px !important;
    }
    .tabAlign > a {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 1366px){
    .email-list{
        width: 275px !important;
    }
    .email-list{
        width: 275px !important;
    }
}

@media(max-width: 1024px)and (min-width: 769px) {
    .calScheduler {
        height: 590px !important;
        overflow:scroll !important;
    }
    .fc-agendaVerticalDay2-view .fc-scroller {
        height: 440px !important;
    }
    .resouceDrpDwn .dropdown-toggle {
        margin-left: -5px !important;
    }
    .schedPanel {
        height: 630px !important;
    }
    .generalSearchDropDown, .search-md-width {
        width: 120px;
    }
    .invoiceDrpDwn {
        margin-right: 20px !important;
    }
}

@media (max-width: 1024px){
    .fc-view .fc-timelineDay-view .fc-timeline .fc-flat {
        height: 590px;
        overflow: hidden;
        overflow: scroll;
    }

    .fc-body .fc-time-area .fc-scroller-clip {
        height: 605px !important; /*538px*/
        overflow: scroll !important;
    }
    .fc-resource-area.fc-widget-header{
        width: 25% !important;
    }
    .fc-agendaDay-view, .fc-agendaWeek-view, .fc-agendaVerticalDay2-view, .fc-agendaMothClick-view, .fc-agendaWeekHorizontal2-view{
        height: 560px!important; /*600px*/
    }
    .fc-agendaVerticalDay2-view .fc-scroller, .fc-agendaMothClick-view .fc-scroller, .fc-agendaWeekHorizontal2-view .fc-scroller{
        height: 510px !important;
    }
    .fc-timelineWeekVertical-view .fc-body .fc-time-area .fc-scroller-clip {
        height: 605px !important;
    }
    .fc-timelineDay-view .fc-body .fc-time-area .fc-scroller, .fc-timelineDay-view .fc-body .fc-resource-area .fc-scroller, .fc-timelineDay-view .fc-body .fc-resource-area .fc-scroller-clip,
    .fc-timelineWeekVertical-view .fc-body .fc-time-area .fc-scroller, .fc-timelineWeekVertical-view .fc-body .fc-resource-area .fc-scroller, .fc-timelineWeekVertical-view .fc-body .fc-resource-area .fc-scroller-clip,
    .fc-timelineMonthVertical-view .fc-body .fc-time-area .fc-scroller, .fc-timelineMonthVertical-view .fc-body .fc-resource-area .fc-scroller, .fc-timelineMonthVertical-view .fc-body .fc-resource-area .fc-scroller-clip{
        height: 550px !important; /*630px 538px*/
    }
    .fc-timelineDay-view .fc-body .fc-time-area .fc-scroller-clip, .fc-timelineWeekVertical-view .fc-body .fc-time-area .fc-scroller-clip, .fc-timelineMonthVertical-view .fc-body .fc-time-area .fc-scroller-clip {
        height: 550px !important; /*630px*/
    }
    /*.fc-timelineMonthVertical-view .fc-body .fc-time-area .fc-scroller-clip {
        height: 610px !important;
    }*/
    .fc-agendaDay-view .fc-scroller, .fc-agendaWeek-view .fc-scroller {
        height: 565px !important;
    }
    .fc-month-view .fc-scroller {
        height: 460px !important;
    }
    .schdNxtBtn {
        margin-left: -5px !important;
    }
    .fc-timelineDay-view, .fc-timelineWeekVertical-view, .fc-timelineMonthVertical-view {
        height: 600px !important;
    }
    .fc-agendaMothClick-view .fc-scroller {
        width: 1155px !important;
        overflow: auto;
    }
    .fc-agendaMothClick-view .fc-resource-cell {
        width: 1110px !important;
    }
    .fc-agendaMothClick-view{
        width:660px;
        overflow-x: auto ;
    }

    .fc-agendaWeekHorizontal2-view .fc-scroller {
        width: 1280px !important;
        overflow: auto;
    }
    .fc-agendaWeekHorizontal2-view .fc-resource-cell {
        width: 310px !important;
    }
    .fc-agendaWeekHorizontal2-view{
        width:660px;
        overflow-x: auto ;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    iframe.leadDashboard {
        height: 640px !important;
    }
    iframe.salesDashBoard, iframe.superuserDashboard {
        height: 640px !important;
    }
    .eventPanel {
        height: 545px !important;
    }
    .basePanel {
        height: 545px !important;
    }
    .template-scrollbar {
        height: 455px !important;
    }
    .alignHolidaySrch {
        left: 14px !important;
    }
    .calScheduler {
        height: 500px !important;
    }
    .fc-agendaDay-view, .fc-agendaWeek-view, .fc-agendaVerticalDay2-view, .fc-agendaMothClick-view, .fc-agendaWeekHorizontal2-view {
        height: 480px !important;
    }
    .fc-agendaVerticalDay2-view .fc-scroller, .fc-agendaMothClick-view .fc-scroller, .fc-agendaWeekHorizontal2-view .fc-scroller {
        height: 415px !important;
    }
    .fc-month-view .fc-scroller, .fc-agendaDay-view .fc-scroller, .fc-agendaWeek-view .fc-scroller {
        height: 445px !important;
    }
    .fc-timelineDay-view .fc-body .fc-time-area .fc-scroller-clip, .fc-timelineWeekVertical-view .fc-body .fc-time-area .fc-scroller-clip, .fc-timelineMonthVertical-view .fc-body .fc-time-area .fc-scroller-clip,
    .fc-timelineDay-view .fc-body .fc-time-area .fc-scroller, .fc-timelineDay-view .fc-body .fc-resource-area .fc-scroller, .fc-timelineDay-view .fc-body .fc-resource-area .fc-scroller-clip, .fc-timelineWeekVertical-view .fc-body .fc-time-area .fc-scroller, .fc-timelineWeekVertical-view .fc-body .fc-resource-area .fc-scroller, .fc-timelineWeekVertical-view .fc-body .fc-resource-area .fc-scroller-clip, .fc-timelineMonthVertical-view .fc-body .fc-time-area .fc-scroller, .fc-timelineMonthVertical-view .fc-body .fc-resource-area .fc-scroller, .fc-timelineMonthVertical-view .fc-body .fc-resource-area .fc-scroller-clip {
        height: 400px !important;
    }
    .fc-timelineDay-view, .fc-timelineWeekVertical-view, .fc-timelineMonthVertical-view {
        height: 500px !important;
    }
    iframe.leadDashboard, iframe.resourceReport,iframe.multipleEventPartysheet, iframe.employeeReport, iframe.eventOperationalReport, iframe.employeeTimesheet, iframe.ad-hocReport, iframe.revenueReport, iframe.salesDashBoard, iframe.superuserDashboard, iframe#occupancyReport {
        height: 630px !important;
    }
    iframe.pentahoReporting{
        height:600px !important;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .eventPanel {
        height: 690px !important;
    }
    .template-scrollbar {
        height: 560px !important;
    }
    .email-list {
        height: 694px !important;
    }
    .templateMainActivity-scrollbar {
        height: 694px !important;
    }
    .tableScroll {
        height: 530px !important;
    }
    .alignHolidaySrch {
        left: 17px !important;
    }
    iframe.leadDashboard, iframe.resourceReport,iframe.multipleEventPartysheet,iframe.employeeReport, iframe.eventOperationalReport, iframe.employeeTimesheet, iframe.ad-hocReport, iframe.revenueReport, iframe.salesDashBoard, iframe.superuserDashboard, iframe#occupancyReport {
        height: 750px !important;
    }
    .basePanel {
        height: 690px !important;
    }

}
/*for laptop view*/
@media only screen
and (min-device-width : 1366px)
and (max-device-width : 1919px)
and (orientation : landscape) {
    .basePanel {
        height: 654px !important;
        overflow: hidden;
        overflow-y: auto;
    }
    .eventPanel {
        height: 590px !important;
        /*height: 490px !important;*/
        overflow: hidden !important;
    }
    .searchList{
        padding-left: 65px;
    }
    /*.panel-tools {
        position: relative;
        top: 3px;
    }*/
    .template-scrollbar {
        height: 490px !important;
        /*height: 395px !important;*/
    }
    .tableScroll {
        height: 430px !important;
        /*height: 380px !important;        !*1366x768 resolution*!*/
    }
    .cntPerson-popup {
        height: 585px !important;
    }
    .eventPanel1 .cntPerson-popup {
        height: 500px !important;
    }
    .tskPercentage {
        font-size: 12px;
    }
    .labelFont {
        font-size: 12px;
    }
    /*for tooltip issue in adv search and normal search - laptop view*/
    .advSearch_tooltip.top, .txtSearch_tooltip.top {
        top: -18px !important;
    }
    /*code start for BI reports*/
    iframe.leadDashboard, iframe.resourceReport,iframe.multipleEventPartysheet, iframe.employeeReport, iframe.employeeTimesheet, iframe.ad-hocReport, iframe.revenueReport, iframe.salesDashBoard, iframe.superuserDashboard, iframe#occupancyReport {
        height: 600px !important;
    }
    iframe.eventOperationalReport {
        height: 580px !important;
    }
    iframe.pentahoReporting{
        height: 590px !important;
    }
    /*code ends for BI reports*/
    /*code start for scheduler*/
    .schedPanel {
        height: 605px !important;
    }
    .calScheduler{
        height: 510px !important;
    }
    .fc-agendaWeek-view .fc-scroller, .fc-month-view .fc-scroller, .fc-agendaDay-view .fc-scroller {
        overflow-y: auto !important;
        margin: 0px;
        height: 470px !important;
    }
    .fc-agendaDay-view, .fc-agendaWeek-view, .fc-agendaVerticalDay2-view, .fc-agendaMothClick-view, .fc-agendaWeekHorizontal2-view {
        height: 480px !important;
    }
    .fc-agendaVerticalDay2-view .fc-scroller {
        height: 425px !important;
    }
    .fc-agendaWeekHorizontal2-view .fc-scroller, .fc-agendaMothClick-view .fc-scroller {
        height: 370px !important;
    }
    .fc-month-view .fc-scroller, .fc-agendaDay-view .fc-scroller, .fc-agendaWeek-view .fc-scroller {
        height: 428px !important;
    }
    .fc-timelineDay-view .fc-body .fc-time-area .fc-scroller-clip, .fc-timelineWeekVertical-view .fc-body .fc-time-area .fc-scroller-clip, .fc-timelineMonthVertical-view .fc-body .fc-time-area .fc-scroller-clip,
    .fc-timelineDay-view .fc-body .fc-time-area .fc-scroller, .fc-timelineDay-view .fc-body .fc-resource-area .fc-scroller, .fc-timelineDay-view .fc-body .fc-resource-area .fc-scroller-clip, .fc-timelineWeekVertical-view .fc-body .fc-time-area .fc-scroller, .fc-timelineWeekVertical-view .fc-body .fc-resource-area .fc-scroller, .fc-timelineWeekVertical-view .fc-body .fc-resource-area .fc-scroller-clip, .fc-timelineMonthVertical-view .fc-body .fc-time-area .fc-scroller, .fc-timelineMonthVertical-view .fc-body .fc-resource-area .fc-scroller, .fc-timelineMonthVertical-view .fc-body .fc-resource-area .fc-scroller-clip {
        height: 370px !important;
    }
    /*code end for scheduler*/

    /* code start for editable dropdown related changes */
    .addEventtooltip{
        top:-70px;
        left:-30px;
    }
    .addEventDrop{
        width: 125px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .addClassificationDrop, .formEventworkflowDrop{
        width: 100% !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .addPackBaseUnitDrop{
        min-width: 100%!important;
        max-width: 369px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .addEmpSales{
        width: 154px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .formPackageItemCat{
        width: 532px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

    .addEventSalesDrop{
        width: 100px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .formContactPrsnDrop1{
        width: 100px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .listEventDrop {
        width: 185px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .formEventDrop{
        width: 305px !important;
    }
    .formloctDrop{
        width: 280px !important;
    }

    .formEventDrp {
        width: 485px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .formEventAccDrop{
        width: 100% !important;
    }
    .formOppoAccDrop{
        width: 365px !important;
    }
    /*.formContactPrsnDrop {
        width: 330px !important;
    }*/
    .formAccDrp{
        width: 450px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .formAccDrop{
        width: 100% !important;
    }

    .formContactPrsnDrp{
        width: 525px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .formContactPrsnDrop {
        /*width: 457px !important;*/
        width: 315px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

    .formAccFunCatDrop {
        width: 304px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

    .formAccFuncatDrp {
        width: 277px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .formLocLineSalesDrop {
        width: 150px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

    .formLocLineSalesDrp {
        width: 215px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

    .accContactPerDrop{
        width: 210px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

    .accContactPerDrp{
        width: 270px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tooltip-inner {
        max-width: 800px;
    }

    .formEventStageDrop{
        width: 268px !important;
    }
    .formCombiDrop, .formLoctype, .formEmpResStagDrop{
        width: 305px !important;
    }
    .formItemDrop {
        width: 280px !important;
    }

    .formEmpCatDrop {
        width: 270px !important;
        /*width: 165px !important;*/
    }

    .formEmpCatDrop.noSidebar {
        width: 201px !important;
    }

    .resEmpCatDrop{
        width: 255px !important;
    }

    .formPackResourcesDrop {
        width: 650px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

    .formPackResourcesDrp{
        width: 695px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .formPackSalesMethDrop {
        width: 555px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

    .formPackSalesMethDrp{
        width: 615px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .formEventLineDisableDiscount {
        width: 218px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }
    .addDefaultDepartmentDrop {
        width: 615px !important;
    }
    .addDpmntDrop1{
        max-width : 400px;
    }
    /* code end for editable dropdown related changes */

    .cntPrsn-scroll {
        height: 475px !important
    }
    .partysheet-popup {
        height: 590px !important;
        overflow: hidden;
        overflow-y: auto;
    }
    .leftSidebarEVentSearch{
        height: 460px !important;
    }
    .templateWrap-scrollbar {
        height: 410px !important;
    }
    .label_lastEvt {
        font-size: 12px !important;
    }
    /*add employee in resources -> employee*/
    .addEmp {
        margin-left: -12px !important;
    }
    /*code start for label alignments when locale is NL*/
    .evPlan_alignRight{
        padding-right: 0;
        font-size: 11px;
    }
    .evSalesRep_alignRight, .name2_alignRight{
        padding-right: 0;
        font-size: 12px;
    }
    .formRelatedEntityDrop{
        min-width: 100%!important;
        max-width: 154px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .addEmpSales{
        min-width: 100%!important;
        max-width: 154px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /*code end for label alignments when locale is NL*/
}
/*@media (min-width: 1025px) and (max-width: 1280px) {
    iframe.pentahoReporting{
        height: 590px !important;
    }
}*/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    iframe#ad-hocReport{
        min-height:525px;
        width:100%;
        border:none;
    }
    iframe#resourceReport{
        min-height:525px;
        width:100%;
        border:none;
    }
    iframe#eventOperationalReport{
        min-height:525px;
        width:100%;
        border:none;
    }
    iframe#leadDashboard{
        min-height:525px;
        width:100%;
        border:none;
    }
    iframe#salesDashBoard, iframe#superuserDashboard{
        min-height:525px;
        width:100%;
        border:none;
    }
    iframe#revenueReport, iframe#occupancyReport{
        min-height:525px;
        width:100%;
        border:none;
    }
    iframe#employeeTimeSheet{
        min-height:525px;
        width:100%;
        border:none;
    }
    iframe#employeeReport{
        min-height:525px;
        width:100%;
        border:none;
    }
    iframe#multipleEventPartysheet{
        min-height:525px;
        width:100%;
        border:none;
    }
    .formRelatedEntityDrop{
        min-width: 100%!important;
        max-width: 154px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .addEmpSales{
        min-width: 100%!important;
        max-width: 154px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .addPackBaseUnitDrop{
        min-width: 100%!important;
        max-width: 369px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }


}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    iframe#ad-hocReport {
        min-height:600px;
        width:100%;
        border:none;
    }
    iframe#resourceReport {
        min-height:600px;
        width:100%;
        border:none;
    }
    iframe#eventOperationalReport {
        min-height:600px;
        width:100%;
        border:none;
    }
    iframe#leadDashboard {
        min-height:600px;
        width:100%;
        border:none;
    }
    iframe#salesDashBoard, iframe#superuserDashboard {
        min-height:600px;
        width:100%;
        border:none;
    }
    iframe#revenueReport, iframe#occupancyReport {
        min-height:600px;
        width:100%;
        border:none;
    }
    iframe#employeeTimeSheet {
        min-height:600px;
        width:100%;
        border:none;
    }
    iframe#employeeReport {
        min-height:600px;
        width:100%;
        border:none;
    }
    iframe#multipleEventPartysheet {
        min-height:600px;
        width:100%;
        border:none;
    }
    .formRelatedEntityDrop{
        min-width: 100%!important;
        max-width: 154px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .addEmpSales{
        min-width: 100%!important;
        max-width: 154px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .addPackBaseUnitDrop{
        min-width: 100%!important;
        max-width: 369px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .formPackageItemCat{
        min-width: 100%!important;
        max-width: 390px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }
    .formEventAccDrop {
        min-width: 100% !important;
        max-width: 230px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }


}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    iframe#ad-hocReport {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#resourceReport {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#eventOperationalReport {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#leadDashboard {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#salesDashBoard, iframe#superuserDashboard {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#revenueReport, iframe#occupancyReport {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#employeeTimeSheet {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#employeeReport {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#multipleEventPartysheet {
        min-height:760px;
        width:100%;
        border:none;
    }
    .formRelatedEntityDrop{
        min-width: 100%!important;
        max-width: 154px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .addEmpSales{
        min-width: 100%!important;
        max-width: 154px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .addPackBaseUnitDrop{
        min-width: 100%!important;
        max-width: 369px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .formPackageItemCat{
        min-width: 100%!important;
        max-width: 390px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }
    .formEventAccDrop {
        min-width: 100% !important;
        /*max-width: 230px !important;*/
        max-width: 150px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    iframe#ad-hocReport {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#resourceReport {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#eventOperationalReport {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#leadDashboard {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#salesDashBoard, iframe#superuserDashboard {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#revenueReport, iframe#occupancyReport {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#employeeTimeSheet {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#employeeReport {
        min-height:760px;
        width:100%;
        border:none;
    }
    iframe#multipleEventPartysheet {
        min-height:760px;
        width:100%;
        border:none;
    }
    .formRelatedEntityDrop{
        min-width: 100%!important;
        max-width: 154px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .addEmpSales{
        min-width: 100%!important;
        max-width: 154px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .addPackBaseUnitDrop{
        min-width: 100%!important;
        max-width: 369px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }


}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    iframe#ad-hocReport {
        min-height:805px; /*768px*/
        width:100%;
        border:none;
    }
    iframe#resourceReport {
        min-height:785px; /*768px*/
        width:100%;
        border:none;
    }
    iframe#eventOperationalReport {
        min-height:785px; /*768px*/
        width:100%;
        border:none;
    }
    iframe#leadDashboard {
        min-height:785px; /*768px*/
        width:100%;
        border:none;
    }
    iframe#salesDashBoard, iframe#superuserDashboard {
        min-height:785px; /*768px*/
        width:100%;
        border:none;
    }
    iframe#revenueReport, iframe#occupancyReport {
        min-height:805px; /*768px*/
        width:100%;
        border:none;
    }
    iframe#employeeTimeSheet {
        min-height:805px; /*768px*/
        width:100%;
        border:none;
    }
    iframe#employeeReport {
        min-height:785px; /*768px*/
        width:100%;
        border:none;
    }
    iframe#multipleEventPartysheet {
        min-height:785px; /*768px*/
        width:100%;
        border:none;
    }
    .formRelatedEntityDrop{
        min-width: 100%!important;
        max-width: 154px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .addEmpSales{
        min-width: 100%!important;
        max-width: 154px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .addPackBaseUnitDrop{
        min-width: 100%!important;
        max-width: 369px !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }



}

@media screen and (max-height: 768px) {
    iframe#ad-hocReport {
        min-height: 500px;
        max-height:600px;
        width:100%;
        border:none;
    }
    iframe#resourceReport {
        min-height: 500px;
        max-height:600px;
        width:100%;
        border:none;
    }
    iframe#eventOperationalReport {
        min-height: 500px;
        max-height:600px;
        width:100%;
        border:none;
    }
    iframe#leadDashboard {
        min-height: 500px;
        max-height:600px;
        width:100%;
        border:none;
    }
    iframe#salesDashBoard, iframe#superuserDashboard {
        min-height: 500px;
        max-height:600px;
        width:100%;
        border:none;
    }
    iframe#revenueReport, iframe#occupancyReport {
        min-height: 500px;
        max-height:600px;
        width:100%;
        border:none;
    }
    iframe#employeeTimeSheet {
        min-height: 500px;
        max-height:600px;
        width:100%;
        border:none;
    }
    iframe#employeeReport {
        min-height: 500px;
        max-height:600px;
        width:100%;
        border:none;
    }
    iframe#multipleEventPartysheet {
        min-height: 500px;
        max-height:600px;
        width:100%;
        border:none;
    }
}

@media screen and (max-height: 500px) {
    iframe#ad-hocReport {
        min-height: 300px;
        max-height:350px;
        width:100%;
        border:none;
    }
    iframe#resourceReport {
        min-height: 300px;
        max-height:350px;
        width:100%;
        border:none;
    }
    iframe#eventOperationalReport {
        min-height: 300px;
        max-height:350px;
        width:100%;
        border:none;
    }
    iframe#leadDashboard {
        min-height: 300px;
        max-height:350px;
        width:100%;
        border:none;
    }
    iframe#salesDashBoard, iframe#superuserDashboard {
        min-height: 300px;
        max-height:350px;
        width:100%;
        border:none;
    }
    iframe#revenueReport, iframe#occupancyReport {
        min-height: 300px;
        max-height:350px;
        width:100%;
        border:none;
    }
    iframe#employeeTimeSheet {
        min-height: 300px;
        max-height:350px;
        width:100%;
        border:none;
    }
    iframe#employeeReport {
        min-height: 300px;
        max-height:350px;
        width:100%;
        border:none;
    }
    iframe#multipleEventPartysheet{
        min-height: 300px;
        max-height:350px;
        width:100%;
        border:none;
    }
}

/*for laptop with 1366x768px*/
@media  screen and (max-width: 1366px)
,screen and (max-height: 768px){
    iframe.pentahoReporting {
        height: 540px !important;
    }
    .eventPanel {
        height: 490px !important;
        overflow: hidden !important;
    }
    .template-scrollbar {
        height: 395px !important;
    }
    .tableScroll {
        height: 380px !important;
    }

    /*styling for dropdowns in contact person*/
    .formEmpCatDrop,
    .formContactPrsnDrop,
    .formContactPrsnDrop1,
    .formEventDrop,
    .addClassificationDrop,
    .formEventworkflowDrop,    /* for event saes representative and event planner*/
    .addLeadDrop                /*for dropdowns in leads*/
     {
          width: 165px !important;
          min-width: 100% !important;
          max-width: 150px !important;
          overflow: hidden;
          text-overflow: ellipsis;
          text-align: left;
      }
    /*for sales stage and planning stage dropdowns*/
    .formEventStageDrop {
        width: 125px !important;
        min-width: 100% !important;
        max-width: 150px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }
    .basePanel {
        height: 490px !important;
        overflow: hidden;
        overflow-y: auto;
    }
    .cntPrsn-scroll {
        height: 390px !important;
    }
    /*contact person popup height*/
    .cntPerson-popup {
        height: 425px !important;
    }
}

/*for laptop with 1920x1080px, only for editable dropdowns or dropdowns*/
@media only screen and (min-width:1920px)
,screen and (max-height: 1080px) {
    .formEmpCatDrop,
    .formContactPrsnDrop,
    .formContactPrsnDrop1,
    .formEventDrop,
    .addClassificationDrop ,
    .formEventworkflowDrop,
    .addLeadDrop                /*for dropdowns in leads*/
    {
        width: 165px !important;
        min-width: 100% !important;
        max-width: 150px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }
    /*for sales stage and planning stage dropdowns*/
    .formEventStageDrop {
        width: 125px !important;
        min-width: 100% !important;
        max-width: 150px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }
}