/*
	 Globals
	------------------------------------------
*/
body {
    background: #2D3341;
}

/*	 Icons*/
.icon-home-index {
    width: 14px !important;
    background-position: 0 -24px;
}

.icon-topmenunotifications {
    width: 14px !important;
    background-position: -432px -144px;
}

.icon-topsetting {
    width: 14px !important;
    background-position: -432px 0px;
}

.icon-notification-index {
    width: 14px !important;
    background-position: -48px -144px;
}

.icon-geonotification-index {
    width: 14px !important;
    background-position: -144px -96px;
}

.icon-activity-index, .icon-webapp-index {
    width: 14px !important;
    background-position: -96px -72px;
}

.icon-dataobject-index {
    width: 14px !important;
    background-position: -240px 0;
}

.icon-document-index {
    width: 14px !important;
    background-position: -408px -120px;
}

.icon-menugroupadministration {
    width: 14px !important;
    background-position: -96px -120px;
}

.icon-user-index {
    width: 14px !important;
    background-position: -168px 0;
}

.icon-menugroupdevices {
    width: 14px !important;
    background-position: -72px -120px;
}

.icon-device-index {
    width: 14px !important;
    background-position: -384px 0;
}

.icon-home-about {
    width: 14px !important;
    background-position: -96px -96px;
}

.icon-group-index {
    width: 14px !important;
    background-position: -96px -144px;
}

.icon-globalsettings-index {
    width: 14px !important;
    background-position: -336px -144px;
}

.icon-settings-index {
    width: 14px !important;
    background-position: -360px -144px;
}

.icon-home-contact {
    width: 14px !important;
    background-position: -336px -24px;
}

.icon-mobileusagereport-index {
    width: 14px !important;
    background-position: -24px -24px;
}

.icon-menugroupbranding {
    width: 14px !important;
    background-position: -144px 0;
}

.icon-application-editbranding {
    width: 14px !important;
    background-position: 0 -72px;
}

.icon-tenant-index, .icon-application-index {
    width: 14px !important;
    background-position: -192px -24px;
}

.icon-splashscreen-index {
    width: 14px !important;
    background-position: -456px -48px;
}

.icon-devicegroup-index {
    width: 14px !important;
    background-position: -240px 0;
}

.icon-role-index {
    width: 14px !important;
    background-position: -192px 0;
}

.icon-cleanersettings-edit {
    width: 14px !important;
    background-position: -408px -144px;
}

.icon-cache-index {
  width: 14px !important;
  background-position: -385px -144px;
}

.icon-brokerendpoints-index {
    width: 14px !important;
    background-position: -168px -48px;
}

.icon-couchbaseinstances-index {
    width: 14px !important;
    background-position: -384px -121px;
}

.icon-amqp-index {
    width: 14px !important;
    background-position: -384px -121px;
}

.icon-featuretoggle-index {
    width: 14px !important;
    background-position: -72px -120px;
}
.icon-menuutility {
    background-position: -433px -2px;
    width: 14px !important;
}
.icon-utility-index {
    width: 14px !important;
    background-position: -360px -144px;
}
/*	 Columns - global settings */
.row {
    margin-left: -30px;
}
.container-cell .row {
  margin-left: 0px !important;
}

[class*="span"] {
    margin-left: 30px;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 1170px;
}

.span12 {
    width: 1120px;
}

.span11 {
    width: 1040px;
}

.span10 {
    width: 940px;
}

.span9 {
    width: 840px;
}

.span8 {
    width: 740px;
}

.span7 {
    width: 640px;
}

.span6 {
    width: 540px;
}

.span5 {
    width: 440px;
}

.span4 {
    width: 340px;
}

.span3 {
    width: 240px;
}

.span2 {
    width: 140px;
}

.span1 {
    width: 40px;
}

/*	 Flash and error messages*/

.field-validation-error {
    display: block;
    padding: 8px 35px 8px 14px;
    margin: 8px 0 20px 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.sidebar .field-validation-error {
    width: 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.input-validation-error {
    border: 1px solid #CD0A0A !important;
    color: #CD0A0A !important;
}

    .input-validation-error:focus {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #f53c3c !important;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #f53c3c !important;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #f53c3c !important;
    }

/*	 Header - navigation*/

.navbar-inner {
    position: relative;
}


    .navbar .brand img {
        height: 37px;
    }

.navbar .navbar-inverse {
    color: #999999;
}

.navbar .navbar-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
}

.navbar .tablet-menu {
    text-align: center;
}

.navbar .nav li.dropdown.open > .dropdown-toggle {
    color: #fff;
    background: transparent !important;
}

.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #223741;
    background: #f7f4f3 !important;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open > .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555;
}

