/*!
 * Start Bootstrap
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
html {
    min-height: 100%;
    position: relative;
}
body {
    margin-bottom: 60px;
    font-family: Roboto;
    color:#333333;
}
button:focus {
  outline:0 none!important;
}
::-moz-focus-inner {
  border:0;
}
a:focus,
a:active { 
    outline:0 none;
    -moz-outline-style: none;
    text-decoration:none;
}
form {
    width: 100%;
}
/* Nav bar */
.navbar-right {
    margin-top: -75px;
}
.navbar-brand {
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    margin-left: 0 !important;
    padding: 0px;
}
.navbar-brand img {
    margin: 15px 0 0;
}
.navbar-default {
    background-color: #fff;
}
.navbar {
    border-radius: 0;
    min-height: 75px;
    border: 0 none;
    margin-bottom: 0px;
}
.navbar-default .navbar-nav > li > a {
    color: #000;
    font-size: 22px;
    font-weight: 300;
    margin: 12px 2px 0;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
    background-color: #f5f8fb;
    color: #000;
    border-radius: 6px;
}
.inside .navbar-default .navbar-nav > .active > a, 
.inside .navbar-default .navbar-nav > .active > a:focus, 
.inside .navbar-default .navbar-nav > .active > a:hover {
    background-color: #fff;
}
.navbar-default .navbar-brand-centered a:hover {
    background-color: #f5f8fb !important;
    color: #000 !important;
    border-radius: 6px !important;
}
.inside .navbar-default .navbar-brand-centered a:hover {
    background-color: #fff !important;
}
.sign-up {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 6px;
    font-size: 22px;
    font-weight: 300;
    margin: 14px 2px 0;
}
.inside .sign-up {
    border: 2px solid #f5f8fb;
}
.sign-up:hover {
    background-color: #fff !important;
    color: #000 !important;
    border-radius: 6px !important;
    border:2px solid #dee8f1;
}
.inside .sign-up:hover {
  	background: transparent none repeat scroll 0 0 !important;
}
.welcome {
    background: transparent none repeat scroll 0 0;
    font-size: 22px;
    font-weight: 300;
    margin: 22px 2px 0;
}
.welcome span{
	font-weight: 400;
}
#menu-center {
    background: #333333 none repeat scroll 0 0;
    border-bottom: 2px solid #333333;
    margin: 0 -15px;
  	display:none;
}
.home #menu-center {
    padding-bottom: 1px;
}
#menu-center .navbar-brand-centered {
    height: auto;
}
.navbar-default #menu-center .navbar-nav > li > a {
    font-size: 16px;
    font-weight: 400;
    margin: 15px 0;
    padding: 0 20px;
  	color: #fff;
}
#menu-center .active{
    border-bottom: 3px solid #7aca25;
    margin: 0 0 -2px;
}
.navbar-default #menu-center .navbar-brand-centered a{
    background-color: transparent !important;
    margin: 0 0 -2px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar-default #menu-center .navbar-brand-centered a:hover {
    /* background-color: #fff !important; */
    border-bottom: 3px solid #7aca25;
    border-radius: 0 !important;
    color: #7aca25 !important;
    margin: 0 0 -3px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar-default #menu-center .navbar-brand-centered .dashboard > a:hover {
    color: #fff !important;
}
#menu-center .dropdown-menu {
    margin: 2px 0 0 !important;
  	padding: 0;
}
.navbar-default #menu-center .navbar-brand-centered .dropdown-menu > li > a {
    margin: 0 !important;
}
.navbar-default #menu-center .navbar-brand-centered .dropdown-menu > li > a:hover {
    background: #f5f8fb !important;
    border: 0 none;
}
@media screen and (max-width:768px){
    .navbar-brand {
        padding-left: 15px;
    } 
}    
@media screen and (min-width:768px){
    .navbar-brand-centered {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: center;
        width: -moz-fit-content;
        width: -webkit-fit-content;
        width: fit-content;
        height: 75px;
    }   
}

.container-fluid.bgr.home,
.home{
    background-color: #f5f8fb;
}
.container-fluid.bgr.inside,
.inside{
    background-color: #fff;
}
.inside .navbar{
    background-color: #f5f8fb;
}
.inside .container {
    padding-bottom: 30px;
}
h1,
h2 {
    color: #585858;
}
h1 {
    border-bottom: 2px solid #dee8f1;
    font-size: 40px;
    font-weight: normal;
    line-height: 52px;
    padding: 15px 0 30px;
  	text-align: center;
}
.inside h1 {
    border: 0 none;
    font-weight: 300;
    padding: 15px 0 0;
    text-align: left;
}
h2 {
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 20px;
}
.inside h2 {
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    margin: 0;
   	line-height: 24px;
}
.block {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 10px 10px;
    margin: 0 0 30px;
    padding: 30px 20px 20px 30px;
}
h3 {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 20px;
  	text-align: center;
}
.block ul {
    margin-left: -25px;
}
.home .block ul {
  	min-height: 210px;
}
.block li:before {
    content: '\2022';
    display: block;
    position: relative;
    max-width: 0;
    max-height: 0;
    left: -15px;
    top: 0;
    color: #c8d6e2;
    font-size: 21px;
}
.block li {
    font-size: 18px;
    font-weight: 300;
    line-height: 35px;
    list-style: outside none none;
}
.block-title {
    background-color: #7aca25;
    border-radius: 10px 10px 0 0;
    color: #fff;
    padding: 1px;
}
.block-title h3 {
    font-weight: 400;
    margin: 17px 0;
}
.triangle-bottom {
    border-color: #7aca25 transparent transparent;
    border-style: solid;
    border-width: 17px 17px 0;
    display: block;
    height: 0;
    margin: -30px 0 15px -15px;
    width: 0;
}
.more a {
    background: rgba(0, 0, 0, 0) url("../img/right.png") no-repeat scroll right 10px top 10px;
    border: 1px solid #c3d0db;
    border-radius: 6px;
    color: #7aca25;
    float: right;
    font-size: 16px;
    font-weight: 600;
    margin: 15px 10px 15px 0;
    padding: 5px 45px 5px 20px;
    text-align: center;
    text-transform: uppercase;
}
.more a:hover{
	text-decoration:none;
}
.form-horizontal .checkbox{
  	padding-top: 0;
}
.signup,
.login-form{
    background: #dee8f1 none repeat scroll 0 0;
    border-radius: 10px;
    display: flex;
    margin-top: 49px;
    min-height: 300px;
    padding: 20px 15px 40px;
    font-size: 16px;
    font-weight: 300;    
}
.login-form{
    display: block;  
  	padding: 50px 50px 30px;
  	min-height: unset;
  	margin-bottom: 50px;
}
.signup label,
.login-form label{
    font-size: 16px;
    font-weight: 300;
}
.login-form label{
  	line-height:18px;
}
.signup input[type="checkbox"],
.login-form input[type="checkbox"]{
    border:0 none;
}
.bootstrap-select.form-control .btn-default {
    background-color: #fff;
    border-color: #fff !important;
    border-radius: 6px;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    padding: 6px 6px 5px 10px;
}
.tooltip3 {
    display: inline;
    position: relative;
}

