.owl-carousel .item {
     margin: 3px
 }

 .owl-carousel .item img {
     display: block;
     width: 100%;
     height: auto
 }

 .owl-carousel .item {
     margin: 3px
 }

 .owl-carousel {
     margin-bottom: 15px
 }/* cairo-regular - arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url('./../fonts/ar-fonts/cairo-v2-arabic-regular.eot'); /* IE9 Compat Modes */
  src: local('Cairo'), local('Cairo-Regular'),
       url('../../fonts/ar-fonts/cairo-v2-arabic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/ar-fonts/cairo-v2-arabic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/ar-fonts/cairo-v2-arabic-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/ar-fonts/cairo-v2-arabic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/ar-fonts/cairo-v2-arabic-regular.svg#Cairo') format('svg'); /* Legacy iOS */
}
body {font-family: "Cairo" ;}
/*home*/
.page-section {
    padding: 5rem 0;
}
.text-orang {
    color: #f4623a!important;
}


.btn-rounded{border-radius:10em}

.bg-light {
    background-color: #f0f3f5 !important;
}
table.table.btn-table th {
    vertical-align: middle;
}
.bgh-table1{
    color: #fff;
    background-color: #dc3545;
    /* background-color: #1abc9c; */
}
.bor-rad100 {
    border-radius: 100%;
}
.no-border-table {
    border-collapse: collapse !important;
}
.bg-cyan{
  background-color: #3EA662;
  color: #ffffff;
}
.table th, .table td {
    vertical-align: middle;
}
.table thead tr.bg-info th{
  border-bottom: 2px solid #5099af;
  }
  .table-striped tbody tr:nth-of-type(odd) {
      background-color: rgba(51, 68, 76, 0.07);
  }
  .border-info th, .border-info td {
    border-top: 1px solid #a1d7e6;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
  overflow: hidden;
}
/*color*/
.bhr1{border: 2px solid #20a8d8}
/*btn*/
.btn-red1 {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }
  .btn-red1:hover {
    color: #fff;
    background-color: #ce2334;
    border-color: #dc3545;}
  .btn-red1:focus, .btn-red1.focus {
    box-shadow: 0 0 0 0.2rem #dc3545; }
  .btn-red1.disabled, .btn-red1:disabled {
    background-color: #ce2334;
    border-color: #dc3545; }
  .btn-red1:not([disabled]):not(.disabled):active, .btn-red1:not([disabled]):not(.disabled).active,
  .show > .btn-red1.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem #dc3545; }

.my-shadow-bottom{
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.18)!important;
}
.my-shadow-bottom-right-left{
    box-shadow: 8px 8px 10px 0 rgba(0,0,0,.16),-8px 8px 10px 0 rgba(0,0,0,.16)!important;
}
.my-shadow--bottom-right{
    box-shadow: 8px 8px 10px 0 rgba(0,0,0,.18)!important;
}
.my-shadow--bottom-right{
    box-shadow: -8px 8px 10px 0 rgba(0,0,0,.18)!important;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 15px 0;
}
/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset;
}
.card-accent-gray-700 {
	border-top-color: #5c6873;
    border-top-width: 2px;
}


.header {
    position: relative;
}
/* You could use :after - it doesn't really matter */
/*.header:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 450px;
    height: 350px;
    z-index: 1;
    opacity: 0.1;
    background-image: url('./../img/undraw_real-time_sync_o57k.svg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}*/
.rotate-n-180 {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

 .doc-details.view {
    border-top: 2px solid #5ea4f3;
    background-color: #f7fbff;
    height: 100%;
    padding: 30px;
}

 /*.doc-details .view .view-item:not(:last-of-type) {*/
 .doc-details .view .view-item {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
  .doc-details .view .title {
    font-size: 1em;
    font-weight: 600;
	display:block;
	margin-bottom: 10px;
	color:#AA802D;
}
 .doc-details .view .text {
    font-size: 1em;
    /*float: left;*/
}

.my-text-opacity-color-dark{
	/*color: rgba(20, 20, 20, 0.15);*/
	color:#000;
	opacity: 0.15;
}
.my-text-opacity-color-light{
	/*color: rgba(20, 20, 20, 0.15);*/
	color:#fff;
	opacity: 0.3;
}


.my-text-opacity-bg-dark{
	/*color: rgba(20, 20, 20, 0.15);*/
	background-color:#000;
	opacity: 0.8;
}

#list-example .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #1cc88a;
    border-color: #1cc88a;
}

/*swiper*/
    .swiper-container {
      width: 95%;
      padding-top: 50px;
      padding-bottom: 50px;
    }
	.bg-radial-gradient{
		    background-image: radial-gradient( #ffffff 20%,#c9c9ca);
	}
    .swiper-slide {
      background-position: center;
      background-size: cover;
      width: 300px;
	  height: 100%;
    }
    .swiper-slide .imgbx .details {
	background-image: linear-gradient(180deg, #1cc88a 10%, #13855c 100%);
	color:#fff;
	padding : 6px 2px;
    }
	.swiper-slide .imgbx img{
	width: 100% !important;
	max-height:420px !important;
    }
	.swiper-slide .imgbx .details h5{
	font-size: 14px;
	text-align:center;
    }
/*boot strap added*/

.text-gold {
  color: #AA802D !important;
}

a.text-gold:hover, a.text-gold:focus {
  color: #AA802D !important;
}
.bg-gold {
  color: #fff;
  background-color: #AA802D !important;
}

.btn-gold {
  color: #fff;
  background-color: #AA802D;
  border-color:#AA802D;
}
.btn-gold:hover {
  color: #0C233F;
  background-color: #f6c23e;
  border-color: #f6c23e;
}
.bg-gradient-gold {
  background-color: #AA802D;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #AA802D), to(#224abe));
  background-image: linear-gradient(180deg, #AA802D 10%, #8b6721 100%);
  background-size: cover;
}
.border-gold {
  border-color: #AA802D !important;
}
.border-bottom-gold {
  border-bottom: 0.25rem solid #AA802D !important;
}

/*/////////////////////////////////*/
.text-navy {
  color: #1C385B !important;
}

a.text-navy:hover, a.text-navy:focus {
  color: #1C385B !important;
}
.bg-navy {
  color: #fff;
  background-color: #1C385B !important;
}
.btn-navy {
  color: #fff;
  background-color: #1C385B;
  border-color:#1C385B;
}

.btn-navy:hover {
  color: #f6c23e;
  background-color: #0C233F;
  border-color: #0C233F;
}
.bg-gradient-navy {
  background-color: #1C385B;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #1C385B), to(#0C233F));
  background-image: linear-gradient(180deg, #1C385B 10%, #0C233F 100%);
  background-size: cover;
}
.border-navy {
  border-color: #1C385B !important;
}
.border-bottom-navy {
  border-bottom: 0.25rem solid #1C385B !important;
}