/* declaring HTML content */
html {
	position: relative; min-height:100%; min-width:100%; width:100%; overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll; overflow-x:hidden;  scroll-behavior: smooth; 
}

/* declaring Body contect */
body {
	margin:0; height:100%; min-height:100%; min-width:100%; clear: both; overflow-x:hidden; font-family: 'Poppins', sans-serif; font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Poppins", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; overflow-y:auto;
 }


 ::-webkit-scrollbar-track
{
	border: 3px solid #fff;
	/* border color does not support transparent on scrollbar*/
	border-color: transparent;
	background-color: #b2bec3;
}

::-webkit-scrollbar
{
	width: 8px;
	background-color: #dfe6e9;
}

::-webkit-scrollbar-thumb
{
	background-color: #2e3660;
	border-radius: 8px;
}



/*####################################################################################################*/
/*==================================== All Media Query Start Here ====================================*/
/* media query for print */
@media print {
   body *, #main * { display:none; }
 
}


/*================================ All Media Query Ends Here ========================================*/
/*---------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------*/
/*======================================= Header CSS Code Start Here ========================================*/
#navbar-library {
	z-index:100; background: #FEFEFA;
}

/* ----- Header top section Start ----- */
.header-top {
	background: #023b7e url(/envoy_new/images/library/general/blue.jpg) repeat top left; background-attachment: fixed; color:#fff; display:inline-block; min-height:auto; max-width:100%; display: flex; align-items: center; justify-content: center;
}
.hd1 p{
	margin-top:4px! important;  
}
.hd1 a{
	color:#e6e6e6; text-decoration:none; 
}
.hd2 {
	text-align:center;
}
.hd2 a{
	text-decoration:none; color:#fff
}
.social-media {
	display: inline-block; float: right; margin-bottom: 0px;
}
.social-media li {
	display: inline-block;
}
.social-media li a{
	color:#e6e6e6;
}
.social-media li a:hover{
	color:#d6d6d6;
}
/* ----- Header top section End ----- */


/* ----- Header Bottom Section Start ----- */	
#header-bottom{
	display:inline-block; min-height:auto; max-width:100%; display: flex; align-items: center;
}
#company-name {
	color:#004086; font-weight:bold; display: flex; align-items: center;
}
#company-text {
	float:left;  text-shadow:0px 1px 1px #0056b3; 
}
.navbar-right{
	list-style-type: none;
}

.searchbtn{
	border-radius:5px; border-width:1px; border-color:silver; background:#fff; color:#000
}
.searchbtn:hover{
	background:Gray; color:#fff
}
.dropbtn {
	background-color: #0059b3; color: white; padding: 8px; border: none; border-radius:2px
}
.dropbtn-mobile {
	background-color: #0059b3; color: white; padding: 5px; border: none; border-radius:2px; box-shadow:0px 0px 2px 2px #d9d9d9
}
.dropbtn-mobile:hover {
	background-color:#0073e6
}
.dropdown {
	position: relative; display: inline-block;
}
.dropdown-content {
	display: none; position: absolute; background-color: #e6e6e6; z-index: 1;
}
.dropdown-content a {
	color: black; padding: 12px 16px; text-decoration: none; display: block;
}
.dropdown-content a:hover {
	background-color: #cccccc;
}
.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown:hover .dropbtn {
	background-color: #0073e6;
}
/* ----- Header Bottom Section End ----- */

