/*Generic classes for padding and margin Starts*/
.pt-5{
    padding-top: 5px;
}

.pr-5{
    padding-right: 5px;
}

.pb-5{
    padding-bottom: 5px;
}

.pl-5{
    padding-left: 5px;
}

.pt-10{
    padding-top: 10px;
}

.pr-10{
    padding-right: 10px;
}

.pb-10{
    padding-bottom: 10px;
}

.pl-10{
    padding-left: 10px;
}

.pt-15{
    padding-top: 15px;
}

.pr-15{
    padding-right: 15px;
}

.pb-15{
    padding-bottom: 15px;
}

.pl-15{
    padding-left: 15px;
}

.pt-20{
    padding-top: 20px;
}

.pr-20{
    padding-right: 20px;
}

.pb-20{
    padding-bottom: 20px;
}

.pl-20{
    padding-left: 20px;
}

.pt-25{
    padding-top: 25px;
}

.pr-25{
    padding-right: 25px;
}

.pb-25{
    padding-bottom: 25px;
}

.pl-25{
    padding-left: 25px;
}

.pt-30{
    padding-top: 30px;
}

.pr-30{
    padding-right: 30px;
}

.pb-30{
    padding-bottom: 30px;
}

.pl-30{
    padding-left: 30px;
}

.mt-5{
    margin-top: 5px;
}

.mr-5{
    margin-right: 5px;
}

.mb-5{
    margin-bottom: 5px;
}

.ml-5{
    margin-left: 5px;
}

.mt-10{
    margin-top: 10px;
}

.mr-10{
    margin-right: 10px;
}

.mb-10{
    margin-bottom: 10px;
}

.ml-10{
    margin-left: 10px;
}

.mt-15{
    margin-top: 15px;
}

.mr-15{
    margin-right: 15px;
}

.mb-15{
    margin-bottom: 15px;
}

.ml-15{
    margin-left: 15px;
}

.mt-20{
    margin-top: 20px;
}

.mr-20{
    margin-right: 20px;
}

.mb-20{
    margin-bottom: 20px;
}

.ml-20{
    margin-left: 20px;
}

.mt-25{
    margin-top: 25px;
}

.mr-25{
    margin-right: 25px;
}

.mb-25{
    margin-bottom: 25px;
}

.ml-25{
    margin-left: 25px;
}

.mt-30{
    margin-top: 30px;
}

.mr-30{
    margin-right: 30px;
}

.mb-30{
    margin-bottom: 30px;
}

.ml-30{
    margin-left: 30px;
}
/*Generic classes for padding and margin Ends*/

.footer .navbar .pull-right{
	padding-top: 10px;
}

.container-fluid .navbar .col-md-11.col-xs-11{
	margin-left: 135px;
}

.container-fluid .navbar .col-md-1.col-xs-1{
    /*padding-left: 20px;
    padding-right: 19px;
    top: 3px; */
}

.agRupayFinanceBtn{
 	display: inline-flex;
}

.agRupayFinanceBtn label{
 	padding-top: 5px;
}

.agRupayFinanceBtn .btn-group{
 	margin-left: 5px;
}

.farmerAgentForm{
	padding-top: 15px;
}

/*main-nav branding Starts*/
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #3276b1;  
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #3276b1;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #999;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #3276b1;
}

.dropdown-menu .divider{
    margin:0;
}

.dropdown-menu > li > a {
    padding: 5px 18px;
 }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #66b6ff;
    border: 2px solid #66b6ff;
    border-bottom: none;
    border-bottom-color: transparent;
    font-weight: bold;
}

.nav-tabs {
    border-bottom: 2px solid #ccccd8;
}
/*main-nav branding Ends*/

/*heading branding Starts*/
.page-header {
    padding-bottom: 0;
    margin: 30px 0 20px;
    border-bottom: 1px solid #eee;
}

.page-header h1, .page-header h2, .page-header h3{
   font-size: 26px;
}

.page-header h1 small, .page-header h2 small, .page-header h3 small{
   font-size: 20px;
}

.page-header {
  margin-top:0;
}
/*heading branding Ends*/

/*table branding Starts*/
table{
    text-align: center;
    font-size: 14px;
}

table thead tr th{
    text-align: center;
}

.table-bordered > thead > tr > th{
    border-bottom: 1px solid #ddd;
}

.table-bordered {
    border: 2px solid #ddd;
    border-radius: 5px;
}

table.table-bordered thead tr th:last-child, table.table-bordered tbody tr td:last-child{
    border-right: 2px solid #ddd;
}
/*table branding Ends*/

/*html{
    overflow-x: hidden;
}

#detailedView, #agentCommissionView, #dailyReport, #periodicReport, 
#periodicShiftReport, #periodicSummary, #sapReport, #sessionReport, #sessionReportExport, 
#sessionReportUpdated, #chillingCenterSessionSummaryReport, #chillingCenterBothSessionSummary, 
#exportCollSessionSummary, #bothShiftsCollectionSummaryReport, #dailyReportExport, #farmerSplitReport, 
#farmerSummaryReport ,#PeriodicCollectionSummary, #periodicDailyCollectionRecordReport, 
#periodicCollectionCenterRecordReport, #periodicDailyChillingCenterRecordReport, #exportShiftStatus, 
#wqUploadStatusRecordExport, #vmUploadStatusRecordExport, #smsSummaryReportView, 
#TankerRecords, #testDailyReport{
    overflow-x: auto;
    margin-bottom: 10px;
}*/

