.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: #007339;}

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

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 #007339;}

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: #eee;

}



/* 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: #f17816;

}



/* 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: 8px;

  top: 4px;

  width: 5px;

  height: 10px;

  border: solid #108867;

  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;

}

.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: #000; }

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

        .zoom {

    display: block;

    position: relative;

    margin: auto;

}

        

        /* 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: 314px;

    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: auto;

  display: none;

}        

.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: 5px;

    top: 2px;

    width: 5px;

    height: 9px;

    border: solid #108867;

    border-width: 0 2px 2px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.reting-show-ul {

    display: flex;

    align-items: center;

    justify-content: flex-start;

}

.reting-show {

    background-color: #007339;

    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 .custom-control.custom-radio.custom-control-inline { 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 .custom-control.custom-radio.custom-control-inline ,.at-accordion-or-tabs>li>a {

    background: #007339;

    width: 150px;

    text-align: center;

    position: relative !important;

}*/



/*.at-accordion-or-tabs>li .custom-control-input:checked~.custom-control-label::before,.at-accordion-or-tabs>li>a {

    color: #fff;

    border-color: #f17816;

    background-color: #f17816;

}*/

/*.at-accordion-or-tabs>li .custom-control-label::after, .at-accordion-or-tabs>li>a { top: 50%; transform: translateY(-50%); }

*//*.at-accordion-or-tabs.at-tabs>li .custom-control.custom-radio.custom-control-inline,.at-accordion-or-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;

}

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

    z-index: 100;

    background-color: #007339;

    color: #fff;

}

.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;

}



.checked {

  color: orange;

}

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



/* Three column layout */

.side {

  float: left;

  width: 15%;

  margin-top:10px;

}



