@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

caption, td{
    font-size: 90% !important;
}

html {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q, blockquote {
    quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none;
}

a img {
    border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}



.btn {
    background-color: #03539e;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #2d54af;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 7px 28px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;
}
.btn:hover {
    background-color:#5689db;
}
.btn:active {
    position:relative;
    top:1px;
}

.btn1 {
    background-color: #03539e;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #2d54af;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 19px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;
}
.btn1:hover {
    background-color:#5689db;
}
.btn1:active {
    position:relative;
    top:1px;
}
#pickdateto , #pickdatefrom , #asatdate ,#docno{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 150px;
    height: 20px;
    padding: 1px
}

.inner-table{
    /*background:#A9D4FF; */
    background-color: #91C8FF !important;
    color: white !important;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
  font-size: 13px !important;
  font-weight:bold !important
}
#amount-row{
text-align: right;
vertical-align: middle;
}

.break-down{
    /*display:none;min-height: 250px;*/
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999;
    color: #111;
    display: none;
    padding: 25px;
    margin: auto;
   width: 75%;
    /*min-width: 600px;
    max-width: 800px;
   
    top: 200px;
    left: 300px;
    min-height: 150px;*/
}

.break-downinner{
    border: 1px solid #e0e0e0;
    margin: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.break-downinner tr th{
    background: #e9e9e9;
    padding: 5px;
    color: #0054a6;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 15px;
    font-weight: lighter;

}
.break-downinner tr th.even{
    background: #e9e9e9;
    padding: 8px;
}
.break-downinner tr th.odd{
    background: #e9e9e9;
    padding: 8px;
}

.break-downinner tr td.odd{
    background: #e9e9e9;
    padding: 8px;
}
.break-downinner tr td.even{
    background: white;
    padding: 8px;
}
.break-downinner2{
    border: 1px solid #e0e0e0;
    margin: 30px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.break-downinner2 tr th{
    background: #e9e9e9;
    padding: 5px;
    color: #0054a6;
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 15px;
    font-weight: lighter;

}
.break-downinner2 tr th.even{
    background: #e9e9e9;
    padding: 8px;
}
.break-downinner2 tr th.odd{
    background: #e9e9e9;
    padding: 8px;
}

.break-downinner2 tr td.odd{
    background: #e9e9e9;
    padding: 8px;
}
.break-downinner2 tr td.even{
    background: white;
    padding: 8px;
}

#date-search{
    list-style:none;
    margin:0;
    padding:0;
   }
#date-search li{
    display:inline;
}
#date-searcha{
    display:inline-block;
    padding:10px;
}
#tab-nav{
     background: none repeat scroll 0 0 #FFFFFF !important;
    border-bottom: 2px solid #48A511;
    margin: 0;
    padding: 0 !important;
}
.ui-tabs .ui-tabs-panel{
   /*padding:0 !important;*/
}
.outstanding-table{
    
}
.ui-widget {
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
font-size: 13px !important;
}
@media only screen and ( max-width: 640px ){
  .break-down{
    display:none;
   /* min-height: 250px;*/
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999;
    color: #111;
    display: none;
    /*padding: 5px;*/
    width: 75%;
    margin: auto;
    /*max-width: 300px;
     min-width: 200px;
    
    top: 200px;
    left: 300px;
    min-height: 150px;*/
}
    .ui-widget {
        font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
        /*font-size: 10px !important;*/
    }

    #ui-content .ui-inner #wrapper-content #ui-region-a .ui-region table tr th {
       
        /*font-size: 12px !important;*/
        
        padding: 2px !important;
    }


    #ui-header .ui-inner #ui-wrapper-left {
        display: block;
        float: left;
        margin: -40px 0 0 !important;
        position: relative;
        vertical-align: top;
    }


    #ui-content .ui-inner #wrapper-content #ui-region-c #ui-link-achievements .region-link {
        display: block !important;
        width: 100% !important;
    }

    #ui-footer .ui-inner .ui-footer-right {
        display: table-cell;
        font-size: 10px;
        text-align: left !important;
        width: 30%;
    }

    #ui-footer .ui-inner .ui-footer-left {
        display: table-cell;
        font-size: 10px;
        width: 70%;
    }

}

@media only screen and ( max-width: 640px ){

    #ui-content .ui-inner #wrapper-content #ui-region-b #ui-link .region-link {
        display: block !important;
        width: 100% !important;
    }

}