/***********************************************************************************************************************************************************************************************************/
/*Mixin Section*/
/***********************************************************************************************************************************************************************************************************/
/*For Header Style*/
/*_Navigation Wraps Section*/
/*_End Navigation Wraps Section*/
/*_VMC icon wrapper Section*/
/*_End VMC icon wrapper Section*/
/*_VMC icon Section*/
/*_End VMC icon Section*/
/*_Burger Wraps Section*/
/*_End Burger Wraps Section*/
/*_Burger Icons Section*/
/*_End Burger Icons Section*/
/*_Navigation Menus Section*/
/*_End Navigation Menus Section*/
/*End For Header Style*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*For Receipt Details Section*/
/*End For Receipt Details Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*For Loading Spinner Section*/
/*End For Loading Spinner Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*For Footer Section*/
/*End For Footer Section*/
/***********************************************************************************************************************************************************************************************************/
/*End Mixin Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Body Section*/
/***********************************************************************************************************************************************************************************************************/
/*Mobile Section*/
@media all and (max-width: 641px) {
  body {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    overflow: auto; }

  /* width */
  body::-webkit-scrollbar {
    width: 7px;
    height: 7px; }

  /* Track */
  body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px gray;
    border-radius: 10px; }

  /* Handle */
  body::-webkit-scrollbar-thumb {
    background: #57DBFF;
    border-radius: 10px; }

  /* Handle on hover */
  body::-webkit-scrollbar-thumb:hover {
    background: #91DBFF; } }
/*End Mobile Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Tablet Section*/
@media all and (min-width: 642px) and (max-width: 1080px) {
  body {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    overflow: auto; }

  /* width */
  body::-webkit-scrollbar {
    width: 7px;
    height: 7px; }

  /* Track */
  body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px gray;
    border-radius: 10px; }

  /* Handle */
  body::-webkit-scrollbar-thumb {
    background: #57DBFF;
    border-radius: 10px; }

  /* Handle on hover */
  body::-webkit-scrollbar-thumb:hover {
    background: #91DBFF; } }
/*End Tablet Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Laptop Section*/
@media all and (min-width: 1081px) and (max-width: 1600px) {
  body {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    overflow: auto; }

  /* width */
  body::-webkit-scrollbar {
    width: 7px;
    height: 7px; }

  /* Track */
  body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px gray;
    border-radius: 10px; }

  /* Handle */
  body::-webkit-scrollbar-thumb {
    background: #57DBFF;
    border-radius: 10px; }

  /* Handle on hover */
  body::-webkit-scrollbar-thumb:hover {
    background: #91DBFF; } }
/*End Laptop Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Desktop Section*/
@media all and (min-width: 1601px) {
  body {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    overflow: auto; }

  /* width */
  body::-webkit-scrollbar {
    width: 7px;
    height: 7px; }

  /* Track */
  body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px gray;
    border-radius: 10px; }

  /* Handle */
  body::-webkit-scrollbar-thumb {
    background: #57DBFF;
    border-radius: 10px; }

  /* Handle on hover */
  body::-webkit-scrollbar-thumb:hover {
    background: #91DBFF; } }
/*End Desktop Section*/
/***********************************************************************************************************************************************************************************************************/
/*End Body Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Header Section*/
/***********************************************************************************************************************************************************************************************************/
/*Mobile Section*/
@media all and (max-width: 641px) {
  div#uploadHeaderWrap {
    position: relative;
    /*To be changed*/
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    /*To be changed*/
    top: 0px;
    background: #ffffff url("../../src/green wave.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 1; }

  div#uploadHeaderWrap > div#vmcLogoWrap {
    position: relative;
    box-sizing: border-box;
    float: left;
    margin-left: 25px;
    width: 90px;
    margin-left: 35px;
    /*Override Mixin*/ }

  div#uploadHeaderWrap > div#vmcLogoWrap > img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    width: 90px;
    /*Override Mixin*/ }

  div#uploadHeaderWrap > div#valMedCenterTextWrap {
    position: relative;
    box-sizing: border-box;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
    margin-right: 5px; }

  div#uploadHeaderWrap > div#valMedCenterTextWrap > h3 {
    color: #ffffff;
    text-shadow: -1px 0 3px #05a10d, 0 1px 3px #05a10d, 1px 0 3px #05a10d, 0 -1px 3px #05a10d;
    font: normal 12px Arial;
    /*To be changed*/
    margin: 0px; }

  div#uploadHeaderWrap > div#medicalRecSysTextWrap {
    position: relative;
    box-sizing: border-box;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
    margin-right: 5px; }

  div#uploadHeaderWrap > div#medicalRecSysTextWrap > h3 {
    color: #05a10d;
    text-shadow: -1px 0 3px #ffffff, 0 1px 3px #ffffff, 1px 0 3px #ffffff, 0 -1px 3px #ffffff;
    font: normal 12px Arial;
    /*To be changed*/
    margin: 0px; }

  /*_ _Navigation Section*/
  div#uploadHeaderWrap > div#navWrap {
    position: fixed;
    /*To be changed*/
    display: block;
    box-sizing: border-box;
    overflow: visible;
    /*To be changed*/
    top: 0px;
    /*To be changed*/
    height: 100%;
    /*To be changed*/
    clear: left;
    background: #25990B;
    width: 0px;
    /*To be changed animation 150px*/ }

  div#uploadHeaderWrap > div#navWrap > div#burgerWrap {
    position: relative;
    display: block;
    /*To be changed*/
    box-sizing: border-box;
    overflow: visible;
    cursor: pointer; }

  div#uploadHeaderWrap > div#navWrap > div#burgerWrap > img {
    display: block;
    box-sizing: border-box;
    width: 35px;
    height: auto; }

  .navs {
    position: relative;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    /*To be changed*/
    word-break: none;
    /*To be changed*/
    padding: 0px 0px 0px 0px;
    /*Animate 16px 16px 16px 16px*/
    font: normal bold 14px Arial;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer; }

  .navs:hover, .active {
    background-color: #0180B3; }

  /*_ _End Navigation Section*/ }
