@import url('https://fonts.googleapis.com/css2?family=Heebo&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Heebo', sans-serif;
}

/*tabs*/
div.new_ext2,
div.exist_ex2,
div.ext_massage2,
div.ext_take_order2,
div.cust_opinion2, 
div.cust_future_orders2,
div.order_to_approve2,
div.orders_without_price2,
div.customers_list2,
div.manager-general4,
div.manager-general5,
div.manager-general6{
    display: none;
}

div.tab-active{
    display: flex;
    justify-content: flex-start;    
    flex-wrap: wrap;
}

/* PANEL MANAGER ENTER */
div.manager-bg-img{
    width: 100%;
    height: 250px;
    background: url('../images/site_images/manager-pz/ext-header-bg.jpg') no-repeat center center;
    background-size: cover;
}

div.manager-pz-header{
    background: url('../images/site_images/manager-pz/header_bg.jpg') no-repeat center center;
    background-size: cover;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 20px;
}

div.manager-pz-header h1{
    color: #fff;
    text-align: center;
    font-size: 24px;
    padding-top: 5px;
}

@media only screen and (max-width: 1200px){
    
    div.manager-bg-img{
        height: 150px;
    }
    
    div.manager-pz-header{
        max-width: 100%;
        height: auto;
    }

    div.manager-pz-header h1{
        font-size: 14px;
        padding: 5px 10px;
    }
}

/*EXT MANAGER STYLE*/
div.manager-ext-part h2{
    color: #19171a;
    text-align: right;
    font-size: 22px;
    border-bottom: 1px solid #19171a;
    padding-bottom: 10px;
    font-weight: bold;
    margin-top: 20px;
}

div.ext-manager{
    padding: 0;
    margin: 0;
    margin-top: 50px;
    height: auto;
    margin-bottom: 40px;
}

/*ext manager tabs*/
div.ext-manager ul.list-tabs{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0px;
}

div.ext-manager ul.list-tabs a.active{
    background-color: #3e0001;
    color: #fff;
}

div.ext-manager li.list-item{
    background-color: #efefef;
    width: 250px;
    color: black;
    text-align: center;
    border-left: 2px solid #dcdcdc;
}

div.ext-manager li.list-item:last-child{
    border-left: none;
}

div.ext-manager a.list-link{
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    color: black;
    cursor: pointer;
}

div.ext-manager div.list-content{
    padding: 0;
    margin: 0;
    padding: 20px;
    text-align: right;
    border: 2px solid #dcdcdc;
    height: 800px !important;
    overflow-y: scroll;
    margin-bottom: 70px;
}

@media only screen and (max-width: 1200px){
    div.ext-manager li.list-item{
        display: block;
        width: 100%;
    }
}

/*new exterminator*/
div.ext-manager table{
    width: auto;
    border: 1px solid #dcdcdc;
    margin: 15px;
}

div.ext-manager table th{
    background-color: #efefef;
    color: black;
}

div.ext-manager table th,
div.ext-manager table td{
    border: 1px solid #dcdcdc;
    text-align: center;
    padding: 5px;
}

input.new_ext_apprvd_btn,
input.new_ext_prvnt_btn,
input.exist_ext_prvnt_btn{
    border-radius: 50%;
    font-weight: bold;
    margin-top: 3px;
}

@media only screen and (max-width: 922px){
    
    div.manager-pz h2{
        width: 100%;
    }

}

/*EXTERMINATOR MASSAGES TO SITE MANAGER*/
div.wrap-cards{
    display: flex;
    flex-wrap: wrap;
}

div.card.ext-msg{
    width: 47%;
    margin: 30px 0px 20px 20px;
    text-align: right;

}

div.card.ext-msg .card-header{
    background-color: #efefef;
    font-weight: bold;
}

div.card.ext-msg .card-footer{
    background-color: #fff;
}


div.card.ext-msg span{
    margin-right: 30px;
}

