.cl-mcont{
    margin-top: 15px;
    padding: 0px 15px 30px;
}
.cl-mcont .row {
    margin-top: 0px;
}
.row {
    margin-bottom: 10px;
}
.page-head{
    padding: 5px 15px;
}
.breadcrumb li, .breadcrumb li a, .breadcrumb li a.active {
    font-size: 13px;
}
a.navbar-brand span{
    /*width: 100% !important;*/
}


.block-flat > header{
    border-bottom: 1px solid #dadada;
}
.block-flat > header > .widget-icon {
    display: block;
    float: left;
    font-size: 111%;
    height: 32px;
    line-height: 32px;
    margin-right: -10px;
    position: relative;
    text-align: center;
    width: 30px;
}

.block-flat > header h2 {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    letter-spacing: 0;
    line-height: 34px;
    margin: 0;
    position: relative;
    width: auto;
}
.block-flat > header > h2 {
    float: left;
    margin-left: 10px;
}
.widget-toolbar {
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    position: relative;
    text-align: center;
    width: auto;
}
.block-flat > div.content {
    clear: both;
}
.block-flat{
    padding: 10px;
}

/* FORM */
.form-group, .input-group{
    /*margin-bottom: 15px;*/
    margin-bottom: 10px;
}
.input-group{
    margin-bottom: 0px;
}
.form-control{
    font-size: 13px;
}
.control-label{
    font-weight: normal;
}

.form-actions-gt {
    /*background: none repeat scroll 0 0 rgba(249, 249, 249, 0.9);*/
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    /*display: block;*/
    //margin: 25px -13px -13px;
    margin: 25px 0px -9px;
    padding: 13px 14px 10px;
    text-align: right;
}

/* TABLE */
table.th-bg thead th{
    background:#fafafa url("../images/datagrid_header_bg.gif") repeat-x left bottom;
    color: #555555;
}
td.nowrap{
    width:1%;
    white-space:nowrap;
}
table thead th {
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
    padding: 0.5em 0.6em 0.3em;
}
table tbody td {
    padding: 7px 8px;
    font-size: 13px;
}
table.hover tbody tr:hover {
    background: #dfe8f6;
}
table tbody td a.label{
    font-size: 90%;
    line-height: 1;
    padding: 0.5em 0.6em 0.3em;
}
.table-no-bordered > tbody > tr > td{
    border: none;
}

.table-list-item > tbody > tr > td > a{
    color: #555;
}

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

.required{
    color: red;
    font-weight: 500;
}
.error{
    color: red;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
}
.highlight {
    background-color: #FFFF88;
}
.numeric{
    text-align: right;
}


/* side bar */
.cl-vnavigation .parent ul li a {
    background-color: #1a1c20;
    background-image: none;
    font-size: 12px;
    padding: 7px 18px 7px 42px;
}

/* pagination */
.pagination{
    margin: 0px;
}
li.page.selected > a{

    background-color: #428bca;
    border-color: #428bca;
    color: #fff;
    cursor: default;
    z-index: 2
}
li.page.selected > a:hover{
    /*background-color: #fff;*/
}

.help-block {
    margin-bottom: 0px;
}

.margin-top-10{
    margin-top: 10px !important;
}
.margin-top-20{
    margin-top: 20px !important
}

/* MODAL */
.modal-title {
    line-height: 1;
}
.modal-footer{
    padding: 15px 15px 10px 15px;
}

/* loadin ajax */
.modalLoading {
    display:    none;
    position:   fixed;
    z-index:    9000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: url('../images/ajax_loader.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading,body.loading-static {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalLoading,body.loading-static .modalLoading {
    display: block;
}

/* My Chosen */
select.form-control + .chosen-container.chosen-container-single .chosen-single div {
    color: #000;
    top: 4px;
}
.chosen-container-single .chosen-single div {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
}
.chosen-default > span{
    color: #C4C4C4;
}
.label-beforsuccess {
    background-color: #9774A5;
}

.label.label-default,
.label.label-success,
.label.label-info,
.label.label-warning,
.label.label-primary,
.label.label-dange,
.label.label-beforsuccess{
    padding: 0.5em 0.6em 0.3em;
}

.errorMessage{
    color: red;
    font-style: italic;
    padding-top:6px;
}

.btn-group {
    margin-left: 0px;
    margin-right: 0px;
}
.padding-small {
    padding-left:2px;
    padding-right:2px;
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 16px;
    height: 16px;
    *margin-right: .3em;
    line-height: 16px;
    vertical-align: text-top;
    background-position: 16px 16px;
    background-repeat: no-repeat;
    margin-top: 1px;
}
.icon-carbusy {
    background-image: url("../img/car.png");
    background-position: center center;
}
.icon-car {
    background-image: url("../img/flag_green.png");
    background-position: center center;
}
.icon-frombooking {
    background-image: url("../img/tag_pink.png");
    background-position: center center;
}

.block-flat.block-primary {
    border-top: 2px solid #3c8dbc;
}
.block-flat.block-info {
    border-top: 2px solid #00c0ef;
}
.block-flat.block-danger {
    border-top: 2px solid #f56954;
}
.block-flat.block-warning {
    border-top: 2px solid #f39c12;
}
.block-flat.block-success {
    border-top: 2px solid #00a65a;
}