/* here you can put your own css to customize and override the theme */



h4 .fa-male{ color:#6CCCDD !important;}

.h3, h3 {

    font-size: 18px;

}

.credit-label{



    padding: 0.4em 2em;



    font-size:15px;

}

.clearfix {

    clear: both;

    content: "";

    display: block;

}

#new_order_customer #container{

    padding:0 !important;

}

#new_order_customer .site-container{

    padding:0 !important;

}

#new_order_customer .order-content{

    min-height:0 !important;

}

#new_order_customer .card-content{

    padding-top: 15px;

    padding-bottom: 15px;

}

#securitycheck_customer .site-container {

    padding: 50px 50px;

}

#securitycheck_customer .site-wrapper {

    background: #27184d;

}

#securitycheck_customer #container {

        padding:0 !important;

}

.table tbody tr td{ vertical-align:inherit;}



.text-right{ text-align: right !important;}



.list-action-button{ margin-bottom:2px; margin-right:0px !important; padding:1px 5px;}



.unique_check{



    background-position:right 5px center;



    background-repeat:no-repeat;



}



.thumb_box-list {



    background-size: cover;



    background-position: center center;



    background-repeat: no-repeat;



    border-radius: 0px;



    display:inline-block;



}



.thumb_box-view {



    background-size: contain;



    background-position:top top;



    background-repeat: no-repeat;



    border-radius: 0px;



    height: 200px; 



    width: 240px;



    display:inline-block;



}



.thumb_box-small {



    background-size: contain;



    background-position: top top;



    background-repeat: no-repeat;



    border-radius: 0px;



    height: 50px; 



    width: 50px;



    display:inline-block;



}



.wapper{ width:100%;border:0px;}



.horizontal_line{ margin-left:200px; margin-right:200px; }



.image-border{height: 183px; width: auto; border:solid  #CCC 1px; border-radius:5px; background-position:center center;}



.list-thumb{ height: 75px; width: 75px;  background-size: cover; background-position: center center;}



.view-image-box{

    height: 123px; 

    width: 189px; 

    margin-left:3px; 

    margin-top:3px; 

    background-size: cover; 

    background-position: center center;

    padding: 6px;

    line-height: 1.428571429;

    background-color: white;

    border: 1px solid #dddddd;

    border-radius: 4px;

    -webkit-transition: all 0.2s

}



.edit-image-box{height: 250px; width: 290px;background-size: cover; background-position: center center;}



.td_thumb{padding:0px !important; text-align:center; line-height:0px !important;}



.td_thumb a{ margin:0; padding:0; display:inline-block; }



.td_bg_thumb{background-size: cover !important; background-position: center center !important; background-repeat:no-repeat; cursor:pointer;padding:0px !important; text-align:center; line-height:0px !important; height:75px;}



.tabs {



    border-bottom: 3px solid #1FB5AD;



    padding-left: 20px;



    margin-top: 0px;



    margin-bottom: 10px;



}



.tabs a {



    padding: 10px 15px 5px;



    background-color: #E1E1E1;



    color: #333;



    text-decoration: none;



    font-weight:normal;



    display: inline-block;



    text-shadow: none;



}



.tabs .selected, .tabs a:hover {



    background-color: #1FB5AD;



    color: #FFF;



}



.attention td{



    background-color:#FFEDB7 !important;}



.status_box h4{ font-weight:bold; margin:5px 0;}



.well h4{ margin-top: 0px;}



.heading4{



    margin: 20px 0 20px !important;



    color: #055 !important;



    text-transform:none !important;



    border-bottom:0px !important;



}



.well_detail h4{ margin-top: 20px;}



.horizontal{



    border: 0;



    border-top: 1px solid #eee;



    margin-top: -4px;



    margin-bottom: -9px;



}



.label_test{ font-weight:100 !important;}



.arrow_up_green{



    color:#0C0;



    font-size:25px;



}



.arrow_up_gray{ color:#CCC;



                font-size:25px;



}



.arrow_up_purple{ color:#309; font-size:25px;}



.mod_well{min-height:20px;padding:19px;margin-bottom:20px; background-color: #EAEAEA; border: 1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}



.mod_well blockquote{border-color:#ddd !important;border-color:rgba(0,0,0,.15) !important;}



.mod_well-lg{padding:24px !important;border-radius:6px;}



.mod_well-sm{padding:9px !important;border-radius:3px ;}



.disply{ display:none;}



.center_align{ width:810px; margin:0 auto;}



.boldremove{

    font-weight:normal;



    color: #929191;



    display: inline;



    margin-bottom: 5px;

}



.horizontal{



    border: 0;



    border-top: 1px solid #eee;



    margin-top: -4px;



    margin-bottom: -9px;



}













.filte{box-shadow: #BFBEBE 5px 5px !important;}



#car_list{ background-color:#FFF;}



.whole_wrapper{



    background-color:#FFF; 



    width:100%;



    margin:0 auto;



}



.modal.in .modal-dialog { box-shadow:0px; }



#vehicle_detail{ background-color:#FFF;}



.label_test{ font-weight:100}



.margin-right{ margin-right:40px;}



#my_panel{ 



    border-bottom: 1px solid #e1e1e1 !important;



    padding-bottom: 10px !important;



    margin: 20px 0 20px !important;}



.image_logo{

    width: 150px;



    height: 80px;



    margin-left: 20px;



    margin-bottom: 10px;



    border: 5px solid #fff;



    box-shadow: 0px 0px 21px;



    margin-top: -50px;

}



#agent_detail { background-color:#FFF;}



.well_mod {



    min-height: 20px;



    padding: 19px;



    margin-bottom: 20px;



    background-color: #EAEAEA;



    border: 1px solid #e3e3e3;



    border-radius: 4px;



    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);



    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);



}



.label-right{ text-align:right !important;}



h4 .nomargin{ margin-top:0px!important; margin-bottom:10px !important;}



.profile-information .profile-desk span {



    padding-bottom: none !important;



    display:inline-block;



}



.therm  .inner-therm span{



}



form.alignLabels label{



    padding-top: 0 !important;



}



.product-thumb{



    background-position: center center;



    background-repeat: no-repeat;



    background-size: contain;



    border-radius: 5px;



    height: auto;



    min-height: 150px;



    width: auto;



    min-width: 150px;



}



.small-thumb img{



    width: 35px;



    height: 35px;



}



.order_product_thumbs{



    display: inline-block; 



    margin: 5px;



    border: 1px solid #ccc;



    min-width: 200px;



    width: auto; 



    background-color: #eeeeee;



}



.clear-search-btn{



    width: 150px;



    display: block;



}



.search-filters{



    margin: 20px 0;



    display: block;



}



.filter-clear-search{



    display: inline-block;



    margin-top: 7px;



    margin-right: 20px;



}



/*comments*/



.comments{



    width: auto;



    height: auto;



    margin: 6px 0;



    padding: 6px;



    border-bottom: 1px solid #eee;



}



.comments .user-name{



    width: auto;



    height: auto;



    margin: 0 auto;



    border-right: 1px solid #eee;



}



.header .brand img{



    margin-top: 14px;



}







/*sales rep register form*/



.form-register {



    max-width: 650px;



    margin: 25px auto;



    background: #fff;



    border-radius: 5px;



    -webkit-border-radius: 5px;



}



.schedule-tbl .schedule-header{
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: center
    }

    .schedule-tbl .schedule-heading h2{
        background: #ddcf75;
        border-radius: 50px;
        margin-top: 30px;
        padding: 15px 15px;
    }

    .schedule-tbl .schedule-date h3{
        padding: 5px 0px;
    }

    .selected-row-bg{
        background-color: #DDCF75;
    }

    .sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background-color: #DDCF75;
      /*overflow-x: hidden;*/
      transition: 0.5s;
      padding-top: 45px;
      margin-top: 68px;
    }

    .sidenav a {
      padding: 8px 0px 8px 32px;
      text-decoration: none;
      font-size: 25px;
      color: #5A4500;
      display: block;
      transition: 0.3s;
    }

    .sidenav a:hover {
      color: #5A4500;
    }

    .sidenav .closebtn {
      position: absolute;
      top: 0;
      right: 16px;
      font-size: 24px;
      margin-left: 50px;
    }

    @media screen and (max-height: 450px) {
      .sidenav {padding-top: 15px;}
      .sidenav a {font-size: 18px;}
    }


    .left-sidebar-wrapper .t_sortable tr, .ui-sortable-helper {
      cursor: move;
    }

    .t_sortable tr:first-child {
      cursor: default;
    }


    #expand-main-container{
        width:82%;
    }
    #shrink-main-container{
        width:100%;
    }

    #left_search_form .form-group {
        margin-bottom: 7px;
    }

    #sidebar_filter_table{
        background-color: #fff;
        /*border-radius: 15px;  */
        margin-bottom: 0px;
        font-size: 13px;

       
    }

    #sidebar_filter_table tbody tr, td,
    #sidebar_filter_table tbody tr, th{
        padding:5px !important;
        /*border-bottom: 1px solid #ccc !important;*/
    }

    #schedule_in_hour #drag-custom-title{
        display: flex;
    }

    #schedule_in_hour tbody tr#custom_dotted_row{
        
        border-top:dotted;
        border-bottom:dotted;
        border-color:#ccc;
    }

    #schedule_in_hour input{
        border: 1px solid #f3f3f3;
        /*border-radius: 0px;*/
    }

    #schedule_in_hour #drag-row{
        content: "";
        background: #5b4601;
        padding: 12px 6px;
        cursor: move;
        margin-right: 8px;
    }

    .filter-result-tbl .table-responsive{
        margin-top: 10px;
        height: 350px;
        /*border-radius: 15px;*/
        background-color: #fff;
        overflow-x: scroll !important;
    }

    /*#sidebar_filter_table {
        position: relative;
    }*/

    #sidebar_filter_table tbody tr{
        background-color: #ddd;
    }

    #sidebar_filter_table tr th {
      background: white;
      position: sticky;
      top: -1;

    }

    #schedule_content #schedule_in_hour{
        width: 100%;
        margin-bottom: 0px;
    }

    #schedule_content #schedule_in_hour:hover{
        background-color: #f5f2de !important;
        /*border:2px solid #5A4500 !important;*/
    }

   #schedule-tbl-main tbody td{
        padding-top: 0px !important;

        /*padding-bottom: 0px !important;*/
    }

    /*.loader-wrapper{
         height: 350px;
    }*/

    #left_search_form button[name="search-btn"]{
        font-size: 23px;
    }

    #left_search_form input[name="sidebar_filter_field"]{
        padding: 7px 30px;
    }

    .loader-wrapper{
        height: 350px;
        background-color: rgba(90, 69, 0, 0.5); 
        position: absolute;
        width: 88%;
        color: black;
        z-index: 9;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* ===============  loading spinner in leftbar ============ */
    #loading-bar-spinner.spinner {
        left: 50%;
        margin-left: -20px;
        top: 50%;
        margin-top: -20px;
        position: absolute;
        z-index: 19 !important;
        animation: loading-bar-spinner 400ms linear infinite;
    }

    #loading-bar-spinner.spinner .spinner-icon {
        width: 40px;
        height: 40px;
        border:  solid 4px transparent;
        border-top-color:  #5A4500 !important;
        border-left-color: #5A4500 !important;
        border-radius: 50%;
    }

    @keyframes loading-bar-spinner {
      0%   { transform: rotate(0deg);   transform: rotate(0deg); }
      100% { transform: rotate(360deg); transform: rotate(360deg); }
    }

    /* =========================================================== */


    .filter-result-tbl .slimScrollDiv{
        height: 350px !important;
        position: unset !important;
    }

    .filter-result-wrapper .title{
        margin-bottom: 10px;
    }

    #mySidenav .leftside-header .title{
        padding-right: 15px;
        padding-bottom: 15px;
    }

    .leftbar-empty-rec{
        background-color: #fff;
        padding: 10px 10px;
        text-align: center;
        font-size: 13px;
    }

    #schedule-tbl-main{
        font-size: 16px;
    }

    .empty-tbl-row{
        padding-top:0px !important;
    }

    .hour-cell{
        display: inline-flex;
        justify-content: space-between;
    }

    .hour-cell .fa-plus-circle{
        cursor: pointer;
        margin-right: 10px;
        margin-top: 3px;
        color: #5c4503;
    }

    #schedule_in_hour input[name='duration']{
        text-align: center;
    }

    /*#sidebar_filter_table #drag-row{
        content: "";
        background: #5b4601;
        padding: 12px 4px;
        cursor: cell;
        margin-right: 7px;
        position: relative;
        right: 8px;
    }*/

    #schedule_in_hour tbody td{
        line-height: 2.428571 !important;
    }

    #schedule_in_hour tbody td:first-child > input{
        padding-right:20px;
    }

    .fix-drag td:last-child{
        display: flex;
        justify-content: space-between;
    }

    #schedule_in_hour tbody tr td:last-child{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

     #schedule_in_hour tbody tr td:last-child #drag-row{
        height:38px;
        margin-top: 4px;
     }

    .schedule-date-cal{
        position: relative;
    }

    .schedule-date-cal .fa-calendar{
        position: absolute;
        top: 6px;
        left: 14px;
        font-size: 19px;
    }

    #schedule_in_hour .rmv-cst-row{
        position: absolute;
        top: 14px;
        right: 1px;
        cursor: pointer;
        color:red;
    }


    #schedule_in_hour tbody td{
        line-height: 2.428571 !important;
    }

    #schedule_in_hour tbody td:first-child > input{
        padding-right:20px;
    }

    #schedule_in_hour tbody tr td:last-child{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #schedule_in_hour tbody tr td:last-child #drag-row{
        height:38px;
    }

    #schedule_in_hour .rmv-cst-row{
        position: absolute;
        top: 0px;
        right: -7px;
        cursor: pointer;
        color:red;
    }

    #schedule_in_hour .save-cst-row,
    #schedule_in_hour .edit-cst-row
    {
        position: absolute;
        top: 20px;
        right: -7px;
        cursor: pointer;
        color:green;
    }

    #schedule_in_hour .edit-cst-row
    {
        color:black;
    }

    #schedule_hour_form .tables_ui{
            border: 4px solid #3333fe;
    }

    #schedule_in_hour .tel-title{
        padding-right:20px;
    }

    #delete-alert,
    #success-alert{
        display: flex;
        justify-content: space-between;
    }

    .field-req{
        background-color:#DDCF75;
    }