/*multiSelect branding Starts*/
.multiSelect .checkboxLayer.show{
    max-width: 335px;
    min-width: 335px;
}

.multiSelect .multiSelectItem{
    max-width: 335px;
    min-width: 315px;
}

.multiSelect .multiSelectItem:not(.multiSelectGroup).selected{
    max-width: 335px;
    min-width: 315px;   
}


.col-md-4.col-md-offset-4.col-xs-6.col-xs-offset-3 .multiSelect .checkboxLayer.show{
    max-width: 372px;
    min-width: 372px;
} 

.col-md-4.col-md-offset-4.col-xs-6.col-xs-offset-3 .multiSelect .multiSelectItem{
    max-width: 372px;
    min-width: 352px;
}

.col-md-12.col-xs-12 form .col-md-4.col-xs-4 .multiSelect .checkboxLayer.show{
    max-width: 345px;
    min-width: 345px;
}

.col-md-12.col-xs-12 form .col-md-4.col-xs-4 .multiSelect .multiSelectItem{
    min-width: 325px;
}
/*multiSelect branding Ends*/

.shiftSelect{
    width: 90%;
}

.cursor{
    cursor: pointer;
}

.modalexport{
    padding-left: 0;
    padding-bottom: 5px;
}

@font-face {
 font-family: 'password';
 font-style: normal;
 font-weight: 400;
 src: url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);
}

.farmerIdNumber {
    font-family: 'password';
}

/*Logical Grouping Branding Starts*/
#accordion .panel-heading{
    padding-top: 1px;
    padding-bottom: 1px;
}

#accordion .panel-heading h4{
    font-size: 16px !important;
    font-weight: bold;
}

#accordion .containMandatory a{
    color: #336699;
}

#accordion .notContainMandatory a{
    color: #333;
}

.uiSelectFarmerProducerType .ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu, 
.uiSelectFarmerIdDetails .ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu{
    position: static;
}

.panel-heading.notContainMandatory a, .panel-heading.containMandatory a{
    cursor: pointer;
}
/*Logical Grouping Branding Ends*/

.searchBox{
    padding-right: 0;
}

.selectAllButton{
    padding-left: 0;
}

.selectedCCRateChartViewTable tr th{
    text-align: center;
}

/*Responsive view Starts*/
@media screen and (max-width: 767px) {
    .multiSelect .checkboxLayer.show{
        max-width: auto;
        min-width: auto;
    }

    .multiSelect .multiSelectItem{
        max-width: auto;
        min-width: auto;
    }

    .multiSelect .multiSelectItem:not(.multiSelectGroup).selected{
        max-width: auto;
        min-width: auto;   
    }

    .col-md-4.col-md-offset-4.col-xs-6.col-xs-offset-3 .multiSelect .checkboxLayer.show{
        max-width: auto;
        min-width: auto;
    } 

    .col-md-4.col-md-offset-4.col-xs-6.col-xs-offset-3 .multiSelect .multiSelectItem{
        max-width: auto;
        min-width: auto;
    }

    .col-md-12.col-xs-12 form .col-md-4.col-xs-4 .multiSelect .checkboxLayer.show{
        max-width: auto;
        min-width: auto;
    }

    .col-md-12.col-xs-12 form .col-md-4.col-xs-4 .multiSelect .multiSelectItem{
        min-width: auto;
    }
}
/*Responsive view Ends*/

.dateRightAlign{
    padding-top: 20px;
    font-size: 12px;
    color: #428bca;
    font-weight: bold;
}

.timePeriodLableAlign{
  padding-top: 5px;
}

.timePeriod{
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
}

.blueColor{
  color:blue;
  font-weight: bold;
}

.redColor{
  color:red;
  font-weight: bold;
}

.greenColor{
  color:green;
  font-weight: bold;
}

.differenceLegends{
    display: inline-flex;
    padding-top: 10px;
}

.differenceLegends div{
    padding-right: 10px;
}

.farmercollectionrecordedittable td{
    width: 9.33%;
}

@media (min-width: 768px){
 #notPouredFarmersModal .modal-dialog, #inactiveFarmersModal .modal-dialog, 
 #acceptedFarmersModal .modal-dialog, #rejectedFarmersModal .modal-dialog{
        width: 90%;
    }
}

.userExport{
    margin-left: -40px;
}

table tr th{
    text-align: center;
}

/*agRupay Page Branding Starts*/
.mainContent1 .panel-body .text-right, .mainContent2 .panel-body .text-right, .mainContent3 .panel-body .text-right{
    margin-top: -20px;
}

.mainContent1, .mainContent2, .mainContent3{
    border: 1px solid #ddd;
    border-radius: 5px; 
    width: 31.5%;
}

.mainContent1, .mainContent2{
    margin-right: 29px;
}

.mainContent1 .panel, .mainContent2 .panel, .mainContent3 .panel{
    border-radius: 50%; 
}

