/* Theme colors
    blue: #0f2c52
    orange: #FF6701
*/
html, body{
    height: 100%;
}

section{
    padding: 50px 0;
}

/*----------------------------------------------------
    HEADER
------------------------------------------------------*/
#Logo{
    transition: width 0.5s;
}
.navbar-fixed {
    height: 120px;
    margin-bottom: 20px;
}
nav .nav-wrapper {
    padding: 0 10px;
}
nav{
    background-color: white;
    border: none;
    box-shadow: none;
    height: 75px;
    line-height: 75px;
}
nav .brand-logo {
    line-height: 4;
}
nav .brand-logo img{
    padding-top: 3px;
    width: 100px;
}
nav ul a {
    color: black;
    font-size: 1rem;
    transition: color .3s ease;
}
nav ul a.active {
    background: #000;
    color: #FAD000;
}
nav ul a:hover {
    background: #FAD000;
    color: #000;
}

header nav .menu{
    margin-left: 100px;
}
header nav ul.menu li a{
    text-transform: uppercase;
}
header nav ul.menu li.active{
    background-color: #FF6701;
}

header nav li.password_dropdown a:hover, header nav li.password_dropdown a:active{
    background-color: transparent;
}
header nav .page-title{
    font-size: 21px;
    margin-left: 220px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s; 
}
header nav .page-title .material-icons{
    color: #fff;
    margin-right: 15px;
}
header nav .sidenav-trigger {
    display: none;
    height: 66px;
    margin: 0;
}
header nav .sidenav-trigger i{
    color: #000;
    line-height: 66px;
}

header .chip{
    background: #fcb34c;
    color: rgba(0,0,0,0.8);
}
header .chip i{
    color: #000;
    height: 32px;
    line-height: 32px;
}
header .chip i.left{
    margin-right: 8px;
}
header .chip i.right {
    margin-left: 0px;
}
#settings-dropdown{
    width: 190px;
}

@media (min-width: 1600px)
{
    .container {
        width: 65%;
    }
    header nav .page-title{
        margin-left: 225px;
    }
}

@media (max-width: 1000px){
    header nav .brand-logo{
        left: 70px;
    }
}

@media (max-width: 600px){
    header nav .brand-logo img{
        padding-top: 7px;
        width: 90px;
    }
    header nav .page-title{
        font-size: 1rem;
        margin-left: 0
    }
}
/*----------------------------------------------------
    SIDEBAR
------------------------------------------------------*/
.sidenav{
    height: calc(100%);
    height: -moz-calc(100%);
    overflow: hidden;
    padding-bottom: 40px;
    width: 200px;
}
header.full nav .page-title{
    margin-left: 15px !important;
}
.sidenav.full{
    transform: translateX(-100%) !important;
}
.sidenav .menus{
    overflow: hidden;
    height: 100%;
}