.form-register h2.form-signin-heading {



    margin:0;



    padding:35px 15px;



    text-align:center;



    background:#aec785;



    border-radius:5px 5px 0 0;



    -webkit-border-radius:5px 5px 0 0;



    color:#fff;



    font-size:18px;



    text-transform:uppercase;



    font-weight:300;



    font-family:'Open Sans',sans-serif;



    border-bottom:10px solid #a0b87e;



}



.form-register .checkbox {



    margin-bottom:14px;



}



.form-register .checkbox {



    font-weight:normal;



    color:#b6b6b6;



    font-weight:300;



    font-family:'Open Sans',sans-serif;



}



.form-register .form-control {



    position:relative;



    font-size:16px;



    height:auto;



    padding:10px;



    -webkit-box-sizing:border-box;



    -moz-box-sizing:border-box;



    box-sizing:border-box;



}



.form-register .form-control:focus {



    z-index:2;



}



.form-register input[type="text"],.form-signin input[type="password"] {



    margin-bottom:15px;



    border-radius:5px;



    -webkit-border-radius:5px;



    border:1px solid #FFFAC7;



    box-shadow:none;



    font-size:12px;



}







.form-user input[type="text"],.form-user input[type="password"] {



    border: 1px solid black;



    box-shadow: none;



    height: 20px;



    margin: 0;



    padding: 6px 0px 11px;



    /*padding: 7px 0px 12px;*/



    /*margin: 1px 0px 0px 0px;*/



    /*padding: 11px 0px 9px;*/



    border-top: 0px;



    border-left: 0px;



    border-right: 0px;



    border-radius: 0;



    font-size: 12px;



}



.form-user  .control-label{



    font-weight:12 !important;



    font-size: 12px;







}



.form-register .btn-login {



    background:#1fb5ac;



    color:#fff;



    text-transform:uppercase;



    font-weight:300;



    font-family:'Open Sans',sans-serif;



    margin:20px 0 5px;



}



.form-register p {



    text-align:left;



    color:#b6b6b6;



    font-size:16px;



    font-weight:300;



}



.form-register a,.form-register a:hover {



    color:#000;



}



.form-register a:hover {



    text-decoration:none;



}



/*package plans*/



* {



    box-sizing: border-box;



}



.packages-container .columns {



    float: left;



    width: 100%;



    padding: 8px;



}



.packages-container .price {



    list-style-type: none;



    border: 1px solid #eee;



    margin: 0;



    padding: 0;



    -webkit-transition: 0.3s;



    transition: 0.3s;



}



.packages-container .price:hover {



    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)



}



.packages-container .price .header {



    background-color: #111;



    color: white;



    font-size: 25px;



}



.packages-container .price li {



    border-bottom: 1px solid #eee;



    padding: 8px;



    text-align: center;



}



.packages-container .price .grey {



    background-color: #eee;



    font-size: 20px;



}



.packages-container .button {



    background-color: #4CAF50;



    border: none;



    color: white;



    padding: 8px 16px;



    text-align: center;



    text-decoration: none;



    font-size: 18px;



}



@media only screen and (max-width: 600px) {



    .packages-container .columns {



        width: 100%;



    }



}



/*leads view styling*/



.leads-container{



    width: auto;



    height: auto;



    margin: 0 auto;



}



.wrap-leads{



    width: auto;



    height: auto;



    margin: 0 auto;



    padding: 30px;



    background-color: #fff;



}



.wrap-leads .heading{



    color: #fac22d;



    font-weight: 800;



    margin-top: 0 !important;



    margin-bottom: 0 !important;



}



.wrap-leads .intro{



    padding: 5px 0 5px 100px;



}



.wrap-leads .intro h4{



    color: #505050;



    font-weight: bold;



    margin: 25px 0 4px 0 !important;



}



.wrap-leads .intro p{



    margin: 0 !important;



    color: #9b9b9b;



    font-weight: bold;



}



.wrap-leads .intro hr{



    border-bottom: 1px solid #f1f1f1;



}



.wrap-details{



    width: auto;



    height: auto;



    margin: 0 auto;



    padding: 5px 0 5px 100px;



}



.user-info label{



    display: block;



    color: #9a9a9a;



    text-transform: uppercase;



    font-size: 11px;



}



.user-info span{



    display: block;



    color: #887ab8;



    font-weight: bold;



}



.row-data{



    width: auto;



    height: auto;



    margin: 10px 0;



    clear: both;



}



.wrap-products{



    width: auto;



    height: auto;



    margin: 0 auto;



    padding: 30px;



}



.wrap-products h2{



    font-weight: 800;



    color: #000;



    margin: 5px 0 !important;



}



.row-products{



    width: auto;



    height: auto;



    margin: 20px 0 10px 0;



}



.wrap-products .product{



    width: auto;



    height: auto;



    margin: 20px 0 10px 0;



    background-color: #f7f5f6;



    border-radius: 10px;



    position: relative;



}



.product .thumb{



    width: auto;



    height: auto;



    margin: 0 auto;



    display: inline;



    clear: both;



}



.product .thumb img{



    width: 150px;



    height: 120px;



    border-top-left-radius: 10px;



    border-bottom-left-radius: 10px;



}



.product .thumb p{



    display: inline;



    position: absolute;



    top: 10px;



    margin: 10px 10px 0 10px;



    font-size: 16px;



}



.wrap-comments{



    width: auto;



    height: auto;



    margin: 0 auto;



    padding: 30px;



}



.comments-container{



    width: auto;



    height: auto;



    padding: 35px;



}



.wrap-comments .service-header{



    background-color: #452a9d;



}



.wrap-comments .service-header h4{



    color: #fff;



    font-weight: 800;



    font-size: 16px;



}



.wrap-comments .collector-header{



    background-color: #ffc12e;



}



.wrap-comments .collector-header h4{



    color: #000;



    font-weight: 800;



    font-size: 16px;



}



.wrap-comments .service-header span{



    color: #ffbd28;



}



.leads-comments{



    width: auto;



    height: auto;



    padding: 15px;



    background-color: #f4f4f4;



    margin-bottom: 10px;



}



.leads-commentArea{



    width: auto;



    height: auto;



}



.leads-commentArea textarea{



    width: 100%;



    height: auto;



    min-height: 80px;



    border: 1px solid #c7c1e3;



    background-color: #f4f4f4;



    margin-bottom: 10px;



}



.leads-commentArea textarea::-webkit-input-placeholder{



    color: #6a6b6d;



    font-style: normal;



}



.wrap-comments .panel-heading{



    border-top-left-radius: 10px;



    border-top-right-radius: 10px;



    padding: 20px;



}



.wrap-comments .panel{



    border-bottom-left-radius: 10px;



    border-bottom-right-radius: 10px;



}



.leads-comments .name p{



    color: #432a9f;



    font-weight: bold;



    font-size: 14px;



}



.leads-comments .desp p{



    color: #4a4b50;



}



.leads-comments .date span{



    color: #4a4b50;



    font-style: italic;



}



.comments-container .comment-btn{



    color: #fff;



    background-color: #452a9d;



    padding: 8px 25px;



    font-size: 16px;



    border: none;



    border-radius: 5px;



    margin-top: 25px;



}



.leads-status{



    width: auto;



    height: auto;



    margin: 0 auto;



    padding: 20px 0;



    background-color: #333;



    color: #fff;



}



.lead-status-dropdown{



    width: auto;



    height: auto;



    margin-top: 20px;



    display: block;



}



.leads-status h3{



    display: inline;



    color: #fff;



    margin-left: 18px;



    font-weight: bold;



}



.leads-status-header{



    width: auto;



    height: auto;



    margin: 0 auto;



}



.leads-status-header span{



    display: inline-block;



    margin-left: 10px;



}



.capitalize{



    text-transform: capitalize;



}



input[type=file]{



    border: none !important;



}



label{



    text-transform: capitalize;



}



.fc-button-content, .fc-button-inner{



    text-transform: capitalize !important;



}



.wrap-card-area{



    width: auto;



    height: auto;



    margin: 0 auto;



    padding: 10px;



}



.payment-info{



    width: auto;



    max-width: 450px;



    height: auto;



    margin: 0 auto;



    padding: 15px;



    border: 2px solid #adabab;



}



.card-types{



    width: auto;



    height: auto;



    margin: 0 auto;



    display: block;



}



.card-types ul{



    list-style-type: none;



    padding: 0;



    margin-bottom: 0;



}



.card-types ul li{



    float: left;



    margin-right: 20px;



}



.card-info{



    margin: 10px 0;



}



.card-info input{



    padding: 8px;



    border: 1px solid #999999 !important;



    border-radius: 0 !important;



    display: inline-block;



    margin-bottom: 0 !important;



}



.card-info .card-no{



    width: 100%;



    max-width: 270px;



    height: 30px;



}



.card-info .cvv{



    width: 100px;



    height: 30px;



}



.expiry-info select{



    margin: 0 5px;



}



.register-form input[name="firstname"],



.register-form input[name="lastname"],



.register-form input[name="city"]{



    text-transform: capitalize;



}



.register-form .country{



    height: 40px;



    padding: 6px;



}



.brand img{



    margin-top: 25px;



}



.sec-children{



    padding: 15px;



    margin: 15px 0;



}



.rqrd{



    color: #ff0000;



    margin: 0 2px;



}



#map, #mapMarkers{



    width: 100%;



    height: 250px;



}



#search_box {



    background-color: #fff;



    font-family: Roboto;



    font-size: 15px;



    font-weight: 300;



    margin-left: 12px;



    padding: 0 11px 0 13px;



    text-overflow: ellipsis;



    width: 530px;



    top: 7px !important;



}



