@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

@font-face{
  font-family: "Roboto-Regular";
  src: url("./Roboto-Regular.ttf") format("truetype");
}

@font-face{
  font-family: "Roboto-Bold";
  src: url("./Roboto-Bold.ttf") format("truetype");
}

body {
   padding                    : 0px;
   margin                     : 0px;
   background-color           : #F3F4F6;
}

table {
   border-collapse            : collapse;
}

h1 {
   margin                     : 10px 0px 10px 0px;
   font-family                : Roboto-Bold;
   font-size                  : 18pt;
   color                      : #616161;
}

#_bodydiv {
   width                      : 100%;
   min-height                 : 100%;   
}

#_leftpane {
   width                      : 250px;
   background-color           : #252E43;
   position                   : absolute;
   left                       : 0px;
   top                        : 0px;
   z-index                    : 10;
   min-height                 : 100%;
   padding-top                : 40px;
}

#_mainpane {
   position                   : absolute;
   left                       : 0px;
   top                        : 0px;
   z-index                    : 0;
   background-color           : #F3F4F6;
   padding-left               : 270px;
   min-height                 : 100%;
}

#_toppane {
   position                   : absolute;
   left                       : 0px;
   top                        : 0px;
   z-index                    : 0;
   background-color           : #F3F4F6;
   width                      : 100%;
   height                     : 50px;
}

.menuitem {
   height                     : 30px;
   width                      : 200px;
   padding-left               : 20px;
}

.submenuitem {
   height                     : 30px;
   width                      : 200px;
   padding-left               : 40px;
}

.menulink {
   color                      : #818B9D;
   font-size                  : 16pt;
   font-family                : Roboto-Bold;
   text-decoration            : none;
}

.submenulink {
   color                      : #818B9D;
   font-size                  : 13pt;
   font-family                : Roboto-Regular;
   text-decoration            : none;
}

#overlay {
   width                      : 0px;
   height                     : 0px;
   position                   : fixed;
   top                        : 0px;
   left                       : 0px,
   z-index                    : 100;
   background-color           : #000000;
   opacity                    : 0.5;
   visibility                 : hidden;
}

#InfoMessage {
   width                      : 1px;
   height                     : 1px;
   position                   : fixed;
   top                        : 0px;
   left                       : 0px,
   z-index                    : 1100;
   background-color           : #FFFFFF;
   visibility                 : hidden;
   font-family                : Roboto-Regular;
   font-size                  : 13pt;
}

#NewCustomer {
   width                      : 1px;
   height                     : 1px;
   position                   : fixed;
   top                        : 0px;
   left                       : 0px,
   z-index                    : 110;
   background-color           : #FFFFFF;
   visibility                 : hidden;
   font-family                : Roboto-Regular;
   font-size                  : 13pt;
}

#logindiv {
   width                      : 550px;
   height                     : 350px;
   position                   : absolute;
   left                       : 50%;
   top                        : 50%;
   margin-left                : -250px;
   margin-top                 : -175px;
} 

#logintable {
   width                      : 400px;
   margin-left                : 20px;
   border                     : 1px #252E43 solid;
}

.logininput {
   font-family                : Roboto-Regular;
   font-size                  : 15pt;
   height                     : 40px;
   width                      : 250px;
   border                     : 1px #000000 solid;
   padding-left               : 5px;
   &:-webkit-autofill::first-line {
      font-family: Roboto-Regular;
      font-size: 15pt;
      font-weight: normal;
   }
}

.loginsubmit {
   font-family                : Roboto-Regular;
   font-size                  : 13pt;
   height                     : 30px;
   width                      : 100px;
   background-color           : #252E43;
   color                      : #FFFFFF;
   border                     : 1px #000000 solid;
   margin-left                : 50px;
}

.newtextform {
   border                     : 1px #252E43 solid;
   padding-left               : 15px;
   font-family                : Roboto-Regular;
   font-size                  : 12pt;   
   height                     : 30px;
}

.newtextformsmall {
   border                     : 1px #252E43 solid;
   padding-left               : 5px;
   font-family                : Roboto-Regular;
   font-size                  : 10pt;   
   height                     : 22px;
}
.newtextareaform {
   border                     : 1px #252E43 solid;
   padding-left               : 15px;
   font-family                : Roboto-Regular;
   font-size                  : 12pt;   
   resize                     : none;
}

.newdropdownform {
   border                     : 1px #252E43 solid;
   padding-left               : 15px;
   font-family                : Roboto-Regular;
   font-size                  : 12pt;   
   height                     : 30px;
}

.newtextsubmit {
   background-color           : #252E43;
   padding-left               : 10px;
   padding-right              : 10px;
   border                     : 1px #252E43 solid;
   font-family                : Roboto-Regular;
   font-size                  : 12pt;   
   height                     : 30px;
   color                      : #FFFFFF;
}


