body {
   background: #f6f5f9;
   font-family: "Inter", sans-serif;
   margin: 0;
 }

 html {
   overflow-x: hidden;
   position: relative;
   min-height: 100%;
   font-family: "Inter", sans-serif;
 }

 /*::-webkit-scrollbar {width: 0px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 0px grey; border-radius: 0px;} 
::-webkit-scrollbar-thumb { background: none; border-radius: 0px;}
::-webkit-scrollbar-thumb:hover { background: #000; } 
 
html{  scrollbar-width: none;  scrollbar-color: #333 ;}
html::-webkit-scrollbar {width: 0px;}
html::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey;   border-radius: 0px;} 
html::-webkit-scrollbar-thumb { background:#C00;  border-radius: 0px;}
html::-webkit-scrollbar-thumb:hover { background: #000; }*/

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   color: #505458;
   margin: 0px 0;
 }

 * {
   outline: none !important;
 }

 a {
   outline: 0;
   text-decoration: none;
 }

 a:hover {
   outline: 0;
   text-decoration: none;
 }

 a:active {
   outline: 0;
   text-decoration: none;
 }

 a:focus {
   outline: 0;
   text-decoration: none;
 }

 ul,
 ul li {
   list-style: none;
 }

 .p-0 {
   padding: 0 !important;
 }

 .p-t-0 {
   padding-top: 0 !important;
 }

 .p-t-10 {
   padding-top: 10px !important;
 }

 .p-b-10 {
   padding-bottom: 10px !important;
 }

 .m-0 {
   margin: 0 !important;
 }

 .m-r-5 {
   margin-right: 5px;
 }

 .m-r-10 {
   margin-right: 10px;
 }

 .m-r-15 {
   margin-right: 15px !important;
 }

 .m-l-10 {
   margin-left: 10px;
 }

 .m-l-15 {
   margin-left: 15px;
 }

 .m-t-5 {
   margin-top: 5px !important;
 }

 .m-t-0 {
   margin-top: 0;
 }

 .m-t-3 {
   margin-top: 3px !important;
 }

 .m-t-5 {
   margin-top: 5px !important;
 }

 .m-t-10 {
   margin-top: 10px !important;
 }

 .m-t-15 {
   margin-top: 15px !important;
 }

 .m-t-20 {
   margin-top: 20px !important;
 }

 .m-t-25 {
   margin-top: 25px !important;
 }

 .m-t-30 {
   margin-top: 30px !important;
 }

 .m-t-35 {
   margin-top: 35px !important;
 }

 .m-t-40 {
   margin-top: 40px !important;
 }

 .m-t-50 {
   margin-top: 50px !important;
 }

 .m_t_55 {
   margin-top: 55px !important;
 }

 .m_t_83 {
   margin-top: 83px !important;
 }

 .m-t-60 {
   margin-top: 60px !important;
 }

 .m-t-80 {
   margin-top: 80px !important;
 }

 .m-b-0 {
   margin-bottom: 0;
 }

 .m-b-5 {
   margin-bottom: 0;
 }

 .m-b-10 {
   margin-bottom: 10px !important;
 }

 .m-b-15 {
   margin-bottom: 15px !important;
 }

 .m-b-30 {
   margin-bottom: 30px !important;
 }

 .p_r_0 {
   padding-right: 0px;
 }

 .container {
   width: auto;
 }

 .sub_section {
   margin: 0px 0px 0px 0px;
 }

 .profile_mainsec {
   background: #f6f5f9;
   width: 100%;
   display: inline-block;
   position: fixed;
   z-index: 500;
   padding: 6px 0px 0px 0px;
   top: 0;
 }

 .content_areas {
   margin: 49px 0px 0px 0px;
   padding: 0px 10px 0px 10px;
   display: inline-block;
   width: 100%;
   position: relative;
 }

 .content_areas1 {
   margin: 58px 0px 0px 0px !important;
   padding: 0px 0px 0px 0px;
 }

 .content_areas h2 {
   margin: 0px 0px 10px 0px;
   margin-left: 0px;
   text-align: center;
   font-size: 12px;
   padding: 7px 0px 0px 0px;
   font-weight: 500;
   color: #2d2d2d;
   letter-spacing: 0.1em;
   text-transform: uppercase;
 }

 .content_form {
   float: left;
   width: 150px;
 }

 .sdt_dash {
   float: right;
   margin: 0px 0px 3px 0px;
   text-align: left;
   font-size: 12px;
   padding: 8px 0px 0px 0px !important;
   font-weight: 600;
   color: #1a66c3;
   letter-spacing: 0;
   text-transform: none;
 }

 .content_area_dash {
   margin: 0px 0px 0px 0px !important;
 }

 .content_dash {
   /* scrollbar-width: thin;*/
   scrollbar-color: #333;
 }

 .content_dash::-webkit-scrollbar {
   width: 0px;
   height: 0px;
 }

 .content_dash::-webkit-scrollbar-track {
   background-clip: content-box;
   border: 0px solid transparent;
 }

 .content_dash::-webkit-scrollbar-thumb {
   background: none;
 }

 .content_dash::-webkit-scrollbar-thumb:hover {
   background: none;
 }

 .content_dash::-webkit-scrollbar-corner,
 .content_dash::-webkit-scrollbar-track {
   background: none;
 }

 /* The below styles are for display purposes only */
 [class^=content_dash] {
   height: 1360px;
   overflow-y: scroll;
   overflow-x: hidden;
 }

 [class^=content_dash] {
   padding: 0rem;
   overflow-x: hidden;
 }

 .content_dash {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 1px;
   display: inline-block;
   width: 100%;
   position: relative;
   height: calc(100vh - 110px);
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
 }

 .top-header {
   width: 100%;
   display: inline-block;
 }

 .logo_m {
   padding: 0px 0px 0px 0px;
   position: relative;
   z-index: 100;
 }

 .logo_m img {
   width: 85px;
 }

 .top_icons {
   padding: 5px 0px 0px 0px;
   position: absolute;
   right: 10px;
 }

 .heading_bg {
   background: #fff;
   width: 96%;
   display: inline-block;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   position: fixed;
   z-index: 600;
 }

 .page-title {
   margin: 10px 0px 10px 0px;
   text-align: left;
   font-size: 14px;
   padding: 4px 0px 2px 15px;
   font-weight: 700;
   color: #0095da;
   letter-spacing: 0.1em;
   text-transform: uppercase;
 }

 .wrapper.toggled .conten_profile {
   margin: 0px 0px 0px 0px;
   padding: 15px 15px 10px 15px;
   width: 100s%;
   background: #fff;
   display: inline-block;
   box-shadow: 0px 0px 0px #e1e1e1;
   border-radius: 8px;
   position: ;
   z-index: 500;
 }

 .section_box1 {
   background-color: #ffffff;
   width: 100%;
   border: 0px solid #f7f7f8;
   margin: 0px 0px 10px 0px;
   box-shadow: 0 1px 7px rgb(164 173 186 / 35%);
   padding: 10px;
   border-radius: 8px;
   display: inline-block;
   position: relative;
   border-bottom: 2px solid #0495da;
 }

 .section_box_dash {
   background-color: #f5f5f5;
   width: 100%;
   border: 0px solid #f7f7f8;
   margin: 0px 0px 8px 0px;
   box-shadow: 0 0px 0px rgb(164 173 186 / 35%);
   padding: 6px 6px 0px 6px;
   border-radius: 8px;
   display: inline-block;
   position: relative;
 }

 .section_box1 h2 {
   background-color: #516ea8;
   color: #fff !important;
   margin: 0px 0px 0px 0px !important;
   padding: 9px 0px 9px 10px;
   text-align: left;
   font-weight: 700 !important;
   border-bottom: 1px solid #e8e8e8;
   width: 100%;
   display: inline-block;
   font-size: 12px !important;
   letter-spacing: 0.06em;
   text-transform: uppercase;
   border-radius: 5px 5px 0px 0px;
 }

 .section_box1 h4 {
   color: #545454 !important;
   margin: 0px 0px 0px 0px !important;
   padding: 7px 0px 5px 10px;
   text-align: left;
   font-weight: 700 !important;
   border-bottom: 0px solid #e8e8e8;
   width: 100%;
   display: inline-block;
   font-size: 12px !important;
   letter-spacing: 0.06em;
   text-transform: uppercase;
 }

 .section_box1 h4 {
   color: #545454 !important;
   margin: 0px 0px 0px 0px !important;
   padding: 7px 0px 5px 10px;
   text-align: left;
   font-weight: 700 !important;
   border-bottom: 0px solid #e8e8e8;
   width: 100%;
   display: inline-block;
   font-size: 12px !important;
   letter-spacing: 0.06em;
   text-transform: uppercase;
 }

 .sub_head {
   color: #545454 !important;
   margin: 0px 0px 0px 0px !important;
   padding: 12px 0px 10px 0px;
   text-align: left;
   font-weight: 700 !important;
   border-bottom: 0px solid #e8e8e8;
   width: 100%;
   display: inline-block;
   font-size: 12px !important;
   letter-spacing: 0.06em;
   text-transform: uppercase;
 }

 .sub_head1 {
   color: #545454 !important;
   margin: 0px 0px 0px 0px !important;
   padding: 12px 0px 10px 0px;
   text-align: left;
   font-weight: 700 !important;
   border-bottom: 0px solid #e8e8e8;
   width: 100%;
   display: inline-block;
   font-size: 12px !important;
   letter-spacing: 0.06em;
   text-transform: uppercase;
   float: left;
   width: 70%;
 }

 .boq_create_top {
   border-bottom: 1px solid #e8e8e8;
   width: 100%;
   display: inline-block;
 }

 .boq_create {
   color: #545454 !important;
   margin: 0px 0px 0px 0px !important;
   padding: 12px 0px 10px 0px;
   text-align: right;
   font-weight: 700 !important;
   border-bottom: 0px solid #e8e8e8;
   width: 100%;
   display: inline-block;
   font-size: 12px !important;
   letter-spacing: 0.06em;
   text-transform: uppercase;
   float: right;
   width: 30%;
 }

 .boq_create_con {
   color: #545454;
   text-align: left;
   font-weight: 400;
   border-bottom: 0px solid #e8e8e8;
   font-size: 12px;
 }

 .boq_con1 {
   color: #F06;
   font-weight: 600;
 }

 .boq_con2 {
   color: #6C0;
   font-weight: 600;
 }

 .boq_con3 {
   color: #F90;
   font-weight: 600;
 }

 .boq_con4 {
   color: #36F;
   font-weight: 600;
 }

 .jobhistory_box {
   background-color: #ffffff;
   width: 100%;
   border: 0px solid #f7f7f8;
   margin: 0px 0px 8px 0px;
   box-shadow: 0 1px 7px rgb(164 173 186 / 35%);
   padding: 10px;
   border-radius: 8px;
   display: inline-block;
   position: relative;
 }

 .delivery_box {
   background-color: #ffebeb;
   width: 100%;
   border: 0px solid #f7f7f8;
   margin: 0px 0px 8px 0px;
   /*box-shadow: 0 1px 7px rgb(164 173 186 / 35%);*/
   padding: 10px;
   border-radius: 8px;
   display: inline-block;
   position: relative;
 }

 .execution_box {
   background-color: #ddf2ff;
   width: 100%;
   border: 0px solid #f7f7f8;
   margin: 0px 0px 8px 0px;
   /*box-shadow: 0 1px 7px rgb(164 173 186 / 35%);*/
   padding: 10px;
   border-radius: 8px;
   display: inline-block;
   position: relative;
 }

 .commission_box {
   background-color: #d1ffe1;
   width: 100%;
   border: 0px solid #f7f7f8;
   margin: 0px 0px 8px 0px;
   /*box-shadow: 0 1px 7px rgb(164 173 186 / 35%);*/
   padding: 10px;
   border-radius: 8px;
   display: inline-block;
   position: relative;
 }

 .completion_box {
   background-color: #fff7e0;
   width: 100%;
   border: 0px solid #f7f7f8;
   margin: 0px 0px 8px 0px;
   /*box-shadow: 0 1px 7px rgb(164 173 186 / 35%);*/
   padding: 10px;
   border-radius: 8px;
   display: inline-block;
   position: relative;
 }

 .documentation_box {
   background-color: #f6e0ff;
   width: 100%;
   border: 0px solid #f7f7f8;
   margin: 0px 0px 8px 0px;
   /*box-shadow: 0 1px 7px rgb(164 173 186 / 35%);*/
   padding: 10px;
   border-radius: 8px;
   display: inline-block;
   position: relative;
 }

 .comment-text-div p {
   font-size: 13px;
   text-align: left;
   padding-top: 10px;
   line-height: 23px;
   font-weight: normal;
 }

 .comment-text-div p span {
   font-size: 13px;
   text-align: left;
   padding-top: 10px;
   line-height: 23px;
   color: #1b68be;
   font-weight: 600;
 }


 .dash_news {
   background-color: #ffffff;
   width: 100%;
   border: 0px solid #f7f7f8;
   margin: 10px 0px 8px 0px;
   box-shadow: 0 1px 3px rgb(164 173 186 / 25%);
   padding: 0px;
   border-radius: 8px;
   display: inline-block;
   position: relative;
 }

 .section_box1_content {
   padding: 10px;
   display: inline-block;
   width: 100%;
   position: relative;
   border-bottom: 2px solid #516ea8;
   border-radius: 0px 0px 5px 5px;
 }

 .section_box1_content2 {
   padding: 10px 10px 5px 10px;
 }

 .section_box1_content_dash {
   padding: 2px 19px 0px 8px;
   display: inline-block;
   width: 100%;
   position: relative;
 }

 .section_cont_scrill {
   padding: 5px 8px 5px 8px;
   display: inline-block;
   width: 100%;
   position: relative;
   /*height: calc(100vh - 166px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;*/
 }

 .section_immidiate {
   padding: 5px 7px 5px 7px;
   display: inline-block;
   width: 100%;
   position: relative;
   /*height: calc(100vh - 166px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;*/
 }

 .content_dash {
   /* scrollbar-width: thin;*/
   scrollbar-color: #333;
 }

 .section_box_not::-webkit-scrollbar {
   width: 0px;
   height: 0px;
 }

 .section_box_not::-webkit-scrollbar-track {
   background-clip: content-box;
   border: 0px solid transparent;
 }

 .section_box_not::-webkit-scrollbar-thumb {
   background: none;
 }

 .section_box_not::-webkit-scrollbar-thumb:hover {
   background: none;
 }

 .section_box_not::-webkit-scrollbar-corner,
 .section_box_not::-webkit-scrollbar-track {
   background: none;
 }

 /* The below styles are for display purposes only */
 [class^=section_box_not] {
   overflow-y: scroll;
   overflow-x: hidden;
 }

 [class^=section_box_not] {
   padding: 0rem;
   overflow-x: hidden;
 }

 .section_box_not {
   margin: 0px 0px 0px 0px;
   padding: 7px;
   display: inline-block;
   width: 100%;
   position: relative;
   height: calc(100vh - 158px);
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
 }

 .immidiate_scroll::-webkit-scrollbar {
   width: 0px;
   height: 0px;
 }

 .immidiate_scroll::-webkit-scrollbar-track {
   background-clip: content-box;
   border: 0px solid transparent;
 }

 .immidiate_scroll::-webkit-scrollbar-thumb {
   background: none;
 }

 .immidiate_scroll::-webkit-scrollbar-thumb:hover {
   background: none;
 }

 .immidiate_scroll::-webkit-scrollbar-corner,
 .immidiate_scroll::-webkit-scrollbar-track {
   background: none;
 }

 /* The below styles are for display purposes only */
 [class^=immidiate_scroll] {
   height: 1360px;
   overflow-y: scroll;
   overflow-x: hidden;
 }

 [class^=immidiate_scroll] {
   padding: 0rem;
   overflow-x: hidden;
 }

 .immidiate_scroll {
   margin: 0px 0px 0px 0px;
   padding: 0px;
   display: inline-block;
   width: 100%;
   position: relative;
   height: calc(100vh - 800px);
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
 }

 .section_table {
   /* scrollbar-width: thin;*/
   scrollbar-color: #333;
 }

 .section_table::-webkit-scrollbar {
   width: 0px;
   height: 0px;
 }

 .section_table::-webkit-scrollbar-track {
   background-clip: content-box;
   border: 0px solid transparent;
 }

 .section_table::-webkit-scrollbar-thumb {
   background: none;
 }

 .section_table::-webkit-scrollbar-thumb:hover {
   background: none;
 }

 .section_table::-webkit-scrollbar-corner,
 .section_table::-webkit-scrollbar-track {
   background: none;
 }

 /* The below styles are for display purposes only */
 [class^=section_table] {
   overflow-y: scroll;
   overflow-x: hidden;
 }

 [class^=section_table] {
   padding: 0rem;
   overflow-x: hidden;
 }

 .section_table {
   padding: 0px;
   display: inline-block;
   width: 100%;
   position: relative;
   height: calc(100vh - 195px);
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
 }

 .section_table1 {
   /* scrollbar-width: thin;*/
   scrollbar-color: #333;
 }

 .section_table1::-webkit-scrollbar {
   width: 0px;
   height: 0px;
 }

 .section_table1::-webkit-scrollbar-track {
   background-clip: content-box;
   border: 0px solid transparent;
 }

 .section_table1::-webkit-scrollbar-thumb {
   background: none;
 }

 .section_table1::-webkit-scrollbar-thumb:hover {
   background: none;
 }

 .section_table1::-webkit-scrollbar-corner,
 .section_table1::-webkit-scrollbar-track {
   background: none;
 }

 /* The below styles are for display purposes only */
 [class^=section_table] {
   overflow-y: scroll;
   overflow-x: hidden;
 }

 [class^=section_table] {
   padding: 0rem;
   overflow-x: hidden;
 }

 .section_table1 {
   padding: 0px;
   display: inline-block;
   width: 100%;
   position: relative;
   height: calc(100vh - 137px);
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
 }

 .section_boq {
   margin: 0px;
   padding: 0px;
   display: inline-block;
   width: 100%;
 }

 .boq_m {
   display: inline-block;
   width: 100%;
   position: relative;
   padding: 0px;
   margin: 10px 0px 5px 0px;
 }

 .boq_number {
   float: left;
   width: 50px;
   font-size: 14px;
   text-align: center;
   line-height: 32px;
   font-weight: 600;
 }

 .boq_form {
   float: left;
   width: calc(100vw - 312px);
 }

 .wrapper.toggled .boq_form {
   float: left;
   width: calc(100vw -166px);
 }

 .boq_table {
   margin: 0px;
   padding: 0px;
 }

 .boq_table .form-control {
   display: block;
   width: 80px;
   padding: 0rem 5px;
   font-size: 12px;
   font-weight: 400;
   line-height: 1.5;
   color: #000 !important;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #e9ecef !important;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0.375rem;
   transition: border-color 0.15sease-in-out, box-shadow 0.15sease-in-out;
   height: 23px !important;
   margin-bottom: 4px;
   text-align: right;
 }

 .boq_table ::-webkit-input-placeholder {
   color: #000 !important;
   font-size: 12px;
 }

 .boq_table ::-moz-placeholder {
   color: #000 !important;
   font-size: 12px;
 }

 .boq_table :-ms-input-placeholder {
   color: #000 !important;
   font-size: 12px;
 }

 .boq_table :-moz-placeholder {
   color: #000 !important;
   font-size: 12px;
 }

 .boq_table .form-select {
   display: block;
   width: 80px;
   padding: 0rem 5px !important;
   -moz-padding-start: calc(0.75rem - 3px);
   font-size: 12px;
   font-weight: 400;
   line-height: 1.2 !important;
   color: #212529 !important;
   height: 23px;
   background-position: right .35rem center;
   border: 1px solid #e9ecef !important;
   background-size: 8px 12px !important;
 }

 .boq_tottal_sec .form-control {
   display: block;
   width: 100%;
   padding: 3px 5px;
   font-size: 13px;
   font-weight: 600;
   line-height: 1.5;
   color: #000 !important;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #e9ecef !important;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0.375rem;
   transition: border-color 0.15sease-in-out, box-shadow 0.15sease-in-out;
   height: 28px !important;
   margin-bottom: 4px;
   text-align: right;
 }

 .boq_tottal_sec ::-webkit-input-placeholder {
   color: #000 !important;
   font-size: 13px;
   font-weight: 600;
 }

 .boq_tottal_sec ::-moz-placeholder {
   color: #000 !important;
   font-size: 13px;
   font-weight: 600;
 }

 .boq_tottal_sec :-ms-input-placeholder {
   color: #000 !important;
   font-size: 13px;
   font-weight: 600;
 }

 .boq_tottal_sec :-moz-placeholder {
   color: #000 !important;
   font-size: 13px;
   font-weight: 600;
 }

 .boq_tottal_sec .form-select {
   display: block;
   width: 100%;
   padding: 3px 5px;
   -moz-padding-start: calc(0.75rem - 3px);
   font-size: 13px;
   font-weight: 600;
   line-height: 1.5;
   color: #212529 !important;
   height: 28px;
   background-position: right .35rem center;
   border: 1px solid #e9ecef !important;
   margin: -3px 0px 0px 0px;
 }

 .boq_table .table>tbody>tr>td,
 .boq_table .table>tbody>tr>th,
 .boq_table .table>tfoot>tr>td,
 .boq_table .table>tfoot>tr>th,
 .boq_table .table>thead>tr>td,
 .boq_table .table>thead>tr>th {
   padding: 10px 3px 10px 3px;
   line-height: 1.42857143;
   vertical-align: top;
   border: 0px solid #ddd;
   border-bottom: 1px solid #f0f0f0 !important;
   vertical-align: top !important;
   font-size: 13px;
   text-align: center;
 }

 .boq_table .table th {
   padding: 5px 3px 5px 3px !important;
   font-size: 13px !important;
   text-align: center;
 }

 .boq_tottal_sec {
   background: #f5f5f5;
 }

 .boq_tottal_sec1 {
   width: 570px;
   float: right;
 }

 .boq_tottal {
   font-weight: 600;
   text-align: right !important;
   font-size: 13px !important;
 }

 .boq_sec {
   padding: 0px 5px 0px 5px;
   margin: 15px 0px 0px 0px;
 }

 .td_w {
   width: 500px;
 }

 .project_list {
   padding: 0px;
   margin: 0px;
 }

 .content_dash h3 {
   margin: 0px 0px 4px 0px;
   margin-left: 0px;
   text-align: left;
   font-size: 11px;
   padding: 0px 0px 0px 0px;
   font-weight: 500;
   color: #2d2d2d;
   letter-spacing: 0.1em;
   text-transform: uppercase;
 }

 .scroll_con {
   margin: 0px;
   text-align: center;
   font-size: 14px;
   padding: 0px 0px 0px 0px;
   font-weight: 500;
   color: #000;
   letter-spacing: 0;
   text-transform: none;
   line-height: 18px;
 }

 .scroll_marques {
   width: 100%;
   display: inline-block;
   margin: 0px;
   padding: 6px 0px 1px 0px;
 }

 .scroll_marques li {
   float: left;
   margin: 0px;
   padding: 0px 10px;
   color: #1a66c3;
 }

 .scroll_marques li a {
   font-size: 14px;
   margin: 0px;
   padding: 0px;
   color: #1a66c3;
 }

 .container-marquee {
   width: 100%;
   overflow: hidden;
 }

 .form-group {
   clear: both;
   display: inline-block;
   margin-bottom: 5px !important;
   width: 100%;
   position: relative;
 }

 .table {
   margin-bottom: 0px;
 }

 .table>tbody>tr>td,
 .table>tbody>tr>th,
 .table>tfoot>tr>td,
 .table>tfoot>tr>th,
 .table>thead>tr>td,
 .table>thead>tr>th {
   padding: 10px 5px 10px 5px !important;
   line-height: 1.42857143;
   vertical-align: top;
   border: 0px solid #ddd;
   border-bottom: 1px solid #f0f0f0 !important;
   vertical-align: middle !important;
   font-size: 13px;
   text-align: center;
 }

 .table th {
   background: #f9f9f9;
   padding: 10px 5px 10px 5px !important;
   font-size: 13px;
   color: #000;
   border-top: 1px solid #f2f2f2 !important;
   text-align: center;
   font-weight: 600;
 }

 .modal_bg .table th {
   background: none;
   padding: 10px 5px 10px 5px !important;
   font-size: 13px;
   color: #000;
   border-top: 1px solid #f2f2f2 !important;
   text-align: left !important;
   font-weight: 600;
 }

 .table td {
   color: #2d2d2d;
 }

 .td_left {
   text-align: left !important;
 }


 .project_list .table>tbody>tr>td,
 .project_list .table>tbody>tr>th,
 .project_list .table>tfoot>tr>td,
 .project_list .table>tfoot>tr>th,
 .project_list .table>thead>tr>td,
 .project_list .table>thead>tr>th {
   padding: 10px 5px 10px 5px;
   line-height: 1.42857143;
   vertical-align: top;
   border: 0px solid #ddd;
   border-bottom: 1px solid #f0f0f0 !important;
   vertical-align: middle !important;
   font-size: 13px;
   text-align: center;
 }

 .project_list .table th {
   background: #f9f9f9;
   padding: 10px 5px 10px 5px !important;
   font-size: 13px;
   color: #000;
   border-top: 1px solid #f2f2f2 !important;
   font-weight: 600;
   text-align: center;
 }

 .project_list .table td {
   color: #2d2d2d;
 }

 .section_box1_content2 .form-control {
   display: block;
   width: 100%;
   padding: 0.375rem 0.75rem;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #e9ecef !important;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0.375rem;
   transition: border-color 0.15sease-in-out, box-shadow 0.15sease-in-out;
   height: 31px;
 }

 .section_box1_content2 .form-select {
   display: block;
   width: 100%;
   padding: 0.375rem 2.25rem 0.375rem 0.75rem;
   -moz-padding-start: calc(0.75rem - 3px);
   font-size: 14px;
   font-weight: 400;
   line-height: 1.2;
   color: #212529 !important;
   height: 31px;
   background-position: right .35rem center;
 }

 .section_box1_content2 .select-calander {
   width: 100%;
   -moz-border-radius: 5px;
   -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
   -webkit-border-radius: 5px;
   -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
   background: url(../images/calander.png) #fff;
   background-position: right;
   background-repeat: no-repeat;
   border-radius: 5px;
   border: 1px solid #e9ecef;
   box-shadow: none;
   color: #212529 !important;
   font-size: 14px;
   height: 31px !important;
   padding: 0px 0px 0px 10px;
 }

 .section_box1_content2 .select-calander:hover {
   background: url(../images/calander.png) #fff no-repeat right center;
   border-color: #239fdb;
   box-shadow: 0 0 3px rgba(13, 110, 253, 0.25);
   border: 1px solid #e9ecef;
 }

 .section_box1_content2 .form-group {
   clear: both;
   display: inline-block;
   margin-bottom: 10px !important;
   width: 100%;
   position: relative;
 }

 .section_box1_content2 ::-webkit-input-placeholder {
   color: #212529 !important;
   font-size: 14px;
 }

 .section_box1_content2 ::-moz-placeholder {
   color: #212529 !important;
   font-size: 14px;
 }

 .section_box1_content2 :-ms-input-placeholder {
   color: #212529 !important;
   font-size: 14px;
 }

 .section_box1_content2 :-moz-placeholder {
   color: #212529 !important;
   font-size: 14px;
 }

 .form-control {
   display: block;
   width: 100%;
   padding: 0.375rem 0.75rem;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.5;
   color: #212529 !important;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #e9ecef !important;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0.375rem;
   transition: border-color 0.15sease-in-out, box-shadow 0.15sease-in-out;
   height: 35px;
 }

 .form_amount {
   text-align: center !important;
   font-size: 14px;
   font-weight: 600;
 }

 .form-control-lg {
   min-height: calc(1.5em + 1rem + 2px);
   padding: .5rem 1rem;
   font-size: 14px;
 }

 .form-select {
   display: block;
   width: 100%;
   padding: 0.375rem 2.25rem 0.375rem 0.75rem;
   -moz-padding-start: calc(0.75rem - 3px);
   font-size: 14px;
   font-weight: 400;
   line-height: 1.2;
   color: #212529 !important;
   height: 35px;
   background-position: right .35rem center;
   border: 1px solid #e9ecef !important;
 }

 .select-calander {
   width: 100%;
   -moz-border-radius: 5px;
   -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
   -webkit-border-radius: 5px;
   -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
   background: url(../images/calander.png) #fff;
   background-position: right;
   background-repeat: no-repeat;
   border-radius: 5px;
   border: 1px solid #e9ecef !important;
   box-shadow: none;
   color: #212529 !important;
   font-size: 14px;
   height: 35px !important;
   padding: 0px 0px 0px 10px;
 }

 .select-calander:hover {
   background: url(../images/calander.png) #fff no-repeat right center;
   border-color: #239fdb;
   box-shadow: 0 0 3px rgba(13, 110, 253, 0.25);
   border: 1px solid #e9ecef;
 }

 textarea.form-control {
   min-height: auto;
   border: 1px solid #e9ecef !important;
 }

 .modal_contents textarea.form-control {
   min-height: 100px !important;
   border: 1px solid #e9ecef !important;
   margin-bottom: 10px !important;
 }

 .jobs_br {
   border: 1px solid #fcfcfc !important;
   background: #fcfcfc;
 }


 .text_area {
   min-height: 60px !important;
 }

 .text_area1 {
   min-height: 80px !important;
 }

 .text_area2 {
   min-height: 50px !important;
   border: 0px solid #e9ecef !important;
 }

 .text_area3 {
   min-height: 100px !important;
 }

 .btn-secondary {
   margin-top: 0px;
   border-radius: 8px;
   background-color: #545454 !important;
   border-color: #53575f !important;
   font-size: 12px;
   font-weight: 600;
   padding: 5px 20px 5px 20px;
   min-height: 34px;
   text-transform: uppercase;
   letter-spacing: 0.08em;
   line-height: 21px;
 }

 .btn-success {
   margin-top: 0px;
   border-radius: 8px;
   background-color: #53575f !important;
   border-color: #53575f;
   font-size: 12px;
   font-weight: 600;
   padding: 5px 20px 5px 20px;
   min-height: 34px;
   text-transform: uppercase;
   letter-spacing: 0.08em;
   line-height: 21px;
 }
 
  .btn-danger {
   margin-top: 0px;
   border-radius: 8px;
   font-size: 12px;
   font-weight: 600;
   padding: 5px 20px 5px 20px;
   min-height: 34px;
   text-transform: uppercase;
   letter-spacing: 0.08em;
   line-height: 21px;
 }


 .search_btns {
   padding: 3px 9px 3px 9px !important;
   min-height: 31px;
 }

 .job_view {
   margin: 0px;
   padding: 0px;
 }

 .job_view label {
   font-size: 14px;
   font-weight: 500 !important;
   line-height: 21px;
   text-align: left;
   color: #0a6ad6;
   text-transform: none;
 }

 .jobhistory_box label {
   font-size: 14px;
   font-weight: 500 !important;
   line-height: 21px;
   text-align: left;
   color: #000;
   padding: 0px 0px 0px 0px;
   text-transform: none;
 }

 .jobhistory_status {
   font-size: 14px;
   font-weight: 500 !important;
   line-height: 21px;
   text-align: left;
   color: #007bda;
   padding: 0px 0px 0px 0px;
   text-transform: none;
 }

 .job_view ::-webkit-input-placeholder {
   color: #212529 !important;
   font-size: 14px;
 }

 .job_view ::-moz-placeholder {
   color: #212529 !important;
   font-size: 14px;
 }

 .job_view :-ms-input-placeholder {
   color: #212529 !important;
   font-size: 14px;
 }

 .job_view :-moz-placeholder {
   color: #212529 !important;
   font-size: 14px;
 }

 .job_con {
   width: 100%;
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   line-height: 20px;
   border: 0px solid #f5f5f5;
   background: #f7f7f7;
   border-radius: 8px;
   min-height: 30px;
 }

 .job_con1 {
   width: 100%;
   font-size: 14px;
   font-weight: 400;
   text-align: left;
   color: #0095da;
   padding: 5px 11px 5px 11px;
   line-height: 20px;
   border: 0px solid #fcfcfc;
   background: #fff;
   border-radius: 8px;
 }

 .job_won {
   width: auto;
   font-size: 20px;
   font-weight: 600;
   text-align: left;
   color: #fff;
   /* padding: 5px 11px 5px 11px; */
   /* line-height: 20px; */
   border: 0px solid #f5f5f5;
   background: #3d861a;
   border-radius: 8px;
   min-height: 30px;
   float: left;
   padding: 10px 20px;
 }

 .job_con_new {
   width: 100%;
   font-size: 14px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   line-height: 20px;
   border: 0px solid #fcfcfc;
   background: #b1ecfd;
   border-radius: 8px;
   z-index: 500;
   position: relative;
   resize: vertical;
   overflow: hidden;
 }

 .job_files {
   width: 100%;
   font-size: 14px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   line-height: 20px;
   border: 1px solid #eee;
   background: #fff;
   border-radius: 8px;
   z-index: 500;
   position: relative;
   resize: vertical;
   overflow: hidden;
 }

 .job_con_pending {
   width: 100%;
   font-size: 14px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   line-height: 20px;
   border: 0px solid #fcfcfc;
   background: #fff6b7;
   border-radius: 8px;
   z-index: 500;
   position: relative;
   resize: vertical;
   overflow: hidden;
 }

 .job_con_close {
   width: 100%;
   font-size: 14px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   line-height: 20px;
   border: 0px solid #fcfcfc;
   background: #d6d6fa;
   border-radius: 8px;
   z-index: 500;
   position: relative;
   resize: vertical;
   overflow: hidden;
 }

 .job_con_serviice {
   width: 100%;
   font-size: 14px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   line-height: 20px;
   border: 0px solid #fcfcfc;
   background: #f7cefc;
   border-radius: 8px;
   z-index: 500;
   position: relative;
   resize: vertical;
   overflow: hidden;
 }

 .job_con_office {
   width: 100%;
   font-size: 14px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   line-height: 20px;
   border: 0px solid #fcfcfc;
   background: #b1dafb;
   border-radius: 8px;
   z-index: 500;
   position: relative;
   resize: vertical;
   overflow: hidden;
 }

 .job_con_verified {
   width: 100%;
   font-size: 14px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   line-height: 20px;
   border: 0px solid #fcfcfc;
   background: #dee2e2;
   border-radius: 8px;
   z-index: 500;
   position: relative;
   resize: vertical;
   overflow: hidden;
 }

 .job_con_complete {
   width: 100%;
   font-size: 14px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   line-height: 20px;
   border: 0px solid #fcfcfc;
   background: #c1fcbd;
   border-radius: 8px;
   z-index: 500;
   position: relative;
   resize: vertical;
   overflow: hidden;
 }

 .job_con_reopened {
   width: 100%;
   font-size: 14px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   line-height: 20px;
   border: 0px solid #fcfcfc;
   background: #fed1dc;
   border-radius: 8px;
   z-index: 500;
   position: relative;
   resize: vertical;
   overflow: hidden;
 }

 .job_con_inprogress {
   width: 100%;
   font-size: 14px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   line-height: 20px;
   border: 0px solid #fcfcfc;
   background: #9efcef;
   border-radius: 8px;
   z-index: 500;
   position: relative;
   resize: vertical;
   overflow: hidden;
 }

 .prospect_st {
   font-size: 12px;
   font-weight: 500 !important;
   text-align: left;
   color: #000;
   padding: 0px 0px 0px 0px;
   text-transform: none;
 }

 .content_area_sec {
   margin: 0px auto;
   width: 100%;
 }

 .edit_con1 {
   float: right;
   margin: -35px 15px 0px 0px;
   padding: 0px;
   position: relative;
   z-index: 45;
 }

 .mb_2 {
   margin-bottom: 2px !important;
 }

 .mb_4 {
   margin-bottom: 4px !important;
 }

 .mb_9 {
   margin-bottom: 9px !important;
 }

 .pl_0 {
   padding-left: 0px !important;
 }

 .create_new {
   float: right;
   margin: 14px 15px 0px 0px;
   position: fixed;
   right: 0px;
   text-transform: uppercase;
   z-index: 600;
 }

 .create_new a {
   float: right;
   margin: 0px 6px 0px 0px;
   position: relative;
   text-transform: uppercase;
 }

 .create_new1 {
   float: right;
   margin: 14px 10px 0px 0px;
   position: fixed;
   right: 0px;
   text-transform: uppercase;
 }

 .add_new_task {
   width: auto;
   padding: 2px 8px 2px 8px;
   font-size: 11px;
   font-weight: 500 !important;
   color: #fff;
   height: 25px;
   background: #516ea8;
   border-radius: 30px;
   z-index: 500;
   right: 5px;
   margin: -3px 0px 0px 2px;
   letter-spacing: 0.08em;
   border: 1px solid #ccc;
   box-shadow: 0px 0px 0px #ccc;
   float: right;
   cursor: pointer;
 }

 .add_new_con {
   float: left;
   padding: 2px 5px 0px 2px;
   text-transform: uppercase;
 }

 .add_new_icon {
   font-size: 16px;
   line-height: 12px;
   float: right;
   margin: 0px 0px 0px 0px;
 }

 .create_new_branch1 {
   float: right;
   margin: 7px 15px 3px 0px;
   position: fixed;
   right: 0px;
   color: #000;
   z-index: 600;
 }

 .create_new_branch1 .btn {
   background: #f0f0f0;
   padding: 1px 12px 1px 12px;
 }

 .dropdown,
 .dropdown-center,
 .dropend,
 .dropstart,
 .dropup,
 .dropup-center {
   position: relative;
   height: 42px;
   float: right;
   padding: 5px 8px;
 }

 .dropdown a {
   color: #000;
   font-size: 12px;
 }

 .dropdown a:hover {
   color: #000;
   font-size: 12px;
   background: #fff;
 }

 .dropdown-menu[data-bs-popper] {
   top: 100%;
   left: -221px;
   margin-top: var(--bs-dropdown-spacer);
   width: 265px;
   padding: 7px;
 }

 /*
.dropdown img {
  position: relative;
  margin: -5px 0px 0px 0px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 0px;
}*/
 top_uer {
   margin: 0px;
   padding: 0px;
 }

 .top_uer img {
   position: relative;
   margin: -5px 0px 0px 0px;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   border: 0px;
 }

 .top_flag {
   margin: 3px 0px 0px 0px;
   padding: 0px;
 }

 .top_flag img {
   position: relative;
   margin: 0px 0px 0px 0px;
   width: 30px;
   border: 0px;
 }

 .top_flag_img {
   width: 30px;
   border: 0px;
 }

 .dropprofile {
   padding: 5px 0px 0px 0px;
 }

 .dropdown .fa {
   color: #333;
   font-size: 18px;
 }

 .dropdown-item {
   padding: 10px 15px;
   font-size: 14px;
   background: #f5f5f5;
 }

 .profile_bg {
   background: #fff;
   padding: 10px;
   border-radius: 0px;
 }

 .profile_bg h4 {
   color: #2d2d2d;
   font-size: 16px;
 }

 .profile_bg p {
   color: #000;
   font-size: 12px;
 }

 .badge {
   display: inline-block;
   padding: 0px;
   font-size: 12px;
   font-weight: normal;
   line-height: 18px;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 50%;
   width: 18px;
   height: 18px;
   text-align: center;
   background: #fcc558;
   position: absolute;
   color: #fff;
   margin: -12px -7px 0px 0px;
   top: 5px;
   right: 9px;
 }

 .badge1 {
   display: inline-block;
   padding: 0px;
   font-size: 12px;
   font-weight: normal;
   line-height: 18px;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 50%;
   width: 18px;
   height: 18px;
   text-align: center;
   background: #ff9292;
   position: absolute;
   color: #fff;
   margin: -12px -7px 0px 0px;
   top: 5px;
   right: 9px;
 }

 .pagination {
   border-radius: 4px;
   display: inline-block;
   margin: 7px 0px 0px 0px !important;
   padding-left: 0;
 }

 .pagination>li>a {
   background: none;
   border: 0px solid #dddddd;
   color: #373e4a;
   font-weight: 500;
   font-size: 14px;
 }

 .pagination>li>a span {
   background-color: #ffffff;
   border: 0px solid #dddddd;
   color: #373e4a;
   font-weight: 500;
   font-size: 21px;
   line-height: 21px;
 }

 .pagination>.active>a,
 .pagination>.active>span,

 .pagination>.active>a:hover,
 .pagination>.active>span:hover,
 .pagination>.active>a:focus,
 .pagination>.active>span:focus {
   background-color: #f6f6f6;
   border-color: #f6f6f6;
   color: #0095da;
 }

 .page-item {
   float: left;
   font-size: 12px;
 }

 .dashboard_top {
   margin: 5px 0px 15px 0px;
   padding: 10px 15px 8px 15px;
   width: 100%;
   background: #fff;
   display: inline-block;
   box-shadow: 0px 0px 0px #e1e1e1;
   border-radius: 8px;
   z-index: 500;
 }

 .dashboard_sec {
   width: 20%;
   float: left;
 }

 .complete_appointment {
   background-color: #fff;
   width: 115px;
   height: 115px;
   color: #2d2d2d;
   text-align: center;
   padding: 15px 0px 0px 0px;
   margin: 0px auto;
   border-radius: 50%;
   box-shadow: 0px 0px 0px #ccc;
   text-transform: uppercase;
 }

 .complete_appointment_br1 {
   border: 5px solid #75c43b;
 }

 .complete_appointment_br2 {
   border: 5px solid #fc03a7;
 }

 .complete_appointment_br3 {
   border: 5px solid #ff8502;
 }

 .complete_appointment_br4 {
   border: 5px solid #39b3e4;
 }

 .complete_appointment_br5 {
   border: 5px solid #f20e73;
 }

 .calls_con {
   font-weight: 500;
   font-size: 14px;
   letter-spacing: 0.3px;
   padding: 6px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   color: #545454;
   text-align: center;
   text-transform: uppercase;
 }

 .calls_con1 {
   font-weight: 600;
   font-size: 16px;
   letter-spacing: 0.3px;
   padding: 6px 0px 6px 0px;
   margin: 0px 0px 0px 0px;
   color: #2d2d2d;
   text-align: center;
   text-transform: uppercase;
 }

 .calls_count {
   font-weight: 600;
   font-size: 35px;
   letter-spacing: 0.6px;
   padding: 10px 0px 10px 0px;
   margin: 0px 0px 0px 0px;
   color: #75c43b;
   text-align: center;
   text-transform: uppercase;
   line-height: 30px;
 }

 .calls_count1 {
   font-weight: 600;
   font-size: 35px;
   letter-spacing: 0.6px;
   padding: 5px 0px 7px 0px;
   margin: 0px 0px 0px 0px;
   color: #fc03a7;
   text-align: center;
   text-transform: uppercase;
   line-height: 30px;
 }

 .calls_count2 {
   font-weight: 600;
   font-size: 35px;
   letter-spacing: 0.6px;
   padding: 5px 0px 7px 0px;
   margin: 0px 2px 0px 0px;
   color: #ff8502;
   text-align: center;
   text-transform: uppercase;
   line-height: 30px;
 }

 .calls_count3 {
   font-weight: 600;
   font-size: 35px;
   letter-spacing: 0.6px;
   padding: 5px 0px 7px 0px;
   margin: 0px 2px 0px 0px;
   color: #0074ff;
   text-align: center;
   text-transform: uppercase;
   line-height: 30px;
 }

 .dash_sec {
   background-color: #fff;
   width: 100%;
   display: inline-block;
   text-align: center;
   color: #2d2d2d;
   margin: 0px 0px 0px 0px;
   border-radius: 8px;
   box-shadow: 0 0px 1px rgb(164 173 186 / 50%);
   border: 1px solid #e8e8e8;
 }

 .dash_sec h2 {
   color: #545454 !important;
   margin: 0px 0px 0px 0px !important;
   padding: 0px 0px 8px 10px;
   text-align: left;
   font-weight: 700 !important;
   border-bottom: 1px solid #e8e8e8;
   width: 100%;
   display: inline-block;
   font-size: 12px !important;
   letter-spacing: 0.06em;
   text-transform: uppercase;
 }

 .dash_sec1 {
   background-color: #fff;
   width: 100%;
   display: inline-block;
   text-align: center;
   color: #2d2d2d;
   margin: 0px 0px 10px 0px;
   padding: 5px 5px;
   border-radius: 8px;
   box-shadow: 0px 0px 0px #ccc;
   min-height: 335px;
 }

 .dash_docters_sec {
   width: 100%;
   display: inline-block;
 }

 .dash_sec_con {
   font-size: 12px !important;
   color: #646464;
   font-weight: 600;
   text-align: center;
   padding: 0px 10px 0px 10px;
   margin-top: 0;
   text-transform: none;
   line-height: 16px;
   text-align: left;
   overflow: hidden;
   text-overflow: clip;
   white-space: nowrap;
 }

 .dash_doc_name {
   font-size: 12px !important;
   color: #646464;
   font-weight: 600;
   text-align: center;
   padding: 0px 10px 0px 10px;
   margin-top: 0;
   text-transform: none;
   line-height: 16px;
   text-align: left;
 }

 .dash_sec_con1 {
   color: #646464;
   font-size: 12px !important;
   line-height: 20px;
   font-weight: 400;
   padding: 2px 10px 0px 10px;
   margin-top: 0;
   line-height: 18px;
   text-align: left;
   float: left;
   width: 60%;
 }

 .dash_sec_con2 {
   color: #646464;
   font-size: 12px !important;
   line-height: 20px;
   font-weight: 400;
   padding: 5px 10px 0px 10px;
   margin-top: 0;
   text-align: right;
   float: left;
   width: 40%;
 }

 .dash_sec_con3 {
   font-size: 12px !important;
   color: #646464;
   font-weight: 400;
   text-align: center;
   padding: 0px 10px 0px 10px;
   margin-top: 0;
   text-transform: none;
   line-height: 20px;
   text-align: left;
 }

 .dash_sec_con2 {
   color: #646464;
   font-size: 12px !important;
   line-height: 20px;
   font-weight: 400;
   padding: 5px 10px 0px 10px;
   margin-top: 0;
   text-align: right;
   float: left;
   width: 40%;
 }

 .technicals {
   width: 43px;
   font-size: 18px !important;
   color: #000;
   float: left;
   margin: 0px 5px 0px 0px;
   line-height: 25px;
   text-align: center;
   padding: 5px;
   font-weight: 600;
 }

 .technicals_cons {
   float: left;
   font-size: 15px !important;
   color: #000;
   font-weight: 500;
   text-align: left;
   padding: 7px 0px 0px 5px;
   margin-top: 0;
   text-transform: none;
   line-height: 21px;
   overflow: hidden;
   text-overflow: clip;
   white-space: nowrap;
   width: 64%;
 }

 .tech_new {
   background-color: #ff9a2b;
 }

 .tech_inpro {
   background-color: #29cb27;
 }

 .tech_close {
   background-color: #ff7693;
 }

 .crm_link {
   padding: 4px 3px 4px 3px;
 }

 .crm_link a {
   width: 100%;
   display: inline-block;
   border-radius: 5px;
   padding: 3px 10px;
   margin: 0px 0px 0px 0px;
   font-size: 12px;
   color: #000;
 }

 .crm_link a:hover {
   background: #f5f5f5;
 }

 .crm_shedule {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   font-size: 18px !important;
   color: #fff;
   float: left;
   margin: 2px 7px 0px 0px;
   line-height: 35px;
   text-align: center;
 }

 .crm_clr1 {
   background-color: #b9ffd3;
 }

 .crm_clr2 {
   background-color: #ffd3dd;
 }

 .crm_clr3 {
   background-color: #e4c7ff;
 }

 .crm_clr4 {
   background-color: #c2deff;
 }

 .crm_clr5 {
   background-color: #ffc8eb;
 }

 .crm_clr6 {
   background-color: #ffddc1;
 }

 .crm_clr7 {
   background-color: #fff2c5;
 }

 .crm_clr8 {
   background-color: #f7cbff;
 }

 .crm_clr9 {
   background-color: #c4f3ff;
 }

 .crm_clr10 {
   background-color: #e7cfd3;
 }

 .crm_clr11 {
   background-color: #c9e9e2;
 }

 .crm_clr12 {
   background-color: #fffcd3;
 }

 .crm_clr13 {
   background-color: #f2fec1;
 }

 .crm_clr14 {
   background-color: #ffdce1;
 }

 /*.crm_clr1{ background-color: #22c55e;}	
.crm_clr2{ background-color: #ff7693;}	
.crm_clr3{ background-color: #a855f7;} 
.crm_clr4{ background-color: #358ffc;}	
.crm_clr5{ background-color: #f311a1;} 
.crm_clr6{ background-color: #fa6b15;}	
.crm_clr7{ background-color: #f1ce5e;} 
.crm_clr8{ background-color: #a114ba;}	
.crm_clr9{ background-color: #112f93;} 
.crm_clr10{ background-color: #9e676f;}
.crm_clr11{ background-color: #fa405a;}
.crm_clr12{ background-color: #1db694;}
.crm_clr13{ background-color: #7f9b10;}*/
 .crm_cons {
   float: left;
   font-size: 12px !important;
   color: #000;
   font-weight: 500;
   text-align: left;
   padding: 0px 0px 0px 0px;
   margin-top: 0;
   text-transform: none;
   line-height: 16px;
   width: 80%;
 }

 .notifation {
   width: 100%;
   display: inline-block;
   border-radius: 5px;
   padding: 4px 7px;
   margin: 0px 0px 0px 0px;
   font-size: 12px;
   color: #000;
 }

 .notifation:hover {
   background: #f0f0f0
 }

 .not_ind {
   background: #ddffdb
 }

 .not_oman {
   background: #ffeaea
 }

 .not_uae {
   background: #7b78783b
 }

 .notifation_con {
   width: 85%;
   float: left;
   margin: 0px;
   padding: 0px;
 }

 .notifation_flag {
   width: 12%;
   float: right;
   margin: 0px;
   padding: 5px 0px 0px 0px;
   text-align: right;
 }

 .notifation_flag img {
   width: 17px;
 }

 .slaes_new {
   background-color: #1895ed;
 }

 .slaes_inpro {
   background-color: #d34bf5;
 }

 .slaes_close {
   background-color: #fd40ce;
 }

 .awaiting_cons {
   float: left;
   font-size: 14px !important;
   color: #646464;
   font-weight: 600;
   text-align: left;
   padding: 14px 0px 15px 0px;
   margin-top: 0;
   text-transform: uppercase;
   line-height: 21px;
 }

 .docters_image {
   width: 40px;
   float: left;
   margin: 0px 5px 0px 5px;
 }

 .docters_image img {
   border-radius: 50%;
   width: 35px;
   height: 35px;
 }

 .dash_doc_name {
   font-size: 12px !important;
   color: #646464;
   font-weight: 600;
   text-align: center;
   padding: 0px 10px 0px 10px;
   margin-top: 0;
   text-transform: none;
   line-height: 16px;
   text-align: left;
 }

 .dash_sec_con1 {
   color: #646464;
   font-size: 12px !important;
   line-height: 20px;
   font-weight: 400;
   padding: 2px 10px 0px 10px;
   margin-top: 0;
   line-height: 18px;
   text-align: left;
   float: left;
   width: 60%;
 }

 .dash_sec_con2 {
   color: #646464;
   font-size: 12px !important;
   line-height: 20px;
   font-weight: 400;
   padding: 5px 10px 0px 10px;
   margin-top: 0;
   text-align: right;
   float: left;
   width: 40%;
 }

 .dash_sec_con3 {
   font-size: 12px !important;
   color: #646464;
   font-weight: 400;
   text-align: center;
   padding: 0px 10px 0px 10px;
   margin-top: 0;
   text-transform: none;
   line-height: 20px;
   text-align: left;
 }

 .dash_sec_con2 {
   color: #646464;
   font-size: 12px !important;
   line-height: 20px;
   font-weight: 400;
   padding: 5px 10px 0px 10px;
   margin-top: 0;
   text-align: right;
   float: left;
   width: 40%;
 }

 .icon_clr1 {
   background: #46ef9e;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   font-size: 13px;
   color: #fff;
   text-align: center;
   line-height: 35px;
 }

 .icon_clr2 {
   background: #d888eb;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   font-size: 13px;
   color: #fff;
   text-align: center;
   line-height: 35px;
 }

 .icon_clr3 {
   background: #39b3e4;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   font-size: 13px;
   color: #fff;
   text-align: center;
   line-height: 35px;
 }

 .icon_clr4 {
   background: #ff5454;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   font-size: 13px;
   color: #fff;
   text-align: center;
   line-height: 35px;
 }

 .icon_clr5 {
   background: #ffd200;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   font-size: 13px;
   color: #fff;
   text-align: center;
   line-height: 35px;
 }

 .icon_clr6 {
   background: #9ddb45;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   font-size: 13px;
   color: #fff;
   text-align: center;
   line-height: 35px;
 }

 .icon_clr7 {
   background: #fc03a7;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   font-size: 13px;
   color: #fff;
   text-align: center;
   line-height: 35px;
 }

 .icon_clr8 {
   background: #db5824;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   font-size: 13px;
   color: #fff;
   text-align: center;
   line-height: 35px;
 }

 .icon_clr9 {
   background: #c19d47;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   font-size: 13px;
   color: #fff;
   text-align: center;
   line-height: 35px;
 }

 .icon_clr10 {
   background: #e0a694;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   font-size: 13px;
   color: #fff;
   text-align: center;
   line-height: 35px;
 }

 .icon_clr11 {
   background: #955495;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   font-size: 13px;
   color: #fff;
   text-align: center;
   line-height: 35px;
 }

 .icon_clr12 {
   background: #60ac87;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   font-size: 13px;
   color: #fff;
   text-align: center;
   line-height: 35px;
 }

 .welcome {
   color: #2d2d2d;
   font-size: 16px;
   font-weight: 600;
   padding: 2px 0px 0px 0px;
   display: block;
   text-align: center;
 }

 .welcome .form-control {
   display: block;
   width: 100%;
   padding: 0.375rem 0.75rem;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #e9ecef !important;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0.375rem;
   transition: border-color 0.15sease -in-out, box-shadow 0.15sease -in-out;
   height: 30px;
 }

 .close_btns {
   position: absolute;
   right: 14px;
   font-size: 30px;
   line-height: 18px;
   margin: 18px 0px 0px 0px !important;
   z-index: 590;
   color: #545454;
 }

 .new_modals {
   margin: 0px;
   padding: 0px;
 }

 .new_modals .modal {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 9999;
   display: none;
   overflow: scroll;
   -webkit-overflow-scrolling: touch;
   outline: 0;
   background: rgba(0, 0, 0, 0.20);
   padding-left: 0px !important;
 }

 .new_modals .close {
   float: right;
   font-size: 35px;
   font-weight: 400;
   line-height: 1;
   color: #fff;
   text-shadow: 0 0px 0 #fff;
   filter: alpha(opacity=20);
   opacity: 0.8;
   margin: -112px 0px 0px 0px;
   position: absolute;
   right: 0px;
   border: 0;
   background: none;
   z-index: 500;
 }

 .new_modals .closesdt {
   margin: -35px 0px 0px 0px !important;
 }

 .new_modals .close1 {
   float: right;
   font-size: 35px;
   font-weight: 400;
   line-height: 1;
   color: #2d2d2d;
   text-shadow: 0 0px 0 #fff;
   filter: alpha(opacity=20);
   opacity: 0.8;
   margin: -7px 0px 0px 0px;
   position: absolute;
   right: 0px;
   border: 0;
   background: none;
   z-index: 500;
 }

 .new_modals1 {
   margin: 0px;
   padding: 0px;
 }

 .new_modals1 .modal {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 9999;
   display: none;
   overflow: hidden;
   -webkit-overflow-scrolling: touch;
   outline: 0;
   background: rgba(0, 0, 0, 0.20);
   padding-left: 0px !important;
 }

 .new_modals1 .close {
   float: right;
   font-size: 35px;
   font-weight: 400;
   line-height: 1;
   color: #fff;
   text-shadow: 0 0px 0 #fff;
   filter: alpha(opacity=20);
   opacity: 0.8;
   margin: 0px 0px 0px 0px;
   position: relative;
   right: 0px;
   border: 0;
   background: none;
   z-index: 500;
 }

 .new_modals1 .modal-header {
   border-bottom-width: 2px;
   margin: 0;
   padding: 6px 15px 6px 22px;
   width: 100%;
   display: inline-block;
   border-bottom: 0px solid #e5e5e5 !important;
   background: #000;
   min-height: 50px;
 }

 .new_modals1 .modal-footer {
   border-top: 0px solid #e5e5e5 !important;
   min-height: 50px;
   background: #000;
 }

 .modal-fullscreen {
   width: 96vw;
   max-width: none;
   height: 100%;
   margin: 0px !important;
 }

 .close1 {
   margin: -53px 0px 0px 0px !important;
 }

 .new_modals .modal_save {
   float: right;
   margin: 15px 25px 10px 10px;
   position: absolute;
   right: 0px;
 }

 .new_modals .modal_save1 {
   float: right;
   margin: 15px 0px 10px 10px;
   position: absolute;
   right: 0px;
 }

 .modal-dialog {
   margin: 60px auto !important;
 }

 .modal_contents {
   width: 100%;
   padding: 15px 35px 25px 35px;
   display: inline-block;
 }


 .modal_contents h2 {
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: left;
   font-size: 18px;
   padding: 0px 0px 0px 0px;
   font-weight: 600;
   line-height: 18px;
 }

 .modal_contents h3 {
   margin: 0px;
   text-align: left;
   font-size: 14px;
   padding: 3px 0px 1px 0px;
   font-weight: 600;
   line-height: 18px;
 }

 .modal_contents h5 {
   font-size: 12px;
   font-weight: 600 !important;
   line-height: 21px;
   text-align: left;
   flex-grow: 1;
   color: #ba104f;
   padding: 0px 0px 4px 0px;
   text-transform: none;
   font-family: 'Source Sans Pro', sans-serif !important;
 }


 .modal-title {
   margin: 0;
   line-height: 41px;
   padding: 0px 0px 0px 0px;
   font-size: 14px;
   color: #2d2d2d;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-weight: 500;
   float: left;
 }

 .modal-title1 {
   margin: 0;
   line-height: 41px;
   padding: 10px 0px 10px 0px;
   border-bottom: 1px solid #ccc;
   color: #545454 !important;
   font-size: 14px !important;
   letter-spacing: 0.1em;
   text-transform: uppercase;
 }

 .modal-header {
   padding: 15px;
   border-bottom: 1px solid #e5e5e5 !important;
 }

 .modal-content {
   padding: 0px;
   box-shadow: 0 0px 0px rgb(0 0 0 / 50%);
   border: 0px solid rgba(0, 0, 0, 0.2);
 }


 /*.modal_contents{ scrollbar-color: #333 ;}
.modal_contents::-webkit-scrollbar {width: 0px;  height: 0px;}
.modal_contents::-webkit-scrollbar-track {  background-clip: content-box;  border: 0px solid transparent;}
.modal_contents::-webkit-scrollbar-thumb { background: none ; }
.modal_contents::-webkit-scrollbar-thumb:hover { background: none ; }
.modal_contents::-webkit-scrollbar-corner, .modal_contents::-webkit-scrollbar-track { background: none ; } 
[class^=modal_contents] {  overflow-y: scroll; overflow-x: hidden;}
[class^=modal_contents]  { padding: 0rem; overflow-x: hidden;   }*/
 .modal_contents {
   width: 100%;
   padding: 15px 35px 25px 35px;
   display: inline-block;
   background: #fff;
   /*height: calc(100vh - 195px);
	height:450px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;*/
 }

 .modal_contents1 {
   height: 300px !important;
 }

 .modal_contents2 {
   min-height: 225px;
   background: #000;
 }

 .modal_sdt {
   border-radius: 15px;
   padding: 35px 35px 35px 35px;
   min-height: 390px;
 }

 .modal .modal-dialog .modal-content .modal-header {
   border-bottom-width: 0px;
   margin: 0;
   padding: 6px 15px 6px 22px;
 }

 .modal-header {
   padding: 15px;
   border-bottom: 0px solid #e5e5e5;
   background: #f5f5f5;
 }

 .modal-footer {
   background: #ffff;
   border: 0px;
   position: relative;
   margin: -6px 0px 0px 0px;
   border-top: 1px solid #00000045;
   margin-top: 5px;
 }

 .modal-dialog {
   margin: 60px auto !important;
 }

 .modal-dialogsdt {
   margin: 120px auto 0px auto !important;
   m
 }

 .modal-header1 {
   background: #fff !important;
   padding: 15px 0px 0px 0px !important;
   border-bottom: 0px solid #e5e5e5 !important;
 }

 .new_modals .table {
   margin-bottom: 0px;
 }

 .modal label {
   font-size: 12px;
   font-weight: 500 !important;
   line-height: 21px;
   text-align: left;
   flex-grow: 1;
   color: #545454;
   padding: 7px 0px 0px 0px;
   text-transform: none;
 }

 .modal_head {
   color: #545454;
   margin: 0px 0px 0px 0px;
   padding: 10px 0px 25px 10px;
   text-align: center;
   font-weight: 500;
   border-bottom: 1px solid #e8e8e8;
   width: 100%;
   display: inline-block;
   font-size: 14px;
   letter-spacing: 0.06em;
   text-transform: uppercase;
 }

 label {
   font-size: 12px;
   font-weight: 500 !important;
   line-height: 21px;
   text-align: left;
   flex-grow: 1;
   color: #545454;
   padding: 0px 0px 0px 0px;
   text-transform: none;
 }

 .form-check label {
   font-size: 12px;
   font-weight: 500 !important;
   line-height: 21px;
   text-align: left;
   flex-grow: 1;
   color: #545454;
   padding: 4px 0px 0px 10px;
   text-transform: none;

 }

 .save {
   float: right;
   margin: 0px 0px 15px 0px;
 }

 .save1 {
   float: right;
   margin: 10px 0px 5px 0px;
 }

 .registerd_mob {
   margin: 0;
   line-height: 41px;
   padding: 0px 0px 0px 0px;
   font-size: 14px;
   color: #545454;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-weight: 500;
   float: right;
 }

 .container1 {
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
   width: 85%;
   margin-top: 0px;
   position: relative;
 }

 .back {
   float: right;
   margin: 15px 0px 10px 0px;
   position: fixed;
   right: 15px;
   color: #000;
 }

 .back .btn {
   background: #f0f0f0;
   padding: 1px 12px 1px 12px;
 }

 .upload_box {
   width: 71%;
   float: left;
 }

 .upload_box input.upload {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 0px;
   font-size: 20px;
   cursor: pointer;
   opacity: 0;
   filter: alpha(opacity=0);
 }

 .upload_box .btn-primary {
   text-align: center !important;
 }

 .upload_box_form {
   border-radius: 4px 0px 0px 4px !important;
   height: 43px !important;
   padding: 9px 0px 9px 15px !important;
   background: #e1e2e2;
 }

 .fileUpload {
   position: relative;
   overflow: hidden;
   margin: 0px;
   padding: 9px 0px 9px 0px !important;
   border-radius: 0px 4px 4px 0px !important;
   background: #454545;
   text-align: center;
   color: #fff;
   border: 0px solid #00c0d1;
 }

 .fileUpload input.upload {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 0px;
   font-size: 20px;
   cursor: pointer;
   opacity: 0;
   filter: alpha(opacity=0);
 }

 .fileUpload1 {
   position: relative;
   overflow: hidden;
   margin: 1px !important;
   padding: 1px 0px 7px 3px !important;
   background: #fff !important;
   color: #00c0d1;
   text-align: center;
   border: 0px solid #00c0d1 !important;
   border-radius: 50% !important;
   width: 30px;
   height: 30px !important;
   box-shadow: 0px 0px 0px #ccc !important;
   line-height: 25px !important;
 }

 .fileUpload1 input.upload {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 0px;
   font-size: 15px !important;
   cursor: pointer;
   opacity: 0;
   filter: alpha(opacity=0);
 }

 .fileUpload1 .fa-pencil-square-o {
   font-size: 15px !important;
   color: #23a6ea !important;
 }

 .fileUpload_new {
   position: relative;
   overflow: hidden;
   margin: 0px 0px 10px 0px;
   padding: 6px 0px 7px 0px !important;
   border-radius: 4px !important;
   background: #f7f7f7;
   color: #2d2d2d !important;
   text-align: center;
   border: 0px solid #00c0d1;
 }

 .section_box1 .fileUpload {
   position: relative;
   overflow: hidden;
   margin: 0px;
   padding: 6px 0px 7px 0px;
   border-radius: 0px 4px 4px 0px;
   background: #454545;
   text-align: center;
   border-bottom: 1px solid #454545;
 }

 .upload_photos img {
   margin: 0px;
   padding: 0px;
   width: 125px;
 }

 .employe_p {
   margin: 0px;
   padding: 0px;
   width: 150px;
 }

 .employe_p img {
   margin: 0px;
   padding: 0px;
   border-radius: 50% !important;
 }

 .login_icon {
   position: absolute;
   right: 25x;
   margin: 5px 0px 0px 0px;
 }

 /*----------------------Login Start----------------------------*/


 .login_m {
   width: 98%;
   margin: 0px auto;
   position: absolute;
   top: 40%;
   margin-top: -200px;
 }

 .login_bg {
   background: url(../images/login_bg.jpg) #fff !important;
   background-repeat: no-repeat !important;
   background-position: center top !important;
   background-attachment: fixed !important;
   background-size: cover !important;
 }

 .register_bg {
   background: url(../images/register_bg.jpg) #f6f5f9;
   background-position: center top;
   background-repeat: no-repeat;
   background-size: cover;
 }

 .login_logo {
   margin-bottom: 25px;

 }

 .wrapper-page {
   margin: 7% auto;
   width: 750px;
 }

 .wrapper-page .panel {
   background-color: #fff;
   border: 0px solid transparent !important;
   border-radius: 6px;
   box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
   margin-bottom: 20px;
   padding: 0px 0px 15px 0px;
 }

 .wrapper-page .panel-primary>.panel-heading {
   background-color: #2e87d9;
   border-color: #2e87d9;
   color: #fff;
 }

 .panel-pages {
   border-radius: 6px;
 }

 .panel-pages .panel-body {
   padding: 30px;
 }

 .panel-pages .panel-heading {
   -moz-border-radius: 6px 6px 0px 0px;
   -webkit-border-radius: 6px 6px 0px 0px;
   border-radius: 6px 6px 0px 0px;
   padding: 7px 20px;
   position: relative;
 }

 .panel-pages .panel-heading h3 {
   position: relative;
   z-index: 999;
 }

 .user-thumb {
   margin-top: -44px;
   position: relative;
   z-index: 999;
 }

 .user-thumb img {
   height: 88px;
   margin: 0px auto;
   width: 88px;
 }

 .ex-page-content h1 {
   color: #252932;
   font-size: 98px;
   font-weight: 700;
   line-height: 150px;
   text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px,
     rgba(61, 61, 61, 0.3) 3px 3px;
 }

 .form-control-login {
   height: 40px !important;
   color: #545454 !important;
   border: 1px solid #ccc !important;
 }

 .form-control-login a {
   color: #545454 !important;
 }


 .login_buttons {
   width: 100% !important;
   height: 45px;
   font-size: 18px;
   text-transform: uppercase;
   background-color: #464648 !important;
   border-radius: 8px;
   color: #fff;
   border: 0px solid #fff;
 }

 .login_buttons:hover {
   background: #000 !important;
 }

 .forgot {
   font-size: 12px !important;
   text-align: center;
   padding: 0px 0px 15px 0px;
 }

 .forgot a {
   font-size: 12px !important;
   color: #37425c;
   font-weight: 600;
 }

 .login_con_m {
   .background: #fff none repeat scroll 0 0;
   box-shadow: 0 0 5px #ccc;
   padding: 15px;
 }

 .login_con {
   font-size: 14px;
   color: #2d2d2d;
   padding: 0p;
   margin: 0px;
   text-align: center;
   line-height: 23px;
 }

 .login_con1 {
   font-size: 14px;
   color: #2d2d2d;
   padding: 15px 0px 15px 0px;
   margin: 0px;
   text-align: center;
   line-height: 23px;
 }

 .happy_bro {
   font-size: 30px;
   color: #f22172;
   padding: 0px;
   margin: 0px;
   text-align: center;
 }

 .login_icon {
   position: absolute;
   right: 15px;
   margin: 5px 0px 0px 0px;
 }


 .login_logo {
   width: 90%;
   margin: 0px auto;
   margin-top: 50px;
   border-radius: 8px;
   padding: 90px 15px 50px 15px;
 }

 .login_forms_sec {
   width: 80%;
   margin: 5px auto;
   border-radius: 8px;
   padding: 35px 35px 15px 35px;
   background: #fff;
   box-shadow: 0px 0px 25px #e4e4e4 !important;
 }

 .login_forms_sec h1 {
   color: #646464 !important;
   font-size: 21px;
   margin: 0;
   padding: 0px 0px 15px 0px;
   text-align: left;
   text-transform: uppercase;
   font-weight: 600;
 }

 .login_title {
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 0px;
   text-align: center;
   font-size: 32px;
   padding: 4px 0px 15px 0px;
   font-weight: 500;
   color: #545454;
   letter-spacing: 0;
   text-transform: none;
 }

 .login_forms_sec .form-control {
   -moz-border-radius: 8px;
   -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
   -webkit-border-radius: 8px;
   -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
   box-shadow: 0px 0px 0px #f0f0f0 !important;
   background-color: #fff;
   border-radius: 8px;
   border: 1px solid #e9ecef;
   box-shadow: none;
   color: #2d2d2d !important;
   font-size: 14px;
   height: 40px !important;
   padding-left: 18px !important;
   overflow: hidden;
   text-overflow: clip;
   white-space: nowrap;
   padding: 0.375rem 45px 0.375rem 2.75rem;
 }

 .login_forms_sec label {
   display: inline-block;
   font-weight: 500 !important;
   margin-bottom: 0px;
   max-width: 100%;
   font-size: 12px;
   font-weight: 500 !important;
   color: #494c50;
   padding: 4px 0px 10px 9px;
 }

 .login_sec label {
   display: inline-block;
   font-weight: 500 !important;
   margin-bottom: 0px;
   max-width: 100%;
   font-size: 12px;
   font-weight: 600 !important;
   color: #494c50;
   padding: 6px 0px 10px 9px;
 }

 .login_forms_sec .form-group {
   margin: 0px 0px 25px 0px !important;
   position: relative;
 }

 .form-check {
   display: block;
   min-height: 1.5rem;
   padding-left: 1.5em;
   margin-bottom: .125rem;
   text-align: left;
   font-size: 13px;
 }

 .form-check-input {
   width: 1.5em;
   height: 1.5em;
   margin-top: 0.25em;
   vertical-align: top;
   background-color: #fff;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   border: 1px solid rgba(0, 0, 0, .25);
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   -webkit-print-color-adjust: exact;
   color-adjust: exact;
   print-color-adjust: exact;
 }

 /*----------------------Login End----------------------------*/

 .landing_page {
   width: 100%;
   margin: 0px auto;
   padding: 0px;
 }

 .landing_bg {
   background: url(../images/landing.jpg);
   background-repeat: no-repeat;
   background-position: center top;
   background-attachment: fixed;
   background-size: cover;
   width: 100%;
   display: inline-block;
 }

 .landing_sec {
   width: 98%;
   margin: 0px auto;
   position: absolute;
   top: 40%;
   margin-top: -200px;
 }

 .landing_logo {
   width: 90%;
   margin: 0px auto;
   margin-top: 00px;
   border-radius: 8px;
   padding: 00px 15px 30px 15px;
 }

 .landing_title {
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 0px;
   text-align: center;
   font-size: 16px;
   padding: 4px 0px 5px 0px;
   font-weight: 700;
   color: #fff;
   letter-spacing: 0.1em;
   text-transform: uppercase;
 }

 .region img {
   border-radius: 15px;
 }

 .nav-tabs {
   border-width: 0px !important;
   position: absolute;
   z-index: 500;
   background: #f6f5f9;
   width: 100%;
   padding-bottom: 1px;
   padding: 4px 0px 3px 0px;
 }

 .section_tabs .nav-item {
   padding: 0px 0px;
   width: auto !important;
   margin: 0px 5px !important;
 }

 .nav-link {
   font-weight: 600;
   font-size: 0.65em;
   letter-spacing: 0.6px;
   display: inline-block;
   padding: 8px 0px;
   margin: 0px 2px 0px 0px;
   list-style: none;
   cursor: pointer;
   text-align: center;
   color: #2d2d2d;
   border: 0px !important;
   width: 100%;
   text-transform: uppercase;
   opacity: 1;
 }

 .nav-link:hover {
   opacity: 1;
 }

 .section_tabs .nav-link {
   font-size: 11px;
   opacity: 1;
   margin: 0px 4px;
 }

 .content_area2 .nav-link {
   font-size: 11px;
   margin: 0px 0px 0px 0px;
   padding: 5px 0px 5px 0px;
   text-transform: none;
 }

 .nav-tabs .active {
   background: #fff !important;
   color: #0074ff !important;
   border-radius: 5px !important;
   opacity: 1;
 }

 .nav-tabs .active .icons {
   display: none;
 }

 .nav-tabs .active .icons1 {
   display: block;
 }

 .nav-tabs .nav-link:hover .icons {
   display: none;
 }

 .nav-tabs .nav-link:hover .icons1 {
   display: block;
 }

 .nav-link .icons {
   display: block;
   margin: 0px 0px 5px 0px;
 }

 .nav-link .icons1 {
   display: none;
   margin: 0px 0px 5px 0px;
 }

 .section_tabs {
   margin: 0px;
   padding: 0px;
 }

 .section_tabs .nav-tabs {
   border-bottom: 0;
   box-shadow: 0px 0px 0px #eaeaea;
   background: #fff;
   margin: 0;
   padding: 5px 5px;
   border-radius: 8px;
   position: relative;
   width: 100%;
   z-index: 50;
 }

 .section_tabs .nav-tabs .active {
   color: #0074ff !important;
   border-radius: 0px !important;
   border-bottom: 2px solid #0074ff !important;
 }

 .tab-content {
   margin: 7px 0px 0px 0px;
 }

 .working_time1 {
   width: 85%;
   float: left;
   margin: 0;
 }

 .add_buttons {
   float: left;
   position: relative;
   z-index: 40;
   margin-left: 5px;
 }

 .modal label {
   font-size: 14px;
   font-weight: 400 !important;
   line-height: 21px;
   text-align: left;
   flex-grow: 1;
   color: #2d2d2d;
   padding: 7px 0px 0px 0px;
   text-transform: none;
   display: block;
 }

 .modal label span {
   color: #F00;

 }

 .label_reset {
   width: 100%;
   display: inline-block;
 }

 label.form-check-label {
   padding: 3px 0px 0px 11px;
   color: #2d2d2d;
 }

 .new_job {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #9de7fc;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .pending_job {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #faefa3;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .closed_job {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #ccccff;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .services_job {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #f6c4fc;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .office_job {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #b1dafb;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .verified_job {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #cfd8d9;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .completed_job {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #b7fdb2;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .reopened_job {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #ffc7d4;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .inprogress_job {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #7dffed;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .closed {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #ccccff;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .active_status {
   color: #000;
   font-size: 12px !important;
   display: inline-block;
   background: #b7fdb2;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .action_new {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #d8f6ff;
   border-radius: 10px;
   padding: 10px;
   margin: 0px 0px 5px 0px;
   text-align: left;
   width: 100%;
 }

 .action_pending {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #fff9d2;
   border-radius: 10px;
   padding: 10px;
   margin: 0px 0px 5px 0px;
   text-align: left;
   width: 100%;
 }

 .action_closed {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #e4e4ff;
   border-radius: 10px;
   padding: 10px;
   margin: 0px 0px 5px 0px;
   text-align: left;
   width: 100%;
 }

 .action_services {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #fce3ff;
   border-radius: 10px;
   padding: 10px;
   margin: 0px 0px 5px 0px;
   text-align: left;
   width: 100%;
 }

 .action_office {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #d7edff;
   border-radius: 10px;
   padding: 10px;
   margin: 0px 0px 5px 0px;
   text-align: left;
   width: 100%;
 }

 .action_verified {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #eeeeee;
   border-radius: 10px;
   padding: 10px;
   margin: 0px 0px 5px 0px;
   text-align: left;
   width: 100%;
 }

 .action_completed {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #dcffd9;
   border-radius: 10px;
   padding: 10px;
   margin: 0px 0px 5px 0px;
   text-align: left;
   width: 100%;
 }

 .action_reopened {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #ffe3e9;
   border-radius: 10px;
   padding: 10px;
   margin: 0px 0px 5px 0px;
   text-align: left;
   width: 100%;
 }

 .action_inprogress {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #c6fff7;
   border-radius: 10px;
   padding: 10px;
   margin: 0px 0px 5px 0px;
   text-align: left;
   width: 100%;
 }

 .success {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #b7fdb2;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .warning {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #faefa3;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .info {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #b1dafb;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .danger {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #ffc7d4;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .in-warrenty {
   color: rgb(0, 0, 0);
   font-size: 12px;
   display: inline-block;
   text-align: center;
   width: 102px;
   background: #b7fdb2;
   border-radius: 4px;
   padding: 3px 5px 2px;
 }

 .out-of-warranty {
   color: rgb(0, 0, 0);
   font-size: 12px;
   display: inline-block;
   text-align: center;
   width: 102px;
   background: #ffc7d4;
   border-radius: 4px;
   padding: 3px 5px 2px;
 }

 .expires-soon {
   color: rgb(0, 0, 0);
   font-size: 12px;
   display: inline-block;
   text-align: center;
   width: 102px;
   background: #faefa3;
   border-radius: 4px;
   padding: 3px 5px 2px;
 }

 .not-required {
   color: #000 !important;
   font-size: 12px !important;
   display: inline-block;
   background: #ccccff;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .disintested {
   color: #000 !important;
   font-size: 12px !important;
   display: inline-block;
   background: #ccccff;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .action_takens {
   color: #000;
   font-size: 14px;
   font-weight: 400;
   padding: 0px;
   margin: 0px 0px 7px 0px;
   text-align: left;
 }

 .action_takens span {
   font-weight: 500;
 }

 .action_lable {
   color: #000;
   font-size: 13px;
   font-weight: 500;
   padding: 0px;
   margin: 0px 0px 0px 0px;
   text-align: left;
 }

 .action_form {
   display: block;
   width: 100%;
   padding: 0.375rem 0.75rem;
   font-size: 13px;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #e9ecef !important;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0.375rem;
   transition: border-color 0.15sease -in-out, box-shadow 0.15sease -in-out;
   height: 60px;
 }

 .download_btn {
   margin: 10px 0px 0px 0px;
   padding: 0px;
 }

 .download_btn a {
   width: auto;
   padding: 4px 9px 4px 9px;
   margin: 0px 0px 0px 0px;
   font-size: 12px;
   font-weight: 500 !important;
   color: #000;
   background: #fff;
   border-radius: 30px;
   z-index: 500;
   letter-spacing: 0.08em;
   border: 1px solid #ccc;
   box-shadow: 0px 0px 0px #ccc;
 }

 .download_btn a:hover {
   background: #f5f5f5;
 }

 .add_newdoc {
   margin: 10px 0px 10px 0px;
   padding: 0px;
 }

 .add_newdoc a {
   width: auto;
   padding: 4px 4px 5px 5px;
   margin: 0px 0px 0px 0px;
   font-size: 12px;
   font-weight: 500 !important;
   color: #0074ff;
   background: #fff;
   border-radius: 30px;
   z-index: 500;
   letter-spacing: 0;
   border: 1px solid #0074ff;
   box-shadow: 0px 0px 0px #ccc;
 }

 .add_newdoc a:hover {
   background: #f5f5f5;
 }

 .modal_bg {
   background: #f5f5f5;
   padding: 3px 8px 3px 8px;
   margin: 2px 0px 0px 0px;
 }

 .modal_bg1 {
   background: #f5f5f5;
   padding-bottom: 8px;
   margin: 2px 0px 0px 0px;
 }

 .modal_bg2 {
   background: #f5f5f5;
   padding: 10px 8px 3px 8px;
   margin: 2px 0px 0px 0px;
 }

 .modal_bg label {
   font-size: 14px;
   font-weight: 400 !important;
   line-height: 21px;
   text-align: left;
   flex-grow: 1;
   color: #2d2d2d;
   padding: 7px 0px 0px 0px;
   text-transform: none;
   display: block;
 }

 .modal_bg1 label {
   font-size: 14px;
   font-weight: 400 !important;
   line-height: 21px;
   text-align: left;
   flex-grow: 1;
   color: #2d2d2d;
   padding: 7px 0px 0px 0px;
   text-transform: none;
   display: block;
 }

 .project_task {
   color: #fff;
   font-size: 12px;
   display: inline-block;
   background: #ff9000;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 25px;
 }

 .project_con {
   text-align: left !important;
 }

 .text_right {
   text-align: right !important;
 }

 .negotiations1 {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #9de7fc;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .negotiations {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #ccccff;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .won {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #b7fdb2;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .faild {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #ffc7d4;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .enquiry {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #faefa3;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .boq-site-survey {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #ffc7d4;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .boq {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #9de7fc;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .new_projects {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #9de7fc;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .closed_projects {
   color: #000;
   font-size: 12px !important;
   display: inline-block;
   background: #ccccff;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .ongoing_projects {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #faefa3;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .completed_projects {
   color: #000 !important;
   font-size: 12px !important;
   display: inline-block;
   background: #b7fdb2;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .reopened_projects {
   color: #000 !important;
   font-size: 12px !important;
   display: inline-block;
   background: #ffc7d4;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .pending_projects {
   color: #000 !important;
   font-size: 12px !important;
   display: inline-block;
   background: #faefa3;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }


 .inprogress_projects {
   color: #000 !important;
   font-size: 12px !important;
   display: inline-block;
   background: #7dffed;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .verified_projects {
   color: #000 !important;
   font-size: 12px !important;
   display: inline-block;
   background: #cfd8d9;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .services_projects {
   color: #000 !important;
   font-size: 12px !important;
   display: inline-block;
   background: #f6c4fc;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .approved {
   color: #000;
   font-size: 12px !important;
   display: inline-block;
   background: #b7fdb2;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .rejected {
   color: #000;
   font-size: 12px !important;
   display: inline-block;
   background: #ffc7d4;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .verified {
   color: #000;
   font-size: 12px !important;
   display: inline-block;
   background: #faefa3;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .transferred {
   color: #000;
   font-size: 12px !important;
   display: inline-block;
   background: #9de7fc;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .pending {
   color: #000 !important;
   font-size: 12px !important;
   display: inline-block;
   background: #faefa3;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .cancelled {
   color: #000 !important;
   font-size: 12px !important;
   display: inline-block;
   background: #ffbdbd;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .expired {
   color: #000 !important;
   font-size: 12px !important;
   display: inline-block;
   background: #ffd0bd;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }

 .hot {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #ffc7d4;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .warm {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #f6c4fc;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .cold {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #9de7fc;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .commercial {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #b7fdb2;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .failed {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #ff4b6f;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .waiting-for-approval {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #faefa3;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .save-draft {
   color: #000;
   font-size: 12px;
   display: inline-block;
   background: #7dffed;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 102px;
 }

 .transfers_no {
   color: #ef1414 !important;
   font-weight: 600 !important;
 }

 .transfers_yes {
   color: #32a44c !important;
   font-weight: 600 !important;
 }

 .confirm {
   color: #34ab2b !important;
   font-weight: 600 !important;
 }

 .draft {
   color: #ff4e00 !important;
   font-weight: 600 !important;
 }

 .task_no {
   color: #fff;
   font-size: 12px;
   display: inline-block;
   background: #ff9000;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center;
   width: 25px;
 }

 .delivery_head {
   font-size: 20px;
   font-weight: 600;
   text-align: left;
   color: #fd2222;
   padding: 10px 11px 10px 0px;
   margin: 0px 0px 0px 0px;
   line-height: 23px;
   border-radius: 8px;
   min-height: 30px;
 }

 .execution_head {
   font-size: 20px;
   font-weight: 600;
   text-align: left;
   color: #0a6ad6;
   padding: 10px 11px 10px 0px;
   margin: 0px 0px 0px 0px;
   line-height: 23px;
   border-radius: 8px;
   min-height: 30px;
 }

 .commission_head {
   font-size: 20px;
   font-weight: 600;
   text-align: left;
   color: #25dc07;
   padding: 10px 11px 10px 0px;
   margin: 0px 0px 0px 0px;
   line-height: 23px;
   border-radius: 8px;
   min-height: 30px;
 }

 .completion_head {
   font-size: 20px;
   font-weight: 600;
   text-align: left;
   color: #fbbd00;
   padding: 10px 11px 10px 0px;
   margin: 0px 0px 0px 0px;
   line-height: 23px;
   border-radius: 8px;
   min-height: 30px;
 }

 .documentation_head {
   font-size: 20px;
   font-weight: 600;
   text-align: left;
   color: #8f00cb;
   padding: 10px 11px 10px 0px;
   margin: 0px 0px 0px 0px;
   line-height: 23px;
   border-radius: 8px;
   min-height: 30px;
 }

 .comment-text-div {
   width: 100%;
   font-size: 13px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   margin: 15px 0px 0px 0px;
   line-height: 23px;
   border: 0px solid #f5f5f5;
   background: #f7f7f7;
   border-radius: 8px;
   min-height: 30px;
 }

 .delivery_con {
   background-color: #ffebeb;
   width: 100%;
   font-size: 13px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   margin: 15px 0px 10px 0px;
   line-height: 23px;
   border: 0px solid #f5f5f5;
   border-radius: 8px;
   min-height: 30px;
 }

 .execution_con {
   background-color: #ddf2ff;
   width: 100%;
   font-size: 13px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   margin: 15px 0px 10px 0px;
   line-height: 23px;
   border: 0px solid #f5f5f5;
   border-radius: 8px;
   min-height: 30px;
 }

 .commission_con {
   background-color: #d1ffe1;
   width: 100%;
   font-size: 13px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   margin: 15px 0px 10px 0px;
   line-height: 23px;
   border: 0px solid #f5f5f5;
   border-radius: 8px;
   min-height: 30px;
 }

 .completion_con {
   background-color: #fff7e0;
   width: 100%;
   font-size: 13px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   margin: 15px 0px 10px 0px;
   line-height: 23px;
   border: 0px solid #f5f5f5;
   border-radius: 8px;
   min-height: 30px;
 }

 .documentation_con {
   background-color: #f6e0ff;
   width: 100%;
   font-size: 13px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   margin: 15px 0px 10px 0px;
   line-height: 23px;
   border: 0px solid #f5f5f5;
   border-radius: 8px;
   min-height: 30px;
 }

 /*******************Multi select Start****************/
 .multi-select {
   padding: 0px 2.25rem 0rem 0.75rem !important;
   height: auto !important;
 }

 .select-wrapper {
   margin: auto;
   max-width: 600px;
   width: calc(100% - 40px);
 }

 .select-pure__select {
   align-items: center;
   /* background: #f9f9f8; */
   border-radius: 4px;
   /* border: 1px solid rgba(0, 0, 0, 0.15); */
   /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); */
   box-sizing: border-box;
   color: #212529;
   cursor: pointer;
   display: flex;
   font-size: 14px;
   font-weight: 500;
   justify-content: left;
   /* min-height: 18px; */
   /* padding: 5px 10px; */
   position: relative;
   transition: 0.2s;
   width: 100%;
   line-height: 25px;
 }

 /*      .select-pure__select {
        align-items: center;
        background: #f9f9f8;
        border-radius: 4px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
        box-sizing: border-box;
        color: #363b3e;
        cursor: pointer;
        display: flex;
        font-size: 16px;
        font-weight: 500;
        justify-content: left;
        min-height: 44px;
        padding: 5px 10px;
        position: relative;
        transition: 0.2s;
        width: 100%;
      }*/

 .select-pure__options {
   border-radius: 4px;
   border: 1px solid rgba(0, 0, 0, 0.15);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
   box-sizing: border-box;
   color: #363b3e;
   display: none;
   left: 0;
   max-height: 221px;
   overflow-y: scroll;
   position: absolute;
   top: 50px;
   width: 100%;
   z-index: 5;
 }

 .select-pure__select--opened .select-pure__options {
   display: block;
 }

 .select-pure__option {
   background: #fff;
   border-bottom: 1px solid #e4e4e4;
   box-sizing: border-box;
   height: 44px;
   line-height: 25px;
   padding: 10px;
 }

 .select-pure__option--disabled {
   color: #e4e4e4;
 }

 .select-pure__option--selected {
   color: #e4e4e4;
   cursor: initial;
   pointer-events: none;
 }

 .select-pure__option--hidden {
   display: none;
 }

 .select-pure__selected-label {
   align-items: 'center';
   background: #f5f5f5;
   border-radius: 4px;
   color: #000;
   cursor: initial;
   display: inline-flex;
   justify-content: 'center';
   margin: 5px 10px 5px 0;
   padding: 3px 7px;
   line-height: 13px;
   font-size: 12px;
 }

 .select-pure__selected-label:last-of-type {
   margin-right: 0;
 }

 .select-pure__selected-label i {
   cursor: pointer;
   display: inline-block;
   margin-left: 7px;
 }

 .select-pure__selected-label img {
   cursor: pointer;
   display: inline-block;
   height: 18px;
   margin-left: 7px;
   width: 14px;
 }

 .select-pure__selected-label i:hover {
   color: #e4e4e4;
 }

 .select-pure__autocomplete {
   background: #f9f9f8;
   border-bottom: 1px solid #e4e4e4;
   border-left: none;
   border-right: none;
   border-top: none;
   box-sizing: border-box;
   font-size: 16px;
   outline: none;
   padding: 10px;
   width: 100%;
 }

 .select-pure__placeholder--hidden {
   display: none;
 }

 .reset_btn {
   width: auto;
   padding: 2px 13px 2px 11px;
   font-size: 12px;
   font-weight: 500 !important;
   color: #545454;
   height: 31px;
   background: #fff;
   border-radius: 5px;
   z-index: 500;
   right: 5px;
   margin: -3px 0px 0px 10px;
   letter-spacing: 0.08em;
   border: 1px solid #ccc;
   box-shadow: 0px 0px 0px #ccc;
   /* float: right; */
 }

 .multi_s {
   float: left;
   width: 85%;
 }

 .multi_s1 {
   width: 100% !important;
 }

 /*******************Multi select End****************/



 /***************Marqueee Start*******************/
 .simple-marquee-container * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
 }

 .simple-marquee-container {
   width: 100%;
   float: left;
   display: inline-block;
   overflow: hidden;
   box-sizing: border-box;
   height: 30px;
   position: relative;
   cursor: pointer;
 }

 .simple-marquee-container .marquee-sibling {
   padding: 0;
   background: rgb(61, 61, 61);
   height: 35px;
   line-height: 42px;
   font-size: 12px;
   font-weight: normal;
   color: #000;
   text-align: center;
   left: 0;
   z-index: 2000;
 }

 .simple-marquee-container .marquee,
 .simple-marquee-container *[class^="marquee"] {
   display: inline-block;
   white-space: nowrap;
   position: absolute;
 }

 .simple-marquee-container .marquee {
   margin-left: 25%;
 }

 .simple-marquee-container .marquee-content-items {
   display: inline-block;
   padding: 5px;
   margin: 0;
   height: 45px;
   position: relative;
 }

 .simple-marquee-container .marquee-content-items li {
   display: inline-block;
   line-height: 18px;
   color: #1a66c3;
   font-weight: 600;
   font-size: 14px;
 }

 .simple-marquee-container .marquee-content-items li:after {
   content: "|";
   margin: 0 1em;
 }


 /***************Marqueee End*******************/

 .new_modals .table .form-select {
   width: 120px;
 }

 .new_modals .table .form-select {
   display: block;
   width: 120px;
 }


 .new_modals .table .input-group {
   width: 250px !important;
 }

 .section_box1_content.connectedSortable td {
   vertical-align: top !important;
   font-size: 13px;
   text-align: left;
 }

 .category_panel td {
   vertical-align: top !important;
   font-size: 13px;
   text-align: left;
 }

 .won_label {
   font-size: 14px;
   font-weight: 600 !important;
   line-height: 21px;
   text-align: left;
   color: #0C0 !important;
   padding: 0px 0px 0px 0px;
   text-transform: none;
 }

 .box_sec_active {
   background-color: #fff;
   width: 100%;
   text-align: center;
   margin-bottom: 10px;
   padding: 6px;
   color: #2d2d2d;
   display: inline-block;
   border-radius: 8px;
   border: 1px solid #0C0;
 }

 .box_sec_inactive {
   background-color: #fff;
   width: 100%;
   text-align: center;
   margin-bottom: 10px;
   padding: 6px;
   color: #2d2d2d;
   display: inline-block;
   border-radius: 8px;
   border: 1px solid #F00;
 }

 .install_con {
   font-size: 11px !important;
   color: #000;
   font-weight: 600;
   text-align: center;
   padding: 10px 0px 0px 0px;
   margin-top: 0;
   text-transform: uppercase;
   line-height: 24px;
 }

 .install_con span {
   font-size: 15px !important;
   display: inline-block;
   width: 100%;
   line-height: 21px;
 }

 .instal_doc {
   width: 100%;
   font-size: 14px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   line-height: 20px;
   border: 0px solid #fcfcfc;
   background: #b1ecfd;
   border-radius: 8px;
   z-index: 500;
   position: relative;
 }

 .sdt_min_pop {
   width: 100%;
   margin-top: 30px;
   font-size: 16px;
   color: #000;
   text-align: center;
   padding-bottom: 20px;
   line-height: 25px;
 }

 @media only screen and (max-width:1440px) {
   .content_dash {
     height: calc(100vh - 112px);
   }

   .immidiate_scroll {
     height: calc(100vh - 527px);
   }

   .section_box_not {
     height: calc(100vh - 158px);
   }
 }

 @media only screen and (max-width:1200px) {
   .technicals_cons {
     width: 63%;
   }
 }

 @media only screen and (max-width:1025px) {
   .sidebar-wrapper {
     padding: 0px;
     display: none;
   }

   .modal-dialog1 {
     max-width: 95%;
     margin-right: auto;
     margin-left: auto;
   }

   .container1 {
     width: 100%;
   }

   .heading_bg {
     width: 100%;
   }

   .logo_m {
     padding: 0px 0px 0px 40px;
   }

   .technicals_cons {
     width: 59%;
   }

   .employe_p {
     width: 120px;
   }
 }

 @media only screen and (max-width:990px) {
   .content_area_sec {
     width: 100%
   }
 }

 @media only screen and (max-width:767px) {
   .page-content {
     margin-left: 0px;
     margin-top: 40px;
   }

   .heading_bg {
     width: 100%;
     position: relative;
   }

   .create_new {
     margin: 10px 5px 0px 0px;
     position: relative;
   }

   .create_new a {
     margin: 0px 6px 7px 0px;
   }

   .add_new_task {
     width: auto;
     padding: 2px 5px 2px 5px;
   }

   .content_areas {
     margin: 2px 0px 0px 0px;
     padding: 0px 10px 0px 10px;
   }

   .top_icons {
     padding: 0px 0px 0px 0px;
     position: relative;
     right: 0px;
     margin: -49px 0px 0px 0px;
     z-index: 120;
     width: 100%;
     text-align: right;
   }

   .dropdown-menu[data-bs-popper] {
     top: 100%;
     left: -222px;
   }

   .logo_m {
     padding: 4px 2px 2px 38px;
     z-index: 100;
   }

   .container1 {
     width: 100%;
     padding-right: 0px;
     padding-left: 0px;
   }

   .welcome {
     font-size: 12px;
     padding: 2px 0px 0px 0px;
     margin: -2px 0px 0px 0px;
   }

   .dropdown,
   .dropdown-center,
   .dropend,
   .dropstart,
   .dropup,
   .dropup-center {
     position: relative;
     height: 42px;
     float: right;
     padding: 5px 8px;
   }

   .dropdown a {
     color: #000;
     font-size: 12px;
   }

   .login_bg {
     background: url(../images/login_bg_mob.jpg) #fff !important;
   }

   .login_logo {
     margin: 0px auto;
     margin-top: 00px;
     border-radius: 8px;
     padding: 0px 15px 20px 15px;
   }

   .login_m {
     top: 35%;
     margin-top: -200px;
   }

   .dash_news {
     padding: 0px;
     margin: 15px 0px 8px 0px;
   }

   .dash_sec1 {
     min-height: auto;
   }

   .content_dash {
     height: auto
   }

   .immidiate_scroll {
     height: auto;
   }

   .section_box_not {
     height: auto;
   }

   .create_new_branch1 {
     position: relative;
   }

   .pl_0 {
     padding-left: 15px !important;
   }

   .multi_s {
     float: left;
     width: 75%;
   }

   .login_logo {
     width: 60%;
     margin: 0px auto;
     margin-top: 30px;
   }

   .login_forms_sec {
     width: 98%;
     margin: 5px auto;
     padding: 35px 15px 15px15px;
     background: #fff;
   }

   .login_title {
     margin-top: 10px;
     margin-bottom: 10px;
     font-size: 30px;
     padding: 4px 0px 15px 0px;
     color: #fff;
   }

   .download_btn {
     width: 122px;
   }

   .modal_bg .form-control {
     width: 150px;
     padding: 0.375rem 0.25rem;
   }

   .modal_bg .description {
     width: 150px;
   }

   .modal_bg .file {
     width: 150px;
   }

   .new_modals .table .form-select {
     width: 120px;
   }

   .new_modals .table .form-select {
     display: block;
     width: 120px;
   }

   .new_modals .table .form-control {
     width: 120px !important;
   }

   .new_modals .table .input-group {
     width: 120px !important;
   }

   .boq_form {
     float: left;
     width: 85%;
   }


 }

 @media only screen and (max-width:500px) {
   .landing_logo {
     padding: 0px 15px 0px 15px;
   }

   .landing_logo img {
     width: 150px;
   }
 }

 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
   background: #f5f5f5;
   border-top: 1px solid #ddd;
   color: #666;
   font-size: 12px;
   text-align: center;
   border-collapse: collapse;
   cursor: pointer;
   border-bottom-width: 0;
   height: 38px !important;
   line-height: 39px !important;
 }

 .xdsoft_datetimepicker {
   box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
   background: #fff;
   border-bottom: 1px solid #bbb;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-top: 1px solid #ccc;
   color: #333;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   padding: 8px;
   padding-left: 0;
   padding-top: 2px;
   position: absolute;
   z-index: 9999;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   display: none;
   width: 320px !important;
 }

 .xdsoft_datetimepicker .xdsoft_timepicker {
   width: 70px !important;
   float: left;
   text-align: center;
   margin-left: 8px;
   margin-top: 0;
 }

 .table-responsive {
   scrollbar-width: none;
   -webkit-overflow-scrolling: touch;
   margin: 0px;
   padding: 0px;
 }

 .table-striped>tbody>tr:nth-of-type(odd)>* {
   --bs-table-color-type: #fff !important;
   --bs-table-bg-type: #fff !important;
 }

 .table-striped>tbody>tr:nth-of-type(even)>* {
   --bs-table-color-type: #f9f9f9 !important;
   --bs-table-bg-type: #f9f9f9 !important;
 }

 .top-bar {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   gap: 10px;
   margin-bottom: 30px;
 }

 .top-bar h1 {
   font-size: 22px;
   color: #2c3e50;
   margin: 0;
 }

 .user-filter {
   display: flex;
   align-items: center;
   gap: 8px;
 }

 .user-filter label {
   font-weight: bold;
   color: #333;
 }

 .user-filter select {
   padding: 6px 10px;
   font-size: 14px;
   border-radius: 5px;
   border: 1px solid #ccc;
 }

 .chart-box {
   flex: 1 1 400px;
   background: #fff;
   padding: 8px 15px 8px 15px;
   border-radius: 10px;
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
   width: 100%;
   display: inline-block;
   margin: -3px 0px 10px 0px;
 }

 .chart-box1 {
   flex: 1 1 400px;
   background: #fff;
   padding: 8px 15px 8px 15px;
   border-radius: 10px;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
   width: 100%;
   display: inline-block;
   margin: 0px 0px 5px 0px;
 }

 .chart-box1 h3 {
   float: left;
   margin: 0px 0px 3px 0px;
   margin-left: 0px;
   text-align: left;
   font-size: 14px;
   padding: 8px 20px 0px 0px !important;
   font-weight: 600;
   color: #2d2d2d;
   letter-spacing: 0.05em;
   text-transform: uppercase;
 }

 canvas {
   max-height: 300px;
 }

 .category_id {
   width: 100% !important;
 }

 .todo-list .comment-text-div {
   width: 100%;
   font-size: 13px;
   font-weight: 400;
   text-align: left;
   color: #000;
   padding: 5px 11px 5px 11px;
   margin: 5px 0px 0px 0px;
   line-height: 23px;
   border: 0px solid #f5f5f5;
   background: #f0f0f0;
   border-radius: 8px;
   min-height: 30px;
 }

 .todo-list .comment-text-div p {
   font-size: 13px;
   text-align: left;
   padding-top: 10px;
   line-height: 23px;
   font-weight: normal;
   padding: 0px;
   margin: 0px;
 }

 .content_box {
   display: block;
   min-width: 350px;
   padding: 8px;
   font-size: 13px;
   font-weight: 400;
   line-height: 20px;
   color: #2d2d2d;
   background-color: #fff;
   border: 1px solid #e9ecef;
   border-radius: 0.375rem;
   margin-bottom: 4px;
   text-align: left;
 }

 .content_area_sec label {
   color: #2d2d2d !important;
   font-weight: 400 !important;
   margin-bottom: 3px;
   font-size: 14px;
   text-transform: none;
   font-family: 'Source Sans Pro', sans-serif;
   p
 }

 .profileedit-sec {
   width: 100%;
   padding: 0px;
   margin: 0px 0px 0px 0px;
   display: inline-block;
   position: relative;
   min-height: 30px;
 }

 .profile_contacts {
   width: 100%;
   font-size: 13px;
   font-weight: 600;
   text-align: left;
   color: #0074ff;
   padding: 5px 0px 8px 0px;
 }

 .edit_con1 {
   float: right;
   margin: 2px 0px 7px 0px;
   padding: 0px;
   position: relative;
   z-index: 45;
 }

 h2.accordion-header,
 .accordion-button {
   background: #cfe3ff;
   padding-top: 5px;
   padding-bottom: 5px;
 }

 .accordion-body {
   background-color: #cfe3ff;
 }

 .lead-page-view .section_box1_content {
   border-bottom: 0px solid #fff;
 }

 .waiting, .cancel-request {
   color: #000 !important;
   font-size: 12px !important;
   display: inline-block;
   background: #faefa3;
   border-radius: 4px;
   padding: 3px 5px 2px 5px;
   text-align: center !important;
   width: 102px;
 }