.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(26, 24, 24, 0.74) !important;
}

.login-shdow{box-shadow: 6px 6px 11px 11px #1c1a1a;}
.btn-submit {
    font-size: 16px !important; 
    font-weight: 700;
    text-align: center;
}
.btn-con{ text-align: center;}
.error {
    font-size: 15px;
    color: red;
    background: #ecff8e;
    padding: 5px 10px;
}

.success {
    font-size: 15px;
    color: #3a6e0e;
    background: #ecff8e;
    padding: 5px 10px;
    text-align: center;
    font-weight: 700;
    margin: auto;
}

/*  ================  container / body ===================  */ 
.container-fluid{min-height: 1150px;}

/*  ================  Side bar===================  */ 

.bg-gradient-primary {
    background-color: #092f5e;
    background-image: linear-gradient(60deg, #dc1567, #092f5e);
}
.bg-gradient-login {
    background-color: #092f5e;
    background-image: linear-gradient(60deg, #dc1567, #3d8caa);
}
.subCate {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
}
.super-sub-cat {
    list-style: none;
    margin: 0;
    padding-left: 5px;
    background-color: #f8f8f8;
}
/*  =================== Nav bar  top bar ================ */ 
.bg-nav{
   background-color:#134b66;
}
.navbar.topbar {
    /* height: 4.375rem; */
    height: 50px;
    background: #092f5e !important;
}

/*  ================  footer ===================  */ 

.bg-footer{
    background-color:#9d1c64;
}
/*  ================== Login page ================== */

.bg-login-image {
    background: url("../img/123.gif");
    background-position: center;
    background-size: cover;
}



.login-footer{ text-align: center; }
.login-footer h6{ color: tomato; font-size: 16px; padding-top: 10px;
}


.msg-info{
    color: red; font-size: 15px; text-align: center; padding-bottom: 5px;
}
.msg-info span{
    background: #ffedb0a8;
}



.p-5 .btn-submit input {
    background: none;
    border: none;
    color: white;
    font-size: 18px;
}


/* ============clint add page ==============- */  


/*formm table */


table.form td.fildarea {
    background-color: #efefef;
    text-align: left;
}
.form.table td {
    border: 1px solid #fff;
    padding: 3px 5px;
    color: #08083d;
    font-size: 14px;
    vertical-align: middle;
}
.table{}

.table .form td{padding: 3px 5px;}
table.form {
    background-color: #fff;
    margin: 0 0 5px 0;
    padding: 0;
    border: 3px solid #e2e7e9;
    border-collapse: separate;
    border-spacing: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.fildlabel{ text-align: right;}
.fildarea{}
.fildarea input{}
.formm-controll{
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
    padding: 4px 8px;
    border-radius: 2px;
    height: 30px;
    display: block;
    width: 100%;
   
    padding: 0px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}


.input-150{ max-width: 150px;}
.input-200{ max-width: 200px;}
.input-250 {
    max-width: 250px;
}
.input-300{max-width: 300px;}


/* ===============Serch table============== */

.data-table th {
    font-size: 15px;
    font-weight: 700;
    background-color: #cc09da;
    border: 1px solid #ffff;
    border-radius: 3px;
    text-align: center;
    color: #fff;
}

.data-table td {
    padding: 3px;
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
    text-align: center;
    color: #407e7d;
    font-weight: 600;
}

.table.data-table tr:hover {background-color: #ddd; color: blue;}

/* model  */
.modal-header{color: #e12c0c;}
/* text color */
.text-olive-600 {
    color: #c5e913 !important; 
}
.text-white-600 {
    color: #ffff !important; 
}


.sidebar-dark .nav-item .nav-link[data-toggle="collapse"]::after {
    color: rgb(13 228 232);
}

.sidebar .nav-item .nav-link2nd[data-toggle="collapse"].collapsed::after {
    content: '\f105';
}

.sidebar .nav-item .nav-link2nd[data-toggle="collapse"]::after {
    width: 1rem;
    text-align: center;
    float: right;
    vertical-align: 0;
    border: 0;
    font-weight: 900;
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
}
.sidebar-dark .nav-item .nav-link2nd[data-toggle="collapse"]::after {
    color: rgb(15 16 16);
}
.won-fa {
    padding-right: 5px;
    color: red;
}

.cat_add{
    margin-top: 58px;
    text-align: center;
}
.cat_add form{
    padding: 6px;
    border: 1px solid #efeaea;

}
.cat-view {
    text-align: center;
}
.cat-view .table-bordered {
	border: 1px solid #d0d3d5;
	padding: 0px 2px 4px 4px;
}
.bside{padding-left:150px;}
.aside{padding-left:30px;}

.ticket-itel {
    text-align: left;
    box-shadow: 0px 1px 2px 1px;
    border-radius: 20px 20px 20px 20px;
    
    padding: 13px 35px;
}
 .ticket-clint {
    box-shadow: 0px 1px 2px 1px;
    border-radius: 20px 20px 20px 20px;
   
    padding: 13px 35px;
    margin-top: 20px;
}
.to-itel .tickt-body {
    background: #87ffee;
    border-radius: 20px;
    padding: 10px 10px 8px 18px;
    color: #2c2d5b;
}

.to-client .tickt-body {
    background: #4fceff;
    border-radius: 20px;
    padding: 10px 10px 8px 18px;
    color: #282527;
}

.invoice-body {
   
    background: #fff;
    padding: 50px;
    border: 1px solid #e0d7cc;
    box-shadow: 2px 2px 6px 3px #bfb3b3;
}
.to-itel{min-width: 800px;  margin-right: 120px;}
.to-client{min-width:800px;  margin-left: 120px;}
.table-pro th, .table-pro td{vertical-align: middle;}
.table-pro tr {
    background: #b8b8f4;
    color: #0e0d0d;
    border-bottom: 6px solid #fff;
}
.fa-toggle-on{font-size: 20px; 
    color: #0c90f4;

}
.fa-toggle-off{font-size: 20px; 
    color: #aaa7ab;

}

.fu{color:#e35936;}
.btn-won {
    padding: 2px 12px;
}

.modal-title{
    margin: auto;
}

.textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  font-size: 16px;
 
}

.edit-table.table th, .edit-table.table td {
    padding: 7px 10px;
    vertical-align: middle;
    border-top: 1px solid #e3e6f0;
    font-size: 13px;
    color: #191952;
} 
.table td{
    font-size: 13px;
    color: #101d40;
}
.fildlabel2{
    float: right;
}

.fildarea3{
    width: 15%;

}