/*
colors
header : #ffffff;
header txt : #3C3C3C;

footer: #323842;
header txt : #fff
    sub - #aaaaaa;


*/
body{font-size: 14px; line-height: 1.42857143; color: #333;background-color: #fff;}
a {outline: 0;color:#3C3E4A}
.clear{width: 100%;padding: 0;margin: 0;}
a:hover, a:active, a:focus {outline: 0;color:#5e9e2d}
.navbar{background-color: #fff; text-transform: uppercase;}
#container{margin-top: 100px;}
#content{margin:0;padding-top: 64px;min-height: 1000px;}
.nav-logo img {max-width: 300px;max-height: 40px;}
.navbar-nav .nav-link{color: #3C3C3C;font-weight: 700;}
/* button */
.btn-primary{background-color: #418EDA;color:#fff;}
.btn-secondary{background-color: #6FBF2C;color: #fff;}
.btn-light{}
.btn-dark{}
/*page title */
.jumbotron{background-color: #F5F6FA;}
.jumbotron .display-4{
    font-size: 2.5rem;
    font-weight: 400;
}

.bg-image {
  background-color: #333;
}

.bg-image-content {
  position: relative;
}

.bg-image-content:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-image: url('../img/bg-header.png');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

.bg-image-content div {
  position: relative;
}

#containerx{margin-top: 35px;width: 100%;overflow: hidden;}






#landing_page .hero-body h1,#landing_page .hero-body h2,#landing_page .hero-body h3{margin-bottom:0;color:#fff;width: 100%;text-align: center;}
.hero-body{width: 100%;padding: 25px;}
.hero-body p{color:#fff;width: 100%;padding: 25px;}
.hero-body .search-form {
    padding-top: 12px;
    margin: auto;
    text-align: center;
}
.hero-body .search-form input{
border: 0;
border-radius: 5px 0 0 5px;
}
.hero-body .search-form button{
    border: 0;
border-radius: 0 5px 5px 0;	
}


#landing_page .front-page-button h2, #landing_page .front-page-button h3{color: #000;text-align: left;padding: 0 0 15px 0;}
.front-page-button{margin:25px;}
.front-page-button a {margin:25px 0;padding:10px 25px;max-width: none;text-shadow:none;border: 0;}
.login-box{border:1px solid #ccc;}
.featuredcat .header{
    font-size: 24px;
    color: #3C3E4A;
    font-weight: 700;
}
.category-name{
    font-size: 20px;
    color: #3C3E4A;
    font-weight: 700;
}
/* Footer */
#footer{background: #323842; color: #aaaaaa; font-size: 14px; letter-spacing: 1px;}
#footer a {color:#ffffff;}


/* kb css */
.list-group-item{border:0;}
#kb .main-title{
    font-size: 24px;
    color: #3C3E4A;
    font-weight: 700;
}
.popular-faq{
    font-size: 18px;
    font-weight: 500;
    color: #3C3E4A;
    border-bottom: 1px solid #e6e6e6;
}
.popular-faq a{
    font-size: 18px;
    font-weight: 500;
}
.popular-faq .article-teaser{font-size: 14px;font-weight: normal;}


/* OLD css */
.bg-blue{background-color:#081753!important}
.card-header{background-color:#0d2f81;color:#fff}
.btn-primary{background-color:#0d2f81;border-color:#0d2f81}
.thread-entry.message .header{background:#FFFFFF}
.thread-entry.avatar.message .header:before{border-right-color:#bababa}
.thread-entry.avatar.message .header:after{top:7px;left:-8px;right:initial;border-left:none;border-right:7px solid #e8e8e8;margin-left:1px}
.link,a{margin-bottom:0}.link:hover,a:hover{border-bottom:0 dotted #0072bc;margin-bottom:0;cursor:pointer}
.dropdown-menu a{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}
#nav{margin:0 20px;padding:2px 10px;height:20px;background:url(../images/nav_bg.png) top left repeat-x;border-top:1px solid #aaa;box-shadow:0 3px 2px rgba(0,0,0,.4);-moz-box-shadow:0 3px 2px rgba(0,0,0,.4);-webkit-box-shadow:0 3px 2px rgba(0,0,0,.4);white-space:nowrap}
#nav li{margin:0;padding:0;list-style:none;display:inline}
#nav li a{display:inline-block;width:auto;height:20px;line-height:20px;text-align:center;padding:0 10px 0 32px;margin-left:10px;color:#333;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;background-position:10px 50%;background-repeat:no-repeat}
#faq{clear:both;margin:0;padding:5px}
#faq ol{font-size:15px;margin-left:0;padding-left:0;border-top:1px solid #ddd}
#faq ol li{list-style:none;margin:0;padding:0;color:#999}
#faq ol li a{padding:1rem 0}
#faq ol li a:hover{background-color:#e9f5ff}
#faq .article-meta{padding:5px;background:#fafafa}

#ticketForm .form-row .form-group label{width: 100%;}

#ticketForm div input,#ticketForm div textarea,#ticketForm #topicId{
  width: 100%;padding:.75rem .75rem;font-size:1rem;color:#495057;background-color:#fff;border: 1px solid #E5E7EE;
}
#ticketForm .fcdFinphone input{width: 30%;}
#ticketForm div input[type=tel]{width: 50%;}

.login-box #username, .login-box #passwd, .login-box #email, .login-box #ticketno{width: 100%;padding:.75rem .75rem;font-size:1rem;color:#495057;background-color:#fff;border: 1px solid #E5E7EE;}

#faq ol li a{padding-left:0;background:0 0}
#clientLogin{display:block;margin-top:0;padding:0;border:none;border-radius:0;box-shadow:none;background:#fff}
#loading h4{margin:3px 0 0 0;padding:0;color:#d80}
.carousel{margin-bottom:4rem}
.carousel-caption{bottom:3rem;z-index:10}
.carousel-item{height:32rem}
.carousel-item>img{position:absolute;top:0;left:0;min-width:100%;height:auto}

.marketing .col-lg-4{margin-bottom:1.5rem;text-align:center}
.marketing h2{font-weight:400}
.marketing .col-lg-4 p{margin-right:.75rem;margin-left:.75rem}
#reply{margin-top:0;padding:0;background:#fff;border:none}
.truncate{width:auto;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}b,strong{font-weight:bolder;color:#000}
.Icon{width:auto;padding-left:20px;background-position:top left;background-repeat:no-repeat;color:#069;text-decoration:none}
.Icon.Ticket{background-image:none}
.Icon.webTicket{background-image:none}
.Icon.emailTicket{background-image:none}
.Icon.phoneTicket{background-image:none}
.Icon.apiTicket,.Icon.otherTicket{background-image:none}
.Icon.attachment{background-image:none}
.Icon.file{background-image:none}
.Icon.refresh{background-image:none}
.Icon.thread{font-weight:700;font-size:1em;background-image:none}
#ticketTable{border:1px solid #aaa;border-left:none;border-bottom:none}
#ticketTable caption{padding:5px;text-align:left;color:#000;background:#ddd;border:1px solid #aaa;border-bottom:none;font-weight:700}
#ticketTable th{height:24px;line-height:24px;background:#e1f2ff;border:1px solid #aaa;border-right:none;border-top:none;padding:0 5px}
#ticketTable th a{color:#000}
#ticketTable td{padding:3px 5px;border:1px solid #aaa;border-right:none;border-top:none}
#ticketTable tr.alt td{background:#f9f9f9}
.card{border: 0}
.thread-entry.message .header,.thread-entry.response .header{/*background-color: #fafafa;*/font-size: 0.8rem;}
.card-body .card-text{font-size: 0.9rem;}
.thread-entry .thread-body{border-bottom:1px solid #ddd;}
.thread-body-data{color:#ccc;font-size: 0.8rem;}
.thread-event .description{font-size: 0.9rem;}

.btn {padding:10px 30px;} 

/* Tickets page */
#ticketThread .thread-entry .avatar{}
.thread-event .avatar {border-radius: 50%!important;width: 25px;}
.thread-entry{}
.thread-entry .attachments{border: 1px solid #f0f0f0;}
.thread-entry .header{padding-left: : 0.9em;}
/* alerts */
.errorBox{position:fixed;bottom: 0;width:100%;z-index: 9999;}
@media only screen and (max-width:768px){.display-4{font-size:2.5rem;font-weight:300;line-height:1.2;text-align:center;padding:1.25rem}}