html,body {
    height: 100%;
}
body {
    position: relative;
}
#main-wrapper {
    padding-bottom: 25px;
}
.valign-middle {
    vertical-align: middle !important;
}

.no-wrap {
    white-space: nowrap;
}

.navbar-top {
	margin-bottom: 0;
}
.footer {
    min-height: 20px;
    max-height: 20px;
    text-align: center;
    font-size: 11px;
    font-weight: 300;
    line-height: 18px;
    color: #a1a1a1;
    background-color: #F8F8F8;
}

.nav-sidebar {
    height: 100%;
    left: 0;
    position: absolute;
    top: 51px;
    width: 250px;
}
.nav-sidebar.switched-user {
    top: 76px;
}
.nav-sidebar > ul.nav li a {
    color: #2B7DBC;
    padding: 6px 15px;
}
.nav-sidebar > ul.nav li {

    border-bottom:1px solid #E5E5E5;
}
.nav-sidebar .nav .open > a, .nav-sidebar .nav .open > a:hover, .nav-sidebar .nav .open > a:focus {
    color:#2A8BCB;
    background-color: #eee;
}
.nav-sidebar .nav .open.selected > a, .nav-sidebar .nav .open.selected > a:hover, .nav-sidebar .nav .open.selected > a:focus {
    color:#fff;
    background-color:#2A8BCB;
}

.nav-sidebar .nav .open .active a {
    color:#2A8BCB;
}

.nav-sidebar > ul.nav  li > ul.nav  li  a {
    color: #808080;
    font-size: 13px;
    padding: 5px 15px 5px 30px;
}
.nav-sidebar > ul.nav  li > ul.nav  li {
    border-top:1px dotted #8EB3D0;
}

.nav-sidebar > ul.nav  li > ul.nav  li  a:hover {
    background-color: #F1F5F9;
}
/* Toggle child */
.nav-sidebar > ul.nav li ul {
    display:none;
}
.nav-sidebar > ul.nav li.open ul {
    display:block;
}

textarea.error {
    color: #555555;
    font-size: 14px;
}

.page-header-container {
    padding-bottom: 10px;
}

.page-header-container > h2 {
    margin-bottom: 0;
}

.break-word {
    display: block;
    overflow: hidden;
    word-break: break-all;
}

@media (max-width: 768px) {
    .nav-sidebar {
        display:none;
    }
    .nav-sidebar.toggle-sidebar {
        display:block;
    }
    body .wrapper {margin-left:0;}
    body .wrapper.toggle-sidebar {
        margin-left:250px;
    }
}

.wrapper {
    margin-left: 250px;
    margin-top: 25px;
    margin-bottom: 50px;
}

.nav-sidebar .dropdown-menu {
    background-color: #EEEEEE;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    float: none;
    margin: 0;
    padding-top: 0;
    position: static;
}

.switch-user-header {
    min-height: 25px;
    color: #808080;
    text-align: center;
    background-color: #fff48c;
    left: 0;
    position: absolute;
    right: 0;
}

.switch-user-header a {
    color: #2e8dff;
}

.switch-user-header + #main-navbar {
    margin-top: 25px;
}
.switch-user-header + #main-navbar + #main-menu{
    top: 25px;
}
.switch-user-header ~ #content-wrapper {
    padding-top:89px;
}
.user-switched .top-headerbar {
    top: 70px;
}

.close-switch-user {
    color: #808080;
    cursor: pointer;
}

.appcontent-homescreen-toggle {
    margin-top: 15px;
    margin-left: 90px;
}

.not-bold {
    font-weight: normal !important;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

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

.module-nav {
    background-color: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin: 30px 0 0;
    padding: 0;
}

#navpublist .fa-chevron-right, #navunpublist .fa-chevron-right, .navPubListCurrent .fa-chevron-right{
    position: absolute;
    right: 10px;
    top: 15px;
}