#search_box:focus {



    border-color: #4d90fe;



}



.sec-info{



    margin: 10px 0;



    padding: 15px;



}



.sec-info h3{



    display: inline-block;



    margin: 0;



}



.sec-info hr{



    margin: 10px 0;



}



.sec-info .actions{



    display: inline-block;



    float: right;



}



.sec-info .sec-header{



    padding: 0 15px;



}



.gender {



    padding-top: 7px;



}



.gender label{



    margin-right: 10px;



}



.gender label input{



    margin-right: 4px;



}



.align-center{



    text-align: center;



}



.list-controls {



    text-align: center;



}



.list-controls a{



    border-radius: 5px;



}



.list-controls .view{



    background-color: #d9edf7;



}



.list-controls .edit{



    background-color: #fff;



    color: #4d9dd6;

    padding-left: 3px;



}



.list-controls .delete{



    background-color: #fff;



    color: #be5f8f;



}



.list-controls .pdf{



    background-color: #fff;



    color: #acacac;



}



.panel-heading hr{    



    margin-top: 0;



    margin-bottom: 0;



}



.tbl-list>tbody>tr>td{



    border-top: 0 !important;



    border-bottom: 1px solid #ddd;



}



.assoc-child .child-info .form-group label{



    display: inline-block;



    text-align: center;



}



/*child sec in parent*/



.child-info{



    padding: 10px;



    background-color: #f1f1f1;



    margin-bottom: 30px;



    width: auto;



    height: auto;



    min-height: 275px;



}



.sub-heading{



    display: inline-block;



    text-transform: none !important;



    margin: 0 !important;



    border: none !important;



}



.child-thumb{



    background-position: center center;



    background-repeat: no-repeat;



    background-size: cover;



    border-radius: 5px;



    height: 100px;



    width: 100px;



    margin: 0 auto;



}



.child-info .form-group{



    margin-bottom: 3px;



}



.child-trips{



    border-top: 1px solid #c5c5c5;



    margin-top: 10px;



}



.schedule-info{



    margin-top: 10px;



}



.schedule-info .last-header a{



    float: right;



    display: block;



}



.driver-thumb{



    background-position: center center;



    background-repeat: no-repeat;



    background-size: cover;



    border-radius: 5px;



    height: 25px;



    width: 25px;



    margin: 0 auto;    



}



#caption, #err_msg{



    color: red;



    font-size: 12px;



}



.btn-form{



    padding: 20px 20px 15px;



}



.btn-save:hover{



    background-color: #fff;



    transition: background-color 0.5s ease;



    border: 1px solid #1FB5AD;



    color: #1FB5AD;



}



.btn-edit:hover{



    background-color: #fff;



    transition: background-color 0.5s ease;



    border: 1px solid #d9534f;



    color: #d9534f;



}



.btn-add:hover{



    background-color: #fff;



    border: 1px solid #337ab7;



    transition: background-color 0.5s ease;



    color: #337ab7;



}



.btn-assign:hover{



    background-color: #fff;



    border: 1px solid #5bc0de;



    transition: background-color 0.5s ease;



    color: #5bc0de;



}



.ar{



    font-family: arabic;



    color: black;



    margin-right: 10px;



    font-size: 12px



}



.sidebar-menu span {

    font-size: 14px;

    margin-right: 10px;

    /*font-family: arabic;*/

}

.button-download{

    background-color: transparent;

    border-radius: 42px;

    border: 1px solid #A9A9A9;

    display: inline-block;

    cursor: pointer;

    color: #A9A9A9;

    font-size: 14px;

    padding: 6px 32px;

    text-decoration: none;

    text-align: center;

}

.button-download:hover {

    background-color:transparent;

    color: #A9A9A9;

    text-decoration: none;

}

.button-download-green {

    background-color: #8DCAA1;

    border-radius: 42px;

    border: 1px solid #8DCAA1;

    display: inline-block;

    cursor: pointer;

    color: #fff;

    font-size: 14px;

    padding: 6px 32px;

    text-decoration: none;

    text-align: center;

}

.button-download-green:hover {

    color: #fff;

    text-decoration: none;

}

.button-default {

    background-color: transparent;

    border-radius: 42px;

    border: 1px solid #A9A9A9;

    display: inline-block;

    cursor: pointer;

    color: #A9A9A9;

    font-size: 13px;

    padding: 5px 18px;

    text-decoration: none;

}

.button-default:hover {

    background-color:transparent;

    color: #A9A9A9;

    text-decoration: none;

}

.button-classic {

    background-color: #8DCAA1;

    border-radius: 42px;

    border: 1px solid #8DCAA1;

    display: inline-block;

    cursor: pointer;

    color: #ffffff;

    font-size: 13px;

    padding: 5px 18px;

    text-decoration: none;

}



.button-classic:hover {

    background-color:#8DCAA1;

    color: #fff;

    text-decoration: none;

}



.button-classic:active {



    background-color:#8DCAA1;

    color: #fff;

    position:relative;

    top:1px;



}



.btn-black {



    background-color:#000000;



    border-radius:42px;



    border:1px solid #000000;



    display:inline-block;



    cursor:pointer;



    color:#ffffff;



    font-size:14px;



    padding:3px 11px !important; 



    text-shadow:0px 1px 0px #000000;



}



.btn-black:hover {



    background-color:#000000;



    color: #fff;



}



.btn-black:active {



    background-color:#000000;



    color: #fff;



    position:relative;



    top:1px;



}



.button-case-1 {



    background-color:#ffffff;



    border-radius:42px;



    border:2px solid #001202;



    display:inline-block;



    cursor:pointer;



    color:#050005;



    font-size:14px;



    padding:5px 18px;



    text-decoration:none;



    text-shadow:0px 1px 0px #2f6627;



}



.button-case-1:hover {



    background-color:#fcfcfc;



}



.button-case-1:active {



    position:relative;



    top:1px;



}



.button-case-2 {



    background-color:#ffffff;



    border-radius:42px;



    border:2px solid #c4c4c4;



    display:inline-block;



    cursor:pointer;



    color:#050005;



    font-size:14px;



    padding:5px 18px;



    text-decoration:none;



    text-shadow:0px 1px 0px #2f6627;



}



.button-case-2:hover {



    background-color:#fcfcfc;



}



.button-case-2:active {



    position:relative;



    top:1px;



}



.button-pink {

    background-color: #be5f8e;

    border-radius: 28px;

    border: 2px solid #be5f8e;

    display: inline-block;

    cursor: pointer;

    color: #ffffff;

    font-size: 14px;

    padding: 8px 50px;

    text-decoration: none;

    font-weight: 700;

}

.profile .button-pink {

    background-color: #be5f8e;

    border-radius: 28px;

    border: 2px solid #be5f8e;

    display: inline-block;

    cursor: pointer;

    color: #ffffff;

    font-size: 16px;

    padding: 6px 50px;

    text-decoration: none;

    font-weight: 700;

}

.cust_table p{

    display: inline-block;

    color: #A9A9A9;

}

.button-pink:hover {

    color:#ffffff;

    background-color:#be5f8e;

}



.button-pink:active {

    color:#ffffff;

    position:relative;

}



.button-blue {



    background-color:#4d9dd6;



    border-radius:42px;



    border:2px solid #4d9dd6;



    display:inline-block;



    cursor:pointer;



    color:#ffffff;



    font-size:12px;



    padding:5px 30px;



    text-decoration:none;



    text-shadow:0px 1px 28px #be5f8e;



}



.button-blue:hover {



    background-color:#4d9dd6;



}



.button-blue:active {



    position:relative;



    top:1px;



}



.form-user hr{



    border-top: 1px solid #d6d6d6;



    margin-top: 4px;



    margin-bottom: 0px;







}



.form-user .view{



    color:#cbcbcb;



    font-size: 12px;



}



.home-bg {



    height: 80px;



    background-color: #fff;



    background-position: center center;



    background-size: contain;



    background-repeat: no-repeat;



    width: 80px;



}



.thumb {



    display: block;



    padding-top: 100%;



    background-size: contain;



    background-repeat: no-repeat;



    background-position: center center;



    /*border: 1px solid #444;*/



    width: 80px;



}



.list-thumb{ height: 75px; width: 75px;  background-size: cover; background-position: center center;}



.tag{

    margin-bottom: 20px;

}



.tag li.search-choice {



    list-style: none;



    position: relative;





    display: inline-block;

    padding: 5px 10px;

    margin: 6px 0 0 6px; 



    border-radius: 25px;



    background-color: #eeeeee;



    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));



    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);



    background-size: 100% 69px;



    background-repeat: repeat-x;



    background-clip: padding-box;



    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);



    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);



    color: #be5f8e;



    line-height: 13px;



    cursor: default;



}



.tag .fa-times{



    color:#be5f8e;



    margin-left:4px;



    font-size: 16px;



    font-weight: lighter;



}



.tag .fa-times:hover{



    color:#be5f8e;



}



.tag span{



    font-size: 12px;



}









.table-responsive{



    border: 0 !important;



}



.dropdown{



    height: 35px;



    font-family:FontAwesome;



    border-radius: 12px



}



.dropdown option{



    font-family:inherit; 



    font-size: 14px;



}



.list-controls i.fa {



    display: inline-block;



    border-radius: 60px;



    padding: 3px 4px;







}



.list-controls i.fa-times{



    border: 1px solid #be5f8f;



}



.list-controls i.fa-pencil{



    border: 1px solid #4d9dd6;



}



.list-controls i.fa-file-pdf-o{



    border: 1px solid #acacac;



}



.list-controls i.fa-eye{



    border: 1px solid #4d9dd6;



}



.header{



    background: #f1f0f1;



}



#sidebar{



    /*background: #27184D;*/

    

    background: #DDCF75;



}



.username span{

    color:#27184D;

}

.brand{



    background: #111322;



}



.group{



    margin-top: 20px;



    margin-bottom: 20px;



    border-radius: 17px;



    -webkit-box-shadow: 0px 0px 3px 1px rgba(214,214,214,0.68);



    -moz-box-shadow: 0px 0px 3px 1px rgba(214,214,214,0.68);



    box-shadow: 0px 2px 8px 1px rgba(214,214,214,0.68);



    padding: 24px 39px 24px 0px;



}



.selectWrapper{



    border-radius:6px;



    display:inline-block;



    overflow:hidden;



    background:#cccccc;



    border:1px solid #cccccc;



    margin-left: 10px;



}



.selectBox{



    padding: 3px 8px 7px 31px;



    border:0px;



    outline:none;



    font-size: 12px;



}



select.selectBox{



    -moz-appearance-color: white;



    /* for Chrome */



    -webkit-appearance-color: white;



}



.filters{



    margin-top: -27px;



}



.cust_table th {

    color: #27184D;

    font-size: 14px;

    font-weight: lighter;

    font-family: arabic_bold;

}



.cust_table tr td{



    color: #000;



    font-size: 14px;



    border-top: 0 !important;



}



.endfix{



    float: left;



    margin-top: 30px;



}



.login-content{

    width: 100%;

    /*background:  #27184d;*/

    /*background:  rgb(133, 114, 0);*/

    padding-bottom: 50px;

    min-height: auto;

}

.button-login {

    background-color: #5A4500;

    border-radius: 28px;

    border: 2px solid #D0B96D;

    display: inline-block;

    cursor: pointer;

    color: #ffffff;

    font-size: 15px;

    padding: 8px 40px;

    text-decoration: none;

    font-weight: 600;

}

.button-payment {

    background-color: #8DCAA1;

    border-radius: 28px;

    border: 2px solid #8DCAA1;

    display: inline-block;

    cursor: pointer;

    color: #ffffff;

    font-size: 15px;

    padding: 8px 40px;

    text-decoration: none;

    font-weight: 700;

}

.button-payment:hover {

    background: #eeaa9d;

    color: #fff;

    transition: all 0.6s;

    border: 2px solid #eeaa9d;

}

.form-signin a, .form-signin a:hover {

    color:#27184D !important;

}

