body{
    white-space: nowrap;
}
h1{
    text-align: center;
}
.wrapper a{
    color: black;
    text-decoration: none;
}
/*login*/
.wraplogin{
    margin-top: 20px;
    width: 100%;
}
.wraplogin a{
    color: white;
    text-decoration: none;
}
.wraplogin a:hover{
    /*color: white;*/
    text-decoration: none;
}
.wraplogin button{
    width: 50%;
    height: 40px;
    margin-top: -4px;
}
.wraplogin .col-md-3{
    padding-left: 40px;
    line-height: 40px;
}
.wraplogin .card{!important;
    border: 1px solid #c90a36;
}
.wraplogin .card-header{!important;
    background-color: #c90a36;
    color: white;
}
.wraplogin .btn{
    background-color: #c90a36;
    color: white;
}
/*end login*/

/*MasterPage*/
.menu{
    margin-top: 10px;
    background-color: #c90a36;
}
.wrapper .container .col-md-12{
    !important;
    padding: 0px;
}
.menu div{
    color: white;
    text-align: center;
    padding: 10px;
}
.menu div a{
    color: white;
    text-decoration: none;
}
#menu_item_1{
    float: left;
}
#menu_item_2{
    float: right;
}
#menu_item_3{
    float: right;
}
.menu .sub_menu{
    display: none;
    position: absolute;
    clear: both;
    z-index: 1000;
    background-color: #b2131d;
    margin-top: 10px;
    margin-left: -10px;
}
.menu .sub_menu .col-md-12{
    padding: 10px;
}
.menu .sub_menu .col-md-12 a{
    color: white;
}
.menu .col-md-3:hover{
    background-color: #b2131d;
}
.menu .col-md-3:hover .sub_menu{
    display: block;
}
.menu .col-md-3 .sub_menu .col-md-12:hover{
    background-color: #c90a36;
}
/*End MasterPage*/

/*Manage User*/
.list_user_content{
    margin-top: 20px;
    padding: 0px;
}
.list_user_content .col-md-12{
    padding: 0px;
}
.add_new{
    margin-bottom: 20px;
}
#user_table{
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}
#user_table th, #user_table td{
    border: 1px solid #ddd;
    padding:10px 5px;
}
#user_table tr:nth-child(even){
    background-color: #f2f2f2;
}
#user_table tr:hover{
    background-color: #ddd;
}
#btn_update{
    background-color: #c90a36;
    color: white;
    border: 1px solid #c90a36;
}
.add_new{
    float: left;
}
.add_new{
    margin-left: -12px;
}
/*#frm_search{
    float: right;
    padding-left: 50px;
}*/
/*End Manage User*/

/*Create and Update User */
.creation_edit_user .col-md-6 .col-md-12{
   margin-top: 20px;
}
/*End Create and Update User */


/*ListReport*/
.btn_color{
    background-color: #c90a36!important;
    color: white!important;
    border: 1px solid #c90a36!important;
}
/*EndListReport*/

/*Create & Update report*/
#btn_copy,#btn_draft,#btn_save,#btn_back{
    background-color: #c90a36;
    color: white;
    border: 1px solid #c90a36;
}
/*End Create & Update report*/

/*responsive screen*/
@media (max-width: 991px) {
    /*Login Screen*/
    .wraplogin{
        font-size: 30px;
        width: 80%;
        margin:20px auto;
    }
    .wraplogin input{
        width: 100%;
        height: 100%;
        font-size: 36px;
    }
    .wraplogin button{
        font-size: 28px;
        padding-bottom: 12%;
    }
    .wraplogin .col-md-3{
        line-height: 200%;
    }

    /*End Login Screen*/
    /*MasterPage*/
    .wrapper .container .col-md-12 .col-md-3{
        width: 30%;
    }
    .wrapper .container .col-md-12 #menu_item_1{
        width: 40%;
    }
    .wrapper .container .col-md-12 #menu_item_2{
        width: 35%;
    }
    .wrapper .container .col-md-12 #menu_item_3{
        width: 25%;
    }
    .sub_menu .col-md-12 a{
        font-size: 14px;
    }
    /*End MasterPage*/
    /*Manage User*/
    .add_new button{
        font-size: 14px;
    }
    .form_search input{
        width: 80%;
    }
    /*End manage User*/


}
@media (max-width: 768px) {
    body{
        padding: 10px;
    }
    /*Login Screen*/
    .wraplogin{ !important;
        width: 100%;
        margin: 20px auto;
        font-size: 28px;
    }
    .wraplogin input{
        width: 100%;
        height: 100%;
        font-size: 28px;
    }
    .wraplogin .card{
        width: 100%;
    }
    .wraplogin button{
        font-size: 24px;
        height: 55px;
    }
    .wraplogin .col-md-3{
        padding: auto 15px;
    }
    /*End Login Screen*/
    /*MasterPage*/
    .wrapper .container .col-md-12 .col-md-3{
        width: 30%;
    }
    /*End MasterPage*/
    /*Manage User*/
    .list_user_content .col-md-12 .col-md-12 .col-md-2{
    !important;
        width: 35%;
    }
    .list_user_content .col-md-12 .col-md-12 .col-md-3{
    !important;
        width: 60%;
    }
    .list_user_content .col-md-12 .col-md-12 .col-md-6{
    !important;
       display: none;
    }
    .add_new button{
        width: 100%;
    }
    /*End Manage User*/

}

@media (max-width: 480px) {
    /*Manage User*/
    .add_new button{
        width: 125%;
    }
/*    #frm_search{
        float: right;
        padding-left: 0px;
    }*/
    /*End Manage User*/
    /*Create and Update User */
    .creation_edit_user .col-md-6 .col-md-12{
        font-size: 14px;
        padding: 0px;
    }
    /*End Create and Update User */
}
.custom_time_select{
    padding: 5px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    margin: 0px;
}
.time_select{ !important;
    margin: 0px;
    padding: 0px 6px;
}
.time_select:first-child{ !important;
    margin: 0px;
    padding: 0px 6px 0px 15px;
}
.end_field{
    margin-right: 5px;
}
/*end responsive screen*/

/* Create update user.blade*/
.input_default{
    min-width: 210px;
}