html,
body {
    height: 100%;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 40px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.content-wrapper { margin-top: 50px !important; }

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav > li > form {
    padding: 8px;
}

@media(max-width:768px) {
    .nav li > form {
        padding: 3px;
    }
}

.nav > li > form > button:hover {
    text-decoration: none;
}

.rs{
    font-size: 0.5em;
    margin-right: 5px;
}
.main-header .logo{
    position: fixed;
}

.fc-today {
    background-color: #BBDEFB !important;
}

.fc-today .fc-day-number{
    font-weight: 900;
}
.fc-button-group .fc-agendaWeek-button {
    display: none;
}.has-success .checkbox{
    color: #000000;
}
.close-loan .checkbox label{
    font-weight: bold;
}

.loan-cal-label{
    padding: 6px;
    background-color: #d2d6de;
    margin-bottom: 0px;
}

.cal-result{
    vertical-align: middle;
    height: 34px;
    padding-top: 6px;
}

.pull-right {
    float: left !important;
    margin-left: 40px;
}

.report-dailyCollection{
    margin-top: 30px;
    background-color: #fff;
}

.payment-excel{
    margin-right: 100px;
    float: right;
}

.badge {
    display: inline-block;
    min-width: 20px;
    padding: 10px 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: white;
    border-radius: 10px;
}

.cus-note .kv-editable-value, .loan-remarks .kv-editable-value{
    text-align: left;
}

.grid-view .filters #customerssearch-color {
    min-width: auto;
}