/*End Mobile Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Table Section*/
@media all and (min-width: 642px) and (max-width: 1080px) {
  div#uploadHeaderWrap {
    position: relative;
    /*To be changed*/
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    /*To be changed*/
    top: 0px;
    background: #ffffff url("../../src/green wave.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 1; }

  div#uploadHeaderWrap > div#vmcLogoWrap {
    position: relative;
    box-sizing: border-box;
    float: left;
    margin-left: 25px;
    width: 90px; }

  div#uploadHeaderWrap > div#vmcLogoWrap > img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%; }

  div#uploadHeaderWrap > div#valMedCenterTextWrap {
    position: relative;
    box-sizing: border-box;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
    margin-right: 5px; }

  div#uploadHeaderWrap > div#valMedCenterTextWrap > h3 {
    color: #ffffff;
    text-shadow: -1px 0 3px #05a10d, 0 1px 3px #05a10d, 1px 0 3px #05a10d, 0 -1px 3px #05a10d;
    font: normal 12px Arial;
    /*To be changed*/
    margin: 0px; }

  div#uploadHeaderWrap > div#medicalRecSysTextWrap {
    position: relative;
    box-sizing: border-box;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
    margin-right: 5px; }

  div#uploadHeaderWrap > div#medicalRecSysTextWrap > h3 {
    color: #05a10d;
    text-shadow: -1px 0 3px #ffffff, 0 1px 3px #ffffff, 1px 0 3px #ffffff, 0 -1px 3px #ffffff;
    font: normal 12px Arial;
    /*To be changed*/
    margin: 0px; }

  /*_ _Navigation Section*/
  div#uploadHeaderWrap > div#navWrap {
    position: fixed;
    /*To be changed*/
    display: block;
    box-sizing: border-box;
    overflow: visible;
    /*To be changed*/
    top: 0px;
    /*To be changed*/
    height: 100%;
    /*To be changed*/
    clear: left;
    background: #25990B;
    width: 0px;
    /*To be changed animation 150px*/ }

  div#uploadHeaderWrap > div#navWrap > div#burgerWrap {
    position: relative;
    display: block;
    /*To be changed*/
    box-sizing: border-box;
    overflow: visible;
    cursor: pointer; }

  div#uploadHeaderWrap > div#navWrap > div#burgerWrap > img {
    display: block;
    box-sizing: border-box;
    width: 35px;
    height: auto; }

  .navs {
    position: relative;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    /*To be changed*/
    word-break: none;
    /*To be changed*/
    padding: 0px 0px 0px 0px;
    /*Animate 16px 16px 16px 16px*/
    font: normal bold 14px Arial;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer; }

  .navs:hover, .active {
    background-color: #0180B3; }

  /*_ _End Navigation Section*/ }
