@charset "utf-8";
/* CSS Document */

body { font-family: 'TradeGothicLTStd', Arial, Helvetica, sans-serif; font-size:16px; color:#505050; font-weight:300; line-height:26px; background-color:#f5f5f5; }
img { max-width: 100%; }
.container-fluid { padding:0; }
.container { width:97% !important; }
.margin10 { margin-bottom:10px; }
.margin20 { margin-bottom:20px; }
.margin30 { margin-bottom:30px; }
.margin50 { margin-bottom:50px; }

canvas{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }

.sidebg-left { background-image:url(../images/sidebg-left.jpg); background-repeat:no-repeat; position:absolute; left:0; width:174px; height:367px; top:2650px; z-index:-9; }
.sidebg-right { background-image:url(../images/sidebg-right.jpg); background-repeat:no-repeat; position:absolute; right:0; width:174px; height:367px; top:2650px; z-index:-9; }

a:hover, :hover {  -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s; transition: ease-out 0.5s; text-decoration:none; }
a { color:#505050; }
a:hover { color:#ec1f27; }

.information { margin-bottom:5px; padding-left:0px; }

/*.form-group a {
    position: absolute; border:1px solid #FFF;
}
.form-group a:hover {
    background-image: url(../images/how-to-measure.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    z-index:9999;
    width:400px;
    height:400px;
    border:1px solid #CCC;
}*/

/*table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: left;
}*/

/*ul { margin:0; padding:0; }*/
/*ul li { border-radius: 0px !important; }*/

h1, h2, h3, h4, h5, h6 {margin:0px; padding:0; }

.header { padding:20px 0 20px 0; }

.doctor-patient-dashboard-slide { background-image:url(../images/doctor-patient-dashboard-slide001.jpg); background-repeat:no-repeat; height:354px; background-position:center; border-bottom-left-radius:20px;  border-bottom-right-radius:20px; -webkit-box-shadow: 0px 20px 20px -9px rgba(168,168,168,1); -moz-box-shadow: 0px 20px 20px -9px rgba(168,168,168,1); box-shadow: 0px 20px 20px -9px rgba(168,168,168,1); border:1px solid #e9ecef; }

.logo { text-align:center; padding:40px 0 0 0;  }

.button { background-color:transparent; }
.button span { cursor: pointer; display: inline-block; position: relative; transition: 0.3s; }
.button span:after {  content:'»'; position: absolute;  opacity: 0;  top: 0;  right: -20px;  transition: 0.5s; }
.button:hover span {  padding-right: 25px; }
.button:hover span:after { opacity: 1; right:0; }

.btn-general-red { background-color:#ec1d25; height:45px; padding:0 40px; color:#FFF; font-size:16px; text-decoration:none; border-radius:22px; border:1px solid #ec1d25; }
.btn-general-red:hover { background-color:#FFF; color:#ec1d25;  border:1px solid #ec1d25; }

.login-btn { text-align:right; margin-top:10px; }

.middle-part { margin:20px 0; overflow:hidden; }

.redhead h2 { color:#ec1d25; margin-bottom:20px; }
.amount-part { padding:30px 0px; }
.amount-part p { text-align:18px; color:#ec1d25; }

.bank-box { border:1px solid #CCC; background-color:#FFF; margin-bottom:10px; overflow:hidden; }

.white-box { background-color:#FFF; padding:30px; margin-bottom:10px; overflow:hidden; font-size:13px;}

.grey-title-bg { background-color: #979797; font-size: 22px; padding: 0 0 10px 0; color: #fff; margin-top: 20px; margin-bottom: 20px; line-height: 30px; padding: 5px 5px 5px 15px; }

.red-boxes { margin:30px 0; text-align:center; }
.red-box { background-color:#ec1c23; height:220px; padding:30px 15px 20px 15px; margin:5px 0px 20px 0; width: auto; border-radius:25px; text-align:center; }

.red-box:hover { background-color: #333; }
.red-box p { font-size:16px; color:#FFF; margin-top:30px; }
@media screen and (min-width:280px) and (max-width:767px) { .red-box p { font-size:16px; color:#FFF; margin-top:10px; } }

.red-box span { font-size:50px; color:#FFF; vertical-align: middle; }


.white-box-diff { background-color:#FFF; padding:0px; margin-bottom:30px; overflow:hidden; font-size:14px; }

/*.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td { background-color:#f5f5f5; font-size:14px; color:#ec1d25; font-weight:300px; }*/

.white-box-diff a { color:#ec1c23; padding-top:20px; }
.white-box-diff a:hover { color:#ec1c23; text-decoration:underline; }

/*.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 18px 0 6px 0;
    vertical-align: top;
    border-top:0px solid #f5f5f5;
}
.table { margin-bottom:0; }*/

.white-box-general { background-color:#FFF; padding:30px; margin-bottom:10px; overflow:hidden; font-size:14px; line-height:18px; }
/*.white-box-general h3 { color:#ec1f26; margin:20px 0; font-size:20px; }*/
.white-box-general h2 { margin:0 0 20px 15px; font-size:24px; }
label { margin-bottom:5px;  font-weight:300; color:#999; }

.form-control {  color: #505050; border-radius:0px; -webkit-box-shadow: 5px 5px 8px #e5e5e5; box-shadow: 5px 5px 8px #e5e5e5; }
select { width:100%; height: 40px; color: #505050; border-radius:0px; -webkit-box-shadow: 5px 5px 8px #e5e5e5; box-shadow: 5px 5px 8px #e5e5e5; }
.form-control-card { width:21px; height:40px; display:inline-block; }
.select_box{ width: auto; overflow: hidden; border:0px solid #ccc; position: relative; padding: 0px 0; -webkit-box-shadow: 5px 5px 8px #e5e5e5; box-shadow: 5px 5px 8px #e5e5e5; }
.select_box:after{ width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #f00; position: absolute; top: 40%; right: 5px; content: "";
    z-index: 98; }
input[type=file] { display: block; height: 41px; width: 100%;   color: #fff; -webkit-box-shadow: 5px 5px 8px #e5e5e5; box-shadow: 5px 5px 8px #e5e5e5;}
.input-big { height:100px; width:100%; }
.redtext { color: #ec1d25; font-size:16px; }
.padding0 { padding:0; }
.padding-left15 { padding-left:30px; }

.file-upload { position: relative; }
.file-upload__label { display: block; padding:5px 0 0 10px; color: #fff; background: #ec1d25; border-radius:0; height:41px; transition: background .3s;}
.file-upload__input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-size: 1;  width:0;  height: 100%; opacity: 0; }

.accordion-toggle:after { font-family: 'FontAwesome'; content: "\f078"; float: right; }
.accordion-toggle .collapsed:after { content: "\f054" !important; }
.accordion-heading { margin:10px 0 10px 15px; text-decoration:none; height:40px; font-size:18px; }


/*.accordion-inner { padding:0; }*/
/*.accordion-inner h3 { color:#ec1f26; margin:0px 0 10px 0; }*/

/*.accordion-heading a { color:#ec1f26; }*/
/*.accordion-heading a:hover { color:#505050; }*/

/*.accordion-heading-amp { margin:0; text-decoration: none; height:60px; font-size: 22px; }*/
/*.accordion-heading-amp a { color:#ec1d24; margin-right:30px; }*/
/*.accordion-heading-amp a:hover { color:#666; }*/
/*.accordion-heading-amp p { font-size:16px; line-height:25px; }*/
/*.accordion-heading-amp p span { color:#ec1f26; font-size:16px; }*/



.redhead h3 {
    color: #000;
    margin:0px 0;
    font-size: 20px;
}
.greyhead h4 {
    color: #505050;
    margin:0px 0;
    font-size:18px; font-weight:bold;
    margin:10px 0;
}


/*.order-table { color:#505050; }*/
/*.order-table tr { border-bottom:1px solid #CCC; font-size:18px; }*/

.allergy { text-align:left; }
.allergy p { font-size:10px; margin:10px 0 0px 0; }
.step-nutri { display:inline-block; margin:10px 0 0 0;  }
.step { text-align:right; float:left; margin-right:10px; }
.nutri { text-align:left; float:left; }

.btn-red-square { width:40px; height:40px; text-align:center; background-color:#ec1d25; padding:0px 0 0 0; color:#FFF; border:0; font-size:40px; line-height:0; }
a.nutrition { outline:none; margin:0 0 0 0px; text-align:left; font-size:12px; }
a.nutrition strong {line-height:30px;}
a.nutrition:hover {text-decoration:none;}
a.nutrition span { z-index:10; display:none; padding:5px; margin-left:-140px; width:300px; line-height:16px; margin-top:-306px; border-radius:10px; }
a.nutrition:hover span{ display:inline; position:absolute; border:1px solid #ccc; color:#000; background:#FFF; }
.grey { background-color:#efefef; width:60%; }
.callout {z-index:20;position:absolute;border:0;top:-14px; left:120px; }

.pro-width { width:150px; }
.quantity {  padding-top:0px;  margin-right: 10px; }
.quantity input {  -webkit-appearance: none;  border: none;  text-align: center;  width: 32px;  font-size: 16px;  color: #43484D;  font-weight: 300; }
.minus-btn img {  margin-bottom: 3px;}
.plus-btn, .minus-btn { background-color:#F00; color:#FFF; border:0; width:30px; height:30px; }
.plus-btn img {   margin-top: 2px; }
button:focus, input:focus {  outline:0; }

th.grey-color { width: 120px; }

.btn-red-yes { background-color:#ec1d25; height:35px; padding:0 30px; color:#FFF; font-size:16px; text-decoration:none; border-radius:17px; border:1px solid #ec1d25; margin:10px 10px 0 0; }
.btn-red-yes:hover { background-color:#FFF; color:#ec1d25;  border:1px solid #ec1d25; }

.btn-grey-no { background-color:#999; height:35px; padding:0 30px; color:#FFF; font-size:16px; text-decoration:none; border-radius:17px; border:1px solid #999; margin:10px 0 0 10px; }
.btn-grey-no:hover { background-color:#FFF; color:#999;  border:1px solid #999; }

.question-box { margin-bottom:20px; overflow:hidden; font-size:16px; }

.checkbox {
    padding-left:0px; }
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left:20px; font-size: 16px; color:#666; }
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 25px;
    height: 25px;
    left: 0;
    margin-left: -15px;
    border: 2px solid #666;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    margin-left: -15px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555; }
.checkbox input[type="checkbox"] {
    opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #FFF;
    border:2px solid #505050; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #505050; font-size:18px; }

.height60 { height:60px; border-bottom:1px solid #CCC;}
.greyhead { color: #505050; margin:0px 0; font-size:18px; margin:10px 0; font-weight:bold; }
.light-grey-box { background-color:#f6f6f6; }

.flex-container {
    display: flex;
    background-color: #f6f6f6;
}

.flex-container > .light-grey-box {
    background-color: #FFF;
    margin: 10px;
    padding: 10px 20px;
    font-size: 14px;
    width:50%;
}
.flex-container > .payment-address {
    margin: 10px;
    padding: 0px 10px;
    font-size: 14px;
    width:100%;
}
.checkbox-big { width:20px; height:20px; }
.input-big { height:100px;}
/*.white-box h3 { font-size:20px; border-bottom:1px solid #dfdfdf; padding:0 0 10px 0; line-height:inherit; }*/
.white-box h4 { font-size:18px; padding:0 0 10px 0; line-height:inherit; font-weight:bold; }

.top-icons { text-align:right; margin:10px 0 10px 0; }
.top-icons ul {}
.top-icons ul li { margin:0 0 0 10px; display:inline-block; border:1px solid #CCC; width:30px; text-align:center; }


/* Responsive */
@media (max-width: 800px) {
    .image, .quantity, .description { width:100%; text-align:center; margin:6px 0;  }
    .buttons { margin-right: 20px; }
}

/*.table-responsive { background-color:#f5f5f5; }*/
/*.table-responsive-white { background-color:#fff; }*/
/*.table-responsive img { max-width: none; }*/

.addorder-part { margin:20px; vertical-align:middle; text-align:right; }
.add-order-btn { width:100%; background-color:#ec1d25; height:35px; color:#FFF; font-size:16px; text-decoration:none; border-radius:17px; border:1px solid #ec1d25; margin:0px 0 20px 0; text-align:center; }
.add-order-btn:hover { background-color:#FFF; color:#ec1d25;  border:1px solid #ec1d25; }

.btn-general-red-center { background-color:#ec1d25; height:45px; padding:0 40px; color:#FFF; font-size:16px; text-decoration:none; border-radius:22px; border:1px solid #ec1d25; display:block; margin:0 auto 20px auto; }
.btn-general-red-center:hover { background-color:#FFF; color:#ec1d25; border:1px solid #ec1d25; }

.grey-msg-box { background-color:#efefef; padding:5px; height:110px; }
.patient-photos {}
.patient-photos ul { margin:0; padding:0; }
.patient-photos ul li { display:inline-block; margin:0 10px 10px 0; }

p.redtext { color: #ec1d25; font-size:16px; margin:20px 0 10px 0; }

.panel-heading-grey { background-color:#505050; color:#FFF; font-size:18px; margin:0px 0 0 0; }
.panel-heading-grey-cart { color: #FFF; font-size: 18px; margin: 20px 0 0 0px; height: 45px; line-height: 46px; padding: 0 0 0 0px; }
.panel-content { border:0px solid #505050; padding:0px; font-size:16px; }
.panel-content tr { background-color:#FFF; border-bottom:1px solid #e5e5e5; }
.panel-content h3 { color: #000; font-size:18px; font-weight:800; }
.panel-content p { color: #000; font-size:16px; font-weight:600; }
.width50 { width:50%; }

.fa-times { color: #ec1d23; }
.redtext-underline { color: #ec1d25; font-size:14px; text-decoration: underline; }
.redtext-underline:hover { text-decoration:none; }

.line-through { text-decoration: line-through; }

.btn-grey { background-color:#666; height:45px; padding:0 40px; color:#FFF; font-size:16px; text-decoration:none; border-radius:22px; border:1px solid #666; margin:10px 0 10px 0px; }
.btn-grey:hover { background-color:#FFF; color:#666;  border:1px solid #666; }

.btn-red-big { background-color:#ec1d25; height:56px; padding:0 50px; color:#FFF; font-size:22px; text-decoration:none; border-radius:28px; border:1px solid #ec1d25; margin:20px 0 20px 0px; }
.btn-red-big:hover { background-color:#FFF; color:#ec1d25;  border:1px solid #ec1d25; }



footer { font-family: 'TradeGothicLTStd-Light', Arial, Helvetica, sans-serif; text-align:center; margin-bottom:50px; overflow:hidden; }
footer h3 { color:#f2162a; margin-bottom:20px; }
footer ul { margin:0; padding:0; }
footer ul li { color:#ccc; font-size:16px; line-height:28px; }

.footer-red-btn { width:100%; background-color:#ec1d25; height:35px; color:#FFF; font-size:16px; text-decoration:none; border-radius:17px; border:1px solid #ec1d25; margin:10px 0 0 0; text-align:center; }
.footer-red-btn:hover { background-color:#FFF; color:#ec1d25;  border:1px solid #ec1d25; }

.social-icons { margin:20px 0 0 0; text-align:center; }
.social-icons ul { margin:0; padding:0; }
.social-icons ul li { margin:0 10px; display:inline-block; }
.parts { margin-bottom:20px; min-height:220px; }

.pinterest { background-color:#F00; padding:5px; width:40px; height:40px; border-radius:50%; color:#FFF; }
.facebook { background-color:#F00; padding:5px; width:40px; height:40px; border-radius:50%; color:#FFF; }
.youtube { background-color:#F00; padding:5px; width:40px; height:40px; border-radius:50%; color:#FFF; }
.pinterest a, .facebook a, .youtube a { color:#FFF; }
.fa-pinterest, .fa-facebook, .fa-youtube { font-size:20px; padding:5px 0 0 0; }

.search { margin:10px 0 0 0; }
#custom-search-form {
    margin:0;
    margin-top: 5px;
    padding: 0;
    width:100%;
}
#custom-search-form .search-query {
    width:90%;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:15px;
    border:0px solid #CCC;
    background-color:#f4f4f4;
    height:40px;
    padding:10px 5px;
}
#custom-search-form button {
    border: 0;
    background: none;
    /** belows styles are working good */
    padding: 2px 5px;
    margin-top: 2px;
    position: relative;
    left: -28px;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.search-query:focus + button { z-index: 3; }

/*#BB-nav.affix {
  position: fixed;
  top: 100px;
  -webkit-transition: top 1s ease-in;
  transition: top 1s ease-out; }

#BB-nav {
  width: 100%;
  background-color: #fff;
  z-index: 999;
  top: -30px; }
  #BB-nav .dropdown-menu {
    border: none; }

.BB-nav li a {
  background-color: transparent;
  font-size: 1.04em;
  font-weight: bold;
  padding-right: 20px;
  padding-left: 20px;
  display: inline-block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #202020 !important;
  font-family: 'Source Sans Pro', Arial, sans-serif;
  transition: .5s all;
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all; }
  .BB-nav li a:hover {
    background-color: transparent;
    color: #D75752 !important; }*/
/*reset */

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #D75752 !important; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu a {
    background-color: transparent; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none; }

/* search Form ****/
.navbar-nav > li > form {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }


.btn-general-red-small { background-color:#ec1d25; min-height:28px; height:auto; white-space:inherit; padding:0 20px; color:#FFF; font-size:16px; text-decoration:none; border-radius:16px; border:1px solid #ec1d25; margin:0px 0 0px 20px; }
.btn-general-red-small:hover { background-color:#FFF; color:#ec1d25;  border:1px solid #ec1d25; }

.redlink { color:#ec1d25; font-size:16px; text-decoration:none; background:none; border:0; margin: 0 0 0 20px; }
.redlink:hover { color:#ec1d25; }

@media (min-width: 768px) {
    .navbar-nav > li > form {
        padding-top: 15px;
        padding-bottom: 15px; } }

#search-nav input, #search-nav button[type="reset"] {
    display:none; }

#search-nav input, #search-nav button {
    border-radius: 0px;
    border-width: 0px;
    color: #454545;
    background-color: transparent;
    border: none;
    box-shadow: none;
    outline: none;  }

#search-nav .search-submit {
    position: relative;
    bottom: 2px;
}
.form { width:200px; margin-top:10px; }
input[type=search] {
    -webkit-appearance: none;
    width:150px;
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .doctor-patient-dashboard-slide { background-image:url(../images/doctor-patient-dashboard-slide001.jpg); background-repeat:no-repeat; height:354px; background-position:left; border-bottom-left-radius:20px;  border-bottom-right-radius:20px; -webkit-box-shadow: 0px 20px 20px -9px rgba(168,168,168,1); -moz-box-shadow: 0px 20px 20px -9px rgba(168,168,168,1); box-shadow: 0px 20px 20px -9px rgba(168,168,168,1); border:1px solid #e9ecef; }
    #custom-search-form button { padding: 2px 5px; margin-top: -68px; position: relative; left: 170px; margin-bottom: 0; }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .redtext { text-align:center; margin-bottom:5px; }
    .red-box { background-color:#ec1c23; height:190px; padding:30px 0 0 0; margin:5px; width: auto; }
}

@media screen and (min-width:280px) and (max-width:767px) {
    .doctor-patient-dashboard-slide { background-image:none; border-bottom-left-radius:0; border-bottom-right-radius:0px; -webkit-box-shadow: none; height: auto; -moz-box-shadow: none;
    		box-shadow: none; border:0px solid #e9ecef; }
    .logo { text-align: center; padding:30px 0 0 0; }
    .red-box { background-color:#ec1c23; height: auto; padding:30px 0 20px 0; margin:0px 0 10px 0; width:100%; float:left; }
    #custom-search-form button {  margin-top:0px; }
    #custom-search-form .search-query { width:80%; }
    img { max-width:none; }
    .white-box { padding: 15px; }
    .parts { margin-bottom:20px; min-height: inherit; }
    .white-box h2 { padding: 25px 0 10px 0; }
    .accordion-heading { line-height:28px; font-size:20px; margin: 10px 0 35px 15px; }
    .white-box-general { padding:10px 10px 10px 0; margin-bottom: 10px; }
    .btn-general-red { padding: 0 10px; width:100%;}
    .panel-content { padding: 5px; font-size: 16px; }
    .accordion-heading-amp { margin:0; text-decoration: none; height:120px; font-size: 22px; }
    .redlink { color:#ec1d25; font-size:16px; text-decoration:none; background:none; border:0; margin: 0 0 0 0px; }
    .amount-part { padding:10px 0px; }

    .flex-container { display: block;  background-color: #f6f6f6; }
    .flex-container > .light-grey-box {
        background-color: #FFF;
        margin: 10px;
        padding: 10px;
        font-size: 14px;
        width:100%;
    }
}

/*.table-tr-red{color: #ec1d25 !important;}*/
/*.table-td-border{padding: 18px 0 6px 0;border-top: 0px solid #f5f5f5 !important;}*/


.flex-container {
  display: flex;
  background-color: #f6f6f6;
}

.flex-container > .light-grey-box {
  background-color: #FFF;
  margin: 10px;
  padding: 10px 20px;
  font-size: 14px;
  width:50%;
}
.flex-container > .payment-address {
  margin: 10px;
  padding: 0px 10px;
  font-size: 14px;
  width:100%;
}
/*.table-responsive-white { background-color:#fff; }*/
/*.td-spacing{padding: 18px 0 6px 0 !important;font-size: 14PX;}*/
/*.responsive-space{    padding: 0 10px;}*/
.search_area_a{    background-color: #ddd !important;color: #428bca !important;}
.bd-login-slide
{
    background-image: url(../images/login-banner.jpg);
    background-repeat: no-repeat;
  /*  height: 200px;*/
  padding-bottom : 20px;
    background-position: center;
    border: 1px solid #e9ecef;
}

.menu-list ul li a i
{ 
    color: #ec1d25 !important;
    padding : 0px 20px 0px 20px;
    font-size: 24px;
    line-height: 30px;
}

.bd-admin-menu-icon
{ 
    margin-right: 10px;
    margin-left: 5px;
    width: 43px;
}

table.dataTable thead th, table.dataTable thead td
{
    padding: 10px 0px !important;
}
table.dataTable tbody td, table.dataTable tbody td
{
    padding: 10px 0px !important;
}
.red
{
    color: #ec1d25;
}
.btn
{
   border-radius: 5px;
   outline: none !important;
}
.btn-black
{
    background-color: #333;
    border-color: #333;
}
.btn-black:hover
{
    background-color: #666;
    border-color: #666;
    min-width: 80px;
}
.btn-red
{
    color: white;
    background-color: #ec1d25;
    border-color: #ec1d25;
    min-width: 80px;
}
.btn-red:hover, .btn-red:focus
{
    color: white;
    background-color: rgba(194, 66, 71, 1);
    border-color: rgba(194, 66, 71, 1);
}
/*.btn-default
{
    background-color: #ccc;
    border-color: #bbb;
    min-width: 80px;
}*/

.validation-errors
{
    color: #ec1d25;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    margin-bottom: 20px !important;
    /*font-family: 'TradeGothicLTStd', Arial, Helvetica, sans-serif;*/
}
.breadcrumb
{
    background-color: white;
    padding: 10px 0px;
    margin-bottom: 10px;
}

.breadcrumb li
{
    /*color: grey;*/

}
.custom-panel
{
    background-color: lightgrey;
}

#loading_img{
    position:fixed;
    z-index:100;
    background-image: url(/blooddrop_admin/images/loading.gif?time=900);
    background-color:#fff;
    opacity:.6;
    background-repeat:no-repeat;
    background-position:center;
    background-size:70px;
    left:0;
    bottom:0;
    right:0;
    top:0
}

.select2-selection
{
    height: 32px !important;
    border-radius: 0px !important;
}

.select2-search__field
{
    height: 32px !important;
}
.select2_dropdown_font_size
{
    font-size: 12px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
    /*border: 1px !important;*/
    border-radius: 0px !important;
    background-color: transparent !important;

}
.select2-selection--multiple {
  height: 200px !important;
  overflow: auto !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple
{
    border: 1px solid #aaa !important;
}

.result_status
{
    padding-bottom: 10px;
}

.result_containter_main
{
    /*background-color: red;  */
}
.result_containter
{
    background-color: #eee;
    margin: 10px;
}
.result_status_containter
{
    display: flex;
    padding: 5px;
}
.result_status_containter label
{
    color: black;
    margin: 0px 5px 0px 5px;
    font-size: 12px;
    font-weight: bolder;
    white-space: nowrap;
}

.result_containter_main .result_containter .result_test_div
{
    border-bottom: 4px solid white;
    margin-bottom: 5px; 
}

/*.result_containter_main .result_containter .result_test_div:first-of-type
{
    border-bottom: 4px solid white;
    margin-bottom: 5px; 
}
*/

.result_button_containter
{
    text-align: center;
}
.result_button_containter button
{
    min-width: 200px;
    margin: 10px;
}
.status_icon
{
    cursor: pointer;
}

.status_red
{
    color:#ec1d25;
}

.status_green
{
    color: green;
}
.popup_notes
{
    position: relative;
    border:1px solid rgba(0,0,0,0.1);
    top: -200px;
    right: 100%;
    background-color: white;
    text-align: center;
    padding: 10px;
    display: none;
    z-index: 10000;
}

.training-academy {}
.training-academy .redtitle { font-size:22px; color:#ec1d25; line-height:28px; }
.training-academy p { margin-top:5px; font-size:15px; line-height:22px; }
.second-title { font-size:20px; font-weight:normal; text-align:center; margin-top:10px; margin-bottom: 30px; }
.training-academy img { float:left; }
.training-academy select { background-color: #cc0909; color:#FFF; width:100%; margin-top:10px; height:45px; padding:0 0 0 5px; font-size:16px; }
.training-academy .mt50 { margin-top:50px; }
.linegrey { border-bottom:1px solid #CCC; margin:30px 0 30px 0;}
.training-academy .mt70 { margin-top:80px; }

@media screen and (min-width:280px) and (max-width:767px) {
	.training-academy .mt70 { margin-top:0px; }
	.training-academy img { float:none; }
	.training-academy { text-align:center; }
	}

.brand-border a { border:3px solid #ec1c23; border-radius:70px; padding: 10px 10px; margin-bottom:15px; display:block; text-align:center; }
.brand-border a:hover { border:3px solid #333; }

.training-academy-blood {}
.training-academy-blood .redtitle { font-size:22px; color:#ec1d25; line-height:28px; }
.training-academy-blood p { margin-top:5px; font-size:15px; line-height:22px; }
.second-title { font-size:20px; font-weight:normal; text-align:center; margin-top:10px; margin-bottom: 30px; }
.training-academy-blood img { float:left; }
.training-academy-blood select { background-color: #cc0909; color:#FFF; width:100%; margin-top:10px; height:45px; padding:0 0 0 5px; font-size:16px; }
.training-academy-blood .mt50 { margin-top:10px; }
.linegrey { border-bottom:1px solid #CCC; margin:30px 0 30px 0;}
.training-academy-blood .mt70 { margin-top:10px; }
.training-academy-blood .mt20 { margin-top:20px; }
@media screen and (min-width:280px) and (max-width:767px) {
	.training-academy-blood .mt70 { margin-top:0px; }
	.training-academy-blood img { float:none; }
	.training-academy-blood { text-align:center; }
	}
	
.btn-red {
    color: white;
    background-color: #ec1d25;
    border-color: #ec1d25;
    min-width: 80px;
	margin-bottom:5px;
}
.btn-red:hover, .btn-red:focus {
    color: white;
    background-color: rgba(194, 66, 71, 1);
    border-color: rgba(194, 66, 71, 1);
}
.training-academy .redtitle {
    font-size: 22px;
    color: #ec1d25;
    line-height: 28px;
}