.tooltip3:hover {
    color: #c00;
    text-decoration: none;
}

.tooltip3:hover:after {
    background: #111;
    background: rgba(0,0,0,.8);
    border-radius: 0.5em;
    bottom: 1.35em;
    color: #fff;
    content: attr(title);
    display: block;
    font-size: 12px !important;
    font-weight: 300 !important;
    left: -8em;
    padding: 10px;
    position: absolute;
    width: 200px;
    z-index: 98;
    white-space: normal;
    line-height: 18px;
}

.tooltip3:hover:before {
    border: solid;
    border-color: #111 transparent;
    border-color: rgba(0,0,0,.8) transparent;
    border-width: .4em .4em 0 .4em;
    bottom: 1em;
    content: "";
    display: block;
    left: 0em;
    position: absolute;
    z-index: 99;
}
.bootstrap-select.form-control .btn-default:hover {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}
.signup .checkbox label {
    padding-left: 12px !important;
}
.signup .checkbox label::before {
    border: 0 none !important;
    border-radius: 6px !important;
    height: 24px !important;
    width: 24px !important;
}
.signup .checkbox label::after {
    color: #000 !important;
    font-size: 16px !important;
    height: 23px !important;
    width: 23px !important;
    padding-left: 4px !important;
}
.login-form .checkbox label::after {
    padding-top: 0 !important;
}
.signup .checkbox, .radio {
    margin-bottom: 20px;
    margin-top: 15px;
}
.signup .btn-group.open .dropdown-toggle {
    box-shadow: none !important;
}
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.btn-primary:focus:active {
  background-image: none !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #72bc22 !important;
  border-color: #72bc22 !important;  
}
.signup .bootstrap-select .dropdown-toggle:focus {
  background-image: none !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: none !important;
}
.btn-primary {
    background-color: #7aca25;
    border-color: #7aca25;
    color: #fff;
}
.btn-primary:hover {
    background-color: #6db421;
    border-color: #6db421;
    color: #fff;
}
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary.focus:active, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.open > .dropdown-toggle.btn-primary.focus, 
.open > .dropdown-toggle.btn-primary:focus, 
.open > .dropdown-toggle.btn-primary:hover {
    background-color: #7aca25 !important;
    border-color: #7aca25 !important;
    color: #fff !important;
}
.form-control {
    background-color: #fff;
    background-image: none;
    border: 0 none;
    border-radius: 6px;
    box-shadow: none;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 17px;
}
.form-control:focus {
    border-color: none !important;
    box-shadow: none !important;
    outline: 0 none !important;
}
.form-control::-moz-placeholder {
    color: #000;
}
.form-group {
    margin-bottom: 0;
}
.help-block.with-errors {
    font-size: 13px;
}
.help-block.with-errors ol, 
.help-block.with-errors ul {
    margin-top: -12px;
}
.select .help-block.with-errors {
    margin: 20px 0 -10px;
}
.form-group.select {
    margin: 0 0 10px;
}
.form-group.select.last {
    margin: 0 0 20px;
}
#formCard,
#forgotForm,
#formUser,
#formContact,
#formLicensing{
    display: none;
}
#choosePlan #sendPlan {
    margin: 20px 0 0;
}
#sendContact {
    margin: 20px 0 0;
}
.has-error p.help-block {
    font-size: 13px;
    margin: -12px 0 10px;
}
small.help-block {
    color: #a94442;
    font-size: small;
    margin-top: -13px;
}

.login-links {
    margin: 15px 0 0;
}
.login-links a {
    color: #7aca25;
}

.inline-hints {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 15px;
}
button.close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 6px;
}

.add-cc {
    background: #7aca25 none repeat scroll 0 0;
    border-radius: 10px;
}
#addCC .signup {
    border-radius: 0 10px 10px 0;
}
.info {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    padding: 220px 60px;
}
#loginFormMenu .login-form {
    background: #fff none repeat scroll 0 0;
    margin: 0;
    padding: 0;
}
#loginFormMenu.dropdown-menu {
    border: 0 none;
    border-radius: 0 0 10px 10px !important;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.176);
    margin: 14px 0 0;
    min-width: 350px;
    padding: 50px 50px 40px;
}
#loginFormMenu .login-links > a {
    border: 0 none;
    border-radius: 0;
    margin: 0 !important;
    padding: 0 !important;
}
#loginFormMenu .login-links > a:hover {
  	color: #7aca25 !important;
}
#loginFormMenu .login-links {
    margin: 0 0 15px;
}
#loginFormMenu .form-control {
    border: 2px solid #e0eaf2;
}
#signupFormMenu .dropdown-menu {
    margin: 75px 10px 0;
    border: 0 none;
    border-radius: 0 0 5px 5px;
    padding: 10px;
}
#signupFormMenu .dropdown-menu>li>a {
    padding: 7px 20px;
}
.api .table {
    color: #585858;
    font-size: 14px;
    margin: 30px 0 !important;
    border-collapse: unset;
    border-spacing: 20px 0; 
  	border: 0 none;
}
.api .table th {
    background: #7aca25 none repeat scroll 0 0;
    border: 0 none !important;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    padding: 7px 0 !important;
}
.api .table th:first-child {
    background: none;
}
.api .table tr:last-child td {
    border: none;
  	border-radius:0 0 6px 6px;
}
.api .table > tbody > tr > td, 
.api .table > tbody > tr > th, 
.api .table > tfoot > tr > td, 
.api .table > tfoot > tr > th, 
.api .table > thead > tr > td, 
.api .table > thead > tr > th {
    border-bottom: 1px solid #e2eaf2;
    padding: 13px 0 13px 2px;
    vertical-align: middle;
	border-top: 0 none;  
}
.api .rowTitle {
    text-align: left;
  	background: #fff none repeat scroll 0 0;
}
.api td {
    background: #eff5fa none repeat scroll 0 0;
}
.api .list-line {
    margin: 28px 0 0;
}
.triangle-bottom-table {
    border-color: #7aca25 transparent transparent;
    border-style: solid;
    border-width: 17px 17px 0;
    display: block;
    height: 0;
    margin: -18px auto;
    width: 0;
}



