@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/kufireqular/DroidKufi-Regular.eot);
    src: url(../fonts/kufireqular/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/kufireqular/DroidKufi-Regular.woff2) format('woff2'), url(../fonts/kufireqular/DroidKufi-Regular.woff) format('woff'), url(../fonts/kufireqular/DroidKufi-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/kufibold/DroidKufi-Bold.eot);
    src: url(../fonts/kufibold/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/kufibold/DroidKufi-Bold.woff2) format('woff2'), url(../fonts/kufibold/DroidKufi-Bold.woff) format('woff'), url(../fonts/kufibold/DroidKufi-Bold.ttf) format('truetype');
}




/* ==============
  Start Details Tables
===================*/

.auto-style3 {
    width: 100%;
    float: right;
}

th, td {
    padding: 12px;
}

.tablerowgray {
    border: 1px solid #dee2e6;
    /*background-color: #f5fbff;*/
    background-color: #fafbf9;
}

.tablerowwhite {
    /*border: 1px solid #dee2e6;*/
    background-color: #FFFFFF;
}


.tablerowheader {
    border: 1px solid #dee2e6;
    /*background-color: #f5fbff;*/
    background-color: #fafbf9;
    line-height: 30px;
    text-align: center;
}


.tablerowbody {
    border: 1px solid #dee2e6;
    /*background-color: #f5fbff;*/
    /*background-color: #ffffff;*/
    text-align: center;
    font-size: 13px;
    line-height: 14px;
}

.tablecell {
    font-size: 14px;
    font-family: 'Droid Arabic Kufi', sans-serif;
    font-weight: bold;
    color: #0d5428;
}
/* ==============
  End Details Tables
===================*/


.form-group-topmaintitle {
    padding: 12px 0px 12px 0px;
    border: 1px dotted #C0C0C0;
    background-color: #4d86b3;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.form-group-topsubtitle {
    margin: 0px 0px 15px 0px;
    padding: 3px 0px 3px 0px;
    /*border: 1px dotted #C0C0C0;*/
    /*background-color: #c9dff1; Edited by sokkary it was like that*/
    /*background-color: #f2f7fa;*/
    /*background-color: #378661;*/
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    /*color: #ffffff;*/
    font-size: 18px;
    font-weight: bold;
}


.btn-success {
    /*  background-color: #d6e2e8;
  border: 1px solid #4ac18e; Edited by Sokkary*/
    background-color: #7bb591;
    border: 1px solid #7bb591;
}

.btn-details {
    background-color: #7bb591;
    border: 1px solid #7bb591;
    color: #ffffff;
    font-size: 13px;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    padding: 1px 6px 1px 6px;
}

    .btn-details:hover {
        background-color: #3eb481;
        color: #ffffff;
    }



.control-label {
    font-family: 'Droid Arabic Kufi', sans-serif;
}


h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    /*font-family: "Roboto", sans-serif;*/
    font-family: 'Droid Arabic Kufi', sans-serif;
}



.form-group-topnavigatortitle {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    background-color: #7bb591;
    color: #FFFFFF;
    border: 1px solid #e7e7e7;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

    .form-group-topnavigatortitle h5 {
        font-size: 18px;
        font-weight: bold;
    }


.form-group-topmaintitle {
    padding: 12px 0px 12px 0px;
    border: 1px dotted #C0C0C0;
    background-color: #4d86b3;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.form-group-topsubtitle {
    margin: 0px 0px 15px 0px;
    padding: 3px 0px 3px 0px;
    /*border: 1px dotted #C0C0C0;*/
    /*background-color: #c9dff1; Edited by sokkary it was like that*/
    /*background-color: #f2f7fa;*/
    /*background-color: #378661;*/
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    /*color: #ffffff;*/
    font-size: 18px;
    font-weight: bold;
}

.form-group-topsubtitleimage {
    padding: 0px 10px 0px 5px;
}


.form-group {
    margin: 0px 15px 20px 15px;
    padding: 5px 0px 5px 0px;
}

.form-groupsave {
    margin: 15px 15px 10px 15px;
    padding: 15px 0px 15px 0px;
    background-color: #fbfbfb;
}

.form-groupsave-search {
    margin: 15px 15px 10px 15px;
    padding: 15px 0px 15px 0px;
}


.modal-header {
    background-color: #69a781;
    color: #fff;
    padding: 10px;
}


.nav-item {
    background-color: #f6f6f7;
    border-radius: 5px;
    border: 1px solid #69a781;
    margin: 2px 5px 10px 5px;
    padding: 0px 1px 1px 1px;
}

    .nav-item:hover {
        border: 1px solid #cfcfcf;
    }

.nav-link:focus {
    background-color: #e7f2df;
}

.eformcard-body {
    background-color: #f9f9f9;
    border: 5px solid #fff;
    zoom: 0.7;
}

    .eformcard-body:hover {
        background-color: #f1f1f1;
    }


.wformcard-body {
    background-color: #fff;
    border: 5px solid #f8f8f8;
    zoom: 0.8;
}

    .wformcard-body:hover {
        background-color: #fbfbfb;
        border: 5px solid #fff;
    }



.selectedcolor {
    background-color: #69a781;
    color: #ffffff;
}