.pageactionbutton { 
   font-family                : Roboto-Regular;
   font-size                  : 11pt;
   background-color           : #252E43;
   padding-left               : 10px;
   padding-right              : 10px;
   border                     : 1px #252E43 solid;
   height                     : 28px;
   color                      : #FFFFFF;
}

.infobox-success {
   background-color           : #EDFFE6;
   padding                    : 10px;
   min-width                  : 500px;
   font-family                : Roboto-Bold;
   font-size                  : 12pt;
   margin-top                 : 20px;
}

.infobox-failed {
   background-color           : #FFE6EB;
   padding                    : 10px;
   min-width                  : 500px;
   font-family                : Roboto-Bold;
   font-size                  : 12pt;
   margin-top                 : 20px;
}

.newcheckboxform {
   width                      : 15px;
   height                     : 15px;
   border                     : 1px #252E43 solid;
}

.tabberheadlink {
   font-family                : Roboto-Bold;
   font-size                  : 13pt;
   text-decoration            : none;
   color                      : #000000;
}

.listingtable {
   width                      : 100%;
   vertical-align             : middle;
}

.listingtable tr:hover td {
   background-color           : #EEEEEE;
}

.listingtable th {
   font-family                : Roboto-Bold;
   font-size                  : 10pt;
   text-decoration            : none;
   background-color           : #252E43;
   border                     : 1px #000000 solid;
   color                      : #FFFFFF;
   text-align                 : left;
   padding-left               : 8px;
   height                     : 35px;
}

.listingtable th a {
   font-family                : Roboto-Bold;
   font-size                  : 10pt;
   text-decoration            : none;
   background-color           : #252E43;
   border                     : 1px #000000 solid;
   color                      : #FFFFFF;
   text-align                 : left;
   padding-left               : 8px;
   height                     : 35px;
}

.listingtable td {
   font-family                : Roboto-Regular;
   font-size                  : 10pt;
   text-decoration            : none;
   background-color           : #FFFFFF;
   border                     : 1px #000000 solid;
   color                      : #000000;
   text-align                 : left;
   padding-left               : 8px;
   height                     : 35px;
}

.listingtable a {
   font-family                : Roboto-Regular;
   font-size                  : 10pt;
   text-decoration            : none;
   color                      : #252E43;
}

.breedcrumblink {
   font-family                : Roboto-Regular;
   font-size                  : 13pt;
   text-decoration            : underline;
   color                      : #252E43;
}

.breedcrumblink:hover {
   font-family                : Roboto-Regular;
   font-size                  : 13pt;
   text-decoration            : underline;
   color                      : #B8B97D;
}

.PageActionLink {
   color                      : #000000;
   font-size                  : 12pt;
   font-family                : Roboto-Regular;
   text-decoration            : underline;
}

.CloseButton {
   width                      : 100px;
   height                     : 30px;
   font-size                  : 12pt;
   font-family                : Roboto-Regular;
   border                     : 1px #000000 solid;
   background-color           : #252E43;
   color                      : #FFFFFF;
}

.tabbingtable {
   border                     : 0px;
}

.tabbingtabletrhead {
   height                     : 40px;
}

.tabbingtable th {
   
}

.tabbingtableemptyth {
   border-bottom              : 1px #252E43 solid;
   border-left                : 1px #252E43 solid;
}

.tabbingtablebodytd {
   border-bottom              : 1px #252E43 solid;
   border-left                : 1px #252E43 solid;
   border-right               : 1px #252E43 solid;
   background-color           : #FFFFFF;
}

.inactivetab {
   border                     : 1px #252E43 solid;           
   background-color           : #FFFFFF;     
}

.activetab {
   border-bottom              : 0px;
   border-top                 : 1px #252E43 solid;
   border-left                : 1px #252E43 solid;
   background-color           : #FFFFFF;     
}

.tabbingtableheadlink {
   font-size                  : 12pt;
   text-decoration            : none;
   font-family                : Roboto-Regular;
}

.SearchCustomerDivTr:hover {
   background-color           : #E0E0E0;
   cursor                     : pointer;
}

.SearchTable {
   border                     : 1px #252E43 solid;
   font-family                : Roboto-Regular;
   font-size                  : 12pt;
   margin-top                 : 10px;
   margin-bottom              : 25px;
}

.SearchTable th {
   background-color           : #FFFFFF;
   color                      : #252E43;
   border-bottom              : #252E43;
   height                     : 30px;
   font-weight                : normal;
}

.SearchTable td {
   background-color           : #FFFFFF;
   color                      : #000000;
   height                     : 30px;
}