.button-login:hover {

    border: 2px solid #D0B96D;

    background-color: #5A4500;

}



.button-login:active {



    position:relative;



    top:1px;



}



.form-signin{

    background: #D0B96D;

    max-width: 290px;

    margin-top: 0px;

    margin-bottom: 0px;

}

.form-wrapper{

    background: #D0B96D;

    border-radius: 30px;

    padding-top: 60px;

    padding-bottom: 60px;

}



.form-signin input[type="radio"] {



    -ms-transform: scale(1.5); /* IE 9 */



    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */



    transform: scale(1.5);



}



.form-signin .form-control {

    color: #27184D;

    background: bottom;

    border-radius: 20px !important;

}



.form-signin .login-btn-div{

    text-align: center;

    margin-top: 60px;

}

.login-labels{

    margin-top: 40px;

}

.login-labels .login-radio-div{

    margin-right: 8px;

} 

.form-signin .login-label-div{

    display: inline-block;

    float: left;

}



.form-signin .login-label-div a{



    color: #27184D;



    font-weight: lighter;



}



.form-signin .login-radio-div{

    display: inline-block;

    color: #b1b1b1;

    font-weight: lighter;



}

.stat-form {

    position: absolute;

    bottom: 10px;

    left: 30px;

}

.progress-bar-wrap .progress-bar {

    float: none;

}



.statistics form label{

    margin-top: 0px;

}

.statistics label{

    font-size: 14px;

    margin-top: 10px;

}



.statistics .counter{



    color: #be5f8f;



    font-size: 18px;



    font-weight: bold;



    margin-top: 5px;



}



.statistics .counter2{



    color: #4d9dd6;



    font-size: 18px;



    font-weight: bold;



    margin-top: 5px;



}



.statistics .category{



    color: #be5f8f;



    font-size: 11px; 



    margin-bottom: 8px;



}



.statistics .category2{



    color: #4d9dd6;



    font-size: 11px;



    margin-bottom: 8px;



}



.statistics .box{



    -webkit-box-shadow: 0px 6px 10px -1px rgba(214,214,214,0.68);



    -moz-box-shadow: 0px 6px 10px -1px rgba(214,214,214,0.68);



    /*box-shadow: 0px 1px 4px 0px rgba(173,173,173,1);*/

    box-shadow: 0px 6px 10px -1px rgba(214,214,214,0.68);



    border-radius: 12px;



    margin-right: 15px;



    width:46%;



}



.statistics .col-sm-2.coin{



    padding-right: 0px;



    padding-left: 0px;



    margin-left: -23px;



}



.statistics .coinbox{



    width: 102%;



    background: black;



    margin-top: 20px;



    border-radius: 12px;



    margin-left: -16px;



}

.statistics .paid-comm{



    width: 102%;



    background: #b1b1b1;



    margin-top: 20px;



    border-radius: 12px;



    margin-left: -16px;



}

.statistics .paid-comm p{

    color: white;

}

.statistics .paid-comm .coinbox-p1{

    max-width: 27px;

    font-size: 12px;

    margin: 7px 0px 0px 10px;

}

.statistics .paid-comm .wrap-p2{

    padding-top: 3px;

    padding-right: 0px;

    font-size: 14px;

}

.statistics .paid-comm .row{

    margin-bottom: 10px;

    margin-top: 10px;

}

.statistics .paid-comm .coin-img{

    width:25px;

}



.position {



    float: left;



    /*  margin: 100px 20px;*/



}



.progress-bar-inner {

    position: absolute;

    height: 200px;

    width: 300px;

    /*    border-radius: 50%;*/

    right: 0;

    left: 0;

    margin: 0 auto;

    top: 50px;

    overflow: hidden;

    margin-top: 12px;

}



.progress-bar {



    position: relative;

    width: 110px;



}







.progress-bar div {



    position: absolute;



    height: 110px;



    width: 110px;



    border-radius: 50%;



}







.progress-bar div span {



    position: absolute;



    font-family: Arial;



    font-size: 25px;



    color: #b1b1b1;



    line-height: 95px;



    height: 95px;



    width: 95px;



    left: 8px;



    top: 8px;



    text-align: center;



    border-radius: 50%;



    background-color: white;



}







