/* --- style css file ---*/

*{
    margin:0px;padding:0px;
}
.card-fix {
    position: relative;
    margin-top: 20px!important;
    padding: 0px!important;
    /* min-width: 255px; */
    max-width: 100%!important;
    border: 1px solid #ccd0d4;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    background: #fff;
    box-sizing: border-box;
}
label.error{
    color:red!important;
}
.card-body .form-group textarea:focus{
    border-radius:0px;
    border:1px solid #0071a1;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.card-body .form-group input:focus{
    border-radius:0px;
    border:1px solid #0071a1;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-custom{
    background-color: #262626!important;
    padding: 7px 43px!important;
    color: #fff!important;
    border-radius: 0px!important;
    transition: 0.3s!important;
    font-weight: 500!important;
    font-size: 17px!important;
    margin-top: 25px;
    transition: all 0.3s ease-in-out;
}
.btn-custom:hover{
  background-color: #f3b852!important;
}


/*===================== Edit form css =======================*/
.edit_form .card-header{
    background-color: #0071a1!important;
    color:#ffffff;
    font-size:19px;
    font-weight:600;
    padding:20px;
}
.edit_form .card-body{
    border-style:solid;
    border-width:1px;
    border-color:#0071a1;
}
.edit_form .card-body form .form-group input{
    border-radius:0px;
    border-style:solid;
    border-width:1px;
    border-color:#0071a1;
    height: 37px;
    font-size: 15px;
}
.edit_form .card-body form .form-group select{
    border-radius:0px;
    border-style:solid;
    border-width:1px;
    border-color:#0071a1;
    height: 37px;
    font-size: 15px;
}
.edit-custom-btn{
    background-color: #0071a1!important;
    padding:7px 40px!important;
    color:#fff!important;
    border-radius: 0px!important;
    transition: 0.3s!important;
    font-weight:500!important;
    margin-top:20px;
}
.edit-custom-btn,.edit-custom:hover{
    background-color: #000000!important;
    transform:translateY(-2px);
}
.style-detail .card-header{
    background-color: #0071a1!important;
    color:#fff;
    padding: 20px;
    font-size: 19px;
    font-weight: 600;
}
.style-detail .card-body{
    border:1px solid #0071a1!important;
}
.style-detail .card-body table thead tr th{
    border:1px solid #0071a1!important;
}
.style-detail .card-body table tbody tr td{
    border:1px solid #0071a1!important;
}
.style-detail .card-body table tbody tr td:last-child{
    text-align: center;
}
.style-detail .card-body table tfoot tr th{
    border:1px solid #0071a1!important;
}
.btn-delete{
    background-color: red!important;
    padding:7px 15px!important;
    border-radius: 10px!important;
}
.btn-delete:hover{
    background-color: rgb(241, 66, 66)!important;
    padding:7px 15px!important;
    border-radius: 10px!important;
}
.btn-delete i{
    color:#fff;
}
.tab{
    margin:20px 15px 0px;
}
.tab button{
    background-color:transparent;
    border:1px solid #000;
    color:#000;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 2px;
    transition: 0.3s;
}
.tab button:hover{
   transform:translateY(-2px);
}
.tab button.active{
    border:1px solid #0071a1;
    background-color:#0071a1;
    color:#fff;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 2px;
}
.tab button:focus{
   box-shadow: none;
}
.txtconf .card-header{
    background-color:#0071a1;
    padding:17px;
    color:#fff;
    font-size:20px;
    font-weight:600;
}
.txtconf .card-body{
    border:1px solid#0071a1;
}
.txtconf .card-body .form-group label{
   font-size:18px;
}
.txtconf .card-body .form-group input{
    border:1px solid#0071a1;
    border-radius:0px;
}
.txtconf .card-body .form-group select{
    border:1px solid#0071a1;
    border-radius:0px;
}
.edit-custom {
    background-color: #0071a1!important;
    padding: 6px 40px!important;
    color: #fff!important;
    border-radius: 0px!important;
    transition: 0.3s!important;
    font-weight: 500!important;
    margin-top: 32px;
}
.input-fields input:first-child{
    width:60px;
    padding-right:10px;
}
.tel-form input{
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 8px;
    background-size: 100%;
    color: #3C4857;
    font-size: 13px;
    font-weight: 100;
    height: 40px;
}
.tel-form input:focus{
    box-shadow: none;
    outline: none;
    box-shadow: 0px 0px 5px rgba(0,0,0,.04)!important;
}
.tel-form select{
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 8px;
    color: #3C4857;
    font-size: 13px;
    font-weight: 100;
    height: 40px;
}
.tel-form select:focus{
    box-shadow: none;
    outline: none;
    box-shadow: 0px 0px 5px rgba(0,0,0,.04);
}
.tel-form input[type="radio"]{
    height: auto;
    margin-bottom: 0px;
    position: relative;
    width: auto;
    margin-right: 5px;
}
.tel-form textarea{
    font-size: 13px;
}  .m-signature-pad--body canvas {            position: relative;            left: 0;            top: 0;             height: 250px;            border: 1px solid #CCCCCC;        }