/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */

/*   01 - General & Basic Styles   */
/*   02 - Login Styles   		   */
/*   03 - Dashboard Styles         */


/*   01 - General & Basic Styles   */
@font-face {
    font-family: 'DinNextLight';
    src: url('../fonts/din-next/light/DinNextLight.eot');
    src: url('../fonts/din-next/light/DinNextLight.eot') format('embedded-opentype'), url('fonts/din-next/light/DinNextLight.woff2') format('woff2'), url('fonts/din-next/light/DinNextLight.woff') format('woff'), url('fonts/din-next/light/DinNextLight.ttf') format('truetype'), url('fonts/din-next/light/DinNextLight.svg#DinNextLight') format('svg');
}
@font-face {
    font-family: 'DinNextRegular';
    src: url('../fonts/din-next/regular/DinNextRegular.eot');
    src: url('../fonts/din-next/regular/DinNextRegular.eot') format('embedded-opentype'), url('fonts/din-next/regular/DinNextRegular.woff2') format('woff2'), url('fonts/din-next/regular/DinNextRegular.woff') format('woff'), url('fonts/din-next/regular/DinNextRegular.ttf') format('truetype'), url('fonts/din-next/regular/DinNextRegular.svg#DinNextRegular') format('svg');
}
@font-face {
    font-family: 'DinNextMedium';
    src: url('../fonts/din-next/medium/DinNextMedium.eot');
    src: url('../fonts/din-next/medium/DinNextMedium.eot') format('embedded-opentype'), url('fonts/din-next/medium/DinNextMedium.woff2') format('woff2'), url('fonts/din-next/medium/DinNextMedium.woff') format('woff'), url('fonts/din-next/medium/DinNextMedium.ttf') format('truetype'), url('fonts/din-next/medium/DinNextMedium.svg#DinNextMedium') format('svg');
}
@font-face {
    font-family: 'DinNextBold';
    src: url('../fonts/din-next/bold/DinNextBold.eot');
    src: url('../fonts/din-next/bold/DinNextBold.eot') format('embedded-opentype'), url('fonts/din-next/bold/DinNextBold.woff2') format('woff2'), url('fonts/din-next/bold/DinNextBold.woff') format('woff'), url('fonts/din-next/bold/DinNextBold.ttf') format('truetype'), url('fonts/din-next/bold/DinNextBold.svg#DinNextBold') format('svg');
}
@import url("animate.css");
@import url("loaders.css");