/*End Table Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Laptop Section*/
@media all and (min-width: 1081px) and (max-width: 1600px) {
  div#uploadHeaderWrap {
    position: sticky;
    /*changed*/
    box-sizing: border-box;
    white-space: nowrap;
    overflow: visible;
    /*changed*/
    top: 0px;
    background: #ffffff url("../../src/green wave.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 1; }

  div#uploadHeaderWrap > div#vmcLogoWrap {
    position: relative;
    box-sizing: border-box;
    float: left;
    margin-left: 25px;
    width: 90px; }

  div#uploadHeaderWrap > div#vmcLogoWrap > img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%; }

  div#uploadHeaderWrap > div#valMedCenterTextWrap {
    position: relative;
    box-sizing: border-box;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
    margin-right: 5px; }

  div#uploadHeaderWrap > div#valMedCenterTextWrap > h3 {
    color: #ffffff;
    text-shadow: -1px 0 3px #05a10d, 0 1px 3px #05a10d, 1px 0 3px #05a10d, 0 -1px 3px #05a10d;
    font: normal 14px Arial;
    /*changed*/
    margin: 0px; }

  div#uploadHeaderWrap > div#medicalRecSysTextWrap {
    position: relative;
    box-sizing: border-box;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
    margin-right: 5px; }

  div#uploadHeaderWrap > div#medicalRecSysTextWrap > h3 {
    color: #05a10d;
    text-shadow: -1px 0 3px #ffffff, 0 1px 3px #ffffff, 1px 0 3px #ffffff, 0 -1px 3px #ffffff;
    font: normal 14px Arial;
    /*changed*/
    margin: 0px; }

  /*_ _Navigation Section*/
  div#uploadHeaderWrap > div#navWrap {
    position: relative;
    /*Changed*/
    display: flex;
    /*Changed*/
    box-sizing: border-box;
    overflow: visible;
    top: auto;
    /*Changed*/
    height: auto;
    /*Changed*/
    clear: left;
    background: #25990B;
    width: auto;
    /*Changed*/ }

  div#uploadHeaderWrap > div#navWrap > div#burgerWrap {
    position: relative;
    display: none;
    /*Changed*/
    box-sizing: border-box;
    overflow: visible;
    cursor: pointer; }

  div#uploadHeaderWrap > div#navWrap > div#burgerWrap > img {
    display: block;
    box-sizing: border-box;
    width: 35px;
    height: auto; }

  .navs {
    position: relative;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    white-space: normal;
    /*Changed*/
    word-break: break-all;
    /*Changed*/
    padding: 16px 16px 16px 16px;
    /*Animate 16px 16px 16px 16px*/
    font: normal bold 14px Arial;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer; }

  .navs:hover, .active {
    background-color: #0180B3; }

  /*_ _End Navigation Section*/ }
