@font-face {
  font-family: "Corisande,Regular";
  src: url("../fonts/corisande/Regular/corisande_rg-webfont.eot"),
    url("../fonts/corisande/Regular/corisande_rg-webfont.ttf") format("truetype"),
    url("../fonts/corisande/Regular/corisande_rg-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Corisande,Bold";
  src: url("../fonts/corisande/Bold/corisande_bd-webfont.eot"),
    url("../fonts/corisande/Bold/corisande_bd-webfont.ttf") format("truetype"),
    url("../fonts/corisande/Bold/corisande_bd-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Corisande,Light";
  src: url("../fonts/corisande/Light/CorisandeLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}

/*global css*/
html,
body {
  height: 100%;
}
html {
  scroll-behavior: smooth;
}
body {
  font-size: 14px;
  color: #333;
  font-family: "Corisande,Regular";
}

body::-webkit-scrollbar {
  background: #fff;
  outline: 1px solid #fff;
  width: 5px;
  height: 8px;
}
body::-webkit-scrollbar-thumb {
  background-color: #f38a3e;
  outline: 1px solid #f38a3e;
}
.corisande-light {
  font-family: "Corisande,Light";
}
.black-color {
  color: #000;
}
.margin-center {
  margin: 0 auto;
}
#fldLoginUserLocal,
#fldLocalPassword {
  border-radius: 5px;
  border: solid 1px #c6c6c6;
  background-color: #ffffff;
  margin-top: 12px;
  padding: 16px;
  box-shadow: unset;

  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-image: none;

  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-input-field {
  border-radius: 5px;
  border: solid 1px #c6c6c6;
  background-color: #ffffff;
  margin-top: 12px;
  padding: 16px;
  box-shadow: unset;
}
.font-md {
  font-size: 18px;
}
.font-xs {
  font-size: 11px;
}
.font-xxs {
  font-size: 10px;
}
.light-blue {
  color: #4a90e2;
  cursor: pointer;
}
.br-normal {
  height: 15px;
}
.br-block {
  height: 20px;
}
.font-bold {
  font-family: "Corisande,Bold";
}
.hr-thick {
  border-top: 2px solid #eee;
}
.hidden {
  display: none;
}
a,
a:hover,
a:focus {
  color: #fff;
  text-decoration: none;
  outline: none;
}
/**/
.mash-logo {
  max-width: 221px;
  margin: 0 auto;
}
.h-top{
  margin-top: 2px;
}
.login-container {
  border-radius: 4px;
  box-shadow: 0 0 3px 0 rgba(26, 26, 26, 0.5);
  background: #fff;
  /* margin-top: 4%; */
}
.login-block {
  padding: 15px 0 0;
  text-align: center;
}
.border-line {
  color: #333;
  margin: 0 3px;
}
.select-grey {
  border-radius: 5px;
  background-color: #f1f1f1;
  padding: 6px 1px 6px;
  border: unset;
  outline: none;
  cursor: pointer;
}
.btn-orange {
  background: #f38a3e;
  color: #fff;
}
.btn-orange:hover {
  background: #eb5300;
  color: #fff;
}
.btn-outline-border,
.btn-outline-border:focus {
  color: #eb5300;
  border: 1px solid #eb5300;
}
.btn-outline-border:hover {
  background: #eb5300;
  color: #fff;
}
.btn:active,
.btn:focus {
  outline: none;
  box-shadow: unset;
}
.checkbox {
  float: left;
  margin: 0 -5px 0 0px !important;
  cursor: pointer;
}
.m-l-10 {
  margin-left: 10px;
}
.footer-links {
  display: inline-block;
  border-right: 1px solid #fff;
  padding: 0 5px;
  margin-right: 3px;
  cursor: pointer;
}
.protect-block {
  background-color: #fafafa;
  padding: 10px 0;
  border-bottom-left-radius: 4px;
}
.pointer {
  cursor: pointer;
}
.orange-color {
  color: #f38a3e;
}
.bg-orange {
  background: #f38a3e;
  color: #fff;
}
.white-ic {
  color: #fff;
  opacity: 1;
}
.modal-header {
  text-align: center;
}
/*table */
.table > tbody > tr > td {
  border-top: unset;
}
.table {
  margin-bottom: 0;
}
/*footer */
#footer {
  color: #fff;
  font-size: 12px;
  margin-top: 10px;
}
.security-thwate {
  width: 76px;
  margin: 0 10px;
  cursor: pointer;
}
/*new user gen and reset userid/password */
.pg-title {
  color: #fff;
  background: #f08714;
  padding: 15px;
  text-align: center;
  margin-top: 0;
}
.pg-desc {
  color: #f08714;
  font-size: 16px;
  text-align: center;
  margin-top: 20px;
}
.sel-desc {
  display: inline-block;
}
.selection-block {
  border-radius: 4px;
  border: solid 1px #d4d4d4;
  padding: 10px;
  min-height: 58px;
  cursor: pointer;
}
.check-uncheck-icon {
  vertical-align: bottom;
  margin-right: 5px;
}
.userid-desc {
  color: #4a4a4a;
  font-size: 17px;
}
/*all media queries */
@media (min-width: 768px) {
  .body-bg {
    background-image: linear-gradient(154deg, #fad961, #f76b1c);
  }

  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 991px) {
  .copyright {
    float: right;
  }
  .body-bg {
    background-image: linear-gradient(122deg, #fad961, #f76b1c);
  }
  .p-r-0 {
    padding-right: 0;
  }
  .p-l-0 {
    padding-left: 0;
  }
  .center-block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
  }
}
@media (max-width: 990px) {
  .center-block {
    margin-top: 5%;
  }
}
@media (max-width: 767px) {
  .body-bg {
    background-image: linear-gradient(154deg, #fad961, #f76b1c);
  }
  .mash-logo {
    margin-left: 24px;
  }
  .copyright {
    margin: 10px 0;
    float: unset;
    text-align: center;
  }
  .center-block {
    margin-top: 5%;
  }
}
@media (max-width: 1025px) {
  .login-container {
    box-shadow: unset;
    background: unset;
  }
  .login-block {
    box-shadow: 0 0 3px 0 rgba(26, 26, 26, 0.5);
    background: #fff;
    border-radius: 4px;
  }
  .protect-block {
    border-bottom-right-radius: 4px;
  }

  .mob-center {
    text-align: center;
  }
}

@media (min-width: 1600px) {
  .container {
    width: 1400px;
  }
  .banner-img {
    width: 100%;
  }
}


/* IE browser css support 10 and above*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .login-container {
    margin-top: 4%;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .login-container {
    margin-top: 4%;
  }
  .center-block {
    justify-content: space-around;
  }
}

/* IE browser css support 9*/

@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
  .body-bg {
    background-color: #f28a2e;
  }
  .center-block {
    margin-top: 4%;
  }
}



.userid-p-desc {
  color: #ea9227;
  font-size: 15px;
  font-family: "Corisande,Bold";
}
.num-icon {
  font-family: "Corisande,Bold";
  text-align: center;
  width: 25px;
  border-radius: 20px;
  margin: 17px auto 8px;
  color: #ffffff;
  background-color: #ea9227;
}
.select-grey {
  font-size: 12px;
}
 .aside {
            position: fixed;
            width: 100%;
            bottom: 0;
            left: 0;
            z-index: 1;
            display: inline;
        }

        .cover {
            width: 100%;
            height: 100%;
            position: fixed;
            left: 0;
            top: 0;
            background-color: rgba(0, 0, 0, 0.5);
            display: none;
            z-index: -1;
        }

        .tab-sec {
            background-color: #dadada;
        }

        .flex {
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            justify-content: space-between;
        }

        .tabs.flex {
            cursor: pointer;
        }

        .tab-sec.act .tabs h2 {
            flex-basis: 50%;
        }

        .tabs h2 {
    flex-basis: 49.8%;
    padding: 15px 10px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    margin: 0;
    background: #f3f3f3;
    /* font-weight: 700; */
    line-height: 1em;
    text-transform: capitalize;
}


        .tab-cont {
            padding: 0 10%;
            background: #fff;
            overflow: hidden;
        }

        .tab-cont .cont {
            width: 100%;
            max-height: 0;
            transition: all ease-in-out 0.75s;
        }

        .tab-sec.act .cont {
            max-height: 1000px;
        }

        .tabs h2.act {
            background-color: #ee761a;
            color: #ffffff;
        }

        .tab-sec.act .close {
            display: inline-block;
        }

        .aside .close {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            background: #fff url("../../images/close.png") no-repeat center center;
            background-size: 14px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: -1.6em;
            display: none;
            cursor: pointer;
            z-index: 1;
            opacity: 1;
        }

        @media (min-width: 360px) {
            .tab-cont .icont {
                padding: 3em 0 7em;
            }
        }
        @media (min-width: 720px) {
            .aside {
                display: none;
            }
        }