h3, h2 {

    font-family: inherit;

    color: #0f8967;

}

.navbar-static-top .navbar-nav>li>a {

    padding: 10.5px 15px !important;

    height: 50.5px;

    line-height: 27px;

}

.skin-blue .main-header .navbar,.skin-blue .main-header .logo {

    background-color: #f17816;

}

.skin-blue .main-header .navbar .nav>li>a{ background-color: transparent; }

.skin-blue .logo .logo-mini,.skin-blue .logo .logo-lg{color: #0f8967;}

.skin-blue .logo{ border-right:1px solid #0f8967; }

body.skin-blue.sidebar-mini.sidebar-collapse .user-panel>.image>img {

    max-height: 30px;

    max-width: 30px;

}

a.btn.btn-primary.minicart-trigger{border:0;  border-left:1px solid #0f8967;}

img{ max-width: 100%; width: auto; }

.skin-blue .main-header .navbar .sidebar-toggle:hover ,.skin-blue .main-header .logo:hover{

    background-color: #f17816 !important;

}

.col-md-12.border-bottom.py-0.px-0{ border-bottom: 0 !important; }

.px-0{padding-left: 0; padding-right: 0; }

span.logo-mini img {

    height: 30px;

}

input[type=checkbox], input[type=radio] {

    margin: 4px 0 0;

    margin-top: 1px\9;

    line-height: normal;

    height: 20px;

    width: 20px;

    vertical-align: middle;

}

div#sub_1 {

    padding-left: 10px !important;

    padding-top: 5px; padding-bottom: 5px;

}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {

    background-color: #108867;

}

.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {

    color: #fff;

    background: #f17816;

}

.skin-blue .sidebar-menu>li>.treeview-menu {

    margin: 0 1px;

    background: #108867;

}

.skin-blue .sidebar-menu>li>.treeview-menu li {

    border-left: 1px solid #f17816;

    border-bottom: 1px solid #f17816;

}

.skin-blue .sidebar-menu>li>.treeview-menu li:last-child {border-bottom: 0;  }

/*div#right-side-section {

    position: absolute;

    top: 0;

    right: 0;

    color: #f17816;

    height: 100%;

    background-color: #108867;

}*/

.btn {

    background-color: #f17816;

    color: #fff; font-weight: bold;

}

.btn {

    box-shadow: 0px 0px 4px -1px #000;

}

.btn-group{ display: flex; align-items: center; justify-content: center; }



/* The container1 */

.container1 {

  display: flex;

  position: relative;

  padding-left: 25px;

  margin-bottom: 12px;

  cursor: pointer;

  font-size: 16px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

      font-weight: 500;

}



/* Hide the browser's default checkbox */

.container1 input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}



/* Create a custom checkbox */

.checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 20px;

    width: 20px;

    background-color: transparent;

    border: 1px solid #0f8967;

}



/* On mouse-over, add a grey background color */

.container1:hover input ~ .checkmark {

  background-color: #ccc;

}



/* When the checkbox is checked, add a blue background */

.container1 input:checked ~ .checkmark {

    background-color: #0f8967;

}



/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the checkmark when checked */

.container1 input:checked ~ .checkmark:after {

  display: block;

}



/* Style the checkmark/indicator */

.container1 .checkmark:after {

    left: 6px;

    top: 3px;

    width: 6px;

    height: 10px;

    border: solid #ffffff;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

div#right-side-section {

    height: 100%;

    position: relative;

    top: 0;

    right: 0;

    background-color: #108867;

    padding: 25px;

    color: #fff;

}

ul.sidebar-menu.tree li span {

    font-size: 16px;

    font-weight: bold;

}





.col-md-12.border-bottom.py-0.px-0 {

    margin-bottom: 0;

}

img#book_uploaded_img {

    margin-left: auto;

    display: block;

}



.inner-content-img img{display: block; margin-left: auto;}

.col-md-8.inner-content-img {

    text-align: right;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    padding: 0;

}

button#update_book_data {

    position: relative;

    top: 26px;

}