.sidenav .ps-scrollbar-y-rail {
    right: 0 !important;
}
.sidenav li>a>i {
    color: rgba(0,0,0,1);
    line-height: 47px;
}
.sidenav > li:first-child{
    line-height: normal;
}
.sidenav .user-view, .sidenav .userView {
    padding: 10px 32px 0;
}
.sidenav .user-view .name{
    margin-top: 10px;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 19px;
}
.sidenav li>a {
    color: rgba(0,0,0,1);
    font-weight: 400;
    padding: 0 10px;
}
.sidenav li>a:hover, .sidenav li>a:hover > i {
    color: #ec1946;
}
.sidenav,
.sidenav ul,
.sidenav li,
.sidenav a {
    display: block;
    font-weight: normal;
}
.sidenav li>a.active>i, .sidenav > li > ul > li > a.active, .sidenav li>a.active:hover, .sidenav ul ul li a.active, .sidenav ul ul li.active a {
    background: #FF6701;
    color: #fff;
}
.sidenav ul ul {
    display: none;
}
.sidenav ul ul a {
    color: rgba(0,0,0,1);
    padding-left: 50px;
}
.sidenav ul ul ul a {
    padding-left: 70px;
}
.sidenav ul li a i {
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}
.sidenav ul li .arrow {
    -webkit-transition: -webkit-transform 0.15s;
    -o-transition: -o-transform 0.15s;
    transition: transform .15s;
    position: absolute;
    right: 10px;
    display: inline-block;
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga';
    text-rendering: auto;
    font-size: 24px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    color: #444;
}
.sidenav ul li .arrow:before {
    content: "chevron_right";
}
.sidenav ul li a.subdrop .arrow {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media (min-width: 1600px){
    .sidenav{
        width: 210px;
    }
}
/*----------------------------------------------------
    COMMON FOR ALL PAGES
------------------------------------------------------*/
section.content {
    background: #f2f2f2;
    min-height: calc(100% - 64px);
    padding: 15px;
    //padding-left: 205px;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}


@media (min-width: 1600px){
    section.content{
        //padding-left: 220px;
    }
}
@media only screen and (max-width: 992px){
    header nav .page-title{
        margin-left: 0px;
    }
    section.content {
        padding: 0px;
    }

}

/*---------------------
    LOGIN
----------------------*/

.login-form .company_logo{
    padding: 20px 0;
    text-align: center;
}
.login-form .profile-image-login, .signup-form .profile-image-login{
    max-width: 100px;
    width: 100%;
}
.login-form .form-group h4{
    font-size: 1.25rem;
    line-height: .1em;
    margin: 0px 0 30px;
}
.login-form .form-group h4 span {
    background: #fff;
    padding: 0 10px;
}
.login-form p.title{
    font-size: 1.1rem;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 5px;
}
.login-form .form-group input, .login-form .form-group .input-group-text{
    font-size: 1.2rem;
    height: 3.5rem;
}
.login-form .form-group .edit_number{
    color: #666;
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 30px;
}
.login-form .form-group .edit_number a.link{
    float: right;
    font-size: 0.85rem;
}

.login-form .resend_otp .resend_link{
    display: inline-block;
    float: right;    
}

.login-form .resend_otp figure{
    display: inline-block;
    margin: 0;
    min-width: 15px;
}
.login-form .loader{
    text-align: center;
}

.login-form .forgot-password-btn{
    position: absolute;
    right: 0;
    top: -1px;
}
.login-form [type="checkbox"]+span:not(.lever){
    padding-left: 28px;
}

.forgot-password-form{
    margin-top: 20px;
}

@media (min-width: 1100px){
    #login-page .card{
        min-width: 400px;
    }
}

/*---------------------
    SIGN UP
----------------------*/
.signup_page .card{
    margin: auto;
    max-width: 800px;
    width: 100%;
}
.signup-form .company_logo{
    padding-top: 20px;
    text-align: center;
}
.signup-form .mobile .input-group-text{
    background-color: #fff;
    padding: 0;
}
.signup-form .mobile .input-group-text select{
    height: 2.7rem;
    padding: 0.25rem 0.6rem;
    border: none;
}

/*---------------------
    HOMEPAGE
----------------------*/
section.samples{
    padding: 50px 5px;
}
section.samples .col{
    padding: 0 0.19rem;
}
section.samples img {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}
section.samples img:hover {
    -webkit-filter: grayscale(0);
    filter: none;
}
.section_header h3{
    color: #333;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
}

section p{
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: justify;
}

#About ul li{
    font-size: 1.1rem;
    padding: 10px 0;
}
#About .title{
    color: #333;
    font-weight: 700;
}
#About blockquote {
    margin: 0;
    border-left: 5px solid #ffc107;
}

#Services{
    background-color: #f4f4f4;
}
#Services h4{
    color: #ff5722;
}
#Services ul li{
    font-size: 1.1rem;
    font-weight: 600;
    padding: 5px 0;    
}
#Services ul li i{
    font-size: 20px;
    margin-right: 10px;
    vertical-align: sub;
}
#Contact{
    background-color: #000;
    color: #f2f2f2;
}
#Contact h4{
    color: #fad000;
}
.contact-text li {
    margin-bottom: 25px;
}
.payment_methods li{
    display: inline-block;
    margin-right: 5px;
}

/*********************************
           CHAT BOT
 ********************************/