#navpublist li > a, #navunpublist li > a, .navPubListCurrent li > a {
    border: 1px solid #E5E5E5;
    margin: 0 0 -1px;
    display: block;
}

#navpublist li > a:first-of-type, #navunpublist li > a:first-of-type, .navPubListCurrent li > a:first-of-type {
    border-top: 0;
}

.width-auto {
    width: auto;
    float: left;
}

label {
    font-weight: normal;
}

.label-light-bordered {
    background-color: #ffffff;
    color: #696969;
    border: 2px solid #d3d3d3;
    padding: 0.02em 0.6em 0.14em;
}

.label-default-light {
    background-color: #cbd0da;
}

.label-info-dark {
    background-color: #4b88dc;
}

.label-success-light {
    background-color: #91dca6;
}

.label-info-light {
    background-color: #9ac3fc;
}

.label-danger-light {
    background-color: #fb6f52;
}
.label-success-bordered {
    background-color: #ffffff;
    color: #5cb85c;
    border: 2px solid #5cb85c;
    padding: 0.02em 0.6em 0.14em;
}
.label-danger-bordered {
    background-color: #ffffff;
    color: #d9534f;
    border: 2px solid #d9534f;
    padding: 0.02em 0.6em 0.14em;
}
/*custom label */
.btn-group.label-group  { }
.label-group {  }
.label-group > .label {
    border-top: 1px solid #5F5F5F;
    border-bottom: 1px solid #5F5F5F;
    border-right: 1px solid #5F5F5F;
    float: left;
    padding: 7px;
    color:#fff;
    height:25px;
    border-radius: 0;
}
.label-group > .label.label-txt {color: #5F5F5F;}
.label-group > .label:first-child {
    border-left: 1px solid #5F5F5F;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.label-group > .label:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.btn-group.label-group > button.btn {
    border-color: #5f5f5f;
    border-left: medium none #5f5f5f;
    height: 25px;
    line-height: 7px;
    width: 25px;
    padding: 6px;
}

div.dataTables_wrapper ul li.dropdown-header {
    padding: 3px 20px;
}

.tab-content {
    padding-top: 25px;
}

.icon-dimmed {
    color:#cccccc;
}

.input-group .input-group-addon i {
    display: block;
    width: 16px;
    height: 16px;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.help-popover {
    display: inline;
}

.switch-panel {
    margin-right: 10px;
    margin-top: -4px;;
}

.header-select .bootstrap-select.btn-group {
    height: 100%;
    margin: 0;
}
.header-select .bootstrap-select.btn-group .btn.dropdown-toggle.selectpicker {
    border: none;
    margin-top: 2px;
    padding: 11px 22px;
}
.header-select-black .bootstrap-select.btn-group .btn.dropdown-toggle.selectpicker {
    background-color: #222222;
    color: #FFFFFF;
}


.navbar.navbar-default.custom-wide-topbar {
    border-radius: 0;
    margin-left: -34px;
    margin-right: -34px;
    margin-top: 32px;
    width: auto;
}
.fluid-buttons .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width:auto;
}
.custom-combine-nav .start-left {
    margin-left: -15px;
    margin-right: -15px;

}
.navbar.navbar-default.custom-wide-topbar .btn-default {
    background-color: #f8f8f8;
}
.inline-block {
    display: inline-block;
}
@media (max-width: 767px) {
    #content-wrapper .top-headerbar {
        left: 0;
        margin-left: -33px;
        margin-right: -33px;
        margin-top: -18px;
        position: static;
        right: 0;
    }
    #content-wrapper .navbar-nav {
        margin:0;
    }
    #content-wrapper .navbar-nav .navbar-form {
        margin-left:0;
        margin-right:0;
    }
    .navbar-toggle.dark-toggle-btn, .navbar-toggle.dark-toggle-btn:hover, .navbar-toggle.dark-toggle-btn:focus {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none;
        margin-right: 6px;
        border-radius: 0;
        max-height: 32px;
    }
    .navbar-default  .navbar-toggle.dark-toggle-btn .icon-bar {
        background-color: #373737;
        margin-top:2px;
    }
    .navbar-toggle.dark-toggle-btn .icon-bar {
        border-radius: 1px;
        display: block;
        height: 2px;
        width: 12px;
    }
    .custom-combine-nav .caret {
        float: right;
        margin-top: 8px;
    }

    .navbar.navbar-default.custom-wide-topbar {
        margin-top: -21px;
    }
    .fluid-buttons .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 100%;
    }

}

