/*============= HTML5 =============*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main{
     display:block;
}
audio, canvas, video{
     display:inline-block;
     *display:inline;
     *zoom:1;
}
audio:not([controls]){
     display:none;
}
[hidden]{
     display:none;
}

/*============ Global =============*/

html{
     font-size:100%;
     -webkit-text-size-adjust:100%;
     -ms-text-size-adjust:100%;
}
body{
     margin:0;
     padding:0;
     border:none;
     font-size:100%; /*equivalent to 16px in most browsers*/
     font-family: helvetica, arial, sans-serif;
     color:#333;
     -webkit-text-size-adjust:100%;
     font-smoothing:antialiased;
     text-rendering:optimizeLegibility;
}

/* remove text shadow on selection */
/*
::-moz-selection{
     background:#b4d5ff;
     text-shadow:none;
}*/
::selection{
     background:#b4d5ff;
     color:#fff;
     text-shadow:none;
}
ul, ol, dl{
     margin:0 0 18px 20px;
     padding:0;
}
ul{
     margin:0;
     list-style:none;
}
li{
     margin:0 0 8px;
     padding:0;
}
form, input, button, select, textarea, label, legend, fieldset{
     margin:0;
     padding:0;
}
label{
     display:block;
     font-size:1em;
     padding:0 0 6px;
}
input, textarea{
     border:1px solid #e3e3e3;
     height:28px;
     line-height:2em;
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
     border-radius:3px;
     text-indent:5px;
}
input:focus{
     border:1px solid #6aafdb;
}


input[type="checkbox"], input[type="radio"]{
     width:16px;
     height:16px;
     border:0;
}
textarea{
     text-indent:0;
     padding:5px;
     line-height:1.143em;
     overflow:auto;
     vertical-align:top;
     resize:vertical;
}
fieldset{
     border:none;
}
p.error, p.confirmation{
     background:#ffd4d4;
     border:1px solid #f1a4a4;
     color:#472424;
     margin:0 0 10px;
     padding:5px 8px;
     font-size:0.857em;
     -moz-border-radius:3px;
     -webit-border-radius:3px;
     border-radius:3px;
}
p.confirmation{
     background:#e6ffd2;
     border:1px solid #afdd89;
     color:#2e421e;
     float:right;
     display:inline;
     width:35%;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     box-sizing:border-box;
}
a{
     color:#333;
}
a:visited{
     color:#000;
}
a:hover{
     color:#000;
}
a:focus{
     outline:thin dotted;
}
a:hover, a:active{
     outline:0;
}
img{
     border:none;
}
p{
     margin:0 0 18px 0;
     line-height:1.5em;
}
h1, h2, h3, h4, h5, h6{
     font-family:helvetica, arial, sans-serif;
     font-weight:700;
     color:#222;
}
h1{
     font-size:1.857em;
     margin:0 0 18px 0;
}
h2{
     font-size:1.571em;
     margin:0 0 18px 0;
}
h3{
     font-size:1.286em;
     margin:0 0 18px 0;
}
h4{
     font-size:1.143em;
     margin:0 0 18px 0;
}
h5{
     font-size:1em;
     margin:0 0 18px 0;
}
table{
  border-collapse:collapse;
  border-spacing:0;
  margin:0 0 18px;
}
td{
     vertical-align:top;
}

/*clear*/

.cf:before,
.cf:after{
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
.cf{

    *zoom: 1;
}

/*Box Sizing*/

#wrapper, #header, #footer{
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
}

/*============ Layout =============*/
#wrapper{
    padding:0 0 20px 0;
}
.wrap{
    display:block;
    width:990px;
    margin:0 auto;
}

/*============ Header =============*/
#header-wrap{
    height:60px;
    width:100%;
}
#logo{
    margin:5px 0;
    float:left;
}
#nav{
    float:right;
    margin:20px 0 0;
}
#nav li{
    display:inline;
    margin:0 0px;
}
#nav a{
    padding:20px;
    line-height:33px;
    color: #A80054;
    font-weight:700;
    font-size: 17px;
    padding-right: 10px;
}
#nav li.active a{
    color: #FFFFFF;
}

#nav a:hover{
    text-decoration:none;
    color:#fff;
}
/*========= Content/Pages =========*/
#content{
    margin:10px auto;
}
.button-column .delete,.button-column .update,.button-column #yt1{
    margin:5px 0 5px 8px;
    display:block;
}

/*============ Footer =============*/
#footer-wrap{
    padding:10px 0;
    width:100%;
    background:#33CCFF;
}
#footer{
    text-align:center;
    color:#fff;
}

/*============ Responsive =============*/

@media (max-width:900px){

}

/*========= Print Styles ==========*/