/*================================ Header CSS Code End Here ========================================*/
/*----------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------*/
/*======================================= Sidebar CSS Code Start Here ========================================*/
/* ----- Sidebar Section Start ----- */
.sidebar{
	position: fixed; top: 0; height: 100vh; transition: all 0.3s; letter-spacing: 1.5px; opacity:1; z-index: 999; 
}
.sidebar-change {
    position: fixed; top: 0; height: 100vh;	transition: all 0.3s; letter-spacing: 1.5px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); opacity:1; z-index: 999; color: #fff;  background: #01244b url(/envoy_new/images/library/general/blue.jpg) repeat top left; background-attachment: fixed;
}
.sidebar-change.active {
    left: 0; z-index: 9999;
}
#sidebarCollapse {
	float:left; margin-top:12px; left: 20px; border-radius:5px; border-style:none; border-color:#000; border-width:1px; z-index:999;  background: none; position: absolute; color:#000;
}	
#sidebarCollapse:after {
  position: absolute; background: none; animation: animatedgradient 3s ease alternate infinite; background-size: 300% 300%;
}
#dismiss {
    width: 35px; height: 35px; line-height: 35px; text-align: center; position: absolute; top: 10px; right: 10px; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display:none; z-index:1; background:none;
}
#dismiss:hover{
    background: none; color: Silver;
}
.overlay{
    background: rgba(0, 0, 0, 0.7); display: none; position: fixed; min-width: 100%; height: 100vh; z-index: 1; opacity: 0; transition: all 0.5s ease-in-out;top:0; left:0
}
.overlay.active {
    display: block; opacity: 1; z-index: 1001;
}
#sidebar ul.components {
    padding: 20px 0; 
}
#sidebar ul p {
    padding: 10px;
}
#sidebar ul li a {
	color: #e6e6e6; padding: 10px; display: block; text-shadow:1px 1px 1px 1px #bfbfbf; border-style:dashed; border-color:white; border-width:1px; border-left:none; border-right:none;
}
#sidebar ul li a:hover {
    color: #000; background:rgb(162, 162, 162); text-decoration:none; opacity:.8
}
#sidebardiv::-webkit-scrollbar {
    width: .51em; 
}
#sidebardiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
}
#sidebardiv::-webkit-scrollbar-thumb {
  background-color: #011832; outline: 1px solid slategrey;
}
/* ----- Sidebar Section End ----- */

/*======================================= Sidebar CSS Code End Here ========================================*/
/*------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------*/
/*==================================== Scroll to Top CSS Code Start Here ====================================*/
#scroll {
    position:fixed; right:10px; bottom:15px; cursor:pointer; width:40px; height:40px; background-color:#1c386d; text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; z-index:1000;
}
#scroll span {
    position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#112751;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
/*======================================= Scroll to Top CSS Code End Here =========================================*/
/*-----------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------*/
/*======================================= Footer CSS Code Start Here ========================================*/
.footer {
	bottom: 0; width: 100%; height: auto; position: absolute; background: #023b7e url(/envoy_new/images/library/general/blue.jpg) repeat top left; background-attachment: fixed; color:#fff; 
}
.footer_class{
	margin-top:0px
}
.footer b{
	display:inline-block; font-weight:500; padding-bottom:5px
}
.footer p{
	color:#fff;
}
#footer_row {
	margin-bottom:0px; 
}
#footer_left a {
	 Opacity:.8; padding:3px; border-radius:2px;  display:inline-block; color:rgb(192, 192, 192)
}
#footer_left a:hover {
	background:#ffffff; color:#000; text-decoration:none
}
.footer span{
	padding-top:5px; padding-bottom:5px; min-height:20px; display:inline-block;
}
/*======================================= Footer CSS Code Ends Here =========================================*/
/*-----------------------------------------------------------------------------------------------------------*/

/* Library Modal Start */
.modal {font-family: Poppins, sans-serif;}