.progress-bar .background { background-color: #b3cef6; }



.progress-bar{



    -webkit-box-shadow: unset !important;

    box-shadow: unset !important;



    background: white;



}



.progress-bar .rotate {



    clip: rect(0 55px 200px 0);



    background-color: #4b86db;



}







.progress-bar .left {



    clip: rect(0 55px 200px 0);



    opacity: 1;



    background-color: #b3cef6;



}







.progress-bar .right {



    clip: rect(0 55px 200px 0);



    transform: rotate(180deg);



    opacity: 0;



    background-color: #4b86db;



}



@keyframes 



toggle {  0% {



              opacity: 0;



          }



          100% {



              opacity: 1;



          }



}



.statistics .chart{



    min-height: 262px;

    position: relative;

    margin-top: 20px;



    -webkit-box-shadow: 0px 6px 10px -1px rgba(214,214,214,0.68);



    -moz-box-shadow: 0px 6px 10px -1px rgba(214,214,214,0.68);



    box-shadow: 0px 6px 10px -1px rgba(214,214,214,0.68);

    /*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/



    border-radius: 18px;



    margin-left: -14px;



    width:102%;



}

.statistics .chart .chart-label{

    padding: 0px 33px 7px 0px;

}

.statistics .chart .chart-row-1{

    background-color: #f5f5f5;

    border-radius: 18px;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

}

.statistics .coinbox p{

    color: white;

}

.statistics .coinbox .coinbox-p1{

    max-width: 27px;

    font-size: 12px;

    margin: 7px 0px 0px 10px;

}

.statistics .coinbox .wrap-p2{

    padding-top: 3px;

    padding-right: 0px;

    font-size: 14px;

}

.statistics .coinbox .row{

    margin-bottom: 10px;

    margin-top: 10px;

}

.statistics .coinbox .coin-img{

    width:25px;

}

.statistics .stat-form .control-label{

    font-size: 11px;

}

.statistics .chart .chart-p1{

    font-size: 19px;

    color: #b1b1b1;

    margin: 7px 30px -30px 0px;

}

.statistics .chart .chart-p2{

    font-size: 12px;

    color: #b1b1b1;

    margin: 10px 55px;

}

.second-method p {

    float: left;

    width: 50%;

}

.faqbar{



    margin-top: 15px;



    border-radius: 14px;



    font-size: 14px;



    font-family: arabic_bold;



    padding: 10px 32px 10px 4px;



    list-style: none;



    -webkit-box-shadow: 0px 0px 1px 1px rgba(230,218,230,1);



    -moz-box-shadow: 0px 0px 1px 1px rgba(230,218,230,1);



    box-shadow: 0px 1px 3px 0px rgb(230, 218, 230);



}



.arrow{



    width: 14px;



    /*    margin-right: 752px;*/



    cursor:pointer;



}



.subbar{



    font-size: 14px;



    color: #b1b1b1;



    list-style: none;



    margin-right: 24px;



    margin-top: 20px;



}



li.faqbar img.arrow {



    float: left;



    margin: 3px 20px;



}



.faqbar .ques .arrow{

    text-decoration: none;

    color: black;

}





.form-inline input[type="radio"] {



    display:none;



}



input[type="radio"] + label span {
    display: inline-block;
  width: 16px;
  height: 17px;
  margin: 0px 0px 0px 0px;
    vertical-align:middle;
    cursor:pointer;
    -moz-border-radius:  50%;
    border-radius:  50%;
}

.tui-timepicker-btn-area .tui-timepicker-spinbox-input{
    height: 70% !important;
}


.heading{

    color: #27184D;

    font-size: 15px;

    font-family: inherit;

    margin: 20px 0px;

}



.signup-panal-right{



    background: #111423;



    max-width: 290px;



    margin: -125px 60px 0px 88px;



    -webkit-border-radius: 5px;



}



.signup-panal-right input[type="radio"] {



    -ms-transform: scale(1.5); /* IE 9 */



    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */



    transform: scale(1.5);



}



.signup-panal-right input[type="text"],



.signup-panal-right input[type="password"]{



    margin-bottom: 15px;



    border: 1px solid #eaeaea;



    box-shadow: none;



    font-size: 14px;

    padding:6px 9px;



}



.signup-panal-right .form-control{



    color: white;



    background: bottom;



    border-radius: 0 !important;



    border-top: 0 !important;



    border-right: 0 !important;



    border-left: 0 !important;



}



.vl {



    border-left: 1px solid white;



    height: 275px;



    position: absolute;



    left: 50%;



    margin-left: -3px;



    top: 0;



}



.signup-panal-right .personal-info input[type="text"]{



    border:1px solid #f6b9bd;



}



.signup-panal-right .personal-info .form-control{



    color:#f6b9bd;



}



.signup-panal-right .personal-info ::placeholder {



    color: #f6b9bd;



    opacity: 1; /* Firefox */



}







.signup-panal-left{



    background: #111423;



    max-width: 290px;



    margin: 0px 81px 0px 67px;



    -webkit-border-radius: 5px;



}



.signup-panal-left input[type="radio"] { 



    -ms-transform: scale(1.5); /* IE 9 */



    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */



    transform: scale(1.5);



}



.signup-panal-left input[type="text"],



.signup-panal-left input[type="password"]{



    margin-bottom: 15px;



    border: 1px solid #eaeaea;



    box-shadow: none;



    font-size: 14px;

    padding:6px 9px;



}



.signup-panal-left .form-control{



    color: white;



    background: bottom;



    border-radius: 0 !important;



    border-top: 0 !important;



    border-right: 0 !important;



    border-left: 0 !important;



}



.signup-panal-left .bank-info input[type="text"]{



    border:1px solid #a4d2e8;



}



.signup-panal-left .bank-info .form-control{



    color:#a4d2e8;



}



.signup-panal-left .bank-info ::placeholder {



    color: #a4d2e8;



    opacity: 1; /* Firefox */



}



.chrachter{



    width: 50%;



    margin-right: 35%;



    margin-top: -39px;



}



.ufo-signup{



    width: 22%;



    margin-right: -59%;



    margin-top: 24px;



}



.signup-panal{



    margin-bottom: 80px;



}



.already_acc{



    color: white;



    font-weight: lighter;



    text-decoration: underline;



}



.head-1{



    color: #f6b9bd;



    font-weight: bold;



}



.head-2{



    color: #fff;



    margin-top: -19px;



    margin-bottom: 45px;



}



.lable-field{

    font-size: 14px;

    font-family: arabic_bold;

    font-weight: lighter;

    padding-left: 0;

    color: #27184D;

}



.marketer-view{



    font-size: 12px;



}



.action-bar{



    margin-top: 20px;



}

.float-lft {

    float: left;

}

.float-ryt {

    float: right;

}

.bag-wrap {

    margin-bottom: 40px;

}

.outer-bag {

    border-radius: 17px;

    box-shadow: 0px 0px 3px 0px rgba(214,214,214,0.68);

    -webkit-box-shadow: 0px 0px 3px 0px rgba(214,214,214,0.68);

    -moz-box-shadow: 0px 0px 3px 0px rgba(214,214,214,0.68);

    /*    box-shadow: 0px 2px 8px 1px rgba(214,214,214,0.68);

        -webkit-box-shadow: 0px 2px 8px 1px rgba(214,214,214,0.68);

        -moz-box-shadow: 0px 2px 8px 1px rgba(214,214,214,0.68);*/

}

.inner-bag {

    padding: 25px 0;

}

.marketing-bag .bag-wrap:nth-child(3n+3){

    padding-right: 0;

}

.marketing-bag .bag-wrap:nth-child(3n+1){

    padding-left: 0;

}

.white-black-btn {

    background-color: #fff;

    border-radius: 42px;

    border: 1px solid #111423;

    display: inline-block;

    cursor: pointer;

    color: #000;

    font-size: 12px;

    padding: 3px 11px !important;

    transition: 0.25s linear;

}

.white-black-btn:hover {

    background-color: #111423;

    border: 1px solid #111423;

    color: #fff;

}

.cust_table {

    border-collapse: separate;

    /*    border-spacing: 0 9px;*/

}

.cust_table thead tr th {

    border-bottom: 0;

}

.cust_table b{

    color: #A9A9A9;

    font-family: initial;

}

/*.cust_table tbody tr {

    border-radius: 18px;

    box-shadow: 0px 2px 8px 1px rgba(214,214,214,0.68);

    -webkit-box-shadow: 0px 2px 8px 1px rgba(214,214,214,0.68);

    -moz-box-shadow: 0px 2px 8px 1px rgba(214,214,214,0.68);

    margin-bottom: 4px;

}*/

.rule_text{

    border-radius: 19px;

    width: 578px;

    height: 214px;

    padding: 13px 21px;

    box-shadow: rgb(196, 196, 196) 0px 3px 8px 0px;

    border: 1px none;

    font-size: 14px;

}

.select option{

    font-family: arabic_bold !important;

    -moz-font-family:arabic_bold;

}

.icon-svg{

    width: 30px;

    height: 30px;

    margin-left: 20px;

}

.blue-radio{

    color: #4d9dd6;

    margin-left: 10px;

    font-size: 14px;

}

.grey-radio{

    color: #acacac;

    margin-left: 10px;

    font-size: 14px;

}



.laptop-img{

    width: 50%;

    margin-right: 31%;

}

.rules_list{

    margin-right: 34%;

    margin-top: 5%;

}

.thinking-img{

    width: 25%;

    margin-right: 45%;

}

.rocket-img{

    width: 65%;margin-right: 25%;

}

.inner-bag b{

    font-size:14px;

}

.inner-bag p{

    color: #b6b6b6;

    margin-top: 5px;

    font-size: 13px;

}

.inner-bag .white-black-btn{

    font-size: 12px;

    margin-top: 20px;

}

.social-link{

    border-radius: 17px;

    padding: 10px 10px 10px 10px;

    -webkit-box-shadow: 0px 0px 3px 0px rgba(214,214,214,0.68);

    -moz-box-shadow: 0px 0px 3px 0px rgba(214,214,214,0.68);

    box-shadow: 0px 0px 3px 0px rgba(214,214,214,0.68);

    /*    -webkit-box-shadow: 0px 2px 8px 1px rgba(214,214,214,0.68);

        -moz-box-shadow: 0px 2px 8px 1px rgba(214,214,214,0.68);

        box-shadow: 0px 2px 8px 1px rgba(214,214,214,0.68);*/

}

.social-link .p1{

    color: #b6b6b6;

    margin-top: 5px;

    font-size: 13px;

}

.social-link .p2{

    color:#be5f8f;

    margin-top: 5px;

    font-size: 12px;

}

.social-link .btn-black{

    font-size: 12px;

    margin-left: 25px

}

.rocket-login-img{

    width: 48%;

    margin-right: 34%;

}

.ufo-login-img{

    width: 22%;

    margin-right: -66%;

    margin-top: 59px;

}

.h1-login{

    color: #27184D;

    font-weight: bold;

    margin-bottom: 60px;

}

.form-signin input[type="text"], .form-signin input[type="password"] {

    padding-right: 24px;

}

.h2-login{

    color: #fff;

    font-weight: bold;

    margin-top: -19px;

}

.ques {

    display: inline-block;

}

.form-signin-heading{

    background-color: #111423 !important;

    border-bottom: #111423 !important;

    font-weight: bold !important;

    color: #f6b9bd !important;

}

/*.form-signin a, .form-signin a:hover{

    color:white;

}*/

.user-login-info{

    background: #fff !important;

}

.signup-panal-left .refrence-by{

    margin-top: 64px;

}

.nopadding{ padding: 0px;}

@media screen and (max-width: 766px){

    .signup-panal-right{

        margin-top:20px !important;

        margin:0px;

    }

    .signup-panal-left{

        margin:0px;

    }

    .signup-button-panal{

        float:left;

    }

    .signup-panal-left .refrence-by{

        margin-top: 0px;

    }



    .vl{

        display: none;

    }



    .res-signup{

        display: flex;

        flex-direction: column;

    }

    .res-signup div{

        flex: 1;

    }

    .res-signup div:nth-of-type(4) {

        -webkit-order: 1;

        order: 1;

    }

    .res-signup div:nth-of-type(3) {

        -webkit-order: 2;

        order: 2;

    }

    .res-signup div:nth-of-type(1) {

        -webkit-order: 3;

        order: 3;

    }

    .res-signup div:nth-of-type(2) {

        -webkit-order: 4;

        order: 4;

    }



    .signup-button-panal{

        display: flex;

        flex-direction: column;

    }

    .signup-button-panal div{

        flex: 1;

    }

    .signup-button-panal div:nth-of-type(2) {

        -webkit-order: 1;

        order: 1;

    }

    .signup-button-panal div:nth-of-type(1) {

        -webkit-order: 2;

        order: 2;

        margin-right: 15px;

    }

}

.date{

    height: 30px !important;

    width: 110px !important;

}

.social-link .row{

    margin-right: 0px !important;

    margin-left: 0px !important;

}

.marketing-bag .row{

    margin-right: 0px !important;

    margin-left: 0px !important;

}

.modal-signup .modal-content{

    width: 343px !important;

    border-radius: 21px !important;

    margin-right: 25% !important;

    margin-top: 20% !important;

}

.modal-signup .modal-content .modal-header{

    border-bottom: 0px !important;

}

.modal-signup .modal-content .modal-footer{

    border-top: 0px !important;

}

.modal-signup .modal-content .modal-body{

    padding: 0px !important;

}

.welcome-text{

    font-weight: 700;

    font-size: 18px;

    margin-top: 10px;

    margin-bottom: 10px;

}

.welcome-text span{

    color: #be5f8e;



}

.alert-msg {

    padding: 8px;

    background-color: #f44336;

    color: white;

    opacity: 1;

    transition: opacity 0.6s;

    margin-bottom: 0px;

}





.commission {

    list-style-type: none;

    margin: 25px 0 0 0;

    padding: 0;

}



.commission li {

    float: right;

    height: 31px;

    display: block;  

    position: relative;

}



.commission label,

.commission input {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}



.commission input[type="radio"] {

    opacity: 0.01;

    z-index: 100;

}



.commission input[type="radio"]:checked+label,

.Checked+label {

    background: whitesmoke;

}



.commission label {

    padding: 6px 10px;

    background-color: #fff;

    border-radius: 28px;

    border: 1px solid #000;

    display: inline-block;

    cursor: pointer;

    color: #1d1c1c;

    font-size: 14px;

}



.commission label:hover {

    background: #DDD;

}



.green-radio{

    color: #00C851;

    margin-left: 10px;

    font-size: 14px;

}

.red-radio{

    color: #ff4444;

    margin-left: 10px;

    font-size: 14px;

}

.paid-amt{

    float: left;

    background: #4d9dd6;

    color: white;

    font-size: 11px;

    margin-top: 2px;

    border-radius: 12px;

    padding: 1px 10px 1px;

}

.service-img{

    width:80px;

    height:68px;

}

.nopadding b{

    color: #27184D;

}

.vector-img{

    width: 80%;

    margin-top: 60px;

    margin-right: 20px;

}

.social-media-img{

    height: 45px;

    width: 45px;

}

.arrow-btn{

    text-decoration: none;

    color: black;

    cursor: pointer;

}

.arrow-btn:hover{

    text-decoration: none;

    color: black;

    cursor: pointer;

}

/* *****************Baleegh style******************* */

.order-content{

    width:100%;

    background: #f7e9e0;

    min-height: 100vh;

}

.blue-bg {

    background-color: #27184d !important;

}

.logo-txt{

    color: #dfdfdf;

    font-size: 25px;

    text-decoration: none;

}

.logo-txt:hover{

    color: white;

    font-size: 25px;

    text-decoration: none;

}

.site-sitebar-header a:hover{

    text-decoration: none;

}



.current-user .fa-user-o{

    padding-left: 6px;

    font-size: 16px;

}

.form-signin input:focus{

    /*    border-color: #27184D;*/

    border-color: lightblue;

}

.form-order .fa-file-text,.form-order .fa-picture-o,.form-order .fa-video-camera,.form-order .fa-volume-up{

    margin-left: 10px;

}

.donate-now input[type="radio"]:checked+label,.Checked+label {

    background: #27184D;

    color: #fff;

}

.donate-now label {

    padding: 6px 10px;

    background-color: #fff;

    border-radius: 28px;

    border: 1px solid #C0C0C0;

    display: inline-block;

    cursor: pointer;

    color: #C0C0C0;

    font-size: 14px;

    height: 35px;

    font-weight: lighter;

    /*width: 126px;*/

}

.donate-now li {

    float: right;

    height: 35px;

    display: block;

    position: relative;

    width: 24.2%;

    margin-right: 1%;

}

.donate-now li:first-child {

    margin-right: 0 !important;

}

.donate-now .type-of-file:first-child {

    margin-right: 0 !important;

}

.donate-now label:hover {

    background: #fff;

}



.donate-now {

    list-style-type: none;

    margin: 25px 0 0 0;

    padding: 0;

}



.donate-now label,

.donate-now input {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}

.donate-now input[type="radio"] {

    opacity: 0.01;

    z-index: 100;

}





.lang-radio input[type="radio"]:checked+label,.Checked+label {

    background: #27184D;

    color: #fff;

}

.lang-radio label {

    padding-top: 6px;

    text-align: center;

    background-color: #fff;

    border-radius: 28px;

    border: 1px solid #C0C0C0;

    display: inline-block;

    cursor: pointer;

    color: #C0C0C0;

    font-size: 14px;

    height: 35px;

    font-weight: lighter;

    /*width: 260px;*/

    width: 100%;

}

.lang-radio li {

    float: right;

    height: 35px;

    display: block;

    position: relative;

}

.lang-radio label:hover {

    background: #fff;

}

.section-5 textarea {

    border: 1px solid #c0c0c0;

    border-radius: 6px;

    padding: 10px;

    width: 100%;

    font-size: 13px;

}

.section-5 textarea::placeholder {

    color: #555;

}

.lang-radio {

    list-style-type: none;

    /*margin: 10px 0 0 0;*/

    padding: 0;

}

.lang-radio-li{

    /*width:262px;*/

    width:100%;

    margin-left: 10px;

    margin-top: 10px;

}

.lang-radio label,

.lang-radio input {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}

.lang-radio input[type="radio"] {

    opacity: 0.01;

    z-index: 100;

}

.lang-radio .fa-long-arrow-left{

    padding-right: 10px;

    padding-left: 10px;

}

.lang-radio-btn-sec .col-sm-5{

    float: right;

    width: 42.800% !important;

}

.lang-radio-btn-sec .col-sm-12{

    padding: 0;

}

.box-section-outer {

    padding-right: 32px;

    position: relative;

}

.box-section-inner {

    padding-bottom: 35px;

    padding-right: 68px;

    border-right: 1px solid #fff;

}

.box-counter {

    position: absolute;

    top: 0;

    right: 0;

    font-size: 30px;

    color: #fff;

    text-align: center;

    border-top-left-radius: 35px;

    border-bottom-right-radius: 35px;

    padding: 10px 25px;

}

.active-box-counter {

    background-color: #29184f

}

.inactive-box-counter {

    background-color: #eeaa9f

}

.box-section {

    background-color: #fff;

    padding: 30px 30px 30px;

    box-sizing: border-box;

    border-top-left-radius: 35px;

    border-bottom-right-radius: 35px;

}

.box-section h3 {

    margin-top: 0;

    margin-bottom: 25px;

}



.section-1 input[type="text"]{

    width: 80px;

    height: 35px;

    border-radius: 30px;

}

.form-order label {

    color: #A9A9A9;

    font-size: 13px;

    font-weight: lighter;

}

.form-order select{

    font-size: 14px;

    border-radius: 20px;

}

.form-order .file-name{

    background: #F1F1F1;

    border-radius: 20px;

    top: 5px;

    height: 36px;

    position: relative;

    margin-bottom: 10px;

    padding: 10px 30px;

        width: 100%;

    overflow: hidden;

    display: flex;

    align-items: center;

    box-sizing: border-box;

}

.form-order .file-name p {

    display: inline-block;

    color: #777;

    font-size: smaller;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.form-order .file-name .fa {

    float: right;

    font-size: 16px;

    margin-left: 10px;

}

.radio-btn-sec:after{

    content: " ";

    display: table;

    clear: both;

}

.upload-file-btn{

    background: #8DCAA1;

    color: #fff;

    border-radius: 20px;

    border: none;

    width: 100%;

    height: 35px;

    font-size: 13px;

    outline: none;

    box-shadow: none;

}

.txt-file-upload{

    width: 100%;

    max-width: 74vw;

    height: auto;

    display: block;

    clip: both;

}

.form-order .btn-wrap{

    padding-left: 12px;

}

.cart {

    background-color: #fff;

    border: 1px solid #C0C0C0;

    border-radius: 25px;

    padding: 20px 20px 10px;

    margin-bottom: 35px;

}

.cart .price-box {

    display: inline-block;

    float: left;

}

.cart .discount-box {

    display: inline-block;

    float: left;

}

.cart .discounted-amount-box {

    display: inline-block;

    float: left;

}

.cart .price-box:after {

    clear: both;

    content: "";

    display: block;

}

.cart .rate,.cart .discount,.cart .discounted-amount{

    font-size: 16px;

}

.cart .riyal,

.cart .riyal2 {

    font-family: initial;

}

.cart h5{

    font-weight: bold;   

}

.cart-item{

    padding-right: 10px;

    padding-left: 0px;

    padding-top: 20px;

    padding-bottom: 20px;

}

ul.cart-item li{

    color: #A9A9A9 !important;

}

.cart-item span,.cart-item p{

    display: inline-block;

    color: #A9A9A9;

    font-size: 12px;

}

.cart-item span{

    font-weight: bold;

    margin-right: 5px;

}

.cart .btn-sec{

    text-align: center;

    margin-bottom: 15px;

    margin-top: 30px;

}

.btn-submit{

    background: #27184D;

    color: #fff;

    border: none;

    border-radius: 20px;

    padding: 8px 50px;

    font-size: 14px;

}

.cart .apply-code-sec {

    text-align: center;

    margin-bottom: 15px;

    margin-top: 24px;

}

.btn-apply-code{

    background-color: #8DCAA1;

    border-radius: 28px;

    border: 2px solid #8DCAA1;

    display: inline-block;

    cursor: pointer;

    color: #ffffff;

    font-size: 13px;

    padding: 4px 8px;

    text-decoration: none;

}

.btn-apply-code:hover {

    border: 2px solid #5cb85c;

    background-color:#5cb85c;

}

.form-signup input[type="text"], .form-signup input[type="password"] {

    padding-right: 24px;

}

.form-signup input[type="text"], .form-signup input[type="password"] {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    border: 1px solid #BBBBBB;

    box-shadow: none;

    font-size: 12px;

}

.form-signup .form-control {

    color: #27184D;

    background: bottom;

    border-radius: 20px !important;

}

.form-signup label{

    color: #A9A9A9;

    font-weight: lighter;

    font-size: 14px;

}

.form-signup input[type="text"]::placeholder,.form-signup input[type="password"]::placeholder {

    color: #E1E1E1;

    opacity: 1; /* Firefox */

}

.form-signup input:focus{

    /*    border-color: #27184D;*/

    border-color: lightblue;

}

.form-signup h1,h1,h3,h4,h5{

    font-family: arabic_medium;

    /*font-weight: lighter;*/

    color: #201900;

}

.form-signup input[type="radio"]{

    margin-left: 10px;

}

.radio-wrap{

    border: 1px solid #BBBBBB;

    border-radius: 20px;

    padding: 4px 15px;

}

.form-signup .row {

    margin-bottom: 15px

}

.form-signup .form-group .col-sm-4{

    padding-right: 0;

}

.form-signup .form-group{

    margin-bottom: 0;

}

.form-signup .signup-btn-div{

    text-align: center;

    margin-top: 30px;

}

.form-signup .register-link{

    margin-top: 30px;

}

.form-signup a{

    color:#27184D;

}

.profile label {

    font-weight: lighter;

    /*font-family: arabic !important;*/

    color: #A9A9A9;

    font-size: 14px;

}

.profile .col-lg-offset-4 {

    margin-left: 0;

}

.profile .form-group {

    margin-right: 0;

    margin-left: 0;

    display: inline-block;

}

.profile .form-group .col-sm-4 {

    padding-right: 0;

}

.profile .button-login{

    background-color: #8DCAA1;

    border-radius: 28px;

    border: 2px solid #8DCAA1;

    display: inline-block;

    cursor: pointer;

    color: #ffffff;

    font-size: 16px;

    padding: 6px 20px;

    text-decoration: none;

    font-family: arabic_medium;

    font-weight: lighter;

}

.profile .button-login:hover {

    border: 2px solid #5cb85c;

    background-color:#5cb85c;

}

.button-cancel{

    background-color: #be5f8e;

    border-radius: 28px;

    border: 2px solid #be5f8e;

    display: inline-block;

    cursor: pointer;

    color: #ffffff;

    font-size: 16px;

    padding: 6px 20px;

    text-decoration: none;

    font-weight: 700;

}

.button-cancel:hover {

    border: 2px solid #be5f8e;

    background-color:#be5f8e;

    color: #fff;

    text-decoration: none;

}

.profile input[type="radio"] {

    margin-left: 10px;

}

.profile .form-control {

    border-radius: 20px;

    margin-top: 4px;

}

.profile span{

    font-size: 12px;

}

.sidebar-menu .fa{

    font-size: 20px;

}

.section-6 .payment-card-box{

    margin-bottom: 40px;

}

.form-order .form-control{

    border-radius: 20px;

    font-size: 13px;

}

.form-order input::placeholder{

    color:#C0C0C0;

    opacity: 1;

}

.cust_table .order-date a{

    color: #AAAAAA;

}

.order-detail p{

    display: inline-block;

    color: #A9A9A9;

    font-size: 14px;

}

.order-detail li{

    color: #A9A9A9;

}

.order-detail h4 {

    font-size: 16px;

}

.order-detail .order-info{

    margin-top: 100px;

    margin-right: 10px;

    margin-left: 5px;

}

.order-detail .order-info p{

    font-family: initial;

}

.order-detail ul{

    margin-top: 20px;

    margin-bottom: 30px;

}

.order-detail li{

    margin-top: 10px;

    margin-bottom: 10px;

}

.order-info .p1{

    color: #AAAAAA !important;

    font-weight: 700;

}

.order-detail .detail-wraper{

    margin-top: 50px;

    border-radius: 30px;

    box-shadow: 0px 0px 3px 0px rgb(170, 170, 170);

    webkit-box-shadow: 0px 0px 3px 0px rgb(170, 170, 170);

    -moz-box-shadow: 0px 0px 3px 0px rgb(170, 170, 170);

    padding: 20px 40px 20px 80px;

}

.order-detail h1,.order-detail h2,.order-detail h3,.order-detail h4,.order-detail h5{

    font-weight: lighter;

    font-family: arabic_bold;

    margin-bottom: 20px;

    margin-top: 20px;

}

.order-detail label{

    font-weight: lighter;

    /*font-family: arabic_bold;*/

    margin-bottom: 10px;

    color: #27184D;

}

.order-detail span{

    color: #A9A9A9;

    font-weight: 600;

    margin-right: 5px;

}

.cust_table .order-amount{

    color: #A9A9A9;

    font-family: initial;

}

.detail-wraper .amount{

    float:left;

    font-weight: lighter;

    color: #27184D;

} 

.detail-wraper .order-amount{

    color: #27184D;

    font-size: 16px;

    margin-right: 5px;

}

#loader {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    background: rgba(0,0,0,0.75) url(../images/loading2.gif) no-repeat center center;

    z-index: 10000;

}

#progress_bar {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    background: rgba(0,0,0,0.75) url(../images/progress-bar.gif) no-repeat center center;

    z-index: 10000;

}