p.msg-read{
    background-color: #008c00;
    border-radius: 20px;
    color: #fff;
    padding: 10px;
    width: 60%;
    text-align: center;
}

div.ext-msg input[type="submit"]{
    margin: 6px auto;
}

@media only screen and (max-width: 768px){
    div.ext-msg{
        width: 100%;
    }
}

@media only screen and (max-width: 990px){
    div.card.ext-msg{
        width: 100%;
    }
}

/*ORDERS THAT EXT TAKE, WITH CANCEL BUTTON*/
div.ext_take_order12{
    display: flex;
    justify-content: flex-start;    
    flex-wrap: wrap;
}

div.ext_take_order2 table{
    width: 47%;
}

div.ext_take_order2 table th{
    background-color: #efefef;
    font-weight: bold;
}

div.ext_take_order2 table th,
div.ext_take_order2 table td{
    text-align: right;
    border: none;
    padding: 10px;
}

input.btn_cncl_order{
    border-radius: 20px;
    background-color: #008c00;
}

@media only screen and (max-width: 1200px){
    div.ext_take_order2 table{
        display: block;
        width: 100%;
    }

    div.ext_take_order2 table th,
    div.ext_take_order2 table td{
        width: 100%;
    }
}

/*CUSTOMERS MANAGE STYLE*/
div.manager-cust-part{
    margin-top: 80px;
    margin-bottom: 20px;
}


div.manager-cust-part h2{
    color: #19171a;
    text-align: right;
    font-size: 22px;
    border-bottom: 1px solid #19171a;
    padding-bottom: 10px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 40px;
}

div.manager-cust-part ul.list-tabs{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0px;
}

div.manager-cust-part ul.list-tabs a.active{
    background-color: #3e0001;
    color: #fff;
}

div.manager-cust-part li.list-item{
    background-color: #efefef;
    width: 220px;
    color: black;
    text-align: center;
    border-left: 2px solid #dcdcdc;
}


div.manager-cust-part li.list-item:last-child{
    border-left: none;
}

div.manager-cust-part a.list-link{
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    color: black;
    cursor: pointer;
}

div.manager-cust-part div.list-content{
    padding: 0;
    margin: 0;
    padding: 20px;
    text-align: right;
    border: 2px solid #dcdcdc;
    height: 800px !important;
    overflow-y: scroll;
    margin-bottom: 70px;
}

@media only screen and (max-width: 1200px){
    div.manager-cust-part li.list-item{
        display: block;
        width: 100%;
    }
}

table.wrap-cust-opinion{
    width: 47%;
    margin: 15px;
    text-align: right;
    border: 2px solid #dcdcdc;
}

table.wrap-cust-opinion th{
    background-color: #f0efef;
    font-weight: bold;
}

table.wrap-cust-opinion th:nth-child(2),
table.wrap-cust-opinion td:nth-child(2){
    width: 60%;
}

table.wrap-cust-opinion th
table.wrap-cust-opinion td{
    border-bottom: 2px solid #dcdcdc;
}

@media only screen and (max-width: 990px){
    table.wrap-cust-opinion{
        width: 100%;
    }
}

/*future orders*/
div.cust_future_orders2 table{
    width: 47%;
    margin: 15px;
    margin-top: 30px;
    text-align: right;
    border: 2px solid #dcdcdc;
}

div.cust_future_orders2 table th,
div.cust_future_orders2 table tr:nth-child(2){
    background-color: #f0efef;
    font-weight: bold;
}

div.cust_future_orders2 table th:nth-child(2),
div.cust_future_orders2 table td:nth-child(2){
    width: 60%;
}

div.cust_future_orders2 table th
div.cust_future_orders2 table td{
    border-bottom: 2px solid #dcdcdc;
}

@media only screen and (max-width: 1100px){
    div.cust_future_orders2 table{
        display: block;
        width: 100%;
    }

    div.cust_future_orders2 table th,
    div.cust_future_orders2 table td{
        width: 100%;
    }
}