.modal-header {min-height:50px; Color:#000;}


/* Search Modal */
.search{
	background-color: rgba(0, 0, 0, 0.7);
}
.search-dialog { 
	width: 90vw; height: auto; padding: 0; margin:auto; margin-top:3vw; background: #000 url(/envoy/images/library/Slide1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.search-content {
	width: 100%; height: auto; display:inline-block; border-radius: 1; background-color: rgba(0, 0, 0, 0.45)
}
.search.fade .search-dialog {
  transform: translate3d(0, 100vh, 0);
}
.search.in .search-dialog {
  transform: translate3d(0, 0, 0);
}
.input-group-search{
	margin-top:10px; margin-bottom:10px
}
.input-group-search span{
	margin-bottom:0px;  padding:5px
}
.input-group-search select{
	background-color: rgba(0, 0, 0, 0.6); color:#cccccc
}
.input-group-search input{
	background-color: rgba(0, 0, 0, 0.6); color:#cccccc
}


/*-----------------------------------------------------------------------------------------------------------*/
/*================================= Fabric Libray (Before Login) Start Here =================================*/
#carousel-caption-01{
	text-shadow: 1px 1px Gray; color:rgb(0, 0, 0,.55);
}	
#carousel-caption-02{
	text-shadow: 1px 1px Gray; color:rgb(0, 0, 0,.55);
}	
#carousel-caption-03{
	text-shadow: 1px 1px Gray; color:rgb(0, 0, 0,.55);
}
.carousel-caption b{
	opacity:.8; padding-left:10px; padding-right:10px; display:inline-block; border-radius: 50px 0px 0px 50px; 
}
#cap-b1{
	background:rgb(255, 255, 255,.75)
}
#cap-b2{
	background:rgb(255, 255, 255,.75)
}
#cap-b3{
	background:rgb(255, 255, 255,.75)
}
.carousel-caption p{
	opacity:.8; padding-left:10px; padding-right:10px; display:inline-block; margin-top:5px;  border-radius: 50px 0px 0px 50px;
}
#cap-p1{
	background:rgb(255, 255, 255,.75)
}
#cap-p2{
	background:rgb(255, 255, 255,.75)
}
#cap-p3{
	background:rgb(255, 255, 255,.75)
}
#textbox {
	 margin-top:10px; margin-bottom:10px
}
#reg-btn{
	border-style:solid; border-width:1px; border-color:Gray; border-radius:5px; padding:10px; text-decoration:none; background:#005580; color:#b3e6ff; -webkit-transition: all 1s;  transition: all 1s; 
}
#reg-btn:hover{
	background:#00334d; color:#ffffff
}
#sign-btn{
	border-style:solid; border-width:1px; border-color:Gray; border-radius:5px; padding:10px; text-decoration:none; background:#005580; color:#b3e6ff; -webkit-transition: all 1s;  transition: all 1s;
}
#sign-btn:hover{
	background:#00334d; color:#ffffff
}

/*-----------------------------------------------------------------------------------------------------------*/
/*============================== Fabric Libray (Registration Page) Start Here ===============================*/
.body-register { 
	background: #000 url(/envoy_new/images/library/background/003.jpg) no-repeat left center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-width: 100vw;
}
#body-container-sub {
	margin-top:15px;  
}
fieldset.scheduler-border {
    border: .50px groove #d2d2d2 !important; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.0em 0 !important;  color:#fff;background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.50);
}
legend.scheduler-border {
   font-weight: bold !important; text-align: left !important; border-style:none; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.50); border-style:solid; border-color:#999999; border-width:1px; color:#fff; width:inherit; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px
}
#registration-form select{
	background-color: rgba(0, 0, 0, 0.8); color:#cccccc;
}
#registration-form input{
	background-color: rgba(0, 0, 0, 0.8); color:#cccccc
}
#registration-label{
	font-weight:normal; 
}
#access-period label{
	font-weight:normal; 
}
#warning {
    background:#fa0505; color: #fff; padding-left:5px; padding-right:5px
}

/*-----------------------------------------------------------------------------------------------------------*/
/*================================= Fabric Libray (Login Page) Start Here ===================================*/
.body-login{ 
	background: #000 url(/envoy_new/images/library/background/002.jpg) no-repeat left center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-width: 100vw;
}
.page-heading{
	z-index:1
}
.page-heading a{
	color:#000; text-decoration:none
}