#progress_bar p{

    position: fixed;

    top: 44%;

    left: 0;

    right: 46%;

    bottom: 0;

    color: #fff;

    z-index: 10000;

}

.order-detail input[type="text"]{

    border-radius: 20px;

}

.detail-wraper .fa-circle-thin{

    font-size: 60px;

    font-weight: lighter;

    color: #DBDBDB;

}

.detail-wraper .fa-check-circle{

    font-size: 60px;

    font-weight: lighter;

    color: #8DCAA1;

}

.detail-wraper span {

    display: inline-block;

    vertical-align: middle;

}

/*.detail-wraper .outer-line {

    width: 19%;

    border-bottom: 5px solid #8DCAA1;

    transform: translateY( -18px );

    margin-left: -8px;

    margin-right: -8px;

}*/

.detail-wraper .outer-line-green {

    border-bottom: 5px solid #8DCAA1;

    transform: translateY( 30px );

    width: 15%;

    margin-right: -28px;

}

.detail-wraper .outer-line-gray {

    border-bottom: 5px solid #DBDBDB;

    transform: translateY( 30px );

    width: 15%;

    margin-right: -28px;

}

.detail-wraper img{

    width: 60px;

    height: 50px;

}

.detail-wraper .left {

    float: left;

}

.detail-wraper .track-list label{

    text-align: center;

    font-size: 10px;

    width: 60px;

}

.track-list .col-sm-2{

    padding: 0;

}

.form-control{

    border-radius: 20px;

    width: 100% !important;

}

#order_status .order-info{

    margin-top: 40px;

}

#form_filter{

    padding-right: 15px;

}

.panel-heading .fa-file-text-o{

    font-size: 20px;

    margin-left: 10px;

}

.panel-heading b{

    font-family: arabic_medium;

    font-weight: lighter;

}

.table-shadow{

    border-radius: 20px;

    padding: 24px 12px;

    margin-top: 30px;

    box-shadow: 0px 0px 4px -2px rgb(177, 177, 177);

    -webkit-box-shadow: 0px 0px 4px -2px rgb(177, 177, 177);

    -moz-box-shadow: 0px 0px 4px -2px rgb(177, 177, 177);

}

.shadow-sec {

    border-radius: 20px;

    padding: 30px 30px;

    box-shadow: 0px 0px 4px -2px rgb(177, 177, 177);

    -webkit-box-shadow: 0px 0px 4px -2px rgb(177, 177, 177);

    -moz-box-shadow: 0px 0px 4px -2px rgb(177, 177, 177);

}

.fa-circle{

    font-size: 6px;

    padding-left: 4px; 

}

.green{

    color: #8DCAA1 !important;

}

.red{

    color: #F13737 !important;

}

.sky{

    color: #90E0ED !important;

}

.pink{

    color: #EDAA9D !important;

}

.blue{

    color: #27184D !important;

}

.yellow{

    color: #ffbb33 !important;

}

.purple{

    color: #9933CC !important;

}

.order-info select{

    height: 30px;

}

.pagination ul.setPaginate li a:hover, .pagination ul.setPaginate li a.current_page {

    background: none repeat scroll 0 0 #5A4500;

    border: 1px solid #5A4500;

}

.pagination ul.setPaginate li a{

    border-radius: 20px;

}

.order-detail .col-sm-2{

    padding-left: 0;

}



.order-admin label{

    margin-bottom: 16px;

}

.order-admin .order-info{

    margin-top: 0 !important;

}

.profile .view label {

    font-weight: lighter;

    font-family: arabic_bold !important;

    color: #27184D;

    font-size: 14px;

}

.profile .view p{

    font-weight: lighter;

    font-family: arabic !important;

    color: #A9A9A9;

    font-size: 14px;

}

.profile .view .button-pink{

    padding: 6px 24px;

}

