/* ok */


.sidebar-pills {
    background: #000 !important;
}
.app-header {
    background: #cce500 !important;
}
.sidebar.sidebar-pills .nav-link.active, .sidebar.sidebar-pills .nav-link:hover {
    color: #cce500!important;
}
.sidebar-pills a:not(.active), .sidebar-pills a:not(.open), .sidebar-pills a:not(:active), .sidebar-pills a:not(:focus), .sidebar-pills a:not(:hover), .sidebar-pills li {
    color: #d6d6d6!important;
}
.sidebar.sidebar-pills .nav-link.active .nav-icon, .sidebar.sidebar-pills .nav-link:hover .nav-icon {
    color: #cce500 !important;
}
.app-header.bg-light .navbar-brand {
    width: 225px;
    /* padding: 0 2.25rem; */
    color: #73818f;
    opacity: .75;
}
a.navbar-brand img {
    padding-left: 22px;
}
body.app.flex-row.align-items-center {
    background: url(../images/bg2.jpg);
    background-size: cover;
}
.btn-primary, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #cce500;
    background-color: #000000;
    border-color: #000000;
}
.card {
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,40,100,.12);
    border-radius: 0 35px;
}
.text-muted {
    color: #000000!important;
}
.text-muted a {
    color: #000000!important;
    font-weight: 600;
}
body.app.flex-row.align-items-center a {
    color: #000;
}
.btn-primary:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #000 !important;
    background-color: #cce500;
    border-color: #cce500;
}
a {
    color: #010101;
}
.btn-link {
    font-weight: 400;
    color: #000000;
    text-decoration: none;
}
.btn:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #cce500;
    text-decoration: none;
}
.page-item.active .page-link {
    z-index: 1;
    color: #000;
    background-color: #cce500;
    border-color: #cce500;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled).active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled):active, .dataTables_wrapper .dataTables_paginate .show>.dropdown-toggle.paginate_button.current, .show>.btn-primary.dropdown-toggle {
    color: #cce500 !important;
    background-color: #000000;
    border-color: #000000;
}
.btn-success {
    color: #cce500;
    background-color: #000000;
    border-color: #212121;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle, .btn-success:hover {
    color: #000 !important;
    background-color: #cce500;
    border-color: #212121;
}
a.font-sm:hover {
    color: #cce500;
}
table#crudTable tbody tr td span img {
    width: 30% !important;
}
.btn-qustn .input_fields_wrap {
    text-align: right;
    padding: 11px 2px 0 0;
}

.selrep {
    margin: 26px 0 18px;
    font-size: 25px;
}
.dtpkrinp input {
    height: 50px;
}
.sbmt-btn input {
    background: #cce500;
    border-radius: 0px;
    width: 100px;
    text-transform: uppercase;
    border-radius: 0 4px 4px 0;
}
.errnmb {
    padding: 0 0 12px;
}
.sbmt-btn input:hover {
    color: #000;
}
.confrm-block h3 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin: 0 0 15px;
}
.confrm-block table {
    width: 100%;
}
.confrm-block table thead tr th {
    background: #f0f0f0;
    border: 0;
}
.confrm-block table tr td {
    border: 1px solid #f0f0f0;
}
.confrm-block {
    margin: 30px 0 30px;
}
.addrs h3 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin: 0 0 15px;
}

.addrs table {
    width: 100%;
}
.addrs table thead tr th {
    background: #f0f0f0;
    border: 0;
}
.addrs table tr td {
    border: 1px solid #f0f0f0;
}
.purb-map iframe {
    height: 300px;
}