/*End Laptop Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Desktop Section*/
@media all and (min-width: 1601px) {
  div#uploadHeaderWrap {
    position: sticky;
    /*changed*/
    box-sizing: border-box;
    white-space: nowrap;
    overflow: visible;
    /*changed*/
    top: 0px;
    background: #ffffff url("../../src/green wave.png") no-repeat center;
    background-size: 100% 100%;
    z-index: 1; }

  div#uploadHeaderWrap > div#vmcLogoWrap {
    position: relative;
    box-sizing: border-box;
    float: left;
    margin-left: 25px;
    width: 90px; }

  div#uploadHeaderWrap > div#vmcLogoWrap > img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%; }

  div#uploadHeaderWrap > div#valMedCenterTextWrap {
    position: relative;
    box-sizing: border-box;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
    margin-right: 5px; }

  div#uploadHeaderWrap > div#valMedCenterTextWrap > h3 {
    color: #ffffff;
    text-shadow: -1px 0 3px #05a10d, 0 1px 3px #05a10d, 1px 0 3px #05a10d, 0 -1px 3px #05a10d;
    font: normal 16px Arial;
    /*changed*/
    margin: 0px; }

  div#uploadHeaderWrap > div#medicalRecSysTextWrap {
    position: relative;
    box-sizing: border-box;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-align: right;
    margin-right: 5px; }

  div#uploadHeaderWrap > div#medicalRecSysTextWrap > h3 {
    color: #05a10d;
    text-shadow: -1px 0 3px #ffffff, 0 1px 3px #ffffff, 1px 0 3px #ffffff, 0 -1px 3px #ffffff;
    font: normal 16px Arial;
    /*changed*/
    margin: 0px; }

  /*_ _Navigation Section*/
  div#uploadHeaderWrap > div#navWrap {
    position: relative;
    /*Changed*/
    display: flex;
    /*Changed*/
    box-sizing: border-box;
    overflow: visible;
    top: auto;
    /*Changed*/
    height: auto;
    /*Changed*/
    clear: left;
    background: #25990B;
    width: auto;
    /*Changed*/ }

  div#uploadHeaderWrap > div#navWrap > div#burgerWrap {
    position: relative;
    display: none;
    /*Changed*/
    box-sizing: border-box;
    overflow: visible;
    cursor: pointer; }

  div#uploadHeaderWrap > div#navWrap > div#burgerWrap > img {
    display: block;
    box-sizing: border-box;
    width: 35px;
    height: auto; }

  .navs {
    position: relative;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    white-space: normal;
    /*Changed*/
    word-break: break-all;
    /*Changed*/
    padding: 16px 16px 16px 16px;
    /*Animate 16px 16px 16px 16px*/
    font: normal bold 14px Arial;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer; }

  .navs:hover, .active {
    background-color: #0180B3; }

  /*_ _End Navigation Section*/ }
/*End Desktop Section*/
/***********************************************************************************************************************************************************************************************************/
/*End Header Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Upload note text Section*/
/***********************************************************************************************************************************************************************************************************/
/*Mobile Section*/
@media all and (max-width: 641px) {
  div#noteTxt_ID {
    position: relative;
    box-sizing: border-box;
    border: 1px solid transparent;
    overflow: visible;
    white-space: normal;
    word-break: keep-all;
    padding: 5px;
    font: normal normal 14px arial;
    /*To be changed*/
    color: red;
    text-align: center;
    margin-top: 50px; } }
/*End Mobile Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Tablet Section*/
@media all and (min-width: 642px) and (max-width: 1080px) {
  div#noteTxt_ID {
    position: relative;
    box-sizing: border-box;
    border: 1px solid transparent;
    overflow: visible;
    white-space: normal;
    word-break: keep-all;
    padding: 5px;
    font: normal normal 16px arial;
    /*changed*/
    color: red;
    text-align: center;
    margin-top: 50px; } }
/*End Tablet Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Laptop Section*/
@media all and (min-width: 1081px) and (max-width: 1600px) {
  div#noteTxt_ID {
    position: relative;
    box-sizing: border-box;
    border: 1px solid transparent;
    overflow: visible;
    white-space: normal;
    word-break: keep-all;
    padding: 5px;
    font: normal normal 18px arial;
    /*To be changed*/
    color: red;
    text-align: center;
    margin-top: 50px; } }