.mainContent1 .panel.panel-default, .mainContent2 .panel.panel-default, .mainContent3 .panel.panel-default{
    margin-bottom: 15px; 
}

.agRupayPreviousTable tbody tr, .agRupayCenterWiseTable tbody tr, .agRupayFarmerWiseTable tbody tr{
    cursor: pointer;
}

.orgSelect{
    padding-right: 90px;
    cursor: pointer;
}

.orgSelect .pull-right{
    display: inline-flex;
}

.orgSelect label{
    padding-right: 5px;
    padding-top: 5px;
}

.agRupayDashboard .panel-heading{
    font-weight: bold;
}

.agRupayDashboard h5, .agRupayCenterWise h5, .agRupayFarmerWise h5{
    color: #3276b1;
}

.agRupayDashboard .refreshButton{
    margin-right: 60px;
}

.topErrorMessage{
    margin-top: 0;
}

.farmerClassificationRatingTable .col-md-6, .farmerClassificationRatingTable .col-md-4{
    float: none;
}

.paymentTermsTable .col-md-4, .paymentTermsTable .col-md-12{
    float: none;
}

.paymentTermsTable .addRecord{
    margin-left: -40px;
}

.paymentTermsTable .deleteRecord{
    margin-left: 60px;
    margin-top: -28px;
    margin-right: 10px;
}

.paymentTermsTable .col-md-4.farmerratingfrom{
    float: left;
    width: 42%;
}

.paymentTermsTable .col-md-4.farmerratingto{
    float: left;
    width: 42%;
}

.farmerClassificationRatingTable .col-md-4.fromvalue{
    float: left;
    width: 42%;
}

.farmerClassificationRatingTable .col-md-4.tovalue{
    float: left;
    width: 42%;
}

.agRupayPreviousTable tbody tr:hover, .agRupayCenterWiseTable tbody tr:hover{
    color: #3276b1;
}

.paymentCycleText .form-control{
    width: 10%;
    float: none;
    margin-left: 18.5%;
    margin-top: -35px;
}

.paymentCycleTextSecondPart{
    margin-left: 29%;
    margin-top: -28px;
}

.classificationMonthText .form-control{
    width: 10%;
    float: none;
    margin-left: 19%;
    margin-top: -35px;
}

.classificationMonthText .classificationMonthTextFirstPart{
    margin-top: 15px;
}

.classificationMonthTextSecondPart{
    margin-left: 29.5%;
    margin-top: -29px;
}

.minAndMaxAmountText .minAmountInput{
    display: inline-block;
    width: 10%;
}

.minAndMaxAmountText .maxAmountInput{
    display: inline-block;
    width: 10%;
}

.deviationText .deviationPercentageInput{
    display: inline-block;
    width: 10%;
}

.deviationText .noOfDeviationDaysInput{
    display: inline-block;
    width: 10%;
}

.totalMaxAmountText .totalMaxAmountInput{
    display: inline-block;
    width: 10%;
}

.paymentBank .paymentBankInput{
    display: inline-block;
    width: 25%;
}

.erpEnabled .erpEnabledInput{
    display: inline-block;
    width: 15%;
}

.farmerClassificationConfig{
    border: 5px solid #ddd;
    padding: 30px;
}

.reportSelectText:hover{
    cursor: pointer;
}

.mandantory:after{
    content:" *"; 
    color: red;
}

.orgSelect label.mandantory:after{
    content: none;
}

.agRupayFarmerProfileTable tbody tr{
    cursor: pointer;
}

.agRupayFarmerProfileTable tbody tr:hover{
    color: #3276b1;
}

.agRupayFarmerProfile .farmerProfileBasicInfo{
    padding-left: 0;
}

.agRupayFarmerProfile .farmerProfileMorningAndEveningShift{
    padding-right: 0;
}

/*agRupay Page Branding Ends*/


.stellarConsumerConfigTable2 .form-group {
    margin-bottom: 0px;
}

.stellarConsumerConfigTable2 input[type="checkbox"] {
    margin: 15px 5px;
}

.stellarConsumerConfigTable2 .addCheckbox{
    margin-top: 30% !important;
}

/*Dashboard Branding Starts*/
.chillDashboardPanel1{
    background: rgba(218,231,244,.5);
    margin-left: 15px;
}

.chillDashboardPanel1 div, .chillDashboardPanel2 div{
    border-bottom: 1px solid #fff;
    padding-top: 5px;
    padding-bottom: 3px;
}

.chillDashboardPanel1 h4, .chillDashboardPanel2 h4{
    font-weight: 300;
    margin: 4px 0 8px;
    color: #555;
    font-size: 16px;
}

/*.chillDashboardPanel2{
    background: #e3dbec;
    margin-left: 40px;
}*/

.col-md-12.chillDashboardPanel2{
    background: rgba(218,231,244,.5);
    margin-left: 15px;
    width: 98%;
}

.col-md-12.chillDashboardPanel2 h2{
    margin-top: 0;
    width: 103%;
    margin-left: -15px;
}

.chillDashboardPanel1 div.last, .chillDashboardPanel2 div.last{
    border-bottom: none;
}