.table {
    border: 2px solid #e5ecf2;
    color: #585858;
    font-size: 12px;
    margin: 50px 0 !important;
}
.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {
    border-top: 1px solid #f2f6f9;
}
.table a{
	color:#7aca25;
  	text-decoration:none;
}
.table a:hover{
	color:#7aca25;
  	text-decoration:underline;
}
.ed-check {
    background-image: url("/img/check.png");
    display: block;
    height: 14px;
    margin: 0 auto;
    width: 19px;
}
th, td {
    text-align: center;
    vertical-align: middle !important;
}
.docs th, 
.docs td {
    text-align: left;
}
.table-bordered th, 
.table-bordered td{
	text-align:left !important;
} 
.rowTitle{
  	text-align:right;
}
.plan-info {
    font-size: 14px;
    font-weight: 300;
}
.api .plan-info {
    border-top: 5px solid #f5f5f5;
    margin: 50px 0 0;
    padding: 40px 0 0;
}
.plan-info span {
    display: block;
    font-weight: bold;
    margin: 0 0 5px;
}
.plan-info .line {
    background: rgba(0, 0, 0, 0) url("/img/arr.png") no-repeat scroll 0 5px;
    padding: 0 0 0 15px;
}
.plan-info .line a{
    color: #7aca25;
}
.plan-info .text {
    margin: 0 0 30px;
}
.plan-info-small {
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
  	padding: 0 0 0 15px;
}
.docs-content{
	padding-top:15px;
}
.docs-content h1,
.docs-content h2,
.docs-content h3{
	text-align:left;
}
.docs-content h1 {
    font-size: 36px;
    line-height: 56px;
  	padding:0;
}
.docs-content h2 {
    font-size: 26px;
    line-height: 46px;
    font-style: normal;
}
.docs-content h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;  
}
.docs-content .table {
    margin: 20px 0 !important;
}
.dropdown-menu .disabled {
    font-size: 17px;
    padding: 15px 0 3px;
}
/* Footer */
.footer {
    background-color: #f5f8fb;
    bottom: 0;
    height: 60px;
    position: absolute;
    width: 100%;
    font-size: 10px;
    text-transform: uppercase;    
}
.footer .list-inline {
    margin-left: 0;
}
.footer ul.list-inline li:first-child {
    display: block;
    float: left;
    padding: 6px 5px 0 0;
}
.footer .container-fluid {
    padding-top: 20px;
}
.popupOpen {
    background-color: #ff5a1e;
    border-radius: 5px;
    color: #fff !important;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin: 10px auto;
    padding: 8px;
    text-transform: uppercase;
    width: 140px;
}
.popupOpen:hover{
	text-decoration:none !important;
}
.terms ul {
    list-style-type: lower-alpha;
}
.title-form {
    margin: 30px 0 -40px;
}
.title-form h3 {
    text-align: left;
}
.dashboard > a {
    color: #999 !important;
  	border-bottom: 0 none !important;
}
.apps h3{
  	text-align: left;
}
.apps .table.table-sm.head {
    border: 0 none;
    margin: 0 0 -60px !important;
  	padding: 0;
}
.apps .table.table-sm.head td {
    padding: 0;
}
.apps .table.table-sm.head h3,
.dashboard h3,
.msgs h3,
.stat h3,
.acc h3{
    text-align: left;
}
.apps .table.table-sm {
    padding: 0 10px;
    border-collapse: unset;
    border-radius: 5px !important;
  	border: 1px solid #e5ecf2;
}
.apps .operations {
    margin: 50px 0 20px;
}
.apps .table.table-sm.head td {
    padding: 0 0 5px !important;
    text-align: right;
    vertical-align: middle;
}
.apps h1 {
    font-size: 30px;
}
.btn-default {
    background-color: #fff;
    border: 1px solid #e5ecf2;
    color: #333 !important;
}
.btn-default:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
    text-decoration:none !important;
}
.left-arr{
  	color:#7aca25;
  	font-size: 20px;
}
.apps .title {
    border-bottom: 1px solid #dee8f1;
    padding: 0 0 10px;
}
.apps .sixty h3 {
    font-weight: unset;
  	color: #000;
  	margin-bottom: 10px;
}
.apps .key {
    color: #7aca25;
    font-size: 17px;
}
.apps .sub {
    color: #8a8a8a;
    font-size: 12px;
    font-style: italic;
}
.apps .sixty .data-container,
.apps .sixty .right{
    border-bottom: 1px solid #dee8f1;
    margin: 0 0 10px;
    padding: 0 0 10px;
}
.apps .sixty .operations {
    margin: 0;
}
.apps .sixty #keys.data {
    margin: 20px 0;
}
.apps .sixty #application_keys .operations {
    float: right;
    margin: -39px 0 0;
}
.apps .sixty #keys tr {
    line-height: 40px;
}
.apps .sixty .delete_key {
    padding: 0 0 0 10px;
}
.apps .sixty .data-container th {
    font-size: 18px;
    font-weight: normal;
    line-height: 40px;
    padding: 0 10px 0 0;
}
.apps .sixty .data-container td {
    font-size: 18px;
    font-weight: normal;
    color:#7aca25;
}
.apps .sixty .pro.btn.btn-default,
.apps .sixty .right .pro{
    float: right;
    margin: -39px 0 0;
}
.apps dl.select-service-list {
    padding: 20px 0 0;
}
.apps dt.service {
    line-height: 25px;
}

.plan-preview-box div.plan-preview {
    width: 420px !important;
}
.plan-preview-box {
    height: 545px !important;
  	padding: 15px !important;
   	background: #dee8f1 none repeat scroll 0 0 !important;
  	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5) !important;
}
.plan-preview-box .close-box {
    right: 5px !important;
    top: 5px !important;
}
.w140 {
  	width: 140px !important;
}
.bgr-col {
    background: #dee8f1 none repeat scroll 0 0;
    margin: 30px 0;
    padding: 30px;
}
.bgr-col h1 {
    margin: 0;
    padding: 0 0 30px;
    text-align: center;
  	font-family: unset;
}
.bgr-col li {
    list-style: outside none none;
  	line-height: 35px;
}
.bgr-col ol {
    padding: 0;
}
.bgr-col .commit {
    text-align: right;
}
.row .inline-errors {
    color: #a94442;
    font-size: 13px;
    font-weight: 300;
    margin-top: -20px;
}
.row .terms {
    margin-top: -15px;
}
.sub-title-home {
    padding: 0 0 15px;
}
#choosePlan .btn-primary,
#formContact .btn-primary,
#formUser .btn-primary,
#formCard .btn-primary{
	text-transform: uppercase;
}
.red h2{
	color:#a94442;
}
.flag {
    display: inline-block;
    width: 25px;
    height: 15px;
    background: url('/img/flags.png') no-repeat;
}
.flag.flag-es {
    background-position: 0 0;
}