.pr-0{ padding-right: 0 !important; }



input#p_code:focus,input#p_code,input#pub_earning_amount,input#pub_earning_amount:focus{ border: 0; }

.mb-2 {

    margin-bottom: 15px !important;

}

.btn-primary:hover, .btn-primary:active, .btn-primary.hover {

    background-color: #108867; border-color: #f17816;

}



    .bs-example{

    	margin: 20px;

    }

    .rotate{

		-webkit-transform: rotate(90deg);  /* Chrome, Safari, Opera */

			-moz-transform: rotate(90deg);  /* Firefox */

			-ms-transform: rotate(90deg);  /* IE 9 */

				transform: rotate(90deg);  /* Standard syntax */    

    }	



    .container {

    max-width: 1170px;

    width: 100%;

}

button.btn.btn-link.acord-sect {

    width: 100%;

    text-align: left;

}

.w-100{ width: 100%; }

.import .modal-header{background-color: #108867 !important;}

.import .modal-header .modal-row{  display: flex; width: 100%; align-items: center; justify-content: center; }

.import .close {    top: 20px;

    opacity: 1;

    color: #fff;

    position: absolute;

    right: 15px;

}

.modal-dialog-import{ width: 50% !important; margin: auto; }

.font-24{ font-size: 24px !important; }

text-left{ text-align: left; }

.or {

    font-size: 24px;

    position: relative;

    text-align: center;

}

.or:after {

    position: absolute;

    top: 50%;

    left: 10%;

    width: 40%;

    height: 2px;

    background-color: #fff;

    content: "";

    z-index: 0;

    transform: translate(-10%, -50%);

}

.or:before {

    position: absolute;

    top: 50%;

    right: 10%;

    width: 40%;

    height: 2px;

    background-color: #fff;

    content: "";

    z-index: 0;

    transform: translate(10%, -50%);

}

.text-cnter{ text-align: center; }

.row1 {

    display: flex;

    align-items: center;

}



.container2 {

  display: block;

  position: relative;

  padding-left: 35px;

  margin-bottom: 12px;

  cursor: pointer;

  font-size: 15px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



/* Hide the browser's default radio button */

.container2 input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

}



/* Create a custom radio button */

.container2 .checkmark {

    position: absolute;

    top: 50%;

    left: 0;

    height: 15px;

    width: 15px;

    background-color: #eee;

    border-radius: 50%;

    transform: translateY(-50%);

}



/* On mouse-over, add a grey background color */

.container2:hover input ~ .checkmark {

  background-color: #ccc;

}



/* When the radio button is checked, add a blue background */

.container2 input:checked ~ .checkmark {

  background-color: #108867;

}



/* Create the indicator (the dot/circle - hidden when not checked) */

.container2 .checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the indicator (dot/circle) when checked */

.container2 input:checked ~ .checkmark:after {

  display: block;

}



/* Style the indicator (dot/circle) */

.container2 .checkmark:after {

 	top: 50%;

	left: 50%;

	width: 5px;

	height: 5px;

	border-radius: 50%;

	background: #f17816;

  transform: translate(-50%,-50%);

}

.ml-auto{ margin-left: auto;  }

.btn-import{ white-space: inherit; font-size: 12px; }





#accordionExample .card-header {

    margin: 0 0 15px 0 !important;

    background-color: #f17816;

    padding: 5px;

    float: left;

    width: 100%;

    color: #fff;

    border-radius: 5px; font-weight: bold;

    box-shadow: 0px 0px 5px 0px #000;

}

.card-body {

    float: left;

    width: 100%;

    margin-bottom: 10px;

}



#accordionExample .card-header .container1{ margin: 0 !important; }



.icon-lifetime {

    display: flex;

    align-items: center;

    justify-content: space-evenly;

    width: 59%;

    text-align: left;

    margin: 0;

    padding: 0;

    font-size: 12px;

}

.icon-lifetime li {

    display: flex;

    align-items: center;

    justify-content: center;

}