/*End Laptop Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Desktop Section*/
@media all and (min-width: 1601px) {
  div#noteTxt_ID {
    position: relative;
    box-sizing: border-box;
    border: 1px solid transparent;
    overflow: visible;
    white-space: normal;
    word-break: keep-all;
    padding: 5px;
    font: normal normal 20px arial;
    /*changed*/
    color: red;
    text-align: center;
    margin-top: 50px; } }
/*End Desktop Section*/
/***********************************************************************************************************************************************************************************************************/
/*End Upload note text Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Receipt Details Section*/
/***********************************************************************************************************************************************************************************************************/
/*Mobile Section*/
@media all and (max-width: 641px) {
  div#inputReceiptDetWrap {
    position: absolute;
    box-sizing: border-box;
    overflow: visible;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

  div#inputReceiptDetWrap > input {
    position: relative;
    display: block;
    box-sizing: border-box;
    border: 1px solid gray;
    font: normal normal 14px arial;
    /*To be changed*/
    border-radius: 4px;
    width: 100%;
    margin: 5px;
    padding: 5px; }

  div#inputReceiptDetWrap > #uploadRecBtn_ID {
    position: relative;
    display: block;
    box-sizing: border-box;
    margin: 10px 5px 5px 5px;
    font: normal normal 14px arial;
    /*To be changed*/ } }
/*End Mobile Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Tablet Section*/
@media all and (min-width: 642px) and (max-width: 1080px) {
  div#inputReceiptDetWrap {
    position: absolute;
    box-sizing: border-box;
    overflow: visible;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

  div#inputReceiptDetWrap > input {
    position: relative;
    display: block;
    box-sizing: border-box;
    border: 1px solid gray;
    font: normal normal 16px arial;
    /*changed*/
    border-radius: 4px;
    width: 100%;
    margin: 5px;
    padding: 5px; }

  div#inputReceiptDetWrap > #uploadRecBtn_ID {
    position: relative;
    display: block;
    box-sizing: border-box;
    margin: 10px 5px 5px 5px;
    font: normal normal 16px arial;
    /*changed*/ } }
/*End Tablet Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Laptop Section*/
@media all and (min-width: 1081px) and (max-width: 1600px) {
  div#inputReceiptDetWrap {
    position: absolute;
    box-sizing: border-box;
    overflow: visible;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

  div#inputReceiptDetWrap > input {
    position: relative;
    display: block;
    box-sizing: border-box;
    border: 1px solid gray;
    font: normal normal 18px arial;
    /*changed*/
    border-radius: 4px;
    width: 100%;
    margin: 5px;
    padding: 5px; }

  div#inputReceiptDetWrap > #uploadRecBtn_ID {
    position: relative;
    display: block;
    box-sizing: border-box;
    margin: 10px 5px 5px 5px;
    font: normal normal 18px arial;
    /*changed*/ } }
/*End Laptop Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Desktop Section*/
@media all and (min-width: 1601px) {
  div#inputReceiptDetWrap {
    position: absolute;
    box-sizing: border-box;
    overflow: visible;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

  div#inputReceiptDetWrap > input {
    position: relative;
    display: block;
    box-sizing: border-box;
    border: 1px solid gray;
    font: normal normal 20px arial;
    /*changed*/
    border-radius: 4px;
    width: 100%;
    margin: 5px;
    padding: 5px; }

  div#inputReceiptDetWrap > #uploadRecBtn_ID {
    position: relative;
    display: block;
    box-sizing: border-box;
    margin: 10px 5px 5px 5px;
    font: normal normal 20px arial;
    /*changed*/ } }