.flag.flag-en {
    background-position: -25px 0;
}
.en > a, .es > a {
    margin: 42px 15px 0 -8px !important;
    padding: 0 !important;
}
.msgs .table,
.acc .table{
    background-color: #fff;
    border: medium none;
    margin: 10px 0 0 !important;  
}
.msgs th, 
.msgs td {
    padding-left: 20px !important;
    text-align: left;
}
.msgs th {
    border-bottom: medium none !important;
}
.msgs .bgr-col,
.acc .bgr-col{
    margin: 20px 0 0;
}
.msgs .nav-pills,
.acc .nav-pills{
    margin: 20px 0 0;
}
.msgs .bgr-col p {
    margin: 0;
    padding: 50px;
    text-align: center;
}
.msgs .messageContent p {
    background: #fff none repeat scroll 0 0;
    border-radius: 6px;
    font-weight: 300;
    margin: 10px 0 20px !important;
    padding: 20px !important;
    text-align: left !important;
}
.msgs .messageDetails .row {
    padding: 5px 0;
}
.pagination {
    float: right;
    font-size: 16px;
    margin: 20px 0 0;
    text-transform: uppercase;
}
.pagination > span, 
.pagination > a {
    padding: 0 5px;
}
.empty_trash {
    margin: 0 0 10px;
}
.stat h3 {
    font-size: 19px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 15px 0 0 !important;
}
.stat #usage-total {
    color: #7aca25 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}
.stat #buyer-stats {
    background: #fff none repeat scroll 0 0;
    margin: 15px 0!important;
    padding: 30px!important;
    width: 100% !important;
}
.nav-pills > li > a {
    color: #333;
}
.nav-pills > li.active > a {
    background-color: unset;
    color: #7aca25;
}
.nav-pills > li.active > a:hover {
    background-color: #eee;
    color: #333;
}
.acc hr {
    border-color: #fff;
}
.acc #account_details .table-display .row {
    padding: 5px 0;
}
.acc #subsubmenu.nav-pills > li {
    line-height: unset;
}
.acc .row.ins.bgr-col {
    padding-top: 0;
}
.acc .row.usr.bgr-col {
    padding-top: 15px;
}
.acc .row.inv.bgr-col {
    padding-top: 30px;
}
.acc #invitation_email.form-control {
    margin-bottom: 5px;
}
.acc .inline-hints {
    font-weight: 300;
}
.acc .formtastic.invitation-form {
    margin: 25px 0 0;
}
.acc legend {
    font-size: 22px;
    font-weight: 300;
    margin: 20px 0;
    text-align: left;
}
.bgr-col li label.pass {
    line-height: normal;
}
.supp h6 {
    font-weight: 400;
    margin: 10px 0 0 15px;
}
#analysisStartup, #searchStartup, #databaseStartup, #databaseUnlimited{
	background-color: #7aca25;
}
.mobile-nav{
	display:none;
}
#formUser .has-error label a {
    color: #a94442;
}
@media screen and (max-width: 767px) {
  .navbar-default .navbar-nav > li > a {
      font-size: 18px;
  }  
  .navbar-right {
      margin-top: 10px;
  }
  .navbar-collapse {
      border-top: none;
  }
  .sign-up {
      border-radius: 10px;
      font-size: 18px;
      font-weight: 300;
      width: 100%;
      text-align: left;
      margin: 0 0 10px;
      padding: 8px 15px;
  } 
  .home .sign-up {
      background: #fff;
      border: 2px solid #fff;
  }  
  .inside .sign-up {
      background: #f5f8fb;
      border: 2px solid #f5f8fb;
  }   
  .home .sign-up:hover {
      background-color: #f5f8fb !important;
      border: 2px solid #fff;
      border-radius: 10px;
  } 
  .inside .sign-up:hover {
      background-color: #fff !important;
      border: 2px solid #f5f8fb;
      border-radius: 10px;
  }   
  h1 {
      font-size: 30px;
      line-height: 40px;
  } 
  #menu-center{
  	  display:none !important;
  }
  .home .mobile-nav {
      background: #f5f8fb;
  } 
  .mobile-nav {
      display: block;
      background: #fff;
      padding: 0px 10px 10px;
      margin: 0px 0px 20px 0px;
      border-radius: 10px;
  } 
  .home .mobile-nav > li > a:hover,
  .home .mobile-nav > .open > a, 
  .home .mobile-nav > .open > a:focus, 
  .home .mobile-nav > .open > a:hover {
      background-color: #fff;
  } 
  .inside .mobile-nav > li > a:hover,
  .inside .mobile-nav > .open > a, 
  .inside .mobile-nav > .open > a:focus, 
  .inside .mobile-nav > .open > a:hover {
      background-color: #f5f8fb;
  }
  div.navbar-nav.mobile-nav {
      padding-top: 15px;
      text-align: center;
  }  
  #loginFormMenu.dropdown-menu {
      background: #fff;
  } 
  .footer ul.list-inline li:first-child {
      display: block;
      float: none;
      padding: 6px 5px 5px 0;
  }  
  .footer .container-fluid {
      padding-top: 3px;
  } 
  .list-inline > li {
      display: inline-block;
      padding-right: 10px;
      padding-left: 0px;
  }
  .pull-right .list-inline li ~ li {
      float: left;
  }  
}
.highlight {
    padding: 20px;
    margin: 15px 0;
    background-color: #f5f8fb;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    text-align: center;
}
.highlight img {
    margin: 0 5px;
}
.examples {
    text-align: center;
}
.examples img {
    border: 1px solid #eaeaea;
    margin: 20px 10px;
    width: 30%;
}
.logos{
 	background: #fff;
  	margin-top: 25px;
  	padding-bottom: 25px;
}
.logos h2 {
    text-align: center;
 	margin: 25px 0 35px 0;
}
.logos .list-inline {
    text-align: center;
}
.logos .list-inline > li {
    padding: 0 20px 10px 20px;
  	min-height: 80px;
}

.demo-api {
    text-align: center;
    padding-top: 50px;
    border-top: 5px solid #f5f5f5;
}
.analysis-api {
    text-align: center;
    padding-top: 50px;
    border-top: 5px solid #f5f5f5;
}

.demo-result .col-md-12{
  	padding:0;
}