.reqdpickup {
    width: 100%;
}
.reqdpickup thead tr th {
    background: #f0f0f0;
    border: 0;
}
.reqdpickup tr td {
    border: 1px solid #f0f0f0;
}
.reqdpickup {
    width: 100%;
    margin: 30px 0;
}
.add-qust button {
    background: #63c2de;
    color: #fff;
    border: 0;
    padding: 6px 22px;
    border-radius: 4px;
    margin: 9px 0 11px;
}
.left-input-qust input {
	width: 50%;
	height: 45px;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 15px;
}
.remv {
    background: #e81313 !important;
}
.optn {
    background: #cce500 !important;
}
.add-qust-input-main {
    margin: 0 0 30px;
}
.shdl-btn button {
    background: #63c2de;
    color: #fff;
    border: 0;
    padding: 6px 22px;
    border-radius: 4px;
    margin: 9px 0 11px;
}
.date-pkr input {
    width: 30%;
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 15px;
}
.date-pkr button {
    height: 45px;
    padding: 0 28px;
    background: #cce500;
    border: 0;
    color: #fff;
    border-radius: 4px;
}
.date-pkr {
    margin: 0 0 30px;
}
.img-thbl img {
    width: auto;
    height: 100px;
    margin: 0 0 34px;
    border-radius: 4px;
}
.chng-qton {
    display: block;
    background: #000 !important;
}
.note-area h3 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin: 0 0 15px;
}
.note-inn input {
    width: 30%;
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 15px;
}

.note-inn button {
    height: 45px;
    padding: 0 28px;
    background: #cce500;
    border: 0;
    color: #fff;
    border-radius: 4px;
}
.recpt-area h3 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin: 0 0 15px;
}
.invs-tbl {
    width: 100%;
}
.itm-prc {
    width: 100%;
}
.invs-tbl tr td span {
    font-weight: 600;
    color: #000;
}

.file-inn input {
    width: 30%;
    height: 45px;
/*    border: 1px solid #ccc;
*/    border-radius: 4px;
    padding: 0 15px;
}

.file-inn button {
    height: 45px;
    padding: 0 28px;
    background: #cce500;
    border: 0;
    color: #fff;
    border-radius: 4px;
}
.file-inn button {
    display: block;
}
.pdf-inn input {
    width: 20%;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}
.pdf-inn {
    position: relative;
}
.pdf-inn input{
    width: 20%;
    height:45px;
    position: inherit;
    top: 0;
    left: 0;
    opacity: 1;
    cursor: pointer;
    z-index: 999999;
}
.pdf-inn span {
    background: #63c2de;
    width: 20%;
    display: block;
    text-align: center;
    line-height: 39px;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    padding: 3px 0;
    border-radius: 4px;
}
.pdf-area {
    margin: 30px 0 20px;
}
.dropdown-menu {
	right: 0;
	position: ;
	left: inherit;
	padding: 15px;
	min-width: 300px !important;
	top: 28px;
}
.header {
	border-bottom: 1px solid #ccc;
	padding: 0 0 9px;
	margin: 0 0 14px;
	font-size: 16px;
	font-weight: 600;
}
.menu.notfc-menu {
	padding: 0 15px;
	height: 250px;
	overflow: auto;
}
.menu.notfc-menu li {
	background: ;
	border-bottom: 1px solid #ececec;
	padding: 6px 0 11px;
}
.footer a {
	background: #cce500;
	display: block;
	text-align: center;
	border-radius: 4px;
	margin: 25px 0 20px;
	padding: 9px 0;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
}
.resheduled_date_time {
    padding: ;
    margin: 0 0 0 13px;
}
.img-thbl ul li {
    list-style: none;
}
.img-thbl ul {
    padding: 0;
}
.previousquotetion table {
    width: 100%;
}
.change_quotation {
    margin: 15px 0 22px;
}
.note-inn {
    display: flex;
    margin: 0 0 30px;
}
.note-inn button {
    margin: 0 0 0 9px;
}
.butt-rejct {
	margin: 5px 0 8px;
}
.input-group-addon {
    padding: 3px 0 6px 0;
}
.app-header .navbar-brand {
    height: 39px !important;
}
#dtpickr1 input {
	width: 100%;
	height: 45px;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 0 15px;
	margin: 0 0 10px;
}
#dtformplgn input[type="submit"] {
	width: 100px !important;
	height: 42px;
	text-transform: uppercase;
	background: #cce500;
	color: #fff;
	border: 0;
	border-radius: 4px;
}
.bootstrap-tagsinput input {
	width: 100%;
	margin: 0 4px 0 0;
}
.bootstrap-tagsinput {
	margin: 0 4px 0 0;
}
.pdf-inn input[type="submit"] {
	width: 150px;
	background: #cce500;
	color: #fff;
	text-transform: uppercase;
	border: 0;
	border-radius: 4px;
}
#reviewForm {
	width: 100%;
	padding: 0 0 0 15px;
}