.middle {

  margin-top:10px;

  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: 18px; background-color: #4CAF50;}

.bar-4 {width: 30%; height: 18px; background-color: #2196F3;}

.bar-3 {width: 10%; height: 18px; background-color: #00bcd4;}

.bar-2 {width: 4%; height: 18px; background-color: #ff9800;}

.bar-1 {width: 15%; height: 18px; background-color: #f44336;}

.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%;

}

.custom-control-label::before {

    position: absolute;

    top: 50%;

    left: -20px;

    display: block;

    width: 15px;

    height: 15px;

    pointer-events: none;

    content: "";

    background-color: #fff;

    border: #adb5bd solid 1px;

    transform: translateY(-50%);

}

.custom-control-label::after { left: -21px; }

.custom-control.custom-radio.pmd-radio.custom-control-inline{ padding-left: 20px; margin-right: 0; }

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

    color: #fff;

    border-color: #007339;

    background-color: #007339;

}

/*Register form end*/









/*Category page start*/

.dropdown:hover>.dropdown-menu {

  display: block;

}

.dropdown-menu .dropdown-item{ color: #000;}

form.form-inline.form-right {

    width: 80%;

    float: none;

    margin-right: auto;     display: inline-flex;

}

.form-inline .form-control{ width: 62%; }

.my-cart-section {

    width: 17%;

    display: inline-block;

    margin-left: 2%;

}

span.cart-icon { position: relative;

    font-size: 24px;

    width: 30px;

    height: 30px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background-color: #007339;

}

span.cart-count {

    position: absolute;

    font-size: 10px;

    top: -6px;

    right: -4px;

    width: 15px;

    height: 15px;

    display: flex;

    border-radius: 50%;

    background-color: #ff7f26;

    align-items: center;

    justify-content: center;

    font-weight: bold;

}

/*Category page end*/



























































@media (max-width: 400px) {

  .side, .middle {

    width: 100%;

  }

  .right {

    display: none;

  }

}







/*Category Page Start*/



section.range-slider {

    position: relative;

    width: 100%;

    height: auto;

    float: none;

    margin-top: 15px;

    text-align: center;

}

section.range-slider input[type="range"] {

    pointer-events: none;

    position: absolute;

    -webkit-appearance: none;

    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

    border: none;

    border-radius: 14px;

    background: #007339;

    box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;

    -webkit-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;

    overflow: hidden;

    left: 28%;

    top: 25px;

    width: 150px;

    outline: none;

    height: 10px;

    margin: 0;

    padding: 0;

}

section.range-slider input[type="range"]::-webkit-slider-thumb {

  pointer-events: all;

  position: relative;

  z-index: 1;

  outline: 0;

  -webkit-appearance: none;

  width: 20px;

  height: 20px;

  border: none;

  border-radius: 14px;

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dad8da), color-stop(100%, #413f41));

  /* android <= 2.2 */

  background-image: -webkit-linear-gradient(top, #ff7f26 0, #ff7f26 100%);

  /* older mobile safari and android > 2.2 */

  background-image: linear-gradient(to bottom, #ff7f26 0, #ff7f26 100%);

  /* W3C */

}

section.range-slider input[type="range"]::-moz-range-thumb {

  pointer-events: all;

  position: relative;

  z-index: 10;

  -moz-appearance: none;

  width: 20px;

  height: 20px;

  border: none;

  border-radius: 14px;

  background-image: linear-gradient(to bottom, #ff7f26 0, #ff7f26 100%);

  /* W3C */

}

section.range-slider input[type="range"]::-ms-thumb {

  pointer-events: all;

  position: relative;

  z-index: 10;

  -ms-appearance: none;

  width: 20px;

  height: 20px;

  border-radius: 14px;

  border: 0;

  background-image: linear-gradient(to bottom, #ff7f26 0, #ff7f26 100%);

  /* W3C */

}

section.range-slider input[type="range"]::-moz-range-track {

  position: relative;

  z-index: -1;

  background-color: black;

  border: 0;

}

section.range-slider input[type="range"]:last-of-type::-moz-range-track {

  -moz-appearance: none;

  background: none transparent;

  border: 0;

}

section.range-slider input[type="range"]::-moz-focus-outer {

  border: 0;

}

.drop-header {

    padding: 10px;

    background-color: #007339;

    text-align: center;

    color: #ff7f26;

    position: sticky;

    top: 177px;

    z-index: 9;

    height: 50px;

}

.drop-header .custom-control-input:checked~.custom-control-label::before{    color: #fff;

    border-color: #f17816;

    background-color: #f17816}



#vertical-menu {

    background: #eee;

    width: 250px;

    margin: 100px auto 0 auto;

    color: #000;

    /* box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 200px 1px rgba(255, 255, 255, 0.5); */

}

/*heading styles*/

#vertical-menu h3 {

    font-size: 16px;

    line-height: 34px;

    padding: 0 10px;

    font-weight: bold;

    margin-bottom: 0;

    cursor: pointer;

    color: #fff;

    background: #003040;

    background: linear-gradient(#007339, #007339);

    border-bottom: 1px solid #fff;

}

/*heading hover effect*/



/*iconfont styles*/

#vertical-menu h3 span {

    font-size: 26px;

    margin-right: 10px;

    vertical-align: middle;

}

/*list items*/

 #vertical-menu li {

    list-style-type: none;

}

/*links*/

 #vertical-menu ul ul li a {

    color: #000;

    text-decoration: none;

    font-size: 11px;

    line-height: 27px;

    display: block;

    padding: 0 15px;

    /*transition for smooth hover animation*/

    transition: all 0.15s;

}

/*hover effect on links*/

#vertical-menu ul ul li a:hover {

    background: #313131;

    /* border-left: 5px solid lightgreen; */

    color: #fff;

}

/*Lets hide the non active LIs by default*/

 #vertical-menu ul ul {

    display: none;

}

#vertical-menu li.active ul {

    display: block;

}

section.category-section-page{    background-color: #ffffff;}

.vertical-main-menu{ max-height: 550px; overflow-y: auto; }

/*Category Page End*/





/*HTML Scrollbar*/

/* width */

.vertical-main-menu::-webkit-scrollbar {

  width: 8px;

}



/* Track */

.vertical-main-menu::-webkit-scrollbar-track {

  background:#ff7f26;

}

 

/* Handle */

.vertical-main-menu::-webkit-scrollbar-thumb {

  background: rgba(0,115,57,1); 

  max-height: 20px !important; 

}



/* Handle on hover */

.vertical-main-menu::-webkit-scrollbar-thumb:hover {

  background: rgba(0,115,57,.8); 

}

/*HTML Scrollbar*/

/* width */

.vertical-main-menu::scrollbar {

  width: 8px;

}



/* Track */

.vertical-main-menu::scrollbar-track {

  background:#ff7f26;

}

 

/* Handle */

.vertical-main-menu::scrollbar-thumb {

  background: rgba(0,115,57,1); 

  max-height: 20px !important; 

}



/* Handle on hover */

.vertical-main-menu::scrollbar-thumb:hover {

  background: rgba(0,115,57,.8); 

}



.category-section-page .card .title {

    font-size: 18px;

    font-weight: bold;

    margin-top: 8px;

}



.category-section-page .card .btn-outline-light.off-btn {

    display: inline-block;

    width: 56px;

    text-align: center;

    border-radius: 10px !important;

    color: #fff;

    margin-left: 15px;

    font-size: 12px;

}

.category-section-page .card .save-you {

    font-size: 14px;

}

.pagination .page-link{ color: #000; }

.page-item.active .page-link {

    z-index: 3;

    color: #fff;

    background-color: #007339;

    border-color: #007339;

}

//.category-section-page .card img{ height: 250px; }

/**/









/*My-ebooks start*/

.my-ebooks .card .card-body{

     background-color: #018763;

    

    

}

.read-ebook-btn {

    background-color: #fff;

    text-align: center;

    color: #000;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 5px 15px;

    border-radius: 5px;

    text-transform: uppercase;

    font-weight: bold;

}

.read-ebook-btn:hover { cursor: pointer;

    background-color: #ff7f26;

    color: #fff;

  }

  table#pop-tab {

    margin: 0;

    max-height: 250px;

    overflow-y: auto;

}

.my-ebooks-recommended .card .card-body{ background-color: transparent;  }

.my-ebooks-recommended .card img{ max-height: 350px; }

/*My-ebooks end*/



label.custom-control-label span {

    font-size: 12px;

}

label.custom-control-label span {

    font-size: 12px;

    display: inline-flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}



.form-control:focus {

          color: #495057;

          background-color: #fff;

          border-color: #0f8967;

          outline: 0;

          box-shadow:none;

      }

      .dropdown-item.active, .dropdown-item:active,.dropdown-item:hover {

          color: #fff !important;

          text-decoration: none;

          background-color: #0f8967;

      }









/*slider*/

div#banner-inner-slider{ width: 698px; margin: auto; }

.mt-50{margin-top: -25px;  }

a.animated.fadeInDown.pos-right {

    position: absolute;

    right: 0;

    bottom: 50px;

}

p.mt-50{margin-top: -40px;}

div#banner-inner-slider .owl-nav button.owl-next span {

    font-size: 50px;

    right: -26px;

    position: relative;

}

div#banner-inner-slider .owl-nav button.owl-prev span {

    font-size: 50px;

    left: -16px;

    position: relative;

}

/*slider*/



/*my=-ebboks*/



.dropdown-item {

    display: block;

    width: 100%;

    padding: .25rem 0.5rem;

    clear: both;

    font-weight: 400;

    color: #212529;

    text-align: inherit;

    white-space: nowrap;

    background-color: transparent;

    border: 0;

}



#book_rent_option_list .custom-control.custom-radio.custom-control-inline {

    line-height: 13px;

    padding: 4px;

}



section#book_rent_option_list {

    padding: 10px 20px;

}



#book_rent_option_list .custom-control.custom-radio.custom-control-inline:nth-last-child(1) {

    margin: 0;

}