.demo-result th {
    font-weight: 400;
    text-align: left;
}
.demo-result .table {
    margin-bottom: 20px !important;
}
.demo-result span.addition {
    font-size: 12px;
    font-weight: 500;
}
span.addition-i {
    font-size: 13px;
    font-weight: 500;
    margin: 30px 0 -30px 0;
    display: block;
    color: orange;
}
span.addition-e {
    font-size: 13px;
    font-weight: 500;
    margin: 15px 0 20px 0;
    display: block;
    color: red;
}
.row.calc {
	background: #eee;
    border-radius: 5px;
    margin: 30px 0px;
    padding: 20px 0;
}
.row.calc h3 {
    text-align: left;
}
.row.calc input.form-control {
    width: 50px;
    display: inline-block;
    height: 34px;
    text-align: center;
    font-size: 14px;
}
.row.calc .bootstrap-select.form-control:not([class*=col-]){
  	/* width: 280px;*/
    margin: 0 0 15px 0px; 
}
h3.calc{
	display: inline-block;
}
.checkbox.calc{
    display: inline;
    margin-left: 5px;
}
.row.calc .min-max h3{
	margin-top: 5px;
}
.row.calc .min,
.row.calc .max{
	width: 75px !important;
}
.row.calc1 .more a {
    margin: 15px auto;
    float: none;
    display: block;
    width: 140px;
    line-height: 30px;
    font-size: 16px;
}
.row.calc1 .bootstrap-select.form-control .btn-default {
    font-size: 14px;
}
.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc);
    width: 50px;
    height: 50px;
    padding: 6px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 10px 15px;
}
.num-title {
    background: #ddd;
    margin: 0 0 10px;
    padding-top: 10px;
    border-radius: 6px;
}
.cir-title {
    line-height: 50px;
    font-size: 18px;
}
.calc.calcres {
    text-align: center;
    font-size: 20px;
    background-color: #444a5a;
    color: #fff;
  	display:none;
}
.calcres a#recipeLicensing {
    margin-top: 20px;
}


.performance-facts {
	border: 1px solid black;
	margin: 20px auto;
	width: 280px;;
	padding: 0.5rem;
	color: #000;
	font-family: Roboto;
}
.performance-facts table {
  border-collapse: unset;
  border-spacing: 0;
}

.performance-facts__title {
  font-weight: bold;
  font-size: 38px;
  margin: 0 0 0.25rem 0;
}

.performance-facts__header {
  border-bottom: 10px solid black;
  padding: 0 0 0.25rem 0;
  margin: 0 0 0.5rem 0;
}
.performance-facts__header p {
  margin: 0;
  font-size: 18px;
  display: none;
}

.performance-facts__table, .performance-facts__table--small, .performance-facts__table--grid {
  width: 100%;
}
.performance-facts__table thead tr th, .performance-facts__table--small thead tr th, .performance-facts__table--grid thead tr th, .performance-facts__table thead tr td, .performance-facts__table--small thead tr td, .performance-facts__table--grid thead tr td {
  border: 0;
}
.performance-facts__table th, .performance-facts__table--small th, .performance-facts__table--grid th, .performance-facts__table td, .performance-facts__table--small td, .performance-facts__table--grid td {
  font-weight: normal;
  text-align: left;
  padding: 0.25rem 0;
  border-top: 1px solid black;
}
.performance-facts__table td:last-child, .performance-facts__table--small td:last-child, .performance-facts__table--grid td:last-child {
  text-align: right;
}
.performance-facts__table .blank-cell, .performance-facts__table--small .blank-cell, .performance-facts__table--grid .blank-cell {
  width: 1rem;
  border-top: 0;
}
.performance-facts__table .thick-row th, .performance-facts__table--small .thick-row th, .performance-facts__table--grid .thick-row th, .performance-facts__table .thick-row td, .performance-facts__table--small .thick-row td, .performance-facts__table--grid .thick-row td {
  border-top-width: 5px;
}

.small-info {
    font-size: 11px;
}

.performance-facts__table--small {
  border-bottom: 1px solid #999;
  margin: 0 0 0.5rem 0;
}
.performance-facts__table--small thead tr {
  border-bottom: 1px solid black;
}
.performance-facts__table--small td:last-child {
  text-align: left;
}
.performance-facts__table--small th, .performance-facts__table--small td {
  border: 0;
  padding: 0;
}

.performance-facts__table--grid {
  margin: 0 0 0.5rem 0;
}
.performance-facts__table--grid td:last-child {
  text-align: right;
}
.performance-facts__table--grid td:last-child::before {
  font-weight: bold;
  margin: 0 0.25rem 0 0;
}
.performance-facts__table #lkcal-val {
    font-size: 35px;
    font-weight: bold;
    font-family: Roboto;
	border: 0 none;
}
.performance-facts__table #lkcal-val-cal {
    font-size: 35px;
	border: 0 none !important;
}
.performance-facts__table .amps{
	font-size: 16px;
	font-weight: bold !important;
	margin: 0 -200px -10px 0 !important;
	display: block;	
}
.performance-facts__table .nob {
	border:0 none !important;
}
.pwb {
    float: right;
}
.label-bottom{
	padding: 15px 0;
	width: 280px;
	margin: 0 auto;
	font-size: 13px;
}
.performance-facts-recipe-title {
    font-size: 18px;
    padding: 10px 0;
}


