/* Generic styles*/

a {
    color: #004000;}

a:focus, a:hover {
    color: #358835;}


/*  Buttons **/
.btn-primary{
    background: #045304;
    background: -moz-linear-gradient(top, #045304 0%, #004000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #045304), color-stop(100%, #004000));
    background: -webkit-linear-gradient(top, #045304 0%, #004000 100%);
    background: -o-linear-gradient(top, #045304 0%, #004000 100%);
    background: -ms-linear-gradient(top, #045304 0%, #004000 100%);
    background: linear-gradient(to bottom, #045304 0%, #004000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#045304', endColorstr='#004000',GradientType=0 );
    color: #fff;
    border-color: #003900 #024302 #024302 #024302;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #029834;
    background-image: none;
    border-color: #029834;
}

.btn-info {
    color: #fff;
    background-color: #9E9E9E;
    border-color: #9E9E9E;
}

.btn-info:hover, .btn-info:focus {
    background-color: #B6B6B6;
    background-image: none;
    border-color: #A7A7A7;
}


.calendar_Btns .btn-danger, .calendar_Btns .btn-success {
    background-color: #9E9E9E;
    background-image: none;
    border-color: #A7A7A7;
}

.calendar_Btns .btn-group .btn-danger{
    border-left: 1px solid #c8c8c8;
}

.calendar_Btns  .btn-info.active{
    background-color: #004000;
    border-color: #004000;
}
/*Table **/
.ng-table th.sortable.sort-desc, .ng-table th.sortable.sort-asc {
    background-color: rgba(219, 207, 141, 0.3);
}

.text-info {
    color: #318f49;
}
.table thead th {
    background-color: #eee0b3;
    color: #212121;
    border-bottom:0;
}


.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: #f7f3e6;
}

.pagination > li > a, .pagination > li > span { color: #666561;}

.pagination > .active > a, .pagination > .active > a:hover {
    background-color: #004000;
    border-color: #004000;
}


.panel-default > .panel-heading{
    background-color: #ebf5eb;
    border: 1px solid #d4edc1;
    border-radius: 3px;
}
.listTab .panel-body { background-color:none;}
.panel-default {
    border: none;
}
.listTab .panel {
    border: 0 none;
    box-shadow: none;
}

/*--------------------------------------
* ------ Application Forms Styles ------
* --------------------------------------
*/

#fileUploadButton {
    padding-left: 15px;
}

.upload-form-btn {
    margin-left: 15px;
    margin-top: 15px;
}

#gridArea {
    margin-top: 50px;
}

.ng-table th {
    text-align: left;
}


.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 400px;
    height: 300px
}

#gridArea .table-responsive{
    overflow-x: visible!important;
}

.modal-lg.modal-dialog {
    min-width: 1000px!important;
    min-height: 870px!important;
}

.modal-lg .modal-content {
    min-width: 1000px!important;
    min-height: 870px!important;
    padding: 10px;
}

.loaderModal .loader-inner > div {
    background: #17495E!important;
}

.loaderModal .loader-inner{
    margin-top: 1px;
    display: flex;
}

.loaderModal{
    top: 43%!important;

}

.loaderModal .modal-dialog{
    margin-top: 0px!important;
    width: 80px!important;
    height: 80px!important;
}

.loaderModal .modal-content {
    display: table-cell;
    vertical-align: middle;
    width: 80px!important;
    height: 80px!important;
    padding: 10px;
}

.loaderModal .modal-content .loader{
    margin: 0 auto;
    display: table;
}

th.header.text-center{
    text-align: center !important;
}


.filterForm 	{	background-color: #f7f3e6; padding-top: 5px; margin:10px; }
.filterForm 	 label {text-transform:capitalize;}
.dateField { padding:0;}

.more-action-btn .btn{  padding: 1px 6px;background-color: transparent;border: 1px solid #ededed;box-shadow: 0px 3px 7px -5px #888 inset;}
.more-action-btn.open .btn{border-radius:4px 4px 0 0;}
.more-action-btn.open .dropdown-menu {margin:0;border-radius:0;}
.more-action-btn.open .dropdown-menu>li>a {padding:3px 15px;border-left: 2px solid transparent;}
.more-action-btn.open .dropdown-menu > li > a:focus,
.more-action-btn.open .dropdown-menu > li > a:hover{border-left-color:#777;}
.more-action-btn.open .dropdown-menu .fa{margin-right: 8px;color:#656565;}




/*!* Responsive Charts*!*/
/*.svg-content-responsive {max-width:800px;}*/


/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

.filter-config-panel{
    background: #FCFCFC;
    padding: 16px;
    border: 1px solid #D5D5D5;
    margin-top: 10px;
    margin-bottom: 10px;

}

.add-button{
    margin: 10px 0;
}

.remove-button{
    float: right;
}

.filter-input{
    padding:5px;
    margin-top: 10px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {

    opacity: 1;

}

.all_charts .nav.nav-tabs {margin-bottom:20px;}
li.chart_tabs a {
    border: 1px solid #ddd;
}

/* Bug 66236 */
.ng-table th.hide-sort-icon.sortable div {
    padding-right: 0;
}

.hide-sort-icon .tooltip.ng-isolate-scope.top.fade.in,
 .hide-sort-icon .tooltip.ng-isolate-scope.top.fade {position: absolute;} 

.hide-sort-icon .tooltip.ng-isolate-scope.top.fade.in.tooltip.top .tooltip-arrow,
.hide-sort-icon .tooltip.ng-isolate-scope.top.fade.tooltip.top .tooltip-arrow {position: absolute;}

.ng-table th.sortable.hide-sort-icon.sort-desc div:after, 
.ng-table th.sortable.hide-sort-icon.sort-asc div:after {opacity: 0;}

.ng-table th.sortable.hide-sort-icon div {
    padding-right: 0;
}