.centers-index .new-center { font-size: 15pt; }
.centers-index .content-header { padding: 15px 0 0 0; }
.centers-index .new-center + .tooltip > .tooltip-inner {background-color: #fff; color: #000;}
.centers-index .new-center + .tooltip > .tooltip-arrow {background-color: #000;}

.create-loan-form .new-center, .create-loan-form .new-group { display: none; }
.create-loan-form .input-group .twitter-typeahead:last-child .tt-input, .input-group .twitter-typeahead:last-child .tt-hint {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.create-loan-form .input-group .twitter-typeahead:first-child .tt-input, .input-group .twitter-typeahead:first-child .tt-hint {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.bg-white { background-color: #FFF !important; }
.bg-grey { background-color: #F9F9F9 !important; }
.color-black { color: #333333; }
.padding-none { padding: 0 !important; }
.padding-left-none { padding-left: 0 !important; }
.padding-right-none { padding-right: 0 !important; }
.padding-right { padding-right: 10px !important; }
.margin-top-25 { margin-top: -25px !important; }
.margin-top-30 { margin-top: -30px !important; }
.margin-top-40 { margin-top: -40px !important; }
.margin-top-45 { margin-top: -45px !important; }
.margin-top-50 { margin-top: -50px !important; }
.margin-top-55 { margin-top: -55px !important; }
.margin-top-60 { margin-top: -60px !important; }
.margin-left-125 { margin-left: 130px !important; }
.margin-left-135 { margin-left: 135px !important; }
.margin-left-145 { margin-left: 145px !important; }
.margin-left-155 { margin-left: 155px !important; }
.margin-left-165 { margin-left: 165px !important; }
.margin-left-175 { margin-left: 175px !important; }
.margin-left-185 { margin-left: 185px !important; }
.margin-left-195 { margin-left: 195px !important; }
.margin-left-205 { margin-left: 205px !important; }
.margin-left-215 { margin-left: 215px !important; }
.margin-left-225 { margin-left: 225px !important; }
.margin-left-235 { margin-left: 235px !important; }
.margin-left-245 { margin-left: 245px !important; }
.margin-left-255 { margin-left: 255px !important; }
.margin-left-265 { margin-left: 265px !important; }
.margin-left-275 { margin-left: 275px !important; }
.margin-left-285 { margin-left: 285px !important; }
.margin-left-295 { margin-left: 295px !important; }
.box-border-none { border: 0 !important; }

.loans-index .action-dropdown.open .dropdown-menu { float: right; left: unset; }
.select2-container .select2-selection--single .select2-selection__rendered { margin-top: 0; }

.margin1{margin-top: -5px;}
.margin2{margin-top: 30px;}

.padding0{ padding: 30px 0; }

.bg-grey-0 { background-color: #FAFAFA; }
.bg-grey-1 { background-color: #F5F5F5; }
.bg-grey-2 { background-color: #EEEEEE; }
.bg-grey-3 { background-color: #E0E0E0; }
.bg-grey-4 { background-color: #BDBDBD; }
.bg-grey-5 { background-color: #9E9E9E; }
.bg-grey-6 { background-color: #757575; }
.bg-white { background-color: #FFF; }
.bg-blue { background-color: #0e5aae; }
.bg-black { background-color: #000; }
.bg-red { background-color: #d50000; }

.text-blue { color:#0e5aae; }
.text-white { color: #FFF; }
.text-black { color: #222222 !important; }
.text-grey-0 { color: #FAFAFA; }
.text-grey-1 { color: #F5F5F5; }
.text-grey-2 { color: #EEEEEE; }
.text-grey-3 { color: #E0E0E0; }
.text-grey-4 { color: #BDBDBD; }
.text-grey-5 { color: #757575; }
.text-red { color: #d50000; }

.text-300 { font-weight: 300; }
.text-400 { font-weight: 400; }
.text-500 { font-weight: 500; }
.text-600 { font-weight: 600; }
.text-700 { font-weight: 700; }

.text-transform-none { text-transform: none; }

.align-right { float: right; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }

.h-1-5 { font-size: 1.5em; }
.h-1-8 { font-size: 1.8em; }
.h-2 { font-size: 2em; }
.h-2-5 { font-size: 2.5em; }
.h-3 { font-size: 3em; }
.h-3-5 { font-size: 3.5em; }
.h-4 { font-size: 4em; }
.h-4-5 { font-size: 4.5em; }
.h-5 { font-size: 5em; }
.h-5-5 { font-size: 5.5em; }
.h-6 { font-size: 6em; }
.h-6-5 { font-size: 6.5em; }

.p-0-1 { font-size: 0.8em; }
.p-0-2 { font-size: 0.9em; }
.p-0 { font-size: 1em; }
.p-1 { font-size: 1.1em; }
.p-2 { font-size: 1.2em; }
.p-3 { font-size: 1.3em; }
.p-4 { font-size: 1.4em; }
.p-5 { font-size: 1.5em; }
.p-6 { font-size: 1.6em; }
.p-7 { font-size: 1.7em; }
.p-8 { font-size: 1.8em; }
.p-9 { font-size: 1.9em; }
.p-10 { font-size: 2em; }
.p-11 { font-size: 2.2em; }

.padding-none { padding: 0; }
.margin-none { margin: 0; }
.margin-l-1 { margin-left: 5px; }
.margin-l-2 { margin-left: 10px; }
.margin-l-3 { margin-left: 15px; }
.margin-l-4 { margin-left: 20px; }
.margin-l-5 { margin-left: 25px; }
.margin-r-0 { margin-right: 0px; }
.margin-r-1 { margin-right: 5px; }
.margin-r-2 { margin-right: 10px; }
.margin-r-3 { margin-right: 15px; }
.margin-r-4 { margin-right: 20px; }
.margin-r-5 { margin-right: 25px; }
.margin-b-1 { margin-bottom: 5px; }
.margin-b-2 { margin-bottom: 10px; }
.margin-b-3 { margin-bottom: 15px; }
.margin-b-4 { margin-bottom: 20px; }
.margin-b-5 { margin-bottom: 25px; }
.margin-t-1 { margin-top: 5px; }
.margin-t-2 { margin-top: 10px; }
.margin-t-3 { margin-top: 15px; }
.margin-t-4 { margin-top: 20px; }
.margin-t-5 { margin-top: 25px; }

.padding-l-0 { padding-left: 0px; }
.padding-l-1 { padding-left: 5px; }
.padding-l-2 { padding-left: 10px; }
.padding-l-3 { padding-left: 15px; }
.padding-l-4 { padding-left: 20px; }
.padding-l-5 { padding-left: 25px; }
.padding-r-0 { padding-right: 0px; }
.padding-r-1 { padding-right: 5px; }
.padding-r-2 { padding-right: 10px; }
.padding-r-3 { padding-right: 15px; }
.padding-r-4 { padding-right: 20px; }
.padding-r-5 { padding-right: 25px; }
.padding-b-0 { padding-bottom: 0px; }
.padding-b-1 { padding-bottom: 5px; }
.padding-b-2 { padding-bottom: 10px; }
.padding-b-3 { padding-bottom: 15px; }
.padding-b-4 { padding-bottom: 20px; }
.padding-b-5 { padding-bottom: 25px; }
.padding-t-1 { padding-top: 5px; }
.padding-t-2 { padding-top: 10px; }
.padding-t-3 { padding-top: 15px; }
.padding-t-4 { padding-top: 20px; }
.padding-t-5 { padding-top: 25px; }
.padding-t-6 { padding-top: 30px; }
.padding-t-7 { padding-top: 35px; }

.l-height-1 { line-height: 1.1em; }
.l-height-2 { line-height: 1.2em; }
.l-height-3 { line-height: 1.3em; }
.l-height-4 { line-height: 1.4em; }

.height-1 { height: 10px; }
.height-2 { height: 15px; }
.height-3 { height: 20px; }
.height-4 { height: 25px; }
.height-5 { height: 30px; }
.height-6 { height: 35px; }
.height-7 { height: 40px; }
.height-8 { height: 45px; }
.height-9 { height: 50px; }
.height-10 { height: 60px; }

.height-200 { height: 200px; }
.height-250 { height: 250px; }
.height-300 { height: 300px; }
.height-350 { height: 350px; }
.height-400 { height: 400px; }
.height-450 { height: 450px; }
.height-500 { height: 500px; }

.wrap-350 { position: relative; max-width: 350px; margin: 0 auto; }
.wrap-400 { position: relative; max-width: 400px; margin: 0 auto; }
.wrap-500 { position: relative; max-width: 500px; margin: 0 auto; }
.wrap-600 { position: relative; max-width: 600px; margin: 0 auto; }
.wrap-700 { position: relative; max-width: 700px; margin: 0 auto; }
.wrap-800 { position: relative; max-width: 800px; margin: 0 auto; }
.wrap-900 { position: relative; max-width: 900px; margin: 0 auto; }
.wrap-1000 { position: relative; max-width: 1000px; margin: 0 auto; }

.br-none { border: none; }
.br-b-none { border-bottom: none; }
.br-grey-1 { border: 1px solid #E0E0E0; }
.br-b-grey-1 { border-bottom: 1px solid #E0E0E0; }
.br-b-grey-3 { border-bottom: 3px solid #E0E0E0; }
.br-radius-4 { border-radius: 4px; }
.br-t-r-radius-4 { border-top-right-radius: 4px; }
.br-b-r-radius-4 { border-bottom-right-radius: 4px; }

.box-shadow-none { box-shadow: none; }

.vertical-align-sub { vertical-align: sub; }

.font0{font-weight: 600;}
.font01{font-weight: 500;}
.font1{color: #09090a; font-size: 20px;}
.font2{font-size: 26pt;}
.font3{font-size: 14px;}
.font4{font-size: 21pt;}
.font5{font-size: 12px;}
.font6{font-size: 25px }
.font7{font-size: 14px;}
.font8{font-size: 13px;}
.fontColor0{ color: #616161}

.box0{padding-left: 22px;}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.profile-image {
    background-position: center; background-repeat: no-repeat; background-size: cover;
    border-radius: 100px; width: 190px !important; height: 190px !important;
}

.paysheet-image {
    background-position: center; background-repeat: no-repeat; background-size: cover; width: 190px !important; height: 190px !important;
}

#gmap0-map-canvas { width: 100% !important; height: 600px !important; }

.dot-red { height: 10px; width: 10px; background-color: red; border-radius: 50%; display: inline-block; margin-right: 5px;}
.dot-transparent {height: 10px; width: 10px; background-color: transparent; border-radius: 50%; display: inline-block; margin-right: 5px;}
.dot { height: 10px; width: 10px; border-radius: 50%; display: inline-block; margin-right: 5px;}
.list-item-color { color: #85929E !important; }
.list-item { list-style: none; margin-bottom: 10px; border-bottom: 1px dotted #cbcbcb; padding-bottom: 10px; }