.navbar-inverse .nav > .active > a > [class*=" icon-"] {
    background-image: url("../img/glyphicons-halflings.png");
}

.navbar-inverse .navbar-inner {
    background-image: url("../img/bg_navbar.jpg");
    background-repeat: repeat-x;
    background-color: #007fc0;
    filter: none !important;
}

.navbar .nav > li > a {
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    font-size: 12px;
}

    .navbar .nav > li > a:focus,
    .navbar .nav > li > a:hover {
        color: #fff;
        background-color: transparent;
    }

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    color: #223741;
    background: #f7f4f3;
    border: 0;
    border-top: solid 2px #5fc8ff;
    text-shadow: 0 1px 0 #fff;
    -moz-text-shadow: 0 1px 0 #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    border-radius: 5px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.navbar .dropdown-menu a {
    border-top: 0;
}

/*	 Body - container*/

.body {
    background: #f7f4f3;
}

.body-inner {
    padding-top: 20px;
    padding-bottom: 30px;
}

.page-with-sidebar {
    position: relative;
    height: 100%;
}

/*   Breadcrumb*/

.breadcrumb {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 4px #e6e6e6;
    -moz-box-shadow: 0 1px 4px #e6e6e6;
    -webkit-box-shadow: 0 1px 4px #e6e6e6;
}

    .breadcrumb .active a {
        color: #555;
        text-decoration: none;
    }

        .breadcrumb .active a:hover {
            color: #555;
            text-decoration: none;
        }

.container-wrapper {
    position: relative;
}

/*	 Document header*/

.document {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 15px 25px;
    box-shadow: 0 6px 8px #e6e6e6;
    -moz-box-shadow: 0 6px 8px #e6e6e6;
    -webkit-box-shadow: 0 6px 8px #e6e6e6;
}

    .document header .btn-group {
        display: inline-block;
    }

    .document header .action-list {
        position: relative;
        top: 10px;
    }

.table th.right, .table td.right {
    text-align: right;
}

.table th.center, .table td.center {
    text-align: center;
}

table .text-box {
    width: 80%;
}

.document input.generated-key {
    font-family: Consolas, Courier New;
    font-size: 22px;
    height: 36px;
    line-height: 36px;
    margin: 0;
}

/*	 Sidebar*/

.sidebar {
    float: left;
    overflow-y: auto;
    width: 270px;
}

    .sidebar .dock-it {
        position: absolute;
        top: -21px;
        right: 0;
        padding: 5px 9px;
        border: 1px solid #ddd;
        border-top: 0;
        cursor: pointer;
        background-color: #fff;
        border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        width: 16px;
        z-index: 1000;
    }

        .sidebar .dock-it.collapsed {
            left: 30px;
        }

.container-fluid .dock-it.collapsed {
    left: 0;
}

.sidebar select, .sidebar textarea {
    width: 240px;
}

.sidebar .text-box {
    width: 228px;
}

/*	 Mainbar*/

.mainbar {
    margin-left: 300px;
}

    .mainbar.maxed {
        margin-left: 0;
    }

    .mainbar .input-xxlarge {
        width: 50%;
    }

.row-fluid .mainbar.span12 {
    margin: 0;
}

.app-description {
    background: url('../img/mobile-icon.png') 6px 20px no-repeat;
    min-height: 128px;
    padding-left: 90px;
    padding-bottom: 40px;
}

.CodeMirror {
    margin-bottom: 30px;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.mainbar-maxed #openlayer-container {
    width: 100%;
}

.mainbar .form-inline input.text-box {
    width: 12%;
}

.mainbar .map-search {
    padding-bottom: 20px;
}

.mainbar .richeditor {
    padding-top: 20px;
}

.mainbar .ajax {
    overflow: hidden;
}

.pull-right.action-list {
    position: absolute;
    right: 0;
    top: 0;
}

.map-search select {
    width: 80%;
}

.map-search .input-search {
    width: 40%;
}

.ui-jqgrid-pager {
    height: 40px !important;
}