*{
    font-family: 'DinNextRegular';
}
p{
  	font-family: 'DinNextRegular' !important;
	font-size: 18px;
	line-height: 1.6;
  	font-weight: 300;
  	color: #202020;
    text-align: right;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul li{
	list-style: none;
}
img{
	max-width: 100%;
}
h1, h2, h3, h4, h5, h6{ 
	font-family: 'DinNextRegular' !important;
}
a{
	font-family: 'DinNextRegular';
	text-decoration: none;
}
a:hover,
a:focus {
	text-decoration: none;
	o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a{
	text-decoration: none;
	o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
body{
  	overflow-x: hidden;
  	direction: rtl;
  	color: #202020;
}
b, strong {
	font-weight: 700 !important;
}
ul{
	padding: 0;
}
ul li{
	list-style: none;
}
.div-50{
	height: 50px;
	width: 100%;
	display: block;
}
.div-10{
	height: 10px;
	width: 100%;
	display: block;
}
.div-25{
  height: 25px;
  width: 100%;
  display: block;
}
.div-15{
  height: 15px;
  width: 100%;
  display: block;
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
img{
	max-width: 100%;
}

html{
    position: relative;
}

/*   02 - Login Styles             */

.body-bg { 
    background: url(../images/bg.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*overflow: hidden;*/
    position: relative;
    height: 100vh;
}
.overlay-bg {
    background: #3333338f;
    padding: 20px 0;
    min-height: 100vh;
}
.logo-sec img.logo {
    margin-bottom: 20px;
}
.logo-sec h3{
    color: #ffffff;
    font-size: 2rem;
}
.login-sec {
    padding: 0 0 20px;
}
.login-div {
    background: #ffffff;
    border-radius: 20px;
    padding: 25px 30px;
    text-align: right;
}
.login-div .form-control {
    padding-right: 35px;
    color: #5d5d5d;
    font-size: 18px;
    border-radius: 20px;
    box-shadow: 0px 3px 2px #e4e4e4;
}
.login-btn{
    background: #01aaad !important;
    border: 1px solid #01aaad;
    width: 100%;
    padding: 10px 0;
    font-size: 18px;
    border-radius: 20px;
}
.login-btn-div{
    margin-top: 20px;
}
a.forget-pass {
    font-size: 16px;
    color: #202020;
}
.login-div h3{
    color: #ffffff;
    font-size: 35px;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.logo-sec {
    padding-bottom: 25px;
    text-align: center;
}
.login-div label i{
    margin-left: 10px;
}
.custom-control {
    padding-right: 1.5rem;
    padding-left: 0;
}
.custom-control-label::before {
    right: -1.5rem;
    left: auto;
}
.custom-control-label::after {
    right: -1.5rem;
    left: auto;
}


/*   03 - Dashboard Styles         */

/* top bar */
.bo-wrapper {
    min-height: 100%;
    padding-top: 61px;
}
.bo-top-header {
    background: #ffffff;
    border: 0;
    margin-bottom: 0;
    padding: 0;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 98;
}
.bo-top-header .bo-left-navbar {
    padding-right: 250px;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 1px 3px 1px #dee1e4;
}
.bo-top-header .dropdown-toggle::after {
    display: none;
}
.navbar-expand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
img.logined-user-photo {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
}
.user-data {
    float: left;
    text-align: right;
}
span.user-name {
    color: #202020;
    font-size: 16px;
}
span.user-job {
    color: #6b6c80;
    font-size: 15px;
    display: block;
}
.bo-left-navbar .not-ico > i{
    font-size: 30px;
}
li.vertical-divider {
    width: 2px;
    border-left: 1px solid #f1f2f3;
    margin: 18px 10px;
}
.bo-left-navbar .not-ico{
    position: relative;
    margin-top: 7px;
    margin-left: 20px;
}
.hs-notification {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    color: #303030;
    left: 2px;
}
.hs-notification i{
    font-size: 12px;
    color: #f5a623;
}
.search-frm{
    position: relative;
    width: auto;
    margin-bottom: 0;
}
.search-frm .form-control{
    width: 100%;
}
.search-frm .btn{
    border: 0;
    color: #272727;
    position: absolute;
    left: 0;
}
.search-frm .btn:hover, .search-frm .btn:focus, .search-frm .btn:active{
    background: #ffffff !important;
    border: 0;
    color: #272727 !important;
    box-shadow: none !important;
}

/* sidebar style */
.bo-right-sidebar {
    background-color: #28214a;
    width: 230px;
    right: 0;
    position: absolute;
}
.mobile-toggle{
    display: none;
}
.bo-fixed-sidebar .bo-right-sidebar {
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 99;
}
.bo-right-sidebar:before {
    content: "";
    position: fixed;
    z-index: -1;
    width: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
}
.bo-right-sidebar .right-sidebar-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}
.bo-right-sidebar .right-sidebar-toggle {
    display: none;
    background-color: #fff;
    padding: 16px 10px;
    color: #404040;
    font-weight: 300;
    font-size: 1.077rem;
}
.bo-right-sidebar .right-sidebar-toggle:before {
    content: '\f2f2';
    float: right;
    font-family: "Material Icons";
    font-size: 2.077rem;
    line-height: 22px;
    color: #c5c5c5;
}
.bo-right-sidebar .right-sidebar-spacer {
    height: 100%;
    display: table-row;
}
.bo-right-sidebar .right-sidebar-scroll {
    position: relative;
    /*height: 100%;*/
    width: 100%;
    overflow-x: hidden;
    height: -moz-calc(100% - 114px);
    /* WebKit */
    height: -webkit-calc(100% - 114px);
    /* Opera */
    height: -o-calc(100% - 114px);
    /* Standard */
    height: calc(100% - 114px);
    }
.bo-right-sidebar .right-sidebar-content {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 15px;
}
.bo-right-sidebar .sidebar-elements {
    margin: 0;
    padding: 0;
}
.bo-right-sidebar .sidebar-elements>li {
    list-style: none;
}
.bo-right-sidebar .sidebar-elements>li>a {
    display: block;
    padding: 10px 15px;
    color: #ffffff;
    font-size: 16px;
    text-overflow: ellipsis;
    /*overflow: hidden;*/
    white-space: inherit;
    text-align: right;
    padding-left: 0px;
}
.bo-right-sidebar .sidebar-elements>li.active>a , .bo-right-sidebar .sidebar-elements>li>a:hover{
    font-weight: 500;
    background: #6b6c80;
}

.bo-right-sidebar .sidebar-elements>li>a i {
    max-width: 20px;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
}
.bo-right-sidebar .sidebar-logo{
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 25px 0;
    border-bottom: 1px solid #6b6c80;
}
.bo-right-sidebar .sidebar-logo h3{
    color: #ffffff;
}
.bo-right-sidebar .sidebar-logo p{
    color: #f5a623;
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
}
.right-sidebar-scroll {
   overflow-y: scroll;
}
.right-sidebar-scroll::-webkit-scrollbar {
    width: 5px;
}

.right-sidebar-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 6px;
    background: #6b6c80;
}

.right-sidebar-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    background: #4f4f67;
}
.sidebar-elements .nav-link[data-toggle=collapse][aria-expanded=true] .collapse-icon {
    transform: rotate(-180deg);
}

.sidebar-elements .nav-link[data-toggle=collapse] .collapse-icon {
    color: #ffffff;
    float: left;
    font-size: 15px;
    margin-top: 8px;
    margin-left: 10px;
}
.sidebar-elements .nav-sm .nav-item .nav-link{
    text-align: right;
    padding-right: 45px;
    color: #f1f2f3;
    border-top: 1px solid #1c1a32;
    border-bottom: 1px solid #1c1a32;
}
.sidebar-elements .nav-sm .nav-item .nav-link:hover{
    background: #141529;
    border-top: 1px solid #6b6c80;
    border-bottom: 1px solid #6b6c80;
}
.sidebar-elements .nav-sm{
    background: #1c1a32;
}
.sidebar-elements .nav-sm .nav-item .nav-link i{
    font-size: 12px;
    margin-left: 10px;
    color: #6b6c80;
}

/* main content */
.bo-content {
    position: relative;
    right: 0;
    margin-right: 230px;
    min-height: 100%;
    text-align: right;
    background: #ffffff;
}
.widget {
    background-color: #fff;
    padding: 20px;
    border-radius: 3px;
}
.widget.widget-tile {
    padding: 15px 15px;
    margin-bottom: 25px;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #ffffff;
}
.chart{
    margin-bottom: 25px;
}
.main-content {
    padding: 25px 20px;
}
.widget-tile i{
    font-size: 28px;
    color: #ffffff;
}
.widget-tile .value {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.widget-tile{
    text-align: center;
}
.widget .card-body{
    padding: 0 !important;
}
.card-title {
    /*border-bottom: 1px solid #f1f2f3;*/
    /*padding-bottom: 10px;*/
}
.date-select .form-group>label{
    font-weight: bold;
    text-align: right !important;
    display: block;
}
.date-select .form-group{
    width: 100%;
}
label.input-group-text {
    background: #fdce04;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    color: #fff;
}
.book-img {
    border-radius: 20px;
    /*margin-top: 35px;*/
    height: 100px;
}
.book-photo-a{
    display: block;
    float: right;
    max-width: 100px;
    margin-left: 20px;
}
.book-desc .badge-secondary {
    color: #fff;
    background-color: #fdce04;
    padding: 5px 15px 7px;
    font-size: 16px;
    font-weight: 100;
    float: right;
}
.book-desc h4 a{
    color: #202020;
}
.ico-info-ul{
    float: left;
    margin-top: 15px;
}
.yellow-color{
    color: #fdce04;
}
.ico-info-ul li.nav-item {
    padding: 0 5px;
}
p.card-text {
    font-size: 16px;
    line-height: 1.5;
}
.book-rate{
    margin-bottom: 10px;
}
.book-period-place p {
    margin-bottom: 0px;
    font-size: 15px;
    color: #347ae9;
}
.book-period{
    margin-bottom: 0px;
    font-size: 15px;
    color: #347ae9;
    float: left;
}
.book-period i{
    color: #737373;
    margin-left: 5px;
}
.book-period-place span {
    margin-bottom: 0px;
    font-size: 15px;
    color: #347ae9;
    margin-left: 20px;
}
.book-period-place p i, .book-period-place span i{
    color: #737373;
    margin-left: 5px;
}
.book-period-place{
    padding-left: 0;
}
.book-evaluate p, .book-evaluate span {
    font-size: 15px;
    margin-bottom: 0;
}
.blue-color{
    color: #347ae9;
}
.book-evaluate .badge{
    float: right;
    margin-top: 10px;
    padding: 2px 3px 13px 3px;
    background: #347ae9;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 49% 76%, 22% 100%, 29% 75%, 0% 75%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 49% 76%, 22% 100%, 29% 75%, 0% 75%);
}
.book-evaluate{
    padding-right: 0 !important;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 26px;
    margin-right: 5px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider-btn {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider-btn:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 2px;
  background-color: #737373;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider-btn:before {
    background-color: #347ae9;
}
input:checked + .slider-btn:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.slider-btn.round {
    border-radius: 34px;
    border: 1px solid #ddd;
}
.slider-btn.round:before {
  border-radius: 50%;
}
img.user-photo {
    border: 1px solid #ddd;
    border-radius: 50%;
    height: 98px;
    width: 98px;
    margin-top: 5px;
}
.pending-requests h3{
    font-size: 18px;
    font-weight: bold;
}
.gray-color{
    color: #737373;
}
.pending-requests .gray-color{
    font-size: 15px;
}
.margin-b-0{
    margin-bottom: 0;
}
.pending-requests .card-text{
    font-size: 15px;
}
/*.pending-setting {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
}*/
.pending-setting img{
    cursor: pointer;
    z-index: 9;
}
.pending-requests .switch{
    float: left;
}
.padding-r-0{
    padding-right: 0;
}
.small-span{
    font-size: 14px !important;
}
.rating-container .rating-stars {
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    direction: ltr !important;
}
.rating-container .caption{
    display: none !important;
}
.rating-container .filled-stars {
    color: #fdce04;
    -webkit-text-stroke: 1px #fdce04;
    text-shadow: 1px 1px #ffffff;
}
.rating-md {
    font-size: 15px;
}
.rating-container .empty-stars {
    color: #cccccc;
}
.dropdown-menu{
    text-align: right;
}
.relative-position{
    position: relative;
}
.show-setting .float-left {
    float: left!important;
    width: 88%;
    /*padding-right: 10px;*/
}
.show-setting .float-right{
    width: 8%;
}
.show-setting h4{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #222222;
}
.show-setting p{
    font-size: 11px;
    margin-bottom: 5px;
}
.show-setting img{
    margin-top: 5px;
    width: 30px;
}
.show-setting{
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 1px 1px 1px 1px #dfe2e4;
    position: absolute;
    left: 10px;
    top: 25px;
    width: 95%;
    display: none;
    z-index: 9999 !important;
}
.book-statstics .nav-item {
    text-align: right;
    font-size: 15px;
}
.active-book-block{
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px;
    position: relative;
    margin-bottom: 10px;
}
.book-statstics .nav-item img{
    max-height: 40px;
}
.active-book-block .show-setting-iconn{
    position: absolute;
    left: 10px;
    top: 10px;
    width: 26px !important;
}
.active-book-block:hover{
    border: 1px solid #347ae9;
}
.active-book-block h4 a:hover{
    color: #347ae9;
}
.book-slider.owl-carousel.owl-rtl {
    padding: 0 40px;
    position: relative;
}
.book-slider button.owl-prev {
    background: #fdce04 !important;
    color: #ffffff !important;
    text-align: center;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
}
.book-slider button.owl-prev i, .book-slider button.owl-next i{
    min-width: 30px;
    min-height: 270px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}
.book-slider button.owl-next {
    background: #fdce04 !important;
    color: #ffffff !important;
    text-align: center;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}
.book-slider button.owl-next:focus, .book-slider button.owl-prev:focus{
    outline: none !important;
}
.book-slider .owl-dots{
    display: none;
}
.srch-frm{
    float: left;
    position: relative;
}
.srch-frm .srch-input{
    border: none !important;
    border-bottom: 1px solid #202020 !important;
    border-radius: 0;
    padding-right: 0;
    padding-top: 0;
    font-size: 16px;
    margin-top: -5px;
}
.srch-frm .form-group i{
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 15px;
}

.overlay-fullsize {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #222222b8;
    z-index: 100;
    display: none;
}
.close-windo{
    cursor: pointer;
    color: #2976ec;
    position: absolute;
    left: 8px;
    top: 3px;
}
.cleint-photo {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #ddd;
}
.table td, .table th{
    white-space: nowrap;
    text-align: center;
    font-size: 15px;
}
.table-style-1 .table tbody tr{
    background: #fafbfd;
}
.table th{
    border-top: 0;
}
.green-color{
    color: #9dd165;
}
.red-color{
    color: red;
}
.table .red-color i{
    transform: rotate(45deg)
}
.table .green-color i{
    transform: rotate(-45deg)
}
.badge-danger {
    color: #fff;
    background-color: #d10027;
    padding: 3px 10px 7px 10px;
    border: 0 !important;
}
.badge-success{
    background: #0040d0;
    padding: 3px 10px 7px 10px;
    border: 0 !important;
}
.badge-info{
    background: #00d1a7;
    padding: 3px 10px 7px 10px;
    border: 0 !important;
}
.filters .form-control{
    font-size: 13px;
    padding-right: 5px;
    padding-left: 5px;
}

.action-nav a span{
    display: block;
    color: #202020;
}
.action-nav a div, .circle-div {
    width: 60px;
    margin: auto;
    color: #202020;
    border-radius: 50%;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
.green-brdr {
    border: 1px solid #9dd165;
}
.orange-brdr {
    border: 1px solid #e3ac51;
}
.blue-brdr{
    border: 1px solid #21c3d2;
}
.mov-brdr {
    border: 1px solid #9753cc;
}
.p-r-l-0{
    padding-left: 0;
    padding-right: 0;
}
.table-title {
    padding: 0 20px;
    margin-bottom: 10px;
}
.table-title select.form-control {
    /*float: left;*/
    width: auto;
}
.table-title h5{
    float: right;
}
.orange-color{
    color: #f5a623;
}
.table-style-2 .table{
    margin-bottom: 0 !important;
}
.p-t-10{
    padding-top: 10px;
}
.bp-0{
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-bottom: 0;
}
.data-block {
    border: 1px solid #f1f2f3;
    margin-bottom: 15px;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
}
.user-no {
    background: #f1f2f3;
    padding: 2px 10px;
    border-radius: 10px;
}
.mb-10{
    margin-bottom: 10px;
}
.data-block span{
    display: block;
}
.no-header{
    border-bottom: 0 !important;
    padding: 0 1rem;
}
.no-header .close {
    padding-bottom: 0;
    margin: -1rem auto 0 -1rem ;
}
.no-header .close:focus{
    box-shadow: none;
    outline: 0;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #21c3d2;
    border-radius: 20px !important;
}
.nav-tab{
    border:1px solid rgba(0,0,0,.125);
    border-radius: 20px;
}
.nav-tab a{
    color: #202020;
}



/*   05 - Book Add style           */

.blue-btn{
    background: #2976ec;
    border-radius: 5px;
    border: 0;
    width: 100%;
    padding: 5px 0 12px 0;
    font-size: 18px;
}
.descrip-btn {
    text-align: right;
    padding: 5px 20px 10px;
    margin-bottom: 15px;
    position: relative;
}
.descrip-btn span{
    display: block;
}
span.btn-desc {
    font-size: 13px;
}
.descrip-btn i{
    position: absolute;
    top: 30%;
    left: 20px;
    font-size: 25px;
}
.add-pic-btn {
    text-align: center;
    background: #ddd;
    width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 5px;
    color: #737373;
}
.add-pic-btn i{
    display: block;
    font-size: 17px;
}
.add-pic-btn span{
    display: block;
}
.add-widget h3{
    font-weight: bold;
    margin-bottom: 50px;
}
.text-underline {
    border-bottom: 3px solid #202020;
    padding-bottom: 5px;
}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.addon-btn{
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    background: #2976ec;
    color: #ffffff;
    border-color: #ced4da;
    border-right: 0;
}
.date-picker{
    position: relative;
}
.date-picker i{
    color: #737373;
    position: absolute;
    top: 11px;
    left: 10px;
    cursor: pointer;
}
.date-picker2 i{
    color: #737373;
    position: absolute;
    top: 43px;
    left: 25px;
    cursor: pointer;
}
input.form-control.datepicker {
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
}
/*file upload*/
#files {
  display: none;
}
.uploded-img {
    display: inline-block;
    max-height: 61px;
    margin-top: 10px;
    margin-bottom: 15px;
    position: relative;
    padding: 5px;
    margin-right: 5px;
    margin-left: 5px;
}
.uploded-img .imageThumb {
    height: 60px;
    width: 60px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #f1f2f3;
}
.remove {
    position: absolute;
    left: 0;
    top: 0;
    color: #737373;
    cursor: pointer;
}
.book-modal {
    text-align: right;
    direction: rtl;
    background: #303030e8;
}
.book-modal .modal-dialog{
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.book-modal .modal-content{
    background: #eeeeee;
    border-radius: 0;
}
.book-modal .modal-header {
    border-bottom: 0;
    /* text-align: left; */
    position: relative;
}
.book-modal .modal-header .close{
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 5px;
    font-size: 40px;
}
.book-modal .modal-header .close:focus{
    border: 0;
    outline: none !important;
}
.book-modal .modal-body h3{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.book-modal .modal-body {
    padding: 10px 30px 30px 30px;
}

.notific-modal {
    text-align: right;
    direction: rtl;
}
.notific-modal .modal-dialog{
    margin-left: auto;
    margin-right: auto;
}
.notific-modal .modal-header .close{
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 5px;
    font-size: 40px;
}
.notific-modal .modal-header .close:focus{
    border: 0;
    outline: none !important;
}
.notific-modal .modal-title{
    font-size: 20px;
    font-weight: bold;
}
.notific-modal .modal-title img{
    width: 30px;
    margin-left: 10px;
}

/* book features */
.radio-container , .checkbox-container{
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-container{
    display: inline-block;
    padding-right: 20px;
    padding-left: 10px;
    cursor: pointer;
    font-size: 15px;
    margin-bottom: 8px;
}

/* Hide the browser's default checkbox */
.radio-container input, .checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 4px;
  right: 0;
  height: 25px;
  width: 25px;
  background-color: #ffffff;
  border: 1px solid #2976ec;
}
.radio-container .checkmark{
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark, .checkbox-container:hover input ~ .checkmark {
  background-color: #ffffff;
}

/* When the checkbox is checked, add a blue background */
.radio-container input:checked ~ .checkmark, .checkbox-container input:checked ~ .checkmark {
  background-color: #2976ec;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.radio-container input:checked ~ .checkmark:after, .checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-container .checkmark {
    height: 16px;
    width: 16px;
    top: 5px;
}

/* Style the checkmark/indicator */
.radio-container .checkmark:after{
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkbox-container .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.check-options {
    float: right;
    display: block;
    width: 58%;
}
.slider-btn-container {
    float: left;
    margin-top: 30px;
}


.feature-block {
    background: #ffffff;
    padding: 10px 15px;
    margin-bottom: 20px;
}
.feature-block p{
    font-size: 15px;
    text-align: justify;
}
.feature-head img{
    max-width: 25px;
    margin-right: 40px
}
.feature-head h4{
    display: inline-block;
    font-size: 20px;
    margin-right: 5px;
    /* padding-top: 5px; */
}
.feature-head{
    margin-bottom: 10px;
}
.own-features label{
    font-size: 18px;
    font-weight: bold;
}
.make-advert {
    border: 1px solid #737373;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 15px 20px;
}
.make-advert .float-right{
    text-align: center;
    width: 60%;
}
.make-advert p{
    text-align: center;
    font-size: 16px;
    margin-bottom: 0;
}
.make-advert img{
    margin-top: 25px;
}
p.price {
    color: #43c8e6;
    font-size: 15px;
    font-weight: 100;
    text-align: center;
}
span.pice-val {
    font-size: 28px;
    font-weight: bold;
}
.book-add-success{
    margin-top: 30px;
    margin-bottom: 30px;
}
.book-add-success h3{
    font-size: 22px !important;
    text-align: center;
}
.form-group label span{
    font-size: 18px;
    font-weight: bold;
}
.full-hight{
    /*min-height:100vh;*/
    min-height: -moz-calc(100vh - (50px + 62px));
    min-height: -webkit-calc(100vh - (50px + 62px));
    min-height: calc(100vh - (50px + 62px));
    display:block
}
.margin-t-50{
    margin-top: 50px;
}
.margin-b-50{
    margin-bottom: 50px;
}
.bold-font{
    font-weight: bold;
}


.white-bg {
    background: #ffffff;
    margin-right: -30px;
    padding: 30px 20px;
    margin-left: -30px;
    margin-bottom: 30px;
}
.margin-t-32{
    margin-top: 32px;
}
.fileinput-new.input-group .btn-file, .fileinput-new .input-group .btn-file {
    border-radius: 0;
}



/* Book control */
.book-block{
    margin-bottom: 50px;
}
.yellow-border{
    border: 3px solid #fdce04 !important;
}
.small-ico{
    width: 20px;
}
.request-control span.blue-color{
    font-size: 15px;
}
.request-control{
    margin-bottom: 20px;
}
.action-btn {
    border-radius: 0;
    margin-bottom: 10px;
    border: 0;
    margin-top: 10px;
}
.sm-blue-btn{
    background: #347ae9;
}
.yellow-btn{
    background: #fdce04;
}
/* mail */
.mail-block {
    padding: 0 35px;
}
.padding-r-l-0{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.mail-header{
    padding-left: 20px;
    padding-right: 20px;
}
.new-mail-btn{
    border: 0;
    border-radius: 30px;
    padding: 5px 20px 12px 20px;
    font-size: 19px;
    float: left;
}
.mail-header h3{
    float: right;
}
.mail-block .blue-btn{
    border-radius: 25px;
    margin-top: 15px;
}
.mail-block h3{
    font-size: 22px;
    float: right;
}
.mail-block p{
    font-size: 15px !important;
    text-align: justify;
}
.mail-date{
    color: #737373;
    float: left;
}
.read-mail{
    background: #f1f2f3;
    padding: 10px 0;
}
.unread-mail{
    background: #ffffff;
    padding: 10px 0;
}
.margin-t-10{
    margin-top: 10px;
}
.read-mail h3{
    color: #2976ec;
}
.replay-mail{
    padding: 20px;
}
.padding-0-35{
    padding: 0 35px;
}
.message-head {
    background: #f1f2f3;
    margin-bottom: 20px;
}
.message-head  .user-photo{
    height: 56px;
    margin-bottom: 5px;
}
.message-head h3{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
}
.delete-btn {
    float: left;
    border-radius: 0;
    height: 66px;
    font-size: 25px;
    background: #ddd;
    border: 0;
    color: #737373;
}
.mail-header .input-group-text{
    height: 45px;
}
.mail-header .custom-select{
    height: 45px;
    background: #ffffff !important;
    padding-right: 15px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.mail-header .input-group .dropdown{
    width: 90%;
}
.mail-header .input-group .dropdown-menu{
    width: 100%;
    padding-bottom: 0;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.pagination {
    margin-top: 20px;
}
.page-link{
    color: #222222;
}

.page-item:last-child .page-link {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da !important;
    border-radius: 5px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #eee;
    border: 1px solid #ced4da;
    border-radius: 5px;
    cursor: default;
    float: right;
    margin-left: 5px;
    font-size: 15px;
    padding: 3px 10px 5px 10px;
}
.select2-container {
    text-align: right !important;
}


.mail-header .dropdown-menu .book-desc .badge-secondary {
    float: right;
    margin-left: 30px;
}
.mail-header .dropdown-menu .book-period {
    float: none;
}
.mail-header .dropdown-menu .book-img {
    border-radius: 30px;
    height: 75px;
    width: 75px;
}
.mail-header .dropdown-menu .book-rate {
    margin-bottom: 0px;
}
/*.mail-header .dropdown-item {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 10px;
    padding-top: 10px;
}*/
.mail-header .dropdown-item.gray-bg {
    padding: 10px 20px;
    border-top: 1px solid #ddd;
    margin-bottom: 0;
    margin-top: 10px;
}
.mail-header .dropdown hr{
    margin-top: 10px;
    margin-bottom: 10px;
}
.mail-header .dropdown-item.gray-bg .book-desc h4{
    display: block;
    padding-top: 15px;
}

/**/
#map {
    height: 150px;  
    width: 100%; 
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 25px;
}
.about-comp{
    height: 150px;
}
span.btn.default.btn-file {
    background: #6b6c80;
    color: #fff;
    border-radius: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
img.show-setting-iconn {
    cursor: pointer;
    float: left;
    /* margin-left: 10px; */
    display: block;
}
.margin-top-0{
    margin-top: 0 !important;
}
.gray-bg {
    background: #f1f2f3;
    padding: 20px;
    margin-bottom: 20px;
}
.margin-left-10{
    margin-left: 10px;
}
.user-srch-ico{
    max-width: 100% !important;
    margin-top: -10px !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}
.flight-delete-btn {
    background: transparent;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    color: #347ae9;
}
.flight-delete-btn:hover, .flight-delete-btn :focus{
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
} 
.flight-block{
    position: relative;
}
.blue-hr {
    border-top: 1px solid #347ae9;
}
.flight-block h3{
    margin-bottom: 10px !important;
}
.flight-block p{
    font-size: 17px;
}
.flight-slct{
    width: 90%;
    float: right;
    margin-bottom: 30px;
}
.margin-t-30{
    margin-top: 32px;
}








/* Supervisor control */
h6{
    font-weight: bold;
}
.status {
    float: left;
}
.super-info {
    margin-top: -20px;
}
.widget-gray{
    background: #eeeeee;
    padding: 20px;
    border-radius: 3px;
    /*box-shadow: 1px 1px 1px 1px #dfe2e4;*/
}



/* Participant controle */
.partic-controle .book-desc .badge-secondary {
    margin-left: 20px;
}
.partic-controle .dashed-border {
    width: 35px;
    height: 35px;
    float: right;
    margin-left: 10px;
    padding-top: 2px;
}
.partic-controle .nav-fill .nav-item {
    text-align: right !important;
}
.margin-l-20 {
    margin-left: 20px;
}
.partic-controle .nav-item span{
    margin-top: 5px;
    display: inline-block;
}
.width-400{
    width: 400px;
}
.partic-controle li.nav-item.sperator {
    border-right: 1px solid #ddd;
    margin-right: 0;
    height: 25px;
    margin-top: 5px;
}
.p-b-0{
    padding-bottom: 0 !important;
}

.modal-nav .dashed-border{
    width: 35px;
    height: 35px;
    float: right;
    margin-left: 10px;
    padding-top: 2px;
}
.modal-nav li{
    padding: 5px;
    background: #eeeeee;
}

/* Evaluation */
.rating-container .clear-rating {
    padding-right: 0px; 
}
.user-div {
    padding: 20px;
    padding-right: 0;
    background: #f1f2f3;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}
.company-div{
    padding: 20px;
    padding-right: 0;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
}
.nav.evaluate-ul {
    float: left;
}
.nav.evaluate-ul a img {
    width: 30px;
    height: 30px;
    margin-left: 5px;
}
.nav.evaluate-ul a {
    color: #222222;
    border-left: 1px solid #656565;
    padding-top: 0;
    padding-bottom: 0;
}
.nav.evaluate-ul a:last-child{
    border-left: none !important;
}
.evaluate-date span{
    display: block;
    line-height: 17px;
}
.evaluate-date {
    background: #347ae9;
    color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    width: 50px;
    position: absolute;
    left: 0;
    top: -20px;
    /*float: left;*/
}
.evaluate-date span.bold-font{
    font-size: 20px;
    font-weight: bolder;
}
.evaluate-date i{
    font-size: 23px;
}

/* Advertising */
.advertis-block {
    border: 1px solid #eee;
    margin-bottom: 30px;
    border-radius: 20px;
    position: relative;
    width: 100%;
    height: 324px;
}
.advertis-setting .show-setting-iconn{
    float: none;
}
.advertis-setting {
    background: #eeeeee;
    padding: 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 10px;
}
.english-adv .btn{
    width: 120px;
    border-radius: 30px;
    float: right;
    padding: 2px 5px 5px 5px; 
    margin-top: 10px;
}
.arabic-adv .btn{
    width: 120px;
    border-radius: 30px;
    padding: 1px 5px 6px 5px; 
    float: left;
    margin-top: 10px;
}
.english-adv .adv-txt {
    color: #ffffff;
    z-index: 999;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: left;
    padding: 10px 15px;
}
.english-adv .adv-txt p{
    color: #ffffff;
    text-align: left;
    font-size: 16px;
    float: left;
    width: 70%;
    line-height: 18px;
}
.arabic-adv .adv-txt {
    color: #222222;
    z-index: 999;
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-align: right;
    padding: 10px 15px;
}
.arabic-adv .adv-txt p{
    color: #222222;
    text-align: right;
    font-size: 16px;
    float: right;
    width: 70%;
    line-height: 18px;
}
.advrtis-frm .add-pic-btn i{
    font-size: 26px;
}
.advrtis-frm .nav-tabs .nav-link {
    border: 0;
}
.advrtis-frm .nav-tabs .nav-item {
    margin-bottom: 0px; 
    color: #495057;
}
.advrtis-frm .nav-tabs .nav-link.active{
    color: #2976ec;
    border-bottom: 2px solid #2976ec;
}
.advrtis-frm .tab-pane{
    padding-top: 20px;
}
.fr-toolbar {
    border-top: 1px solid #222222;
}

/* Reports */
.white-report{
    display: none;
    margin-right: auto;
    margin-left: auto;
}
.reports-tab .nav-link span{
    display: block;
}
.reports-tab .nav-item{
    /*text-align: center;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #222222;
    width: 200px !important;*/
}
.reports-tab .nav-link{
    color: #222222;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 5px;
    width: 200px !important;
    padding-top: 15px;
    padding-bottom: 15px;
}
.reports-tab .nav-link.active {
    color: #fff;
    background-color: #fdce04;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #eee;
}
.reports-tab .nav-link.active .white-report{
    display: block;
}
.reports-tab .nav-link.active .black-report{
    display: none;
}
.mov-bg{
    background: #9753cc;
}
.orange-bg{
    background: #e3ac51;
}
.fayrozy-bg{
    background: #21c3d2;
}
.green-bg{
    background: #9dd165;
}
.border-btn{
    width: 100%;
    padding: 5px 0 12px 0;
    font-size: 18px;
}
.color-form-control{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    height: 38px;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.margin-t-01{
    margin-top: -10px;
}


/* ---------------------------------------- */
.widget-tile.bordered-title .data-info {
    float: right;
}
.widget-tile.bordered-title i {
    float: left;
    font-size: 28px;
    margin-top: 15px;
}
.widget-tile.bordered-title {
    border: 1px solid #dddddd;
    color: #202020;
}
.widget-tile.bordered-title .value {
    text-align: right;
}
.red-border{
    border-bottom: 3px solid red !important;
}
.mov-border{
    border-bottom: 3px solid #9753cc !important;
}
.fayrozy-border{
    border-bottom: 3px solid #21c3d2 !important;
}
.red-border i{
    color: red;
}
.mov-border i{
    color: #9753cc;
}
.fayrozy-border i{
    color: #21c3d2;
}
.edit-dlt-td a{
    color: #202020;
    margin-left: 5px;
    margin-right: 5px;
}
.mb-25{
    margin-bottom: 25px;
}
.frm-style1 .form-group{
    text-align: right;
}
.frm-style1 .form-control{
    border: 0;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
}
.frm-style1 .form-control:focus {
    border-bottom: 1px solid #21c3d2;
    box-shadow: none;
}
.custom-btn{
    background: #6b6c80 !important;
    border: 1px solid #6b6c80;
    padding: 5px 30px 10px 30px;
    font-size: 18px;
    border-radius: 20px;
}
.bank-photo{
    margin-left: 10px;
    width: 25px;
}
.form-control.uneditable-input{
    border: 1px solid #6b6c80 !important;
}
.msg-txt {
    border: 1px solid #ced4da;
    padding: 10px;
    border-radius: 5px;
}
.msg-txt p{
    font-size: 16px;
}
.msg-txt h5{
    font-size: 1.15rem;
}
.boredered-btn{
    background: #ffffff !important;
    border: 1px solid #6b6c80;
    padding: 5px 30px 10px 30px;
    font-size: 18px;
    border-radius: 20px;
    color: #6b6c80 !important;
}
.auto-width {
    width: auto;
}
.date-picker{
    display: inline-block;
}
.bank-choose .custom-control-label::before {
    top: 10px !important;
    right: 5px;
}
.bank-choose .custom-control-label::after {
    top: 10px !important;
    right: 5px;
}
.bank-choose .custom-control-inline {
    margin-left: 1rem;
    margin-right: 0;
    margin-bottom: 20px;
}
.bank-choose .custom-control {
    padding-right: 0;
    padding-left: 0;
}
.bank-choose .custom-control img{
    height: 75px;
    width: 150px;
}
.bank-choose .custom-control span{
    display: block;
    font-weight: 300;
    font-size: 16px;
}
.bank-choose .custom-control span i{
    font-size: 12px !important;
    margin-left: 5px;
}
.title-brdr-btm{
    border-bottom: 3px solid #21c3d2;
    width: 100%;
    max-width: 200px;
    padding-bottom: 10px;
}
.add-pic-btn{
    padding: 30px 10px;
    background: #ffffff;
    border: 1px solid #ddd;
}
.add-pic-btn i{
    font-size: 30px;
    margin-bottom: 5px;
}
.width-100{
    width: 100%;
}
.static-div {
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #f1f2f3;
    border-left: 1px solid #f1f2f3;
    height: calc(50% + 10px);
}
.static-div strong{
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
}
.static-div span{
    display: block;
    font-size: 16px;
    color: #6b6c80;
}
.brdrd-title{
    border-bottom: 1px solid #f1f2f3;
    margin-bottom: 0;
    padding-bottom: 15px;
    padding-right: 15px;
}
.pd-r-0{
    padding-right: 0;
}
.pd-l-0{
    padding-left: 0;
}
.pd-b-0{
    padding-bottom: 0;
}
.list-scroll{
    height: 266px;
    overflow-y: scroll;
    padding-left: 0;
}
.list-widget .static-div{
    height: 50%;
}
.list-scroll::-webkit-scrollbar {
    width: 5px;
}

.list-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 6px;
    background: #ddd;
}
.list-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    background: #6b6c80;
}
.list-scroll .list-group-item i{
    font-size: 10px;
    margin-left: 5px;
}
.frm-block{
    border: 1px solid #dddddd;
    padding: 15px 15px;
    margin-bottom: 25px;
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #fff;
    padding: 20px;
    border-radius: 3px;
}
.small-btn{
    padding: 2px 15px 4px 15px;
    font-size: 14px;
}
.m-auto{
    margin-left: auto;
    margin-right: auto;
}
.redactor-editor, .redactor-box, .redactor-box textarea {
    z-index: 9;
}













/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
    body{
        overflow-x: hidden !important;
    }
    .bo-wrapper {
        overflow-x: hidden;
    }
    .bo-top-header {
        border-bottom-width: 0;
        position: relative;
        min-height: 0;
        position: fixed;
    }
    .bo-fixed-sidebar .bo-right-sidebar {
        margin-top: 61px;
        position: static;
        height: auto;
        padding-bottom: 0;
    }
    .bo-fixed-sidebar .bo-right-sidebar .right-sidebar-content {
        position: relative;
    }
    .bo-right-sidebar .right-sidebar-content {
        padding-bottom: 20px;
    }
    .bo-right-sidebar{
        width:100%;
        border-right-width:0;
        position:relative
    }
    .bo-right-sidebar .right-sidebar-content,.bo-right-sidebar .right-sidebar-scroll,.bo-right-sidebar .right-sidebar-spacer,.bo-right-sidebar .right-sidebar-wrapper{
        display:block;
        position:relative;
        overflow:visible
    }
    .bo-right-sidebar .right-sidebar-spacer{
        display:none;
    }
    .bo-right-sidebar .right-sidebar-spacer.show{
        display:block
    }
    .bo-right-sidebar .right-sidebar-content{
        padding-bottom:20px
    }
    .bo-right-sidebar .sidebar-elements>li>a{
        position:relative
    }
    .bo-right-sidebar .sidebar-elements>li>a:hover{
        background-color:transparent
    }
    .bo-right-sidebar .sidebar-elements>li>ul{
        position:relative;
        height:auto;
        width:100%;
        left:0
    }
    .bo-right-sidebar .sidebar-elements>li>ul li>a:hover{
        background-color:transparent
    }
    .bo-right-sidebar .sidebar-elements>li>ul li>a:active{
        background-color:#e7e7e7
    }
    .bo-right-sidebar .sidebar-elements>li>ul>li.title{
        display:none
    }
    .bo-right-sidebar .sidebar-elements>li>ul>li.nav-items{
        display:block;
        height:auto
    }
    .bo-right-sidebar .sidebar-elements>li>ul>li.nav-items>.bo-scroller{
        height:auto;
        overflow:visible
    }
    .bo-right-sidebar .sidebar-elements>li>ul>li.nav-items>.bo-scroller>.content{
        padding-top:0;
        overflow:visible;
        position:relative
    }
    .bo-right-sidebar .sidebar-elements>li:hover{
        background-color:inherit
    }
    .bo-right-sidebar .sidebar-elements>li:hover>ul{
        display:none
    }
    .bo-right-sidebar .sidebar-elements li.open>ul{
        display:block
    }

    /*----*/
    .bo-content{
        margin-right: 0;
    }
    .book-evaluate {
        padding-right: 20px !important;
        text-align: left;
    }
    .padding-r-0{
        padding-right: 15px;
    }
    .book-img{
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
    }
    img.user-photo{
        margin-bottom: 15px !important;
    }
    .bo-top-header .bo-left-navbar {
        padding-right: 10px;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 10px;
    }
    .bo-top-header ul.navbar-nav {
        float: left;
        width: 20%;
    }
    .bo-left-navbar .not-ico {
        margin-left: 0px;
    }
    .search-frm {
        position: relative;
        width: 75%;
        margin-bottom: 0;
    }
    .search-frm .btn {
        margin-top: 0 !important;
    }
    .user-data{
        display: none;
    }
    .bo-wrapper {
        padding-top: 0;
    }
    .right-sidebar-wrapper .navbar-brand img{
        display: block;
        height: 40px;
    }
    button.navbar-toggler {
        border: 1px solid #f1f2f3;
        color: #333333;
        background: #f1f2f3;
        float: right;
        margin-top: 10px;
    }
    .bo-right-sidebar .sidebar-logo {
        padding: 20px 0;
    }
    .mobile-toggle {
        background: #6b6c80;
        padding: 0 20px;
        display: block;
    }
    .mobile-toggle .navbar-brand {
        font-size: 1.25rem;
        margin-top: 2px;
        padding-bottom: 0;
    }
    .widget.card {
        margin-bottom: 20px;
    }
    .flight-slct {
        width: 85%;
    }
    .show-setting {
        top: 55%;
    }
    .message-head .user-photo {
        margin-bottom: 5px !important;
    }
    .show-control{
        top: -110px;
    }
    .user-srch-ico {
        margin-top: 0px !important;
    }

    .book-photo-a {
        float: none;
        max-width: 100%;
        margin-left: 0;
    }
    .book-desc h4 a {
        font-size: 18px;
    }
    .book-desc .badge-secondary {
        float: none;
    }
    .book-period {
        float: none;
    }
    .ico-info-ul {
        float: none;
        margin-top: 10px;
    }
    .ico-info-ul li.nav-item {
        padding: 0 3px;
    }
    .srch-frm {
        float: right;
    }
    .slider-btn-container {
        float: none;
        margin-top: 0;
    }
    .slider-btn-container .small-span{
         margin-bottom: 10px;
        float: left;
    }
    .pending-setting {
        top: -105px;
    }
    .pending-request-info .show-setting {
        top: -55px;
    }
    .show-setting .float-left {
        width: 85%;
        padding-right: 5px; 
    }
    .active-book-block .show-setting {
        top: 35px;
    }
    .book-slider .card-text, .book-slider h6, .book-slider .book-statstics{
        display: none;
    }
    .book-slider button.owl-prev i, .book-slider button.owl-next i {
        min-width: 25px;
        min-height: 280px;  
    }
    .book-slider.owl-carousel.owl-rtl {
        padding: 0 30px;
    }
    img.logined-user-photo{
        margin-left: 0;
    }
    .action-nav .nav-link {
        padding: .5rem .5rem;
    }
    .h5, h5 {
        font-size: 1.1rem;
    }
    .static-div {
        text-align: center;
        border-left: 0;
        height: auto;
    }
    .pd-r-0 {
        padding-right: 15px;
    }
    .nav-tab .nav-link {
        padding: .5rem .5rem;
    }
    .bank-choose .custom-control img {
        height: 65px;
        width: 110px;
    }
    .m-t-15-m{
        margin-top: 15px;
    }
    .bank-choose .custom-control-inline {
        margin-left: .5rem;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .date-picker {
        display: block;
        margin-bottom: 10px;
    }
    .dash{
        display: none;
    }
    
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
    body{
        overflow-x: hidden !important;
    }
    .bo-wrapper {
        overflow-x: hidden;
    }
    .bo-top-header {
        border-bottom-width: 0;
        position: relative;
        min-height: 0;
        position: fixed;
    }
    .bo-fixed-sidebar .bo-right-sidebar {
        margin-top: 61px;
        position: static;
        height: auto;
        padding-bottom: 0;
    }
    .bo-fixed-sidebar .bo-right-sidebar .right-sidebar-content {
        position: relative;
    }
    .bo-right-sidebar .right-sidebar-content {
        padding-bottom: 20px;
    }
    .bo-right-sidebar{
        width:100%;
        border-right-width:0;
        position:relative
    }
    .bo-right-sidebar .right-sidebar-content,.bo-right-sidebar .right-sidebar-scroll,.bo-right-sidebar .right-sidebar-spacer,.bo-right-sidebar .right-sidebar-wrapper{
        display:block;
        position:relative;
        overflow:visible
    }
    .bo-right-sidebar .right-sidebar-spacer{
        display:none;
    }
    .bo-right-sidebar .right-sidebar-spacer.show{
        display:block
    }
    .bo-right-sidebar .right-sidebar-content{
        padding-bottom:20px
    }
    .bo-right-sidebar .sidebar-elements>li>a{
        position:relative
    }
    .bo-right-sidebar .sidebar-elements>li>a:hover{
        background-color:transparent
    }
    .bo-right-sidebar .sidebar-elements>li>ul{
        position:relative;
        height:auto;
        width:100%;
        left:0
    }
    .bo-right-sidebar .sidebar-elements>li>ul li>a:hover{
        background-color:transparent
    }
    .bo-right-sidebar .sidebar-elements>li>ul li>a:active{
        background-color:#e7e7e7
    }
    .bo-right-sidebar .sidebar-elements>li>ul>li.title{
        display:none
    }
    .bo-right-sidebar .sidebar-elements>li>ul>li.nav-items{
        display:block;
        height:auto
    }
    .bo-right-sidebar .sidebar-elements>li>ul>li.nav-items>.bo-scroller{
        height:auto;
        overflow:visible
    }
    .bo-right-sidebar .sidebar-elements>li>ul>li.nav-items>.bo-scroller>.content{
        padding-top:0;
        overflow:visible;
        position:relative
    }
    .bo-right-sidebar .sidebar-elements>li:hover{
        background-color:inherit
    }
    .bo-right-sidebar .sidebar-elements>li:hover>ul{
        display:none
    }
    .bo-right-sidebar .sidebar-elements li.open>ul{
        display:block
    }

    /*----*/
    .bo-content{
        margin-right: 0;
    }
    .book-evaluate {
        padding-right: 20px !important;
        text-align: left;
    }
    .padding-r-0{
        padding-right: 15px;
    }
    .book-img{
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
    }
    img.user-photo{
        margin-bottom: 15px !important;
    }
    .bo-top-header .bo-left-navbar {
        padding-right: 10px;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 10px;
    }
    .bo-top-header ul.navbar-nav {
        float: left;
        width: 20%;
    }
    .bo-left-navbar .not-ico {
        margin-left: 0px;
    }
    .search-frm {
        position: relative;
        width: 75%;
        margin-bottom: 0;
    }
    .search-frm .btn {
        margin-top: 0 !important;
    }
    .bo-wrapper {
        padding-top: 0;
    }
    .right-sidebar-wrapper .navbar-brand img{
        display: block;
        height: 40px;
    }
    button.navbar-toggler {
        border: 1px solid #f1f2f3;
        color: #333333;
        background: #f1f2f3;
        float: right;
        margin-top: 10px;
    }
    .bo-right-sidebar .sidebar-logo {
        padding: 20px 0;
    }
    .mobile-toggle {
        background: #6b6c80;
        padding: 0 20px;
        display: block;
    }
    .mobile-toggle .navbar-brand {
        font-size: 1.25rem;
        margin-top: 2px;
        padding-bottom: 0;
    }
    .widget.card {
        margin-bottom: 20px;
    }
    .flight-slct {
        width: 85%;
    }
    .show-setting {
        top: 55%;
    }
    .message-head .user-photo {
        margin-bottom: 5px !important;
    }
    .show-control{
        top: -110px;
    }
    .user-srch-ico {
        margin-top: 0px !important;
    }

    .book-photo-a {
        float: none;
        max-width: 100%;
        margin-left: 0;
    }
    .book-desc h4 a {
        font-size: 18px;
    }
    .book-desc .badge-secondary {
        float: none;
    }
    .book-period {
        float: none;
    }
    .ico-info-ul {
        float: none;
        margin-top: 10px;
    }
    .ico-info-ul li.nav-item {
        padding: 0 3px;
    }
    .srch-frm {
        float: right;
    }
    .slider-btn-container {
        float: none;
        margin-top: 0;
    }
    .slider-btn-container .small-span{
         margin-bottom: 10px;
        float: left;
    }
    .pending-setting {
        top: -105px;
    }
    .pending-request-info .show-setting {
        top: -55px;
    }
    .show-setting .float-left {
        width: 85%;
        padding-right: 5px; 
    }
    .active-book-block .show-setting {
        top: 35px;
    }
    .book-slider .card-text, .book-slider h6, .book-slider .book-statstics{
        display: none;
    }
    .book-slider button.owl-prev i, .book-slider button.owl-next i {
        min-width: 25px;
        min-height: 280px;  
    }
    .book-slider.owl-carousel.owl-rtl {
        padding: 0 30px;
    }
    .bank-choose .custom-control img {
        height: 65px;
        width: 130px;
    }
    .m-t-15-m{
        margin-top: 15px;
    }
    .bank-choose .custom-control-inline {
        margin-left: .5rem;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .date-picker {
        display: inline-block;
        width: 43%;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
    .date-picker {
        display: block;
    }
    .small-btn {
        padding: 2px 5px 4px 5px;
        font-size: 14px;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {  }

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  }




/*------------ report style ----------- */
.month-div {
    background: url(../images/calendars.png);
    background-size: cover;
    width: 55px;
    height: 55px;
    padding-top: 23px;
    line-height: 13px;
    margin-right: auto;
    margin-left: auto;
}
.report-tab .nav-link {
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
    border-radius: 10px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    text-align: center;
}
.month-div span{
    display: block;
    font-size: 15px;
    text-align: center;
    font-family: "DinNextBold" !important;
    color: #ffffff;

}
.month-div span.name{
    font-size: 12px;
    font-family: "DinNextRegular" !important;
}

.report-tab  .nav-link.active, .report-tab .show>.nav-link {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-radius: 10px !importan
}
img.report-loogo {
    max-width: 80px;
}
.report-body {
    border: 1px solid #dddddd;
    width: 100%;
    background-color: #fff;
    padding: 15px 30px;
    border-radius: 5px;
    border-bottom: 3px solid #21c3d2 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.report-footer .logos a{
    padding: 0 .4rem;
}
.report-footer .logos img{
    max-width: 65px;
}
.social-icons a {
    color: #ffffff;
    border: 1px solid #21c3d2 ;
    background: #21c3d2 ;
    padding: 0;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 5px 0 0 5px;
    border-radius: 50%;
}
.social-icons a:hover{
    border: 1px solid #21c3d2 ;
    color: #21c3d2;
    background: #ffffff ;
}
.report-footer{
    border-top: 1px solid #21c3d2;
    padding-top: 15px;
}
.report-footer p{
    margin-bottom: 0;
    color: #21c3d2;
}
.wts-no span{
    font-family: "DinNextMedium" !important;
}
.wts-no i{
    color: #4aeb67 !important;
}
a.site-link {
    display: block;
    background: #21c3d2;
    color: #ffffff !important;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
    font-size: 16px;
}
.report-footer h5{
    color: #21c3d2;
}
.vector-title {
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    background: #21c3d2;
    color: #ffffff;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
}
.body h4{
    color: #2e78a5;
    text-align: center;
    margin-bottom: 15px;
}
.vector h5{
    text-align: center;
}
.fclr {
    color: #317aa4;
}
.oclr {
    color: #82371b;
}
.mclr {
    color: #ab57ae;
}
.s-no {
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    color: #ffffff;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.f-bg{
    background: #317aa4;
}
.o-bg{
    background: #82371b;
}
.m-bg{
    background: #ab57ae;
}
.s-no .no {
    font-size: 24px;
    font-family: "DinNextMedium" !important;
}
.s-no .txt{
    font-size: 15px;
    width: 50px;
    display: inline-block;
    line-height: 1;
}
.body {
    padding-bottom: 20px;
}
.short-txt{
    color: #317aa4;
    font-size: 20px;
}
.small-txt{
    font-size: 14px;
}
.report-title h4{
    text-align: center;
    font-size: 26px;
    color: #ffffff;
}
.report-title {
    background: #21c3d2;
    padding: 10px;
    border-radius: 5px;
}
.report-body .form-group {
    margin-bottom: 1rem;
    background: #21c3d2;
    padding: 5px;
    border-radius: 5px;
}
.report-body .form-group label {
    font-size: 20px;
    text-align: center;
    color: #ffffff;
    width: 100%;
}
.padd-l-0{
    padding-left: 0;
}
.padd-r-0{
    padding-right: 0;
}
.report-header {
    margin-bottom: 10px;
}


/*----- 29/2/2002 -----------*/
td.edit-dlt-td {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.edit-dlt-td form{
    display: inline-block;
    color: #202020;
    margin-left: 5px;
    margin-right: 5px;
}
.edit-dlt-td form .btn{
    padding: 0;
}
.table-style-2 tbody td select{
    display: inline-block;
    width: auto;
}
.table-style-2 tbody td button{
    background: transparent;
    border: 0;
}
.table-title .form-horizontal{
    float: left;
    margin-bottom: 0;
}
.table-title h5 {
    margin-bottom: 0;
}
.table-title {
    margin-bottom: 10px;
}
.table-style-2 tbody td button:focus{
    outline: 0 !important;
}

.frm-style1 .form-control {
    text-align: right !important;
}