.chatbot_trigger{
    position: fixed;
    bottom: 0px;
    right: 10px;
    width: 80px;
    height: 80px;
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.chatbot_trigger.open{
    bottom: -150px;
}
.chatbot_trigger a{
    background: url(data:image/png;base64,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);
    background-color: #f9d105;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100px;
    cursor: pointer;
    display: block;
    height: 60px;
    width: 60px;
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
  @-webkit-keyframes bounceInUp {
      0%, 60%, 75%, 90%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      }
      0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0);
      }
      60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
      }
      75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
      }
      90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0);
      }
      100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      }
  }
  @keyframes bounceInUp {
      0%, 60%, 75%, 90%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      }
      0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0);
      }
      60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
      }
      75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
      }
      90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0);
      }
      100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      }
  }

  .chatbot_window{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 20px;
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    width: 370px;
    height: 500px;
    -webkit-box-shadow: rgb(0 0 0 / 25%) 0 4px 16px;
    box-shadow: 0 4px 16px rgb(0 0 0 / 25%);
    border-radius: 0px;
    overflow: hidden;
    z-index: 10;
  }
  .chatbot_window .chatbot_header{
    background-color: #f9d105;
    position: relative;
    height: 80px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 24px;
    z-index: 3;
    -webkit-box-shadow: 0 9.5px 12.7px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 9.5px 12.7px 0 rgb(0 0 0 / 5%);
  }
  .chatbot_window .chatbot_header .chat_identifier{
    display: flex;
    align-items: center;
  }
  .chatbot_window .chatbot_header .chat_identifier h3{
    margin:  0;
  }
  .chatbot_window .chatbot_header .chat_identifier img{
    float: left;
    margin-right: 15px;
    height: 100%;
    width: 100%;
  }
  .chatbot_window .chatbot_header .chatbot_close{
    float: right;
  }

  .chatbot_window .chatbot_content{
    background: rgb(234, 238, 243);
    overscroll-behavior-y: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
  }
  .chatbot_window .chatbot_content .message_wrapper {
      display: block;
      float: right;
      clear: both;
      width: 100%;
      word-wrap: break-word;
      margin-bottom: 10px;
    }
.chatbot_window .chatbot_content .message_wrapper.bot {
  float: left;
}
.chatbot_window .chatbot_content .bot .caption{
    color: #777;
}
.chatbot_window .chatbot_content .bot .message {
  background: #fff;
  color: #000;
  border-top-left-radius: 0;
  float: left;
  line-height: normal;
}
.chatbot_window .chatbot_content div.message {
  float: right;
  color: #333;
  display: inline-block;
  padding: 10px 15px 8px;
  border-radius: 10px;
}
.chatbot_window .chatbot_content .bot .message .action_buttons{
    background: transparent;
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100%;
}
.chatbot_window .chatbot_content .bot .message .action_buttons .btn{
    background-color: #222;
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 0 10px;
    height: 30px;
    line-height: 32px;
    margin-bottom: 10px;
}
.chatbot_window .chatbot_content .bot .message .action_buttons .btn:focus{
    outline: none;
}
.chatbot_window .chatbot_content div.message.from {
  background: #107ad5;
  color: #fff;
  border-top-right-radius: 0;
}


.dot-typing {
  position: relative;
  left: -9999px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #333;
  color: #333;
  margin: 5px 10px;
  box-shadow: 9984px 0 0 0 #333333, 9999px 0 0 0 #333333, 10014px 0 0 0 #333333;
  animation: dotTyping 1.5s infinite linear;
}

@keyframes dotTyping {
  0% {
    box-shadow: 9984px 0 0 0 #333333, 9999px 0 0 0 #333333, 10014px 0 0 0 #333333;
  }
  16.667% {
    box-shadow: 9984px -10px 0 0 #333333, 9999px 0 0 0 #333333, 10014px 0 0 0 #333333;
  }
  33.333% {
    box-shadow: 9984px 0 0 0 #333333, 9999px 0 0 0 #333333, 10014px 0 0 0 #333333;
  }
  50% {
    box-shadow: 9984px 0 0 0 #333333, 9999px -10px 0 0 #333333, 10014px 0 0 0 #333333;
  }
  66.667% {
    box-shadow: 9984px 0 0 0 #333333, 9999px 0 0 0 #333333, 10014px 0 0 0 #333333;
  }
  83.333% {
    box-shadow: 9984px 0 0 0 #333333, 9999px 0 0 0 #333333, 10014px -10px 0 0 #333333;
  }
  100% {
    box-shadow: 9984px 0 0 0 #333333, 9999px 0 0 0 #333333, 10014px 0 0 0 #333333;
  }
}