.chillDashboardPanel1 h2, .chillDashboardPanel2 h2{
    background-color: #3276b1;
    color: #fff;
/*    border-radius: 15px;*/
    padding: 10px;
    font-size: 16px;
    text-align: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.chillDashboardPanel1, .chillDashboardPanel2{
    border: 1px solid #ccc;
    border-radius: 15px;
}

.chillDashboardPanel1 div h4:hover, .chillDashboardPanel2 div h4:hover{
    opacity: 0.8;
    cursor: pointer;
    font-weight: bold !important;
}

.col-md-6.chillDashboardPanel1, .col-md-6.chillDashboardPanel2{
    width: 47%;
}

.colDashboardPanel1{
    background: rgba(218,231,244,.5);
    margin-left: 15px;
}

.colDashboardPanel1 div, .colDashboardPanel2 div, .colDashboardPanel3 div{
    border-bottom: 1px solid #fff;
    padding-top: 5px;
    padding-bottom: 3px;
}

.colDashboardPanel1 div h4:hover, .colDashboardPanel2 div h4:hover, .colDashboardPanel3 div h4:hover{
    opacity: 0.8;
    cursor: pointer;
    font-weight: bold !important;
}

.colDashboardPanel1 h4, .colDashboardPanel2 h4, .colDashboardPanel3 h4{
    font-weight: 300;
    margin: 4px 0 8px;
    color: #555;
    font-size: 16px;
}

.colDashboardPanel2{
    background: rgba(218,231,244,.5);
    margin-left: 40px;
}

.col-md-4.colDashboardPanel1, .col-md-4.colDashboardPanel2, .col-md-4.colDashboardPanel3{
    width: 30%;
}

.colDashboardPanel3{
    background: hsla(2,100%,92%,.5);
    margin-left: 40px;
}

.colDashboardPanel1 div.last, .colDashboardPanel2 div.last, .colDashboardPanel3 div.last{
    border-bottom: none;
}

.colDashboardPanel1 h2, .colDashboardPanel2 h2, .colDashboardPanel3 h2{
    background-color: #3276b1;
    color: #fff;
    /* border-radius: 15px; */
    padding: 10px;
    font-size: 16px;
    text-align: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    width: 106.5%;
    margin-left: -15px;
}

.colDashboardPanel1, .colDashboardPanel2, .colDashboardPanel3{
    border: 1px solid #ccc;
    border-radius: 15px;
}

.badge{
    font-size: 14px;
    background-color: darkcyan; 
}

.col-md-6.colDashboardPanel1, .col-md-6.colDashboardPanel2{
    width: 47%;
}

.col-md-6.colDashboardPanel1 h2, .col-md-6.colDashboardPanel2 h2{
    margin-top: 0;
    width: 106.5%;
    margin-left: -15px;
}

.chillMainDashboardPanel1 table thead tr th, .chillMainDashboardPanel1 table tbody tr td{
    width: 25%
}

.chillMainDashboardPanel2 table thead tr th, .chillMainDashboardPanel2 table tbody tr td{
    width: 25%
}

.colMainDashboardPanel1 table thead tr th, .colMainDashboardPanel1 table tbody tr td{
    width: 25%
}

.colMainDashboardPanel2 table thead tr th, .colMainDashboardPanel2 table tbody tr td{
    width: 25%
}

.chillMainDashboardPanel1 table tbody tr td, .chillMainDashboardPanel2 table tbody tr td{
    font-size: 18px;
}

.colMainDashboardPanel1 table tbody tr td, .colMainDashboardPanel2 table tbody tr td{
    font-size: 18px;
}

.chillDashboardPanel2 .roverDashboardSubPanels div h4:hover , .colDashboardPanel2.roverDashboardSubPanels div h4:hover , .colDashboardPanel1.roverDashboardSubPanels div h4:hover{
    cursor:initial;
}
/*Dashboard Branding Ends*/


/*Dashboard Left Side Panel Heading Branding Starts*/
.chillMainDashboardPanel1 .panel{
    position: relative;
}

.chillMainDashboardPanel1 .panel-default > .panel-leftheading{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.chillMainDashboardPanel1 .panel-primary > .panel-leftheading{
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}

.chillMainDashboardPanel1 .panel-success > .panel-leftheading{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.chillMainDashboardPanel1 .panel-info > .panel-leftheading{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.chillMainDashboardPanel1 .panel-warning > .panel-leftheading{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.chillMainDashboardPanel1 .panel-danger > .panel-leftheading{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.chillMainDashboardPanel1 .panel-leftheading{
    width: 10%;
    padding: 15px 15px;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    float: left;
    height: 100%;
    position: absolute;
}

.chillMainDashboardPanel1 .panel-lefttitle{
    margin-top: 30%;
    margin-bottom: 0;
    margin-left: 10%;
    font-size: 24px;
    color: inherit;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(0deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(0deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(0deg);
    -o-transform-origin: left top;
    transform: rotate(0deg);
    transform-origin: left top;
    position: absolute;
    white-space: nowrap;
}

.chillMainDashboardPanel1 .panel-rightbody{
    float: none;
    margin-left: 10%;
    padding: 15px;
}


.chillMainDashboardPanel2 .panel{
    position: relative;
}

.chillMainDashboardPanel2 .panel-default > .panel-leftheading{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.chillMainDashboardPanel2 .panel-primary > .panel-leftheading{
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}

.chillMainDashboardPanel2 .panel-leftheading{
    width: 10%;
    padding: 15px 15px;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    float: left;
    height: 100%;
    position: absolute;
}

.chillMainDashboardPanel2 .panel-lefttitle{
    margin-top: 30%;
    margin-bottom: 0;
    margin-left: -6%;
    font-size: 24px;
    color: inherit;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(0deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(0deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(0deg);
    -o-transform-origin: left top;
    transform: rotate(0deg);
    transform-origin: left top;
    position: absolute;
    white-space: nowrap;
}

.chillMainDashboardPanel2 .panel-rightbody{
    float: none;
    margin-left: 10%;
    padding: 15px;
}


.colMainDashboardPanel1 .panel{
    position: relative;
}

.colMainDashboardPanel1 .panel-default > .panel-leftheading{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.colMainDashboardPanel1 .panel-primary > .panel-leftheading{
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}

.colMainDashboardPanel1 .panel-success > .panel-leftheading{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.colMainDashboardPanel1 .panel-info > .panel-leftheading{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.colMainDashboardPanel1 .panel-warning > .panel-leftheading{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.colMainDashboardPanel1 .panel-danger > .panel-leftheading{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.colMainDashboardPanel1 .panel-leftheading{
    width: 10%;
    padding: 15px 15px;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    float: left;
    height: 100%;
    position: absolute;
}

.colMainDashboardPanel1 .panel-lefttitle{
    margin-top: 30%;
    margin-bottom: 0;
    margin-left: 10%;
    font-size: 24px;
    color: inherit;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(0deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(0deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(0deg);
    -o-transform-origin: left top;
    transform: rotate(0deg);
    transform-origin: left top;
    position: absolute;
    white-space: nowrap;
}

.colMainDashboardPanel1 .panel-rightbody{
    float: none;
    margin-left: 10%;
    padding: 15px;
}

.colMainDashboardPanel2 .panel{
    position: relative;
}

.colMainDashboardPanel2 .panel-default > .panel-leftheading{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.colMainDashboardPanel2 .panel-primary > .panel-leftheading{
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}

.colMainDashboardPanel2 .panel-leftheading{
    width: 10%;
    padding: 15px 15px;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    float: left;
    height: 100%;
    position: absolute;
}

.colMainDashboardPanel2 .panel-lefttitle{
    margin-top: 30%;
    margin-bottom: 0;
    margin-left: -6%;
    font-size: 24px;
    color: inherit;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(0deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(0deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(0deg);
    -o-transform-origin: left top;
    transform: rotate(0deg);
    transform-origin: left top;
    position: absolute;
    white-space: nowrap;
}

.colMainDashboardPanel2 .panel-rightbody{
    float: none;
    margin-left: 10%;
    padding: 15px;
}
/*Dashboard Left Side Panel Heading Branding Ends*/

.duplicateOrgErrorMsg{
    margin-top: -15px;
}

/*Main Nav Alignment Fix - when more nav items are present - Starts*/
ul.nav.navbar-nav.navbar-left{
    margin-left: -3.5%;
}
/*Main Nav Alignment Fix - when more nav items are present - Ends*/


/*Consumer Configuration Page Branding Starts*/
.consumerGlyphOk, .consumerGlyphRemove{
    border:none !important; 
    border-bottom:1px solid #ddd !important;
    border-right:1px solid #ddd !important;
    border-top:1px solid #ddd !important;
    display:table-cell;
}

.consumerGlyphOk:hover, .consumerGlyphRemove:hover{
    border:none !important; 
    border-bottom:1px solid #ddd !important;
    border-right:1px solid #ddd !important;
    border-top:1px solid #ddd !important;
    display:table-cell;
}

.consumerGlyphOk{
    color: #3c763d;
}

.consumerGlyphRemove{
    color: #a94442;
}
/*Consumer Configuration Page Branding Ends*/


/*.milkBillConfiglabel {
  display: inline-block;
  width: 140px;
  text-align: right;
}​

.milkBillConfigHeadinglabel {
  display: inline-block;
  width: 140px;
  text-align: left;
}​*/

/*UI-Grid Branding Starts*/
.myGrid {
    width: 97%;
    height: 500px;
    margin-left: 15px;
}

.myGridUiTable{
    padding-left: 0;
    padding-right: 0;
}

.myGrid.col-md-10{
    padding-right:0;
    padding-left:0;
}

.ui-grid-contents-wrapper {
    height: 10% !important;
}

/*.ui-grid-header-canvas {
    height:inherit !important;
}*/

.ui-grid-header-cell{
    height:auto !important;
}

.ui-grid-cell-contents {
    height: auto !important;
}

.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
    margin-top: -8px;
}

.ui-grid-header-cell{
    float: left;
}

.ui-grid-header-cell:last-child{
    min-height: 60px; 
}
/*UI-Grid Branding Ends*/

.myGrid.rateReconciliationCC{
    height: 300px;
}

/*Generic Fix for Loading and No Records Available alerts alignment Starts*/
span.glyphicon.glyphicon-refresh.rotating{
    top: -15px;
    right: -150%;
}

.col-md-6.col-md-offset-3.col-xs-6.col-xs-offset-3 .alert .col-md-12.col-xs-12 center{
    margin-top: -20px;
}
/*Generic Fix for Loading and No Records Available alerts alignment Ends*/

/*Device Password Branding Starts*/
.myGrid.devicePasswordCCGrid{
    margin-left: 0;
    width: 100%;
}

.myGrid.devicePasswordAPKGrid{
    margin-left: 0;
    width: 100%;
}

.myGrid.devicePasswordGrid{
    margin-left: 0;
    width: 100%;
}

.col-md-10 .orgSearchAlert{
    padding-bottom: 0;
}

.col-md-10 .chillingCenterSearchAlert{
    padding-bottom: 0;
}
/*Device Password Branding Ends*/

.dispatchReportContent .col-md-10{
    padding-left: 0;
    padding-right: 0;
}

form[name="agentMilkBillSelectForm"] .well{
    padding-bottom: 0 !important;
}

.nav.navbar-nav.navbar-left > li > a {
   padding: 14px 12px !important;
}

.normalRCTabs .nav-tabs > li > a{
   padding: 10px 8px;
}

.exportChillingCenterBillReport.exportCursorSymbol{
    cursor: pointer;    
}

.myGrid.gridAlignment{
    margin-left: 0;
    width: 100%;
}

.actualShiftsClass{
     margin-left: 15px;
}

.collectionCenterEditContent{
    width: 100% !important;
    overflow-x: scroll !important;
    height: 70%;
}

table.collectionCenterEditTable{
    max-width: 150% !important;
    width: 120% !important;
} 

.vlccManagerMccSearch{
    margin-bottom: -25px;
}

@media (min-width: 768px){
    .vlccManagerNav ul.nav.navbar-nav.navbar-left{
        float: none !important;
    }
}

div .has-error .help-block {
    position: relative;
}

.has-error .help-block.loginPasswordErrorMsg{
    position: relative;
}

.loginRememberMe{
    margin-top: -15px !important;
}

/*Angular Schema Form CSS starts here*/

.cattleTypeClass button {
    width: 100% !important;
}

.producerTypeClass button {
    width: 100% !important;
}

.customMandantoryClass:after{
    content:" *"; 
    color: #a94442;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.cattleTypeClass .select.dropdown-menu{
    max-height:200px;
    height:150px;
    overflow: auto;
    width:90% !important;
    z-index: 1032 !important;
}

.producerTypeClass .select.dropdown-menu{
    height:80px;
    overflow: auto;
    width:90% !important;
    z-index: 1032 !important;
}

.saveFarmerClass{
    margin-right: 14px !important;
    margin-top:7% !important;
}

.additionalData .form-group{
   margin-bottom: 10px !important;
}

.resetFarmerClass{
  margin-right: 3px !important;
  margin-top:7% !important;
}
.cancelFarmerSchemaClass{
  margin-right: 5px !important;
  margin-top:7% !important;
}

.schemaFarmerFirstRow{
    margin-top: 15px;
}

div .schemaFarmerLastCol.has-error .help-block {
    position: relative !important;
}

.has-feedback .form-control-feedback {
    text-align: start; 
} 

.schemaFarmerTickMark.has-feedback .form-control-feedback {
    top: 40px !important;
}

.schemaTextOverflow button{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Angular Schema Form CSS ends here*/

/*multiSelect z-index fix Starts*/
.multiSelect .checkboxLayer{
    z-index: 1033 !important;
}
/*multiSelect z-index fix Ends*/

/*Google Auth Branding Starts*/
.abcRioButton{
    width: 100% !important;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .218s,border-color .218s,box-shadow .218s;
    transition: background-color .218s,border-color .218s,box-shadow .218s;
    -webkit-user-select: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    color: #262626;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
}

.abcRioButton .abcRioButtonContents{
    margin-left: -30px;
}
/*Google Auth Branding Ends*/

.sapCreamlineReport{
    overflow: scroll;
    display: block;
    white-space: nowrap;
    height:50%;
}

/*Stellar Config Branding Starts*/
table.stellarConsumerConfigTable1{
  height: 350px; 
  display: inline-block;
  overflow-y: scroll;
}

.stellarConsumerConfigTable2 .ui-select-choices-row-inner{
    text-align: left;
    padding-left: 10px !important;
}
/*Stellar Config Branding Ends*/

.idCardClass2, .idCardClass3, .idCardClass4, .idCardClass5 {
    display : none !important;
}

/*AT related Branding Starts*/
.farmerGroupListInput .multiSelect .checkboxLayer.show{
    max-width: 272px;
    min-width: 250px;
}

.rfATField .checkboxLayer.show{
    position: relative !important;
    height: 150px !important;
}

.rfATField .checkboxLayer.show .helperContainer button.helperButton{
    display:none;
}

.aTFgField .checkboxLayer.show .helperContainer button.helperButton{
    display:none;
}

.rfFgField .checkboxLayer.show .helperContainer button.helperButton{
    display:none;
}

.aTFgField .checkboxLayer.show, .rfFgField .checkboxLayer.show{
    position: inherit;
}

.atShiftDate{
    margin-top: -20px;
}

.atPeriodicEndDate{
    margin-top: -10px;
}

.fontBold{
    font-weight: bold;
    text-align: center;
}
/*AT related Branding Ends*/

/*Agrupay Config Branding Starts*/
table.agrupayConfigTable1{
    height: 350px; 
    display: inline-block;
    overflow-y: scroll;
}
  
.agrupayConfigTable2 .ui-select-choices-row-inner{
    text-align: left;
    padding-left: 10px !important;
}

.agrupayConfigTable2 .form-group {
    margin-bottom: 0px;
}

.agrupayConfigTable2 input[type="checkbox"] {
    margin: 15px 5px;
}

.agrupayConfigTable2 .addCheckbox{
    margin-top: 150% !important;
}

.agrupayConfigCcSelect .helperContainer .helperButton, .agrupayConfigMccSelect .helperContainer .helperButton{
    display: none;
}
/*Agrupay Config Branding Ends*/

.dropdown-submenu>.dropdown-menu.moreConfig {
    margin-top: -125%;
}

/*New Dashboard UI/UX Branding Starts*/
md-card{
    padding-left:25px;
    padding-right:25px;
}

md-card.card{
    color: #fff !important;
}

md-card.card1{
    color: #fff !important;
}

md-card md-card-title md-card-title-media .md-media-md {
    height: 40px !important;
    width: 80px !important;
    margin-left: 45% !important;
}
 
.card .md-headline, .card1 .md-headline {
    font-size: 14px !important;
    font-weight: bold !important;
}

md-card-title md-card-title-text{
    white-space:pre;
    font-weight: bold;
}

md-card md-card-actions{
    display: grid !important;
    text-align: right !important;
}

md-card md-card-actions h3{
    font-size: 20px !important;
}

md-content{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

md-card.card, md-card.card1{
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

md-card md-card-title{
    padding-top:0 !important;
    padding-bottom:2% !important;
    margin-bottom: 20px !important;
}

md-card-actions h3{
    margin:0;
}

@media (min-width: 600px){
    .flex-gt-xs-25, .layout-row>.flex-gt-xs-25 {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        box-sizing: border-box !important;
    }
}
    
md-content.md-padding._md.layout-xs-column.layout-row md-card.card._md.md-default-theme{
    width: 25% !important;
}

md-content.md-padding._md.layout-xs-column.layout-row md-card.card1._md.md-default-theme{
    width: 25% !important;
}

.visualCharts .md-headline{
   font-size: 14px !important;
   font-weight: bold !important; 
} 

.visualCharts md-card-title{
    padding: 0 !important;
    margin: 0 !important;
}

md-card.md-default-theme, md-card {
    border-radius: 5px !important;
}

.md-card.md-default-theme, md-card { 
    border-radius: 5px !important;
}

.md-card md-card-title md-card-title-media .md-media-md { 
    height: 40px !important; 
    width: 80px !important; 
    margin-left: 40%;
}

.md-card>img, md-card>md-card-header img, md-card md-card-title-media img { 
    box-sizing: border-box; 
    display: flex; 
    flex: 0 0 auto; 
    width: 70% !important; 
    height: auto; 
    padding: 8px 0px;
}

.md-content {
    padding-top: 10 !important;
    padding-bottom: 0 !important;
    background-color: #f6f9fc;
}

.chart {
    border: none !important;
    padding: 15px;
}

.md-tab {
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    padding: 12px 24px;
    transition: background-color .35s cubic-bezier(.35,0,.25,1);
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    text-transform: uppercase;
    float: left;
    font-weight: 500;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon {
    color: #2E384D;
}

md-tabs.md-default-theme md-tabs-wrapper, md-tabs md-tabs-wrapper {
    background-color: transparent;
    border-color: #E5E9F1;
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
    color: #2E384D;
    background: #478FCC;
}

md-ink-bar {
    position: absolute;
    left: auto;
    right: auto;
    bottom: 0;
    height: 4px !important;
}

md-card .md-actions, md-card md-card-actions {
    margin-right: 5% !important;
}

.visualCharts md-card-title-text .md-headline{
    margin-left: -10px !important;
}

.visualCharts canvas {
    padding-top: 0 !important; 
}

md-card.card, md-card.card1{
    background-image: url("../../smartamcu/images/card_bg.png");
}

.dashboardHeading h4{
    font-weight: bold !important;
}

.visualCharts .chart.chart-line{
    min-height: 239px !important;
}

.sa-logo {
    /* position: absolute !important; */
    top: 0px !important;
    color: white !important;
    position: fixed !important;
    height: 45px !important;
    width: 85px !important;
    z-index: 1100 !important;
}

.dashboardSelectInput.form-control{
    padding: 0 !important;
    width: auto !important;
    /* height: auto !important; */
    display: inline !important;
    color:darkblue !important;
}

.dashboardHeading span{
    font-weight: normal !important;
    color: #aaa;
}

.dashboardSelectDate{
    /* margin-left: 50% !important; */
    top: 15px !important;
    margin-left: -30px;
}

.dashboardSelectDate input{
    color: darkblue !important;
}

.dashboardSelectDate p.input-group{
    width: 110% !important;
}

.dashboardSubmitBtn button.btn.btn-default{
    color: darkblue !important;
    /* background-color: #E5E9F1 !important; */
} 

.dashboardSubmitBtn button.btn.btn-default:hover{
    cursor: pointer;
    color: white !important;
    background-color: darkblue !important;
}

.dashboardHeading{
    padding-left: 0px !important;
}

.navbar-inverse {
    background-color: #34409A !important;
    border-color: #080808 !important;
}

.navbar-inverse .navbar-nav > li > a:hover {
    background-color: #3794FC !important;
    color: #fff !important;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff !important;
    background-color: #3794FC !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff !important;
    text-decoration: none;
    background-color: #3794FC !important;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff !important;
    background-color: #3794FC !important;
}

.nav > li > a {
    display: list-item !important;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar {
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

::-webkit-scrollbar-thumb {
    background: #C4CFDD;
    border-radius: 50px; 
}

::-webkit-scrollbar-thumb:hover {
    background: #478fcc;
    border-radius: 50px;
}

md-content.removeBg{
    background-color: none !important;
}

md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item{
    text-transform : capitalize !important;
}

.dashboardSelectDate button:hover{
    background-color: #fff;
    cursor: pointer;
}

.dashboardSelectDate button:focus{
    background-color: #fff;
    cursor: pointer;
    border: none;

    outline: none !important; 
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}

.dashboardSelectDate ul.dropdown-menu{
    left: -30px !important;
}

@-moz-document url-prefix() {
    .dashboardSelectDate{
        padding-right: 18px !important;
     }
     
     .dashboardSelectInput.form-control {
        height: auto !important;
     }
     
     .dashboardSelectInputDiv{
        top: 22px !important;
     }
}

.dashboardSelectDate .form-control[readonly]{
    cursor: not-allowed;
    background-color: #fff !important;
    opacity: 1;
}
/*New Dashboard UI/UX Branding Ends*/

/*New Login Page Branding Starts*/
.wrapper {
    height: 100%;
    background-image: url(../images/bg.jpg);
    margin-top: -3.1%;
}

.wrapper .container{
    width: 101.2%;
    background-image: url(../images/bg.jpg);
    padding-bottom: 32px !important;
}

.wrapperTopDiv{
    background-image: url(../images/bg.jpg);
}



.signin-bg {
    width: 55%;
    background-color: #ffffff;
    padding: 30px;
    margin: 50px auto;
    border-radius: 5px;
}
/*New Login Page Branding Ends*/

/*Generic - Vertical ScrollTop Starts*/
html {
    scroll-behavior: smooth;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    border: none;
    outline: none;
    background-color:#34409a;
    color: #ffffff;
    cursor: pointer;
    padding: 15px;
    width:50px;
    height: 50px;
    border-radius: 100%;
}

#myBtn:hover {
   background-color: #4b75ff;
}
/*Generic - Vertical ScrollTop Ends*/

/* Insight Report new design start*/

.reportcontent{
    padding: 10px;
}  
.cardInsight {
    height: 125px;
    width: 30%;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    margin-left: 2%;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
    transition: 0.3s;
}

.reportIcon{
    padding: 5px;
    padding-top: 12%
}

.cardInsight:hover{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.1);
}

.breadCrumbClass{
   font-size: 20px;
   margin-top: -6px;
   background-color: #fff !important;
}

.breadCrumb{
    background-color: #fff !important;
}

.insightHeaders{
    text-align: right;
}
/* Insight Report new design end*/

@-moz-document url-prefix() {
    .dashboardSelectDate span.input-group-btn{
        width: 34% !important;
    }
    .nav.navbar-nav.navbar-left span.glyphicon.glyphicon-home{
	    margin-top: 6px !important;
        top: -3px !important;
    }
}

.cardInsight .reportcontent b {
    font-size: 16px;
    color: #333 !important;
}

h3 span.unitsBranding{
    font-size: 14px;
}

.makeCcDonutCenter{
    margin-left: 25% !important;
}

.reportDownloadingAlert {
    animation: autoHide 0s ease-in 60s forwards;
}

@keyframes autoHide {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}

.routeSupervisorTable tbody td ul{
    list-style-type: none;
    padding-left: 0;
}

.adminNavbar{
    margin-left: 68% !important;
}

.routeSupervisorRptZipAlert{
    font-size: 11px;
}

.well.loginChangePassword{
    margin-bottom: 0px !important;
}

.loginChangePasswordPolicyAlert{
    animation: autoHide 0s ease-in 10s forwards;
}

.verifyOtpSubHeading h5{
    line-height: 20px !important;
}

.resendOtpAlert{
    animation: autoHide 1s ease-in 10s forwards;
}

#resendOtpLink{
    cursor: pointer;
}

/** Single Session **/
.invalidSessionAlert{
    animation: autoHide 0s ease-in 10s forwards;
}

/**Button issue fix for chrome verison 114 **/
button.btn.btn-primary, button.btn.btn-danger{
    position: relative;
}

button.collectionUploadValidationBtn{
    margin-bottom: 5px;
}

button.colImportValidationModalCloseBtn{
    margin-top: -6%;
}

.colUploadValidationProceedBtn{
    margin-top: -15%;
    margin-left: 110%;
}

.modal-body.colUploadValidationModalBody{
    height: 250px;
    overflow-y: auto;
}

.farmerGrpAssocFarmerField{
    pointer-events: none;
}