#crudTable thead > tr > th, table.dataTable thead > tr > td {
    padding-right: 0 !important;
}
.table_row_slider .card {
    border-radius: 0 !important;
    margin: 0 0 6px !important;
}
.img-thbl ul {
    display: flex;
    justify-content: flex-start;
}
.img-thbl ul li {
    padding: 0 10px 0 0;
}

.sidebar .nav-link {
    font-size: 14px;
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
    width: 100% !important;
}
.input-group {
    flex-direction: column-reverse !important;
}


@media screen and (max-width: 800px){
    table.table.table-striped.mb-0 tbody tr td span img {
    width: 30% !important;
}

}
@media screen and (max-width: 420px) {

.warsheh_logo {
	width: 100px !important;
}
.app-header .navbar-brand {
	height: inherit !important;
}
.app-header .navbar-brand {
	top: 2px;
	left: 36px;
	margin-left: 0;
}
.app-header .navbar-toggler {
	color: #fff;
	position: relative;
	z-index: 9999;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 15px 0 !important;
    justify-content: center !important;
}
.table-striped tbody tr:nth-of-type(odd), .table-striped tbody tr:nth-of-type(2n) {
    height: 49px;
}
.main .container-fluid {
    padding: 5px 15px;
}
.dataTables_filter input {
    width: 100% !important;
    margin: 0 !important;
    height: 35px;
}
#crudTable thead>tr>th, table.dataTable thead>tr>td {
    padding-right: 20px !important;
    width: 50%;
}
span.text-capitalize {
    font-size: 26px;
}
.btn-primary, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    font-size: 14px;
}
.btn-success, .btn-danger {
    font-size: 12px;
}
table.table.table-striped.mb-0 tbody tr td span img {
    width: 30% !important;
}
/*table.dataTable tbody th, table.dataTable tbody td {
    padding: 0;
}*/
.bootstrap-datetimepicker-widget table th {
    line-height: 46px;
}
.input-group.date .input-group-addon {
    cursor: pointer;
    display: block;
    width: 100%;
}
#crudTable .no-padding {
    padding: 20px 10px;
}
.dropdown-menu {
    right: -50px;
}
.btn-success, .btn-danger {
    font-size: 14px;
}



}

@media screen and (max-width: 360px){


.btn-primary, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    font-size: 12px;
}
span.text-capitalize {
    font-size: 22px;
}
small#datatable_info_stack {
    font-size: 14px;
}
.dataTables_filter input {
    height: 34px;
}
li.paginate_button.page-item {
    font-size: 12px;
}
.page-item.active .page-link {
    font-size: 12px;
}
div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    font-size: 14px;
}
.app-body h2 {
    line-height: 22px;
}
.btn-success, .btn-danger {
    font-size: 10px;
}
.modal-body table tbody tr td span {
    word-break: break-all;
}





}




@media screen and (max-width: 320px){

.btn-group-sm>.btn, .btn-sm {
    font-size: 12px;
}
small#datatable_info_stack {
    font-size: 13px;
}



}



.nav-item .badge-danger{
    display: none;
}

.bootstrap-datetimepicker-widget{
    z-index: 10000;
}
.overflow-hidden{
    overflow: visible!important;
}



/**********15.12.2020*************/

.app-body {
    overflow: hidden;
}
.warsheh_logo {
    width: 134px;
}