.demo-search h2 {
    text-align: left !important;
    margin: 30px 0 10px 10px;
    font-style: normal;
    color: #333;
}
.card-header .btn.btn-link {
    color: #000;
    font-size: 18px;
    padding: 0 0 0 15px;
  	text-decoration:none;
}
.card-header .btn.btn-link:hover {
    text-decoration:none;
}
.demo-search #accordion {
    min-height: 420px;
}
.search-btn-line {
    text-align: center;
    bottom: 0;
    position: absolute;
    width: 100%;
}
.bgr-row .search-btn-line {
    position: relative;
}
.search-btn-line a {
    font-size: 18px;
    text-transform: uppercase;
    margin: 20px 0;
    padding: 6px 50px;
    font-weight: 500;
}
.card-body {
    background-color: #ececec;
    margin:0 8px 8px;
    border-radius: 6px;
    padding: 5px 17px;
    font-size: 17px;
    font-weight: 300;
}
.card-body h3 {
    text-align: left;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0 20px 0;
}
.card-body .search{
    width: 100%;
    border-radius: 5px;
    padding: 5px;
    margin: 10px 0;
    font-size: 17px;
    font-weight: 400;
    border: 1px solid #ccc;
  	outline: none;
}
.card-body .search:focus{
  	outline: none;
}
.card-body .search.cal {
    width: 220px;
}
.desc span{
	color: #7aca25;
}
.card-body .glyphicon-chevron-up {
    float: right;
    top: -40px;
    font-size: 20px;
    color: #7aca25;
    cursor: pointer;
    right: -2px;
}
.card-header .glyphicon-chevron-down {
    float: right;
    font-size: 20px;
    color: #7aca25;
    margin: 4px 13px 0 0;
}
.card-header h5 {
    cursor: pointer;
}
.checkbox-button {
  cursor: pointer;
}
.checkbox-button__input {
    opacity: 0;
    position: absolute;
}
.checkbox-button__control {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background-color: inherit;
    border: 1px solid #ccc;
    border-radius:2px;
  	background: #fff;
  	margin: -3px 0 0px;
}
.checkbox-button__input:checked+.checkbox-button__control:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    background-color: #7aca25;
}
.checkbox-button__input:checked+.checkbox-button__control {
    border-color: #ccc;
}
span.mdesc {
    font-weight: 300 !important;
    font-size: 14px;
    color: #aeaeae !important;
    margin: 0 5px;
}
.checkbox-button span {
    color: #333;
    font-weight: 500;
}
.desc .row {
    /*margin: 0 0 10px;*/
}
.checkbox-button__label {
    margin: 0 0 0 3px;
}
.mdesc .search.nut {
    width: 150px;
  	margin: 0;
}
.nutr span.mdesc {
    margin: -30px 5px 0 200px;
    position: absolute;
  	color: #333 !important;
  	display: none;
}
.nutr .checked span.mdesc {
	display: block;
}
.nutr p {
    margin: 0 0 20px;
}
.card-body.err{
    background-color: #fbd9d9;
}
.err .search {
    border: 1px solid #f96868;
}
.loading-area,
.result-area,
.noresult-area{
	display:none;
    min-height: 220px;
}
.loading-area{
    min-height: 470px;
    padding: 80px 0 0;
}
.loader {
    border: 10px solid #f3f3f3;
    border-top: 10px solid #7aca25;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 1.5s linear infinite;
    margin: 0 auto;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.signup .loader {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #7aca25;
    width: 50px;
    height: 50px;
    top: 45%;
    position: fixed;
    left: 45%;
  	display:none;
}
.table-res-recipe img {
	width: 170px;
    margin: -15px 0 0 -15px;
}
.table-res-recipe tbody th {
	font-size: 13px;
    font-weight: 400;
    text-align: left;
    padding: 0;
    vertical-align: top !important;
    background: #fff;
}
.table-res-recipe {
    width: 100%;
    border-radius: 5px 5px 0px 0px;  
}

.table-res-recipe tbody tr {
    border-bottom: 20px solid #fff;
}
.table-res-recipe thead th {
    line-height: 35px;
    color: #fff;
    text-align: left;
    padding: 0 0 0 16px;
}
.result-area h4 {
    font-size: 25px;
}
.result-area h1 {
    padding: 30px 0 15px 0;
}
.result-area .back {
    margin-top: -42px;
    margin-bottom: 12px;
    margin-left: 0px;
    border: 1px solid #7aca25;
    color: #7aca25;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    width: fit-content;
}
b.mes {
    float: right;
    padding: 0 16px 0 5px;
}

.nutr-block {
    min-width: 150px;
    font-size: 13px;
    margin-bottom: 30px;
    padding: 15px 15px 0;
    box-shadow: 1px 2px 6px #ccc;
}
.nutr-block .bgr{
	background: #F3F3F3 !important;
}
.img-block{
	width:20%;
}
.result-area .recipe-title {
    font-size: 17px;
    font-weight: 500;
	padding-right: 20px;
}
.result-area .recipe-labels {
    line-height: 21px;
    padding-top: 10px;
	padding-right: 20px;
}
.inp {
    padding: 20px;
    display: none;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
}
.inp span {
    font-weight: 300 !important;
    font-size: 14px;
    color: #aeaeae !important;
    margin: 0 5px;
}
.noresult-area h2 {
    text-align: center !important;
    width: 100%;
}
.search-back {
    margin: 30px auto;
    display: block;
}
.demo-search-api {
    text-align: center;
    margin: 20px 0 0;
}
.demo-analysis {
    min-height: 500px;
}
.demo-analysis p{
    line-height: 24px;
    padding: 20px 0 0;
}
.demo-analysis span.example {
    color: #7aca25;
    font-weight: 500;
}
.demo-analysis textarea {
    border: 1px solid #ddd;
    margin: 20px 0;
}
.demo-analysis .demo-result-label {
    margin: 20px 0 0 0;
}
.demo-analysis td {
    background: none !important;
}
.demo-analysis .performance-facts {
    margin: 40px 10px auto;
    width: auto;
    padding: 0 20px;
}
.calc-analysis-api-new{
	display:none;
  	margin-left:10px;
}
#forum th, #forum td {
    text-align: left;
    vertical-align: middle !important;
    padding: 5px 10px;
}
#forum .data.threads{
    margin: 0 auto;
}
.stat.inside .col-md-10.col-md-offset-1 {
    margin-top: 0;
}
.acc h3 {
    margin-bottom: 0px;
    font-size: 19px;
    font-weight: 400;
}
#limit_alerts form {
    display: inline;
}
#limit_alerts .no_results td {
    padding-top: 30px;
}
.acc .form-group.select {
    margin: -15px;
}
.acc .alert td {
    padding: 5px;
}

.banner-home {
    background: #f1f1f1;
    text-align: center;
  	display: contents;
}
.banner-home h1 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
    border: 0 none;
    padding: 0;
 	font-weight: 500;
}
.banner-home span{
	color:#FF8400;
}
.banner-home .popupOpen {
    width: 150px;
    margin: 0 auto 20px; 
}
#billing_address th,
#credit_card th,
#billing_address td,
#credit_card td{
    text-align: left;
    padding-left: 20px;
}
.table > tbody > tr > th {
    width: 160px;
}
#stripe-form .col-md-10.operations {
    text-align: center;
    width: 100%;
}
button#stripe-submit {
    text-align: center;
    float: none !important;
    margin-top: 20px;
}
.well.StripeElementsForm {
    text-align: center;
}
a.editCardButton {
    cursor: pointer;
    background: #7aca25;
    width: 180px !important;
    color: #fff;
    padding: 8px 5px;
    text-align: center !important;
    border-radius: 5px;
    font-style: unset !important;
    text-decoration: none !important;
}
i.fa.fa-pencil {
    display: none;
}
a.editCardButton:hover{
	text-decoration:none;
}
#stripe-form legend {
    padding-top: 25px;
}
.str-btn a.btn.btn-primary {
    width: 180px !important;
}