#main-navbar .bootstrap-select .btn:focus {
    outline: none !important;
}

#main-navbar li.selected a  {
    background-color:#eee;
    color:#000;
}

.pagination-block > .pagination {
    margin-top: 0;
}

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

.panel-btn-sm {
    margin-top: -26px;
}

.top-headerbar {
    left: -1px;
    position: absolute;
    right: -1px;
    top: 45px;
}
.top-headerbar + *, .top-headerbar + .page-header {
    margin-top:50px;
}

#content-wrapper {
    padding-bottom: 50px;
}

.edit-form {
    float: left;
    min-width: 600px;
}


.inline-right-margin {
    margin-right:15px;
}

.width-auto {
    width:auto;
}

.loading-signal {
    border:3px solid #fff;
    border-radius:30px;
    height:30px;
    left:50%;
    margin:-15px 0 0 -15px;
    opacity:0;
    position:absolute;
    top:50%;
    width:30px;
    -webkit-animation: pulsate 1s ease-out;
    -moz-animation: pulsate 1s ease-out;
    -ms-animation: pulsate 1s ease-out;
    -o-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    animation-iteration-count:infinite;
}

.loading-signal-invers {
    border:3px solid #000;
    border-radius:30px;
    height:30px;
    left:50%;
    margin:-15px 0 0 -15px;
    opacity:0;
    position:absolute;
    top:50%;
    width:30px;
    -webkit-animation: pulsate 1s ease-out;
    -moz-animation: pulsate 1s ease-out;
    -ms-animation: pulsate 1s ease-out;
    -o-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    animation-iteration-count:infinite;
}

@-webkit-keyframes pulsate {
    0% {
        transform:scale(.1);
        opacity: 0.0;
    }
    50% {
        opacity:1;
    }
    100% {
        transform:scale(1.2);
        opacity:0;
    }
}

@keyframes pulsate {
    0% {
        transform:scale(.1);
        opacity: 0.0;
    }
    50% {
        opacity:1;
    }
    100% {
        transform:scale(1.2);
        opacity:0;
    }
}

.jcrop-keymgr {
    left: -99999px !important;
}

.dataTableWrapper {
    padding-right: 15px;
    padding-left: 15px
}

.table-responsive .table tr td:last-child .open .dropdown-menu {
    left: auto;
    right: 0;
}

.btn-group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.main-logo {
    margin-top: 3px;
}

