/*right click menu*/


.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    -webkit-padding-start: 0px !important;
}

.custom-menu li {
    list-style: none;
    padding: 8px 12px;
    cursor: pointer;
}

.custom-menu li:hover {
    background-color: #DEF;
}

.custom-menu li ul {
 	position: absolute;
 	left: 0;
 	visibility: hidden;
 	text-align: initial;
 	color: #333;
  margin-left: 110px;
}

.custom-menu li ul li {
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
 	background: #FFF;
 	display: block;
 	padding: 8px 12px;
  margin-left:4px;
}

.custom-menu li ul li:first-child {
  border-top: 1px solid #CCC;
  margin-top: -26px;
}

.custom-menu li ul li:last-child {
  border-bottom: 1px solid #CCC;
}

.custom-menu li ul li:hover {
  background-color: #DEF;
}

.custom-menu li ul li a:hover {
  background-color: #DEF;
}

.custom-menu li:hover ul {
  display: block;
  visibility: visible;
}
/*
.custom-menu li ul {
  position: relative;
  display: none;
  width: inherit;
}

.custom-menu li:hover ul {
  display: block;
}

.custom-menu li ul li {
  display: block;
}
*/

.custom-menu li a {
  color: black;
}
/*end right click menu*/

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

#showpagination
{
	text-align: center;
}

#showpagination a
{
	padding-left:5px;
	padding-right:5px;
}

#showpagination strong
{
	padding-left:5px;
	padding-right:5px;
}


div.terms {
    max-width: 600px;
    min-width: 200px;
    height: 200px;
    max-height: 600px;
    border: 1px solid #ccc;
    background: #f2f2f2;
    padding: 6px;
    overflow: auto;
    margin-left: auto ;
  	margin-right: auto ;
}


#pswd_info {
    padding:15px;
    background:#fefefe;
    font-size:.875em;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
    margin-bottom: 20px;
}


.invalid {
    background:url(../images/invalid.png) no-repeat;
    background-size: 18px 18px;
    padding-left:22px;
    line-height:24px;
    color:#ec3f41;
}
.valid {
    background:url(../images/valid.png) no-repeat;
    background-size: 18px 18px;
    padding-left:22px;
    line-height:24px;
    color:#3a7d34;
}

#pswd_info {
    display:none;
}

/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  15px;}
.right-addon .glyphicon { right: 15px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.other_name
{
    display: none;
}

.alert-box {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    text-align: center;
    display: none;
}

.failure {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    display: none;
}

.warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    display: none;
}

.statenumberbutton
{
  width:40px;
}

a.linktostate:hover
{
  background: none !important;
}

a.linktostate:visited
{
  background: none !important;
}

.linktostate
{
  background: none !important;
}

.numberCircle
{
    /*border-radius: 50%;
    behavior: url(PIE.htc);

    width: 36px;
    height: 36px;
    padding: 8px;

    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    display:inline-block;
    font: Arial, sans-serif;*/

}

.current_state {
  /*background: #EBCDCD;*/
}

.current_state_1 {
  content:url("../images/number_button/s_number_1.png");
}
.current_state_2 {
  content:url("../images/number_button/s_number_2.png");
}
.current_state_3 {
  content:url("../images/number_button/s_number_3.png");
}
.current_state_4 {
  content:url("../images/number_button/s_number_4.png");
}
.current_state_5 {
  content:url("../images/number_button/s_number_5.png");
}
.current_state_6 {
  content:url("../images/number_button/s_number_6.png");
}
.current_state_7 {
  content:url("../images/number_button/s_number_7.png");
}
.current_state_8 {
  content:url("../images/number_button/s_number_8.png");
}
.current_state_9 {
  content:url("../images/number_button/s_number_9.png");
}

.hover_state_1:hover {
  content:url("../images/number_button/s_number_1.png");
}
.hover_state_2:hover {
  content:url("../images/number_button/s_number_2.png");
}
.hover_state_3:hover {
  content:url("../images/number_button/s_number_3.png");
}
.hover_state_4:hover {
  content:url("../images/number_button/s_number_4.png");
}
.hover_state_5:hover {
  content:url("../images/number_button/s_number_5.png");
}
.hover_state_6:hover {
  content:url("../images/number_button/s_number_6.png");
}
.hover_state_7:hover {
  content:url("../images/number_button/s_number_7.png");
}
.hover_state_8:hover {
  content:url("../images/number_button/s_number_8.png");
}
.hover_state_9:hover {
  content:url("../images/number_button/s_number_9.png");
}

.textundernumber
{
    padding-top:5px;
    text-align: center;
    display:inline-block;
    font: 12px Arial, sans-serif;
}