.button-classic .fa-download,.button-classic .fa-magic{

    margin-left: 10px;

}

.detail-wraper .btn-wrap{

    padding-left: 0;

}

.upload-sec label{

    color: #27184D !important;

}

.upload-sec .file-name{

    padding: 9px 14px 9px 5px;

    margin-bottom: 20px;

}

.fa-trash-o{

    color: #F3C9C1;

    font-size: 20px;

}

/*#fast_editing{

    margin-left: 20px;

}*/

.customer-btn {

    padding-left: 15px;

    padding-right: 15px;

}

form.search-form input[type="text"] {

    padding: 7px 30px;

    font-size: 14px;

    border: 1px solid #ccc;

    float: left;

    width: 85%;

    background: white;

    border-radius: 20px;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    color: #A9A9A9;

}

.small{
    font-size: 15px;
}

.Recitation{
      border-radius: 20px !important;
}



form.search-form button {

    float: left;

    width: 15%;

    padding: 2px 7px;

    background: #5A4500;

    color: white;

    font-size: 23px;

    border: none;

    cursor: pointer;

    border-radius: 20px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}



form.search-form button:hover {

    background: #5A4500;

}

form.search-form .clr-search{

    position: absolute;

    top: 23%;

    right: 73%;

}

form.search-form::after {

    content: "";

    clear: both;

    display: table;

}

.btn:active{

    color:#fff;

}

.panel-heading .sub-info{

    font-family: arabic;

    display: inline-block;

    color: #A9A9A9;

    font-weight: lighter;

    padding-right: 5px;

}

.action-wrapper{

    border-radius: 20px;

    -webkit-box-shadow: 0px 0px 3px -1px rgb(169, 169, 169);

    -moz-box-shadow: 0px 0px 3px -1px rgb(169, 169, 169);

    box-shadow: 0px 0px 3px -1px rgb(169, 169, 169);

    padding: 5px 20px;

    cursor: pointer;

}

.action-wrapper li{

    list-style: none;

    padding: 4px 0px;

    font-size: 12px;

    cursor: pointer;

}

.action-wrapper .list-item-1 a{

    color: #F3C9C1;  

    text-decoration: none;

}

.action-wrapper .fa-trash-o{

    margin-left: 5px; 

    font-size: 14px;

}

.panel-heading .fa{

    padding-left: 10px;

}

.view label{

    padding-bottom: 15px;

}

.button-delete {

    border: none;

    color: white;

    background: #EC3E3E;

    padding: 8px 40px;

    border-radius: 24px;

    font-size: 14px;

    text-decoration: none;

}

.button-delete:hover {

    color: white;

    text-decoration: none;

}

.button-delete:active {

    color: white;

    text-decoration: none;

}

.button-delete .fa-trash-o{

    color: #fff;

    font-size: 14px;

    margin-left: 10px;

}

.btn-row{

    padding-left: 10px;

}

form.translator .row{

    margin: 0;

}

.profile .form-control::placeholder{

    font-size: 12px;

    color:#dbdbdb;

}

.profile .row{

    margin: 0;

}

form.delete-order{

    margin-bottom: 20px;

    margin-left: -15px;

}

.blue-wrapper{

    background: #27184D;

    border-radius: 30px;

    color: white;

    padding: 16px 30px 16px;

}

.blue-wrapper h4 {

    display: inline-block;

    color: #fff;

    font-family: arabic_bold;

    font-weight: lighter;

}

form.pricing label{

    color: #27184D;

    font-size: 16px;

    font-family: arabic_bold !important;

    font-weight: lighter;

    padding-top: 20px;

    padding-bottom: 10px;



}

form.pricing p{

    display: inline-block;

    font-size: 12px;

    color: #A9A9A9;

}

form.pricing .col-sm-2{

    padding: 0;

    padding-top: 20px;

}

/*form.pricing .form-control{

    width:50% !important;

    display: inline-block;

}*/

form.pricing .form-control{

    width:70% !important;

    display: inline-block;

}

form.pricing .doc-section{

    padding-right: 20px;

    padding-left: 20px;

    padding-top: 10px;

}

form.pricing .doc-section .row-height label{

    height: 54px;

}

form.pricing .doc-section .top-label label{

    font-size: 13px;

}

form.pricing .btn-wrap{

    margin-top: 10px;

    margin-bottom: 40px;

}

form.pricing label{

    color: #27184D;

    font-size: 16px;

    font-family: arabic_bold !important;

    font-weight: lighter;

    padding-top: 20px;

    padding-bottom: 10px;



}

form.pricing-2 label{

    color: #27184D;

    font-size: 16px;

    font-family: arabic_bold !important;

    font-weight: lighter;

}

form.pricing-2 .row{

    padding-top: 8px;

    padding-bottom: 8px;

}

form.pricing-2 p{

    display: inline-block;

    font-size: 12px;

    color: #A9A9A9;

    margin-right: 10px;

}

form.pricing-2 .form-control{

    width:60% !important;

    display: inline-block;

}

form.pricing-2 .btn-wrap{

    margin-top: 10px;

}

form.pricing-2 label.col-sm-6{

    padding-left: 0;

}

form.pricing-2 .col-sm-2 {

    padding-left: 4px;

    padding-right: 4px;

    font-size: 12px;

    text-align: center;

}

.row-buttons .form-control {

    float: right;

    border-bottom-left-radius: 0;

    border-top-left-radius: 0;

}

form.pricing-2 .button-plus {

    height: 34px;

    width: 22px;

    border: none;

    border-radius: 20px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    color: #fff;

    background: #BBB;

    float: right;

    cursor: default;

}

.white-wrapper {

    background: #fff;

    border-radius: 30px;

    color: #000;

    padding: 16px 30px 16px;

    box-shadow: 0px 1px 4px -1px rgb(169, 169, 169);

    -webkit-box-shadow: 0px 1px 4px -1px rgb(169, 169, 169);

    -moz-box-shadow: 0px 1px 4px -1px rgb(169, 169, 169);

    margin-bottom: 30px;

}

.white-wrapper h5 {

    color: #27184D;

    font-family: arabic_bold !important;

    font-weight: lighter;

}

.white-wrapper p {

    color: #A9A9A9;

    font-weight: bold;

    text-align: left;

}

.red-row {

    background: #EDAA9D;

    color: #fff;

    padding: 10px 10px;

    border-top-right-radius: 15px;

    border-top-left-radius: 15px;

}

.red-row p{

    font-family: arabic_medium;

    vertical-align: -moz-middle-with-baseline;

    display: inline;

}

.shadow-row {

    padding: 20px;

    -webkit-box-shadow: 0px 1px 4px -1px rgb(169, 169, 169);

    -moz-box-shadow: 0px 1px 4px -1px rgb(169, 169, 169);

    box-shadow: 0px 1px 4px -1px rgb(169, 169, 169);

    border-bottom-left-radius: 15px;

    border-bottom-right-radius: 15px;

    margin-bottom: 30px;

}

.shadow-row .p1 {

    font-family: arabic_medium;

    color: #27184D;

}

.shadow-row .p2 {

    color: #A9A9A9;

    font-weight: bold;

    text-align: left;

}

.green-row {

    background: #8DCAA1;

    color: #fff;

    padding: 10px 10px;

    border-top-right-radius: 15px;

    border-top-left-radius: 15px;

}

.green-row p {

    font-family: arabic_medium;

    vertical-align: -moz-middle-with-baseline;

    display: inline;

}

#chart_annual g text{

    font-family: arabic;

    fill: #a9a9a9;

    font-size: 10px;

}

#chart_monthly g text{

    font-family: arabic;

    fill: #a9a9a9;

    font-size: 10px;

}

.track-order .button-blue{

    height: 34px;

}

.detail-wraper .order-no-heading{

    display: inline-block;

    margin-left: 10px;

    margin: 0;

}

.detail-wraper .heading-panal{

    padding-top: 20px;

    padding-bottom: 20px;

}

.detail-wraper .heading-panal a{

    font-family: initial;

    color: #A9A9A9;

}

/*.fa-sign-out{*/

/*    color:#E7A59A;*/

/*}*/

.panel {

    margin-bottom: 0;

    background-color: #fff;

    border: none;

    border-radius: 0;

    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);

    box-shadow: 0 0 0 rgba(0,0,0,0);

}

form.search-by-date-form {

    display: flex;

    flex-direction: row-reverse;

    -webkit-flex-direction: row-reverse;

    -moz-flex-direction: row-reverse;

    align-items: center;

}

form.search-by-date-form .form-control {

    margin-top: 0;

}

form.search-by-date-form .submit-circle {

    margin-top: 1px;

    position: relative;

}

form.search-by-date-form .submit-circle-btn{

    width: 32px;

    height: 32px;

    border-radius: 20px;

    border: none;

    background-color: #fff;

    background-image: url(../../images/left-arrow-submit.png);

    background-repeat: no-repeat;

    background-position: center center;

    display: inherit;

    /*position: relative;

    top: 1px;*/

}

/*form.search-by-date-form .submit-circle::after {

    content: "\f053";

    position: absolute;

    font: normal normal normal 14px/1 FontAwesome;

    color: #edaa9d;

    top: 50%;

    left: 50%;

    transform: translate(-85%, -40%);

}*/

a.button-classic:focus, a.button-classic:hover {

    color: #fff;

    text-decoration: none;

}

a.button-delete:focus, a.button-delete:hover {

    color: #fff;

    text-decoration: none;

}

a.button-download:focus, a.button-download:hover {

    color: #A9A9A9;

    text-decoration: none;

}

a.button-default:focus, a.button-default:hover {

    color: #A9A9A9;

    text-decoration: none;

}

a.button-download-green:focus, a.button-download-green:hover {

    color: #fff;

    text-decoration: none;

}

header.panel-heading img{

    padding-left: 15px;

    display: inline-block;

    width: 34px;

    max-width: 34px;

    vertical-align: sub;

}

td.type-of-file p {

    background: transparent;

    border: 1px solid #A9A9A9;

    border-radius: 20px;

    padding: 6px 10px;

    color: #A9A9A9;

    width: 100px;

    font-size: 11px;

    text-align: right;

    height: 30px;

    cursor: default;

}

td.type-of-file p img{

    width: 14px;

    margin-left: 8px;

}

td.type-of-file p .paper{

    width: 12px;

}

.translator-dashboard .shadow-sec{

    padding: 10px 30px;

    -webkit-box-shadow: 0px 0px 8px -4px rgb(177, 177, 177);

    box-shadow: 0px 0px 8px -4px rgb(177, 177, 177);

    -moz-box-shadow:0px 0px 8px -4px rgb(177, 177, 177);

    height: 130px;

    border-radius: 15px !important;

    text-align: center;

}

.translator-dashboard .shadow-sec img {

    padding: 15px 12px;

}

.translator-dashboard .shadow-sec .pink-wrapper .row{

    display: inline-block;

    text-align: center;

}

.shadow-sec .pink-wrapper{

    background: #F7E8E0;

    text-align: center;

    border-radius: 50px;

    display: inline-block;

    width: 55px;

    /*margin-left: 33%;*/

    /*margin-right: 33%;*/

}

.translator-dashboard .shadow-sec p{

    color: #27184D;

    font-family: arabic;

    font-weight: lighter;

    text-align: center;

    font-size: 14px;

    padding-top: 6px;

    padding-bottom: 10px;

}

.translator-dashboard .shadow-sec b{

    color: #8DCAA1;

}

.translator-dashboard{

    margin-bottom: 20px;

}

.translator-dashboard .col-sm-3{

    padding-left: 0;

}

.translator-list .table-shadow{

    margin-top: 0;

}

.blue-tick{

    background: #27184D;

    padding: 6px 5px;

    border-radius: 30px;

    border: 1px solid #27184D;

}

.gray-tick{

    background: transparent;

    padding: 6px 5px;

    border-radius: 30px;

    border: 1px solid #A9A9A9;

}

.blue-wrapper img{

    margin-left: 10px;

    vertical-align: sub;

}

