/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 27, 2016, 3:53:11 PM
    Author     : sadat
*/
body,nav ul li a, .ui-widget{font-family: Tahoma, Verdana, Segoe, sans-serif !important}
body a:hover{cursor: pointer}
body a:visited,body a:active,body a:target{text-decoration: none; border: none;}
.input-group .form-control{font-family: Tahoma, Verdana, Segoe, sans-serif !important; font-size: 14px;}
.logo > img{    height: 38px;    margin: 3px;}
#content-wrapper{margin: auto;float: none;}
header{padding: 5px}
.main-content-wrapper{min-height: 600px;}
footer{    padding-left: 42px;}

.right-round{-moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;-moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;}
body .show{display: inherit;}

/*
----------------- MAIN BODY ---------------------
*/
#main-content{margin-bottom: 65px;}
#main-content ul.static img{width:60%}
#main-content ul.static li:nth-child(2) img{width:35%}
#main-content ul.static li{display: inline;}

/*
----------------- MAIN BODY ---------------------
*/

/*
----------------- COMMON ---------------------
*/
.margin-5{margin: 5px !important}
.margin-10{margin: 10px !important}
.margin-left-25{margin-left: 25px!important}
.margin-left-5{margin-left: 5px!important}
.margin-left-10{margin-left: 10px!important}
.margin-right-5{margin-right: 5px!important}
.margin-right-10{margin-right: 10px!important}
.margin-top-5{margin-top: 5px!important}
.margin-top-10{margin-top: 10px!important}
.margin-bottom-5{margin-bottom: 5px!important}
.margin-bottom-10{margin-bottom: 10px!important}
.width-100{width: 99%!important}
.width-90{width: 90%!important}
.width-80{width: 80%!important}
.width-50{width: 49%!important}
.width-33{width: 33%!important}
.width-25{width: 24%!important}
.width-15{width: 15%!important}
.form-control[readonly] {
    background-color: #f5f5f5;
}
.number{text-align: right}
.form-control.bg-warning{background-color: #FAFD54}
#main-content .page-message{display: none}
/*
----------------- COMMON ---------------------
*/
/*
----------------- BOOTSTRAP OVERRIDE ---------------------
*/
.input-group-addon,.btn{border-radius: 2px;}
.btn{padding-bottom: 7px}
/*
----------------- //BOOTSTRAP OVERRIDE ---------------------
*/


/*
----------------- DASHBOATD ---------------------
*/
.row.dashbox-wrapper{    margin: auto;}
.dashbox-wrapper .dashbox{height: 200px; display: block;text-align: center;margin: 20px}
.dashbox-wrapper .dashbox > div{margin-top: 70px;font-family: arial;}
.dashbox-wrapper .dashbox a,.dashbox-wrapper .dashbox h1{color: #FFF; font-weight: bold}
.dashbox-wrapper .dashbox a{font-size: 18px;}
.dashbox-wrapper .dashbox h6{color: #FFF;font-size: 14px;margin-top:5px;margin-bottom:5px}
.dashbox-wrapper .dashbox h1{margin-top: 12px;font-size: 40px;}
.dashbox-wrapper .dashbox ul{list-style: none;padding-left: 15px;}
.dashbox-wrapper .dashbox ul li{width: 38%;margin-left: 5%;margin-right: 5%;display: inline-table;    text-align: left;color: #FFF;}
.dashbox-wrapper .dashbox ul li a{text-decoration: underline;}
.dashbox-wrapper.one .dashbox{background: #54a4d6}
.dashbox-wrapper.two .dashbox{background: #3D5DAA}
.dashbox-wrapper.three .dashbox{background: #000080}
.dashbox-wrapper.three .dashbox:first-child > div,.dashbox-wrapper.three .dashbox:last-child > div{margin-top: 52px;}

/*
----------------- //DASHBOATD ---------------------
*/

/*
----------------- TREETABLE ---------------------
*/
.tree-table .number.child{padding-right: 100px}
.reports.report-group .ix-record-list{margin-top: 15px;}
/*
----------------- //TREETABLE ---------------------
*/
/*
----------------- TABLE ---------------------
*/
table.ix-horizontal thead{
    background: #333;
    color: #cdcdcd;
}
table.ix-vertical>tbody>tr>td{padding: 0px 5px;border-top: none;}
table.ix-horizontal tr:first-child th:first-child {
    -moz-border-radius-topleft:2px;
    -webkit-border-top-left-radius:2px;
    border-top-left-radius:2px
}

table.ix-horizontal tr:first-child th:last-child {
    -moz-border-radius-topright:2px;
    -webkit-border-top-right-radius:2px;
    border-top-right-radius:2px
}
table.ix-vertical.requisition-form tr:first-child>td {
    width: 50%;
}
.ix-vertical.requisition-form td{padding-left: 0}

table.ix-horizontal>tbody tr>td.remove-table-row, table.ix-horizontal>tbody td>.row-count{vertical-align: middle;}
table.ix-horizontal>tbody td>.row-count{background: #E6E6E6;
    padding: 5px;
    margin: auto -5px;
    font-size: 85%;
    width: 26px;
    display: block;
    text-align: center;}
table.ix-horizontal>tbody tr:hover{background-color: #efefef;}
table.ix-horizontal thead th{font-size: 1.4rem}
table.ix-horizontal.requisition-form tbody>tr:first-child>td:nth-child(2),table.ix-horizontal.requisition-form tbody>tr:first-child>td:nth-child(3){width: 25%}
table.ix-horizontal.requisition-form tbody .form-control{height: 30px;}

table.ix-horizontal.journal span.input-group-addon{position: initial; width: 100px;font-size: 1.2rem;cursor: pointer}
table.ix-horizontal.journal span.input-group-addon.glyphicon{width: 5px;padding-left: 4px;padding-right: 2px;}

.add-new-table-row{font-size: 0.8em !important;padding: 1px 10px;}
th > .add-new-table-row{color: #93C3CD; font-size: 1.8rem !important;}
th > .add-new-table-row:hover{cursor: pointer;color: #337AB7;background-color: #ccc;border-radius: 10px;-moz-border-radius:10px;
    -webkit-border-radius:10px;}
.btn-info.add-new-table-row{border-color:#333;background-color: #333;}
.remove-table-row>span{padding: 3px 5px;}
.remove-table-row>span:hover{color: #337AB7;cursor: pointer}
.btn-info.add-new-table-row:hover{border-color:#337AB7;background-color: #337AB7}

/*LIST TABLE*/
.ix-list-table >thead th{background-color: #eee; height: 50px;}

.table-filter td{border-top: none !important;}

.ix-list-table >tbody>tr>td.list-action{width: 65px;padding: 8px 0px; text-align: center}
.ix-list-table >tbody>tr:hover{background: #e1e9ef}
.list-action ul.mini-dropdown>li{width: 70%;margin: auto;}
.ix-list-table.small-table{width: 60%;margin: auto}
.ix-list-table.medium-table{width: 80%;margin: auto}
.ix-list-table tr.inline-header th,.ix-list-table tr.inline-header td{background: #ccc}
/*td.list-action ul{list-style: none;    margin: auto;    padding: 0;}
td.list-action ul li a:hover{cursor: pointer; text-decoration: none;}
td.list-action>ul>li>ul{display: none;position: absolute;z-index: 100;overflow: visible;border: 1px solid #ccc;margin-left: -5px;background-color: #ddd;}
td.list-action>ul>li{width: 70%;margin: auto;}
td.list-action>ul>li:hover>ul{display: block;}
td.list-action>ul>li>ul>li>a{padding: 5px 10px;display: block;}
td.list-action>ul>li>ul>li{border: 1px solid #ccc;}
td.list-action>ul>li>ul>li:hover{background-color: #efefef;}*/

.panel.list-top{-webkit-box-shadow:none;box-shadow:none;}
.panel.list-top input[name="keyword"]{ width:400px}
.panel.list-top .input-group.add-action{float: right; width:15%}
.panel.list-top .input-group.add-action .btn{float: right;font-family: inherit}
.panel.list-top .input-group.add-action .btn.glyphicon:before {margin-right: 5px;}
.list-accounts-group .panel.list-top{
    margin-bottom: 40px;
}
.list-accounts-group  .panel.list-top .add-action .btn,.list-sub-accounts-group .panel.list-top .add-action .btn{
    margin-top: -40px;
}
.list-ledger .panel.list-top .add-action .btn{
    margin-top: -80px;
}
/*REPORT TABLE*/
.report-table tr.group-top{color: #54a4d6;font-size: 18px;}
.report-table tr.group{color: #000;font-size: 15px;}
.report-table tr.group td.number.double span,.report-table tr.group td.number span{font-weight: bold;border-width: 2px 0;border-color: #000;border-style: solid;}
.report-table tr.group-top td.number.double span,.report-table tr.group-top td.number span{font-weight: bold;border-width: 2px 0;border-color: #54a4d6;border-style: solid;}
.report-table tr.group td.number.double span,.report-table tr.group-top td.number.double span{border-bottom-width: 4px;}
.report-table tr.sub-group{}
.report-table td{border:none;}
/*List tool: Pagination, pagee size etc*/
.list-tool{position: relative;}
.list-tool>.input-group{width: 200px;float: left}
.panel-default.ix-record-list{margin-top: 42px;}
.panel-default+.list-tool.list-bottom{margin-top: -15px;}
.panel.list-top .input-group{vertical-align: initial;margin-bottom: 5px;}
.panel.list-top{margin-bottom: 5px;}
/*Pagination*/
.list-tool>.pagination {
    float: right;
    margin: 5px 10px;
}
.list-tool>.pagination>.paging-item{padding: 3px 5px}
.list-tool>.record-showing{display: inline-block;
    float: left;
    padding: 7px;
    /* text-align: center; */
    margin-left: 20px;}
.list-tool>.record-showing>span{font-weight: bold}
.list-tool .bulk-input{    
    display: none;
    position: absolute;
    overflow: visible;
    left: 0px;
    top: 35px;}
.list-tool .export-links{float: right;width: auto;margin-top: 4px;}
/*
----------------- DETAIL VIEW ---------------------
*/
    .detail-view .input-group label.form-control,.detail-view .input-group p.form-control{box-shadow: none;-webkit-box-shadow: none;border-radius: 0;-moz-border-radius:0;
    -webkit-border-radius:0;font-weight: normal; font-size: 1.25rem}
    .detail-view .input-group>.form-control{height: auto;}
    
/*
----------------- //DETAIL VIEW ---------------------
*/
/*
----------------- Table style elements like top part of NEW Requisition ---------------------
*/
div.ix-vertical .input-group {
    display: inline-table;
}
div.ix-vertical .left-column{float: left;width: 49%;}
div.ix-vertical .right-column{float: right;width: 49%;}
/*
----------------- //Table style elements like top part of NEW Requisition ---------------------
*/
/*
----------------- NAV MENU ---------------------
*/

ul.mini-dropdown,ul.mini-dropdown ul{list-style: none;    margin: auto;    padding: 0;}
ul.mini-dropdown a:hover{cursor: pointer; text-decoration: none;}
ul.mini-dropdown>li>ul{display: none;position: absolute;z-index: 100;overflow: visible;border: 1px solid #ccc;right: 45px;background-color: #ddd;}
ul.mini-dropdown>li:hover>ul{display: block;}
ul.mini-dropdown>li>ul>li>a{padding: 5px 10px;display: block;}
ul.mini-dropdown>li>ul>li{border: 1px solid #ccc;}
ul.mini-dropdown>li>ul>li:hover{background-color: #efefef;}

.nav-wrapper{padding-left: 2px;padding-right: 2px}
.logo{padding-left: 10px;}
.nav ul.mini-dropdown a{ display: block;
    font-size: 1.5rem;
    color: #000;
    line-height: 3rem;}
.nav ul.mini-dropdown>li{ display: table-cell;}
.nav ul.mini-dropdown>li:last-child{ border-right: none;}
.nav ul.mini-dropdown>li>a{ padding: 6px 15px;}
body.admin .nav ul.mini-dropdown>li>a, body.vendor .nav ul.mini-dropdown>li>a{ padding: 6px 8px;}
.nav ul.mini-dropdown>li>ul>li>a{padding: 3px 8px;}
.nav ul.mini-dropdown>li>ul{margin-left: 0;border: none;right: auto;}
.nav ul.mini-dropdown>li>ul>li{border:none;border-bottom: 1px solid #ccc;}
.nav ul.mini-dropdown>li>ul li.separator{border-bottom-color: #717171}

/*.nav ul.mini-dropdown li{ background: #903331;}*/
.nav ul.mini-dropdown li:hover, .nav ul.mini-dropdown>li.current{background: #405DA9}
.nav ul.mini-dropdown li:hover>a, .nav ul.mini-dropdown>li.current>a{color: #FFF}
.nav a, .nav a:hover,.nav a:visited,.nav a:active{text-decoration: none;}

header .header-content{    width: 98%;
    height: 44px;
    background: #F5F5F5;
    border: 1px solid #CCC;
    border-radius: 3px;
    margin: auto;}

/*
----------------- LOGIN PAGE  ---------------------
*/
body.auth .login-content,body.auth header{margin: auto;float: none;}
body.auth header{background-color: inherit;}
body.auth header .logo{margin: auto;float: none;text-align: center;}
body.auth header .logo>img{width: auto;}
body.auth .login-content table.table-bordered thead{background-color:#333;color: #ECECEC;}
body.auth .login-content table.table-bordered>tbody tr:hover{background-color: initial;}
/*
----------------- //LOGIN PAGE  ---------------------
*/

/*
----------------- AUTO COMPLETE  ---------------------
*/
.ui-autocomplete .ui-menu-item{background-color: #FFF; font-size: 1.25rem;color:#000;font-weight: bold;}
.ui-autocomplete .ui-menu-item .autocomplete-extra-info{color: #666;font-weight: normal}
.ui-autocomplete .ui-menu-item.ui-state-focus{background: #3D5DAA;text-decoration: none;font-weight: bold;color:#FFF;border-top: none;}
.ui-autocomplete .ui-menu-item.ui-state-focus .autocomplete-extra-info{color: #CCC;font-weight: normal}
.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    padding-right: 20px;
  }
  .ui-autocomplete{z-index: 9000 !important}
/*
----------------- //AUTOCOMPLETE  ---------------------
*/
/*
----------------- POPUP/POPUP FORM  ---------------------
*/
.dialog-wrapper{display: none}
.dialog-wrapper .input-group{margin-bottom: 5px;}
.dialog-wrapper .input-group-addon{width:35%;text-align: left;background-color: #e1e8f1;}
.dialog-wrapper .input-group-addon.right-side{width: auto}
.dialog-wrapper .input-group{width:100%}
.dialog-wrapper .input-group input[type="checkbox"]{width: auto;height: auto;}
.dialog-wrapper .input-group input[name="same_billing_address"]{margin: 6px;}
.dialog-wrapper .input-group label[for="same_billing_address"]{font-weight: normal}
.dialog-wrapper .display-form-field{background-color: #FAFAFA;border: 1px solid #ccc;display: block;padding: 6px 12px;}

.view-popup>div.detail-view>div.detail{max-height: 500px;overflow-y: scroll;padding-right: 10px;    border-top: 1px solid #D2D2D2;
    padding-top: 3px;}
.view-popup>div.detail-view>div.control{padding-top: 5px;border-top:1px solid #C1C1C1}
.hidden-form-action{margin-top: 20px}
.requisition-total,.po-total{float: right;
    font-size: 1.5rem;}
.requisition-total span{width: 120px;
    display: inline-block;
    padding: 0 10px;
    text-align: right;
    margin-right: 15px;
    font-weight: bold;}
.edit-popup .requisition-total span{margin-right: 81px;}
table.requisition-form tbody .item-unit{width: 50%}
/*Purchase Order Form*/
.po-total{text-align: right;padding-right: 92px;}
.view-popup .po-total{padding-right: 25px}
.po-total span{width: 88px;display: inline-block;font-weight: bold}
.po-total label{font-weight: normal}
.po-total span[name="total-po-value"]{margin-right: 13px}
/*JQueryUI override*/
.ui-dialog{margin-bottom: 20px;}
.ui-dialog .ui-button-text-only{font-weight: normal !important;float: right; margin-left: 10px;}
.ui-dialog hr{margin-top: 10px; margin-bottom: 10px}
.ui-dialog-titlebar.ui-widget-header{border-radius: 0px;-moz-border-radius:0px;-webkit-border-radius:0px;background: #3F5CAA;color: #FFF;}
.dialog-wrapper table.ix-horizontal thead{background: #0473BB;color: #FFF;}
/*MESSAGE*/
.dialog-tip-text.new-msg{display: none}
.ui-dialog .control{width: 100%;
    display: inline-block;}
/*
----------------- //POPUP/POPUP FORM  ---------------------
*/
/*
----------------- BUTTONS  ---------------------
*/
.ix-button{font-size: 1em;background-color: #2D79B5 !important;color: #FFF !important;
          border-radius: 0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
a.ix-button,a.ix-button:active,a.ix-button:visited,a.ix-button:focus{text-decoration: none;border-radius: 0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.dialog-wrapper .control .ix-button{float: right;margin-left: 10px;}
/*
----------------- //BUTTONS  ---------------------
*/
/*
----------------- Tips/message/note ---------------------
*/
.required-note {
    color: red;
    margin: 5px;
}
label.required:after {
    content: "*";
    color: red;
}
.tips-text-bg{
    font-size: 1.5rem;
    /*background-color: #93C3CD;*/
    padding: 5px;
    border: 1px solid #bbb;
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;    
}
#confirm-dialog .tips-text-bg{background-color: #FFF;font-size: 1.8rem; border: none;}
.bg-success{
    background-color: #C7FBB1;}
.bg-danger{
    background-color: #FFC8C8 !important;}
/*
----------------- //Tips/message/note ---------------------
*/
/*
----------------- COMMON OVERRIDE ---------------------
*/
div.ix-vertical .toggle-element, .toggle-element{display: none}
.toggle-element.display{display: block}
div.ix-vertical .toggle-element.display{display: inline-table}

/*
----------------- //COMMON OVERRIDE ---------------------
*/