body{font-size: 12px !important;}
label {line-height: 28px;}
.checkbox label {line-height: 2 !important;}
.navbar-brand {font-size: 17px;}
.navbar-brand {width: 224px;}
.sidebar-brand{float: left;margin-top: 15px;}
/*#loading-section{width: 100%; padding-top: 200px;height: 100%; text-align: center; position: fixed;z-index: 100000000000000000;}*/
#loading-section{
    width: 100%; 
    height: 100%; 
    text-align: center; 
    position: fixed;
    z-index: 10000;
    background-color: #000;
    opacity: 0.5;
}
#loading-section img {
    top: 35%;
    position: absolute;
    left: 45%;
}
.page-heading{float: left;font-size: 18px;height: 50px;line-height: 20px;padding: 15px;margin-left: 90px;}
.table-responsive {margin: 0px 4px 0px 5px !important;}
.sidebar-brand,.sidebar-show{font-size: 20px;}

.invoice-add{margin-left: 20px;width: 96%;}
.item-add{margin-top: 32px;width: 7%;padding-left: 0;}

.client-list-wrapper{border: solid 1px #dddddd; padding: 5px}
.client-list{
    height: 355px;
    width: 100%; 
    border-top: solid 1px #DDDDDD; 
    overflow-y: scroll;
    padding: 5px;
    margin-top: 10px;
}

#menu-toggle{height: 40px;}
.sidebar-show {
    display: none;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    margin: 10px 0px 0px 15px;
    padding: 0 9px;
    width: 42px;
    float: left;
}
.sidebar {margin-top: 0px !important;position: none !important;float: left;}
.sidebar-show li{list-style: none;}
/*#wrapper {}*/
#page-wrapper {padding: 0;background-color: #f5f5f5 !important;margin:0 !important;}
/*#page-wrapper{}*/
#container {background-color: #fff;}
.container {
    /*padding-left: 0 !important;*/
    float: right;
    width: 80%;
    padding-right: 30px !important;
    min-height: 568px;
}
/*.Mycontainer{padding-right: 15px;width: 99%;float: right;padding-left: 0 !important;}*/
.Mycontainer{float: left;margin-left: 15px;padding: 10px !important;width: 97%;}

.head-panel{margin-top: 10px;}
.panel{margin-bottom: 10px;}
.panel-heading {padding: 5px 15px !important; }
.checkbox, .radio {margin-bottom: 5px !important;margin-top: 3px !important;}

.panel-body {padding: 10px 5px 5px !important;}
.page-heading{float: left;font-size: 18px;height: 50px;line-height: 20px;padding: 15px;margin-left: 10px !important;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 4px !important;}
#remember{float:right !important;}


#dueday{margin-top:6px}
#addButton{margin-top:23px}
/*#description{width: 21% !important;}*/

/*.tab-top{margin-top:5px !important;}*/

/*#clientinfo{width: 23% !important;}*/
/*#invoiceinfo{padding-top: 5px !important;}*/
#due{clear: both !important;}
.inputButton{margin-top: 25px;}
.or{float: left !important;}
/*.form-group{margin-bottom: 5px !important;}   [New Update: 2025-07-01]*/
/*#clientinfo-item{width: 38% !important;}*/
legend{font-size: 15px !important;font-weight: bold !important;margin-bottom: 5px !important;}
#recurring{margin-top:13px !important;}

.or{float: left !important;} 
/*#clientinfo-clien{width: 24% !important;}*/
#recuring{margin-top: 13px !important;}

/*#clientinfo-otc{width: 18% !important;}*/
#mrc-or{margin-top: 5px !important;}

#item-or{padding-left: 0;}
#invoice{margin-top: 13px !important;}
#next-invoice{padding-left:0!important;}

.form-control {
    font-size: 12px !important;
    height: 28px !important;
    line-height: 1.5 !important;
}
.multiple-selects{height: auto !important;}
.textarea-height{
    height: 80px !important;
    resize: none;
}
.textarea-height-2{ height: 50px !important;}
.table-header{
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.otc-button{
    border: 1px solid #DDDDDD; margin-top: 10px; padding: 15px;
}
#payment-bottom{margin-left: -53px;}

legend {
    border: medium none;
    margin: 4px 12px;
    width: auto;
}

#margin-top-99{margin-top: 99px !important;}
.item{width: 24%;}
.description{width: 21%;}
.rate{width:10%;}
.total{width:11%;}
.add-button{width: 7%;padding-left: 4px;}
.chosen-container-single .chosen-single {
    height: 28px;
    line-height: 28px;
}

#print{border:1px solid #ccc;padding:5px;}
fieldset {border: 1px solid silver;padding: 5px;margin-bottom: 10px;}
#active{margin-top: 7px;}
.chosen-container-single .chosen-single div b {margin-top: -3px !important;}
.multi-select .form-control {
    height: 300px !important;
}
/*Assign Client Zone*/
#multy-AddButton{ margin-top: 170px;width: 6%;}
.client_zone{width: 47%;}
#btnRight{margin-left: 5px;}

/*My-Profilr*/
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
#item-conf .form-group {
    margin-bottom: 0 !important;
}

div.dataTables_processing{
    color: red !important;
    font-weight: bold !important;
    font-size: 18px !important;
}
.lobibox .lobibox-body {font-size: 14px;}


/*alert notification mail box*/
#notification-summary .badge {padding: 5px;display: block;border-radius: 0;}
.nav-tabs .glyphicon:not(.no-margin) { margin-right:10px; }
.tab-pane .list-group-item:first-child {border-top-right-radius: 0px;border-top-left-radius: 0px;}
.tab-pane .list-group-item:last-child {border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.tab-pane .list-group .checkbox { display: inline-block;margin: 0px; }
.tab-pane .list-group input[type="checkbox"]{ margin-top: 4px; }
.tab-pane .list-group .glyphicon { margin-right:5px; }
.tab-pane .list-group .glyphicon:hover { color:#FFBC00; }

hr { margin-top: 5px;margin-bottom: 10px; }
.nav-pills>li>a {padding: 5px 10px;}
.ad { padding: 5px;background: #F5F5F5;color: #222;font-size: 80%;border: 1px solid #E5E5E5; }
.ad a.title {color: #15C;text-decoration: none;font-weight: bold;font-size: 110%;}
.ad a.url {color: #093;text-decoration: none;}

.list-group .checkbox{display: inline-block;}
.list-group .checkbox label{padding-top: 5px;}


.inboxContent {
    border: 1px solid #bfbfbf;
    min-height: 286px !important;
    margin-top: -1px;
    padding: 8px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.inbox-info-bar{margin-bottom: 8px;}
.inbox-file{min-height:100px;}
.inbox-file ul {list-style: outside none none;}
.inbox-file img{width:90px;height: 100px; }
.inbox-file ul li{width:90px;float:left}
/*alert notification mail box*/


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

    .container {width: 72% !important;}
    .invoice-add {width: 92%;}
    .item{width: 103%;}
    .description{width: 100%;}
    .rate{width:100%;}
    .total{width:100%;}
    .add-button{width: auto;}
    #search_key{margin: 0 0 0 30px;width: 88%;}
    .search-lable{margin: 0 0 0 15px;}
    #search_type{width: 97%;}
}
@media only screen and (max-width: 980px) {

    .container {width: 72% !important;}
}
@media only screen and (max-width: 800px) {

    .container {width: 65% !important;}
}
@media only screen and (max-width: 640px) {

    .container {width: 95% !important;}
    .sidebar-brand{display: none !important;}
    .sidebar {float: none !important;}
}