@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
.form-wrap {
    padding: 40px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 10px 5px #f6f6f6;
}
.modal-body .form-wrap{
	border:none;
	box-shadow:none;
	padding: 20px;
}
.form-wrap .form-label {
    font: normal normal 500 14px/1.5 Roboto,sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #292929;
}

.form-wrap .form-control, 
.form-wrap .form-select {
    border: 1px solid #ddd;
    height: 35px;
    border-radius: 0;
    font: normal normal 400 14px/1.5 Roboto,sans-serif;
    color: #292929;
}
.form-wrap .btn {
    float: right;
    border: 1px solid #ff4600;
    background-color: #ff4600;
    color: #fff;
    border-radius: 0;
    padding: 10px 40px;
    font: normal normal 400 16px/1.5 Roboto,sans-serif;
    letter-spacing: 3px;
}
.form-wrap .btn:hover,
.form-wrap .btn:focus,
.form-wrap .btn:active{
	border: 1px solid #ff4600;
	background-color: transparent;
    color: #292929;
}
.form-wrap .form-group a {
    color: #292929;
    padding: 5px 0;
    font: normal normal 500 12px/1.5 Roboto,sans-serif;
    text-align: right;
    width: 100%;
    display: block;
    text-transform: uppercase;
}
.form-wrap input[type="file"]::file-selector-button{
	background-color:#292929;
	color:#fff;
}
.form-wrap input[type="file"]::file-selector-button:hover{
	background-color:#ff4600;
}
.form-wrap input[type="file"]::-ms-browse:hover {
  background-color:#ff4600;
}

.form-wrap input[type="file"]::-webkit-file-upload-button:hover {
  background-color:#ff4600;
}

.form-wrap input[type="file"]::file-selector-button:hover {
  background-color:#ff4600;
}
.form-group label.error {
    color: #fff;
    border: 1px solid rgba(220,53,69,.9);
    margin: 5px 0 0 0;
    display: inline-block;
    padding: 7px;
    background-color: rgba(220,53,69,.9);
}
.success.message {
    color: #fff;
    font: normal normal 400 18px/1.5 Roboto,sans-serif;
    letter-spacing: 2px;
    background-color: rgba(25,135,84,.9);
	border: 1px solid rgba(25,135,84,.9);
    padding: 10px;
    display: inline-block;
}
.permission_denied {
    border: 2px solid rgba(220,53,69,.9);
    padding: 7px 20px;
    color: rgba(220,53,69,.9);
    text-align: center;
    text-transform: uppercase;
}
.permission_denied h2 {
    margin-bottom: 0;
    font-size: 28px;
}
.login_message {
    background-color: #fff;
    border: 1px solid rgba(25,135,84,.9);
    color: rgba(25,135,84,.9);
    padding: 7px 20px;
    text-align: center;
    text-transform: uppercase;
}
.login_message h2{
	margin-bottom: 0;
    font-size: 28px;
}
.custom-search{
	padding: 40px 0;
}
.custom-search > .btn {
    font: normal normal 400 14px/1.5 Roboto,sans-serif;
    color: #292929;
}

.custom-search > .btn:hover{
	background-color: #292929;
	color: #fff;
}
.custom-search .input-group-text {
    background-color: #ff4600;
    color: #fff;
    height: 42px;
    border-color: #ff4600;
    text-transform: uppercase;
	font: normal normal 400 14px/1.5 Roboto,sans-serif;
}
.search-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-wrap select {
    border-radius: 0;
    flex-basis: 200px;
    height: 40px;
    border-color: #ddd;
}
.search-wrap input[type=text] {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    height: 40px;
    border-color: #ddd;
}
.search-wrap input[type=submit] {
    height: 40px;
    border-radius: 0;
    border: 1px solid #ddd;
    border-left: 0;
}
.shm-record th {
    font: normal normal 500 14px/1.3 Robot,sans-serif;
    background-color: #ff4600!important;
    color: #fff;
	border-color: #ff4600;
}
.shm-record td{
	font: normal normal 500 14px/1.3 Robot,sans-serif;
	color: #292929;
	border-color: transparent;
	word-wrap: break-word;
}

.shm-record td a {
    color: #fff;
    background-color: #ff4600;
    padding: 5px;
    font-size: 16px;
}

.shm-record caption {
    font: normal normal 600 18px/1.5 Robot,sans-serif;
    color: #292929;
    text-transform: uppercase;
}

#exampleModal .modal-header {
    background-color: #ff4600;
}
#exampleModal .modal-title{
	font: normal normal 600 24px/1.5 Roboto,sans-serif;
    text-transform: uppercase;
	color: #fff;
}
#exampleModal .btn-close{
	opacity: 1;
}	
.shm-record td a.act-delete {
    display: block;
    margin-top: 8px;
}
.success_message {
    color: red;
    text-align: center;
    font-size: 20px;
}