html, body{font-size:12px;}
.m-wrapper{margin-bottom:0px;}
.m-login.m-login--1 .m-login__wrapper{padding:20% 2rem 2rem 2rem;}
.m-form .m-form__group{padding-bottom:0px;}
.m-form .m-form__group:last-child{padding-bottom:15px;}
form[name=appbundle_accountmaster] input[type=submit]{margin:20px 0px 0px 20px;}
form[name=appbundle_potransaction] .form-group label{padding:10px;font-size:12px;}
form[name=appbundle_potransaction] .m-separator{margin:15px 0px 10px 0px;}
#appbundle_potransaction_documentNumber,
#appbundle_potransaction_documentDate{text-align:center;}
#appbundle_potransaction_advanceAmount{text-align:right;}
.m-content.page-default{margin-bottom:0px;padding-bottom:0px;}
.page-default .m--font-brand{padding-top:5px;}
.m-input{text-transform:uppercase;}
.m-login__form .m-input,
form.fos_user_change_password .m-input{text-transform:none;}
.gatepassDetailContainer > .m-separator{margin-bottom:0px;}
.godownRow input,
.godownRow select,
.godownRow span{width:100%!important;}
.m-error-3{background-image:url('../img/bg/bg3.jpg');}
.m-error-6{background-image:url('../img/bg/bg6.jpg');}
.card{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2);max-width:300px;margin:auto;text-align:center;}
.card table{margin:auto;}
.card th, .card td{text-align:left;}
.modal.stock-tracker-modal, .modal.product-suppliers-modal{min-width:auto!important;}
.modal{min-width:558px!important;overflow-x:scroll!important;}
.modal-dialog{width:100%;max-width:none!important;overflow-x:scroll!important;}
.select2-container{min-width:140px;width:100%!important;}
.select2-selection__rendered{text-align:left;}
.modal input[type=text]{min-width:100px;}
.m-datatable__cell{padding:3px 5px!important;}
.hidden{display:none !important;visibility:hidden !important;}
.poReceiptDetailContainer, .issueDetailContainer, .orderDetailContainer, .activityDetailContainer{border-top:1px solid #EFEFEF;}
.poReceiptDetailContainer:nth-of-type(even), .issueDetailContainer:nth-of-type(even), .orderDetailContainer:nth-of-type(even), .activityDetailContainer:nth-of-type(even){background-color:#faf9fc;}
.no-bg{background-image:none;background:none!important;}
#e-aahar-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:99999;cursor:pointer;}
#e-aahar-overlay .m-loader{position:absolute;top:50%;left:50%;font-size:50px;color:white;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
#e-aahar-overlay .m-loader.m-loader--lg:before{width:8rem;height:8rem;border-top-width:7px;border-right-width:7px;}
.datepicker{z-index:999!important;}
.uomConversionDetailContainer:not(:first-child) .m-form__group{padding-top:0px!important;padding-bottom:0px!important;}
.fs11{font-size:11px!important;}
.fs14{font-size:14px;}
.pt10{padding-top:10px;}
.pt30{padding-top:30px;}
.no-border{border:0;box-shadow:none;}
.no-padding{padding:0px!important;}
.font-bold{font-weight:bold;}
.text-underline{text-decoration:underline;}
.cursor-pointer{cursor:pointer;}
*:fullscreen
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen{overflow:scroll !important;}
#fullscreen_link{z-index:999999;}
.typeahead, .tt-query, .tt-hint{border:2px solid #CCCCCC;border-radius:8px 8px 8px 8px;font-size:24px;height:30px;line-height:30px;outline:medium none;padding:8px 12px;}
.tt-dropdown-menu{max-height:150px;overflow-y:auto;}
.typeahead{background-color:#FFFFFF;}
.typeahead:focus{border:2px solid #0097CF;}
.tt-query{box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.tt-hint{color:#999999;}
.tt-dropdown-menu{background-color:#FFFFFF;border:1px solid rgba(0, 0, 0, 0.2);border-radius:8px 8px 8px 8px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);margin-top:12px;padding:8px 0;}
.tt-suggestion{line-height:24px;padding:3px 20px;}
.tt-suggestion.tt-cursor{background-color:#0097CF;color:#FFFFFF;}
.tt-suggestion p{margin:0;}


.btn-orange{color:#fff;background-color:#FF5733;border-color:#FF5733}.btn-orange:hover{color:#fff;background-color:#FF4833;border-color:#FF3933}.btn-orange:focus,.btn-orange.focus{box-shadow:0 0 0 .2rem rgba(255,57,51,0.5)}.btn-orange.disabled,.btn-orange:disabled{background-color:#FF5733;border-color:#FF5733}.btn-orange:not([disabled]):not(.disabled):active,.btn-orange:not([disabled]):not(.disabled).active,.show > .btn-orange.dropdown-toggle{color:#fff;background-color:#FF3933;border-color:#FF3933;box-shadow:0 0 0 .2rem rgba(255,57,51,0.5)}
.btn-purple{color:#fff;background-color:#DA9BFF;border-color:#DA9BFF}.btn-purple:hover{color:#fff;background-color:#B433FF;border-color:#A207FD}.btn-purple:focus,.btn-purple.focus{box-shadow:0 0 0 .2rem rgba(180,51,255,0.5)}.btn-purple.disabled,.btn-purple:disabled{background-color:#DA9BFF;border-color:#DA9BFF}.btn-purple:not([disabled]):not(.disabled):active,.btn-purple:not([disabled]):not(.disabled).active,.show > .btn-purple.dropdown-toggle{color:#fff;background-color:#AF4EE9;border-color:#AF4EE9;box-shadow:0 0 0 .2rem rgba(180,51,255,0.5)}
.btn-brown{color:#fff;background-color:#959670;border-color:#959670}.btn-brown:hover{color:#fff;background-color:#959670;border-color:#959670}.btn-brown:focus,.btn-brown.focus{box-shadow:0 0 0 .2rem rgba(149,150,112,0.5)}.btn-brown.disabled,.btn-brown:disabled{background-color:#959670;border-color:#959670}.btn-brown:not([disabled]):not(.disabled):active,.btn-brown:not([disabled]):not(.disabled).active,.show > .btn-brown.dropdown-toggle{color:#fff;background-color:#959670;border-color:#959670;box-shadow:0 0 0 .2rem rgba(149,150,112,0.5)}
.btn-black{color:#fff;background-color:#000000;border-color:#000000}.btn-black:hover{color:#fff;background-color:#000000;border-color:#000000}.btn-black:focus,.btn-black.focus{box-shadow:0 0 0 .2rem rgba(0,0,0,0.5)}.btn-black.disabled,.btn-black:disabled{background-color:#000000;border-color:#000000}.btn-black:not([disabled]):not(.disabled):active,.btn-black:not([disabled]):not(.disabled).active,.show > .btn-black.dropdown-toggle{color:#fff;background-color:#000000;border-color:#000000;box-shadow:0 0 0 .2rem rgba(0,0,0,0.5)}
.btn-aqua{color:#fff;background-color:#008CA4;border-color:#008CA4}.btn-aqua:hover{color:#fff;background-color:#008CA4;border-color:#008CA4}.btn-aqua:focus,.btn-aqua.focus{box-shadow:0 0 0 .2rem rgba(0,140,164,0.5)}.btn-aqua.disabled,.btn-aqua:disabled{background-color:#008CA4;border-color:#008CA4}.btn-aqua:not([disabled]):not(.disabled):active,.btn-aqua:not([disabled]):not(.disabled).active,.show > .btn-aqua.dropdown-toggle{color:#fff;background-color:#008CA4;border-color:#008CA4;box-shadow:0 0 0 .2rem rgba(0,140,164,0.5)}
.btn-magenta{color:#fff;background-color:#581845;border-color:#581845}.btn-magenta:hover{color:#fff;background-color:#581845;border-color:#581845}.btn-magenta:focus,.btn-magenta.focus{box-shadow:0 0 0 .2rem rgba(88,24,69,0.5)}.btn-magenta.disabled,.btn-magenta:disabled{background-color:#581845;border-color:#581845}.btn-magenta:not([disabled]):not(.disabled):active,.btn-magenta:not([disabled]):not(.disabled).active,.show > .btn-magenta.dropdown-toggle{color:#fff;background-color:#581845;border-color:#581845;box-shadow:0 0 0 .2rem rgba(88,24,69,0.5)}
.btn-red{color:#fff;background-color:#FF0000;border-color:#FF0000}.btn-red:hover{color:#fff;background-color:#FF0000;border-color:#FF0000}.btn-red:focus,.btn-red.focus{box-shadow:0 0 0 .2rem rgba(255,0,0,0.5)}.btn-red.disabled,.btn-red:disabled{background-color:#FF0000;border-color:#FF0000}.btn-red:not([disabled]):not(.disabled):active,.btn-red:not([disabled]):not(.disabled).active,.show > .btn-red.dropdown-toggle{color:#fff;background-color:#FF0000;border-color:#FF0000;box-shadow:0 0 0 .2rem rgba(255,0,0,0.5)}
.btn-olivegreen{color:#fff;background-color:#7E965F;border-color:#7E965F}.btn-olivegreen:hover{color:#fff;background-color:#7E965F;border-color:#7E965F}.btn-olivegreen:focus,.btn-olivegreen.focus{box-shadow:0 0 0 .2rem rgba(126,150,95,0.5)}.btn-olivegreen.disabled,.btn-olivegreen:disabled{background-color:#7E965F;border-color:#7E965F}.btn-olivegreen:not([disabled]):not(.disabled):active,.btn-olivegreen:not([disabled]):not(.disabled).active,.show > .btn-olivegreen.dropdown-toggle{color:#fff;background-color:#7E965F;border-color:#7E965F;box-shadow:0 0 0 .2rem rgba(126,150,95,0.5)}
.btn-teal{color:#fff;background-color:#839695;border-color:#839695}.btn-teal:hover{color:#fff;background-color:#839695;border-color:#839695}.btn-teal:focus,.btn-teal.focus{box-shadow:0 0 0 .2rem rgba(131,150,149,0.5)}.btn-teal.disabled,.btn-teal:disabled{background-color:#839695;border-color:#839695}.btn-teal:not([disabled]):not(.disabled):active,.btn-teal:not([disabled]):not(.disabled).active,.show > .btn-teal.dropdown-toggle{color:#fff;background-color:#839695;border-color:#839695;box-shadow:0 0 0 .2rem rgba(131,150,149,0.5)}
.detailFormRow .poQuantity, .detailFormRow .quantityUom{width:90px;}
#gpDetailTableContainer{overflow:scroll;}

a.collapsed.accordion-toggle:after {
  content: '\002B';  /* + icon */
}
a.accordion-toggle:after {
  content: '\002D'  /* hyphen icon*/
}
.packingNormWrapper > span{
  display:block!important;
}


#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: #455A64;
  padding-left: 0px;
  margin-top: 30px;
} 

#progressbar li {
  list-style-type: none;
  font-size: 13px;
  width: 25%;
  float: left;
  position: relative;
  font-weight: 400;
}

#progressbar .step0:before {
  font-family: FontAwesome;
  content: "\f10c";
  color: #fff;
}

#progressbar li:before {
  width: 40px;
  height: 40px;
  line-height: 45px;
  display: block;
  font-size: 20px;
  background: #C5CAE9;
  border-radius: 50%;
  margin: auto;
  padding: 0px;
}

/*ProgressBar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 12px;
  background: #C5CAE9;
  position: absolute;
  left: 0;
  top: 16px;
  z-index: -1;
}

#progressbar li:last-child:after {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  left: -50%;
}

#progressbar li:nth-child(2):after, #progressbar li:nth-child(3):after {
  left: -50%;
}

#progressbar li:first-child:after {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
  left: 50%;
}

#progressbar li:last-child:after {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#progressbar li:first-child:after {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

/*Color number of the step and the connector before it*/
#progressbar li.active:before, #progressbar li.active:after {
  background: #651FFF;
}

#progressbar li.active:before {
  font-family: FontAwesome;
  content: "\f00c";
}