@charset "utf-8";
/*********************************************
 GENERAL CSS
 ********************************************/
body{font-family: 'Ubuntu', sans-serif; font-size:13px; font-weight:400; color:#40423e; background:#fff; margin:0px;}
html, body {height: 100%; min-height:100%;}
h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; font-weight:normal; font-family: 'Ubuntu', sans-serif;}
img {border:none; outline:none;}
a {outline:none !important; text-decoration:none; color:#414141; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
/***a:hover {text-decoration:underline; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; color:#000;}***/
ul, li {list-style:none; margin:0px; padding:0px;}
input, button {font-family: 'Ubuntu', sans-serif; outline:none; font-size:12px;}
button {cursor:pointer; border: none !important;  -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
button:hover{ -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
img {border:0 none; outline:none;}
.img-responsive {display:inline-block; height: auto; max-width: 100%;}

.clearfix:before, .clearfix:after {display: table; line-height: 0; content: "";}
.clearfix:after {clear: both;}
* Mozilla based browsers *
::-moz-selection { background-color: #fc0b02; color: #fff;}
* Helpers * .animation {opacity: 0;}
.animation-visible {opacity: 1;}
.animated, .animation {-webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both;  -o-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s;}
a:focus, a:hover{outline:none; text-decoration:none;}




/*------------------------------------------------------------------------------------------------
header
--------------------------------------------------------------------------------------------------*/
.header-container { background: #494F4A; }
.top-link { background: #3B413C; padding: 0 15px;} 
.top-link ul { list-style: none; margin: 0; padding: 0; float: right; }
.top-link ul li { display: inline-block; border-right:1px solid #555b56 ; padding: 0 12px 1px 9px; }
.top-link ul li a { color: #e1e2e1; font-size: 14px; text-decoration: none; font-weight: 300; line-height: 30px; }
.top-link ul li a:hover { color: #F2A32A; text-decoration: none; }
.top-link ul li:last-child { border-right: 0; padding-right: 0px;}
.logo-text { color: #e1e2e1; font-size: 14px;  font-weight: 300; line-height: 28px;  }

.header { padding: 8px 15px;}
.search-plant > * { margin-top: 10px !important;}
.search-plant input { background: url(../images/search-plant.svg) no-repeat 10px center #fff; font-size:16px; color: #40423e; border: none; width:100%; padding-left: 45px;}
.search-plant span { float: left; width: 28%;}
.search-plant .form-group { float: left; width: 172px; margin: 0 6px;}
.search-btn {height: 45px; background: url(../images/search-icon-white.svg) no-repeat center center #F2A32A; border: none; float: left; padding: 0 20px 0 20px; border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow:0 0px 1px #5F6860; }
.search-btn:hover { background: url(../images/search-icon-white.svg) no-repeat center center #47A94B;}
.personal-storage { float: left; font-size: 15px; color: #fff; line-height: 45px; padding-left: 20px;}
.personal-storage:hover { color: #D9A42F;} 

.nav-link {  padding: 10px 0px 0 15px;} 
.nav-link ul { list-style: none; margin: 0; padding: 0; float: right; }
.nav-link ul li { display: inline-block; padding: 0 12px 1px 9px; }
.nav-link ul li a { color: #fff; font-size: 18px; text-decoration: none; font-weight: 400; line-height: 42px; }
.nav-link ul li a:hover { color: #F2A32A; text-decoration: none; }
.nav-link ul li a.active-header { color: #F2A32A; text-decoration: none; }
.nav-link ul li.last-child { border-right: 0; padding-right: 0px !important;}

.login-btn { background: #F2A32A; font-weight: 700 !important; height: 45px;box-shadow:0 0px 1px #5F6860;  display: block; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding: 0 15px;}
.login-btn:hover { background: #f2a32a; color: #fff !important;}
.header .col-lg-2 { width:240px;}
.header .col-lg-6 { width:50.6667%;}
.header .col-lg-4 { width:auto; float: right; }

.search-box {  padding: 12px 15px 5px 15px; background: #5F6860; position: relative;} 
.search-box ul { list-style: none; margin: 0; padding: 0; }
.search-box ul li { float: left; margin-right: 6px;  padding: 0px; margin-bottom: 8px;}
.search-box .simple-search ul li { float: left; margin-right: 6px;  padding: 0px; margin-bottom: 0; width:100%;}
.search-box ul li a { color: #40423e; font-size: 14px; text-decoration: none; font-weight: 400;  background: #eff4f0; display: block; padding: 8px 19px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 0px 1px #5F6860;}
.search-box ul li a:hover { color: #fff; text-decoration: none; background: #47A94B; }
.search-box ul li:last-child { border-right: 0; padding-right: 0px;}
.search-box ul li.active a { color: #fff; text-decoration: none; background: #47A94B; }

.search-button {box-shadow:0 0px 1px #5F6860; background: url(../images/search-icon-gray.svg) no-repeat 15px 8px #fff !important; text-transform: uppercase; color: #494f4a !important; padding-left: 42px !important; transition: all 0s ease-in-out 0s; }
.reset-button {box-shadow:0 0px 1px #5F6860; background: url(../images/reset-icon.svg) no-repeat 15px 10px #47A94B !important; text-transform: uppercase; color: #fff !important;  padding-left: 30px !important; border: none; padding: 8px 5px 9px;font-size: 14px;  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-weight: 700;}
.search-button:hover { background: url(../images/search-icon-gray-h.svg) no-repeat 15px 8px #47A94B !important; color: #fff !important; transition: all 0s ease-in-out 0s; }
.list-button {background:#f2a32a !important; text-transform: uppercase; color: #fff !important;  border: none; padding: 8px 16px 9px;font-size: 14px;  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-weight: 700;}

.filter-box { padding: 12px 15px 0px; background:url(../images/header-section3-bg.png) repeat-x #919C92;}
.filter-box ul { list-style: none; margin: 0; padding: 0; }
.filter-box ul li { float: left; margin-right: 10px;  padding: 0px; width: 12%; text-align: center; margin-bottom: 12px;}
.filter-box ul li a { color: #40423e; font-size: 14px; text-decoration: none; font-weight: 400;  background: #eff4f0; display: block; padding: 8px 22px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 0px 1px #5F6860; }
.filter-box ul li a:hover { color: #fff; text-decoration: none; background: #47A94B; box-shadow:0 0px 1px #494F4A; }
.filter-box ul li.active a { color: #fff; text-decoration: none; background: #47A94B; }

.search-results { color: #40423e; font-weight: 300; font-size: 22px; background:  #EFF4F0; padding: 15px 12px; border-bottom: 1px solid #DBE3DC;background-size: 100% 100%;}
.search-results span { color: #e09015; font-weight: 400;}
.header-reset-btn { height: 45px; margin-left: 6px; background: url(../images/reset-icon.svg) no-repeat center #47A94B !important; float:left;}

/*----------------------------------------------------------------------------------------------------------
 Content
 -----------------------------------------------------------------------------------------------------------*/
.content { }
.plantfile-product-info { background: #47A94B; padding: 10px 0; font-size: 16px; color: #fff;} 
.plantfile-product-info span { display: block;}
.plantfile-product-info em { font-style: normal; text-align: right; float: right; padding-top: 12px;}
.plantfile-product-name { background: #EFF4F0; padding: 8px 15px 12px; font-size: 16px; color: #40423e;}
.plantfile-product-name span.commonname { display: block; font-size: 16px; color: #40423e;}
.plantfile-product-name span {font-size: 16px; color: #7f827c; display: block;}
.plantfile-product-info i {}

.search-results-box .col-lg-2 { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; }
.search-results-box {padding: 30px 20px;}
.img-block{padding:0px;}

.img-block .grid-cover img {max-width: none;width: -webkit-calc(100% + 20px);width: calc(100% + 20px);	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: translate3d(-10px,0,0);transform: translate3d(-10px,0,0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.img-block .grid-cover:hover img {	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);	opacity: 0.2;}

.testimonials { background: #EFF4F0; padding: 40px 0;}
.testimonials .container { max-width: 1170px;}
.testimonials p{ font-size: 20px; font-style: italic; font-weight: 300; margin: 0; padding: 0 30px 22px; text-align: center; color: #40423e; cursor: pointer;}
.testimonials p img { height:90px; width:728px;}
.testimonials-details { width: 430px; margin: 0 auto; font-size: 18px; color: #40423e; }
.testimonials-details span { color: #40423e; font-size: 16px; display: block; font-weight: 300;}
.testimonials-details img { float: left; margin-right: 15px; border-radius: 100%;}
.testimonials-info { padding-top: 10px;}
.testimonials a { background: #F2A32A; font-size: 16px; text-transform: uppercase; font-weight: 700; color: #fff; display: inline-block; text-align: center; width: 220px; line-height: 35px; box-shadow: 0 2px 0 #D5D9D6;  border-radius: 3px; margin-top: 0px;}
.testimonials a:hover { background: #47A94B;}
.owl-pagination { display: none;}
.owl-buttons .owl-prev { text-indent: -999em; background: url(../images/prev-arrow.svg) no-repeat; height: 30px; position: absolute;; left: 0px; top: 30%; width: 13px; }
.owl-buttons .owl-next { text-indent: -999em; background: url(../images/next-arrow.svg) no-repeat; height: 30px; position: absolute; right: 0px; top: 30%;  width: 13px;}

.advanced-search {padding: 30px;}
.advanced-search h2 { color: #ffffff; font-size: 33px; font-weight: 300; margin-top: -4px; padding-bottom: 30px; }
.advanced-search .form-group {float: left; margin-right: 5%; }
.advanced-search .form-group label { font-size: 20px; color: #fff; font-weight: 400; padding: 2px 0 0 8px}
.select-box { width: 100%; float: left;}
.select-box .form-group { width: auto; margin-right: 10px;}
.select-box .dk_toggle::after { background-size:43%; top: 31%; width: 28px; right:9px; }
.help-icons { float: right; padding-right: 48px; padding-top: 6px;}
.help-icons a { float: left; margin-left: 20px;}
.advanced-search h3 { color: #fff; font-size: 25px; color: #fff; margin-bottom: 23px; }
.all-plant{ background: #EFF4F0; overflow-y: scroll; height: 284px; }
.plant-title { font-size: 15px !important; color: #3b413c; font-weight: 400 !important; background:#E4ECE5; padding: 8px 10px !important;}
.advanced-search table { width: 100%;}
.advanced-search table td { padding: 3px 10px; font-size: 13px; color: #3b413c; font-weight: 300; border-right:1px solid #CFDFD1;}
.advanced-search table tr:hover { background: #DDEDDD;}
.table-row { height: 150px; overflow: scroll; display: inline-block;}
.all-plant-info { font-size: 13px; color: #3b413c; font-weight: 300; background: #EFF4F0; padding: 10px; margin-top: 10px; margin-bottom: 10px; height: 100; overflow-y: scroll;}
.plant-info{width: 100%;float:left;clear:both;margin-bottom:5px;}
.search-btn1 {height: 45px; background: #F2A32A; border: none; float: left; padding: 0 20px 0 20px; font-size: 18px; color: #fff; text-transform: uppercase; clear:both; border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow:0 1px 1px #5F6860; border: none; font-weight: 700; }
.search-btn1:hover { background:#F2A32A;}
.search-plant .dk_toggle:hover{ background: none repeat scroll 0 0 #fff; border-radius: 3px; box-shadow: 0 0 1px #5f6860; color: #40423e; display: block; font-weight: 400; text-decoration: none; height: 45px;}
.search-dropdown .dk_toggle, .dk_toggle:hover{ background: none repeat scroll 0 0 #fff; border-radius: 3px; box-shadow: 0 0 1px #5f6860; color: #40423e; display: block; font-weight: 400;  text-decoration: none; height: 36px; }
.search-dropdown .dk_toggle::after { background-size: 37%; top: 30%;}
.search-dropdown ul li { float: none; margin: 0 !important; }
.search-dropdown ul li a { background: #fff !important; box-shadow: none !important; padding: 5px 10px; border-radius:0;}
.search-dropdown ul li a:hover { background: #eee !important;   color: #000;}
.search-dropdown .dk_options_inner { border: none;}
.search-dropdown  .form-group {float: left; width: 124px;}
.simple-search .help-icons { padding-right: 6.5%; margin-bottom: 25px;}

.pagination { float: right;  margin: 0;}
.pagination .next { background: url(../images/plant-next.svg) no-repeat center center #919C92; height: 35px; width: 35px; border-radius: 3px; display: inline-block; box-shadow: 0px 0px 1px #5f6860; }
.pagination .last { background: url(../images/plant-last.svg) no-repeat center center #919C92; height: 35px; width: 35px; border-radius: 3px; display: inline-block; box-shadow: 0px 0px 1px #5f6860; }
.pagination .first { background: url(../images/plant-first.svg) no-repeat center center #919C92; margin-right: 2px;  height: 35px; width: 35px; border-radius: 3px; display: inline-block; box-shadow: 0 0 1px #5f6860;}
.pagination .prev { background: url(../images/plant-prev.svg) no-repeat center center #919C92; margin-right: 2px;  height: 35px; width: 35px; border-radius: 3px; display: inline-block; box-shadow: 0 0 1px #5f6860;}
.pagination em { font-size: 15px; color: #40423e; float: left; font-style: normal; font-weight: 400; line-height: 32px; padding-right: 20px; }
.pagination .next:hover { background: url(../images/plant-next.svg) no-repeat center center #47a94b}
.pagination .last:hover { background: url(../images/plant-last.svg) no-repeat center center #47a94b}
.pagination .prev:hover { background: url(../images/plant-first.svg) no-repeat center center #47a94b;}
.pagination .prev:hover { background: url(../images/plant-prev.svg) no-repeat center center #47a94b;}
.plant-details-pagging-container { margin: 10px 0px 0px 0px;}
.plant-details-pagging-container .pagination { position: relative;}
.visual_plant_browser { background: #919C92; margin-left:15px;color:#fff;display: inline-block;height:30px;border-radius: 3px; display: inline-block; box-shadow: 0px 0px 1px #5f6860; padding: 5px 10px;}

/*----------------------------------------------------------------------------------------------------------
 Content
 -----------------------------------------------------------------------------------------------------------*/
.footer { background: #676F69; padding: 18px 15px;}
.copy { font-size: 14px; color: #fff; font-weight: 300;}
.designed-by {font-size: 14px; color: #fff; font-weight: 300; text-align: right;}
.designed-by a {font-size: 14px; color: #fff; font-weight: 300; text-decoration: underline;}
.designed-by a:hover { text-decoration: none;} 
.check0box-col img { border: 1px solid #fff;}
.plant-img img {border: 1px solid #fff;}

/*----------------------------------------------------------------------------------------------------------
 popup
 -----------------------------------------------------------------------------------------------------------*/
.btn-close:hover{opacity: 0.8; }
.close-icon:hover {opacity: 0.8;  transition: all 0.3s ease-in-out 0s;}
.nav div.panel,p.flip {margin: 0px; padding: 0px;text-align: center; position:relative; float:left; cursor:pointer;}
header div.panel {display: none; position:relative; background:#59abe3; width:100%; padding:30px 0; z-index:999999; top:0px; float:left;}
.close-icon { position:absolute; right:33px; cursor:pointer; top: 30px;}
.close-icon1 { position:absolute; right:35px; cursor:pointer; top: 30px;}

div.panel .container { position:relative;}
.block-layered-nav li a {font-size:24px; color:#2c3e50;font-family: 'arial'; }
.nav div.panel1,p.flip-search {margin: 0px; padding: 0px;text-align: center; position:relative; float:left; cursor:pointer;}
header div.panel1 {display: none; position:relative; background:#59abe3; width:100%; padding:30px 0; z-index:999999; top:0px; float:left;}
.panel1{ background-color: #47a94b; display: none; left: 0; position: absolute; top: 58px; width: 100%; z-index: 99999;}
.help-icons-search {float: left;}
.simple-search {padding: 30px;}
.simple-search h2 { color: #fff; font-size: 33px; color: #fff; padding-bottom: 30px; font-weight: 300; margin-top: -4px;}

.simple-search .form-group {float: left;}
.check0box-col {margin-bottom: 20px; margin-top: 10px;}
.simple-search label {color: #FFF; float: left; font-weight: 300; line-height: 34px; padding-right: 10px; font-size: 16px;}
.simple-search .form-group label { font-size: 14px; color: #40423e; font-weight: 400; padding: 2px 0 0 0; line-height: 25px;}
.simple-search h3 { color: #fff; font-size: 22px; color: #fff; margin-bottom: 8px; padding-bottom: 8px; min-height:25px; }
.simple-search label.col-right {line-height: 20px;}
.simple-search table { width: 100%;}
.simple-search table td { padding: 3px 10px; font-size: 13px; color: #3b413c; font-weight: 300; border-right:1px solid #CFDFD1;}
.simple-search table tr:hover { background: #DDEDDD; }
.simple-search .search-dropdown {padding-right: 16px; display: inline-block;}
.simple-search .ms-drop ul {max-height: 100% !important}
.check0box-col .form-group label {float: none; color: #FFF; line-height: 10px; font-size: 16px; margin-bottom: 4px;}
.check0box-col .form-group {float: none; margin-bottom: 4px;}
.check0box-col .all-plant {height: 240px; overflow-y: scroll;}
.check0box-col .all-plant-info {height: 240px; overflow-y: scroll; margin-top: 0}
.check0box-col h3 {margin-bottom: 5px; font-size: 20px; padding-bottom: 0; display: inline-block; width: 100%}
.login-popup-box { background: #F2A32A; padding: 10px; width: 170px; right: 15px; top: 53px; position: absolute; z-index: 999999; border-radius:3px 0 3px 3px ; -moz-border-radius:3px 0 3px 3px; -webkit-border-radius:3px 0 3px 3px; display: none;}
.login-popup-box input { background: #EFF4F0; color: #000; width: 100%; margin-bottom: 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;  border:none;line-height: 22px; padding: 4px 10px; font-size: 14px; }

.login-popup-box button { background: #47a94b; width: 100%; color: #FFF; border: none;  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height: 30px; line-height: 30px; text-transform: uppercase; font-size: 14px; font-weight: 700; box-shadow: 0 0 1px #5f6860}
.login-popup-box button:hover {background: #EFF4F0; color: #40423e}
.login-popup-box a {color: #FFF; text-align:center; display: block; text-decoration: underline !important; font-size: 12px !important; margin-top: 5px; line-height: 18px !important; }
.login-popup-box a:hover {text-decoration: none !important; color: #FFFFFF !important}

/* Set custom height for plant image lists */
.material-thumb .material-img > img {width: 100%; height: 280px;}
.quiz-thumb .material-img img {width: 100%; height: 280px !important;}
@media screen and (min-width: 640px) and (max-width: 800px) { .material-thumb .material-img > img {width: 100%; height: 320px; } .quiz-thumb .material-img img {width: 100%; height: 320px !important;}}
@media screen and (min-width: 320px) and (max-width: 620px) { .material-thumb .material-img > img {width: 100%;  } .quiz-thumb .material-img img {width: 100%; height: auto !important;}}
/* Set custom height for plant image lists */
.material-thumb:hover .material-img > img {	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);	opacity: 0.4;}
.material-thumb .detail-block p{ color:#fff; font-size: 14px; line-height: 22px; font-weight: 300; margin-bottom: 4px;  opacity: 1;}
.material-thumb .detail-block:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
.material-thumb .detail-block span{ font-weight: 700; opacity: 1; }

.material-thumb .detail-block:hover span{opacity: 1;-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
.material-thumb .detail-block .btn-orange{opacity: 1;}
.material-thumb:hover .detail-block{display:block; opacity: 1;}
.material-thumb .detail-block{position:absolute; left:5px; top:20px; width:100%; height:79%; /*background:url(../images/blue-overlay.png) repeat;*/ padding:55px 20px; display:none; z-index:9999;}
.material-img{background:#000; overflow:hidden; z-index: 9; position: relative;}
.material-thumb .detail-block .btn-orange{ background: #F2A32A;  font-weight: 700 !important; height: 35px; box-shadow:0 0px 1px #000; text-transform: uppercase; line-height: 31px;  color: #fff;  display: inline-block; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding: 0 25px; margin-top: 5px; font-size: 16px;  opacity: 1; }
.material-thumb .detail-block:hover .btn-orange{opacity: 1;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
.material-thumb .detail-block .camera{ opacity: 1; float: right; margin-top: 5px;width:55px;}
.material-thumb .detail-block:hover .camera{opacity: 1;}

.material-thumb .detail-blocks p{ color:#fff; font-size: 14px; line-height: 22px; font-weight: 300; margin-bottom: 4px;  opacity: 1;}
.material-thumb .detail-blocks:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
.material-thumb .detail-blocks span{ font-weight: 700; opacity: 1; }

.material-thumb .detail-blocks:hover span{opacity: 1;-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
.material-thumb .detail-blocks .btn-orange{opacity: 1;}
.material-thumb:hover .detail-blocks{display:block; opacity: 1;}
.material-thumb .detail-blocks{position:absolute; left:5px; top:106px; width:100%; height:79%; /*background:url(../images/blue-overlay.png) repeat;*/ padding:14px 20px; display:none; z-index:9999;}
.material-img{background:#000; overflow:hidden; z-index: 9; position: relative;}
.material-thumb .detail-blocks .btn-orange{ background: #F2A32A;  font-weight: 700 !important; height: 35px; box-shadow:0 0px 1px #000; text-transform: uppercase; line-height: 31px;  color: #fff;  display: inline-block; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding: 0 25px; margin-top: 5px; font-size: 16px;  opacity: 1; }
.material-thumb .detail-blocks:hover .btn-orange{opacity: 1;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
.material-thumb .detail-blocks .camera{ opacity: 1; float: right; margin-top: 5px;width:55px;}
.material-thumb .detail-blocks:hover .camera{opacity: 1;}

.search-box ul li a.search-button.active{ background: url(../images/search-icon-gray-h.svg) no-repeat 15px center #47A94B !important; color: #fff !important; transition: all 0s ease-in-out 0s; padding-bottom: 20px }
.search-box ul li a.search-button.padding-bottom {padding-bottom: 25px; background: url(../images/search-icon-gray-h.svg) no-repeat 15px 8px #494f4a !important; color: #fff !important; transition: all 0s ease-in-out 0s;}

/*----------------------------------------------------------------------------------------------------------
 Plant Details
 -----------------------------------------------------------------------------------------------------------*/
.search-box h1 {color: #fff; font-size: 25px; font-weight: 400; padding: 10px 0px 20px; }
.table-frm { color: #fff; font-size: 16px;}
.table-frm span {text-align: center; display: block;}
.table-frm img {float: right;}
.plant-frm {margin: 30px 0 20px;}
.plant-frm.plant-detail-header {margin: 15px 0 15px;}
.plant-frm span {color: #40423e; font-size: 14px; text-decoration: none; font-weight: 400;  background: #eff4f0; display: inline-block; padding: 8px 22px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 0px 1px #5F6860;}
.plant-frm.plant-detail-header span{padding: 8px 12px;}
.plant-frm label { font-size: 16px; font-weight: 400; color: #fff; display: inline-block; margin-right: 10px;}
.plant-frm-col { display: inline-block; /*margin-right: 30px;*/ margin-right: 25px;}
.plant-frm-col > span{word-break:break-word;}
.plant-frm.plant-detail-header .plant-frm-col { display: inline-block; /*margin-right: 30px;*/ margin-right: 15px;}
.tabContent h2 { font-size: 22px; font-weight: 500; margin: 0; padding: 0px 0 20px; color: #47a94b;}
.tabContent h4 { font-size: 16px; font-weight: 500; margin: 0; padding: 0px 0 20px; color: #47a94b;}
.plant-info { margin-bottom: 10px;}
.plant-info span{height: 60px;}
.plant-info label { font-size: 16px; vertical-align: top; min-height: 31px; padding: 5px 0; font-weight: 400; color: #40423e; display: inline-block; margin-right: 10px; width: 20%;}
.plant-info span { min-height: 36px; position: relative; font-size: 15px; font-weight: 400; color: #40423e; display: inline-block; margin-right: 10px; background: #fff;  border: 1px solid #ccc; width: 75%; padding: 7px 10px;}
.plant-overview {border: 1px solid #cccccc; padding:10px; height: 505px;    overflow-y: scroll; margin-bottom: 10px;}
.plant-overview p { font-size: 14px; color: #40423e; margin: 0; padding: 0 0 0px 0; line-height: 22px;}
.plant-overview h4 { font-size: 16px; font-weight: 500; margin: 0; padding: 0px 0 5px; color: #47a94b;}
.plant-overview p span { /*color: #f2a32a;*/ font-weight: normal !important; text-transform:none !important;}
.additional-info {border: 1px solid #cccccc; padding:10px; height: 277px;    overflow-y: scroll; margin-bottom: 10px;}
.additional-info p { font-size: 14px; color: #40423e; margin: 0; padding: 0 0 0px 0; line-height: 22px;float: left;clear: both;}
.additional-info p img{float: left;}
.additional-row { margin-top: 20px; display: inline-block;  width: 100%; }
.additional-info p span { font-weight: normal !important; text-transform:none !important;}
.tooltip-box {cursor: pointer; position: absolute; top: 5px; right: 10px;}
.tooltip-box .col-lg-6 { padding: 0px 8px;}

.tooltip-box h4 { color: #fff; font-size: 20px; padding-bottom: 15px ;}
.tooltip-info {color: #fff; font-size: 14px; line-height: 20px;}
.tooltip-info p { color: #fff; font-size: 18px; padding-bottom: 5px ; margin:-5px 0 0 0 !important  ;}
.tooltip img { margin-left: 8px; margin-right: 10px;}

.tooltip-box .tooltip {
    background: #5f6860;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -139px;
    margin-bottom: 15px;
    opacity: 0;
    padding: 10px 10px 20px 10px;
    pointer-events: none;
    position: absolute;
    width: 300px; border-radius:5px; ;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.0);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.0);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.0);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.0);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.tooltip-box .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

/* CSS Triangles - see Trevor's post */
.tooltip-box .tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #5f6860 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 0;
}

.tooltip-box:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .tooltip-box .tooltip {
    display: none;
}

.lte8 .tooltip-box:hover .tooltip {
    display: block;
}
.popup-gallery img { width: 100%;}
.tabContainer .col-lg-2 { margin-bottom: 30px;}
.col-right .col-lg-4 { padding: 0 10px; margin-bottom: 20px;}
.col-right { margin-left: 0;}
.col-left { margin-top: 30px; margin-bottom: 30px;}
.plant-table {margin-bottom: 20px;}
.plant-table table {background:#F5FAE2; text-align: center; text-transform: capitalize;}
.plant-table table tr td  {border: 1px solid #FFF; padding: 5px;  color: #40423e; font-size: 14px;}
.plant-table table tr td.select {background: #47a94b; color: #FFF}
.plant-table p {font-size: 15px; color: #40423e; margin-top: -10px; }
.flower-overview { height: 225px;}
.tabContent p span {font-weight: 700; font-size: 14px; margin:0; text-transform: capitalize;/*float: left;*/}
.hardiness-overview { margin-bottom: 10px;}
.hardiness-content .form-group {width: 200px; border: 1px solid #999999}
.hardiness-content .dk_toggle, .dk_toggle:hover{ background: none repeat scroll 0 0 #fff; border-radius: 3px; box-shadow: 0 0 1px #5f6860; color: #40423e; display: block; font-weight: 400; text-decoration: none; height: 36px;}
.hardiness-content p {font-size: 15px; line-height: 21px;}
.hardiness-content {margin-bottom: 30px;}
.hardiness-content p span {font-size: 16px;}

/*quize-wraper */
.quiz-wraper{padding: 30px 15px}
.quiz-wraper h2 { font-size: 22px; font-weight: 500; margin: 0; padding: 0px 0 20px; color: #47a94b;}
.quiz-wraper table{ width: 100%; font-size: 14px; margin-bottom: 20px; }
.quiz-wraper table thead td {background: #eff4f0; font-weight: bold;}
.quiz-wraper table tr td{border: 1px solid #dbe3dc; padding: 8px; } 
.quiz-wraper table a {font-weight: 600; color: #f2a32a ;}
.quiz-wraper table a:hover {color: #47a94b ;}
.quiz-no {text-align: center; padding: 10px; } 
.quiz-no ul { list-style: none; margin: 0; padding: 0; }
.quiz-no ul li {   padding: 0px; display: inline-block; margin-right: 3px; margin-bottom: 5px; }
.quiz-no ul li a { color: #FFF;  font-size: 14px; text-decoration: none; font-weight: 500;  background: #f2a32a; display: block;  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height: 32px; width: 35px; line-height: 32px;  }
.quiz-no ul li a:hover { color: #fff; text-decoration: none; background: #47a94b ; }
.quiz-wraper .pagination-title { width: 100%; padding: 8px 0 5px;  color: #47a94b; font-weight: 500; font-size: 14px; margin-bottom: 20px; }
.quiz-wraper .pagination-title label {font-weight: 500;  color:#40423e; float: left; padding: 0 }
.quiz-wraper .pagination-title span { float: right;}
.jumbotron h1 span {color: #47a94b; font-weight: 400; display: inline-block; font-size: 21px; padding: 0}
.jumbotron h1 {font-size: 21px; font-weight: 400; margin-bottom: 15px;}
.jumbotron span {display: block; font-weight: 400; font-size: 16px; padding: 12px 0 15px;}
.jumbotron .chosen-container span {display: block; font-weight: 400; font-size: 16px; padding: 5px 0 0px;}
.quiz-wraper .hint-1 {background: #f2a32a;  color: #ffffff; font-size: 18px; font-weight: 400; text-decoration: none; text-transform: uppercase; margin-right: 10px;}
.quiz-wraper .hint-2 {background: #47a94b;  color: #ffffff; font-size: 18px; font-weight: 400; text-decoration: none; text-transform: uppercase;}
.quiz-wraper .hint-1:hover {background:#47a94b; color: #FFF }
.quiz-wraper .hint-2:hover {background:#f2a32a; color: #FFF }
.jumbotron .gallery li {width: 49%; display: inline-block; padding-bottom: 5px;} 
.hint-text {background:#47a94b; display: inline-block; color: #FFF; padding: 8px; font-size: 14px; position:relative; top: 3px; float: right;}
.quiz-wraper .gallery .plantfile-product {margin-bottom: 7px;}
.quiz-wraper .gallery {padding-bottom: 10px; }
.quiz-wraper .icheckbox_minimal-grey, .iradio_minimal-grey {  background:url(../images/grey-small.svg) -172px 0px ; width: 14px; height: 14px; margin:10px 10px 0 0; }
.quiz-wraper .iradio_minimal-grey.checked {  background:url(../images/grey-small.svg) -157px 0px ; width: 14px; height: 14px; }
.quiz-wraper .radio label, .checkbox label {padding-left: 0; font-size: 15px;}
.quiz-wraper .radio label.lblalpha { float:left; min-width: 40px; padding-left: 20px;}
.quiz-wraper .checkbox label.lblalpha { float:left; min-width: 40px; }
.quiz-wraper .radio label span {padding:0  0 0 15px; display: inline-block;}
.quiz-wraper .selection-text {float: none;  display: block; margin-bottom: 30px; width: 250px}
.quiz-wraper .correct-ans {font-size: 16px; padding: 15px 0 5px;}
.quiz-wraper .radio, .checkbox {margin-top: 0}
.quiz-wraper .pant-quiz {font-size: 16px;}
.back-btn {background: #f2a32a;  color: #ffffff; font-size: 18px; font-weight: 400; text-decoration: none; text-transform: capitalize; width: 120px;  margin-bottom: 10px; float: right;}
.quiz-wraper .back-btn:hover {background:#47a94b; color: #FFF }
.quiz-wraper .completed-leval {margin-bottom: 20px;}
.quiz-wraper .winner-text {background:#47a94b; display: inline-block; color: #FFF; padding: 8px; font-size: 18px; font-weight: 400; float: right; }
.quiz-wraper .plant-summary ul li { font-size: 16px; padding-bottom: 8px;padding-right: 25px;}
.quiz-wraper .plant-summary ul {width: 50%}
.quiz-wraper .cross-icon {background:url(../images/cross.svg) no-repeat  top right;}
.quiz-wraper .tick-icon {background:url(../images/tick.svg) no-repeat  top right;}
.quiz-wraper .wrong-label {color:red; margin-left:20px;}
.quiz-wraper .correct-label {color:green;margin-left:20px;}
.plantfile-product img { width: 100%;}
.plantfile-product-name {  min-height: 66px; }
.main-image {text-align: center;margin-top: 10px;}

/*----------------------------------------------------------------------------------------------------------
 Pests and Diseases Details
 -----------------------------------------------------------------------------------------------------------*/
.pest-diseases-table-container{ height:450px;overflow-y: scroll; border-bottom: 1px solid #dbe3dc; border-top: 1px solid #dbe3dc;}
.pest-diseases-tooltip{ position: relative; }
.pest-diseases-tooltip .tooltip-box{ right: initial; }
.pest-diseases-tooltip .tooltip-box .tooltip{ width:auto; left:-75px; right:-75px; }
.lbl_pests_diseases_search { font-size: 16px;padding:10px;width: 150px; }
.btn_print_download { float:right; }

/*16-04-2015 */
.quiz-wraper .icheckbox_minimal-grey {background-position: -138px 0px}
.quiz-wraper .icheckbox_minimal-grey.checked {background-position: -124px 0px}
.quiz-wraper .radio label span, .quiz-wraper .checkbox label span {padding:0  0 0 5px; display: inline-block}

/* For advance search */
.advanced-search .advance-search-label label.s_title {color: #FFF !important;}
.advanced-search .ms-drop ul { max-height: 100% !important;}
.advanced-search .advance-search-label .advance_option li{float: none !important;padding-bottom: 5px;}
.advanced-search .advance-search-data .ms-parent.ms.advance_option .ms-drop.bottom {max-height: 341px;overflow: auto; }
.advanced-search .all-plant-info {height: 145px;margin-top: 15px;overflow-y: scroll; min-height: 145px;}
.glossary_left_container {max-width:150px;float:left;}
.glossary_right_container {float:right;margin-left:5px;}
.glossary_right_container label { padding-bottom:5px;float:right}
.glossary_right_container img { max-width:150px; }
.glossary #modal_dictionary_search{margin-right: 15px; width:50%;display: inline-block;}
.glossary .control-label{display: block;}
.div_popup_gallery_container {display:none;}
.imgspeaker { cursor: pointer;}

/* Front plant_profile_report */
#details_tab_plant_leaf.tabContent { padding-top:0px; }
#preview_plant_profile_report { text-align: center; }
#preview_plant_profile_report a { text-align: center;font-size: 18px; color:green;font-weight: bold;white-space:normal; word-break:break-all;}
#viewTabPlantLeafMasterdialog .modal-content { padding:20px; }
#viewTabPlantLeafMasterdialog .modal-content h2 { padding-bottom: 5px; }
#viewTabPlantLeafMasterdialog .modal-content .th_title { color:#fff; background-color:#50a053; padding-left:5px; height:25px;}
#viewTabPlantLeafMasterdialog .modal-content .td_label { color:#336490; }
#viewTabPlantLeafMasterdialog .modal-content .td_data { color:212121; }
#viewTabPlantLeafMasterdialog .modal-content .additional_information { background:none; border:1px dotted #000;color:#212121;margin:5px;padding:5px; margin-left: 0px;}

/*------------------------------------------------------------------------------------------------
Login
--------------------------------------------------------------------------------------------------*/
.login-section{ margin:5% 0px;}
.login-column{}
.login-column h2{ margin:0 0 15px 0; padding:0 0 12px 0; border-bottom:#dedede solid 1px; font-size: 22px;}
.login-content{}
.login-content .form-group{}
.login-content .form-group:last-child{margin-bottom:0px;}
.login-section .form-group label{color: #40423e; font-size: 16px; font-weight: 400; margin-bottom:7px; display: block;}
.login-section .form-group input.form-control{background: #fff; border:1px solid #dedede; color: #555; display: inline-block; font-size:14px; font-weight: 400; min-height: 36px; padding: 7px 10px; position: relative;}
.login-section .form-group textarea{background: #fff; border:1px solid #dedede; color: #555; display: inline-block; font-size:14px; font-weight: 400; min-height: 36px; padding: 7px 10px; position: relative; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; width: 100%; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.login-section .form-group textarea:focus{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none;}
.login-section .form-group .registration{ float: left; padding-top: 8px;}
.login-section .form-group .registration a{ font-size: 14px; color:#40423e;}
.login-section .form-group .registration a:hover{color:#47a94b;}
.login-section .form-group .login{ float: right;}
.login-section .form-group .login a{ font-size: 14px; color:#40423e; margin-top: 4px; margin-left: 6px; display: inline-block;}
.login-section .form-group .login a:hover{color:#47a94b;}
.login-section .form-group .login button.login-btn{ float: right; background: #f2a32a; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow: 0 0 0px #5f6860; -webkit-box-shadow: 0 0 0px #5f6860; -moz-box-shadow: 0 0 0px #5f6860; display: block; font-weight:400!important; height:35px; line-height: 30px!important; padding:0px 15px; border: 0 none; margin-left:10px;  font-size: 18px;text-transform:uppercase;}
.login-section .form-group .login button.login-btn:hover{background:#47a94b;}
.login-section .login-content .dk_container{border:1px solid #dedede; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.login-section .login-content .dk_toggle:hover {background: #fff; border-radius: 3px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-weight: 400; height: 45px; line-height: 42px; padding: 1px 35px 0 12px; text-decoration: none; border:0px solid #dedede;}
.login-section .btn-warning {float: left;}
.login-block .form-group .login {float: left;}
/*
.dk_options_inner{border:1px solid #ddd;}
.dk_options a{border-bottom:1px solid #ddd; color: #555;}
.textarea-column{ margin-top: 15px;}
*/
/*.front_user_custom_plants .panel {

    background: none repeat scroll 0 0 #fcfcfc;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    margin-bottom: 20px;
    }*/

/*  for user_custom_plants @ front side */
.front_user_custom_plants .table-panel .table {border-bottom: 1px solid #eee;box-shadow: none;width: 99.99%;}
.table.table-striped.mb30.dataTable th{font-size: large;}
.front_user_custom_plants .mb30{margin-bottom: 30px;}
.front_user_custom_plants .mb5{margin-bottom: 5px;}
.front_user_custom_plants .subtitle {color: #333;font-family: 'LatoBold';font-size: 13px;margin-bottom: 15px;margin-top: 0;text-transform: uppercase;color: green;font-size: large;}
.front_user_custom_plants .table-responsive {margin-bottom: 15px;overflow-x: scroll;overflow-y: hidden;width: 100%;}
.front_user_custom_plants .table-panel .fa {color: #333;}
/*    .front_user_custom_plants label{padding-top: 10px;padding-left: 20px;font-size: larger;}*/
.front_user_custom_plants .add_plant{padding-top: 5px;padding-bottom: 5px;padding-right: 10px;}
.front_user_custom_plants .add_plant a{float: right;font-size: larger;color:#336490;}
.front_side_action .col-xs-4{padding-bottom: 5px ;}
.front_side_action .col-xs-5{padding-bottom: 5px ;}
.front_side_action .col-xs-12{padding-bottom: 5px ;}
.front_growth_rate .col-xs-10{padding-bottom: 10px;}
label.error{color:#b94a48; margin-top: 2px;}
.table.table-striped.mb30.dataTable a{margin-right: 5px;}
.front_side_button i{margin-right:5px;}
.front_side_button button{margin-right:5px;}
.control-label{padding-top: 7px;}
.front_side_action .online-status {border-right: 1px solid #e7e7e7;padding: 8px 10px;text-align: center;}
.detail-top-left, .detai-block {padding-bottom: 10px;width: 90%;}
.ckbox input[type="checkbox"], .rdio input[type="radio"] {opacity: 0;}
.front_user_custom_plants .ckbox, .rdio {position: relative;}
input, select, textarea {color: #636e7b;font-family: 'LatoRegular','Lucida Grande','Lucida Sans Unicode',Helvetica,sans-serif !important;}
.ckbox input[type="checkbox"]:disabled + label:before {background-color: #eee;}
.ckbox label:before {background: none repeat scroll 0 0 #fff; border: 1px solid #bbb;border-radius: 2px;content: "";display: inline-block;height: 18px;left: 0;position: absolute;top: 1px;width: 18px;}
.ckbox-primary input[type="checkbox"]:checked + label:before {background-color: #a5a392;border-color: #a5a392;}
.ckbox input[type="checkbox"]:disabled + label {color: #999;}
.ckbox label, .rdio label {cursor: pointer;margin-bottom: 7px !important;padding-left: 10px;}
.following-check .checkbox {float: left;margin: 0 10px 10px 0;width: 65px;}
/*#page2_accordion .chosen-container {width:100% !important;} */
form .form-group:last-child {margin-bottom: 0;}
.dictionary-block .control-label {border: 1px solid #d4d8d0;padding-top: 0;}
.dictionary-block .control-label .label-text {background: none repeat scroll 0 0 #fff;float: left;margin-top: -10px;}
.dic-iocn {clear: both;text-align: center;}
.chosen-container-single .chosen-single div{background: none repeat scroll 0 0 #e8eae6;border-left: 1px solid #d8dde1;width: 30px ;}
.key-box .label-text {background: none repeat scroll 0 0 #fff;float: left;margin-left: 15px;margin-top: -10px;}
.table-action a, .table-action-hide a {color: #666;display: inline-block;margin-right: 5px;}
.table-action a:last-child, .table-action-hide a:last-child {margin-right: 0;}
.plant-acco .table-action {padding-top: 7px;text-align: left;}
.key-box .radio, .checkbox{display: block;margin-bottom: 10px;margin-top: 10px;min-height: 20px;padding-left: 20px;}
.acoo-box .btn-search {margin-top: 10px;}
.front_side_action .button-formate .btn span {display: block;line-height: normal;}
.front_side_action .fa-icon {font-family: FontAwesome;}
.front_side_action .top-formate .btn {padding-left: 10px;padding-right: 10px;}
.front_side_action .button-formate .btn {height: 30px;line-height: 30px;padding: 0;text-align: center;width: 31px;}
.front_side_action .button-formate {min-height: 50px;padding: 8px 10px;}
.front_side_action .top-formate {min-height: 50px;padding: 7px 10px;}
.front_side_action .top-formate a{position: relative;}
.front_side_action .top-formate a:after{content: "";border-right: 1px solid #e7e7e7;margin-left: 10px;display: inline-block;width: 1px ;height: 50px;position: absolute;top: -10px;right: -15px;}
.plant-top-bar {background: none repeat scroll 0 0 #f3f5f1;border: 1px solid #e7e7e7;min-height: 50px;padding: 0 10px;}
.palnt-detial-row {padding: 5px 0;}
/*for key freatures tab */

.key-box {border: 1px solid #d4d8d0;margin-bottom: 20px;min-height: 520px;padding: 0 15px;}
.key-box > .row > div{height: 42px;}
.key-box.small-key-box { min-height: 150px;}
.photo-div {border: 1px solid #d4d8d0;margin-bottom: 5px;min-height: 445px; padding: 5px;}
.photo-block img {width: 100%;}
.bottom-button {border: 1px solid #d4d8d0; padding: 10px 0 0 10px;}
.bottom-button .col-sm-4 {padding-left: 0;}
.photo-text {border: 1px solid #d4d8d0;display: block;padding: 3px;text-align: center;}
.bottom-button .addition-btn-block {border: 0 none;padding: 8px 0 0;}
.bottom-button .btn {padding: 6px;margin-bottom: 10px !important;}
.addition-btn-block {text-align: center;}
.plantphoto-panel .note-block {border: 1px solid #d4d8d0;margin-bottom: 5px;min-height: 445px;}
.note-block {background: none repeat scroll 0 0 #f3f5f1;border-bottom: 1px solid #d4d8d0;color: #636e7b;font-family: LatoRegular;padding: 15px;}
.photo-block .btn-search {left:-15px;position: absolute;top: 0;z-index: 9;}
.bottom-button .chosen-container {float: right; width: 35% !important;}

/*for additional tab */
#additional .addtional-block {border: 1px solid #d4d8d0; padding: 0 0 15px;}
#additional .additional-panel h4 {font-family: 'LatoBold';font-size: 14px;line-height: 18px;}
#additional .thumb-box {border: 1px solid #d4d8d0; margin-bottom: 3px; min-height: 187px;}
#additional .thumb-box img{width: 100%;}
#additional .btn-clear{margin-top: 38px;padding: 6px 10px;}
#additional .image-caption {border: 1px solid #d4d8d0; display: block; margin-bottom: 15px; padding: 5px;}
#additional input, select,  textarea{color: #636e7b;font-family: 'LatoRegular','Lucida Grande','Lucida Sans Unicode',Helvetica,sans-serif !important;}
#additional .note-block {background: none repeat scroll 0 0 #f3f5f1; border-bottom: 1px solid #d4d8d0;color: #636e7b;font-family: LatoRegular;padding: 15px;}
#additional p {margin-bottom: 10px;}
#additional .source-img {padding: 10px 0;text-align: center;}
#additional .source-area {background: none repeat scroll 0 0 #fff;border: 1px solid #d4d8d0;margin: 0 auto;position: relative;width: 50%;}
#additional .btn-wh {float: none;margin: 0 auto;width: 50%;}
#additional .addition-btn-block {border-top: 1px solid #d4d8d0; padding: 15px 0 0;text-align: center;}
#additional .login-content .box-footer button.btn-success.disabled, .btn-success[disabled], .btn-success.active {background-color: #1caf9a;border-color: #17a08c;}    
#listsearch_content button { margin-bottom: 5px;}

/*For progressBar*/

.simple-search .progress.progress-striped.active{ height: 30px !important;background-color:#000 !important;}
.simple-search .progress.progress-striped.active #progress_bar_text{ position: absolute; display: none; width: 95%; text-align: center; color: rgb(255, 255, 255); font-weight: bold; font-size: large;}

.advanced-search .progress.progress-striped.active{ height: 30px !important;background-color:#000 !important;}
.advanced-search .progress.progress-striped.active #progress_bar_text{ position: absolute; display: none; width: 95%; text-align: center; color: rgb(255, 255, 255); font-weight: bold; font-size: large;}
/*position: absolute;width: 95%;text-align: center;color: #FFF; font-weight: bold;*/

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.row{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable.row{
    width: auto !important;
    left:10% !important;
}

.front_user_custom_plants .table-footer{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: 0 none;padding: 0;}
.front_user_custom_plants .table-footer .pagination {float: left;margin: 0;}
.front_user_custom_plants .dataTables_info {clear: inherit;float: right; line-height: 32px; margin-right: 10px;}
.front_user_custom_plants .dataTables_length .chosen-container { min-width: 50px;}
.front_user_custom_plants .table-footer .dataTables_length .chosen-container-single .chosen-single {padding: 5px 10px 6px;}
.front_user_custom_plants .pagination {position: relative !important;right: 0px !important;top:0px !important;}
.front_side_action span{margin-right: 1px;}

@media screen and (max-width: 1500px) {
    .table-responsive {margin-bottom: 15px;overflow-x: scroll;overflow-y: hidden;width: 100%;}	
    #additional .additional-panel .panel-body{width:100%;padding: 0;}
    #additional .btn-clear{padding:6px 8px; line-height:18px;}	
    #additional .plantphoto-wrapper{width:80%}
}

@media screen and (max-width: 1350px) {
    .plant-top-bar .row > div{min-height:auto;}
    #additional .btn-clear{padding:6px; line-height:18px;}	
    #additional .plantphoto-wrapper{width:90%}
}

/* user custom plants lists starts */
.user_custom_plants_lists .search-wraper { background-color: #eff4f0; padding:20px 15px;}
.user_custom_plants_lists .search-wraper .lblsearch { padding:10px; }
.user_custom_plants_lists .search-wraper .btn { margin-top:8px; }
.user_custom_plants_lists .search-wraper h2 { margin-left:8px; }
.user_custom_plants_lists .add_plant .add-link { float: right; line-height: 35px; color:#336490; text-decoration: none; }
.user_custom_plants_lists .add_plant .add-link:hover { text-decoration: none; } 
.user_custom_plants_lists .add_plant .add-link.add-link-btn{line-height:unset; margin-bottom: 20px; color: white}
.user_custom_plants_lists .quiz-wraper .pest-diseases-table-container .img-responsive { max-width:80px; }    
.user_custom_plants_lists .quiz-wraper .pagination { float:left;position: relative; left:0px;}
.user_custom_plants_lists .quiz-wraper .dataTables_info { margin-left:15px; margin-top: 5px; float:left;}
.user_custom_plants_view_data { font-size: 15px;}
.user_custom_plants_view_data input, button { font-size: 15px;}


.user_custom_plants_view_data .table-responsive { overflow-x: auto;}
.user_custom_plants_view_data table tr td { border:0px; border-bottom: 1px solid #dbe3dc; }

.user_custom_plants_view_data .panel-btns a {
    margin-left: 8px;
    float: right;
    color: #000;
    display: inline-block;
    font-weight: 500;
    opacity: 0.2;
    font-size: 16px;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

/*.user_custom_plants_view_data .panel-body .form-group label { padding-top: 0px; }    */
.user_custom_plants_view_data .panel-group .panel-title a { font-size: 18px; }

.user_custom_plants_view_data .ckbox input[type="checkbox"]:disabled + label:before {
    background-color: #eee;
}

.user_custom_plants_view_data .ckbox input[type="checkbox"]:disabled + label:before {
    background-color: #eee;
}

.user_custom_plants_view_data .ckbox label:before {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #bbb;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 0px;
    width: 18px;
}

.user_custom_plants_view_data .ckbox-primary input[type="checkbox"]:checked + label:before {
    background-color: #a5a392;
    border-color: #a5a392;
}

.user_custom_plants_view_data .ckbox input[type="checkbox"]:checked + label::after  {
    font-family: 'FontAwesome';
    content: "\F00C";
    position: absolute;
    top: 1.5px;
    left: 3px;
    display: inline-block;
    font-size: 11px;
    width: 16px;
    height: 16px;
    color: #fff;
}

.user_custom_plants_view_data .panel { display:block;margin-bottom: 20px; background-color: #fff; position:relative;}
.user_custom_plants_view_data .panel-heading { padding:20px; }
.user_custom_plants_view_data .panel-body { background-color: rgba(0,0,0,0.02); }
.user_custom_plants_view_data .additional-panel .panel-body { background-color: #fcfcfc; }    
.user_custom_plants_view_data .additional-panel .panel-body { float: none; margin: 0 auto; }
.user_custom_plants_view_data .additional-panel h4 { line-height: 18px;  margin-top:10px; margin-bottom: 10px;}

.user_custom_plants_view_data #browse_pic_leaf, .user_custom_plants_view_data #browse_pic_flower, .user_custom_plants_view_data #browse_pic_fruit, .user_custom_plants_view_data #browse_pic_bark {
    max-width: 210px;
    width: 100% !important;        
}


#browse_pic_flower, #browse_pic_leaf, #browse_pic_bark, #browse_pic_fruit{padding: 20px;}
.user_custom_plants_view_data .additional-panel h4 span { display: inline-block; font-weight: normal; float: right; font-family: LatoRegular; }

.user_custom_plants_view_data .chosen-container-single .chosen-single div { background: none repeat scroll 0 0 #e8eae6; border-left: 1px solid #d8dde1; width: 30px !important; }    
.user_custom_plants_view_data .chosen-container-single .chosen-single div b { background: url("../images/dropdown-arrow.png") no-repeat scroll 8px 15px rgba(0, 0, 0, 0) !important; }    
.user_custom_plants_view_data .chosen-container { width: 100% !important; }    
.user_custom_plants_view_data .dic-iocn a { color: #666; display: inline-block; margin: 5px 7px; }    
.user_custom_plants_view_data .plantphoto-wrapper { float: none; margin: 0 auto; }

.user_custom_plants_view_data .bottom-button .lbl_upload { padding:5px; }
.user_custom_plants_view_data .input_text_file_upload { background: none repeat scroll 0 0 rgb(255, 255, 255); border: 0 none; width: 95%; }
.user_custom_plants_view_data .image-caption { border: 1px solid #d4d8d0; display: block; margin-bottom: 15px; padding: 5px; }

.user_custom_plants_view_data .bottom-button .col-sm-7 .photo-text { float: left; width: 60%; }
.user_custom_plants_view_data .bottom-button .chosen-container-single .chosen-single { padding: 3px 10px 0; line-height: 25px; }
.user_custom_plants_view_data .bottom-button .chosen-container { width: 100% !important; float: right; }
.user_custom_plants_view_data .front_side_action .button-formate .btn { margin-bottom: 5px; }

/* user custom plants lists ends */
#viewGeneralHelpDialog li { list-style-type: inherit; }
.pest-diseases-btn-container .btn { margin-bottom: 5px; }
.dd-pests-group-family-container { height: 190px;overflow:auto; cursor: pointer; border-top:1px solid #dbe3dc; border-bottom:1px solid #dbe3dc}
.dd-pests-group-family-container .selected { background-color: #eff4f0; }
.dd-pests-group-family-container td:hover { text-decoration: underline; }

/*    For Subscription*/
.pricing-content { padding: 20px 15px;}
.pricing-detail-block  .title{ background:#f2a32a;    border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0;color: #ffffff;   font-size: 22px;    font-weight: 300;    padding: 15px 12px;}
.pricing-detail-block  .block-title{ background:#f2a32a;    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;color: #ffffff;   font-size: 22px;    font-weight: 300;    padding: 15px 12px;}
.pricing-detail-block  .pricetxt {  color: #ca5201;   font-size: 14px;   font-weight: bold;    text-align: right;}
.pricing-detail-block table{width: 100%}
.pricing-detail-block table tr tr td{vertical-align: top;text-align: right;}
.pricing-detail-block table tr td:first-child{text-align: left;padding: 0 15px;}
.pricing-detail-block table tr td:last-child{padding: 0 15px;}

.pricing-detail-blocks  .title{ background:#f2a32a;    border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0;color: #ffffff;   font-size: 22px;    font-weight: 300;    padding: 15px 12px;}
.pricing-detail-blocks  .block-title{ background:#f2a32a;    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;color: #ffffff;   font-size: 22px;    font-weight: 300;    padding: 15px 12px;}
.pricing-detail-blocks  .pricetxt {  color: #ca5201;   font-size: 14px;   font-weight: bold;    text-align: right;}
.pricing-detail-blocks table{width: 100%}
.pricing-detail-blocks table tr tr td{vertical-align: top;text-align: right;}
.pricing-detail-blocks table tr td:first-child{text-align: left;padding: 0 15px;}
.pricing-detail-blocks table tr td:last-child{padding: 0 15px;}

.add-to-cart{ background:#f2a32a;  border-radius: 3px;  display: block;    font-weight: 700 !important;    height:30px;    padding: 0 5x; border: none;color: #ffffff; font-size: 13px;  font-weight: 400;    line-height: 25px;     text-decoration: none; float: right;}
.view-detail{ background:green;  border-radius: 3px;  display: block;    font-weight: 700 !important;    height:30px;    padding: 0 5x; border: none;color: #ffffff; font-size: 13px;  font-weight: 400;    line-height: 25px;     text-decoration: none; float: right;}
.pricing-detail-block .tabContent {padding: 0; }
.pricing-detail-blocks .tabContent {padding: 0; }
.pricing-detail{padding:10px 0px;border: 1px solid #cccccc;}
.pricing-detail-block .tabContainer{min-height: inherit; padding:15px 0; margin-bottom: 0}
.pricing-detail-blocks .tabContainer{min-height: inherit; padding:15px 0; margin-bottom: 0}
.plan-block{min-height: 510px;overflow-y: auto;max-width: 992px;float: none;margin: 0 auto;}
.detail-plan .table-responsive.plan-detail-table{background-color: lightyellow;}
.tabing-plan-block{margin-top: 15px;max-width: 330px;}
.filter-box ul li{width: auto !important;margin-right: 15px !important;}

/* for subscription module */

.login-content .star{ color: red;margin-top: 0px;padding-top: 0px;float: left;margin-right: 5px;max-height: 5px;}
.login-content .validation_error{display: block;margin: 0;padding-bottom: 0;}
.login-content .validation_error p {color:red !important;margin-bottom: 0;}
.login-content label.error{color:red !important;}
.login-content .form-group{clear: both;}
.login-content .chosen-container, .login-content select{width:100% !important;}

.check0box-col .icheckbox_minimal-grey {position: absolute;}
.check0box-col .form-group label {padding: 6px 0 0 28px; line-height: 20px; }
.check0box-col .form-group {position: relative; margin-bottom: 5px;}

.simple-search .help-icons {position: absolute; float: none; left:0; margin: 0 auto; right: 0; top:40px; padding: 0; width:300px;}
.advanced-search .help-icons {position: absolute; float: none; left:0; margin: 0 auto; right: 0; top:40px; padding: 0; width:335px;}

.dictionary-form .form-control {width: 60%; display: inline-block;}
.dictionary-form .btn-info { vertical-align: middle;}
.dictionary-form .col-xs-12 {padding: 0}
.simple-search-bottom {float: left;}
.simple-search-bottom  .checkbox-block1 {margin-bottom: 10px;}
.header-online-help .modal-backdrop {position: fixed !important;}


.quiz-wraper tr td.show-detials{color:orange;font-weight: 600;}
.quiz-wraper tr td.show-detials_head{width: 20%;color:orange;font-weight: 600;}
.my-active-plan-alert-msg{color:Red;font-weight: 800;margin-right: 10px;}

.transaction_data .pagination { float:left;position: relative; left:0px;}
.transaction_data .dataTables_info { margin-left:15px; margin-top: 5px; float:left;}
.user_custom_plants .chosen-container.chosen-container-single.chosen-container-single-nosearch{width: 65px !important;}
.transaction_data .chosen-container.chosen-container-single.chosen-container-single-nosearch{width: 65px !important;}

/**/
.modal-body{overflow-x:auto;}
.modal-body table{min-width: 450px;}
.modal-body table td img{width: 100%;}
.modal-body table td {text-align: left;}
.modal-content .open_select{padding:0 !important;}
.modal-footer{padding: 15px 15px 0;}
.modal-footer button{margin-bottom: 15px;}
.modal-footer .btn + .btn{margin-bottom: 15px;}

.tab-pane h4.panel-title a:hover{opacity: 0.7;color:#000;}
.jumbotron {min-width:767px;margin:0 auto;float: none !important;}


/*Registration*/
.container .registration-block {margin-top: 20px; background: none; padding: 0 70px;}
.container .registration-block h2 {margin-bottom: 25px; font-size: 28px;}
.container .registration-block h5 {margin-bottom: 5px; font-weight: 600; font-size: 17px;}
.container .registration-block .login-content {margin-bottom: 20px; font-size: 15px; padding: 0 30px;}
.Registration-form .textarea-column label {width: 100%; text-align: center; font-style: italic;}
.registration-link {float: right;}
.registration-link  a{color: #40423e; display: inline-block; font-size: 14px; margin: 6px 7px 0 7px;}
.registration-link  a:hover {color:#47a94b}
.registration-link  a:last-child {margin-right: 0;}
.registration-link em {font-style: normal;}

@media only screen and (max-width: 768px) {
    .key-box .col-xs-10{padding: 7px 0 10px;}
    .jumbotron {min-width: 100%;}
    .container .registration-block {padding: 0 15px;}
    .container .registration-block h2 {font-size: 22px; line-height: 28px; margin-bottom: 20px;}
    .container .registration-block .login-content {padding: 0}
    .login-section .form-group label {margin-bottom: 2px;}
    .Registration-form .jumbotron {padding: 15px;}
    .Registration-form .textarea-column label {margin-bottom: 10px;}
}

@media only screen and (max-device-width: 768px) {
    .quiz-wraper .icheckbox_minimal-grey, .iradio_minimal-grey {  background:url(../images/grey-small.svg) -172px 0px ; }
    .iradio_minimal-grey.checked {
        background-position: -157px 0; float: left;
    }
    .iradio_minimal-grey.disabled {
        background-position: -168px 0;
        cursor: default;
    }
    .iradio_minimal-grey.checked.disabled {
        background-position: -178px 0;
    }
}

/* ---------- iPhone/iPod Only ---------- */
/*@media (max-device-width: 419px) and (min-device-width: 320px) {
    .quiz-wraper .icheckbox_minimal-grey, .iradio_minimal-grey {  background:url(../images/grey-small.svg) -173px 0px;}
    .iradio_minimal-grey.checked {
            background-position: -159px 0; float: left;
    }
    .iradio_minimal-grey.disabled {
            background-position: -167px 0;
            cursor: default;
    }
    .iradio_minimal-grey.checked.disabled {
            background-position: -177px 0;
    }
    }*/
.blockMsg h1{display: block !important;}
.login-content label{display: inline-block;float: left;}
.login-content.front_side label{display: inline-block;float: none !important;}
.login-content label span.star{margin-left: 10px;}
.view_record{overflow: auto;}
.view_record table{min-width: 700px;}
.nav-tabs.nav-justified > li.active{background: #fff;}
#details_tab_environ_cultivation > div{float: left;}
#plant_main_image{padding-left: 10px !important;}
span.star{color:#FF0000;}
.control-label label{display: inline;}
.plant-info span{height: auto;}
#contextMenu li a{padding: 10px;  white-space: normal;}
.login-content .form-group:last-child{margin-bottom: 5px;}
#browse_pic_flower, #browse_pic_leaf, #browse_pic_fruit, #browse_pic_bark{float: left;}
#additional .btn-clear{margin: 0;float: left;}
.photo-text{word-break:break-all;margin-bottom: 10px;}
.nav-tabs.nav-justified{border:1px solid #8f9d8e;}
.nav-tabs.nav-justified > li{border-left: 1px solid #fff;}
.nav-tabs.nav-justified > li:first-child{border-left: none;}
/*#details_tab_hardiness #dk_container_ddhardinesszone a{padding: 2px 5px;}*/
#browse_pic_leaf, #browse_pic_flower, #browse_pic_fruit, #browse_pic_bark{display: inline-block;float: none;}
#additional .btn-clear{float: none;vertical-align: top;}
.browse-pic{text-align: center;}

@media(max-width:1199px){
    .simple-search-bottom{margin-top: 15px;}
    .mb-px{margin-bottom: 15px;}
}


@media(min-width: 992px) and (max-width: 1035px){
    .user_custom_plants_view_data #browse_pic_leaf, .user_custom_plants_view_data #browse_pic_flower, .user_custom_plants_view_data #browse_pic_fruit, .user_custom_plants_view_data #browse_pic_bark{max-width: 195px !important;}
}

@media(max-width: 480px){
    .registration-link {float: left; width: 100%; margin-top: 5px;}
    .registration-link a{margin-left: 0; display: block;}
    .registration-link em {display: none;}
}

@media(max-width: 340px){
    .user_custom_plants_view_data #browse_pic_leaf, .user_custom_plants_view_data #browse_pic_flower, .user_custom_plants_view_data #browse_pic_fruit, .user_custom_plants_view_data #browse_pic_bark{max-width: 175px !important;}


}
.scan-btn {
    background: #F2A32A;
    font-weight: 700 !important;
    height: 45px;
    box-shadow: 0 0px 1px #5F6860;
    display: block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px 24px;
    padding-top: 10px;
    padding-right: 24px;
    padding-bottom: 10px;
    padding-left: 24px;
}
.climate_zone_mini{max-width: 151px;max-height: 151px;}
.list-button_lbl {
    background: #f2a32a !important;
    text-transform: uppercase;
    color: #fff !important;
    border: none;
    padding: 7px 11px 7px;
    font-size: 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer !important;
    /* font-weight: 700; */
}