/*End Desktop Section*/
/***********************************************************************************************************************************************************************************************************/
/*End Receipt Details Section Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Loading Spinner Section*/
/***********************************************************************************************************************************************************************************************************/
/*Mobile Section*/
@media all and (max-width: 641px) {
  div#someBlurWrap {
    position: fixed;
    display: none;
    box-sizing: border-box;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: gray;
    opacity: 0.5;
    z-index: 4; }

  div#spinnerWrap {
    position: fixed;
    display: none;
    box-sizing: border-box;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5; }

  div#spinnerWrap > img {
    display: block;
    width: 200px; } }
/*End Mobile Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Tablet Section*/
@media all and (min-width: 642px) and (max-width: 1080px) {
  div#someBlurWrap {
    position: fixed;
    display: none;
    box-sizing: border-box;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: gray;
    opacity: 0.5;
    z-index: 4; }

  div#spinnerWrap {
    position: fixed;
    display: none;
    box-sizing: border-box;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5; }

  div#spinnerWrap > img {
    display: block;
    width: 200px; } }
/*End Tablet Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Laptop Section*/
@media all and (min-width: 1081px) and (max-width: 1600px) {
  div#someBlurWrap {
    position: fixed;
    display: none;
    box-sizing: border-box;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: gray;
    opacity: 0.5;
    z-index: 4; }

  div#spinnerWrap {
    position: fixed;
    display: none;
    box-sizing: border-box;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5; }

  div#spinnerWrap > img {
    display: block;
    width: 200px; } }
/*End Laptop Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Desktop Section*/
@media all and (min-width: 1601px) {
  div#someBlurWrap {
    position: fixed;
    display: none;
    box-sizing: border-box;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: gray;
    opacity: 0.5;
    z-index: 4; }

  div#spinnerWrap {
    position: fixed;
    display: none;
    box-sizing: border-box;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5; }

  div#spinnerWrap > img {
    display: block;
    width: 200px; } }
/*End Desktop Section*/
/***********************************************************************************************************************************************************************************************************/
/*End Loading Spinner Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Footer Section*/
/***********************************************************************************************************************************************************************************************************/
/*Mobile Section*/
@media all and (max-width: 641px) {
  div#footerWrap {
    position: fixed;
    box-sizing: border-box;
    bottom: 0px;
    left: 0px;
    background: #25990B;
    width: 100%;
    text-align: center; }

  div#footerWrap > div#footerTxt_ID {
    position: relative;
    font: normal 10px arial;
    /*To be changed*/
    color: #ffffff; } }
/*End Mobile Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Tablet Section*/
@media all and (min-width: 642px) and (max-width: 1080px) {
  div#footerWrap {
    position: fixed;
    box-sizing: border-box;
    bottom: 0px;
    left: 0px;
    background: #25990B;
    width: 100%;
    text-align: center; }

  div#footerWrap > div#footerTxt_ID {
    position: relative;
    font: normal 10px arial;
    /*To be changed*/
    color: #ffffff; } }
/*End Tablet Section */
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Laptop Section*/
@media all and (min-width: 1081px) and (max-width: 1600px) {
  div#footerWrap {
    position: fixed;
    box-sizing: border-box;
    bottom: 0px;
    left: 0px;
    background: #25990B;
    width: 100%;
    text-align: center; }

  div#footerWrap > div#footerTxt_ID {
    position: relative;
    font: normal 12px arial;
    /*changed*/
    color: #ffffff; } }
/*End Laptop Section*/
/***********************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************/
/*Desktop Section*/
@media all and (min-width: 1601px) {
  div#footerWrap {
    position: fixed;
    box-sizing: border-box;
    bottom: 0px;
    left: 0px;
    background: #25990B;
    width: 100%;
    text-align: center; }

  div#footerWrap > div#footerTxt_ID {
    position: relative;
    font: normal 14px arial;
    /*changed*/
    color: #ffffff; } }
/*End Desktop Section*/
/***********************************************************************************************************************************************************************************************************/
/*End Footer Section*/
/***********************************************************************************************************************************************************************************************************/

/*# sourceMappingURL=Upload_Page.css.map */