/*
 *	Copyright:
 *		Copyright (c) 2007-2012 Axcess Consulting, <http://axcess.com.au/>.
 *
 *	License:
 *		Axcess-style license.
 *
 *	Note:	
 *
 * 
 */

/*-------------------------*/
/*  SplitView Style        */
/*-------------------------*/
#main-pane {
    -webkit-box-flex: 3;
    flex: 3;
}
#left-pane .km-content {
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
}

/*-------------------------*/
/*  My Field Input Style   */
/*-------------------------*/
.numerictextbox {
    color: #007aff;
    text-align:right;
    margin-right: 2px;
}
.integertextbox {
    color: #007aff;
    text-align:right;
    margin-right: 2px;
}
.ratetextbox {
    color: #007aff;
    text-align:right;
    margin-right: 2px;
}

/*-------------------------*/
/*  My Layout Style        */
/*-------------------------*/
.km-ios7 {
    font: normal 0.95em "HelveticaNeue Ultra Light","Roboto Light","Slate Light","Segoe WP",NokiaPureTextLight,sans-serif
}
.k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input, .k-multiselect-wrap
{
    color: #007aff;
    font-size: 0.9em;
    overflow:hidden;
}
.km-list > li {
    font-size: .9em;
    line-height: 1em;
}
.km-view .km-buttongroup :last-child.km-button {
    border-right-width: 1px;
}
.km-ios7 .km-widget .km-navbar{
	border-bottom-color: #64A1F1;
	border-bottom-width: 1px;
}
.km-ios7 .km-view-title {
    color: #64A1F1;
    font-weight: lighter;
    background: #E4E8EC;
}
.km-ios7 .km-tabstrip {
    border-color: white;
    border-top-color: #64A1F1;
    background-color: #E4E8EC;
}
.km-ios7 .km-buttongroup > .km-state-active {
    background-color: #64A1F1;
}
.km-ios7 .km-tabstrip .km-button {
    font-size: 0.9em;
}
.km-ios7 .km-footer {
    border-color: white;
    border-top-color: #64A1F1;
}
.km-ios7 .noborder-button {
    border-color: transparent;
}
.km-ios7 .km-listgroup .km-group-title, .km-ios7 .km-listgroupinset .km-group-title {
    background: #64A1F1;
    color: white;
    border-color: #64A1F1;
	border-top-width: 0em;
	height: 2.5em;
}
.buttonAppearance .km-button:not(.km-back) {
    width: 95%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.buttonAppearance100 .km-button:not(.km-back) {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.k-autocomplete {
    vertical-align: middle;
    color: #007aff;
    font-size: 0.9em;
    overflow:hidden;
    background-color: white;
}
.k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default{
    background-color: white;
    height: 2.5em;
    padding: 0px 0px 0px 0px;
}
.k-autocomplete.k-header, .k-dropdown-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-textbox{
    background-color: white;
    height: 2.5em;
}
.km-ios7 .km-badge {
    background-color: #64A1F1;
}

/*-----------------*/
/*  Left Pane      */
/*-----------------*/
#left-pane .km-view {
    padding: 0px;
    padding-left: 0px;
    border-right-width: 10px;
}
#side_search .value {
    float: left;
    color: #007aff;
    width:60px;
    text-align:left;
    overflow:hidden;
    margin-right:20px;
}

/*-----------------*/
/*  Right Pane     */
/*-----------------*/
#main-pane .km-content {
    padding: 0px;
    padding-left: 3px;
    padding-right: 3px;
}
#main-pane .km-tabstrip {
    border-top-color: #64A1F1;
    border-top-width: 1px;
    border-left-width: 20px;
    border-left-color: white;
    border-right-width: 20px;
    border-right-color: white;
}

/*-----------------*/
/*  My Draw        */
/*-----------------*/
.km-ios #my-drawer .km-content, .km-android #my-drawer .km-content, .km-blackberry #my-drawer .km-content,
.km-ios #my-drawer .km-list > li, .km-android #my-drawer .km-list > li, .km-blackberry #my-drawer .km-list > li,
.km-ios #my-drawer .km-listview-link > .km-icon, .km-android #my-drawer .km-listview-link > .km-icon, .km-blackberry #my-drawer .km-listview-link > .km-icon,
.km-ios #my-drawer .km-list li > .km-icon, .km-android #my-drawer .km-list li > .km-icon, .km-blackberry #my-drawer .km-list li > .km-icon
{
    background-color: #4e4e4e;
    color: #fff;
}
.km-ios #my-drawer .km-group-title,
.km-blackberry #my-drawer .km-group-title
{
    background-color: #6e6e6e;
    color: #fff;
}

