/*
	 Globals
	------------------------------------------
*/

html, body {
    height: 100%;
}

/* Clearfix */
.clearfix {
    *zoom: 1;
}

    .clearfix:before,
    .clearfix:after {
        display: table;
        line-height: 0;
        content: "";
    }

/* Remove persistant dotted borders on links and focused elements. */
a {
    outline: none;
}

:-moz-any-link:focus {
    outline: none;
}

:focus {
    outline: none;
    -moz-outline-style: none;
}

.requiredMarker {
    font-size: 25px;
    color: Red;
}

/* Helper classes to align text */
.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

/* Helper to hide elements */
.hidden {
    display: none;
}

/* Global inputs */
input.input-xxxlarge {
    width: 80%;
}

input.text-box,
textarea.text-box,
span.text-box {
    width: 60%;
}

select.standard-select-width {
    width: 40%;
}

.input-max-width {
    width: 100%;
    *width: 95%; /* For older IE */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"], input[type="checkbox"] {
    margin: -2px 4px 0 0;
}

.form-horizontal input[type="radio"],
.form-horizontal input[type="checkbox"] {
    margin: 3px 4px 0 -18px;
}

.ui-jqgrid input[type="checkbox"] {
    margin: 0px !important;
}

.form-horizontal.row {
    margin: 0;
}

.checkbox {
    display: inline-block;
    white-space: nowrap;
}

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

/*Header*/

header .container-fluid {
    padding: 0;
}

header [class^="icon-"] {
    padding-right: 4px;
}

header .menu-icon {
    width: 0;
    padding-right: 0;
}

header .caret {
    margin-left: 4px;
}

header .brand img {
    height: 22px;
}

/*Body*/

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

.alert ul {
    margin: 0 0 0 25px;
}

iframe {
    width: 100%;
    height: 100px;
    border: none;
}

/* Footer*/

footer .bottom-logo {
    height: 24px;
}

/*	 Custom elements*/

.htmlTextArea {
    width: 60%;
    background: #FCFCFC;
    border: 1px solid #CCCCCC;
    color: #A5A5A5;
    border-radius: 5px;
    padding: 5px;
}

.htmlTextAreaEdit {
    width: 60%;
    background: #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #555555;
    border-radius: 5px;
    padding: 5px;
}

.datetimepickerBox {
    margin: 10px 5px 5px 5px;
}

    .datetimepickerBox label {
        display: inline-block;
        width: 60px;
    }

    .datetimepickerBox select {
        width: 80px;
    }

    .datetimepickerBox button {
        margin-bottom: 10px;
    }

.navbar .brand {
    padding-bottom: 0;
}

/* loader */
.blockUI h1 {
    font-size: 14px;
}

    .blockUI h1 img {
        margin-right: 15px;
    }
/* JQGried Pagenevigation */
.ui-pg-table .ui-pg-selbox {
    width: 60px;
}

.ui-pg-table .ui-pg-input {
    width: 50px;
}

.ui-jqgrid .ui-pg-table td {
    font-weight: normal;
    vertical-align: middle;
    padding: 0px 0px;
    border: 1px solid transparent;
}

.ui-pager-control {
    padding: 5px 0px;
}

.ui-jqgrid .ui-pg-table .ui-pg-button.ui-state-disabled > .ui-separator {
    margin-left: 3px;
    margin-right: 3px;
}

.ui-jqgrid-view .ui-state-highlight {
    background: #007AB3 !important;
    color: #FFF;
}

#gview_tables .ui-jqgrid-btable {
    width: 99.95% !important;
}

.ui-jqgrid-view #assginedTenantTable .ui-state-highlight {
    background: #FFF;
    color: #000;
}

.separator {
    height: 20px;
    display: inline-block;
    border-right: 1px solid #fff;
    margin: 0 5px;
}

.poslink {
    position: relative;
    font-size: 0.875em;
}

.centered-div {
    height: auto;
    margin: 90px;
}

.control-group.inline-control {
    margin-bottom: 0;
    margin-top: -10px;
}

.inline-control > label, .inline-control > div.controls {
    display: inline-block;
}

.fright {
    float: right !important;
}

.audit-label label {
    float: left;
    margin: 6px;
}

.navbar .tablet-menu {
    margin-top: 14px;
}

.clearboth {
    clear: both;
}

.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
    height: 19px;   
}
.disable-control-width {
    width: 60%;
}

@media (max-width: 600px) {
    .disable-control-width {
        width: 98%;
    }
}