/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css ***!
  \********************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap);
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css (1) ***!
  \************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap);
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css (2) ***!
  \************************************************************************************************************************************************************************************************************/
@import url(https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css);
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css (3) ***!
  \************************************************************************************************************************************************************************************************************/


/* You can add global styles to this file, and also import other style files */

.fa-bell , .fa-user , .fa-logout-btn{
    content:'';
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAMAAAAdgrsPAAABL1BMVEUAAAAAAABVVVWAgIBtbW1xcXFmZmZdXV1mZmZjY2NmZmZtbW1kZGRqampkZGRmZmZnZ2dmZmZqampnZ2dmZmZnZ2dmZmZnZ2dmZmZoaGhpaWlnZ2dqampnZ2dnZ2dpaWlnZ2dpaWlnZ2dnZ2dnZ2doaGhpaWloaGhoaGhoaGhpaWlnZ2dpaWloaGhnZ2dpaWloaGhnZ2dpaWlnZ2dpaWloaGhoaGhnZ2doaGhpaWloaGhoaGhoaGhoaGhoaGhnZ2doaGhpaWloaGhpaWloaGhoaGhoaGhoaGhpaWlnZ2doaGhoaGhoaGhoaGhoaGhoaGhnZ2dnZ2dnZ2doaGhnZ2doaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhtbW1nZ2dubm5oaGhoaGj///8F8kHPAAAAY3RSTlMAAQMEBwkKCw8SFBUXHSEjJSgpKi0vMjk8QERFRkhKS01OT1JUVlpbXWBhY2Rnamtsb3Byd3+AiI6Sk5WWmJueoKGkra6wtba3ubu/wMLExc/Q1NbZ3+Dk5ufo6ers7e7v7/Cx40LxAAAAAWJLR0Rkwtq4CQAAAPJJREFUOMtjYEAFvAq6JjryPAy4AaOKZ5y7nbm9Z4KrLC41Ir5+yixgFrt6gBs/VjWq0TqMcA6zcYwUFjVa4SIofIkoJQw14hECaCJi0YJoIpxhkpj2B7GiCphbY3GBsxEKlzsWW9AIRaAYZeKA1cMemsg8fymsitRdkDgcSSxYFXHFMSE4kj44IiFYGMFWc8KhyAvJGUYWOBQ5qSPYpmY4FFnrIdhmuBRZGYwqGuKKpM2BwCfQFjsIcQfKSjMkJhME8QzSJgSBNKoTDG0gtLcMngKKL1IURCmGsuJRxCAXYamh7RgmwoAXcJk42OmzMZABAMW0PiYFKkdeAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: left;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
}

.fa-user{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAmCAMAAAB9PwLlAAABm1BMVEUAAAAAAACAgIBVVVWAgIBmZmZtbW1gYGBxcXFdXV1qampiYmJtbW1mZmZjY2NmZmZtbW1kZGRqampsbGxoaGhkZGRqampmZmZmZmZnZ2dpaWlmZmZmZmZpaWlnZ2dpaWlqampoaGhmZmZpaWlnZ2dmZmZpaWlnZ2doaGhnZ2dpaWlqampnZ2dnZ2dpaWloaGhpaWlpaWloaGhnZ2doaGhpaWloaGhnZ2dpaWloaGhoaGhoaGhpaWloaGhnZ2doaGhoaGhnZ2dpaWloaGhpaWloaGhpaWloaGhpaWlpaWloaGhoaGhnZ2dpaWlnZ2dpaWlnZ2dnZ2doaGhoaGhpaWloaGhnZ2doaGhoaGhoaGhnZ2doaGhoaGhoaGhnZ2doaGhpaWloaGhoaGhnZ2doaGhoaGhoaGhpaWloaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhnZ2doaGhoaGhoaGhpaWloaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhpaWloaGhoaGhoaGj///+DmVBnAAAAh3RSTlMAAQIDBAUHCAkLDA0ODxIUFRcYGhscHR4jJScoLS4vMzU2Nzg5PD0+QkNERkhKS0xOUFZZXV9iY2RlZ2lrbG1xc3R1dnd4ent8gYKEiIuPkpSZmpucnZ6foKKjpqesr7Gyury+wcLEyMnMzdDR09bY2drb3d7f4OHj5OXm5+jp6uzu8fP09fYOV+lhAAAAAWJLR0SIa2YWWgAAATlJREFUGBnNwWVbwlAAgNF3YmFiY3d3d3cXBnZ3dyC2/m2ficru3fbdc9Dyi0lNsGJKKV96uds7e9/uDMaQfeegygb4F8y7KzCQ+dDqw4+M6z507K4yvCLO6pCtt6GV+BSLqPDIF8GgA5GzEZHt2R/BYxSSzTy0rK/IHLVoRd8iG25HK+hNQTJdi+AiAcl+OoKxXkTx9xYESa5gBDP9SCam0Cq6CkVi3e3BK/U+Cx3b7lwEHpamh0L0Qoc/V6x8a/7YSkIn93I2mV9hHe5uC6IGVwlacRvLgWi1n9oR+Tk3AvAqvolEpixM8yfcnYNe0FElvxwjGMlyheAR9xSGocVWPAZGMZZ9ovDtOA1jynkKqshnBRPjLahKVzFT40RVP4mZ/DVUXUOYSdlH1bs1ZGbyEFV6l7lq/pEvLKs+eHtRmbwAAAAASUVORK5CYII=');
    background-size:30px;
    width: 30px;
    height: 34px;
}

.fa-logout-btn{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASMAAAFECAMAAABbD6j9AAAAyVBMVEVSUlL///9SUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlKrnta5AAAAQnRSTlMAAAQIDBAUGBsfIycrLzM3Oz9DR0tOUlZaXmJmam5ydnp+gYWJjZGVmZ2hpamtsbS4vMDEyMzQ1Njc4OTn6+/z9/vnLQnZAAAOJUlEQVR4AezUvUrGQBCG0XUjomAZC0FFBBERCztLmfu/KBuROPlZCXzN5jz9NId9t5ypFSNGjBgd3IgRI0Zlq1pW6+Vuh9HB+qdRrWVPvdztekf9Ly4b1W2j2jDqn81/VBgxOlGMGDFixIgRI0aMGDFiVMeHx9tLRuudx083jFYa47dXRos9xaRPRgsNXzHtntG85/gbo3mRui6tGN0xyl1E6oVRbojUW2lla++McleR+mDEiBEjRowYMWLEiBEjRowYMWLEiBEjRowYMWLEiBGj7/buvKltZGvA+FOnW7KxjcHsECDsYWHCDgkwBs73/1BvvZlJbq50ZDtWy5Z0/fs/VVPPdEtWqxtl8AzV0oRbhpL/9XF0V9FxJIzH8TvXbnqSGsPm2tzGzva8r/f5fu8A4tXTvv6/9117T+0vV/ymsf/6M91OB0Cc1PN8f+PkTv/jsff7v5NB+0aa1/qb16sWhhqc7/drj/rf/m7xg93oKz+56EET3vc7Urvz/Y1LTbtC+MllzzXfUMPzRr3O92+orY0DsfdoXfKLZriJ6nLvX7nXTDhgWKOOZnrfrUOj1UcdwDOskeA/6QAfR3MVb7TxpgM5ZOg4inSIk3aFG62pav5GXoc6mK9ooyVNGWOuOWRNh7toVrDR2ocOd8kI1yOaOoqjqGKNGrc6iiUY5d7/riNZr1SjEx3J99H2sEuso3mP+A9f6kZ7OqLF0RrBkY7o7vdKUrJGwk+LTzqidUZtxL6OarsCc+2zjuiixeiNpHuqpuwHFFfGRgL0+jqSm/VYwI/cCGiunL7oSHZKOo7EAxzqCPqHPffH544cQBRvPuoIvjUA8CWca0tnOtTzTgvAxQLIqI0iwDkAorU7HepjpaRzbUWH2uwKtuxGwg8uAscPjcW/dZjj8s01B+c6xF0P2+DfkKa5Ux3irfursJ9yI8c/2g862FnXEa4RbmHvWQfb5AdfhnEkwKYO9HHUAPI0MkSf73Wgk9LMNT90EaS/DeBBwjXyHqB7p4NceyjBXEPA7+kgu4JhjEaW1Scd4LZbhnEkwF86wBegwEaw+qrZ3hZLMdc6t5rtjp+aDnzARjLiE+/GtBs5aN5opnfPb0Ld1wwXmm15+nPtVTPt59o3cssfWPpbM/Wm3Kjzotnc5BrRPtNMW9Nt9F2zHHvwk2sEy2+aZXWKjVxfM/RXwAuTaxRBdKVZFqfWqPEw8H2XZ2KNBBy4Fc2yNq1Gd5mJAJjgXHP8YyFz7i9PpVGcleh1BcBFwiTnmgOgnTnfutNodKy2uxhD4XMNQBoD3g5EE2vk+NeB2g6nvT97RW3vk2rk+dcnte0xzUYOoPOupkfhX1Joo4h/9NT2aer7/GPo3qvpdKLXo0ht8xC56TYiyr7j7k+ikeMfH2paAATc9BpF/CDXaupObhydq+U5RoCpNgLnAPwXNTUn1WhfLW8Ow+Sv2QJEcKqW5wk1amWvFU2+kVXJgYNjtRwU38iBU8tHuc6vicsaSauTaHRmJporUaPBq5Nx8XNtUy3zlGwcAXClhgfwRTYSumppU8pGvKnhU9Fz7UENO2U9T+vV0iq20X72K7QyjiMW1fBUaKNFNVyV+Vz2hhpOimz0VQ3gytbI8csXNRTSSMDDihqaBNE01tiEAL5as01oBG/kQGj37ZdXxTS6IYxOxr1NAjcScPbu/XMCaRTVyLyIvs3hfNhGmetqHz7UefvYuhWE+Cy2fUk6LuZ8/42mbSCeIKKivnkgNNQQF3G+f87+vxFBHOJ7+k4TLoN8vz8GQQ1HRdz77zN3PUQhDo5LxvdFcs44AYFLTZsPf76/pWldBBy4EBcOo5FljGzOHElfwo+jF005IyRNWCGgRXsghW20ZC/xh2LcEhoE5J405a/QjR7sNzEBzdt/biQIZ/5waQZsZI/VlxghpDP9zVuDsI405SJgI3sYreEIyl0bmxgL/ZEUtFHDXIRpUtRXM6+XCKthHtDcD9noxtz0JITW2P2u2j9eoABizIWQjTTlGkCoCAdiLbfNh2u0ryktIqrmVFPCNeqr+YfAhGrZ0pR2qEY9TWniqRb7D3zch2p0Z/9ErRgxHxYCNRJNmZPqTTUH7l2T1sI02takPkLlIomz3iQ95G9kP/GvU0UCaMpCiEZtTaGCoyjrjw7thmh0YB8Kr6aGpoRodGsfmqsm46RUJ3+jjibdx1TXnr34n6/RZ3u3XFVFmvSav9GjJjmq7F6T5nI3so+jV5P9a28nb6OetXBUVfZ65F2eRnZ2qsxbFw+fs5G9B6zKnCa1JVej2P4BWWnmT+0cjdaNlaMKs38UP+drdKEJb1Tekibla/RuvLer32Rr5GkkmrRex0abeRq17eQVd6kJV3ka9TSJGti0L7JjNrrWhCNH9Ym5DV/GbNS3zuzU8IIUIWM3MlZ/a9moN/5cEyN49RnHI/bHbmTc1qiFHU24G7/RRs3WjrJv12M3khNN+IxQAw1NknEaCeBT83YJRy1v/g4Zc64ZS7/18K4JLQQXplFEPTxpwiJunHEkxpCkJs7Tj+oOGWccRbVt9Nm+GY3RqKkJfWpi1T7OOUajdk1/Hhkv6G/GbbRQx0VI+1XGIwhujN9HvRq8N7J5TXgRBBljHO1lfpOqfu/Yxp1rB/a6b01X2ca79x8aRxNrIt1IAjXqCuMp3b/LmGuS/3rUrPE4GvN8/64mRDnO25fr34W4ZtuNHD/UYMZp0njn+42nGsFWsWwhx9G2fSRudj0adN6rS8Ks0Zr56WZmjQa9PtiobaPXcRt1NGGvto0exm0Ua8IZNRHZu2tCrPnfUBPNYOuQGCtR9dDShC/BGilVJxlPEIuzRkknmtCZNRp6+KgxdqNXTfDUgECYPRH2XqYFEGog3N4adoyTFcKs0bBXdVLHV5BPYzWye7/XopGsa8JlwEYK1a7kcNZtbT10o2oT81BNjkYvxhs2qd+bbCVHo2Pj2c9RZQ7oBm20VLuLtrPeGz6HPb8mVN+zJhzkaWSfrKgwMbd5tsI2+iQ4qsvhJQp8nvZzDe/+p4EbrdXwsOijJnzL16ilSTu12wupO/ka8Va7Ne0te2rkaHReu/MQt5qE5GpkXJB2a/ZqTe/yNoo06TuVtmL9Qad8jXjXpJodFVF8vkaOdU06qNcz/wMu7zjq1muybVrfq8nZSHjRpGadnme1l7tRzIFdvpra1qzI32hRU2p0AFKP8zYSHP5Ja7OfzWvK0jiNUjbqM5CONOmWAI0ifH0a9Y3nWRfgvoZx1X6hkhY1pUEUpNGapnSpom9qvqD1+a9HNP7WWuyM7GnKPA6R3I2c+YGXXi2GkQoAPkAjryn3VM6Gpix7EHA5Ghnvayt8bvS7ZqyuCSEaxZryWv0/Lq6HkP+aLQO+dbhItXxoigv6PciOplEd9uXigKCN3JNWe62to2k9CdqIdU2bozpuNOUrhG3EpabcVee08aamdYJ/v7+lWsl3tpEDN6dpJwV8v/9S05rgECn9+f5bTROCzzWamnYTlf2gugdxXU3bJfz3++FC07aQUp/vF3CoBVz4cQR9TVskFoSyisCjhgWgiEabamiCp9QONe2RghrxoGmXEFNennk1xIU1aqrhgFLPtfhD044prBHHalinzG7UQIGNUMNrl/I6UMNSoY16aniJKSm/q4a/KLQRV2rYo6Tm1NIsuBEfatgGR/k01LJB0Y221LJP2Yij966Gm7jwRnxVyzalEz+oJab4Rq2X7BFcJu0ntSwxgUb01PSJUoke1XICbgKN2FHTGmViT7Rb8BTfyMOhmrYojfhGLf0WjuCNbA9qalAW12rqAESTaYSWO9KbmlaxFdNoWUt84V5Q2wETbcSW2g6ZumW1fWXCjdhV22UJ9j7Y/IQbeThT22uTabpUWz/GTbYRQqRZNpia1pPa3hpMehzhHf5KM+wxJV3Nsgxu0o3AE2dGenRTOypr69IAKbiR7Ztm2YbYA55ief7hoP2qWTBMqhFPmuU2hrmIH2IKEgGRgAP2NVN7Wo2M1ST7jbpQNIGFp/yJimrElWa660IshecBWgea6SNm2o040myHc1DwRcmBX/7QTE/C9BtxoNn6G8WPooV7zXYvlKEROzrA87qnSJ0LHeAcytGIeR3kuk1hon0d5DOlaYR/HVxpjkL4HR1oixI1onWtA71uEFzzXMMnKrARHOtg92sEtXimg31vUbZGbOowB00CcZvfdIgzKF8jun0d5nwzIr+lXR3qE6VshD/V4a7WyKW186JDPa9S0kawpqO43h070N6bjuBrRHkbEd3qaD57/tTyvY5mCcrcCFZ1VO/HyyOn37rTUX0BX/JGdC/1D3x8/dQRMjji+bXDR/0DL+sApW4kAFvf9Y+93nzZXV/p/Ku3vLl/fv/6rn/qxAFS9rnmAH+sU/HUBlz5xpGt85dO3N8rgIeSNxJ+WfqmxbOfzpyUfxwJiIPWJCsdAJ4IkIrMNQcIvtnXyVj9FafU12xb91oL976FoTqNcMvnWqi7rTkq3cgD9M77xRVaFyhXIxnzTrd+pQX4fhABuIDHdHM0yq+5+03D+rpMeKM1Kuy8vaycPWkoN6uOMYlM4nokjGtu91XzO10VQHzw/84c5/vDZBN+kN6F5vC43QLAMRYp473ftnaqY7jbix05lbWRrb193ddRfT9cjAUcNW5kc/ilz5evOsDH/dFqk0iMi22dG9maixu7++cXl5cXF5d/7e1u9OYYpP6NvPBHnNS8kc25fJnqP47cn+1vcwC4uNaNcvxmkbJdj2ZmjWaNZo1mjWaNZo1mjf6HzRrNGs0azRrNGs0azRrNGs3MGs0azRrNGs0azRrNGs38H190EQTB9ueaAAAAAElFTkSuQmCC);
  width: 30px;
  height: 30px;
  background-size: 30px;
  cursor:pointer;
}

.fa-bell-link a.active .fa-bell{
  background-image: url(data:image/png;base64,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) !important;
}

.fa-user-link a.active .fa-user{
  background-image: url(data:image/png;base64,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) !important;
}

/*** Responsive Design Css ***/