/*------------------*/
/*  System          */
/*------------------*/

.km-aboutme:before, .km-aboutme:after { content: "\e319"; color: #007AFF; }
.km-language:before, .km-language:after { content: "globe"; color: grey; }
.km-vline:before, .km-vline:after  { content: "\e0ae"; color: grey;}

.km-collapse:before, .km-collapse:after  { content: "\e011"; color: #007AFF;}
.km-expand:before, .km-expand:after  { content: "\e012"; color: #007AFF;}
.km-drawer-button:before, .km-drawer-button:after  { content: "\E077"; color: #007AFF;}
.km-drawer-xbutton:before, .km-drawer-xbutton:after  { content: "\e0f1"; color: #007AFF;}
.km-save:before, .km-save:after  { content: "\e0d5"; color: #007AFF;}
.km-off:before, .km-off:after { content: "\E0B9"; color: #007AFF;}
.km-settings:before, .km-settings:after { content: "\E0DA"; color: #007AFF;}
.km-plus:before, .km-plus:after { content: "\e200"; color: #007AFF;}
.km-minus:before, .km-minus:after { content: "\e03a"; color: #007AFF;}
.km-top:before, .km-top:after { content: "\e011"; color: #007AFF;}
.km-copy:before, .km-copy:after { content: "\e220"; color: #007AFF;}
.km-paste:before, .km-paste:after { content: "\e209"; color: #007AFF;}
.km-done:before, .km-done:after { content: "\e20a"; color: #007AFF;}
.km-cancel:before, .km-cancel:after { content: "\e038"; color: #007AFF;}
.km-next:before, .km-next:after { content: "\e317"; color: #007AFF;}
.km-act:before, .km-act:after { content: "\e0f7"; color: #007AFF;}
.km-div:before, .km-div:after { content: "\e316"; color: black;}
.km-keyopen:before, .km-keyopen:after { content: "\e100"; color: #007AFF;}
.km-keyclose:before, .km-keyclose:after { content: "\e0ff"; color: #007AFF;}
.km-print:before, .km-print:after { content: "\e07e"; color: #007AFF;}
.km-queue:before, .km-queue:after { content: "\e20b"; color: #007AFF;}
.km-search:before, .km-search:after { content: "\e21e"; color: #007AFF;}
.km-filter:before, .km-filter:after { content: "\e078"; color: #007AFF;}
.km-reportslist:before, .km-reportslist:after { content: "\e050"; color: #007AFF;}
.km-complete:before, .km-complete:after { content: "\e037"; color: #007AFF;}
.km-completeRed:before, .km-completeRed:after { content: "\e037"; color: red;}
.km-todo:before, .km-todo:after { content: "\e204"; color: #007AFF;}

/*------------------*/
/*  EMail           */
/*------------------*/
.km-email:before, .km-email:after { content: "\e09a"; color: #007AFF;}
.km-inbox:before, .km-inbox:after { content: "\E0B0"; color: #007AFF;}
.km-sent:before, .km-sent:after { content: "\E0C6"; color: #007AFF;}
.km-trash:before, .km-trash:after { content: "\E0C3"; color: #007AFF;}
.km-spam:before, .km-spam:after { content: "\E0C5"; color: #007AFF;}
.km-note:before, .km-note:after { content: "\e20a"; color: #007AFF;}

/*------------------*/
/*  Status          */
/*------------------*/
.km-start:before, .km-start:after { content: "\E21a"; color: #007AFF;}
.km-received:before, .km-received:after { content: "\E096"; color: #007AFF;}
.km-review:before, .km-review:after { content: "\E078"; color: #007AFF;}
.km-credit:before, .km-credit:after { content: "\E20b"; color: #007AFF;}
.km-approved:before, .km-approved:after { content: "\E037"; color: #007AFF;}
.km-declined:before, .km-declined:after { content: "\E038"; color: #007AFF;}
.km-deferred:before, .km-deferred:after { content: "\E0fb"; color: #007AFF;}
.km-withdrawn:before, .km-withdrawn:after { content: "\E0c6"; color: #007AFF;}

/*-------------*/
/*  My         */
/*-------------*/
.km-myswitch:before, .km-myswitch:after { content: "\e048"; color: #007AFF;}
.km-mycustomer:before, .km-mycustomer:after { content: "\e219"; color: #007AFF;}
.km-myhome:before, .km-myhome:after { content: "\e212"; color: #007AFF;}
.km-myque:before, .km-myque:after { content: "\e096"; color: #007AFF;}
.km-mytask:before, .km-mytask:after { content: "\e20a"; color: #007AFF;}
.km-mycalendar:before, .km-mycalendar:after { content: "\e089"; color: #007AFF;}
.km-mykpi:before, .km-mykpi:after { content: "\e207"; color: #007AFF;}
.km-mypipeline:before, .km-mypipeline:after { content: "\e204"; color: #007AFF;}
.km-mynote:before, .km-mynote:after { content: "\e092"; color: #007AFF;}
.km-mydocument:before, .km-mydocument:after { content: "\e09c"; color: #007AFF;}
.km-mydashboard:before, .km-mydashboard:after { content: "\e0a6"; color: #007AFF;}
.km-mytaskdetail:before, .km-mytaskdetail:after { content: "\e0fd"; color: #007AFF;}
.km-mytaskperson:before, .km-mytaskperson:after { content: "\e219"; color: #007AFF;}
.km-mytasktimesheet:before, .km-mytasktimesheet:after { content: "\e207"; color: #007AFF;}
.km-myattachment:before, .km-myattachment:after { content: "\e083"; color: #007AFF;}
.km-myattachmentR:before, .km-myattachmentR:after { content: "\e083"; color: red;}
.km-myleave:before, .km-myleave:after { content: "\e207"; color: #007AFF;}
.km-myproject:before, .km-myproject:after { content: "\e0be"; color: #007AFF;}
.km-mybilling:before, .km-mybilling:after { content: "\e104"; color: #007AFF;}
.km-myupload:before, .km-myupload:after { content: "\e209"; color: #007AFF;}
.km-mylink:before, .km-mylink:after { content: "\e073"; color: #007AFF;}
.km-myunlink:before, .km-myunlink:after { content: "\e074"; color: #007AFF;}
.km-mylegend:before, .km-mylegend:after { content: "\e20b"; color: #007AFF;}
.km-myrule:before, .km-myrule:after { content: "\e04f"; color: #007AFF;}
.km-myservice:before, .km-myservice:after { content: "\e20f"; color: #007AFF;}

/*------------------*/
/*  Client          */
/*------------------*/
.km-personal:before, .km-personal:after { content: "\e219"; color: #007AFF;}
.km-personalOK:before, .km-personalOK:after { content: "\e219"; color: green;}
.km-personalX:before, .km-personalX:after { content: "\e219"; color: red;}
.km-recents:before, .km-recents:after { content: "recents"; color: #007AFF;}
.km-address:before, .km-address:after { content: "\e212"; color: #007AFF;}
.km-contact:before, .km-contact:after { content: "\e226"; color: #007AFF;}
.km-mobile:before, .km-mobile:after { content: "\e101"; color: #007AFF;}
.km-clientnote:before, .km-clientnote:after { content: "\e092"; color: #007AFF;}
.km-clientdocument:before, .km-clientdocument:after { content: "\e09c"; color: #007AFF;}
.km-identification:before, .km-identification:after { content: "\e0d0"; color: #007AFF;}
.km-category:before, .km-category:after { content: "\e20b"; color: #007AFF;}
.km-relationship:before, .km-relationship:after { content: "\e214"; color: #007AFF;}
.km-declaration:before, .km-declaration:after { content: "\e220"; color: #007AFF;}
.km-financial:before, .km-financial:after { content: "\e051"; color: #007AFF;}

/*------------------*/
/*  Account         */
/*------------------*/
.km-account:before, .km-account:after { content: "\e204"; color: #007AFF;}
.km-funding:before, .km-funding:after { content: "\e206"; color: #007AFF;}
.km-tracking:before, .km-tracking:after { content: "\e0b4"; color: #007AFF;}
.km-association:before, .km-association:after { content: "\e219"; color: #007AFF;}
.km-associationhistory:before, .km-associationhistory:after { content: "\e21c"; color: #007AFF;}
.km-accountnote:before, .km-accountnote:after { content: "\e092"; color: #007AFF;}
.km-accountdocument:before, .km-accountdocument:after { content: "\e09c"; color: #007AFF;}
.km-status:before, .km-status:after { content: "\e213"; color: #007AFF;}
.km-dates:before, .km-dates:after { content: "\e089"; color: #007AFF;}
.km-balance:before, .km-balance:after { content: "\e0be"; color: #007AFF;}
.km-transaction:before, .km-transaction:after { content: "\e103"; color: #007AFF;}
.km-step:before, .km-step:after { content: "\e214"; color: #007AFF;}