@import url('Font_Sahel.css');

html {
    height: 100%;
    width: 100%;
}

body {
    font-family: 'Sahel-normal' !important;
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
}

.packet::before {
	/*content: "• ";*/
	color: red !important; /* or whatever color you prefer */
}


.navbar.mdnav {
    box-shadow: 0 8px 30px -25px gray !important;
} 

.first {
    width: 100% !important;
    height: 70px !important;
}
.lazy-background {
    background-repeat: no-repeat!important;
}

.back {
    background-image: url('../image/تعرفه-ها3.png');
    background-size: contain;
    background-position-y: top;
    background-position-x: center;
    direction: rtl !important;
}

    .back.visible {
        background-image: url('../image/تعرفه-ها3.png');
        background-size: contain;
        background-position-y: top;
        background-position-x: center;
    }

.card {
    border-radius: 2.5rem !important;
    border: 1px solid #00a8ff !important;
}
    .card.free {
        border-radius: 2.5rem !important;
        border: 1px solid rgb(252,137,83) !important;
    }
.pack-img {
    width: unset !important;
}
.cardtitle {
    color: #00a8ff !important;
    font-size:26px!important;
}
.btn.btn-primary.btn-md {
    border-radius: 60px !important;
    background-color: rgb(0,168,255) !important;
    font-size:14px!important;
}
.free .btn.btn-primary.btn-md {
    border-radius: 60px !important;
    background-color: rgb(252,137,83) !important;
    font-size: 14px !important;
}
/*.btn.btn-primary.btn-md:hover {
    border-radius: 60px !important;
    background-color: rgb(0,168,255) !important;
    font-size: 12px !important;
}*/
    .btn.btn-primary.btn-md:active {
        border-radius: 60px !important;
        background-color: rgb(0,168,255) !important;
        font-size: 12px !important;
    }
.free .btn.btn-primary.btn-md:active{
    border-radius: 60px !important;
    background-color: rgb(252,137,83) !important;
    font-size: 14px !important;
}
.grey-text{
    font-size:17px!important;
}
.card-deck .card-footer {
    border: none !important;
}
.free .cardtitle {
    color: rgb(252,137,83) !important
}
.PriceBack {
    color: rgb(0,168,255) !important;
    margin: 0 0 10px 0 !important;
    background-color: white !important;
    border: 2px solid rgb(0,168,255) !important;
}
.btn.btn-primary.PriceBack:focus, .btn.btn-primary.PriceBack:active{
    background-color: white !important;
}
.btn-primary:not([disabled]):not(.disabled).active {
    margin: 0 0 10px 0 !important;
    background-color: white !important;
    border-color: #0062cc;
    box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
}
.free .btn.btn-primary.btn-md:not([disabled]):not(.disabled){
    box-shadow: 0 0 0 0.2rem rgba(252,137,83,.5);
}
.SetUpMeeting .card-footer {
    direction:rtl!important;
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}