@font-face {src:url(../fonts/Cairo/Cairo-Regular.ttf);font-family: cairoFont;}
body{background: #fff;  font-family: cairoFont !important;}

.clr_w,.bg-dark,.btn-dark,.bg-danger,.btn-danger,.bg-success,.btn-success,
.bg-warning,.btn-warning,.bg-dark td{color: white !important;}

.txt-c{text-align: center !important;}
.block{
    background: rgb(205,205,205) !important;
    background: linear-gradient(0deg, rgba(205,205,205,1) 0%, rgba(250,250,250,1) 100%) !important;
    padding: 20px 15px;
    margin-bottom: 15px;
    color: #000738  !important;
    border:1px solid rgb(205, 205, 205 , .50) !important;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;

    box-shadow: 0px 2px 5px 0px rgba(3, 3, 3, .50);
}
.block:hover{
    background: rgb(250,250,250) !important;
    background: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(205,205,205,1) 100%) !important;
}

.block .title{font-size: 2rem;display: block;color: #008ed0    !important;}
.block .subTitle{ color: #000738  !important;}
/* .block:hover{color:#000738  !important;background: #333333;} */
/* .block .title:hover{color: #000738  !important;} */

.block_menu{background: #383b3f  !important; padding: 15px !important;}
.block_menu:hover{background: #6c757d !important;}
a{text-decoration: unset !important; color: #fff}
a:hover {color: yellow;text-decoration: none;}
.alert-cus1{text-align: center;color: #0dcaf0;background-color: #055160;border-color: #0f5132;}
.form-control{height: 40px;margin-top: -0px !important;border-radius:0px !important;}
.btnc{height: 40px;}
.cusChBox{width : 30px !important;height: 30px !important;float: left !important}
select{padding: 8px !important;}



/*margin defualt start*/
.mrg-0{margin: 0px !important}.mrg-5{margin: 5px !important}.mrg-10{margin: 10px !important}.mrg-15{margin: 15px !important}
.mrgT-0{margin-top: 0px !important}.mrgT-5{margin-top: 5px !important}.mrgT-10{margin-top: 10px !important}.mrgT-15{margin-top: 15px !important}
.mrgR-0{margin-right: 0px !important}.mrgR-5{margin-right: 5px !important}.mrgR-10{margin-right: 10px !important}.mrgR15{margin-right: 15px !important}
.mrgB-0{margin-bottom: 0px !important}.mrgB-5{margin-bottom: 5px !important}.mrgB-10{margin-bottom: 10px !important}.mrgB-15{margin-bottom: 15px !important}
.mrgL-0{margin-left: 0px !important}.mrgL-5{margin-left: 5px !important}.mrgL-10{margin-left: 10px !important}.mrgL15{margin-left: 15px !important}
/*margin defualt e n d*/

/*padding defualt start*/
.pad-0{padding: 0px !important}.pad-5{padding: 5px !important}.pad-10{padding: 10px !important}.pad-15{padding: 15px !important}
.padT-0{padding-top: 0px !important}.padT-5{padding-top: 5px !important}.padT-10{padding-top: 10px !important}.padT-15{padding-top: 15px !important}
.padR-0{padding-right: 0px !important}.padR-5{padding-right: 5px !important}.padR-10{padding-right: 10px !important}.padR15{padding-right: 15px !important}
.padB-0{padding-bottom: 0px !important}.padB-5{padding-bottom: 5px !important}.padB-10{padding-bottom: 10px !important}.padB-15{padding-bottom: 15px !important}
.padL-0{padding-left: 0px !important}.padL-5{padding-left: 5px !important}.padL-10{padding-left: 10px !important}.padL15{padding-left: 15px !important}
/*padding defualt e n d*/


.bg-1{background: #ffeeba !important; }.bg-2{background: #ffeeba !important; }.bg-3{background: #ffeeba !important; }
.clr-1{color: #333333 !important; }.clr-2{color: #ffeeba !important; }.clr-3{color: #007bfe  !important; }.clr-4{color: crimson !important; }


/* font size start */
.font15{font-size: 15px !important}.font20{font-size: 20px !important}
/* font size e n d */
.myblock{background: #ffeeba}
.btn{border-radius: 0px !important}
.btn-block{ width: 100%; display:block; }
.modal-barcode{width: 30% !important ; height: auto !important  }
.custome-barcode{width: 100% !important ; height: auto !important  }
.modal-body{padding: 0px !important}
.form-group{margin: 10px auto !important}
input{text-align: right ; padding: 5px !important; margin: 10px auto !important}


.form-control:focus{box-shadow: unset !important;}




.etisalat{background-color: #7ea53e; color:#fff}
.vodafone{background-color: #f91600; color:#fff}
.mobinel{background-color: #f60; color:#fff}
.we{background-color: #5917af; color:#fff}




.etisalat:hover .vodafone:hover .mobinel:hover .we:hover {
color: #fff !important;
}

.label-primary {
    background-color: #337ab7;
}

.label-danger {
    background-color: #f91600;
}

.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    /* margin: 15px auto 15px; */
    clear: both;
    display: inline-block;
    font-size: 75%;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -ms-border-radius: 0.25em;
    -o-border-radius: 0.25em;
}