/*orders without mazik type*/
div.order_to_approve2 table{
    width: 47%;
    margin: 15px;
    margin-top: 30px;
    text-align: right;
    border: 2px solid #dcdcdc;
}

div.order_to_approve2 table th{
    background-color: #f0efef;
    font-weight: bold;
}

div.order_to_approve2 table th,
div.order_to_approve2 table td{
    border-bottom: 2px solid #dcdcdc;
}

input.btn_order_no_mazik{
    background-color: #008c00 !important;
    color: #fff;
    font-size: 18px;
    padding: 5px 15px;
    border-radius: 20px;
}

@media only screen and (max-width: 1200px){
    div.order_to_approve2 table{
        display: block;
        width: 100%;
    }

    div.order_to_approve2 table th,
    div.order_to_approve2 tabletd{
        width: 100%;
    }
}

/* orders without price */
div.orders_without_price2 table{
    width: 47%;
    margin: 15px;
    margin-top: 30px;
    text-align: right;
    border: 2px solid #dcdcdc;
}

div.orders_without_price2 table th{
    background-color: #f0efef;
    font-weight: bold;
}

div.orders_without_price2 th,
div.orders_without_price2 td{
    border-bottom: 2px solid #dcdcdc;
}

input.btn_order_no_mazik{
    background-color: #008c00 !important;
    color: #fff;
    font-size: 18px;
    padding: 5px 15px;
    border-radius: 20px;
}

@media only screen and (max-width: 990px){
    div.orders_without_price2 table{
        width: 100%;
    }
}

div.customers_list2 table{
    border: 2px solid #dcdcdc;
}

div.customers_list2 table th{
    background-color: #efefef;
}

/*general manager*/
div.manager-part3{
    padding: 0;
    margin: 0;
    margin-top: 50px;
    height: auto;
    margin-bottom: 40px;
}

div.manager-part3 h2{
    color: #19171a;
    text-align: right;
    font-size: 22px;
    border-bottom: 1px solid #19171a;
    padding-bottom: 10px;
    font-weight: bold;
    margin-top: 40px;
}

div.manager-part3 ul.list-tabs{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0px;
  	margin-top: 40px;
}

div.manager-part3 ul.list-tabs a.active{
    background-color: #3e0001;
    color: #fff;
}

div.manager-part3 li.list-item{
    background-color: #efefef;
    width: 250px;
    color: black;
    text-align: center;
    border-left: 2px solid #dcdcdc;
}

div.manager-part3 li.list-item:last-child{
    border-left: none;
}

div.manager-part3 a.list-link{
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    color: black;
    cursor: pointer;
}

div.manager-part3 div.list-content{
    padding: 0;
    margin: 0;
    padding: 20px;
    text-align: right;
    border: 2px solid #dcdcdc;
    height: 800px !important;
    overflow-y: scroll;
    margin-bottom: 70px;
}

@media only screen and (max-width: 1200px){
    div.manager-part3 li.list-item{
        display: block;
        width: 100%;
    }
}

div.wrap-closed-orders{
 	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
  	justify-content: center;
}

div.manager-part3 table{
    margin: 15px;
    text-align: right;
    border: 2px solid #dcdcdc;
  	overflow-x: hidden;
}

div.manager-part3 table tr:nth-child(1),
div.manager-part3 table tr:nth-child(2){
  	background-color: #f0efef;
    font-weight: bold;
}

div.manager-part3 table td{
    border-bottom: 2px solid #dcdcdc;
}

input.btn-paid-brown{
	color: #fff;
  	background-color: #3e0001;
  	padding: 10px 20px;
  	border-radius: 5px;
}

input.btn-paid-brown:hover{
  color: #fff;
}

@media only screen and (max-width: 990px){
  	
  	div.wrap-closed-orders{
      display: block;
    }

   	div.manager-part3 table{
        display: block;
      	width: 85%;
      	margin: 20px auto;      
    }
}


/*footer link*/
footer.manager-panel-link a{
  color: #fff;
  display: block;
  padding: 20px;
  margin-top: 20px;
}