.icon-lifetime li i{ margin-right: 5px; }













/*New Page*/

.fixed-top {

    position: sticky;

    top: 0;

    right: 0;

    left: 0;

    z-index: 1030;
    
    max-height: 170px;

}

.your-cart-section {

    background-color: #018863;

}

.your-cart-section h2{ color: #fff; }

.table-head-bg {

    background-color: #ff7f26; color: #fff;

}

.table-body{ vertical-align: middle; }

.td-ver{ height: 100%; vertical-align: middle !important; }

.td-ver h5{ font-size: 16px; }

.td-ver a{ font-size: 14px; color: #018863; }

.td-ver a:hover{ text-decoration: underline !important; }

.td-ver span{ color: #000; }

.td-ver img{ border-radius: 5px; }

.button1 {

    margin-bottom: 10px;

    padding: 15px 25px;

    font-size: 12px;

    width: 190px;

    text-align: center;

    cursor: pointer;

    text-transform: uppercase;

    font-weight: bold;

    outline: none;

    color: #fff;



    border: none;

    border-radius: 15px;

    background-color: #018863;

    box-shadow: 0 9px #13c449;

    margin-left: auto;

  }



.button1:hover {

    

    box-shadow: 0 9px #13c449;

        background-color: #018863;

}



.button1:active {

    background-color: #018863;

    box-shadow: 0 5px #13c449;

    transform: translateY(4px);

}

.form-check-label {

    margin-bottom: 0;

    margin-left: 35px;

}

.custom-control-input:checked~.custom-control-label::before {

    color: #fff;

    border-color: #28a745;

    background-color: #28a745;

}

.custom-raqdio .custom-control-label::before {

    border-radius: 50%;

    border: 1px solid #ff7f26;

}

.payment-method-ul-lb img{margin-right: 5px; }

.payment-method-ul-lb {

    color: #ff7f26;

    font-weight: bold;

    vertical-align: middle;

    display: flex; margin: 0;

    align-items: center; padding: 10px; border-bottom: 1px solid #eee;

}

.payment-method-ul li{ padding: 5px 15px; border-bottom: 1px solid #eee;}

.payment-method-ul li:hover{ background-color: #eee; }

.custom-control-label img{ height: auto !important; width: 30px !important;  }

.custom-control-label img { margin-right: 10px;

    height: auto !important;

    width: 30px !important;

    max-width: 30px !important;

}

.custom-control-label i{font-size: 26px; margin-right: 10px;

    vertical-align: middle;}

    img.mx-100{ max-width: 150px !important; height: auto; }

    img.mx-100 {

    max-width: 150px !important;

    height: auto !important;

    width: 100% !important;

}

.section-preview .custom-control-label{ width: 100%; }

.text-color{color: #ff7f26 !important;}



.text-bold{ font-weight: bold; }

li.section-preview.d-flex.text-color {

    border-bottom: 1px dotted #ddd;

}

.apply{ position: absolute;  }

.gift-voucher {

    position: relative;

    width: 100%;

    font-size: 12px;

    color: #000;

    border: 0;

    padding: 0 5px;

    background-color: transparent;

    border-bottom: 1px solid #eee;

    height: 15px !important;

    max-height: 20px;

    line-height: 20px;

    margin: 4px 0;

}

.gift-voucher:hover{border-bottom: 1px solid #000;}

.section-preview form{ position: relative; }

.apply {

    position: absolute;

    font-size: 14px;

    top: 37%;

    right: 5px;

    transform: translateY(-50%);

}

.apply:hover{ color: #000; cursor: pointer; }

label.mr-auto {

    margin: 0;

}

.line-height-normal{ line-height: normal; width: 35%; }

.custom-control-label-right{ position: absolute; height: 100%; }

.custom-control-label-right::after, .custom-control-label-right::before {

    right: 0px !important;

    left: auto;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}

.link-between a{ cursor: pointer; text-decoration: underline; }

li.nav-item.dropdown{ margin-right: 0; }

.cart-card-icon h2 {

    font-size: 20px;

}

.cart-card-icon img {

    width: 50px;

    margin: 5px auto !important;

}

.cart-card-icon p {

    font-size: 13px;

    color: #000;

}

.cart-card-section .card:hover {

    box-shadow: 0px 0px 10px -2px #28a745;

}

img.image-xoom {

    max-height: 50px;

    margin: auto;

    display: block;

}

/*New page end*/





/*Product css start*/

.bootstrap-select.btn-group .dropdown-toggle .filter-option{ color: #9E9E9E; }

/* these styles are for the demo, but are not required for the plugin */

        .zoom {

    display: flex;

    position: relative;

    margin: auto;
    
    align-item:center;
    justify-content:center;
    height: 100%;

}

        

        /* magnifying glass icon */

        .zoom:after {

            content:'';

            display:none; 

            width:33px; 

            height:33px; 

            position:absolute; 

            top:0;

            right:0;

            background:url(icon.png);

        }



        .zoom img { border-radius: 10px;

            display: block;

            max-height: 380px;

            height: auto;

            margin: auto;

        }



        .zoom img::selection { background-color: transparent; }

/* Style the tab */

.tab {

    float: left;

    /* border: 1px solid #ccc; */

    /* background-color: #f1f1f1; */

    width: 15%;

}



/* Style the buttons that are used to open the tab content */

.tab button {

  display: block;

  background-color: inherit;

  color: black;

      padding: 8px 8px;



  width: 100%;

  border: none;

  outline: none;

  text-align: left;

  cursor: pointer;

  transition: 0.3s;

}



/* Change background color of buttons on hover */

.tab button:hover {

  background-color: #ddd;

}



/* Create an active/current "tab button" class */





/* Style the tab content */

.tabcontent {

  float: left;

  padding:8px;

  width: 85%;

  border-left: none;

  height: 400px;

  display: none;
  
  max-height:400px;
}        

.tabcontent.active{display: block;}

.offer {

    display: inline-block;

    width: 100%;

    text-align: center;

}

.offer h5{ margin: 0; }

#review-text {

    width: 100%;

    border: 1px solid #999;

    padding: 5px;

}



.offer .modal-body .checkmark{ width: 15px; height: 15px; top: 5px; }

.offer .modal-body .checkmark:after {

    left: 4px;

    top: 1px;

    width: 5px;

    height: 9px;

    border: solid #ffffff;

    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    /* color: #fff; */

}

.reting-show-ul {

    display: flex;

    align-items: center;

    justify-content: flex-start;

}

.reting-show {

    background-color: #0f8967;

    color: #fff;

    font-size: 13px;

    padding: 2px 5px;

    display: flex;

    border-radius: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.reting-show i{ font-size: 12px; margin-left: 2px; }

.reting-show-ul li { margin-right: 5px; padding-right: 5px; border-right: 1px solid #eee;

    width: auto;

    display: flex;

    align-items: center;

    justify-content: flex-start;

}

.reting-show-ul li p {

    color: #000;

    margin: 0 0 0 5px;

    font-size: 13px;

}

.reting-show-ul li p.text-color{color: #ff7f26 !important;}

.authorname {

    

    margin: 5px 0 0 0;

    border-bottom: 1px solid #eee;

}

.discription p{ color: #000; font-size: 16px; }

.buy-books li a span{ display: block; font-size: 12px; text-align: center; }

.at-accordion-or-tabs>li>a{background: #0f8967;}

.at-accordion-or-tabs>li>a.active, .at-accordion-or-tabs>li>a:hover{    background: #ff7f26;}

.buy-books li a:hover span.text-color,.buy-books li a.active span.text-color{ color: #fff !important; }

.at-accordion-or-tabs.at-tabs>li>a.active {

    z-index: 100;

    background-color: #ff7f26;

    color: #ffffff;



}

.at-accordion-or-tabs.at-tabs>li>a{ border-radius: 5px; color: #fff;  border:1px solid #eee !important;}

.at-accordion-or-tabs.at-tabs>li>section{ border: 0; color: #000; }

.at-accordion-or-tabs.at-tabs>li>section p{ color: #000; }

span.at-tab-one-pixel-fix-left,span.at-tab-one-pixel-fix-right{ display: none !important; }

.selling-price-spen {

    margin-right: 15px;

}

.btn-outline-light.off-btn {

    display: inline-block;

    width: 100px;

    text-align: center;

    border-radius: 10px !important;

    color: #fff;

    margin-left: 15px;

}

.how-long span {

    display: inline-block;

    font-size: 13px;

    font-weight: normal;

    vertical-align: middle;

}

.table-bordered td, .table-bordered th {

    vertical-align: middle;

    font-size: 12px;

    line-height: 14px;

}



.heading {

  font-size: 18px;

  margin-right: 15px;

}



.fa {

  font-size: 14px;

}

.category-section-page .card-body span.fa.fa-star {

    color: grey;

}

.category-section-page .card-body span.fa.fa-star.checked {

    color: orange;

}

.at-accordion-or-tabs{ z-index: 0; }



/* Three column layout */

.side {

  float: left;

  width: 15%;

  margin-top:0px;

}



.middle {

  margin-top:0px;

  float: left;

  width: 70%;

}



/* Place text to the right */

.right {

  text-align: right;

}



/* Clear floats after the columns */

.row:after {

  content: "";

  display: table;

  clear: both;

}



/* The bar container */

.bar-container {

  width: 100%;

  background-color: #f1f1f1;

  text-align: center;

  color: white;

}



/* Individual bars */

/*.bar-5 {width: 60%; height: 5px; background-color: #398e3d;}*/

.bar-4 {width: 30%; height: 5px; background-color: #398e3d;}

.bar-3 {width: 10%; height: 5px; background-color: #398e3d;}

.bar-2 {width: 4%; height: 5px; background-color: #398e3d;}

.bar-1 {width: 15%; height: 5px; background-color: #398e3d;}

.border-red{ border-radius: 5px; }

.font-s, .cat-rece {

    font-size: 15px;

    line-height: 14px;

    margin-bottom: 2px;

    border-bottom: 0;

}

/*Product Css end*/









/*Login Form*/

.login-text{display: flex;

    width: 89%;

    padding: 5px;

    font-size: 14px; border:1px solid #eee;

    max-height: 37px !important;

    position: relative;

    left: -2px;

    z-index: 1;}

.btn-pos-2{ position: relative; z-index: 2; }

input.login-text.pass-text {

    width: 80%;

}

.btn-pos-left{}

.or-section{ margin-top: 10px; text-align: center;display: block; width: 100%; position: relative;}

.or-section span { position: relative; z-index: 1;

    color: #000;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background-color: #eee;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: auto;

    font-size: 13px;

}

.or-section:after{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 0; width: 100%; height: 1px; background-color:#eee; }

.social-buttons-login i {

    width: 30px;

    height: 100%;

    position: absolute;

}

.social-buttons-login i {

    width: 40px;

    height: 100%;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 24px;

    background-color: #f17816;

    padding: 5px; color: #fff !important;

}

.social-buttons-login .btn-outline-light:hover i{ color: #fff; }

.border-red{ border-radius: 5px; }



/*Login Form end*/





/*Register Form Start*/

.name-register input[type=text] {

    outline: none !important;

    height: 45px !important;

    padding-top: 0px;

    width: 76%;

    display: inline-block;

}

.name-register {

    display: inline-flex;

    width: 49%;

    flex: 50%;

}

/*Register form end*/





/*ratingnreviews*/

.ratingnreviews h4.heading {

    font-size: 24px;

}

.ratingnreviews .rating-number{ font-size: 24px; }

.ratingnreviews .rating-number .fa { font-size: 20px; }

.sub_active{

    background-color: grey;

    color: #fff !important;

}



/**/



























































@media (max-width: 400px) {

  .side, .middle {

    width: 100%;

  }

  .right {

    display: none;

  }

}