.login-bg {
    /* Generated with http://www.cssmatic.com/gradient-generator */
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(230,230,230,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(42%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(230,230,230,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(230,230,230,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(230,230,230,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(230,230,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 );
}

#signInBtn {
    margin-top: 10px;
}

.login-panel {
    margin-top: 20px;
    min-width: 250px;
}

/* Add a background shade on :hover on header */

#main-navbar .navbar-nav > li > a:focus,
#main-navbar .navbar-nav > li > a:hover,
#main-navbar .navbar-nav > .open > a,
#main-navbar .navbar-nav > .open > a:focus,
#main-navbar .navbar-nav > .open > a:hover {
    background-color: #4A4A4A;
}
.btn-outline {
    background-color: transparent;
}

#main-menu .menu-content {
    border-top: 1px solid;
    margin-top: 15px;
    overflow: hidden;
    padding: 20px;
}

#main-menu-inner {
    padding-top: 54px;
}

.empty-pane-msg {
    padding-top: 250px;
    font-size: 20px;
    color: #808080;
    font-weight: 100;
    text-align: center;
    letter-spacing: 0.05em;
}

.page-header > h1 {
    margin-top: 0px;
    font-size: 30px;
}

.empty-pane-msg-xl {
    padding-top: 250px;
    font-size: 35px;
    color: #808080;
    font-weight: 100;
    text-align: center;
    letter-spacing: 0.05em;

}

.dropdown-element-icon {
    display: inline-block;
    width: 18px;
    text-align: center;
}

.badge-warning {
    background-color: #f0ad4e;
}


/* Overrides the datatable default sorting images to change the /images path to /img */
table.dataTable thead .sorting { background: url('/img/sort_both.png') no-repeat center right; }
table.dataTable thead .sorting_asc { background: url('/img/sort_asc.png') no-repeat center right; }
table.dataTable thead .sorting_desc { background: url('/img/sort_desc.png') no-repeat center right; }

table.dataTable thead .sorting_asc_disabled { background: url('/img/sort_asc_disabled.png') no-repeat center right; }
table.dataTable thead .sorting_desc_disabled { background: url('/img/sort_desc_disabled.png') no-repeat center right; }


.fileinput-button input {
    bottom: 0;
}

button.close {
    line-height: inherit;
}

button.close span {
    font-size: 22px;
}

.modal-header .close {
    margin-top: -4px;
}

.bootbox-close-button {
    margin-top: -3px !important;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border-top: none;
    border: none;
}

.semi-visible {
    opacity: 0.2;
}
.gu-mirror {
    display: table;
    border:1px solid #DCD9D9;
    padding:3px 5px;
    opacity:1;
    background:#fff;
}
#categoryListTable > tbody:first-child td.panel-body th {
    border: 0 none;
}
tbody.gu-mirror{padding:0;border-bottom:0;}
tbody.gu-mirror th {
    padding:8px;
}
tbody.gu-mirror tr:last-child {display:none;}
.gu-mirror td {vertical-align:  middle !important;}
.section-container-table {
    background: #fff none repeat scroll 0 0 !important;
    border-collapse: separate;
    border-spacing: 0 5px;
}
.section-container tr.gu-transit {
    opacity:1;
}
.section-container tr.gu-transit > td {
    border-top: 1px dashed gray;
    border-bottom: 1px dashed gray;
    color:#C5C3C3;
}
.section-container tr.gu-transit td:first-child{
    border-left: 1px dashed gray;
}
.section-container tr.gu-transit td:last-child{
    border-right: 1px dashed gray;
}
.section-container tr.gu-transit td >  * {
    opacity:0.3;
}


#categoryListTable th.panel-head .delete_category,
#categoryListTable th.panel-head .edit_category{
    cursor:pointer;
    position:relative;
    z-index: 5;;
}
#categoryListTable td.panel-body {
    background: #fff none repeat scroll 0 0;
    border:0;
}
#categoryListTable td.panel-body table.table{
    margin-bottom:0;
}
#categoryListTable td.panel-space {
    border: 2px solid #fff;
    padding: 5px;
}

