body {
    padding: 0;
    margin: 0;
    font: 'Montserrat-Regular';
}

/*----- Commen CSS ------*/

.pull_left{ float:left;}
.pull_right{ float:right;}
.col_display{ width:100%; display:inline-block}
.no_display{ display:none;}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../Fonts/Montserrat-Regular.ttf') format('truetype');
}

div, p, span{
    font-family: 'Montserrat-Regular';
}
/*Index Page*/

.Home_Container img{  width:100%;  }
.Home_Container {
    width: 1440px;
    margin: 0 auto;
    text-align: center;
   /* background-image: url('../Images/KwickCrimesim Banner2023.jpg');*/
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}
.log_body{ width:100%; position:absolute; bottom:10%;}
.logbtn{   font-family: 'Montserrat-Regular'; height:33px; background-color:#009933; color:#fff; width:150px; padding:10px 0px; margin:0 auto; font-size:25px; cursor:pointer; border-radius:5px; }
.logbtn:hover{ font-size:28px;}
/*------- Custember dashboart -------*/
table tr {
    font-family: 'Montserrat-Regular';
}
.logo {
    text-align: center;
    min-height: 50px;
    border-top-right-radius: 15px;
    padding-top: 8px;
    font-size: 25px;
    color: #009933;
    background-color: #2C2A28;
    border-right: 1px solid;
}
.menunav{ background-color:#808080; width:250px;}
.Menu_nav {
    background-color: #009933;
    color: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 4px;
    box-shadow: 0px 2px 6px 3px rgba(0,0,0,0.5);
    height: 100vh;

}
ul{ margin-top:20px; padding:0; }
li{ list-style:none;   padding:10px 0px 10px 25px; cursor:pointer;}
li:hover{background-color:rgba(0,0,0,0.2); }
.menu_active{background-color:rgba(0,0,0,0.2); }
.top_head{ background-color: #2C2A28;min-height: 50px;  border-top-left-radius: 15px;  padding-top: 8px;  text-align:center; font-size:25px; color:#A5E1D7;}
.box_field{ margin-top:20px; width:100%; display:inline-block;}
.box_field input{ padding:5px 0px; width:100%; border:1px solid rgba(0,0,0,0.2); border-radius:6px; padding-left:10px;}
.box_field select{  width:200px; padding:5px 0px; border:1px solid rgba(0,0,0,0.2); border-radius:6px; padding-left:10px;}
.btn_field {
    background-color: #009933;
    color:#fff; border-radius:10px;
    cursor:pointer;
    text-align:center;
    padding:10px;
}

.profile_img{ text-align:center;}
.user_img{ background-color:#A5E1D7; width:150px; margin:0 auto; text-align:center; padding:6px 0px; border-radius:5px; cursor:pointer;}
.create_btn {
    background-color: #009933;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    padding: 10px;
    width: 100px;
}

table thead tr { font-size:14px;}

::placeholder {
    color: rgba(0,0,0,0.2);
}

.data_field {
    height: 99vh;
    overflow-y: scroll;
    padding-bottom:50px;
}

    .data_field::-webkit-scrollbar {
        width: 1px;
    }

    .data_field::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

    .data_field::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,0.2);
        outline: 1px solid #181C3F;
    }

    .train_list{ width:100%; display:inline-block; border:1px solid;}
.train_list .col-md-12{  border-bottom:1px solid; padding:5px 0px;}
.act_btn {
    background-color: #009933;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    padding: 5px;
    width: 100px;
}
.acted_btn {
    background-color: red;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    padding: 5px;
    width: 100px;
}


.task_field select {
    width: 200px;
    padding: 5px 0px;
    margin-top: 5px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    padding-left: 10px;
}
.task_field .duraction {  width:80px; padding:5px 0px; margin-top:5px; border:1px solid rgba(0,0,0,0.2); border-radius:6px;text-align:center;}
.evidancetask_field{ margin-top:30px;}
.evidancetask_field input{ margin-left:20px;}
.errer_show{ color:red; font-size:13px; margin-top:4px;}
.evidance_list{ font-size:15px;}
.errer_field{ color:red; font-size:12px; margin-top:4px;}
.myinput.large {
    height: 18px;
    width: 18px;
}

    .myinput.large[type="checkbox"]:before {
        width: 18px;
        height: 18px;
    }

    .myinput.large[type="checkbox"]:after {
        top: -20px;
        width: 16px;
        height: 16px;
    }

.proficipopup{ position:absolute; width:100%; background-color:rgba(0,0,0,0.5);  z-index:999; height:100vh;}
.popbody{ width:600px; margin:5% auto; background-color:#fff; border-radius:10px;  padding:15px;}
.popfield{ margin-top:10px;}
.popprobtn{ cursor:pointer; text-align:center; padding:10px 0px; margin-right:10px; border-radius:10px; color:#fff;}
.btnclr{ background-color:#009933;}
.pop_success{ font-size:22px; text-align:center; color:#009933; padding:20px 0px;}


.evidance_pop {
    position: absolute;
    width: 100%;
    z-index: 999;
   
    top:50px;
}
.evi_popbody {
    width: 500px;
    margin :0 auto;
    background-color: #e2e7e9;
    border-radius: 10px;
    padding-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    height:auto;
}
#closeevipop{ 
    float:right;
    width:auto;
    text-align:right;font-size:20px;
    cursor:pointer;
    color:#fff;
    margin-top:-8px;
}
.evilist{ margin-top:5px;}
.evihead {
    background-color: #009933;
    width: 100%;
    display: inline-block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding:0px 10px;
}
.diailsview{
    background-color:#009933;
             padding:5px 8px; color:#fff;
             cursor:pointer;
             border-radius:5px;
}
.eviborder {
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
}

@media (min-width: 1280px) { /*---------  media  above 1000  -----------   */
    section {
        width: 1300px;
        max-width: 1300px;
        margin: 0 auto;
    }
}

                                                          /*Report PDF CSS*/

.report_Container {width:1000px; padding:20px;}
.report_topouter{background-color:#F2F2F2;padding:0px 20px;margin-top:25px;}
.report_datetime{width:220px;float:left;font-size:16px;margin:15px 0px 0px 0px;padding-top:10px;}
.report_date{margin-bottom:10px;}
.report_tophead{width:300px;float:left;margin:15px 50px 0px 50px;}
.report_toptext{text-align:center;margin-bottom:6px;}
.report_picture{width:300px;float:left;}
.report_outer1{margin-top:48px;}
.report_profile{width:250px;float:left;}
.report_user {font-size:20px;padding-left:40px;}
.report_photo{width:140px;margin-left:16px;margin-top:10px;}
.report_photo img{ width:100%;}
.report_details{width:500px;float:left; }
.report_userdetai{font-size:20px;text-align:center;margin-bottom:25px;}
.report_proouter{margin-top:5px;}
.report_name{width:120px;float:left;}
.report_point{width:25px;float:left;}
.report_name1{width:200px;float:left;}
.report_score{width:200px;float:right;}
.report_boxouter{width:160px;float:left;margin-top:-14px;}
.report_overall{width:180px;background-color:#C45911;padding:15px 0px;color:#fff;text-align:center;font-size:18px;}
.report_overall1{width:180px;background-color:#4472C3;padding:28px 0px 65px 0px;color:#fff;text-align:center;font-size:50px;}
.report_table{margin-top:30px;}
.report_table2 table{margin:30px 0px 30px 0px;}
.report_table1 table {width:35%;margin:0px auto;margin-top:30px;}
.report_textdetails{font-size:22px;text-align:center;margin-top:25px;}
.report_Signatory{font-size:14px;padding-top:35px;padding-left:15px;}
.report_line{border:1px solid;margin-top:40px;padding:0px 10px 0px 10px;}