.grid-buttons {
    padding-bottom: 8px;
    text-align: right;
}

    .grid-buttons:first-child {
        padding: 0 0 8px 0;
    }

.ui-pg-input {
    height: 22px !important;
    font-size: 1.2em !important;
}

.ui-pg-selbox {
    height: 30px !important;
    font-size: 1.2em !important;
}

.jstree-apple .jstree-open > ins, .jstree-apple .jstree-closed > ins {
    cursor: pointer;
}

/*	 Footer	*/

footer {
    height: 54px;
    color: #888;
}

    footer .span4 {
        padding-top: 20px;
    }

    footer .span8 {
        padding-top: 14px;
    }

    footer a {
        color: #bfbfbf;
    }

        footer a:hover {
            color: #fff;
            text-decoration: none;
        }

.bottom-logo {
    height: 50px;
}

/*   Modal box */

.modal {
    width: 800px;
    margin: 0 0 0 -400px;
}

    .modal .control-label {
        width: 120px;
    }

    .modal .controls {
        margin-left: 140px;
    }

    .modal form {
        margin: 0;
    }

    .modal select {
        width: 190px;
    }

    .modal .jqgrid-fix {
        width: 740px;
    }

.navbar .brand {
    float: left;
}

.grid-buttons .btn {
    margin-bottom: 5px;
}
/*   Mobile portal users*/
@media (max-width: 1199px) {
    header a {
        color: #ddd;
        display: inline-block;
        padding: 0 10px 10px 10px;
        font-weight: bold;
    }

        header a:hover {
            color: #fff;
        }

    .modal.fade.in {
        top: 20px;
    }

    .modal {
        width: 560px;
        margin: 0 0 0 -280px;
    }

    .input-xxlarge {
        width: 80%;
    }

    header .brand {
        text-align: center;
    }

    header .desktop-menu {
        display: none;
    }

    

    .navbar-inner {
        padding-left: 10px;
        padding-right: 10px;
    }

    .navbar .smaller .brand{
        float: none;
    }
}

@media (max-width: 1199px) {
    header .brand {
        text-align: center;
    }

    header .desktop-menu {
        display: none;
    }

    header .tablet-menu {
        display: block;
    }

    .navbar-inner {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .row {
        margin-left: -20px;
    }

    [class*="span"] {
        margin-left: 20px;
    }

    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 724px;
    }

    .span12 {
        width: 674px;
    }

    .span11 {
        width: 612px;
    }

    .span10 {
        width: 552px;
    }

    .span9 {
        width: 495px;
    }

    .span8 {
        width: 438px;
    }

    .span7 {
        width: 379px;
    }

    .span6 {
        width: 322px;
    }

    .span5 {
        width: 265px;
    }

    .span4 {
        width: 208px;
    }

    .span3 {
        width: 151px;
    }

    .span2 {
        width: 92px;
    }

    .span1 {
        width: 37px;
    }

    .sidebar {
        width: 190px;
    }

    .mainbar {
        margin-left: 200px;
    }

    .modal .jqgrid-fix {
        width: 500px;
    }
}

@media (max-width: 820px) {
    .grid-buttons .btn {
        font-size: 13px;
    }
}

@media (min-width: 900px) {
    .navbar #menu.nav {
        padding-top: 0px;
    }
}

@media (max-width: 767px) {
    body {
        padding: 0;
    }

    .container {
        width: 100%;
    }

    .row {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    [class*="span"] {
        margin: 0;
        width: 100%;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom,
    .navbar-static-top {
        margin: 0;
    }

    footer .container .row > div {
        text-align: center;
    }

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

    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: auto;
    }

    .sidebar .dock-it.collapsed {
        left: 0;
    }

    .sidebar {
        width: 150px;
    }

    .mainbar {
        margin-left: 155px;
    }

    .modal {
        width: 400px;
        margin: 0 0 0 -200px;
    }

        .modal .jqgrid-fix {
            width: 340px;
        }
}

@media (max-height: 600px) {
    .modal-body {
        max-height: 300px;
    }
}

@media (max-width: 480px) {
    .modal {
        width: 280px;
        margin: 0 0 0 -140px;
    }
}

@media (max-width:340px) {
    header a {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.desktop-menu {
    margin-top: 8px !important;
}

.navbar .nav.pull-right > li > a {
    padding: 10px 2px;
}