@import url('https://fonts.googleapis.com/css2?family=Cairo&family=Open+Sans&display=swap');


header{
    font-family:"Cairo", cursive;
    background:#ffd34d;
    text-align: center;
}

body {
    height: 100%;
    background:linear-gradient(
        to bottom,
        #dd2476, #ff512f);
}

.card {
    background: rgba(0,0,0,0.0) !important; 
    border: none;
}

.pray{
    background: rgba(255,255,255,0.5); 
    padding:2vmin;
    text-align: right;
    border-radius: 10px;
}

.panel{
    position: absolute;
    top:-10vmin;
    left:20vmin;
    padding:10vmin;
    background:gray; 
    border-radius: 3px;
    box-shadow: 0px 25px 42px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.buttons{
    direction:rtl;
    text-align:center;
    font-family:'Cairo';
    font-weight:bold;
}

.submit-btn{
    width:80%;
    padding:2vmin;
}

.cancel-btn{
    
}

.para{
    padding:2vmin 2vmin 1vmin 1vmin;
    font-family:'Cairo';
    color: White;
}

/*.text-decoration-none:hover{*/
/*    text-decoration: none;*/
/*}*/

.padding-top-20{
    padding-top: 20px !important;
}

.padding-bottom-20{
    padding-bottom: 20px !important;
}

/*.search-panel{*/
/*    margin-bottom: 10px;*/
/*    margin-top: 10px;*/
/*}*/

/*ul.search {*/
/*    clear: both;*/
/*    list-style: none outside none;*/
/*    margin: 0;*/
/*    overflow: hidden;*/
/*    padding: 0;*/
/*    padding-left: 15px;*/
/*    padding-top: 15px;*/
/*    padding-right: 15px;*/
/*}*/

/*.search .fix-width input,*/
/*.search .fix-width select{*/
/*    width: 130px;*/
/*}*/

/*ul.search li {*/
/*    float: left;*/
/*    padding-right: 10px;*/
/*    margin-bottom: 5px;*/
/*}*/

/*ul.search li label {*/
/*    display: block;*/
/*}*/

/*ul.search li.action {*/
/*    margin-top: 25px;*/
/*}*/

/*.filter-out {*/
/*    display: none;*/
/*}*/

/*.filter-in {*/
/*    display: block;*/
/*}*/

/*input.datepicker{*/
/*    border-radius: 3px;*/
/*}*/