/* ======== Demo Search ======== */
body {
    background-image: url(/images/bgr_demo.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    padding-bottom: 70px;
  	background-size: cover;
}
.demo-search .checkbox-button__input:checked+.checkbox-button__control {
    background: #7aca25;
}
.demo-search .checkbox-button__input:checked+.checkbox-button__control:after {
    content: "";
    display: block;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 7px;
    top: 3px;
    width: 6px;
    height: 13px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
}
.demo-search .checkbox-button {
    cursor: pointer;
    background: #F3F3F3;
    padding: 8px;
    border-radius: 25px;
    min-width: fit-content;
    white-space: nowrap;
	margin-bottom: 15px;
}
.demo-search .checkbox-button__control {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    border-radius: 50%;
    background: url(https://www.iconninja.com/files/880/528/63/to-add-new-plus-create-icon.svg);
    background-color: #fff;
    margin: 0px 0 0px;
}
.demo-search .close_control {
	cursor: pointer;
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background: url(https://www.iconninja.com/files/880/528/63/to-add-new-plus-create-icon.svg);
    background-color: transparent;
    margin: 0px -10px 0px 15px;
    transform: rotate(45deg);
    border: 0 none;
}
.demo-search .one_control {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    border-radius: 50%;
    background: url(https://www.iconninja.com/files/880/528/63/to-add-new-plus-create-icon.svg);
    background-color: #7ACA25;
    margin: 0px 10px 0px -5px;
}
.demo-search .back-btn {
	border-radius: 6px !important;
    color: #353946 !important;
    float: left !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin: 30px 0 0 -15px !important;
    text-align: center !important;
    background: transparent !important;
    border: 0;
    padding: 0;
    text-transform: none;
}
.demo-search h1 {
    color: #353946;
    font-size: 28px;
    margin: 0;
    padding: 0;
}
.demo-search h2 {
    text-align: left !important;
    margin: 20px 0 10px 0px;
    font-style: normal;
    color: #7B7B7B;
    font-size: 13px;
}
.demo-search .demo-block {
    background: #fff !important;
    margin-top: 10px !important;
    min-height: 500px;
    box-shadow: 0px 3px 8px 4px #ddd;
    border-radius: 5px;
	padding: 0;
}
.demo-search .card-body {
    background-color: #fff;
    margin: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    font-weight: 300;
}
.demo-search .desc {
    font-size: 15px;
    color: #7B7B7B;
    margin-top: 30px;
    font-weight: 400;
}
.demo-search .desc span {
    color: #7B7B7B;
    font-weight: 400;
}
.demo-search .center-col {
    min-height: 500px;
    border-left: 1px solid #EDEDED;
}
.demo-search .desc-title {
    font-size: 15px;
    margin-top: 40px;
    font-weight: 400;
}
.demo-search .input-group-addon,
.demo-search .input-group-addon-top  {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: inherit;
    color: #fff;
    text-align: center;
    background-color: #7ACA25;
    border: 0;
    border-radius: 0 5px 5px 0;
    display: inherit;
    margin: 10px 0 0 -35px;
    position: absolute;
	cursor: pointer;
	z-index: 1;
}
.demo-search .input-group-addon-top {
    display: inline-block !important;
}
.demo-search .input-group-addon, 
.demo-search .input-group-btn {
    width: auto;
    white-space: nowrap;
    vertical-align: middle;
}
.demo-search .card-body .search {
    width: 100%;
    border-radius: 5px;
    padding: 5px;
    margin: 10px 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    border: 1px solid #ccc;
    outline: none;
}
.demo-search .search-row .search{
    width: 88%;
    border-radius: 5px;
    padding: 5px;
    margin: 10px 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    border: 1px solid #ccc;
    outline: none;
}
.demo-search .search-row .input-group-addon{
    display: inline-block;
}
.demo-search .card-header .btn.btn-link {
    color: #000;
    font-size: 17px;
    padding: 10px 0;
    text-decoration: none;
	border-bottom: 2px solid transparent;
}
.demo-search .demo-block .btn.btn-link.active {
    border-bottom: 2px solid #7ACA25;
    padding-bottom: 10px;
    color: #7ACA25;
}
.demo-search .demo-block .checkbox-button__label {
    margin: 0 0 0 3px;
    font-weight: 400 !important;
    font-size: 13px;
}
.demo-search .check-contain{
	position: inherit;
}
.demo-search .nutr span.mdesc {
    margin: 0;
    position: absolute;
    font-size: 12px;
    z-index: 100000;
    width: 280px;
    height: 105px;
    background: #fff;
    margin-top: 10px;
    padding: 0;
    box-shadow: 3px 2px 6px 1px #ddd;
    border-radius: 5px;
	white-space: normal;
}
.demo-search .range-slider {
    background: #fff;
    padding: 0px 10px;
    font-weight: 600;
}
.demo-search span.mdescs {
    font-weight: 600 !important;
    font-size: 13px;
}
.demo-search .range-check.check-contain {
    position: absolute;
    top: 60px;
    right: 11px;
    z-index: 111111111111;
}
.demo-search .irs--round .irs-handle,
.demo-search .irs--big .irs-handle{
    border: 0 !important;
    background: #7aca25 !important;
    border-radius: 24px !important;
    height: 24px !important;
    width: 24px !important;
    top: 26px !important;
    box-shadow: 0 1px 3px rgb(0 0 255 / 30%) !important;
}
.demo-search .irs--round .irs-bar,
.demo-search .irs--big .irs-bar {
    background-color: #7aca25;
}
.demo-search .irs--round .irs-from, 
.demo-search .irs--round .irs-to, 
.demo-search .irs--round .irs-single,
.demo-search .irs--big .irs-from, 
.demo-search .irs--big .irs-to,
.demo-search .irs--big .irs-single{
    background-color: transparent;
	font-size: 12px;
    top: 50px;	
}
.demo-search .irs--round .irs-from:before, 
.demo-search .irs--round .irs-to:before, 
.demo-search .irs--round .irs-single:before,
.demo-search .irs--big .irs-from:before,
.demo-search .irs--big .irs-to:before,
.demo-search .irs--big .irs-single:before{
    border-top-color: #fff;
}
.demo-search .irs--round .irs-min, 
.demo-search .irs--round .irs-max,
.demo-search .irs--big .irs-min,
.demo-search .irs--big .irs-max{
    background-color: transparent;
	font-size: 12px;
    top: 50px;	
}
.irs--big .irs-bar {
    top: 36px !important;
    height: 4px !important;
    background-color: unset !important;
    border: 1px solid #7aca25 !important;
    background: #7aca25 !important;
    box-shadow: none !important;
}
.irs--big .irs-single {
    color: #666 !important;
    text-shadow: none !important;
    padding: 1px 5px !important;
    background-color: unset !important;
    background: none !important;
    border-radius: unset !important;
    font-weight: 600 !important;
}
.demo-search .checkbox-title {
    padding: 5px 10px;
}
.demo-search .irs--round,
.demo-search .irs--big {
    height: 70px;
    top: -20px;
}
.irs--big .irs-line {
    top: 36px !important;
    height: 4px !important;
    border-radius: 4px !important;
    border: 0 !important;
    background: #dee4ec !important;
}
.demo-search .irs--big .irs-min, 
.demo-search .irs--big .irs-max {
    top: 50px;
    padding: unset;
    text-shadow: unset;
    background-color: #9f9f9f;
    border-radius: unset;
    font-weight: 600;
    color: #7B7B7B !important;
    background: transparent;
}
.right-col {
    min-height: 685px;
	padding-top: 30px;
}
.right-col.bgr-row {
    background: #F6F6F6;
}
.demo-search span.right-filter {
	background: #fff;
    padding: 8px 15px;
    border-radius: 25px;
    width: fit-content;
    display: inline-block;
    margin: 0 10px 10px 0;
    font-size: 13px;
    font-weight: 500;
}
.nutrientsValue:nth-of-type(1){
	margin-top:20px;
}
.mdesc-info {
    display: none;
}
.control-info {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    border-radius: 50%;
    background: url(/images/info.svg);
    background-color: #fff;
    margin: 0px 0 0px 5px;
	background-size: 23px;
}

.control-info.arr {
    display: block;
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    padding: 10px;
    z-index: 1;
    top: -35px;
    background: #fff;
    box-shadow: 0px 1px 4px 2px #ddd;
    border-radius: 3px;
    cursor: auto;
}

.demo-search .tooltip3:hover:after {
	background: #fff;
    border-radius: 3px;
    bottom: 30px;
    color: #666;
    content: attr(title);
    display: block;
    font-size: 12px !important;
    font-weight: 300 !important;
    left: -8em;
    padding: 10px;
    position: absolute;
    width: 200px;
    z-index: 98;
    white-space: normal;
    line-height: 18px;
    box-shadow: 1px 2px 4px 2px #ddd;
}

.demo-search .tooltip3:hover:before {
    border: solid;
    border-color: rgba(255,255,255,1) transparent;
    border-width: .4em .4em 0 .4em;
    bottom: 24px;
    content: "";
    display: block;
    left: 5px;
    position: absolute;
    z-index: 99;
}
.mdesc-cal {
    width: 100%;
    border-top: 1px solid #eaeaea;
    margin-top: 15px;
    padding-top: 10px;
}
.mdesc-cal .range-check.check-contain {
    top: 0px;
}
.protein, .fat, .carbs {
    text-transform: uppercase;
	line-height: 25px;
}
.nutr-block span:last-child {
    float: right;
    text-transform: lowercase;
	font-weight: 600;
}
.nutr-block ul {
	list-style: none;
    padding: 0;
}
.nutr-block .nutr-left li::before {
    content: "•";
    font-size: 40px;
    padding: 0;
    vertical-align: middle;
}
.nutr-block li.protein::before {
    color: #7ACA25;
}
.nutr-block li.fat::before {
    color: #FFBE61;
}
.nutr-block li.carbs::before {
    color: #F14647;
}
.nutr-block .daily-cal-area {
	text-align: center;
    font-weight: 600;
}
.nutr-block .daily-cal {
	font-size: 30px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 25px;
    display: inline-block;
}
.nutr-block .serv {
    margin-bottom: 5px;
    text-align: center;
    margin-top: 15px;
    font-weight: 600;
}
.nutr-block ul.nutr-right,
.nutr-block ul.nutr-left {
    margin-top: 15px;
}
.nutr-block .nutr-right li {
    line-height: 23px;
}
.data-block.nutr-block{
	width: 20%;
}
.data-block.labels-block{
    width: 60%;
}
.demo-search .err {
    border-color: #a94442 !important;
}
.search-row{
	display:none;
}
.recipe-ico{
	position: absolute;
    width: 90px;
    height: 46px;
    background: url(/images/recipe-ico.png);
    background-position: -10px 0px;
    background-size: 70%;
    background-repeat: no-repeat;
    left: 0;	
}
.r-title {
    font-size: 19px;
    font-weight: 600;
    padding-bottom: 10px;
}
.food-ico{
	position: absolute;
    width: 90px;
    height: 46px;
    background: url(/images/food-ico.png);
    background-position: -10px 0px;
    background-size: 70%;
    background-repeat: no-repeat;
	left: 15px;
    top: 5px;
}
.recipes-area{
	display:inline-table;
}
.result-area-nav .res-nav {
    text-align: center;
    font-size: 13px;
    padding: 15px;
}
.res-nav span {
    font-weight: 600;
}




.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(33%, 0, 0);
     transform: translate3d(33%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
      left: 0;
      -webkit-transform: translate3d(-33%, 0, 0);
      transform: translate3d(-33%, 0, 0);
}
.carousel-control.left,.carousel-control.right {background-image:none;}
.well {
    border: 0 none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;	
}
.center-block {
    max-width: 150px;
    width: 150px;
}
.well .nutr-block {
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.well .nutr-block .serv {
    margin-bottom: 0px;
    text-align: center;
    margin-top: 10px;
    font-weight: 500;
    font-size: 11px;
}
.well .nutr-block ul.nutr-left {
    margin-top: 0;
}
.well .nutr-block .daily-cal {
    font-size: 27px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 20px;
    display: inline-block;
}
.well .protein, .well .fat, .well .carbs {
    text-transform: uppercase;
    line-height: 20px;
}
.well .bgr-nutr{
	background: #fff;
}
.well .carousel-control.right {
    background: url(/images/slider-next.png);
    background-repeat: no-repeat;
    background-position: center;
	background-size: 80%;
}
.carousel-control {
	opacity: 0.8;
}
.pl-0 {
    padding-left: 0px !important;
}
.well .recipe-title-box {
    width: 150px;
    position: absolute;
}
.well .recipe-title {
    font-size: 13px;
    font-weight: 500;
    padding: 5px 10px;
    background: #fff;
    max-width: 150px;
    z-index: 1;
    position: absolute;
    bottom: 0;
}

.err .input-group-addon {
    background-color: #A94443;
}
.err input.search.q {
    color: #A94443;
	border-color: #a94442 !important;
}
input.search.nut.min {
    margin-right: 10px;
}
input.search.nut.max {
    margin-right: 5px;
}
.mdesc-cal input.search {
    width: 60px !important;
}
.mdesc-cal .range-check.check-contain {
    position: unset;
    display: inline-block;
    margin-left: 10px;
}
.mdesc-cal .range-slider {
    position: inherit;
    display: contents;
}





@media (max-width: 767px) {
  .carousel-inner .carousel-item > div {
      display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }
  
  .carousel-inner .carousel-item-start.active, 
  .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
transform: translateX(0);
}