@media only screen and (max-width:1199px){
  /*** Header css***/

    .flex-center{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      margin-top: 10px;
      font-size: 15px;
      margin-left:20px;
    }
  
    header{
      height:48px;       
    }
    
    header .logo{
      flex: 0 0 40%;
      max-width: 40%;
      padding: 0;
    }
  
    header .mobile-menu{
      flex: 0 0 60%;
      max-width: 60%;
      padding: 0;
    }
  
    body.body-bg:before{
      content:'';
      position: absolute;
      left:0;
      right:0;
      top:0;
      bottom:0;
      background: rgba(234, 234, 234, 0.96);
      width: 100%;
      height: 100%;
      z-index: 9;
    }
  
  /*** End of Header Css***/
  
  /*** Login Page CSS ***/
  
    .sucess-password-cont.success-added.login-panel {
      position: relative;
      top: 80px;
      max-width: 90% !important;
      padding: 20px !important;
    }
  
  /*** End of Login Page CSS ***/
  
  /*** Mobile Menu Css***/
      
    .menu-name img{
        max-width: 40px;
    }
    
    .menu-name p, .menu-name img {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }
  
    .menu-name p {
        font-size: 16px;
        font-weight: 700;
    }
  
      app-sidebar aside.sidemenu{
        display:none;
        position: fixed;
        right: 0;
        z-index: 99;
        flex: 0 0 230px;
        max-width: 230px;
        overflow: auto;
        height: 100%;
        padding-top:60px !important;
    }
  
      aside.sidemenu .collapse-menu{
        display:none;
    }
  
      aside.sidemenu .menu-copyright{
        padding:0;
        background: #fff;
    }
  
    .mobile-menu-detail , .notification-menu-detail{
        display:none;
        position: absolute;
        background: #fff;
        height:60px;
    }
    .notification-menu-detail{
      display:block;
    }
  
    app-root.risksc{
      min-height:1100px;
      overflow:hidden;
      position:relative;
    }

    app-root.merch-only{
      min-height:1100px;
      overflow:visible;
      position:relative;
    }
  
    app-root.product-page-main{
      min-height:1200px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.samp-full-height{
      min-height:1200px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.edit-merch-sec{
      min-height:2200px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.edit-mer{
      max-height:2320px;
      min-height:2320px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.ipad-only{
      min-height:930px;
      max-height:930px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.avs-only , app-root.avs-cvv-tables{
      min-height:750px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.edit-curr{
      overflow:hidden;
      min-height:8000px !important;
    }
  
    /*app-root.sites-page-main {
      max-height: 500px;
      overflow: hidden;
      min-height: 500px;
      position: relative;
    } */
  
    app-root.fraud-only{
      min-height:850px;
      overflow:hidden;
      position:relative;
    }

    app-root.edit-site-only{
      min-height:850px;
      overflow:hidden;
    }
  
    app-root.serv-buy-table , app-root.buy-rate-top{
      max-height:800px;
      min-height:800px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.fraud-limit-only{
      min-height:1200px;
      max-height:1200px;
      overflow:hidden;
      position:relative;
    }
  
    /* app-root.tc40-page-main{ */
      /* min-height: 1200px; */
      /* overflow: hidden; */
      /* position: relative; */
    /* } */

    .mobile-menu-detail img{
      max-width: 45px;
      position: relative;
      top: -12px;
    }
  
    app-root.repeat-only{
      min-height:1100px;
    }
  
    .mobile-menu-detail .float-left{
        padding: 10px 0 12px;
    }
  
    .mobile-menu-detail .float-right{
        padding: 14px 0;
    }
  
    .mobile-menu-detail .float-left h2{
        font-size:24px;
    }
  
    .mobile-menu-detail .float-right h2 , .notification-menu-detail .float-right h2{
        font-size: 18px;
        color: #969696;
    }
  
    app-root.notification-all{
        max-height:600px;
    }
  
    .show-all-notify .notification-table{
        top: 98px !important;
        max-height: 440px !important;
    }
  
    .show-all-notify .list-notify ul{
        max-height: 370px !important;
    }
  
    .list-notify .list-notifications li a{
      width:90% !important;
    }
  
    .show-all-notify .header-notify .heading , .show-all-notify .header-notify .mark-read{
      width:49%;
    }
  
    .show-all-notify .header-notify .heading h2{
      font-size:16px;
    }
  
    .show-all-notify .header-notify .mark-read a{
      font-size: 11px !important;
      padding: 0 4px !important;
    }
  
    .show-all-notify .header-notify .cross-all {
      max-width: 16px;
    }
  
    .show-all-notify .header-notify .mark-read {
      padding: 0;
      padding-right: 8px;
    }
  
  /*** End of Mobile Menu Css***/
  
  /*** Dashboard Main Page Css***/
    body.body-bg main{
        padding-top:62px;
    }
  
  /*** Top Header Section ***/
  
    .top-menu-section .search-section h2{
        display:none;
    }
  
    .search-section{
        text-align: center;
        max-width: 450px;
        margin: auto;
    }
  
    .search-form , .reset-filter , .reset-advance-filters{
        width: 200px;
        display: inline-block;
        vertical-align: middle;
    }
  
    .reset-filter {
        width: 100px;
    }
    .search-form form{
        margin:0;
        position: relative;
        z-index: 0;
    }
  
    .select-time{
        padding-bottom:0;
    }
  
    .filter-section .filter-head {
        font-size: 12px;
    }
  
    .filter-section{
        text-align: center !important;
    }
  
    .filter-section .filter-list li a, .filter-section .filter-list li input{
        font-size: 12px;
        padding: 2px 10px !important
    }
  
  /*** End of Top Header Section ***/
  
  /*** Graph and Table Css ***/
  
    .graph-dashboard {
        padding:0 !important;
    }
  
    .table-bg{
        table-layout: fixed;
    }
  
    .table-bg p{
        font-size: 12px;
    }
  
    .table.table-bg thead th{
        font-size: 10px;
        padding: 8px 4px;
    }
  
    .table.table-bg tr td{
        font-size: 12px;
    }
  
  /*** End of Graph and Table Css ***/
  
  /*** Merchant Page css ***/
  
  app-root.merchant-page-main {
    /*max-height: 600px; */
    overflow: hidden;
  }
  
  /*** End of Merchant Page CSS ***/
  
  /* Login Page CSS */
    .contact-form-loginbuy-rate .notification-tablebuy-rate , .contact-form-loginbuy-rate .save-cancel-my-profilebuy-rate{
      top:1000px;
    }
  
  
    .success-password-cont.login-panel {
      top: 80px;
    }
  
  /* End of Login Page CSS */
  
  }

@media only screen and (min-width:992px) and (max-width:1199px){
    /*** Top Header Section ***/
          
      .search-form, .reset-filter {
          width: 100%;
          display:block;
          text-align: left;
      }
  
      .reset-advance-filters .reset-filter , .reset-advance-filters .advance-filter{
        width:auto;
      }
  
      .top-menu-section .search-section h2{
          display:block;
          font-size: 18px;
          text-align: left;
      }
  
    /*** End of Top Header Section ***/
  
  }

@media only screen and (min-width:1200px) and (max-width:1300px){
    /*** Navigation Css***/
         
      nav.navigation li a{
        font-size: 14px;
      }
  
    /*** End of Navigation Css***/
          
    /*** Top Header Section ***/
         
      .top-menu-section{
        padding-right:0;
      }
      .filter-list.dashboard a.green-btn {
          padding: 2px 12px;
      }
  
      .filter-section .filter-head , .filter-section .filter-list li a, .filter-section .filter-list li input{
        font-size:11px;
      }
  
      .filter-section .filter-list{
        padding-left: 2px;
      }
  
    /*** End of Top Header Section ***/
          
  }

@media only screen and (max-width:767px){
    .mobile-only{
      display:inline-block !important;
    }
        
    .desktop-only{
      display:none !important;
    }

    app-root{
      overflow:visible;
    }

    app-root.acc-info-merch{
      overflow:hidden;
    }
  
    app-root.notification-all {
      min-height: 600px;
    }
  
    app-root.edit-only{
      min-height:1700px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.merch-only{
      min-height:2500px;
      overflow:visible;
      position:relative;
    }
  
    app-root.fraud-only{
      min-height:1500px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.repeat-only{
      min-height:1900px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.view-only , app-root.edit-merch-sec{
      min-height:800px;
      max-height:800px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.avs-only , app-root.serv-buy-table , app-root.assign-site , app-root.virtu{
      max-height:1050px;
      min-height:1050px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.avs-cvv-tables{
      max-height:1500px;
      min-height:1500px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.buy-rate-top{
      min-height:950px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.client-set{
      min-height:1200px;
      position:relative;
    }

    app-root.my-profile-pg{
      position: relative;
      min-height:2200px;
      overflow: visible;
    }
  
  /*** Header css***/
  
    body h2 {
      font-size: 20px;
    }
        
    .filter-section .filter-list li.orcls{
      display:none;
    }
  
    .filter-section .filter-list li{
      margin-bottom:8px;
    }
        
    .filter-section .filter-head, .filter-section .filter-list{
      display:block;
      text-align: center;
      padding:0;
    }
  
    .filter-section .filter-head{
      padding-bottom:12px;
      font-size: 12px;
    }
  
    .filter-section .filter-list li a, .filter-section .filter-list li input{
      font-size: 12px;
      padding:4px 10px;
      font-weight:400;
    }
  
    .filter-section .filter-list li input{
      width:110px;
    }
  
    .top-menu-section{
      padding:20px 0;
    }
  
    .search-form , .reset-filter{
      width: 60%;
    }
    
    .reset-filter , .reset-advance-filters{
      width:36%
    }
  
    .select-time{
      padding-top: 50px;
      position: relative;
      max-width: 280px;
      margin: auto;
      margin-top:20px;
    }
  
    .select-time.dashboard-type-filter {
      padding-top: 0;
      max-width: 100%;
      margin-top:0;
    }
  
    .from-date{
      width: 85%;
      text-align: center;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      margin: auto;
    }
  
    .to-date{
      width: 0%;
      text-align: center;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      top: 0;
    }
  
    /*** End of Header css***/
  
    /*** Login Page CSS ***/
    .login-pg-main {
      min-height:1px !important;
      top:48px !important
    } 
  
    .login-pg-main .menu-copyright ul li{
      line-height: 0.5;
    }
    .login-pg-main .menu-copyright p , .login-pg-main .menu-copyright ul li a{
      font-size:6px !important;
    }
  
    a.back-to-login{
      top:-24px !important;
      left:-20px !important;
    }
  
    .success-password.login-panel p{
      font-size:14px;
    }
  
    .success-password.login-panel {
      padding: 20px 4px;
    }
  
    .login-pg-main .progress-checker{
      position:static !important;
    }
  
    .assistance-success .code-fields form input {
      width: 26px !important;
      height: 48px !important;
      margin: 20px 2px !important;
      padding: 8px 4px;
    }
  
    .contact-inner {
      padding: 0 15px;
      max-width: 95%;
      margin: 20px auto;
    }
  
    .contact-form-loginbuy-rate .notification-tablebuy-rate , .contact-form-loginbuy-rate .save-cancel-my-profilebuy-rate{
      top:80px;
    }
  
    /*** End of Login Page CSS ***/
  
    /* DatePicker CSS */
  
    bs-datepicker-container {
      overflow: auto;
      right: 0;
      margin: auto;
      transform: translate3d(0px, 150px, 1px) !important;
  }
  
    /* End of DatePicker CSS */
    
    /* 28 november CSS Starts */
  
    .graph-flex {
        flex-direction: column !important;
    }
  
    .chartjs-render-monitor{
      width:100% !important;
      max-height: 240px !important;
    }
  
    .graph-section {
      min-height: 100%;
      margin:15px 0;
  }
  
  .graph-head-btn{
    margin-right:5px;
  }
  
  .graph-heading , p.graph-sec-head{
      font-size: 15px;
      display:inline-block;
      margin:0;
  }
  
  .graph-head-btn b , p.graph-sec-head{
    display:inline-block;
    margin:0;
  }
  
  button.graph-btn {
      font-size: 11px;
      padding: 2px 10px;
      display: block !important;
      overflow: hidden;
      margin: 0 0 10px auto;
  }
  
  .mat-card.graph-border:after {
      right: 0;
      top: auto;
      bottom: 0px;
      width: 65%;
      height: 1px;
      border-bottom: 2px solid #d0d4d6;
      margin: auto;
      left: 0;
  }
  
  .graph-value-div {
      text-align: left;
      width: 130px;
      margin: 0 auto 5px;
  }
  
  app-root.edit-mer{
    max-height:700px;
    min-height:1px;
    overflow:hidden;
  }
  
  
    /* End of 28 november CSS Starts */
  
  }

.mat-badge-content {
	font-weight: 600;
	font-size: 12px;
	font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-badge-small .mat-badge-content {
	font-size: 9px
}

.mat-badge-large .mat-badge-content {
	font-size: 24px
}

.mat-h1,
.mat-headline,
.mat-typography h1 {
	font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
	margin: 0 0 16px
}

.mat-h2,
.mat-title,
.mat-typography h2 {
	font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
	margin: 0 0 16px
}

.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
	font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
	margin: 0 0 16px
}

.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
	font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
	margin: 0 0 16px
}

.mat-h5,
.mat-typography h5 {
	font: 400 calc(14px * .83)/20px Roboto, "Helvetica Neue", sans-serif;
	margin: 0 0 12px
}

.mat-h6,
.mat-typography h6 {
	font: 400 calc(14px * .67)/20px Roboto, "Helvetica Neue", sans-serif;
	margin: 0 0 12px
}

.mat-body-2,
.mat-body-strong {
	font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif
}

.mat-body,
.mat-body-1,
.mat-typography {
	font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
}

.mat-body p,
.mat-body-1 p,
.mat-typography p {
	margin: 0 0 12px
}

.mat-caption,
.mat-small {
	font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif
}

.mat-display-4,
.mat-typography .mat-display-4 {
	font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
	letter-spacing: -.05em;
	margin: 0 0 56px
}

.mat-display-3,
.mat-typography .mat-display-3 {
	font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
	letter-spacing: -.02em;
	margin: 0 0 64px
}

.mat-display-2,
.mat-typography .mat-display-2 {
	font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
	letter-spacing: -.005em;
	margin: 0 0 64px
}

.mat-display-1,
.mat-typography .mat-display-1 {
	font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
	margin: 0 0 64px
}

.mat-bottom-sheet-container {
	font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
}

.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 14px;
	font-weight: 500
}

.mat-button-toggle {
	font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-card {
	font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-card-title {
	font-size: 24px;
	font-weight: 500
}

.mat-card-header .mat-card-title {
	font-size: 20px
}

.mat-card-content,
.mat-card-subtitle {
	font-size: 14px
}

.mat-checkbox {
	font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-checkbox-layout .mat-checkbox-label {
	line-height: 24px
}

.mat-chip {
	font-size: 14px;
	font-weight: 500
}

.mat-chip .mat-chip-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.mat-icon {
	font-size: 18px
}

.mat-table {
	font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-header-cell {
	font-size: 12px;
	font-weight: 500
}

.mat-cell,
.mat-footer-cell {
	font-size: 14px
}

.mat-calendar {
	font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-calendar-body {
	font-size: 13px
}

.mat-calendar-body-label,
.mat-calendar-period-button {
	font-size: 14px;
	font-weight: 500
}

.mat-calendar-table-header th {
	font-size: 11px;
	font-weight: 400
}

.mat-dialog-title {
	font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif
}

.mat-expansion-panel-header {
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 15px;
	font-weight: 400
}

.mat-expansion-panel-content {
	font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif
}

.mat-form-field {
	font-size: inherit;
	font-weight: 400;
	line-height: 1.125;
	font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-form-field-wrapper {
	padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
	font-size: 150%;
	line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
	height: 1.5em;
	width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
	height: 1.125em;
	line-height: 1.125
}

.mat-form-field-infix {
	padding: .5em 0;
	border-top: .84375em solid transparent
}

.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
	transform: translateY(-1.34375em) scale(.75);
	width: 133.33333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
	transform: translateY(-1.34374em) scale(.75);
	width: 133.33334%
}

.mat-form-field-label-wrapper {
	top: -.84375em;
	padding-top: .84375em
}

.mat-form-field-label {
	top: 1.34375em
}

.mat-form-field-underline {
	bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
	font-size: 75%;
	margin-top: .66667em;
	top: calc(100% - 1.79167em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
	padding-bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
	padding: .4375em 0
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
	transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
	-ms-transform: translateY(-1.28125em) scale(.75);
	width: 133.33333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
	transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
	-ms-transform: translateY(-1.28124em) scale(.75);
	width: 133.33334%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
	transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
	-ms-transform: translateY(-1.28123em) scale(.75);
	width: 133.33335%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
	top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
	bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
	margin-top: .54167em;
	top: calc(100% - 1.66667em)
}

@media print {
	.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
	.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
		transform: translateY(-1.28122em) scale(.75)
	}
	.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
		transform: translateY(-1.28121em) scale(.75)
	}
	.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
		transform: translateY(-1.2812em) scale(.75)
	}
}

.mat-form-field-appearance-fill .mat-form-field-infix {
	padding: .25em 0 .75em 0
}

.mat-form-field-appearance-fill .mat-form-field-label {
	top: 1.09375em;
	margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
	transform: translateY(-.59375em) scale(.75);
	width: 133.33333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
	transform: translateY(-.59374em) scale(.75);
	width: 133.33334%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
	padding: 1em 0 1em 0
}

.mat-form-field-appearance-outline .mat-form-field-label {
	top: 1.84375em;
	margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
	transform: translateY(-1.59375em) scale(.75);
	width: 133.33333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
	transform: translateY(-1.59374em) scale(.75);
	width: 133.33334%
}

.mat-grid-tile-footer,
.mat-grid-tile-header {
	font-size: 14px
}

.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	box-sizing: border-box
}

.mat-grid-tile-footer .mat-line:nth-child(n+2),
.mat-grid-tile-header .mat-line:nth-child(n+2) {
	font-size: 12px
}

input.mat-input-element {
	margin-top: -.0625em
}

.mat-menu-item {
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 14px;
	font-weight: 400
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 12px
}

.mat-radio-button {
	font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-select {
	font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-select-trigger {
	height: 1.125em
}

.mat-slide-toggle-content {
	font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-slider-thumb-label-text {
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 12px;
	font-weight: 500
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
	font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-step-label {
	font-size: 14px;
	font-weight: 400
}

.mat-step-sub-label-error {
	font-weight: 400
}

.mat-step-label-error {
	font-size: 14px
}

.mat-step-label-selected {
	font-size: 14px;
	font-weight: 500
}

.mat-tab-group {
	font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-tab-label,
.mat-tab-link {
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 14px;
	font-weight: 500
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
	font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
	margin: 0
}

.mat-tooltip {
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 10px;
	padding-top: 6px;
	padding-bottom: 6px
}

.mat-tooltip-handset {
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px
}

.mat-list-item {
	font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-list-option {
	font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-list-base .mat-list-item {
	font-size: 16px
}

.mat-list-base .mat-list-item .mat-line {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	box-sizing: border-box
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
	font-size: 14px
}

.mat-list-base .mat-list-option {
	font-size: 16px
}

.mat-list-base .mat-list-option .mat-line {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	box-sizing: border-box
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
	font-size: 14px
}

.mat-list-base .mat-subheader {
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 14px;
	font-weight: 500
}

.mat-list-base[dense] .mat-list-item {
	font-size: 12px
}

.mat-list-base[dense] .mat-list-item .mat-line {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	box-sizing: border-box
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
	font-size: 12px
}

.mat-list-base[dense] .mat-list-option {
	font-size: 12px
}

.mat-list-base[dense] .mat-list-option .mat-line {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	box-sizing: border-box
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
	font-size: 12px
}

.mat-list-base[dense] .mat-subheader {
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 12px;
	font-weight: 500
}

.mat-option {
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 16px
}

.mat-optgroup-label {
	font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif
}

.mat-simple-snackbar {
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 14px
}

.mat-simple-snackbar-action {
	line-height: 1;
	font-family: inherit;
	font-size: inherit;
	font-weight: 500
}

.mat-tree {
	font-family: Roboto, "Helvetica Neue", sans-serif
}

.mat-nested-tree-node,
.mat-tree-node {
	font-weight: 400;
	font-size: 14px
}

.mat-ripple {
	overflow: hidden;
	position: relative
}

.mat-ripple.mat-ripple-unbounded {
	overflow: visible
}

.mat-ripple-element {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	transition: opacity, transform 0s cubic-bezier(0, 0, .2, 1);
	transform: scale(0)
}

@media (-ms-high-contrast:active) {
	.mat-ripple-element {
		display: none
	}
}

.cdk-visually-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none
}

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
	pointer-events: none;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

.cdk-overlay-container {
	position: fixed;
	z-index: 1000
}

.cdk-overlay-container:empty {
	display: none
}

.cdk-global-overlay-wrapper {
	display: flex;
	position: absolute;
	z-index: 1000
}

.cdk-overlay-pane {
	position: absolute;
	pointer-events: auto;
	box-sizing: border-box;
	z-index: 1000;
	display: flex;
	max-width: 90%;
	max-height: 100%;
	
}

.cdk-overlay-backdrop {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	pointer-events: auto;
	-webkit-tap-highlight-color: transparent;
	transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
	opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
	opacity: 1
}

@media screen and (-ms-high-contrast:active) {
	.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
		opacity: .6
	}
}

.cdk-overlay-dark-backdrop {
	background: rgba(0, 0, 0, .32)
}

.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
	opacity: 0
}

.cdk-overlay-connected-position-bounding-box {
	position: absolute;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	min-width: 1px;
	min-height: 1px
}

.cdk-global-scrollblock {
	position: fixed;
	width: 100%;
	overflow-y: scroll
}

@keyframes cdk-text-field-autofill-start {
	/*!*/
}

@keyframes cdk-text-field-autofill-end {
	/*!*/
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
	animation-name: cdk-text-field-autofill-start
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
	animation-name: cdk-text-field-autofill-end
}

textarea.cdk-textarea-autosize {
	resize: none
}

textarea.cdk-textarea-autosize-measuring {
	height: auto!important;
	overflow: hidden!important;
	padding: 2px 0!important;
	box-sizing: content-box!important
}

.mat-ripple-element {
	background-color: rgba(0, 0, 0, .1)
}

.mat-option {
	color: rgba(0, 0, 0, .87)
}

.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
	background: rgba(0, 0, 0, .04)
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
	background: rgba(0, 0, 0, .04)
}

.mat-option.mat-active {
	background: rgba(0, 0, 0, .04);
	color: rgba(0, 0, 0, .87)
}

.mat-option.mat-option-disabled {
	color: rgba(0, 0, 0, .38)
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
	color: #673ab7
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
	color: #32abba;
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
	color: #f44336
}

.mat-optgroup-label {
	color: rgba(0, 0, 0, .54)
}

.mat-optgroup-disabled .mat-optgroup-label {
	color: rgba(0, 0, 0, .38)
}

.mat-pseudo-checkbox {
	color: rgba(0, 0, 0, .54)
}

.mat-pseudo-checkbox::after {
	color: #fafafa
}

.mat-pseudo-checkbox-disabled {
	color: #b0b0b0
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
	background: #673ab7
}

.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
	background: #32abba;
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
	background: #f44336
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
	background: #b0b0b0
}

.mat-elevation-z0 {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z1 {
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z2 {
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z3 {
	box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z4 {
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z5 {
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z6 {
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z7 {
	box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
}

.mat-elevation-z8 {
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z9 {
	box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z10 {
	box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z11 {
	box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z12 {
	box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z13 {
	box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z14 {
	box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z15 {
	box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z16 {
	box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z17 {
	box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z18 {
	box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z19 {
	box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z20 {
	box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z21 {
	box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z22 {
	box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z23 {
	box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
}

.mat-elevation-z24 {
	box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
}

.mat-app-background {
	background-color: #fafafa;
	color: rgba(0, 0, 0, .87)
}

.mat-theme-loaded-marker {
	display: none
}

.mat-autocomplete-panel {
	background: #fff;
	color: rgba(0, 0, 0, .87)
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
	background: #fff
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
	color: rgba(0, 0, 0, .87)
}

.mat-badge-content {
	color: #fff;
	background: #673ab7
}

@media (-ms-high-contrast:active) {
	.mat-badge-content {
		outline: solid 1px;
		border-radius: 0
	}
}

.mat-badge-accent .mat-badge-content {
	background: #32abba;
	color: rgba(0, 0, 0, .87)
}

.mat-badge-warn .mat-badge-content {
	color: #fff;
	background: #f44336
}

.mat-badge {
	position: relative
}

.mat-badge-hidden .mat-badge-content {
	display: none
}

.mat-badge-disabled .mat-badge-content {
	background: #b9b9b9;
	color: rgba(0, 0, 0, .38)
}

.mat-badge-content {
	position: absolute;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	transition: transform .2s ease-in-out;
	transform: scale(.6);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	pointer-events: none
}

.mat-badge-content._mat-animation-noopable,
.ng-animate-disabled .mat-badge-content {
	transition: none
}

.mat-badge-content.mat-badge-active {
	transform: none
}

.mat-badge-small .mat-badge-content {
	width: 16px;
	height: 16px;
	line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
	top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
	bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
	left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
	left: auto;
	right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
	right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
	right: auto;
	left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
	left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
	left: auto;
	right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
	right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
	right: auto;
	left: -8px
}

.mat-badge-medium .mat-badge-content {
	width: 22px;
	height: 22px;
	line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
	top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
	bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
	left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
	left: auto;
	right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
	right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
	right: auto;
	left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
	left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
	left: auto;
	right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
	right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
	right: auto;
	left: -11px
}

.mat-badge-large .mat-badge-content {
	width: 28px;
	height: 28px;
	line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
	top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
	bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
	left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
	left: auto;
	right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
	right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
	right: auto;
	left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
	left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
	left: auto;
	right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
	right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
	right: auto;
	left: -14px
}

.mat-bottom-sheet-container {
	box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
	background: #fff;
	color: rgba(0, 0, 0, .87)
}

.mat-button,
.mat-icon-button,
.mat-stroked-button {
	color: inherit;
	background: 0 0
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
	color: #673ab7
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
	color: #32abba;
}

.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
	color: #f44336
}

.mat-button.mat-accent[disabled],
.mat-button.mat-primary[disabled],
.mat-button.mat-warn[disabled],
.mat-button[disabled][disabled],
.mat-icon-button.mat-accent[disabled],
.mat-icon-button.mat-primary[disabled],
.mat-icon-button.mat-warn[disabled],
.mat-icon-button[disabled][disabled],
.mat-stroked-button.mat-accent[disabled],
.mat-stroked-button.mat-primary[disabled],
.mat-stroked-button.mat-warn[disabled],
.mat-stroked-button[disabled][disabled] {
	color: rgba(0, 0, 0, .26)
}

.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
	background-color: #673ab7
}

.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
	background-color: #32abba;
}

.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
	background-color: #f44336
}

.mat-button[disabled] .mat-button-focus-overlay,
.mat-icon-button[disabled] .mat-button-focus-overlay,
.mat-stroked-button[disabled] .mat-button-focus-overlay {
	background-color: transparent
}

.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
	opacity: .1;
	background-color: currentColor
}

.mat-button-focus-overlay {
	background: #000
}

.mat-stroked-button:not([disabled]) {
	border-color: rgba(0, 0, 0, .12)
}

.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
	color: rgba(0, 0, 0, .87);
	background-color: #fff
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
	color: #fff
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
	color: rgba(0, 0, 0, .87)
}

.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
	color: #fff
}

.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
	color: rgba(0, 0, 0, .26)
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
	background-color: #673ab7
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
	background-color: #32abba;
}

.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
	background-color: #f44336
}

.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
	background-color: rgba(0, 0, 0, .12)
}

.mat-fab.mat-primary .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element {
	background-color: rgba(255, 255, 255, .1)
}

.mat-fab.mat-accent .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element {
	background-color: rgba(0, 0, 0, .1)
}

.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
	background-color: rgba(255, 255, 255, .1)
}

.mat-flat-button:not([class*=mat-elevation-z]),
.mat-stroked-button:not([class*=mat-elevation-z]) {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-raised-button:not([class*=mat-elevation-z]) {
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) {
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-raised-button[disabled]:not([class*=mat-elevation-z]) {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) {
	box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-fab[disabled]:not([class*=mat-elevation-z]),
.mat-mini-fab[disabled]:not([class*=mat-elevation-z]) {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group,
.mat-button-toggle-standalone {
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
	box-shadow: none
}

.mat-button-toggle {
	color: rgba(0, 0, 0, .38)
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
	background-color: rgba(0, 0, 0, .12)
}

.mat-button-toggle-appearance-standard {
	color: rgba(0, 0, 0, .87);
	background: #fff
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
	background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
	border-left: solid 1px rgba(0, 0, 0, .12)
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
	border-left: none;
	border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
	border-left: none;
	border-right: none;
	border-top: solid 1px rgba(0, 0, 0, .12)
}

.mat-button-toggle-checked {
	background-color: #e0e0e0;
	color: rgba(0, 0, 0, .54)
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
	color: rgba(0, 0, 0, .87)
}

.mat-button-toggle-disabled {
	color: rgba(0, 0, 0, .26);
	background-color: #eee
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
	background: #fff
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
	background-color: #bdbdbd
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
	border: solid 1px rgba(0, 0, 0, .12)
}

.mat-card {
	background: #fff;
	color: rgba(0, 0, 0, .87)
}

.mat-card:not([class*=mat-elevation-z]) {
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-card-subtitle {
	color: rgba(0, 0, 0, .54)
}

.mat-checkbox-frame {
	border-color: rgba(0, 0, 0, .54)
}

.mat-checkbox-checkmark {
	fill: #fafafa
}

.mat-checkbox-checkmark-path {
	stroke: #fafafa!important
}

@media (-ms-high-contrast:black-on-white) {
	.mat-checkbox-checkmark-path {
		stroke: #000!important
	}
}

.mat-checkbox-mixedmark {
	background-color: #fafafa
}

.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
	background-color: #673ab7
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
	background-color: #32abba;
}

.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
	background-color: #f44336
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
	background-color: #b0b0b0
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
	border-color: #b0b0b0
}

.mat-checkbox-disabled .mat-checkbox-label {
	color: rgba(0, 0, 0, .54)
}

@media (-ms-high-contrast:active) {
	.mat-checkbox-disabled {
		opacity: .5
	}
}

@media (-ms-high-contrast:active) {
	.mat-checkbox-background {
		background: 0 0
	}
}

.mat-checkbox .mat-ripple-element {
	background-color: #000
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
	background: #673ab7
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
	background: #32abba;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
	background: #f44336
}

.mat-chip.mat-standard-chip {
	background-color: #e0e0e0;
	color: rgba(0, 0, 0, .87)
}

.mat-chip.mat-standard-chip .mat-chip-remove {
	color: rgba(0, 0, 0, .87);
	opacity: .4
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
	box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
	opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
	opacity: .4
}

.mat-chip.mat-standard-chip::after {
	background: #000
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
	background-color: #673ab7;
	color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
	color: #fff;
	opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
	background: rgba(255, 255, 255, .1)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
	background-color: #f44336;
	color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
	color: #fff;
	opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
	background: rgba(255, 255, 255, .1)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
	background-color: #32abba;;
	color: rgba(0, 0, 0, .87)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
	color: rgba(0, 0, 0, .87);
	opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
	background: rgba(0, 0, 0, .1)
}

.mat-table {
	background: #fff
}

.mat-table tbody,
.mat-table tfoot,
.mat-table thead,
.mat-table-sticky,
[mat-footer-row],
[mat-header-row],
[mat-row],
mat-footer-row,
mat-header-row,
mat-row {
	background: inherit
}

mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
	border-bottom-color: rgba(0, 0, 0, .12)
}

.mat-header-cell {
	color: rgba(0, 0, 0, .54)
}

.mat-cell,
.mat-footer-cell {
	color: rgba(0, 0, 0, .87)
}

.mat-calendar-arrow {
	border-top-color: rgba(0, 0, 0, .54)
}

.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-toggle {
	color: rgba(0, 0, 0, .54)
}

.mat-calendar-table-header {
	color: rgba(0, 0, 0, .38)
}

.mat-calendar-table-header-divider::after {
	background: rgba(0, 0, 0, .12)
}

.mat-calendar-body-label {
	color: rgba(0, 0, 0, .54)
}

.mat-calendar-body-cell-content {
	color: rgba(0, 0, 0, .87);
	border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
	color: rgba(0, 0, 0, .38)
}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
	background-color: rgba(0, 0, 0, .04)
}

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
	border-color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected) {
	border-color: rgba(0, 0, 0, .18)
}

.mat-calendar-body-selected {
	background-color: #673ab7;
	color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
	background-color: rgba(103, 58, 183, .4)
}

.mat-calendar-body-today.mat-calendar-body-selected {
	box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content {
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
	background-color: #fff;
	color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
	background-color: #32abba;;
	color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
	background-color: rgba(255, 215, 64, .4)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
	background-color: #f44336;
	color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
	background-color: rgba(244, 67, 54, .4)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
	box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content-touch {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-datepicker-toggle-active {
	color: #673ab7
}

.mat-datepicker-toggle-active.mat-accent {
	color: #32abba;
}

.mat-datepicker-toggle-active.mat-warn {
	color: #f44336
}

.mat-dialog-container {
	box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
	background: #fff;
	color: rgba(0, 0, 0, .87)
}

.mat-divider {
	border-top-color: rgba(0, 0, 0, .12)
}

.mat-divider-vertical {
	border-right-color: rgba(0, 0, 0, .12)
}

.mat-expansion-panel {
	background: #fff;
	color: rgba(0, 0, 0, .87)
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-action-row {
	border-top-color: rgba(0, 0, 0, .12)
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
	background: rgba(0, 0, 0, .04)
}

@media (hover:none) {
	.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
		background: #fff
	}
}

.mat-expansion-panel-header-title {
	color: rgba(0, 0, 0, .87)
}

.mat-expansion-indicator::after,
.mat-expansion-panel-header-description {
	color: rgba(0, 0, 0, .54)
}

.mat-expansion-panel-header[aria-disabled=true] {
	color: rgba(0, 0, 0, .26)
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
	color: inherit
}

.mat-form-field-label {
	color: rgba(0, 0, 0, .6)
}

.mat-hint {
	color: rgba(0, 0, 0, .6)
}

.mat-form-field.mat-focused .mat-form-field-label {
	color: #673ab7
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
	color: #32abba;
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
	color: #f44336
}

.mat-focused .mat-form-field-required-marker {
	color: #32abba;
}

.mat-form-field-ripple {
	background-color: rgba(0, 0, 0, .87)
}

.mat-form-field.mat-focused .mat-form-field-ripple {
	background-color: #673ab7
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
	background-color: #32abba;
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
	background-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
	color: #673ab7
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
	color: #32abba;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
	color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
	color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent {
	color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
	background-color: #f44336
}

.mat-error {
	color: #f44336
}

.mat-form-field-appearance-legacy .mat-form-field-label {
	color: rgba(0, 0, 0, .54)
}

.mat-form-field-appearance-legacy .mat-hint {
	color: rgba(0, 0, 0, .54)
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
	background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
	background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
	background-size: 4px 100%;
	background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
	background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
	background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
	background-size: 4px 100%;
	background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
	background-color: rgba(0, 0, 0, .04)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
	background-color: rgba(0, 0, 0, .02)
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
	background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
	color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
	background-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline {
	color: rgba(0, 0, 0, .12)
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
	color: rgba(0, 0, 0, .87)
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
	color: #673ab7
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
	color: #32abba;
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
	color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
	color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
	color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
	color: rgba(0, 0, 0, .06)
}

.mat-icon.mat-primary {
	color: #673ab7
}

.mat-icon.mat-accent {
	color: #32abba;
}

.mat-icon.mat-warn {
	color: #f44336
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
	color: rgba(0, 0, 0, .54)
}

.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after,
.mat-input-element:disabled {
	color: rgba(0, 0, 0, .38)
}

.mat-input-element {
	caret-color: #673ab7
}

.mat-input-element::-moz-placeholder {
	color: rgba(0, 0, 0, .42)
}

.mat-input-element::placeholder {
	color: rgba(0, 0, 0, .42)
}

.mat-input-element::-moz-placeholder {
	color: rgba(0, 0, 0, .42)
}

.mat-input-element::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .42)
}

.mat-input-element:-ms-input-placeholder {
	color: rgba(0, 0, 0, .42)
}

.mat-accent .mat-input-element {
	caret-color: #32abba;
}

.mat-form-field-invalid .mat-input-element,
.mat-warn .mat-input-element {
	caret-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
	color: #f44336
}

.mat-list-base .mat-list-item {
	color: rgba(0, 0, 0, .87)
}

.mat-list-base .mat-list-option {
	color: rgba(0, 0, 0, .87)
}

.mat-list-base .mat-subheader {
	color: rgba(0, 0, 0, .54)
}

.mat-list-item-disabled {
	background-color: #eee
}

.mat-action-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-list-option:focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item:focus,
.mat-nav-list .mat-list-item:hover {
	background: rgba(0, 0, 0, .04)
}

.mat-menu-panel {
	background: #fff
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-menu-item {
	background: 0 0;
	color: rgba(0, 0, 0, .87)
}

.mat-menu-item[disabled],
.mat-menu-item[disabled]::after {
	color: rgba(0, 0, 0, .38)
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
	color: rgba(0, 0, 0, .54)
}

.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
	background: rgba(0, 0, 0, .04)
}

.mat-paginator {
	background: #fff
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
	color: rgba(0, 0, 0, .54)
}

.mat-paginator-decrement,
.mat-paginator-increment {
	border-top: 2px solid rgba(0, 0, 0, .54);
	border-right: 2px solid rgba(0, 0, 0, .54)
}

.mat-paginator-first,
.mat-paginator-last {
	border-top: 2px solid rgba(0, 0, 0, .54)
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
	border-color: rgba(0, 0, 0, .38)
}

.mat-progress-bar-background {
	fill: #d1c4e9
}

.mat-progress-bar-buffer {
	background-color: #d1c4e9
}

.mat-progress-bar-fill::after {
	background-color: #673ab7
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
	fill: #ffe57f
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
	background-color: #ffe57f
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
	background-color: #32abba;
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
	fill: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
	background-color: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
	background-color: #f44336
}

.mat-progress-spinner circle,
.mat-spinner circle {
	stroke: #673ab7
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
	stroke: #32abba;
}

.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
	stroke: #f44336
}

.mat-radio-outer-circle {
	border-color: rgba(0, 0, 0, .54)
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
	border-color: #673ab7
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
	background-color: #673ab7
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
	border-color: #32abba;
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
	background-color: #32abba;
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
	border-color: #f44336
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
	background-color: #f44336
}

.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle {
	border-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
	background-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
	color: rgba(0, 0, 0, .38)
}

.mat-radio-button .mat-ripple-element {
	background-color: #000
}

.mat-select-value {
    color: #55b9c5 !important;
    border-bottom: 1px solid #c1c6c9;
}

.mat-select-placeholder {
	color: rgba(0, 0, 0, .42)
}

.mat-select-disabled .mat-select-value {
	color: rgba(0, 0, 0, .38)
}

.mat-select-arrow {
	color: rgba(0, 0, 0, .54)
}

.mat-select-panel {
	background: #fff
}

.mat-select-panel:not([class*=mat-elevation-z]) {
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
	background: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
	color: #673ab7
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
	color: #32abba;
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
	color: #f44336
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
	color: #f44336
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
	color: rgba(0, 0, 0, .38)
}

.mat-drawer-container {
	background-color: #fafafa;
	color: rgba(0, 0, 0, .87)
}

.mat-drawer {
	background-color: #fff;
	color: rgba(0, 0, 0, .87)
}

.mat-drawer.mat-drawer-push {
	background-color: #fff
}

.mat-drawer:not(.mat-drawer-side) {
	box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-drawer-side {
	border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-side.mat-drawer-end {
	border-left: solid 1px rgba(0, 0, 0, .12);
	border-right: none
}

[dir=rtl] .mat-drawer-side {
	border-left: solid 1px rgba(0, 0, 0, .12);
	border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
	border-left: none;
	border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-backdrop.mat-drawer-shown {
	background-color: rgba(0, 0, 0, .6)
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
	background-color: #32abba;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
	background-color: rgba(255, 215, 64, .54)
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
	background-color: #32abba;
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
	background-color: #673ab7
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
	background-color: rgba(103, 58, 183, .54)
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
	background-color: #673ab7
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
	background-color: #f44336
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
	background-color: rgba(244, 67, 54, .54)
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
	background-color: #f44336
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
	background-color: #000
}

.mat-slide-toggle-thumb {
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
	background-color: #fafafa
}

.mat-slide-toggle-bar {
	background-color: rgba(0, 0, 0, .38)
}

.mat-slider-track-background {
	background-color: rgba(0, 0, 0, .26)
}

.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
	background-color: #673ab7
}

.mat-primary .mat-slider-thumb-label-text {
	color: #fff
}

.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
	background-color: #32abba;
}

.mat-accent .mat-slider-thumb-label-text {
	color: rgba(0, 0, 0, .87)
}

.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
	background-color: #f44336
}

.mat-warn .mat-slider-thumb-label-text {
	color: #fff
}

.mat-slider-focus-ring {
	background-color: rgba(255, 215, 64, .2)
}

.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
	background-color: rgba(0, 0, 0, .38)
}

.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill {
	background-color: rgba(0, 0, 0, .26)
}

.mat-slider-disabled:hover .mat-slider-track-background {
	background-color: rgba(0, 0, 0, .26)
}

.mat-slider-min-value .mat-slider-focus-ring {
	background-color: rgba(0, 0, 0, .12)
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
	background-color: rgba(0, 0, 0, .87)
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
	background-color: rgba(0, 0, 0, .26)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
	border-color: rgba(0, 0, 0, .26);
	background-color: transparent
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
	border-color: rgba(0, 0, 0, .38)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
	border-color: rgba(0, 0, 0, .26)
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
	border-color: rgba(0, 0, 0, .7)
}

.mat-slider-horizontal .mat-slider-ticks {
	background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
	background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-slider-vertical .mat-slider-ticks {
	background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
	background-color: rgba(0, 0, 0, .04)
}

@media (hover:none) {
	.mat-step-header:hover {
		background: 0 0
	}
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
	color: rgba(0, 0, 0, .54)
}

.mat-step-header .mat-step-icon {
	background-color: rgba(0, 0, 0, .54);
	color: #fff
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
	background-color: #673ab7;
	color: #fff
}

.mat-step-header .mat-step-icon-state-error {
	background-color: transparent;
	color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
	color: rgba(0, 0, 0, .87)
}

.mat-step-header .mat-step-label.mat-step-label-error {
	color: #f44336
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
	background-color: #fff
}

.mat-stepper-vertical-line::before {
	border-left-color: rgba(0, 0, 0, .12)
}

.mat-horizontal-stepper-header::after,
.mat-horizontal-stepper-header::before,
.mat-stepper-horizontal-line {
	border-top-color: rgba(0, 0, 0, .12)
}

.mat-sort-header-arrow {
	color: #757575
}

.mat-tab-header,
.mat-tab-nav-bar {
	border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
	border-top: 1px solid rgba(0, 0, 0, .12);
	border-bottom: none
}

.mat-tab-label,
.mat-tab-link {
	color: rgba(0, 0, 0, .87)
}

.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
	color: rgba(0, 0, 0, .38)
}

.mat-tab-header-pagination-chevron {
	border-color: rgba(0, 0, 0, .87)
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
	border-color: rgba(0, 0, 0, .38)
}

.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
	border-bottom: none;
	border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
	background-color: rgba(209, 196, 233, .3)
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
	background-color: #673ab7
}

.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
	background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
	background-color: rgba(255, 229, 127, .3)
}

.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
	background-color: #32abba;
}

.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
	background-color: rgba(0, 0, 0, .87)
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
	background-color: rgba(255, 205, 210, .3)
}

.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
	background-color: #f44336
}

.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
	background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
	background-color: rgba(209, 196, 233, .3)
}

.mat-tab-group.mat-background-primary .mat-tab-header,
.mat-tab-group.mat-background-primary .mat-tab-header-pagination,
.mat-tab-group.mat-background-primary .mat-tab-links,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
	background-color: #673ab7
}

.mat-tab-group.mat-background-primary .mat-tab-label,
.mat-tab-group.mat-background-primary .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
	color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
	color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
	border-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
	border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
	background-color: rgba(255, 255, 255, .12)
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
	background-color: rgba(255, 229, 127, .3)
}

.mat-tab-group.mat-background-accent .mat-tab-header,
.mat-tab-group.mat-background-accent .mat-tab-header-pagination,
.mat-tab-group.mat-background-accent .mat-tab-links,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
	background-color: #32abba;
}

.mat-tab-group.mat-background-accent .mat-tab-label,
.mat-tab-group.mat-background-accent .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
	color: rgba(0, 0, 0, .87)
}

.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
	color: rgba(0, 0, 0, .4)
}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
	border-color: rgba(0, 0, 0, .87)
}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
	border-color: rgba(0, 0, 0, .4)
}

.mat-tab-group.mat-background-accent .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
	background-color: rgba(0, 0, 0, .12)
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
	background-color: rgba(255, 205, 210, .3)
}

.mat-tab-group.mat-background-warn .mat-tab-header,
.mat-tab-group.mat-background-warn .mat-tab-header-pagination,
.mat-tab-group.mat-background-warn .mat-tab-links,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
	background-color: #f44336
}

.mat-tab-group.mat-background-warn .mat-tab-label,
.mat-tab-group.mat-background-warn .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
	color: #fff
}

.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
	color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
	border-color: #fff
}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
	border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
	background-color: rgba(255, 255, 255, .12)
}

.mat-toolbar {
	background: #f5f5f5;
	color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-primary {
	background: #673ab7;
	color: #fff
}

.mat-toolbar.mat-accent {
	background: #32abba;;
	color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-warn {
	background: #f44336;
	color: #fff
}

.mat-toolbar .mat-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
	background-color: currentColor
}

.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
	color: inherit
}

.mat-toolbar .mat-input-element {
	caret-color: currentColor
}

.mat-tooltip {
	background: rgba(97, 97, 97, .9)
}

.mat-tree {
	background: #fff
}

.mat-nested-tree-node,
.mat-tree-node {
	color: rgba(0, 0, 0, .87)
}

.mat-snack-bar-container {
	color: rgba(255, 255, 255, .7);
	background: #323232;
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-simple-snackbar-action {
	color: #32abba;
}

/*** Commom Css ***/

body:has(.modal-open) {
  overflow: hidden;
}

.form-control[readonly].myDatePickers {
  background-color: white;
  opacity: 1;
}

.table-responsive{
  margin-bottom:10px !important;
}

.pointer{
  cursor: pointer;
}

#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(0 0 0 / 23%);
  z-index: 10;
  cursor: pointer;
}

body.popupOpen {
  overflow: hidden;
}

body.popupOpen {
  overflow: hidden;
}

body.popupOpen {
  overflow: hidden;
}

.readOnly{
    color: #8a8a8a !important;
    font-weight: 600;
}

/* Safari hack */

@supports (-webkit-hyphens:none) {

  .readOnly{
    color:#3e3e3e!important;
    font-weight: 600;
  }
}

.flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 10px;
  font-size: 15px;
  margin-left:50px;
}

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
  font-weight: bold;
  font-size: 20px;
}

.margin-bottom-10{

  margin-bottom: 10px;
}

.margin-bottom-15{

  margin-bottom: 15px;
}

*:focus{
    outline:none !important;
    box-shadow: none;
}

body{
    background:#f7f7f7;
    position: relative;
    font-family: 'Roboto', sans-serif; /*font goes here */
    font-weight: 400 !important;
    overflow-x: hidden;
}

body h2{
    font-size: 24px;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Roboto', sans-serif; /*font goes here */
}

p,span,a,li,input{
    font-family: 'Roboto', sans-serif; /*font goes here */
}

body img{
    max-width:100%;
}

body li{
    list-style-type:none;
}

body ul.pagination li:first-child{
  
  margin-right:10px;
}

body a , body a:hover{
    cursor:pointer;
    text-decoration:none;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
}

.borderError{
  
  border-bottom: 1px solid #eb6868 !important;
}

form input::-webkit-outer-spin-button,
form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

form input[type="number"] {
    -moz-appearance: textfield;
}

.green{
    color: #55b9c5 !important;
}

a.green:hover{
    color:#098493 !important;
}

.mobile-only{
    display:none !important;;
}

.desktop-only{
    display:inline-block !important;;
}

main{
    padding-top:48px;
}

.site-btn{
    box-shadow: none;
    background: transparent;
    border: 1px solid #32abba;
    height: auto;
    text-align:center;
    border-radius: 50px;
    padding: 4px;
    display: block;
    background-color:#32abba;
    color: #fff;
    cursor:pointer;
    transition:all ease 0.3s;
    -webkit-transition:all ease 0.3s;
    -moz-transition:all ease 0.3s;
    -ms-transition:all ease 0.3s;
    -o-transition:all ease 0.3s;
}

.site-btn:hover{
    background: #098493;
    color: #fff;
    border-color: #098493;
}

app-dashboard{
  padding:0 !important;
}

section.all-page-content{
    padding:0;
    position:static;
}

.success-pop .login-panel .back-to-login{
  display:none;
}

app-root{
  min-height: 1200px;
  overflow: hidden;
}

app-root.client-set{
  margin-bottom:50px;
}

/* Notification/Profile/Account Update CSS */

app-root.notification-all, app-root.account-update-all{
  position: relative;
  max-height: 1100px;
  overflow: hidden;
}

app-root.edit-curr{
  min-height: 8000px;
  overflow: hidden;
}

/*app-root.settings-users{
  min-height:3000px;
} */

app-root.my-profile-pg{
  position: relative;
  overflow: hidden;
  min-height:1200px;
  overflow: visible;
}

app-root.profile-info{
  position: relative;
  min-height:1600px;
  overflow: hidden;
}

app-root.account-update-all{
  max-height:650px;
  min-height:650px;
  position: relative;
  overflow:hidden;
}

app-root.view-acc-log{
  max-height:1400px;
  min-height:650px;
  position: relative;
  overflow:hidden;
}

app-root.vir-table , .success-only , app-root.success-export-pg{
  max-height: 1000px;
  min-height: 1000px;
  overflow: hidden;
  position: relative;
}

app-root.acc-info-merch{
  min-height:700px;
  max-height:700px;
}

app-root.parameters-merch{
  position: relative;
  min-height:1700px;
  overflow: hidden;
}

app-root.payment-requirements{
  position: relative;
  min-height:1700px;
  overflow: hidden;
}

app-root.edit-notes{
  position: relative;
  min-height:1700px;
  overflow: hidden;
}

app-root.distri-mob{
  min-height: 6200px;
  overflow: hidden;
}

app-root.additional-settings-merch{
  min-height:1900px;
  max-height:1900px;
}

app-root.chargeback-merch{
  min-height:900px;
  max-height:900px;
}

app-root.medium-height{
  max-height: 850px;
  min-height: 850px;
  overflow: hidden;
  position: relative;
}

app-root.edit-curr{
 min-height:8000px;
}

.cross-all{
  max-width: 24px;
  cursor:pointer;
}

.cust-scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #f5f5f5;
  border-radius:12px;
}

.cust-scroll::-webkit-scrollbar
{
	width: 6px;
	background-color: #f5f5f5;
}

.cust-scroll::-webkit-scrollbar-thumb
{
	background-color: #ccc;
}

.show-all-notify , .show-my-profile , .account-update , .show-my-export-file , .success-export , .show-share-email , .success-shared , .add-new-merchant-tab , .edit-merchant-section , .add-new-sites-tab , .edit-sites-section , .add-new-products-tab, .edit-products-section , .contactus-pg , .view-av-cv-table , .upload-fraud-control, .show-my-table , .capture-order-table , .record-order-table , .success-pop , .refund-order-table , .external-id-table , .virtual-settings-table , .edit-table-customer , .view-customer-table, .custom-tables, .contactus-pg , .success-pop , .custom-tables{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    background: rgb(247, 247, 247);
    max-height: 100%;
    z-index:999;
}

.contactus-pg{
  display:block;
  padding:0;
}

.success-export{
  background: rgba(247, 247, 247, 0.8);
}

.notification-table {
    position: relative;
    left: 0;
    right: 0;
    top: 68px;
    bottom: 0;
    margin: auto;
  	max-width: 475px;
  	max-height: 950px;
    background: #fff;
    box-shadow: 0 0px 6px 0 rgba(0,0,0,0.2);
    height:100%;
}

.custom-tables.notification-table {
  position:absolute;
}

.notification-menu-detail {
    padding: 15px;
    background: #fff;
    box-shadow: 0 0px 6px 0 rgba(0,0,0,0.2);
    z-index: 9;
}

.notification-menu-detail .float-left h2{
  margin:0;
}

.notification-menu-detail .float-right h2{
  color:#676767;
  cursor:pointer;
  margin:0;
}

.notification-table .table-header .mark-read a{
  padding:0 6px;
  cursor: pointer;
}

.notification-table .table-header .heading span:not(.groupNameSpan):not(.defaultWarning){
    font-size: 11px;
    background: #fa9830;
    padding: 3px 6px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    vertical-align: middle;
}

form{
  max-width:250px;
  margin:auto;
}

.form-control:disabled , .form-input:disabled{
  background: transparent;
}

.form-control{
  border-radius: 0;
}

/* Safari hack */

@supports (-webkit-hyphens:none) {

  .form-control { 
    padding:0 0 !important;
  }
}

.notification-table form label{
    color: #838383;
    margin: 0;
    font-size: 13px;
    width: 100%;
}

.custom-tables .form-group{
    position: relative;
    overflow: visible;
}

.notification-table form input , .notification-table form select , .notification-table form textarea{
    border: 0;
    border-bottom: 1px solid #c1c6c9;
    border-radius:0;
    padding:0;
    width: 100%;
    margin-bottom: 15px;
    height: 18px;
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
}

.notification-table form .country-phone input {
  min-height:30px;
}

.notification-table form .country-phone.country-phone-code-error-div input {
  border-bottom: 1px solid red;
}

#merch_acct_support_phone_id1{
  margin-top: 14px !important;
}

#merch_acct_support_phone_id2{
  margin-top: 14px !important;
}

/* Safari hack */

@supports (-webkit-hyphens:none) {
    
  .notification-table form input , .notification-table form select , .notification-table form textarea{
    border: 0;
    border-bottom: 1px solid #c1c6c9;
    border-radius:0;
    padding:0;
    width: 100%;
    margin-bottom: 10px !important;
    height:auto !important;
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
  }
}

.notification-table form textarea{
  min-height:90px;
}

.form-group .mat-select-arrow-wrapper .mat-select-arrow, .input-group .mat-select-arrow-wrapper .mat-select-arrow, .private-label-group .mat-select-arrow-wrapper .mat-select-arrow {
  width: auto;
  width: initial;
  height: auto;
  height: initial;
  border-left: 0;
  border-left: initial;
  border-right:0;
  border-right:initial;
  border-top: 0;
  border-top: initial;
  margin: 0 1px;
}

.form-group mat-form-field{
  width: 100%;
}

.notification-table form select, .form-group .mat-select, .input-group .mat-select, .private-label-group .mat-select {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABNCAMAAADNXPckAAABdFBMVEUAAAArqqoktrZAn78zs7Muork7sbE3pLYzqrs5qrgzpr8urrk3prwzrbgvqr0urbY1p7kzqrsxrb0wp7cuqrkyqrgvqLw0qrczrLkyqLsxqrwvrLg0rrkzqrsyrLwwqrozrbgwrbwyrbsxqrw0rbozqrsxrbkzrbgxrbw0qrkyqrw0rLozqrsxqrozrLkyqroyq7sxrLsxqrkzq7oyqrkxq7kyrLoxqroyqroxrLkzq7oyq7oyrLoyqrszq7oxq7ozqrsxq7kzq7oyq7oxq7oxrLkzq7oyq7kxq7ozrLoyq7syq7kyrLoxrLkzq7oyq7oyq7oxq7oyq7oyq7oyq7oxq7oyq7oyq7oyqroyq7oyqroyq7oyrLoyq7syq7oyrLkyq7ozq7oyrLoyq7oyrLozq7oyq7oyq7kxq7oyq7oyq7oyq7oyq7oyq7oyq7syq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7r///9fLwRRAAAAenRSTlMABgcICgsNDg8SFBYXGRscHR4fICEkJicoKSorLC0uMDI1ODk7PD5BREVISktOUFFSU1RVV1hcXWBiZGdrbHN3eHx9hYaHiIuMjY6PkJaXtry/wMPIycvM0NLT1dbY2tzd3t/h4uPl5+jq7O7v8fL09fb3+Pn6+/z9/kEJzowAAAHYSURBVHja7dhVUwMxEMDxhaLF2uJa3KW4uxV390Jxh3K5/fTM3FDg2ksuWR4YZvi//54y2UwWBLUHEM+agZQfjfwUO4EfjavbMfxslGDJegRNDavYITSnD8jbfh0jdb+s7WIYFeuSs50aWqR1ytimEFoWarK3ja/I6bXBztY8IbenGrGtfkRBj9UiW3aHwu7K+Lb0Fm26LeXZwiu07arA2uZdokSXeVY2K4hSBbOirecUJTv1RNq0Q5TuMM1sUw9QoR3nd5u8jUptJ3/ZxHVUbD0hbB3LqNyy4wPPqjnTOPcwCtbcBvYhqWYDt9Jwm4FdjGKZC4zmKXgmfFSLuirVFx0QrrhvWKnefPjvvz9Rfu/klEKTfUUAP7hVC+FbNYeE5sDIo1MwyzBwx68NwEyNYpkbjGaIA/DnbxXELqnapRj4LG5Vza7EwbcSN1TsWjyYStqSt5tJEJFzV9buOiGqlH05u5cCFqUfy9ijdLDMHbC3ARdwyj63s+fZwC33QmwvckBQybXIXheDMO8N3954waaKe569Lwfbqh6s7UMlSFT3bGWfa0Gq+pdo+1IPkvneIu2bD6TrZmartYNCPSbNekCpQc6/nbStoO9J6BuaaSDVEkQ8aQN+75DRIoLM/cwoAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 0px;
    height: 20px;
    background-color:transparent;
}

.login-pg-main{
    position: relative;
    top: 68px;
    margin: auto;
    width:100%;
    max-width: 640px;
    max-height: 900px;
}

.account-update .login-pg-main{
max-width:750px;
}

.login-panel {
    background: #fff;
    border: 1px solid #b7b7b7;
    border-radius: 12px;
    padding: 30px 30px 40px;
    margin-bottom: 20px;
    min-height: 365px;
    position:relative;
}

.login-upper , .login-assistance , .reset-password , .show-success{
  max-width:250px;
  margin:auto;
}

.show-success{
  max-width:420px;
}

.login-panel h2{
  margin-bottom:26px;
}

.login-panel label{
  color:#838383;
  margin: 0;
  font-size: 13px;
  width:100%;
}

.login-panel input {
    border: 0;
    border-bottom: 1px solid #c1c6c9;
    width: 100%;
    margin-bottom: 15px;
    height: 20px;
    font-size: 15px;
}

.login-panel input.login-btn {
    box-shadow: none;
    background: transparent;
    border: 1px solid #838383;
    height: auto;
    border-radius: 50px;
    max-width: 122px;
    padding: 4px;
    margin: 35px auto 15px;
    display: block;
    color: #838383;
}

.login-panel input.login-btn:hover{
    background: #32abba;
    color: #fff;
    border-color: #32abba;
}

.account-update .login-panel {
  min-height:1px;
  padding: 20px 20px 10px;
  display:block !important;
}

.sucess-password.success-added.login-panel{
  min-height:1px;
  padding:30px 30px 20px;
}

.sucess-password.login-panel .login-btn{
  margin-top:40px;
  background-color:#32abba !important;
  color:#fff;
  border-color:#32abba;
}

.account-update  .sucess-password.login-panel .login-btn{
  margin-top:25px;
}

.sucess-password.login-panel .login-btn:hover{
  background-color:#098493 !important;
  border-color:#098493;
}

a.back-to-login {
    position: absolute;
    top: 14px;
    left: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAMAAABM3rQ0AAAASFBMVEUAgIAA//8tpbQxqrYzsL45qrgAgIAA//8tpbQxqrYxq7oxrbkyqboyq7gyq7kyq7oyrLsysLgzqbozq7kzq7ozrLkzsL45qrgNtnjJAAAABnRSTlMAAAAAAABupgeRAAAASElEQVR42kXNSQ6AMAxD0YRSKGX4QBnuf1OUQsTuyYodUVUR6ebDFMKwgKm9oKrfqWpS4dW48inj2iz777zrsj1XjPcJ/nfKDzSGBNg8K+pUAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: left 4px;
    background-size: 6px;
    padding-left: 12px;
}

a.forgetpass , .back-to-login{
    font-size: 12px;
    font-weight: 600;
    cursor:pointer;
}

.save-cancel-my-profile {
    max-width: 610px;
    overflow: hidden;
    position: relative;
    top: 50px;
}

.save-cancel-my-profile .col-lg-6{
  padding:0;
  width:50%;
}

.save-cancel-my-profile a.site-btn , .save-cancel-my-profile button.site-btn {
    min-width: 110px;
    float: left;
    color: #fff;
    font-size: 12px;
    padding: 6px 12px;
}

.save-cancel-my-profile a.site-btn.cancel-btn{
  background-color:transparent;
  border-color:#848484;
  color:#848484;
}

.save-cancel-my-profile a.site-btn.cancel-btn:hover{
  background-color:#32abba;
  border-color:#32abba;
  color:#fff;
}

.save-cancel-my-profile a.site-btn.save-btn , .save-cancel-my-profile button.site-btn.save-btn {
    float: right;
    color:#fff;
}

/* End of Notification/Profile/Account Update CSS */

/* Datepicker Css */

bs-datepicker-container{
    max-width: 280px;
}

bs-datepicker-container .bs-datepicker-container{
    padding: 0;
}

/* End of Datepicker Css */

/* Account Update Export File CSS */

.show-my-export-file .notification-table{
    max-width: 80%;
    background: transparent;
    box-shadow: none;
}

.show-my-export-file .table-bg {
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);
}

.show-my-export-file .save-cancel-my-profile {
    max-width: 100%;
    top: 0px;
    padding-bottom:40px;
}

.show-my-export-file .save-cancel-my-profile .col-lg-6{
  padding:0 15px;
}

/* End of Account Update Export File CSS */

/*** Top Header Section ***/

.top-menu-section{
    background: #fff;
    padding: 20px;
    padding-right:0;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
}

.top-menu-section .search-section h2{
    font-weight: 700;
}

.search-form form{
    border-bottom:1px solid #cbcfd2;
    margin-left:0;
}

.search-form input{
    border: 0;
    outline: 0;
    box-shadow: none;
    padding: 0;
    height: 22px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.search-form .search-btn{
    position: absolute;
    right: 0;
    bottom:-4px;
    z-index: 9;
}

.search-form .search-btn button{
    padding: 0;
}

.search-form input:focus , .search-form .search-btn button:focus{
    box-shadow: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 


form input::placeholder {
    color: #b5b5b5;
    opacity: 1;
  }

form input:-ms-input-placeholder { 
   color: #b5b5b5;
  }

form input::-ms-input-placeholder {
   color: #b5b5b5;
  }

.fa-search{
    content:'';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAhCAMAAABkz+JgAAAA7VBMVEUAAAAAAACAgICAgIBmZmZtbW1xcXFdXV1tbW1jY2Nra2tmZmZoaGhqampmZmZkZGRqampoaGhkZGRqamplZWVra2tnZ2dmZmZpaWlqampmZmZnZ2dqampoaGhnZ2doaGhqampnZ2dqampoaGhnZ2dpaWloaGhnZ2dpaWlnZ2doaGhnZ2doaGhoaGhpaWlnZ2doaGhpaWloaGhoaGhnZ2doaGhnZ2dnZ2doaGhpaWloaGhpaWlpaWlpaWloaGhoaGhoaGhpaWloaGhoaGhpaWloaGhnZ2dnZ2dpaWloaGhoaGhnZ2dpaWloaGj///9upKrnAAAATnRSTlMAAQIEBQcJCw4SExQWGBkcHSAhJCYrLzIzNTc5Ojs+QEFDRkxPUFFSVVdYWVtgYWNlZmdpamxvcnN1dnd6fH1/gIGChIaHiIqLjI6PkpOuzF2dAAAA00lEQVR4Ad3NaTPDQADG8f9aGgd1FHW3VOtQlDpoSrclEQnf/+sYM47sZjObF175vXzmP/Pw15bvXsLnQV2Qq/J0Og2M1UZNchz6ki/1QGJzcM6vSohFWZFWa5OlPDTBOCbvAV21hWl3B51QmK5nMAww+SV3czWHYYRpo4FOKnBNjW0ybmfRvJLlRaSdbWKx/ij4sXbZwqaafN/Jfi/p2qNJNdySlFb78QpLcbeJ1cTevd9rl4HPaB+X+ffOSZHo2B29XRSJOke4LEbDKVwWbgT/2wdg9hPMrA6iJQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    font-style: normal;
    width: 28px;
    height: 28px;
}

.advance-filters-section .row{
  align-items:flex-end;
  max-width: 94%;
}

.reset-filter , .advance-filter{
  margin-top:10px;
}

.reset-filter a , .advance-filter a , .hide-advance-filter{
    font-size: 12px;
    font-weight: 600;
    color: #eb6868 !important;
    font-family: 'Roboto', sans-serif;
}

.advance-filter a{
  color:#55b9c5 !important;
}

.advance-filter a.text-danger{
  color: #eb6868 !important;
}

.text-danger{
  font-size:12px !important;
}

.error-message{
  font-size:16px !important;
  color: #eb6868 !important;
}

.advance-filters-section {
    overflow: hidden;
    background: #fff;
    padding: 20px 30px 10px;
    position: relative;
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);
    top: 3px;
}

.reset-advance-filters .reset-filter{
  float:left;
}

.reset-advance-filters .advance-filter{
  float:right;
}

.advance-filters-section .search-form .search-btn {
    left: 0;
    right:auto;
}

.advance-filters-section .search-form input {
    padding-left: 44px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABNCAMAAADNXPckAAABdFBMVEUAAAArqqoktrZAn78zs7Muork7sbE3pLYzqrs5qrgzpr8urrk3prwzrbgvqr0urbY1p7kzqrsxrb0wp7cuqrkyqrgvqLw0qrczrLkyqLsxqrwvrLg0rrkzqrsyrLwwqrozrbgwrbwyrbsxqrw0rbozqrsxrbkzrbgxrbw0qrkyqrw0rLozqrsxqrozrLkyqroyq7sxrLsxqrkzq7oyqrkxq7kyrLoxqroyqroxrLkzq7oyq7oyrLoyqrszq7oxq7ozqrsxq7kzq7oyq7oxq7oxrLkzq7oyq7kxq7ozrLoyq7syq7kyrLoxrLkzq7oyq7oyq7oxq7oyq7oyq7oyq7oxq7oyq7oyq7oyqroyq7oyqroyq7oyrLoyq7syq7oyrLkyq7ozq7oyrLoyq7oyrLozq7oyq7oyq7kxq7oyq7oyq7oyq7oyq7oyq7oyq7syq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7r///9fLwRRAAAAenRSTlMABgcICgsNDg8SFBYXGRscHR4fICEkJicoKSorLC0uMDI1ODk7PD5BREVISktOUFFSU1RVV1hcXWBiZGdrbHN3eHx9hYaHiIuMjY6PkJaXtry/wMPIycvM0NLT1dbY2tzd3t/h4uPl5+jq7O7v8fL09fb3+Pn6+/z9/kEJzowAAAHYSURBVHja7dhVUwMxEMDxhaLF2uJa3KW4uxV390Jxh3K5/fTM3FDg2ksuWR4YZvi//54y2UwWBLUHEM+agZQfjfwUO4EfjavbMfxslGDJegRNDavYITSnD8jbfh0jdb+s7WIYFeuSs50aWqR1ytimEFoWarK3ja/I6bXBztY8IbenGrGtfkRBj9UiW3aHwu7K+Lb0Fm26LeXZwiu07arA2uZdokSXeVY2K4hSBbOirecUJTv1RNq0Q5TuMM1sUw9QoR3nd5u8jUptJ3/ZxHVUbD0hbB3LqNyy4wPPqjnTOPcwCtbcBvYhqWYDt9Jwm4FdjGKZC4zmKXgmfFSLuirVFx0QrrhvWKnefPjvvz9Rfu/klEKTfUUAP7hVC+FbNYeE5sDIo1MwyzBwx68NwEyNYpkbjGaIA/DnbxXELqnapRj4LG5Vza7EwbcSN1TsWjyYStqSt5tJEJFzV9buOiGqlH05u5cCFqUfy9ijdLDMHbC3ARdwyj63s+fZwC33QmwvckBQybXIXheDMO8N3954waaKe569Lwfbqh6s7UMlSFT3bGWfa0Gq+pdo+1IPkvneIu2bD6TrZmartYNCPSbNekCpQc6/nbStoO9J6BuaaSDVEkQ8aQN+75DRIoLM/cwoAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: right 15px;
    height: 35px;
}

.filter-section .filter-head{
    font-size: 12px;
    color: #7b7b7b;
    font-weight:600;
}

.filter-section .filter-head , .filter-section .filter-list{
    display:inline-block;
    vertical-align: middle;
    margin: 0;
}

.filter-section .filter-list{
    padding-left: 10px;
}

.filter-section .filter-list li{
    display: inline-block;
    vertical-align: middle;
}

.filter-section .filter-list li a , .filter-section .filter-list li input{
    display:block;
    font-size: 12px;
    line-height:1.6;
    padding: 2px 22px;
    border: 1px solid #9b9b9b;
    border-radius: 30px;
    color: #9b9b9b;
    cursor: pointer;
    margin-right:4px;
}

.filter-section .filter-list li:last-child a, .filter-section .filter-list li:last-child input{
  margin-right:0;
}

.filter-section .filter-list li a.active , .filter-section .filter-list li input.active , .filter-section .filter-list li a:hover , .filter-section .filter-list li input:hover{
    background-color: #32abba;
    border-color: #32abba;
    color: #fff;
}

.filter-section .filter-list li.orcls{
    color: #7b7b7b;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 14px;
    margin-right:4px;
}

.filter-section .filter-list li input{
    width: 114px;
    height: 28px;
    text-align: left;
    padding-left: 14px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAhFBMVEUAAAAAAABVVVVJSUltbW1gYGBwcHBoaGhmZmZnZ2dnZ2dnZ2dqampnZ2dpaWloaGhpaWloaGhoaGhpaWlnZ2doaGhoaGhnZ2doaGhnZ2dpaWloaGhoaGhoaGhpaWlpaWloaGhpaWlpaWlpaWloaGhnZ2dpaWloaGhoaGhpaWloaGj////9Nf4nAAAAK3RSTlMAAQYHBwgQLC0vNDk6T1BTVV1lZmhpgIOEiI2Ok5aXmZqcnq2ur7a9wMDM0HkJVAAAAAFiS0dEKyS55AgAAAB2SURBVBjTtYvREoFAGEbPT8ISKpZFSKXV+z+gi9UMP3fGmXN15vsY1u3tjbYa0CyBEU8igVXFHdjYdWjTw1HA44HdeBviItlHfYzTOERJJvRR4elc4ZQdFoPSfo+FSY3y/OvyH/fT5/1CPtPLeYbkpXPXF8tMHgKtEVYWF8slAAAAAElFTkSuQmCC');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right 10px bottom 6px;
}

.filter-section .filter-list li input:hover{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAflBMVEUyq7ozq7o3rbs4rbw4rrw/sL5VucZWusZYusdcvMhgvslhvspyxc9yxdB1xtF3x9F9ytODzNWEzdaGzdaGztaZ1d2b1t2c1t6f2N+j2eCk2uCo2+Kr3OOs3OOt3eSu3eSv3+Sx3+W95Om+5enF5+vK6e3M6u7N6u7W7vH///9QCh3EAAAAAWJLR0QpyreFJAAAAHdJREFUGNO1i8sSwUAUBXuMkCFIwjAIIo8r//+FFkMVl53S1auuc7Bt373RNyPaJTDmgTWwahBg49expYejgRsC7CbbGBfZ3oIgQJInMZpsyjMqhCFUQTngcSj991i53CnPvy7/cT993i+UM72cF5iyDuH6Yl2YOykDEFHgU79iAAAAAElFTkSuQmCC');
}

.filter-section input:hover::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }

.filter-section input:hover::placeholder {
    color: #fff;
    opacity: 1;
  }

.filter-section input:hover:-ms-input-placeholder { 
   color: #fff;
  }

.filter-section input:hover::-ms-input-placeholder {
   color: #fff;
  }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom {
    border: 1px solid #32abba;
    border-radius: 0 0 10px 10px;
    min-width: 10px;
    width: auto;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom .datepicker-days , .bootstrap-datetimepicker-widget.dropdown-menu.bottom .datepicker-months , .bootstrap-datetimepicker-widget.dropdown-menu.bottom .datepicker-years{
    padding: 0 10px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom thead th{
    text-align: center;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom thead th.prev , .bootstrap-datetimepicker-widget.dropdown-menu.bottom thead th.next {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAIAAABVpBlvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI4QjVCNUM5RjcyQjExRTlBNjA4QUI5NjdDMjY3M0M4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI4QjVCNUNBRjcyQjExRTlBNjA4QUI5NjdDMjY3M0M4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjhCNUI1QzdGNzJCMTFFOUE2MDhBQjk2N0MyNjczQzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjhCNUI1QzhGNzJCMTFFOUE2MDhBQjk2N0MyNjczQzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6HSOR3AAAAkElEQVR42mL8//8/AwMDkPz97//hF6+nX7nLAuT//ff/7c+fK+8+WX3n8dc/f1i+/v5z+d3HZXcenXr5FqgQqILl0ZdvC28+PPXqLQMMMIlwsDtIiaoL8DIzMkKEGIEGf//z9+r7j+vuPT347NWPv/9AxnOyMBuKCIpxcCjxca+994QR4ggIAFr16vtPgAADAG9sTk3WaW0cAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom thead th.next{
    transform: rotate(180deg);
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom thead th.picker-switch{
    font-size: 12px;
    text-align: center;
    color: #888888;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom thead tr:last-child{
    display:none;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom tbody tr td{
    font-size:10px;
    padding: 2px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom .datepicker-months tbody span , .bootstrap-datetimepicker-widget.dropdown-menu.bottom .datepicker-years tbody span{
    width: 20%;
    display: inline-block;
}

.filter-section .filter-list li form{
    margin:0;
}

.select-time {
    padding: 10px 0;
}

.filter-list.dashboard a.green-btn {
    padding: 2px 14px;
}

.filter-section{
    padding:0;
}

/*** End of Top Main Section Css ***/

/* 27 november CSS Starts */

/*** Graph, Doughnut and Table Css ***/

/* .mainChartContainer and chart-container applies to all graphs */

.table-block{
  display:table;
  width:100%;
}

.graph-section .chart .chartjs-render-monitor {
    max-height: 380px;
    width:100% !important;
}

.mainChartContainer{
    margin-left:0px;
    margin-right: 0px;
  }

/*.chart-container {
    height:100%;
    width: 100%
  } */

.doughnut{
    min-height:400px;
    min-width:200px;
  }

/* Graphs CSS */

.graph-head-btn{
  float:right; 
  font-family:Helvetica;
  font-size:20px;
  text-align: right; 
  margin-right: 20px;
}

.graph-heading{
    padding-right: 5px;
    font-size: 24px;
    margin-bottom: 5px;
    line-height:22px;
}

p.graph-sec-head {
    font-size: 22px;
    margin-right: 15px;
}

p.graph-sec-head, button.graph-btn {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

button.graph-btn {
    color: #fff;
    font-size: 13px;
    padding: 5px 14px;
    line-height:20px;
}

.mat-card {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.graph-flex .mat-card {
    flex-direction: column !important;
}

.graph-section .mat-card{
  padding:0;
}

.graph-value-div {
    text-align: left;
    width: 74%;
    margin: 0 10px 8px auto;
}

.mat-card.graph-border:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 70%;
    border-right: 2px solid #d0d4d6;
    margin: auto;
}

.graph-detectors{
  float:left; 
  padding-left:65px;
}

.graph-detectors span {
     font-size: 12px;
}

.graphDot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right:5px;
}

.dotBlueColor{
  background-color: #32ACBB;
}

.textBlueColor{
  color: #32ACBB
}

.dotRedColor{
  background-color: #DE5E5F;
}

.textRedColor{
  color: #DE5E5F;
}

.dotOrangeColor{
  background-color: #E09530;
}

.textOrangeColor{
  color: #E09530;
}

.dotDarkBlueColor{
  background-color:#0E68A9;
}

.textDarkBlueColor{
  color: #0E68A9;
}

.marginRight15{
  margin-right:15px;
}

/* End of Graphs css */

/* Dougnut CSS*/

.legendBlueColor{
  color:#32ACBB;
}

.legendRedColor{
  color:#DE5E5F;
}

.legendOrangeColor{
  color:#E09530;
}

.legendDarkBlueColor{
  color:#0E68A9;
}

.dot {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  text-align:center;
  color:white;
  margin-right:5px;
  line-height:20px;
}

.dotBackgroundBlueColor{
  background-color: #32ACBB;
}

.dotBackgroundRedColor{
  background-color: #DE5E5F;
}

.dotBackgroundOrangeColor{
  background-color: #E09530;

}

.dotBackgroundDarkBlueColor{
  background-color:#0E68A9;
}

.legendSection{
  font-weight:700;
  font-size:20px;
  padding:5px;
  font-family: 'Open Sans', sans-serif;
}

.legendSection2{
  padding-left:0px;
  font-size:12px;
}

/* End of Dougnut CSS*/

/* End of 27 november CSS Starts */

/*** Graph and Table Css ***/

.graph-section , .pie-chart{
    background: #fff;
    margin: 30px 15px 15px;
    padding: 15px 0;
    text-align: center;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
    min-height: 400px;
}

.pie-chart {
    margin:15px 0;
    min-height: 380px;
}

.table-section{
    margin: 15px 0;
}

.graph-pie-section .table-bg {
  table-layout: fixed;
}

.table-bg {
    background: #fff;
    box-shadow: 2px 2px 4px -3px rgba(0,0,0,0.2);
}

.table-head.table-bg{
    box-shadow: 0px 3px 4px -2px rgba(117, 117, 117, 0.5);
    position: relative;
    padding: 12px 0 16px;
    display: table-caption;
    text-align: center;

}

.table-striped tbody tr:nth-of-type(odd) {
    background: #eef1f3;
}

tr.total-row {
    background: #c5e6ea !important;
}

.table.table-bg thead th{
    border:0;
    color: #6d6d6d;
    font-size: 14px;
    font-weight:bold;
    padding: 0.75rem 0.75rem 0.75rem 0.45rem;
}

.table.table-bg tr td{
    border: 0;
    font-size: 14px;
    /*color: #7e7e7e; */
    color:black;
    padding: 8px;
    position:relative;
    vertical-align: middle;
    font-weight: 400;
}

.table.table-bg tr.total-row td {
    font-size: 20px;
    font-weight: 600;
}

.table-head h2{
    color: #48464c;
    font-weight: 700;
    margin-bottom: 4px;
}

.table-bg p{
    margin:0;
    /*color: #8c8c8c; */
    color:black;
    font-size: 14px;
}

.table.table-bg thead th i.filter-img , i.move-down{
    position: relative;
}

.table.table-bg thead th i.filter-img:before , i.move-down:before{
    content: '';
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABNCAMAAADNXPckAAABdFBMVEUAAAArqqoktrZAn78zs7Muork7sbE3pLYzqrs5qrgzpr8urrk3prwzrbgvqr0urbY1p7kzqrsxrb0wp7cuqrkyqrgvqLw0qrczrLkyqLsxqrwvrLg0rrkzqrsyrLwwqrozrbgwrbwyrbsxqrw0rbozqrsxrbkzrbgxrbw0qrkyqrw0rLozqrsxqrozrLkyqroyq7sxrLsxqrkzq7oyqrkxq7kyrLoxqroyqroxrLkzq7oyq7oyrLoyqrszq7oxq7ozqrsxq7kzq7oyq7oxq7oxrLkzq7oyq7kxq7ozrLoyq7syq7kyrLoxrLkzq7oyq7oyq7oxq7oyq7oyq7oyq7oxq7oyq7oyq7oyqroyq7oyqroyq7oyrLoyq7syq7oyrLkyq7ozq7oyrLoyq7oyrLozq7oyq7oyq7kxq7oyq7oyq7oyq7oyq7oyq7oyq7syq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7oyq7r///9fLwRRAAAAenRSTlMABgcICgsNDg8SFBYXGRscHR4fICEkJicoKSorLC0uMDI1ODk7PD5BREVISktOUFFSU1RVV1hcXWBiZGdrbHN3eHx9hYaHiIuMjY6PkJaXtry/wMPIycvM0NLT1dbY2tzd3t/h4uPl5+jq7O7v8fL09fb3+Pn6+/z9/kEJzowAAAABYktHRHtP0rX8AAAB5klEQVQYGe3BaVcSUQAG4LfGUjENSEsrc6m0LAkxza0M1IQspLIyKysM931j5v31nRkQGZjl3vutc3weeBjMkn8jUJKkJQkF0yyagrQES+KQlGCZOKS8ps0kJLyinTEBYeMGKxjjEDSss4o+DCFDeTrID0FA/wkdnfTD19Njujh+Ah+9B3R10AtPPfv0sN8DD1079LTTBVed2/Sx3QkXdzboa+M2HLWuU8B6Kxw05ygk14wq4RUKWgmjQuMyhS03wubaT0r4FkCZ+kVKWaxHSe0CJS1cRZGWobSMhoK3VJCEJaxTQT4EU5RKIjANUEkMpqBOBXoQlndUkEKBljYoyUhrONM+NilltA0XLvwX2kZn3kiYGbuLM1raoCTjvYaCOSqYgyVsUIF+HabnVBKBaYBKYjDdyFOBHoIlRQUpFGgZSstoKLo8T0nzl1BS85FSPtSgTO1nSvh0BTZ1XynsSx0qBJYoaCmAKg0/KOR7Axw0/aaAX01wFMrSVzYIFy2r9LHaAle31uhp7SY83Nukh812eOrYoqutDvi4v0sXu93w9XCPjvYeQMDjQzo4fAQhfUesctQHQdFTVjiNQtgLnTb5QUgY0VlGH4GUlzxnTEBSgiVxSJtm0RQUJGmZhZJnOfJPDO7+AZDRIoK1balsAAAAAElFTkSuQmCC');
    background-size: 8px;
    width: 10px;
    height: 10px;
    position: absolute;
    background-repeat: no-repeat;
    right: -15px;
    bottom: 0;
    margin: auto;
    top: 0;
}

i.move-down:before{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAhCAMAAAC7gZh/AAAAh1BMVEUAAAAktrYrqqouorkurbYurrkvqLwvqr0wp7cwqroxqrkxqroxqrwxq7kxq7oxrLkxrLsxrbwxrb0yqLsyqrgyqrkyqroyqrsyqrwyq7kyq7oyq7syrLkyrLoyrLwyrbszpr8zqrszq7ozrLkzrLozs7M0qrc0qrk0rbo0rrk1p7k3pLZAn7+0GXWtAAAAAXRSTlMAQObYZgAAAMZJREFUeNqd09kOwiAQQNHrvreuaKlbcdf+//cZjdFUqTCc9xsyMABM4tgIxObCQ260WJwDiQ6QwFgHqTMLC3cMw8Iu7bAwg31ItwfykDAHqMi7Kk8HYRYdeLlForDGWya80I+t8s3UloLGyjNs8KXllS1b/Mg8zlxdsZi6wylWx8TxCZuUWAveoajzr+vwRz8ty9INNu4dOuNwsncjnBa2boGH1DIgXnrfncGTKnYKb/PCgiJgPt0AkegdQlCZIKaM1qZLmTtBUnk5JwRb/gAAAABJRU5ErkJggg==);
  right:4px;
  height:8px;
  width:12px;
  background-size: 12px;
}

i.rev-down.move-down:before {
    transform: rotate(180deg);
    top: -4px;
}

.fa-export {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAjCAYAAAAaLGNkAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABEZVhJZk1NACoAAAAIAAGHaQAEAAAAAQAAABoAAAAAAAOgAQADAAAAAQABAACgAgAEAAAAAQAAANygAwAEAAAAAQAAADwAAAAAQrZ1ugAAACF0RVh0Q3JlYXRpb24gVGltZQAyMDIwOjA3OjExIDIzOjA0OjI2EdrVIwAAAjBJREFUWEfNmM1KW0EYht+knhibxqBBbGmhJV2J0kUUsYjudN9FF111VSleggsXLnoHLQQvwIV3YMFFhKLSuvB3FdGVij9pY6zmh9h57ZyYxZzUMzOJfSCETOCbJzPfnHPeBJLzC9e4Z4Ly/V7550oMdHXgRTSCeDgkR/Q4vSpi7/wC34+zcuQWT4mWQAAzg31ItEewdZbD0e8r+Y0e3Q/DGH4cx3mpjHdfl1G+vp3WU2J+/DUyuQtMLa+jIsdM4d5/GnqFihCYWtn4OyhQ9gS3IOo4VgUIa7EmV5dzuCglnose+HZ4YlXAhTW5vewzF6VEvDWEo0uzHqgH+6u20f+LI6qUmN3Zxez2rvzUeJQSPC6N6AcvtLajo9XB55EkYiFHjpihJZEtlESH/0JqtN+KiHZjftnKIH1wbEVEW4LYEjGSIDZEjCWIqUj1BvY28Qzthnv7JvEU+WIZ7xdXUah4H/KJngTETRopeS2qroQTDCL0wOwVhKgs4AR+sPZ4N9n7EqNPuvAx/QM/iyU5qsZzJUzwI6DCWMJUgBhJ2BAg2hK2BIiWxCOnBX2dMSsCREsiL56YJ5fWrAgQ48a0gVLigzjHPMvNQinBC57fq54JSonTQhHdbWH5yT5MY4yFLkqJfZEZe0X3N6JhWJNxkLnURTkPQ2sml7+JbDZFWIs1mUdrg3HdQDw3NnQTB5nGTMMQt5eryx83vbp5t0DswszIWMhUZgL7jNvs66+B5gH8AfLz5UF74OkoAAAAAElFTkSuQmCC);
  display:inline-block;
  background-size:14px;
  width:18px;
  height:18px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  margin-right: 8px;
}

.fa-share {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAMAAACejr5sAAAAolBMVEUyq7ozq7o0rLs5rrw6rr0/sL5Asb9EssBEs8BMtsNNtsNRuMVVucZXusZcvMhdvclfvclmwMxnwcxuxM9vxM9xxc9yxdB1xtB1xtF2x9F3x9F8ydN9ytODzNWGzdaGztaIzteL0NiS09qU09uY1dyZ1d2d196f2N+g2N+h2N+j2eCl2uGm2uGs3eO04OW24ee95OnM6u7O6+/T7fDU7fH///85R/V9AAAAYklEQVR4AZXINZYCARQAsOzi7u4yuDDA/c9GxXu/JWXQeaXB8wreGdGtD6nI8AiPsaBwn0DS3HX/AMXNqj6ChNp2+o/yYZFV/SatS6+UrHPEpL3MEzL4KQdwEplVoHHeR3M+nl0LP0AjnKUAAAAASUVORK5CYII=);
  display:inline-block;
  background-size:18px;
  width:18px;
  height:18px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  margin-right: 8px;
}

/*** End of Graph and Table Css ***/

form .form-group{
  margin:0;
}

/*** Merchant Page css ***/

/*app-root.merchant-page-main {
  min-height: 1250px;
  overflow: hidden;
  position:relative;
} */

/*** End of Merchant Page CSS ***/

/* Sites Page CSS */

/*.sites-page-main.page-toggle{
  min-height:1400px;
  overflow:hidden;
}

.sites-page-main{
  min-height:1200px;
  overflow:hidden;
} */

.overflow-hidden{

  overflow: hidden!important;
  
}

.leftAlign{
  text-align:center;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #55b9c5 !important;
}

select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #55b9c5 !important;
}

/* End of Site Page CSS */

/*** End Commom Css ***/

/*** Responsive Design Css ***/

/*** End Responsive Design Css ***/

.mat-card{
  box-shadow: none !important;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('MaterialIcons-Regular.f2f78d19b778412c.ttf') format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/styles/responsive.css ***!
  \**************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width:1199px){
  /*** Header css***/

    .flex-center{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      margin-top: 10px;
      font-size: 15px;
      margin-left:20px;
    }
  
    header{
      height:48px;       
    }
    
    header .logo{
      flex: 0 0 40%;
      max-width: 40%;
      padding: 0;
    }
  
    header .mobile-menu{
      flex: 0 0 60%;
      max-width: 60%;
      padding: 0;
    }
  
    body.body-bg:before{
      content:'';
      position: absolute;
      left:0;
      right:0;
      top:0;
      bottom:0;
      background: rgba(234, 234, 234, 0.96);
      width: 100%;
      height: 100%;
      z-index: 9;
    }
  
  /*** End of Header Css***/
  
  /*** Login Page CSS ***/
  
    .sucess-password-cont.success-added.login-panel {
      position: relative;
      top: 80px;
      max-width: 90% !important;
      padding: 20px !important;
    }
  
  /*** End of Login Page CSS ***/
  
  /*** Mobile Menu Css***/
      
    .menu-name img{
        max-width: 40px;
    }
    
    .menu-name p, .menu-name img {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }
  
    .menu-name p {
        font-size: 16px;
        font-weight: 700;
    }
  
      app-sidebar aside.sidemenu{
        display:none;
        position: fixed;
        right: 0;
        z-index: 99;
        flex: 0 0 230px;
        max-width: 230px;
        overflow: auto;
        height: 100%;
        padding-top:60px !important;
    }
  
      aside.sidemenu .collapse-menu{
        display:none;
    }
  
      aside.sidemenu .menu-copyright{
        padding:0;
        background: #fff;
    }
  
    .mobile-menu-detail , .notification-menu-detail{
        display:none;
        position: absolute;
        background: #fff;
        height:60px;
    }
    .notification-menu-detail{
      display:block;
    }
  
    app-root.risksc{
      min-height:1100px;
      overflow:hidden;
      position:relative;
    }

    app-root.merch-only{
      min-height:1100px;
      overflow:visible;
      position:relative;
    }
  
    app-root.product-page-main{
      min-height:1200px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.samp-full-height{
      min-height:1200px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.edit-merch-sec{
      min-height:2200px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.edit-mer{
      max-height:2320px;
      min-height:2320px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.ipad-only{
      min-height:930px;
      max-height:930px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.avs-only , app-root.avs-cvv-tables{
      min-height:750px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.edit-curr{
      overflow:hidden;
      min-height:8000px !important;
    }
  
    /*app-root.sites-page-main {
      max-height: 500px;
      overflow: hidden;
      min-height: 500px;
      position: relative;
    } */
  
    app-root.fraud-only{
      min-height:850px;
      overflow:hidden;
      position:relative;
    }

    app-root.edit-site-only{
      min-height:850px;
      overflow:hidden;
    }
  
    app-root.serv-buy-table , app-root.buy-rate-top{
      max-height:800px;
      min-height:800px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.fraud-limit-only{
      min-height:1200px;
      max-height:1200px;
      overflow:hidden;
      position:relative;
    }
  
    /* app-root.tc40-page-main{ */
      /* min-height: 1200px; */
      /* overflow: hidden; */
      /* position: relative; */
    /* } */

    .mobile-menu-detail img{
      max-width: 45px;
      position: relative;
      top: -12px;
    }
  
    app-root.repeat-only{
      min-height:1100px;
    }
  
    .mobile-menu-detail .float-left{
        padding: 10px 0 12px;
    }
  
    .mobile-menu-detail .float-right{
        padding: 14px 0;
    }
  
    .mobile-menu-detail .float-left h2{
        font-size:24px;
    }
  
    .mobile-menu-detail .float-right h2 , .notification-menu-detail .float-right h2{
        font-size: 18px;
        color: #969696;
    }
  
    app-root.notification-all{
        max-height:600px;
    }
  
    .show-all-notify .notification-table{
        top: 98px !important;
        max-height: 440px !important;
    }
  
    .show-all-notify .list-notify ul{
        max-height: 370px !important;
    }
  
    .list-notify .list-notifications li a{
      width:90% !important;
    }
  
    .show-all-notify .header-notify .heading , .show-all-notify .header-notify .mark-read{
      width:49%;
    }
  
    .show-all-notify .header-notify .heading h2{
      font-size:16px;
    }
  
    .show-all-notify .header-notify .mark-read a{
      font-size: 11px !important;
      padding: 0 4px !important;
    }
  
    .show-all-notify .header-notify .cross-all {
      max-width: 16px;
    }
  
    .show-all-notify .header-notify .mark-read {
      padding: 0;
      padding-right: 8px;
    }
  
  /*** End of Mobile Menu Css***/
  
  /*** Dashboard Main Page Css***/
    body.body-bg main{
        padding-top:62px;
    }
  
  /*** Top Header Section ***/
  
    .top-menu-section .search-section h2{
        display:none;
    }
  
    .search-section{
        text-align: center;
        max-width: 450px;
        margin: auto;
    }
  
    .search-form , .reset-filter , .reset-advance-filters{
        width: 200px;
        display: inline-block;
        vertical-align: middle;
    }
  
    .reset-filter {
        width: 100px;
    }
    .search-form form{
        margin:0;
        position: relative;
        z-index: 0;
    }
  
    .select-time{
        padding-bottom:0;
    }
  
    .filter-section .filter-head {
        font-size: 12px;
    }
  
    .filter-section{
        text-align: center !important;
    }
  
    .filter-section .filter-list li a, .filter-section .filter-list li input{
        font-size: 12px;
        padding: 2px 10px !important
    }
  
  /*** End of Top Header Section ***/
  
  /*** Graph and Table Css ***/
  
    .graph-dashboard {
        padding:0 !important;
    }
  
    .table-bg{
        table-layout: fixed;
    }
  
    .table-bg p{
        font-size: 12px;
    }
  
    .table.table-bg thead th{
        font-size: 10px;
        padding: 8px 4px;
    }
  
    .table.table-bg tr td{
        font-size: 12px;
    }
  
  /*** End of Graph and Table Css ***/
  
  /*** Merchant Page css ***/
  
  app-root.merchant-page-main {
    /*max-height: 600px; */
    overflow: hidden;
  }
  
  /*** End of Merchant Page CSS ***/
  
  /* Login Page CSS */
    .contact-form-loginbuy-rate .notification-tablebuy-rate , .contact-form-loginbuy-rate .save-cancel-my-profilebuy-rate{
      top:1000px;
    }
  
  
    .success-password-cont.login-panel {
      top: 80px;
    }
  
  /* End of Login Page CSS */
  
  }
  
  @media only screen and (min-width:992px) and (max-width:1199px){
    /*** Top Header Section ***/
          
      .search-form, .reset-filter {
          width: 100%;
          display:block;
          text-align: left;
      }
  
      .reset-advance-filters .reset-filter , .reset-advance-filters .advance-filter{
        width:auto;
      }
  
      .top-menu-section .search-section h2{
          display:block;
          font-size: 18px;
          text-align: left;
      }
  
    /*** End of Top Header Section ***/
  
  }
  
  @media only screen and (min-width:1200px) and (max-width:1300px){
    /*** Navigation Css***/
         
      nav.navigation li a{
        font-size: 14px;
      }
  
    /*** End of Navigation Css***/
          
    /*** Top Header Section ***/
         
      .top-menu-section{
        padding-right:0;
      }
      .filter-list.dashboard a.green-btn {
          padding: 2px 12px;
      }
  
      .filter-section .filter-head , .filter-section .filter-list li a, .filter-section .filter-list li input{
        font-size:11px;
      }
  
      .filter-section .filter-list{
        padding-left: 2px;
      }
  
    /*** End of Top Header Section ***/
          
  }
  
  @media only screen and (max-width:767px){
    .mobile-only{
      display:inline-block !important;
    }
        
    .desktop-only{
      display:none !important;
    }

    app-root{
      overflow:visible;
    }

    app-root.acc-info-merch{
      overflow:hidden;
    }
  
    app-root.notification-all {
      min-height: 600px;
    }
  
    app-root.edit-only{
      min-height:1700px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.merch-only{
      min-height:2500px;
      overflow:visible;
      position:relative;
    }
  
    app-root.fraud-only{
      min-height:1500px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.repeat-only{
      min-height:1900px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.view-only , app-root.edit-merch-sec{
      min-height:800px;
      max-height:800px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.avs-only , app-root.serv-buy-table , app-root.assign-site , app-root.virtu{
      max-height:1050px;
      min-height:1050px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.avs-cvv-tables{
      max-height:1500px;
      min-height:1500px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.buy-rate-top{
      min-height:950px;
      overflow:hidden;
      position:relative;
    }
  
    app-root.client-set{
      min-height:1200px;
      position:relative;
    }

    app-root.my-profile-pg{
      position: relative;
      min-height:2200px;
      overflow: visible;
    }
  
  /*** Header css***/
  
    body h2 {
      font-size: 20px;
    }
        
    .filter-section .filter-list li.orcls{
      display:none;
    }
  
    .filter-section .filter-list li{
      margin-bottom:8px;
    }
        
    .filter-section .filter-head, .filter-section .filter-list{
      display:block;
      text-align: center;
      padding:0;
    }
  
    .filter-section .filter-head{
      padding-bottom:12px;
      font-size: 12px;
    }
  
    .filter-section .filter-list li a, .filter-section .filter-list li input{
      font-size: 12px;
      padding:4px 10px;
      font-weight:400;
    }
  
    .filter-section .filter-list li input{
      width:110px;
    }
  
    .top-menu-section{
      padding:20px 0;
    }
  
    .search-form , .reset-filter{
      width: 60%;
    }
    
    .reset-filter , .reset-advance-filters{
      width:36%
    }
  
    .select-time{
      padding-top: 50px;
      position: relative;
      max-width: 280px;
      margin: auto;
      margin-top:20px;
    }
  
    .select-time.dashboard-type-filter {
      padding-top: 0;
      max-width: 100%;
      margin-top:0;
    }
  
    .from-date{
      width: 85%;
      text-align: center;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      margin: auto;
    }
  
    .to-date{
      width: 0%;
      text-align: center;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      top: 0;
    }
  
    /*** End of Header css***/
  
    /*** Login Page CSS ***/
    .login-pg-main {
      min-height:1px !important;
      top:48px !important
    } 
  
    .login-pg-main .menu-copyright ul li{
      line-height: 0.5;
    }
    .login-pg-main .menu-copyright p , .login-pg-main .menu-copyright ul li a{
      font-size:6px !important;
    }
  
    a.back-to-login{
      top:-24px !important;
      left:-20px !important;
    }
  
    .success-password.login-panel p{
      font-size:14px;
    }
  
    .success-password.login-panel {
      padding: 20px 4px;
    }
  
    .login-pg-main .progress-checker{
      position:static !important;
    }
  
    .assistance-success .code-fields form input {
      width: 26px !important;
      height: 48px !important;
      margin: 20px 2px !important;
      padding: 8px 4px;
    }
  
    .contact-inner {
      padding: 0 15px;
      max-width: 95%;
      margin: 20px auto;
    }
  
    .contact-form-loginbuy-rate .notification-tablebuy-rate , .contact-form-loginbuy-rate .save-cancel-my-profilebuy-rate{
      top:80px;
    }
  
    /*** End of Login Page CSS ***/
  
    /* DatePicker CSS */
  
    bs-datepicker-container {
      overflow: auto;
      right: 0;
      margin: auto;
      transform: translate3d(0px, 150px, 1px) !important;
  }
  
    /* End of DatePicker CSS */
    
    /* 28 november CSS Starts */
  
    .graph-flex {
        flex-direction: column !important;
    }
  
    .chartjs-render-monitor{
      width:100% !important;
      max-height: 240px !important;
    }
  
    .graph-section {
      min-height: 100%;
      margin:15px 0;
  }
  
  .graph-head-btn{
    margin-right:5px;
  }
  
  .graph-heading , p.graph-sec-head{
      font-size: 15px;
      display:inline-block;
      margin:0;
  }
  
  .graph-head-btn b , p.graph-sec-head{
    display:inline-block;
    margin:0;
  }
  
  button.graph-btn {
      font-size: 11px;
      padding: 2px 10px;
      display: block !important;
      overflow: hidden;
      margin: 0 0 10px auto;
  }
  
  .mat-card.graph-border:after {
      right: 0;
      top: auto;
      bottom: 0px;
      width: 65%;
      height: 1px;
      border-bottom: 2px solid #d0d4d6;
      margin: auto;
      left: 0;
  }
  
  .graph-value-div {
      text-align: left;
      width: 130px;
      margin: 0 auto 5px;
  }
  
  app-root.edit-mer{
    max-height:700px;
    min-height:1px;
    overflow:hidden;
  }
  
  
    /* End of 28 november CSS Starts */
  
  }
  
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/styles/fontFamily.css ***!
  \**************************************************************************************************************************************************************************************************************************/
.fa-bell , .fa-user , .fa-logout-btn{
    content:'';
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAMAAAAdgrsPAAABL1BMVEUAAAAAAABVVVWAgIBtbW1xcXFmZmZdXV1mZmZjY2NmZmZtbW1kZGRqampkZGRmZmZnZ2dmZmZqampnZ2dmZmZnZ2dmZmZnZ2dmZmZoaGhpaWlnZ2dqampnZ2dnZ2dpaWlnZ2dpaWlnZ2dnZ2dnZ2doaGhpaWloaGhoaGhoaGhpaWlnZ2dpaWloaGhnZ2dpaWloaGhnZ2dpaWlnZ2dpaWloaGhoaGhnZ2doaGhpaWloaGhoaGhoaGhoaGhoaGhnZ2doaGhpaWloaGhpaWloaGhoaGhoaGhoaGhpaWlnZ2doaGhoaGhoaGhoaGhoaGhoaGhnZ2dnZ2dnZ2doaGhnZ2doaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhtbW1nZ2dubm5oaGhoaGj///8F8kHPAAAAY3RSTlMAAQMEBwkKCw8SFBUXHSEjJSgpKi0vMjk8QERFRkhKS01OT1JUVlpbXWBhY2Rnamtsb3Byd3+AiI6Sk5WWmJueoKGkra6wtba3ubu/wMLExc/Q1NbZ3+Dk5ufo6ers7e7v7/Cx40LxAAAAAWJLR0Rkwtq4CQAAAPJJREFUOMtjYEAFvAq6JjryPAy4AaOKZ5y7nbm9Z4KrLC41Ir5+yixgFrt6gBs/VjWq0TqMcA6zcYwUFjVa4SIofIkoJQw14hECaCJi0YJoIpxhkpj2B7GiCphbY3GBsxEKlzsWW9AIRaAYZeKA1cMemsg8fymsitRdkDgcSSxYFXHFMSE4kj44IiFYGMFWc8KhyAvJGUYWOBQ5qSPYpmY4FFnrIdhmuBRZGYwqGuKKpM2BwCfQFjsIcQfKSjMkJhME8QzSJgSBNKoTDG0gtLcMngKKL1IURCmGsuJRxCAXYamh7RgmwoAXcJk42OmzMZABAMW0PiYFKkdeAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: left;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
}

.fa-user{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAmCAMAAAB9PwLlAAABm1BMVEUAAAAAAACAgIBVVVWAgIBmZmZtbW1gYGBxcXFdXV1qampiYmJtbW1mZmZjY2NmZmZtbW1kZGRqampsbGxoaGhkZGRqampmZmZmZmZnZ2dpaWlmZmZmZmZpaWlnZ2dpaWlqampoaGhmZmZpaWlnZ2dmZmZpaWlnZ2doaGhnZ2dpaWlqampnZ2dnZ2dpaWloaGhpaWlpaWloaGhnZ2doaGhpaWloaGhnZ2dpaWloaGhoaGhoaGhpaWloaGhnZ2doaGhoaGhnZ2dpaWloaGhpaWloaGhpaWloaGhpaWlpaWloaGhoaGhnZ2dpaWlnZ2dpaWlnZ2dnZ2doaGhoaGhpaWloaGhnZ2doaGhoaGhoaGhnZ2doaGhoaGhoaGhnZ2doaGhpaWloaGhoaGhnZ2doaGhoaGhoaGhpaWloaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhnZ2doaGhoaGhoaGhpaWloaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhpaWloaGhoaGhoaGj///+DmVBnAAAAh3RSTlMAAQIDBAUHCAkLDA0ODxIUFRcYGhscHR4jJScoLS4vMzU2Nzg5PD0+QkNERkhKS0xOUFZZXV9iY2RlZ2lrbG1xc3R1dnd4ent8gYKEiIuPkpSZmpucnZ6foKKjpqesr7Gyury+wcLEyMnMzdDR09bY2drb3d7f4OHj5OXm5+jp6uzu8fP09fYOV+lhAAAAAWJLR0SIa2YWWgAAATlJREFUGBnNwWVbwlAAgNF3YmFiY3d3d3cXBnZ3dyC2/m2ficru3fbdc9Dyi0lNsGJKKV96uds7e9/uDMaQfeegygb4F8y7KzCQ+dDqw4+M6z507K4yvCLO6pCtt6GV+BSLqPDIF8GgA5GzEZHt2R/BYxSSzTy0rK/IHLVoRd8iG25HK+hNQTJdi+AiAcl+OoKxXkTx9xYESa5gBDP9SCam0Cq6CkVi3e3BK/U+Cx3b7lwEHpamh0L0Qoc/V6x8a/7YSkIn93I2mV9hHe5uC6IGVwlacRvLgWi1n9oR+Tk3AvAqvolEpixM8yfcnYNe0FElvxwjGMlyheAR9xSGocVWPAZGMZZ9ovDtOA1jynkKqshnBRPjLahKVzFT40RVP4mZ/DVUXUOYSdlH1bs1ZGbyEFV6l7lq/pEvLKs+eHtRmbwAAAAASUVORK5CYII=');
    background-size:30px;
    width: 30px;
    height: 34px;
}

.fa-logout-btn{
  background-image: url(data:image/png;base64,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);
  width: 30px;
  height: 30px;
  background-size: 30px;
  cursor:pointer;
}

.fa-bell-link a.active .fa-bell{
  background-image: url(data:image/png;base64,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) !important;
}

.fa-user-link a.active .fa-user{
  background-image: url(data:image/png;base64,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) !important;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/styles/bs-datepicker.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
/* .bs-datepicker */
.bs-datepicker {
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
    background: #fff;
    box-shadow: none;
    position: relative;
    z-index: 1;
    /* button */
    /* .bs-datepicker-head */
    /* .bs-datepicker-body */
    /* .current-timedate */
    /* .bs-datepicker-multiple */
    /* .bs-datepicker-btns */
    /*.bs-datepicker-custom-range */
    /* .bs-datepicker-predefined-btns */
    /* .bs-datepicker-buttons */ }
.bs-datepicker:after {
      clear: both;
      content: '';
      display: block; }
.bs-datepicker bs-day-picker {
      float: left; }
.bs-datepicker button:hover,
    .bs-datepicker button:focus,
    .bs-datepicker button:active,
    .bs-datepicker input:hover,
    .bs-datepicker input:focus,
    .bs-datepicker input:active,
    .bs-datepicker-btns button:hover,
    .bs-datepicker-btns button:focus,
    .bs-datepicker-btns button:active,
    .bs-datepicker-predefined-btns button:active,
    .bs-datepicker-predefined-btns button:focus {
      outline: none; }
.bs-datepicker-head {
      min-width: 270px;
      height: 50px;
      padding: 10px;
      border-radius: 3px 3px 0 0;
      text-align: justify;
      /* .bs-datepicker-head button */ }
.bs-datepicker-head:after {
        content: "";
        display: inline-block;
        vertical-align: top;
        width: 100%; }
.bs-datepicker-head button {
        display: inline-block;
        vertical-align: top;
        padding: 0;
        height: 30px;
        line-height: 30px;
        border: 0;
        background: transparent;
        text-align: center;
        cursor: pointer;
        color: #fff;
        transition: 0.3s; }
.bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover, .bs-datepicker-head button[disabled]:active {
          background: rgba(221, 221, 221, 0.3);
          color: #f5f5f5;
          cursor: not-allowed; }
.bs-datepicker-head button.next, .bs-datepicker-head button.previous {
          border-radius: 50%;
          width: 30px;
          height: 30px; }
.bs-datepicker-head button.next span, .bs-datepicker-head button.previous span {
            font-size: 28px;
            line-height: 1;
            display: inline-block;
            position: relative;
            height: 100%;
            width: 100%;
            border-radius: 50%; }
.bs-datepicker-head button.current {
          border-radius: 15px;
          max-width: 155px;
          padding: 0 13px; }
.bs-datepicker-head button:hover {
      background-color: rgba(0, 0, 0, 0.1); }
.bs-datepicker-head button:active {
      background-color: rgba(0, 0, 0, 0.2); }
.bs-datepicker-body {
      padding: 10px;
      border-radius: 25px;
      min-height: 232px;
      min-width: 278px;
      border: none;
      /* .bs-datepicker-body table */ }
.bs-datepicker-body .days.weeks {
        position: relative;
        z-index: 1; }
.bs-datepicker-body table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        /* .bs-datepicker-body table.days */
        /* .bs-datepicker-body table.weeks */ }
.bs-datepicker-body table th {
          font-size: 13px;
          color: #9aaec1;
          font-weight: 400;
          text-align: center; }
.bs-datepicker-body table td {
          color: #54708b;
          text-align: center;
          position: relative;
          padding: 0; }
.bs-datepicker-body table td span {
            display: block;
            margin: 0 auto;
            font-size: 13px;
            border-radius: 50%;
            position: relative;
            /*z-index: 1;*/
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none; }
.bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
            cursor: pointer; }
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
          .bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
            background-color: #e9edf0;
            transition: 0s; }
.bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
          .bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
            background-color: #e9edf0;
            transition: 0s;
            cursor: pointer; }
.bs-datepicker-body table td span.disabled,
          .bs-datepicker-body table td.disabled span {
            color: #9aaec1; }
.bs-datepicker-body table td span.selected,
          .bs-datepicker-body table td.selected span {
            color: #fff; }
.bs-datepicker-body table td span.is-other-month,
          .bs-datepicker-body table td.is-other-month span {
            color: rgba(0, 0, 0, 0.25); }
.bs-datepicker-body table td.active {
            position: relative; }
.bs-datepicker-body table td.active.select-start:before {
              left: 35%; }
.bs-datepicker-body table td.active.select-end:before {
              left: -85%; }
.bs-datepicker-body table td span.active.select-start:after,
          .bs-datepicker-body table td span.active.select-end:after,
          .bs-datepicker-body table td.active.select-start span:after,
          .bs-datepicker-body table td.active.select-end span:after {
            content: "";
            display: block;
            position: absolute;
            z-index: -1;
            width: 100%;
            height: 100%;
            transition: 0.3s;
            top: 0;
            border-radius: 50%; }
.bs-datepicker-body table td:before,
          .bs-datepicker-body table td span:before {
            content: "";
            display: block;
            position: absolute;
            z-index: -1;
            top: 6px;
            bottom: 6px;
            left: -2px;
            right: -2px;
            box-sizing: content-box;
            background: transparent; }
.bs-datepicker-body table td.active.select-start + td.active:before {
            left: -20%; }
.bs-datepicker-body table td:last-child.active:before {
            border-radius: 0 3px 3px 0;
            width: 125%;
            left: -25%; }
.bs-datepicker-body table td span[class*="select-"],
          .bs-datepicker-body table td[class*="select-"] span {
            border-radius: 50%;
            color: #fff; }
.bs-datepicker-body table.days td.active:not(.select-start):before, .bs-datepicker-body table.days td.in-range:not(.select-start):before,
        .bs-datepicker-body table.days span.active:not(.select-start):before,
        .bs-datepicker-body table.days span.in-range:not(.select-start):before {
          background: #e9edf0; }
.bs-datepicker-body table.days span {
          width: 32px;
          height: 32px;
          line-height: 32px; }
.bs-datepicker-body table.days span.select-start {
            z-index: 2; }
.bs-datepicker-body table.days span.is-highlighted.in-range:before, .bs-datepicker-body table.days span.in-range.select-end:before {
            background: none;
            right: 0;
            left: 0; }
.bs-datepicker-body table.days td.select-start + td.select-end:before,
        .bs-datepicker-body table.days td.select-start + td.is-highlighted:before,
        .bs-datepicker-body table.days td.active + td.is-highlighted:before,
        .bs-datepicker-body table.days td.active + td.select-end:before,
        .bs-datepicker-body table.days td.in-range + td.is-highlighted:before,
        .bs-datepicker-body table.days td.in-range + td.select-end:before {
          background: #e9edf0;
          width: 100%; }
.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
          border-radius: 3px 0 0 3px;
          left: 0;
          width: 100%; }
.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
          border-radius: 3px 0 0 3px; }
.bs-datepicker-body table.years td span {
          width: 46px;
          height: 46px;
          line-height: 45px;
          margin: 0 auto; }
.bs-datepicker-body table.years tr:not(:last-child) td span {
          margin-bottom: 8px; }
.bs-datepicker-body table.months td {
          height: 52px; }
.bs-datepicker-body table.months td span {
            padding: 6px;
            border-radius: 15px; }
.bs-datepicker .current-timedate {
      color: #54708b;
      font-size: 15px;
      text-align: center;
      height: 30px;
      line-height: 30px;
      border-radius: 20px;
      border: 1px solid #e9edf0;
      margin-bottom: 10px;
      cursor: pointer;
      text-transform: uppercase;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none; }
.bs-datepicker .current-timedate span:not(:empty):before {
        content: "";
        width: 15px;
        height: 16px;
        display: inline-block;
        margin-right: 4px;
        vertical-align: text-bottom;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC); }
.bs-datepicker-multiple {
      border-radius: 4px 0 0 4px; }
.bs-datepicker-multiple + .bs-datepicker-multiple {
        margin-left: 10px; }
.bs-datepicker-multiple .bs-datepicker {
        box-shadow: none;
        position: relative; }
.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
          padding-right: 10px; }
.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
          content: "";
          display: block;
          width: 14px;
          height: 10px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
          position: absolute;
          top: 25px;
          left: -8px; }
.bs-datepicker-multiple .bs-datepicker .left {
          float: left; }
.bs-datepicker-multiple .bs-datepicker .right {
          float: right; }
.bs-datepicker-container {
      padding: 15px; }
.bs-datepicker .bs-media-container {
      display: flex; }
@media (max-width: 768px) {
        .bs-datepicker .bs-media-container {
          flex-direction: column; } }
.bs-datepicker-custom-range {
      padding: 15px;
      background: #eee; }
.bs-datepicker-predefined-btns button {
      width: 100%;
      display: block;
      height: 30px;
      background-color: #9aaec1;
      border-radius: 4px;
      color: #fff;
      border: 0;
      margin-bottom: 10px;
      padding: 0 18px;
      text-align: left;
      transition: 0.3s; }
.bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:hover {
        background-color: #54708b; }
.bs-datepicker-buttons {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-end;
      padding-top: 10px;
      border-top: 1px solid #e9edf0; }
.bs-datepicker-buttons .btn-default {
        margin-left: 10px; }
/* .bs-timepicker */
.bs-timepicker-container {
    padding: 10px 0; }
.bs-timepicker-label {
    color: #54708b;
    margin-bottom: 10px; }
.bs-timepicker-controls {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px; }
.bs-timepicker-controls button {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      border: 0;
      background-color: #e9edf0;
      color: #54708b;
      font-size: 16px;
      font-weight: 700;
      vertical-align: middle;
      line-height: 0;
      padding: 0;
      transition: 0.3s; }
.bs-timepicker-controls button:hover {
        background-color: #d5dadd; }
.bs-timepicker-controls input {
      width: 35px;
      height: 25px;
      border-radius: 13px;
      text-align: center;
      border: 1px solid #e9edf0; }
.bs-timepicker .switch-time-format {
    text-transform: uppercase;
    min-width: 54px;
    height: 25px;
    border-radius: 20px;
    border: 1px solid #e9edf0;
    background: #fff;
    color: #54708b;
    font-size: 13px; }
.bs-timepicker .switch-time-format img {
      vertical-align: baseline;
      vertical-align: initial;
      margin-left: 4px; }
bs-datepicker-container,
  bs-daterangepicker-container {
    z-index: 1080; }
/* screen size < 1024px */
@media (max-width: 768px) {
    .bs-datepicker-multiple {
      display: flex; }
      .bs-datepicker-multiple + .bs-datepicker-multiple {
        margin-top: 10px;
        margin-left: 0; } }
/* theming */
.theme-default .bs-datepicker-head {
    background-color: #777; }
.theme-default .bs-datepicker-body table td span.selected,
  .theme-default .bs-datepicker-body table td.selected span,
  .theme-default .bs-datepicker-body table td span[class*="select-"]:after,
  .theme-default .bs-datepicker-body table td[class*="select-"] span:after {
    background-color: #777; }
.theme-default .bs-datepicker-body table td.week span {
    color: #777; }
.theme-default .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #777;
    color: #fff;
    opacity: 0.5;
    transition: 0s; }
.theme-green .bs-datepicker-head {
    background-color: #32abba; }
.theme-green .bs-datepicker-body table td span.selected,
  .theme-green .bs-datepicker-body table td.selected span,
  .theme-green .bs-datepicker-body table td span[class*="select-"]:after,
  .theme-green .bs-datepicker-body table td[class*="select-"] span:after {
    background-color: #32abba; }
.theme-green .bs-datepicker-body table td.week span {
    color: #32abba; }
.theme-green .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #32abba;
    color: #fff;
    opacity: 0.5;
    transition: 0s; }
.theme-blue .bs-datepicker-head {
    background-color: #5bc0de; }
.theme-blue .bs-datepicker-body table td span.selected,
  .theme-blue .bs-datepicker-body table td.selected span,
  .theme-blue .bs-datepicker-body table td span[class*="select-"]:after,
  .theme-blue .bs-datepicker-body table td[class*="select-"] span:after {
    background-color: #5bc0de; }
.theme-blue .bs-datepicker-body table td.week span {
    color: #5bc0de; }
.theme-blue .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #5bc0de;
    color: #fff;
    opacity: 0.5;
    transition: 0s; }
.theme-dark-blue .bs-datepicker-head {
    background-color: #337ab7; 
    border-radius:25px;
  }
.theme-dark-blue .bs-datepicker-body table td span.selected,
  .theme-dark-blue .bs-datepicker-body table td.selected span,
  .theme-dark-blue .bs-datepicker-body table td span[class*="select-"]:after,
  .theme-dark-blue .bs-datepicker-body table td[class*="select-"] span:after {
    background-color: #337ab7; }
.theme-dark-blue .bs-datepicker-body table td.week span {
    color: #337ab7; }
.theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #337ab7;
    color: #fff;
    opacity: 0.5;
    transition: 0s; }
.theme-red .bs-datepicker-head {
    background-color: #d9534f; }
.theme-red .bs-datepicker-body table td span.selected,
  .theme-red .bs-datepicker-body table td.selected span,
  .theme-red .bs-datepicker-body table td span[class*="select-"]:after,
  .theme-red .bs-datepicker-body table td[class*="select-"] span:after {
    background-color: #d9534f; }
.theme-red .bs-datepicker-body table td.week span {
    color: #d9534f; }
.theme-red .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #d9534f;
    color: #fff;
    opacity: 0.5;
    transition: 0s; }
.theme-orange .bs-datepicker-head {
    background-color: #f0ad4e; }
.theme-orange .bs-datepicker-body table td span.selected,
  .theme-orange .bs-datepicker-body table td.selected span,
  .theme-orange .bs-datepicker-body table td span[class*="select-"]:after,
  .theme-orange .bs-datepicker-body table td[class*="select-"] span:after {
    background-color: #f0ad4e; }
.theme-orange .bs-datepicker-body table td.week span {
    color: #f0ad4e; }
.theme-orange .bs-datepicker-body table td.active-week span:hover {
    cursor: pointer;
    background-color: #f0ad4e;
    color: #fff;
    opacity: 0.5;
    transition: 0s; }
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/intl-tel-input/build/css/intlTelInput.css ***!
  \************************************************************************************************************************************************************************************************************************************************/
.iti {
  position: relative;
  display: inline-block; }
  .iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .iti__hide {
    display: none; }
  .iti__v-hide {
    visibility: hidden; }
  .iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px; }
  .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555; }
  .iti__arrow--up {
      border-top: none;
      border-bottom: 4px solid #555; }
  .iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
  .iti__country-list--dropup {
      bottom: 100%;
      margin-bottom: -1px; }
  @media (max-width: 500px) {
      .iti__country-list {
        white-space: normal; } }
  .iti__flag-box {
    display: inline-block;
    width: 20px; }
  .iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC; }
  .iti__country {
    padding: 5px 10px;
    outline: none; }
  .iti__dial-code {
    color: #999; }
  .iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align: middle; }
  .iti__flag-box, .iti__country-name {
    margin-right: 6px; }
  .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0; }
  .iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer; }
  .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default; }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
      background-color: transparent; }
  .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px; }
  .iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
  .iti--container:hover {
      cursor: pointer; }
  .iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }
  .iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%; }
  .iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }
  .iti__flag {
  width: 20px; }
  .iti__flag.iti__be {
    width: 18px; }
  .iti__flag.iti__ch {
    width: 15px; }
  .iti__flag.iti__mc {
    width: 19px; }
  .iti__flag.iti__ne {
    width: 18px; }
  .iti__flag.iti__np {
    width: 13px; }
  .iti__flag.iti__va {
    width: 15px; }
  @media (min-resolution: 192dpi) {
    .iti__flag {
      background-size: 5652px 15px; } }
  .iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px; }
  .iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px; }
  .iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px; }
  .iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px; }
  .iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px; }
  .iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px; }
  .iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px; }
  .iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px; }
  .iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px; }
  .iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px; }
  .iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px; }
  .iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px; }
  .iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px; }
  .iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px; }
  .iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px; }
  .iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px; }
  .iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px; }
  .iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px; }
  .iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px; }
  .iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px; }
  .iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px; }
  .iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px; }
  .iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px; }
  .iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px; }
  .iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px; }
  .iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px; }
  .iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px; }
  .iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px; }
  .iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px; }
  .iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px; }
  .iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px; }
  .iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url('flags.f73aa829a0084837.png');
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media (min-resolution: 192dpi) {
    .iti__flag {
      background-image: url('flags@2x.2704c069d12ee746.png'); } }
  .iti__flag.iti__np {
  background-color: transparent; }