.centernumtext
{
     text-align: center;
}

.labelpad
{
    padding-top: 5px;
}

.showhidecompany
{
    display: none;
}

@media only screen and (min-width:768px){
    .rowpad
    {
        padding-top: 15px;
    }
}

.rowpadwp
{
    padding-top: 15px;
}

.delpic
{
    display: none;
    position: absolute ;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
}

.activity
{
    display: none;
    position: absolute ;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
}

#showimgpool
{
    max-width: 300px;
}

#showimgexpool
{
    max-width: 300px;
}

@media only screen and (min-width:768px){
    .rightpicddl
    {
        padding-top:50px;
    }
}

.extra
{
   display: none;
}

.preview
{
    border: 1px solid black;
    max-height:250px;
    overflow:auto;
    word-break: break-all;
}
/*fixed table section*/
@media only screen and (min-width:768px){
    .tablesection {
      position: relative;
      border: 1px solid #000;
      padding-top: 7px;
    }
    .tablesection.positioned {
      position: absolute;
      top:100px;
      left:100px;
      width:800px;
      box-shadow: 0 0 15px #333;
    }
    .nstable {
      overflow-y: auto;
      height: 620px;
    }
    table.fixheadtab {
      border-spacing: 0;
      width:100%;
    }
    td.fixheadtab + td.fixheadtab {
      border-left:1px solid #eee;
    }
    td.fixheadtab, th.fixheadtab {
      border-bottom:1px solid #eee;
      padding: 10px 10px;
    }
    th.fixheadtab {
      height: 0;
      line-height: 0;
      padding-top: 0;
      padding-bottom: 0;
      color: transparent;
      border: none;
      white-space: nowrap;
    }
    th.fixheadtab div{
      position: absolute;
      background: transparent;
      padding: 9px 25px;
      top: 0;
      margin-left: -25px;
      line-height: normal;
    }
    th.fixheadtab:first-child div{
      border: none;
    }
}
/*end fixed table section*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#hovernone:hover
{
    text-decoration:none;
}

@media only screen and (max-width:767px){
    .aboutFooter
    {
        padding-top:20px;
    }
    .showlongmenu
    {
        display: none !important;
    }
    .showshortmenu
    {
        margin-bottom:20px;
    }
    .popupfloating
    {
      margin: 30% auto !important;
    }
}

@media only screen and (min-width:768px){
    .aboutFooter
    {
        padding-top:20px;
    }
    .showlongmenu
    {
        display: block !important;
    }
    .showshortmenu
    {
         margin-bottom:0px;
    }
}

@media only screen and (min-width:992px){
    .aboutFooter
    {
        padding-top:0px;
    }
    .showlongmenu
    {
        display: block !important;
    }
    .showshortmenu
    {
         margin-bottom:0px;
    }
}

.modalload {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('../images/loading.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalload {
    display: block;
}

a.glyphicon:hover{
    background: none;
}

table.candbclick tr{
    cursor: pointer;
}

table.candbclick tr:hover{
    background-color:#FFFFE4;
}

table.candbclick{
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}

#selectedFiles img {
    max-width: 125px;
    max-height: 125px;
    float: left;
    margin-bottom:10px;
}

@media only screen and (min-width:992px){
  .header-fixed {
      width: 100%
  }

  .header-fixed > thead,
  .header-fixed > tbody,
  .header-fixed > thead > tr,
  .header-fixed > tbody > tr,
  .header-fixed > thead > tr > th,
  .header-fixed > tbody > tr > td {
      display: block;
  }

  .header-fixed > tbody > tr:after,
  .header-fixed > thead > tr:after {
      content: ' ';
      display: block;
      visibility: hidden;
      clear: both;
  }

  .header-fixed > tbody {
      overflow-y: auto;
      height: 680px;
  }

  .header-fixed > tbody > tr > td,
  .header-fixed > thead > tr > th {
      width: 10%;
      float: left;
  }
}

.displaypicmaxwidth
{
  max-width: 150px;
  max-height: 150px;
}

@media only screen and (max-width:991px){
  .setcenteralign
  {
    text-align: center;
  }
}

.setcenteraligntablehead
{
  text-align: center;
}

.tabresizetext
{
  font-size: 12px;
}

.orderhead
{
  text-align: center;
}

@media only screen and (min-width:1200px){
  #webclickablenumber
  {
    display: block;
  }

  #mobileclickablenumber
  {
    display: none;
  }
}

@media only screen and (max-width:1199px){
  #webclickablenumber
  {
    display: none;
  }

  #mobileclickablenumber
  {
    display: block;
  }
}

.settextwithimg
{
  position:relative; width:180px;
}

.textafterimg
{
  position:absolute; top:4px; left:60px; width:120px;
}

.textafterimg:hover
{
  color:red;
  background:none;
}

.imgb4text:hover
{
  color:red;
  background:none;
}

.centeringthing {
  position:relative;
  text-align:center;
}

.piccenterofdiv
{
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.bbgtxt
{
  background-color: #5698e6;
  color:white;
  padding:8px;
  -webkit-border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  border-radius:5px 5px 5px 5px;
}

.summarywbg
{
  font-size:20px;
  background-color: #74C0D3;
  padding:8px;
  -webkit-border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  border-radius:5px 5px 5px 5px;
}

.summarywobg
{
  font-size:20px;
  padding:8px;
}

.tabdata_head
{

}

.tabdata_content
{
  float:right;
}

.tabdata_tail
{
  float:right;
}

.frightdata
{
  float:right;
}

.fcenterdata
{
  text-align: center;
}

.swarprowcolor tr:nth-child(odd)
{
  background-color: #74C0D3;
}

.swarprowcolor2 tr:nth-child(odd)
{
  background-color: #e6ac00;
}

.branchsalesreportheader
{
  display: block;
  text-align: right;
}

.setheadtablecenter th
{
  text-align: center;
}

.setborderforQ
{
  border: solid gray 1px;
  padding: 0px 20px 0px 20px;
}

#arsummaryfirst
{
  margin-left: 30px;
}

.btnpreviewprice
{
  border-radius: 7px;
  background-color:#042380;
}

.btnpreviewprice2
{
  border-radius: 7px;
  background-color:#042380;
  padding-top: 6px;
      padding-bottom: 6px;
  padding-left: 35px;
}

.btndownloadprice2
{
  border-radius: 7px;
  background-color:#0F1F51;
  padding-top: 6px;
      padding-bottom: 6px;
  padding-left: 35px;
}


.btndownloadprice
{
  border-radius: 7px;
  background-color:#0F1F51;
}

.abtnpreviewprice
{
  color:white;
}

.abtnpreviewprice:hover
{
  color:#1CDAE7;
}


.abtndownloadprice
{
    color:white;
}

.abtndownloadprice:hover
{
    color:#1CDAE7;
}

.fadecolorpic
{
  opacity: .5;
}

.replinehtml
{
  color:#000;
  background-color:#000;
  height:2px;
  margin:0px 0px 0px 0px;
  max-width:60%;
}

.replinehtmlbranchname
{
  color:#000;
  background-color:#000;
  height:2px;
  margin-top:0px;
  margin-bottom:0px;

}

#processpercent
{
  position: fixed;
  z-index: 1000;
  top: 55%;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
}

.headercontenth4
{
  background-color:#0f235b;
  color:white;
  padding: 10px 0px 10px 20px;
}

.delete_txt_red
{
  color: red !important;
  cursor: pointer;
}

.popupfloating
{
  display: none;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 50px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  background-color: #FFFFFF;
}

.continerpopupcenter
{
  display: none;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

a.hasspancaption {border-bottom: thin dotted; background: #ffeedd;}
a.hasspancaption:hover {text-decoration: none; background: #ffffff; z-index: 6; }
a.hasspancaption span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
a.hasspancaption:hover span {left: 2%; background: #ffffff;}
a.hasspancaption span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px;}
a.hasspancaption:hover span {margin: 5px 0 0 100px; background: #ffffff; z-index:6;}

.disabledthatbtn
{
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

.thisisdivbutreq
{
  padding: 10px;
  cursor: pointer;
  color: black;
}

.thisisdivbutreqa
{
  padding: 10px;
  cursor: pointer;
  color: white;
  background-color: blue;
}

.thisisdivbutreq:hover
{
  cursor: pointer;
  color: white;
  background-color: blue;
}

/*Input File*/
.fileupb {
  visibility: hidden;
  position: absolute;
}

.fileupb2 {
  visibility: hidden;
  position: absolute;
}

.fileupb3 {
  visibility: hidden;
  position: absolute;
}

.fileupb4 {
  visibility: hidden;
  position: absolute;
}
.fileupb5 {
  visibility: hidden;
  position: absolute;
}


.fileupbpayment0 {
  visibility: hidden;
  position: absolute;
}
.fileupbpayment1 {
  visibility: hidden;
  position: absolute;
}
.fileupbpayment2 {
  visibility: hidden;
  position: absolute;
}
.fileupbpayment3 {
  visibility: hidden;
  position: absolute;
}

.numberprocessweb
{
  width: 10.70%;
  height:130px;
  vertical-align: middle;
  display: inline-block;
  margin-top:10px;
}