fieldset.login-border {
    border: .50px groove #fff !important; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.0em 0 !important;  color:#fff; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.60);
}
legend.login-border {
   	font-weight: bold !important; text-align: left !important; border-style:none; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.60); border-style:solid; border-color:#999999; border-width:1px; color:#fff; width:inherit; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px
}
#login-form input{
	background-color: rgba(0, 0, 0, 0.65); color:#cccccc; 
}
#login-label{
	font-weight:normal;
}
#loginwarn{
	position:absolute; display:inline-block; right:0; z-index:1; margin-top:10px; opacity:0;
}
#loginwarning{
	background:#ccf5ff; color:#007a99; float:right; border-radius:1px;  box-shadow:0px 0px 1px 1px Silver
}
#loginwarning p{
	width:90%; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px
}
#loginwarning .dismiss_cls{
	float:right; color:#007a99; position:absolute; top:0; right:0; padding:10px; background:none; border-style:none
}


/*-----------------------------------------------------------------------------------------------------------*/
/*============================= Fabric Libray (Reset Password Page) Start Here ==============================*/
.body-forget{ 
	background: #000 url(/envoy_new/images/library/background/004.jpg) no-repeat bottom center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-width: 100vw;
}
fieldset.forget-border {
    border: 1px groove #fff !important; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.0em 0 !important;  color:#fff;background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.60);
}
legend.forget-border {
   font-weight: bold !important; text-align: left !important; border-style:none; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.60); border-style:solid; border-color:#999999; border-width:1px; color:#fff; width:inherit; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px
}
#forget-form input{
	background-color: rgba(0, 0, 0, 0.65); color:#cccccc; 
}
#forget-label{
	font-weight:normal;
}


/*-----------------------------------------------------------------------------------------------------------*/
/*================================= Fabric Libray (Library Home) Start Here ===================================*/
#body-container-opt {
	margin-top:5px;
}
.cate-one{
	margin-bottom:20px; background:#fff; color:#000; border-style:solid; border-color:#808080; border-width:1px; border-radius:5px; display:block; transform-origin: bottom top; transition: all 1s ease;
}
.cate-one:hover{
	background:#d9d9d9; border-color:#d9d9d9; 
}
.cate-one img{
	min-width:100%; padding-left:10px; padding-top:10px;
}
.cate-one h4{
	padding-left:10px; font-weight:bold
}
.cate-one label{
	padding-left:10px; padding-right:10px; margin-bottom:10px; font-weight:normal; cursor: pointer;
}
.cate-two{
	margin-bottom:20px; background:#fff; color:#000; border-style:solid; border-color:#808080; border-width:1px; border-radius:5px; display:block; transform-origin: bottom top; transition: all 1s ease;
}
.cate-two:hover{
	background:#d9d9d9;  border-color:#d9d9d9;
}
.cate-two img{
	min-width:100%; padding-left:10px; padding-top:10px
}
.cate-two h4{
	padding-left:10px; font-weight:bold
}
.cate-two label{
	padding-left:10px; padding-right:10px; margin-bottom:10px; font-weight:normal; cursor: pointer;
}

/*-----------------------------------------------------------------------------------------------------------*/
/*=============================== Fabric Libray (Collection Pages) Start Here ================================*/
.bodylibrary{
	min-width:100vw
}
#listheading{
	padding-left: 10px;
}
#listheading h5{
	display:inline-block
}
#listheading a{
	 float:right; padding:5px
}
#infobox {
	padding-left:20px; padding-right:15px; margin-top:20px;
}
.single-fabric {
	 display:inline-block; position:relative;
}
.fabric-link{
	color:#fff; text-decoration:none
}
.fabric-link img{
	margin:auto; width:100%; padding:1px 1px 0px 1px; transition: .1s ease;
}
.fabric-view{
	border-color:silver; border-style:solid; border-width:1px; border-radius:1px
}
.stylename {
	min-width:100%; display:inline-block; text-align:center; background:#004086;
}
.tooltips {
	position: relative; display: inline-block; width:100%
}
.tooltips .tooltiptext {
	visibility: hidden; min-width: 100%; background-color: rgba(0, 0, 0, 0.0); color: #ffffff; text-align: left; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 5%; left: 0%; margin-left: 0px; opacity: 0; transition: opacity 0.3s;
}
.tooltips .tooltiptext::after {
	content: ""; position: absolute; top: 100%;  border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; margin-left:-50%; display:none
}
.tooltips:hover .tooltiptext {
	transition: 2s ease;
}
.show_more {
	background-image: -webkit-linear-gradient(top,#fcfcfc 0,#f8f8f8 100%); border: 1px solid; border-color: #d3d3d3; color: #333; cursor: pointer; display:inline-block; padding: 5px 10px; text-align: center; font-weight:bold; margin-left:2%
}	
.loding {
	margin-left:2%
}

#searchresult{
	padding-left:5px; padding-right:15px; margin-top:20px;
}

	
.searchtips{
	background:#f2f2f2; margin-top:15px;  padding-bottom:5px
}