@media print {
     body{
          background:transparent;
          color:#000;
          text-shadow:none;
     }
     a, a:visited{
          text-decoration:underline;
     }
     a[href]:after{
          content: " (" attr(href) ")";
     }
     abbr[title]:after{
          content: " (" attr(title) ")";
     }
     pre, blockquote{
          border:1px solid #999;
          page-break-inside:avoid;
     }
     tr, img{
          page-break-inside:avoid;
     }
     img{
          max-width:100%;
     }
     p, h2, h3 {
          orphans:3;
          widows:3;
     }
     h2, h3{
          page-break-after:avoid;
     }
}

#header-wrap .logo {
    color: white;
    font-size: 28px;
    padding-top: 28px;
    display: block;
    position: absolute;
}

/************* CUSTOM 1.1 styles ****************/

.btn-primary, .btn-info {
    color: #fff !important;
}

.section-create-button {
    margin-bottom: 15px;
}

.edit-label {
    font-size: 20px;
}

h1.view {
    margin-bottom: 30px;
}

/******** View action *******/

.view-detail-container {
    width: 100% !important;
    clear: both;
}
.view-detail-container .row label, .view-detail-container .row span  {
    float: left;
}

.view-detail-container .row span {
    margin-left: 10px;
}

.view-detail-container .row label {
    font-weight: bold;
}

.view-detail-container .first-floating-item {
    margin-right: 125px;
}

#standard-form textarea {
    width: 536px;
    height: 120px;
}

.sub-section fieldset {
    clear: both;
}

.view-detail-container fieldset legend {
    float: left;
}

a.strong {
    font-weight: bold;
}

.sub-section-large {
    margin-top: 20px;
}

input.datepicker[type="text"], input.timepicker[type="text"] { width: 120px!important; }

/********* INCIDENT STATUSES ***********/

.status_complete {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.status_on_hold {
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
}

/********** SEARCH FORM *****************/

.search-form-container {
    width: 650px;
}

.centered-item {
    margin: 0 auto;
}

h2.centered-item {
    text-align: center;
}

.search-form-container .search-label {
    font-size: 20px;
    margin-top: 2px;
    margin-right: 5px;
    display: block;
    float: left;
}

#search-form .search-field {
    width: 250px;
}

#search-form .search-select {
    width: 215px;
}

.grey-item {
    color: #9a9b9a;
}

/************* INVOICE TEMPLATE STYLES ***************/

#invoice-template-wrapper {
    margin-top: 30px;
    width: 750px;
}

#invoice-template-wrapper .row {
    margin-left: 0px;
}

#invoice-template-wrapper .single {
    margin-top: 10px;
    margin-bottom: 10px;
}

#invoice-template-wrapper .small-block {
    width: 150px;
}

#invoice-template-wrapper textarea {
    width: 734px;
    height: 100px;
}

#invoice-template-wrapper select {
    width: auto !important;
}

#invoice-template-wrapper .totalfield {
    width: 100px;
}

#invoice-template-wrapper .regfield {
    width: 300px;
}

#invoice-template-wrapper .form-actions button, #invoice-template-wrapper .form-actions .btn {
    float: right;
    margin-left: 5px;
}

.create-template-container .submit-button {
    margin-left: 5px;
}

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

#invoice-template-wrapper .injected-tag {
    font-weight: bold;
}

.small-block .datefield {
    width: 133px;
}

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

.invoice-fields table tr th {
    font-weight: bold;
}

/***** INVOICE STATUS ******/

.status-COMPLETED {
    background-color: #468847 !important;;
}

.status-CANCELLED {
    background-color: #b94a48 !important;;
}

.status-SENT {
    background-color: #3a87ad !important;
}

.status-INCOMPLETE, .status-NOT_RAISED, .status-RESENT  {
    background-color: #f89406 !important;;
}

/********** DASHBOARD ************/

.welcome-message {
    margin-top: 20px;
}

.dashboard-overview {
    margin-top: 50px;
}

.dashboard-overview .span4 {
    border-radius: 6px;
    background-color: #fff;
    width: 200px;
    text-align: center;
    padding-bottom: 10px;
}

.dashboard-overview .span4 h3 {
    font-size: 16px;
}

.dashboard-overview .item-value {
    font-size: 28px;
    text-align: center;
    width: 184px;
    word-break: break-all;
    margin-left: 10px;
}

/******* SEND DOCUMENTS *****************/

#send-document-form textarea, #send-document-form input[type="text"] {
    width: 300px;
}
#send-document-form textarea {
    width: 1005px;
    height: 100px;
}

/******* MISC *****************/
.deleted-record {
    background-color:#F8CFCC !important;
}