.section-list-item {
    border-bottom: 2px solid #fff;
}
.section-list-item th.panel-head {
    background: #eae8e8 none repeat scroll 0 0;
    border: 0 !important;
    cursor:move;
    position:relative;
    padding-left: 25px !important;
}
.section-list-item th.panel-head::before {
    background: #e1e1e1 none repeat scroll 0 0;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    bottom: 0;
    color: #b7b2b2;
    content: "::";
    font-size: 14px;
    left: 0;
    line-height: 266%;
    padding: 0 2px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 15px;
}
.section-list-item.gu-transit tr:last-child {
    display: none;
}
.section-list-item.gu-transit {
    opacity:1;
}
.section-list-item.gu-transit tr{position:relative;}
.section-list-item.gu-transit tr th {opacity:0.2;}
.section-list-item.gu-transit tr:after{
    content:"";
    left:0;
    right:0;
    top:0;
    bottom:0;
    border:1px dashed gray;
    position:absolute;
}
.section-list-item.gu-transit tr th{cursor:move; padding:8px 8px 8px 25px !important}
.section-container tr > td { vertical-align: middle !important; border-bottom:1px solid #D9D9D9;}
.section-container tr > td:first-child{border-left:1px solid #D9D9D9;}
.section-container tr > td:last-child{border-right:1px solid #D9D9D9;}
.section-container:empty {
    background: #fff none repeat scroll 0 0;
    display: block;
    min-height: 40px;
}
.section-container tr {cursor:move;
    background: #fff;}
.section-list-item input {
    cursor: default;
}
.section-container tr > td:first-child {
    padding-left: 25px !important;
    position: relative;
    width: 45px !important;
    overflow: hidden;
}
.section-container tr > td:first-child::before {
    background: #f1f1f1 none repeat scroll 0 0;
    border-right: 1px solid #e1e1e1;
    bottom:0;
    content: "::";
    left: 0;
    color:#f1f1f1;
    padding: 200% 2px;
    position: absolute;
    text-align: center;
    width: 15px;
}
.section-container tr > td:first-child::after {
    color: #b7b2b2;
    content: "::";
    font-size: 18px;
    left: 2px;
    position: absolute;
    top:29%;
}
.section-container tr.gu-transit td:first-child:before,
.section-container tr.gu-transit td:first-child:after {opacity:0.3;}
.section-container tr > td.no-items-found:first-child::before,
.section-container tr > td.no-items-found:first-child::after {display:none;}
.section-container tr > td.no-items-found:first-child {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #efefef;
    color: gray;
    text-align: center;
    cursor:default;
}
.section-bottom tr > td {
    border: 0 none !important;
    padding: 0 !important;
}




.text-gray {color:gray;}
.text-gray:hover {color:#565656;}
.cat-dragged .section-list-item tr:last-child{display:none;}
.cat-dragged .section-list-item.gu-transit > tr:first-child,
.cat-dragged .section-list-item.gu-transit tr:first-child th { display:block;}

.cat-dragged {border-collapse: separate;
    border-spacing: 0 5px;}
.mass-actions-panel{height:35px;}
.mass-actions-panel > a, .mass-actions-panel > div.dropdown {
    display: inline-block;
    vertical-align:top;
    font-size: 11px;
    margin-left: 6px;
    margin-top: 6px;
    cursor:pointer;
}
@media all and (max-width:1232px){
    .responsive-search {width: 165px !important;}
}
@media all and (min-width:768px){
    .table-responsive-ov {
        overflow-x:visible !important;
    }
}
@media all and (max-width:767px) {
    .table-responsive.table-responsive-ov {
        overflow-y: visible !important;
    }
}
.batch-upload-filter{
    margin-top: 5px;
}
.batch-upload-filter-clear-button{
    margin-top: 12px;
}
.appBundleListCurrent th, .appBundleListCurrent td{
    text-align: center;
}
.appBundleListInprogress th, .appBundleListInprogress td {
    text-align: center;
}
.appBundleListCurrent td:nth-child(3){
    text-align: left;
}
.appBundleListCurrent td:nth-child(4){
    text-align: right;
}
.appBundleListInprogress td:nth-child(2){
    text-align: left;
}
.appBundleListInprogress td:nth-child(3){
    text-align: right;
}
.zEWidget-launcher{
    transform: rotate(270deg) translate(100%, -50%) !important;
    top: 70% !important;
    right: -56px !important;
    width: 70px !important;
    height: 40px !important;
    border-top-left-radius: 9px !important;
    border-top-right-radius: 10px !important;
}