.searchvalue {
	border-style:solid; border-color:#bfbfbf; border-width:.5px; border-radius:3px; display:inline-block; margin:3px; padding-left:5px; padding-right:0px;
}
	
.searchvalue a {
	padding-left:3px; padding-right:3px; padding-top:0px; padding-bottom:0px; background:none; color:#a6a6a6;  border-radius:50%;  font-weight:normal; vertical-align:top
}


.wrap {
	width:100%;text-align:center
}
.button {
	text-transform: uppercase; color: #000; background: #4FD1C5; background: linear-gradient(90deg, rgba(129,230,217,1) 0%, rgba(79,209,197,1) 100%); border: none; border-radius: 1000px; box-shadow: 10px 10px 20px rgba(79,209,197,.64); transition: all 0.3s ease-in-out 0s; cursor: pointer; outline: none; padding: 10px; position:absolute; z-index:100; font-weight:bold; bottom:20px; opacity:.85
}
.button::before {
	content: ''; border-radius: 1000px; min-width: calc(60px + 12px); min-height: calc(60px + 12px); border: 6px solid #00FFCB; box-shadow: 0 0 60px rgba(0,255,203,.64); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .3s ease-in-out 0s;
}
.button:hover, .button:focus {
	color: #000; transform: translateY(-6px); text-decoration:none
}
.button:hover::before, .button:focus::before {
	opacity: 1;
}
.button::after {
	content: ''; width: 30px; height: 30px; border-radius: 100%; border: 6px solid #00FFCB; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: ring 1.5s infinite;
}
.button:hover::after, .button:focus::after {
	animation: none; display: none;
}
@keyframes ring {
  0% {
	width: 30px; height: 30px; opacity: 1;
}
  100% {
	width: 300px; height: 300px; opacity: 0;
  }
}

/*-----------------------------------------------------------------------------------------------------------*/
/*=============================== Fabric Libray (My Account Page) Start Here ================================*/
.page-link{
	margin-top:10px; display:inline-block
}
.page-link a {
	text-decoration: none; border-style:solid; border-color:#c0c0c0; border-width:1px; border-radius:0px 15px 0px 0px; padding:5px; margin-left:0px; background:#fff; color:#000
}

.page-link a:hover{
	background:#a6a6a6; color:#fff
}

.account-main{
	margin-top:5px;
}

.account-main table{
	margin-top:10px;
}


#chnpwd-form input{
	background-color: rgba(255, 255, 255, 0.65); color:#000; 
}
#chnpwd-label{
	font-weight:normal;
}

/*-----------------------------------------------------------------------------------------------------------*/
/*================================= Fabric Libray (Virtual Tour) Start Here ===================================*/

.cate-vt{
	margin-bottom:20px; background:#fff; color:#000; border-style:solid; border-color:#808080; border-width:1px; border-radius:5px; display:block; transform-origin: bottom top; transition: all 1s ease; transform: rotate(0deg);
}
.cate-vt:hover{
	background:#d9d9d9; border-color:#d9d9d9; color: #49495f; border-radius:10px; transform: rotate(-2deg);
}
.cate-vt img{
	min-width:100%; padding-left:10px; padding-top:10px; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; transition: all 0.9s; 
}