/*.bell-wrapper{

    text-align: center;

    border-radius: 50px;

    box-shadow: 0px 1px 4px -2px rgb(177, 177, 177);

    padding: 6px 0px;

}*/

.bell-wrapper {

    text-align: center;

    border-radius: 50px;

    box-shadow: 0px 1px 6px -2px rgb(177, 177, 177);

    width: 70px;

    height: 66px;

    padding-top: 4px;

    padding-bottom: 2px;

}

.bell-wrapper img{

    border: 2px solid #8DCAA1;

    border-radius: 40px;

    padding: 9px 15px;

}

/*.notification .row{

    margin-bottom: 20px;

}*/

.notification p{

    color:#A9A9A9;

}

/*.notification .outer-line-green {

    border-bottom: 1px solid #A9A9;

    width: 30px;

    transform: rotate(270deg);

    display: inline-block;

    margin-right: 35px;

}*/

.notification .outer-line-green {

    border-bottom: 1px solid gainsboro;

    width: 19px;

    transform: rotate(270deg);

    display: inline-block;

    margin-right: 41px;

    margin-bottom: 3px;

}

.notification .notification-list a{

    color: #A9A9A9;

    text-align: center;  

}

.notification .notification-list .p1{

    margin-top: 27px;

}

a.load-more_btn{

    text-decoration: none;

}

.notification hr{

    margin-top: 10px;

    border-bottom: 1px solid gainsboro;

}

.row-height label{

    height: 34px;

}

.delivery-time label {

    color: #27184D;

    font-size: 16px;

    font-family: arabic_bold !important;

    font-weight: lighter;

} 

form.delivery-time .btn-wrap {

    margin-top: 10px;

    margin-bottom: 40px;

}

.side-arrow {

    transform: rotate(0deg);

    right: 90px;

    position: relative;

}

.down-arrow {

    transform: rotate(270deg);

    right: 90px;

    position: relative;

}

ul.submenu_toggled li img{

    padding-right: 20px !important;

}

ul.submenu_toggled{

    background-color: #3b207d;

}

.c-sidebar,

.c-sidebar #sidebar {

    background: #fff;

}

.c-sidebar .leftside-navigation {

    position: relative;

}

.c-sidebar #nav-accordion {

    position: absolute;

    width: 100%;

    top: 50%;

    transform: translateY(-50%);

    border-left: 2px solid #e2e2e2;

}

.c-sidebar li a {

    color: #27184D;

}

.c-sidebar .sidebar-menu li.order-sidebar-btn {

    display: inline-block;

    margin-bottom: 100px;

}

.c-sidebar li.order-sidebar-btn a {

    padding: 8px 15px 8px 20px !important;

    color: #fff;

    background-color: #edaa9d;

    border-radius: 25px;

}

.c-sidebar li a.active {

    background: #e9e9e9;

    border-bottom-left-radius: unset;

    border-top-left-radius: unset;

    margin-left: 0;

}

.c-sidebar .sidebar-menu li a:hover {

    background: #e9e9e9;

    border-bottom-left-radius: unset;

    border-top-left-radius: unset;

    margin-left: 0;

}

.c-sidebar .sidebar-menu li.order-sidebar-btn a:hover {

    background: #27184D;

    border-radius: 25px;

}

.box-section .progress-bar{

    width: 100%;

}

.box-section .progress-bar p{

    color:#27184D;

}

.slimScrollDiv{

    /*height: calc(-107px + 100vh); old*/

    height: calc(-77px + 100vh) !important;

}

.update-cart ul.donate-now li.type-of-file img{

    padding-left: 10px;

}

.update-cart ul.lang-radio li.lang-radio-li  img{

    position: relative;

    left: 70px;

}

.update-cart ul.lang-radio li.lang-radio-li  img.design-tool{

    position: relative;

    left: 50px;

}

.update-cart ul.lang-radio li.lang-radio-li  img.law{

    position: relative;

    left: 63px;

}

.update-cart ul.lang-radio li.lang-radio-li  img.academic{

    position: relative;

    left: 60px;

}

.cart .tea-pink{

    color: #eeaa9f;

}

#new_order .site-container {

    background: #f7e9e0;

}

#new_order .site-wrapper > #container {

    padding-bottom: 0 !important;

}

#new_order .payment_error{

    top:60px !important;

}

#new_order_admin .order-content > .container{

    max-width: 1024px;

}

#payment_form {

    max-width: 480px;

    margin: 0 auto;

    padding: 15px 15px 15px 27px;

}

.payment-card .lang-radio li {

    width: 48%;

    float: left;

}

.wpwl-form-card .wpwl-button-pay {

    background-color: #eeaa9d;

    border-color: #eeaa9d;

    border-radius: 30px;

    transition: all .2s linear;

}

.wpwl-form-card .wpwl-button-pay:hover {

    background-color: #f0b6ab;

    transition: all .2s linear;

}

.wpwl-form-card .wpwl-control {

    border-radius: 37px;

    height: 35px;

    padding: 0 10px;

    background-color: rgba(255, 255, 255,0.5);

}

.wpwl-form-card {

    background-image: linear-gradient(30deg, rgba(255,255,255,0) 70%, rgba(238,170,157,0.4) 70%),linear-gradient(45deg, rgba(255,255,255,0) 75%, rgba(238,170,157,0.4) 75%),linear-gradient(60deg, rgba(255,255,255,0) 80%, rgba(238,170,157,0.4) 80%);

    background-color: #fdfdfd !important;

    box-shadow: 1px 0px 3px 1px #999;

    border: none;

}

.wpwl-label-brand {

    padding-top: 10px;

}



/*************************************/

/*********** Media Quiries ***********/

/*************************************/

@media screen and (min-width: 769px) {

    #new_order_public .container{

        width:1024px !important;

    }

}

@media screen and (max-width: 1023px) {

    .site-nav {

        width: 100%

    }

    .site-nav li ul.site-sub-nav {

        position: relative;

        top: 0;

        border-top: 1px solid #eee;

        border-bottom-right-radius: unset;

        border-bottom-left-radius: unset;

        -webkit-box-shadow: unset;

        -moz-box-shadow: unset;

        box-shadow: unset;

    }

    ul.site-sub-nav li:last-child a {

        margin-bottom: 0 !important;

    }

    .site-nav li a:hover {

        background-color: #e9e9e9;

        border-radius: unset;

        transition: all .15s linear;

        color: #27184D;

    }

    .site-nav li ul.site-sub-nav li a {

        padding: 12px 33px 12px 18px;

    }

    #order_list .c-sidebar,

    #profile .c-sidebar,

    #track_order .c-sidebar {

        display: none;

    }

    #order_list #main-content,

    #profile #main-content,

    #track_order #main-content {

        width: 100%;

    }

}



@media screen and (min-width: 481px) and (max-width: 767px) {

    .float-lft {

        float: none;

    }

    .float-ryt {

        float: none;

    }

    .donate-now li{

        width: 48%;

        margin-right: 2%;

        margin-bottom: 8px;

    }

    .donate-now li:nth-child(3) {

        margin-right: 0;

    }

    .profile .form-group {

        display: block;

    }



    .detail-wraper .outer-line-gray,

    .detail-wraper .outer-line-green {

        display: none;

    }

    .order-detail label {

        margin-bottom: 5px;

    }

    .detail-wraper .track-list {

        display: flex;

        flex-wrap: wrap-reverse;

        -moz-flex-wrap: wrap-reverse;

        -webkit-flex-wrap: wrap-reverse;

    }

    .detail-wraper .track-list .track-box {

        display: flex;

        flex-wrap: wrap;

        align-items: center;

        /*justify-content: center;*/

        width: 100%;

        margin-bottom: 10px;

    }

    .detail-wraper .fa-circle-thin,

    .detail-wraper .fa-check-circle,

    .detail-wraper img {

        margin-left: 5%;

    }

}

 @media screen and (max-width: 991px){

     .order_form-row,   

     #order_form{

            display: flex;

            flex-wrap: wrap;

            flex-direction: column;

        }

        .cart-calculate-container{

            order: 15;

            -webkit-order: 15;

        }

    }

@media screen and (max-width: 480px) {

    .float-lft {

        float: none;

    }

    .float-ryt {

        float: none;

    }

    /*.cart {

        margin-bottom: 35px;

    }*/

    .box-section-outer {

        padding-right: 0px;

    }

    .box-section-inner {

        padding-right: 0px;

        border-right: none;

    }

    .box-counter {

        right: unset;

        left: 0;

        padding: 8px 22px;

    }

    .box-section {

        padding: 25px;

    }

    .donate-now li{

        float: none;

        width: 100%;

        margin-right: 0px;

        margin-bottom: 5px;

    }

    .txt-file-detail .upload-file-btn{

        margin-bottom: 10px;

    }

    .txt-file-detail .form-order .btn-wrap {

        padding-left: 0px;

    }

    .lang-radio-btn-sec .lang-radio{

        margin-top: 0px;

    }

    .lang-radio-btn-sec .lang-radio li {

        float: none;

        margin-top: 10px;

    }

    .profile .form-group {

        display: block;

    }

    .order-detail .detail-wraper {

        padding: 20px 10px;

    }

    .detail-wraper .outer-line-gray,

    .detail-wraper .outer-line-green {

        display: none;

    }

    .order-detail label {

        margin-bottom: 5px;

    }

    .detail-wraper .track-list {

        display: flex;

        flex-wrap: wrap-reverse;

        -moz-flex-wrap: wrap-reverse;

        -webkit-flex-wrap: wrap-reverse;

    }

    .detail-wraper .track-list .track-box {

        display: flex;

        flex-wrap: wrap;

        align-items: center;

        justify-content: center;

        width: 100%;

        margin-bottom: 8px;

    }

    .detail-wraper .fa-circle-thin,

    .detail-wraper .fa-check-circle,

    .detail-wraper img {

        margin-left: 5%;

    }

    .track-single-ln {

        display: flex;

        flex-direction: row-reverse;

        margin-bottom: 8px;

    }

    .track-single-ln > div {

        flex: 1 1 auto;

        text-align: left;

    }

    .getexcel-btn {

        margin-top: 10px;

    }

    .add-customer {

        float: right;

    }

}

form.admin-order-detail label{

    font-family: arabic_bold;

}

form.translator-order-detail label{

    font-family: arabic_bold;

}



.forgot_password{

    display: block;

    width: 100%;

    height: auto;

    padding-bottom: 50px;

}

.forgot_password:after{

    content: "";

    display: table;

    clear: both;

}



#loading_bar {

    /*background-color: #12CC1A;*/

    background-color: #27184D;

    height: 17px;

    color: #FFFFFF;

    width: 0%;

    font-size: 13px;

    -webkit-transition: width .3s;

    -moz-transition: width .3s;

    transition: width .3s;

    direction: ltr;

    float: left;

}

#progress-area {

    border-radius: 4px;

    text-align: center;

}

.other_field .form-control{

    margin-top: 10px !important;

}

.order-content .section-1A .login-link {

    font-size: 13px;

    padding: 0 35px;

    cursor: pointer;

}

.form-order .lang-radio-li label:hover,.form-order .type-of-file label:hover {

    color: #27184D;

    transition: all .2s linear;

}

.order-content .btn-submit:hover {

    background: #eeaa9f;

    transition: all .2s linear;

}

#securitycheck .site-wrapper{

    background: #27184d;

}

#securitycheck .login-content{

    padding-bottom: 0;

}

.wpwl-form-card .wpwl-control-cardNumber{

    direction: ltr !important;

}





/*====================*/





.table-shadow .table-responsive a{

    color: #5A4500;

    text-decoration: none;

    font-weight: bold;

}



.panel-heading .add-new-item{

    background-color: #5A4500;

    color: white;

}



.panel-heading .add-new-item:hover{

    background-color: #DDCF75;

    color: black;

}





.surah-input-wrapper{

    display: inline-flex;

    flex-direction: row-reverse;

    align-items: center;

    justify-content: space-between;

}



.surah-input-wrapper input[type="text"]{

    width: 85px !important;

    margin-right: 18px;

}