.cate-vt img:hover{
	filter: none;  Opacity:.80; transition: all 0.9s;
}

.cate-vt h4{
	padding-left:10px; font-weight:bold; text-align: center;
}


/*------------------------------------------------------------------------------------------------------------------*/
/*================================= Fabric Libray (Collection Stories) Start Here ===================================*/

.cate-cs{
	margin-bottom:20px; background:#fff; color:#000; border-style:solid; border-color:#808080; border-width:1px; border-radius:5px; transform-origin: bottom top; transition: all 1s ease; /*display: flex; align-items: center; flex-wrap: wrap;*/ 
}
.cate-cs:hover{
	background:#d9d9d9; border-color:#d9d9d9; color: #49495f; border-radius:10px;
}
.cate-cs img{
	min-width:100%; padding-left:10px; padding-top:10px; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; transition: all 0.9s; 
}
.cate-cs img:hover{
	filter: none;  Opacity:.80; transition: all 0.9s;
}
.cate-cs h4{
	padding-left:10px; font-weight:bold;
}
.cate-cs label{
	padding-left:10px; margin-top:-5px; font-weight:normal; font-family: "Lucida Handwriting", "Cursive", monospace; color:#143770; cursor: pointer;
}


/*-----------------------------------------------------------------------------------------------------------*/
/*============================ Fabric Libray (Collection Features) Start Here ===============================*/
.features{
	border-style:solid; border-color:#e6e6e6;  border-width:.5px; transition: all 1s ease; padding:0px 0px 0px 0px;  display: flex; align-items: center; flex-wrap: wrap; 
}
.features-img{
	float: left; 
}
.features-details{
	display: inline-block; padding:0px 20px 0px 20px;
}
.features-details h4{
	font-weight:bold;
}
.features-details label{
	margin-top:-5px; margin-bottom: 15px; font-weight:normal; font-family: "Lucida Handwriting", "Cursive", monospace; color:#143770; 
}
.features-details p{
	font-weight:normal;
}
.features-head h4{
	font-weight:bold
}
.story-category{
	background:#ffffff; padding:5px; border-style:solid; border-color:#e6e6e6;  border-width:.5px; transition: all 1s ease; color:#000; 
}
.story-category:hover{
	background:#f2f2f2; border-color:#ffffff;
}
.img-div{
	float:left; padding:5px;
}

.img-div img{
	display:inline-block;
}

.text-category{
	padding:5px
}

.text-category h4{
	line-height:1
}

.text-category small{
	display:inline-block; line-height:1.2; 
}



/*-----------------------------------------------------------------------------------------------------------*/
/*============================= Fabric Libray (Features Detail) Start Here ==============================*/
.feature-details{
	background:none; padding:5px; border-style:solid; border-color:#e6e6e6; border-width:.5px; border-left:none; border-right:none; transition: all 1s ease; color:#000; 
}
.img-icon-div{
	float:left; padding:5px;
}
.img-icon-div img{
	display:inline-block; border-color:#979797; border-style:solid; border-width:1px; border-radius:1px
}
.text-feature-heading{
	padding:5px
}
.text-feature-heading h4{
	line-height:0
}
.text-feature-heading small{
	display:inline-block; line-height:1.6; font-family: "Lucida Handwriting", "Cursive", monospace;
}



/*=== Fabric Library (Fabric View Page) Start Here ===*/
.display_img img{
	max-width:100%; margin:auto; cursor: crosshair;
}
.display_img b{
	width:100%; display:inline-block; background:#cccccc; color:#000; color:#004086
}
.postView {
	border-style:solid; border-width:1px; border-color:silver;	
}
.loding{
	display: none;
}

/* Magnify Glass for Fabric View
.img-magnifier-container {
	position:relative;
  }
.img-magnifier-glass {
	position: absolute; border: 3px solid #ababab; border-radius: 50%; cursor: none; width: 200px; height: 200px;
}
*/

/*Scroll to Zoom*/
.scroll-downs {
	position: absolute; top: 0; right: 0; margin: auto; height: auto; padding:5px; margin-top:5px; margin-right:20px; text-align:center;  color:#fff; background:#000; opacity:.75;  line-height:1.6
}
.mousey {
	border: 2px solid #fff; border-radius: 20px; opacity: 0.75; box-sizing: content-box; margin: auto;	  
}
.scroller {
	width: 3px; height: 10px; border-radius: 25%; background-color: #fff; animation-name: scroll; animation-duration: 2.2s;animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite;
	}
@keyframes scroll {
	0% { opacity: 0; }
	10% { transform: translateY(0); opacity: 1; }
	100% { transform: translateY(15px); opacity: 0;}
}
	
.thumb{
	border-style:solid; border-width:1.5px; border-color:silver; padding:0px; margin-top:0px; cursor: pointer;
}
.thumb img{
	min-width:100%;
}
.thumb b{
	display:inline-block; width:100%; background-color: rgba(204, 204, 204, 1); color:#000; font-weight:normal; text-align:center;
}
.fabric_details{
	z-index:1;
}
.fabric_details h3{
	background:#004086; color:#fff; display:inline-block; padding:5px; border-radius:10px 10px 10px 10px
}
.fabric_table{
}

.more_info{
	color:#000099; float:right; width:63.5%; text-align:center; border-style:solid; border-width:1px; border-color: silver; border-radius:5px; margin-bottom:20px; cursor:pointer 
}
.more_info:hover{
	background:#d9d9d9; box-shadow: 1px 1px 1px #d9d9d9
}
.more_info span{
	display:inline-block; width:100%;  padding:5px;
}


.addView{
	 display:inline-block; width:100%;
}
.addQty{
	display:inline-block; width:36.5%; text-align:center;
}

.add_cart{
	color:#004d00; width:63.5%; display:inline-block;  float:right;  text-align:center; border-style:solid; border-width:1px; border-color: silver; border-radius:5px; cursor:pointer;
}
.add_cart:hover{
	background:#d9d9d9; box-shadow: 1px 1px 1px #d9d9d9
}
.add_cart span{
	display:inline-block; width:100%;  padding:5px;
}

.view_cart{
	color:#004d00; width:63.5%; display:inline-block; float:right; text-align:center; border-style:solid; border-width:1px; border-color: silver; padding:5px; border-radius:5px; cursor:pointer
}
.view_cart:hover{
	background:#d9d9d9; box-shadow: 1px 1px 1px #d9d9d9
}

#add_confirm{
	margin-top:10px; display:inline-block; width:100%;
}



/*=== Fabric Library (Cart Page) Start Here ===*/

.badge {
  position: absolute; top: -10px; right: -10px; padding: 5px 10px; border-radius: 50%; background:red; color: white; 
}
.cart-item{
	margin-bottom:12px; width:100%; display:inline-block; box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em .50em; border-radius:5px;
}
.cart-img{
	 display:inline-block; float:left; min-width:15%; max-width:15%;
}
.cart-img img{ 
	position: absolute; max-height:80px; left: 50%; top: 50%; transform: translate(-50%, -50%);
}
.cart-item-des{
	 display:inline-block; float:left; min-width:44%; max-width:44%;
}
.cart-item-qty{
	display:inline-block; float:left; position: absolute; min-width:32%; max-width:32%;
}

.cart-item-del{
	display:inline-block; float:right; min-width:6%; max-width:6%;
}
.cart-item-del i{
	cursor:pointer
}
.cart-item-del i:hover{
	color:red
}

#order-confirm{
	margin-top:10px; display:inline-block; float:right; padding-top:5px; padding-bottom:5px
}

/*=== Fabric Library (Order Page) Start Here ===*/
.order-confirm-heading {
	line-height:2.0; width:100%; padding-left:5px; font-weight:bold; text-align:center; background:#006600; color:#fff
}
.order-confirm-body{
	width:100%; padding-left:5px; border-style:solid; border-width:1px; border-color:silver; border-top:none; 
}