/* css by Ankur */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Roboto:300,400,500,700,900');


html{
font-size:62.5%;	
overflow-x: hidden !important;
}
.td-flex textarea::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}
@media(max-width:1200px){
html{
font-size:60%;	
}
}
@media(max-width:992px){
html{
font-size:58%;	
}
}
@media(max-width:768px){
html{
font-size:55%;	
}
.p_icon{
    padding-left: 54px !important;
}

.p_progress{
    width: 50%;
    padding-left: 0 !important;
}
}
body{
	font-family: 'Roboto', sans-serif;
margin-bottom:0 !important;	
color:#333;
font-size:1.4rem;
background:#22313f !important;
}
h1,h2,h3,h4,h5,h6,label{
font-family: 'Roboto', sans-serif;	
font-weight:400;
}
a:hover,button:hover{
opacity:0.8 !important;	
}
.user-wrapper h5{
		font-family: 'Roboto', sans-serif;
		font-weight:400;
}
.ft-10 {
	font-size: 10px;
}
.ft-11 {
	font-size: 11px;
}
.ft-12 {
	font-size: 12px;
}
.ft-13 {
	font-size: 1.3rem;
	line-height: 1.8rem;
}
.ft-14 {
	font-size: 1.4rem;
}
.ft-15 {
	font-size: 1.5rem;
}
.ft-16 {
	font-size: 1.6rem;
}
.ft-17 {
	font-size: 1.7rem;
	line-height: 2.8rem;
}
.ft-18 {
	font-size: 1.8rem;
}
.ft-20 {
	font-size: 2rem;
}
.ft-22 {
	font-size: 2.2rem;
}
.ft-23 {
	font-size: 2.3rem;
}
.ft-24 {
	font-size: 2.4rem;
}
.ft-25 {
	font-size: 2.5rem;
}
.ft-26 {
	font-size: 2.6rem;
}
.ft-27 {
	font-size: 2.7rem;
}
.ft-28 {
	font-size: 2.8rem;
}
.ft-29 {
	font-size: 2.9rem;
}
.ft-30 {
	font-size: 3rem;
}
.ft-32 {
	font-size: 3.2rem;
}
.ft-35 {
	font-size: 3.5rem;
}
.ft-36 {
	font-size: 3.6rem;
}
.ft-40 {
	font-size: 4rem;
}
.ft-42 {
	font-size: 4.2rem;
}
.ft-45 {
	font-size: 4.5rem;
}
.ft-50 {
	font-size: 5rem;
}
.ft-60 {
	font-size: 6rem;
}
body.login:after {
    content: "";
display:none;
}
.powered {
    position: absolute;
    bottom:50px;
    right: inherit;
    color: #333;
    width: 100%;
    text-align: center;
}
.login input[type="text"]{
	    border: 1px solid #ccc;
	}
.navbar-header{
	width:auto;	
}
.navbar-header .navbar-brand img{
    background:#36b82a;
    width: 65px;
    padding: 5px;	
}
#top .navbar{
border:none;	
    background-color: #36b82a;
}

#left .logo{
    background: #36b82a;    float: left;
    width: 100%;	
}
.navbar-brand{
height:auto;	
}
#left .logo img{
width:51px;	
height: auto;
}
#left .logo .navbar-brand+span{
    position: relative;
    top: 20px;	
}
.nav-sm .container.body .right_col {
    padding: 0px !important;
}
footer.Footer{
margin-left:0 !important;	
}
.navbar-static-top{
position:relative;	
}
.user-wrapper{
    padding: 25px 15px 20px;	
	    clear: both;
}
.user-wrapper h5{
margin:0;	
}
.project_image p{
font-weight:normal;	
}

.breadcrumb_list{
border-radius:0px;	
}
.breadcrumb_list ol{
background:#555;
color:#fff; 
border-radius:0px;
    padding: 10px 15px;	
	    margin-bottom: 0;
}
.breadcrumb_list ol span{
color:#fff;	
cursor:pointer;
	}
.breadcrumb_list ol li{
color:#fcfcfc !important;	
	}
tr.ui-sortable-placeholder{
width:100% !important;	
}
.btn-success{
    background: #78B928 !important;
	border-color: #78B928 !important;	
}
.btn-group-sm>.btn, .btn-sm {
    padding: 8px 10px !important;
    font-size: 14px !important;
}
.existing-project {
border-bottom:1px solid #ccc;
padding-bottom:20px;	
}
.existing-project .existing{
	    max-height:400px !important;
}
div.existing-table-buttons {
position:relative;
width:50%;
}
div.existing-table-buttons .btn-group{
width:100%;	
}
div.existing-table-buttons form[name="project_delete"] .btn{
	    margin-left: -2px;
}
@media(max-width:600px){
div.existing-table-buttons {
width:100%;	
}
}
div.existing-table-buttons input{
	float:left;
}
#content .container.body{
padding-bottom:0px;
}
.existing-table-buttons button{
font-size:12px;	
    background: #eee;
}
.existing-table-buttons i{
font-size:2rem;	
margin-right:3px;
}
.existing-table-buttons button span{
position:relative;
top:-2px;	
}

div.x_content table#datatable-responsive td a[title="edit"],div.x_content table#datatable-responsive td a[title="delete"]{
    padding: 3px 4px;
    border-radius: 4px;
}

.login_content form, div.create-project form{
margin:0 auto;	
}
.fileUpload{
    margin-top: -35px;	
}
.create-project .form-group{
position:relative;	
}
.table .text-center{
text-align:center !important;	
}
label,p,span,.x_panel h2{
	color:inherit !important;
}
button.edit-existing,button.delete-existing{
	padding:6px 15px;
	font-size:14px;
	border-radius:4px;
	margin:20px 0;
}
.form-group {
    margin-bottom: 15px;
}
#no-more-tables td img{
height:35px;
}
#send.btn-sm{
    font-size: 1.8rem !important;
    padding: 5px 20px !important;
    font-weight: normal;	
}

.comment_block{
margin-top:50px;	
}

.comment_block #sortable{
height:400px;
overflow:auto;	
}

.pro_page.wbs-button button[type="submit"]{
	    margin-right: 8px!important;
    margin-top: 10px;
}
.pro_page.wbs-button li:first-child{
    margin-right: 8px!important;
    margin-top: 10px;
}
input[name="csv_to_process"]{
float:left;	
}
input[name="csv_to_process"] ~ input[type="submit"]{
	    background:#78B928;
		padding: 7px 8px;
		border:none;
		color:#fff;
}
input[name="csv_to_process"] ~ input[type="submit"]:hover{
background:#679e23!important;
}

 .mtn_togg{
	       position: relative;
    left: -7px;
    bottom: -10px;
	color: #fff;
   }
   .toggle_insert{
	        font-size: 12px;
    position: absolute;
    left: -17px;
    bottom: -13px;
    background: #36b82a;
    color: #fff;
    padding: 1px 7px;
    display: inline-block;
    border-radius: 57px;
    cursor: pointer;
    z-index: 99;
	bottom: 2px;
   }
   th  .toggle_insert{
	z-index: 99999;   
   }
   .hover_toggle{
	    background: #fff;
    position: absolute;
    z-index: 9999;
    color: #333;
    border: 1px solid #ddd;
    left: 10px;
	display:none;
bottom: 0px;
   }
    .mtn_togg:hover .hover_toggle{
		display:block;
	}
   .hover_toggle small{
	       display: block;
    font-size: 12px;
    font-weight: normal;
    padding:3px 10px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
	    color: #333;
   }
   .mtn_togg.icono .toggle_insert{
	   left:0;
   }
   .mtn_togg.icono  .hover_toggle{
	left:18px;   
	line-height:inherit;
   }
   
   .card-box.table-responsive{
	padding-bottom:50px;
    background: #fff;   
   }
   .usetwentyfour{
 
   }
   
   
   
	.clone_to table tbody{
			    height: 0;
			opacity: 0;
			overflow: hidden;
			line-height: 0;
			visibility: hidden;	
			}
			.overflow_horizon{
			    overflow: auto;
    			position: relative;
				width:100%;    
				margin-top:20px;
			}
			.clone_from table thead{
			
			}
			.clone_from{
			max-height:500px;
			    padding-bottom: 40px;
			}
			.clone_to{
			      position: absolute;
				overflow: hidden;
				    min-width: 100%;
					z-index:-1;
					    opacity: 0;
			}
			.clone_to .mtn_togg{
				display:none;
			}
			#preloader{
			/* //display:none;	 */
			}
			.dateselect{
			font-size:0;
			width:140px !important;	
			}
			span.magic{
			    position: absolute;
       top: 3px;
    left: 10px;

			}
			#datatable-keytable_wrapper .controls{
			position:relative;	
			}
			
			.project_progress_info .progress{
			margin:0;	
			}
			.project_progress_info th{
			text-transform:uppercase;	
			}
			.project_progress_info td{
			padding-top:10px !important;
			padding-bottom:10px !important;	
			}
			
			.employee_performance .x_title{
			padding:0;	
			}
			.employee_performance h2{
			    background: #555;
    color: #fff;
    font-weight: normal;
    font-size: 1.6rem;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    margin: 0;
    padding: 10px;
    line-height: 14px;	
			}
			
			
#load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("../../../images/loader.gif") no-repeat center center rgba(0,0,0,0.25)
}
.date_filter_form input[type="submit"]{
    background: #78B928;
    color: #fff;	
}
input[name="csv_to_process"]{
    
}
@media(min-width:1025px){
.date_filter_form{
	position: relative;
    top: 16px;
	
}

}
@media(min-width:768px){
input[name="csv_to_process"]{

}	
}

.media-heading a{
color:#EF4836 !important;
    font-size: 16px; 	
}
/* #menu > li > a{
    padding: 15px 0 15px 12px;
	border-left:3px solid transparent;	
} */
#menu > li > a {
    padding: 10px 0 10px 12px;
    border-left: 3px solid transparent;
    font-size: 12px;
}
#menu > li > a:hover,#menu > li.active > a,#menu > li > a.active{
border-left:3px solid #36b82a;	
}

#menu a i{
margin-right:5px;	
}
#content {
    background: #eaeaea;
}


.outer {
    padding: 0 20px 0px;
}
h3.title,h2.page_title{
    margin: 0;
    border-bottom: 2px solid #22313f;
    padding: 20px 0;	
	margin-bottom:30px;
	    text-transform: uppercase;
		font-size:2.4rem;
}
h3.title .back_press{
    font-size: 14px;
    text-transform: none;
    position: relative;
    top: 8px;
	cursor:pointer;	
}

.search_area{
	background:#fff;
border:1px solid #ccc;
box-shadow:0px 0px 5px #ccc;
border-radius:10px;	
padding:20px;
}
.form-control{
    border-radius:3px;	
}
select.form-control{
    border: 1px solid #ccc;
    border-radius:3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;	
}
.green_btn button,.green_btn>a{
background:#36b82a;
border:none;	
color:#fff;
}

.red_btn button,.red_btn>a{
background:#ef4836;
border:none;	
}
.curve_btn button,.curve_btn>a{
    padding: 5px 25px;
    text-align: center;
    border-radius: 10px;
    box-shadow: none;
    color: #fff;
    margin: 15px 0;
white-space: nowrap;	
}
.curve_btn .btn-ank-default{
	    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.dashboard .col-sm-8 .x_panel,.dashboard .col-xs-12 .x_panel{
	    position: relative;
    width: 100%;
    padding: 10px 0px 20px;
    display: inline-block;
    background: #fff;
	box-shadow:0px 0px 5px #ccc;
	border-radius:10px;
	margin-bottom:25px;
}

.dashboard .col-sm-8 .x_content,.dashboard .col-xs-12 .x_content,.bg-white-custom{
	background:#fff;
	padding:0 15px;
	margin: 0;
	overflow:hidden !important;
	    position: relative;
    width: 100%;  
}

.dashboard .col-sm-8 .x_content,.dashboard .col-xs-6 .x_content{
	background:#fff;
	padding:0 15px;
	margin: 0;
	overflow:hidden !important;
	    position: relative;
    width: 100%;  
}
.dashboard .col-sm-8 .x_content h4,.dashboard .col-xs-12 .x_content h4{
border-bottom:1px solid #333;
margin:0 15px;
padding:10px 0;
margin-bottom:30px;
}
.x_content2{
margin-top:30px;	
}

.proj_desc{
background:#fff;
box-shadow:0px 0px 5px #ccc;
border-radius:10px;
overflow:hidden;
padding:15px;
margin-bottom:30px;
}
.proj_desc .odif_time,.proj_desc .owner_name{
    line-height: 18px;	
}
.proj_desc span.title{
font-family: 'Roboto', sans-serif;	
display:block;
font-size:1.5rem;	
font-weight:600;
}
.proj_desc span.title_name{
    font-size: 1.3rem;
    display: block;
    min-height: 20px;
    line-height: 14px;
	    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.proj_desc p.clearfix{
	margin:6px 0;
border-bottom:3px solid #ebebeb;	
}
.proj_desc .start_date,.proj_desc .end_date{
margin-bottom:6px;	
}
.proj_desc figure{
margin-bottom:10px;	
overflow:hidden;
height:50px;
}
.proj_desc figure>.col-sm-7.col-xs-6{
padding-left:0;
}
.proj_desc .pull-right a.action{
	font-size:1.6rem;
	color:#888;
	position:relative;
	margin-left:3px;
	top:5px;
}
.wbs_uploads i{
	font-size:1.6rem;
	margin-right:3px;
}
.wbs_uploads .curve_btn button,.wbs_uploads  .curve_btn>a{
	margin:0;
	width:100%;
	    padding: 7px 5px;
	display:block;
}
@media(min-width:1280px){
.wbs_uploads .col-md-2{

}
}
.wbs_uploads .col-md-4>.input-group>.form-control{
border-radius: 10px 0 0 10px;
}
.input-group .green_btn button{
    border-radius:0px 3px 3px 0;	
	    display: inline-block;
    padding: 6px 12px 6px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	    z-index: 2;
    margin-left: -1px;
	border:1px solid #36b82a;
}
@media(max-width:768px){
.wbs_uploads .curve_btn button,.wbs_uploads .curve_btn a{
	margin:10px 0;
}
}

.wbs_filter_form{
border:1px solid #ccc;
box-shadow:0px 0px 5px #ccc;
padding:10px 0 20px;
border-radius:10px;
background:#fff;
margin:20px 0;
}
.wbs_filter_form .form-group{
	margin-bottom:20px;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover,.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{
	background:#36b82a;
	opacity:0.8;
	
}
.bootstrap-datetimepicker-widget table thead tr:first-child th,.bootstrap-datetimepicker-widget table thead tr:nth-child(2) th{
border-radius:0;	
}

.form-signin>.text-center{
	    background: #36b82a;
    padding:20px 0 15px;
    color: #fff;
    margin: 0 -20px 20px;
	    border-radius: 10px 10px 0 0;
}
.form-signin>.text-center img{
margin-bottom:10px;	
}
#login>p{
	    margin-bottom: 20px;
}

tbody>tr.danger>td, tbody>tr.danger>th, tbody>tr>td.danger, tbody>tr>th.danger, tfoot>tr.danger>td, tfoot>tr.danger>th, tfoot>tr>td.danger, tfoot>tr>th.danger, thead>tr.danger>td, thead>tr.danger>th, thead>tr>td.danger, thead>tr>th.danger {
    background-color: #f2dede;
}

.circle_banja{
    /* font-family: 'Roboto', sans-serif;
    width: 140px;
    background: #ebebeb;
    height: 140px;
    font-size: 3rem;
    text-align: center;
    margin: 0 auto;
    border-radius: 100px;
    box-shadow: 2px 2px 10px #bbb;
    padding-top: 46px;*/
    font-family: 'Roboto', sans-serif;
    width: 140px;
    height: 70px;
    font-size: 3rem;
    text-align: center;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 2px 2px 10px #bbb;
    padding-top: 10px
	
}
.odif_circle .circle_banja{
background:#36b82a;
color:#fff;	
}
.odif_page h5{
color:#333;
margin-bottom:20px;	
}
.logo_comp img{
    max-height: 150px !important;
    width: auto;	
	max-width:80%;
}
@media(min-width:992px){
.logo_comp h5,.logo_comp img{	
    margin-left: auto;
    margin-right: auto;
}
.logo_comp{
	padding-bottom: 30px;
border-right:1px solid #ccc;
  -webkit-box-shadow:10px 0 26px -11px #ccc;
          box-shadow: 10px 0 26px -11px #ccc;
}
}
@media(min-width:768px) and (max-width:991px){
.circle_banja {
    width: 120px;
    height: 120px;
    font-size: 3rem;
    padding-top: 38px;
}	

}
@media(max-width:767px){
.odif_page h5{
margin-top:20px;
min-height:30px;	
}	
#left{
    position: fixed;
    top: 0;
    z-index: 999999;
    height: 100%;
background:#2f3d4a;	
}
#left[aria-expanded="true"]{
	left:0;
}
.table-bordered>thead>tr>th{
    white-space: unset !important;
    }
    .x_panel { 
        padding: 10px 10px !important; 
    }
}
#datatable-keytable_wrapper tr th textarea{
padding:0;	
}


.clone_from tr th:first-child,.clone_to tr th:first-child{
}
#datatable-keytable_wrapper textarea{
overflow:auto;	
}
.modal-backdrop.in {
    filter: alpha(opacity=90);
    opacity: .9;
}
.table-bordered>thead>tr>th{
font-size:1.5rem;	
white-space: nowrap;
}
#datatable-keytable_wrapper.table-bordered>thead>tr>th {
    font-size: 1.2rem;
    white-space: nowrap;
}
.inner hr{
margin-top:0;	
}

@media(max-width:767px){
    #datatable-keytable_wrapper.table-bordered>thead>tr>th { 
        max-width: 75px !important;
        word-break: break-word;
    }
    .td-flex textarea{
        max-width: 60px !important;
    }
}


@media(max-width:991px){
.ft-24,h3.title, h2.page_title{
font-size:2rem;	
}
}
.start_date .title,.end_date .title,.odif_time .title{
	    color: #333 !important;
    font-weight: normal !important;
    font-size: 1.4rem !important;
}
.start_date .title_name,.end_date .title_name,.odif_time .title_name{
	font-size: 1.2rem !important;
}
.direct_main_link img{
    width: 25px;
    box-shadow: 2px 2px 6px #ccc;
    border: 1px solid #ccc;	
}
.direct_main_link .action_odif img{
	    width: 25px;
    box-shadow: 2px 2px 6px #ccc;
    border: 1px solid #ccc;	
}
.direct_main_link a{
	    display: inline-block;
    float: left;
    position: relative;
    top: 2px;
}
.direct_main_link a~a{
    display: inline-block;
    float: left;
    color: #333;
    position: relative;
    left: 10px;
	top:2px;
}
.assign_person.mandatory{
border:1px solid #EF4836;	
}

#datatable-keytable_wrapper .disableChild:before{
content:"";
position:absolute;
width:100%;
height:100%;
z-index:98;
top:0;
left:0;	
cursor:not-allowed;
 background: #eee;
    opacity: 0.7;

}
.btn.btn-danger{
	    border-radius: 0;
    padding: 5px 15px;
}

.login .trmchk{
	cursor:pointer;
    border: none;
    opacity: 1;
    box-shadow: 0px 0px 1px 1px #999;
	-webkit-box-shadow: 0px 0px 1px 1px #999;	
}

	.logoimage{
		position:relative;	
		}
		.logoimage .mtn_logo_ico{
			position:relative;
			display:inline-block;
			text-align:center;
		}
		.logoimage .mtn_logo_ico i{
		position: absolute; width: 100%; font-size: 3rem; top: 30px;	
		}
		#uploadPreview{
		position:relative;
		z-index:9;	
		width:100px;
		height:100px;
		display: inline-block;
		}
		#uploadBtn1{
		    position: absolute;
    width: 100px;
    height: 100px;
    left: auto;
    top: 0;
    right: auto;
    margin-left: -10px;	
	z-index:99;
		}
		
.fa-6 { font-size:2em;}		


body {
    background: #FFF url("http://i.imgur.com/KheAuef.png") top left repeat-x;
  
}


#load {
 position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(192, 192, 192, 0.5);
    background-image: url("../../../images/loading.gif");
    background-repeat: no-repeat;
    background-position: center;
}

	
	.multiselect-container>li.active {
   
    background: #1D9F75 ;
}
input[type="checkbox"]{
    box-shadow: 0px 0px 2px #555;	
}

 input[name="template_document[]"]+a{   position: absolute;
    right: 5px;
    top: 33%;
}


.modal-backdrop { z-index:99999;}
.disabledbtn{
position:relative;
pointer-events: none;	
}
.disabledbtn:before{
    content: "";
    background: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    left: 0;
    top: 0;
    opacity: 0.5;
    cursor: not-allowed;
	    border-radius: 10px;
}
.disabledrow {
    content: "";
    background: #fff; 
    position: relative;
    /* width: 100%; */
    height: 100%;
    z-index: 9;
    left: 0;
    top: 0;
    opacity: 1;
    cursor: not-allowed;
	border-radius: 10px;
    pointer-events: none; /* Disable interactions */
}
.required { color:red;}

.mpr,.pr,.activity_area { width:300px !important;}

.assign_person  { width:300px !important;}



#custom-search-input {
        margin:0;
        margin-top: 10px;
        padding: 0;
    }
	 #custom-search-input input{
	border-radius: 3px;	
	}

    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#78B928 !important;
		z-index:999;
    }
@media(min-width:992px){
.date_filter_form>div{
padding-right:0;	
}
.date_filter_form>div input[type="text"].form-control,.date_filter_form>div select.form-control{
	padding:6px;
}
.date_filter_form>div:last-child{
padding-right:15px;	
}

}
.date_filter_form>div .curve_btn button{
width:100%;	
    padding: 7px;
}

.error.form-control{
border:1px solid red !important;	
}

.error{
border:1px solid red !important;	
}



@media(min-width:991px){
    .navbar-toggle {
        display: block;
        display: block;
        position: absolute;
        background: #20353A; 
        z-index: 9999999;
        left: 200px;
        top: 10px;
    }
    .navbar-toggle span{
       background-color: #fff;
    }
    .navbar-toggle[aria-expanded="false"]{
        left: -20px; 
        z-index: 9;
    }
    .navbar-toggle[aria-expanded="false"]:hover{
        left: 0px; 
    }
    }
    @media(max-width:767px){
        .navbar-toggle.onlydesktop { 
            display:none !important;
        }
        .circle_banja {
            width: 80px;
            height: 80px;
            font-size: 1.5rem;
            padding-top: 30px;
        }
    }

    @media(max-width:767px){
        .flex-wrap-mobile {
            float: none !important;
            clear: both;
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
        }
    }
    
    @media(max-width:767px){
        .mobile-style>* {
            font-size: 7px !important;
        }
    }
    .disabledtr td:not(.a_activity) {
        content: "";
        background: #dddd; 
        position: relative;
        / width: 100%; /
        height: 100%;
        z-index: 9;
        left: 0;
        top: 0;
        opacity: 1;
        cursor: not-allowed;
        
        border-radius: 10px;
        
    }
    .disabledtr .bootstrap-datetimepicker-widget * {
        background: #fff !important;
    }
    .disabledtr td.a_activity > * {
        pointer-events: auto; /* Enable interactions for child elements */
    }
.disabledtr.actually_quantity{
  background: #dddd!important; 
}
.submenu-content, .submenu-content1 {
    position: absolute;
     top: 0px;
     left: 80px;
     z-index: 999;
     /* height: 300px;
     overflow: scroll !important; */
     white-space: nowrap;
     margin-left: 12px;
     background-color: #fff;
     border: 1px solid #ccc;
     padding: 10px;
     display: none;
 }
 .subsubmenu-content {
 position: absolute;
     left: 100%;
     top: 0px;
     background: #fff;
     height: auto;
     border: 1px solid #ccc;
     padding: 0 15px 0 0;
 }
 .insert_row_sp {
     position: relative;
     display: inline-block;
     white-space: nowrap;
 }
 .insert_row_411 {
     position: relative;
     display: inline-block;
     white-space: nowrap;
 }
 
 .loader {
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 999999999999999999999;
     background-color: rgba(255, 255, 255, 0.8);
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
     display: none; /* Initially hidden */
 }
 
 .loader::after {
     content: '';
     display: block;
     width: 40px;
     height: 40px;
     margin: 10px auto;
     border-radius: 50%;
     border: 5px solid #333;
     border-color: #333 transparent #333 transparent;
     animation: spin 1s linear infinite; /* Animation for spinning */
 }
 
.submenu-contentsp1, .submenu-content1sp1 {
    position: absolute;
     top: 0px;
     left: 80%;
     /* overflow: scroll; */
     /* width: 115px; */
     white-space: nowrap;
     margin-left: 12px;
     background-color: #fff;
     border: 1px solid #ccc;
     padding: 10px;
     display: none;
 }
 .subsubmenu-contentsp1 {
 position: absolute;
     left: 100%;
     top: 0px;
     background: #fff;
     height: auto;
     border: 1px solid #ccc;
     padding: 0 15px 0 0;
 }
 .insert_row_sp1 {
     position: relative;
     display: inline-block;
     white-space: nowrap;
 }
 .container.body {
    min-height: calc(100vh - 150px);
}
/* header, footer, sidebar */
 
#left {
    position: fixed; 
    height: 100%;
    z-index: 10000000;
    top: 0;
    display: none;
}



.fixed_header_on {
    position: fixed;
    width: 100%;
    z-index: 999999;
    background: #fff;
    left: 0;
    top:0;
    border-bottom: 2px solid #22313f;
}
footer.Footer {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    /* z-index: 8; */
    z-index: 99999;
}
.fixed_header_on .manage_fixed{
    padding-left:50px;
    padding-right: 15px; 
    }
.fixed_header_on .manage_fixed>*{ 
border-bottom:none !important;
}
.fixed_header_on .title_bar{
    margin-bottom:0 !important ;
}
.nav-sm .container.body .right_col { 
    padding-top: 20px !important;
}

.fixed_header_on #toggle_sidebar_new {
    left: 1px;
    z-index: 9999999;
    top: 50%;
    background: transparent; 
        transform: translateY(-50%);
    margin: 0;
}
.fixed_header_on #toggle_sidebar_new span{
    background: #333   !important;
}
button#side_bar_button {
    opacity: 0; 
    z-index: -1;
}
@media(max-width:767px){
    .navbar-static-top {
        position: fixed !important;
        top: 0;
        width: 100%;
        z-index: 9999999;
    }
    body{
        padding-top: 48px !important;
    }
    .curve_btn.red_btn.text-right {
        margin-top: 20px;
    }
    .fixed_header_on {
        position: relative; 
    }
    .fixed_header_on .manage_fixed {
        padding-left: 15px;
        padding-right: 15px;
    }
    .left_title { 
        flex-wrap: wrap;
    }
    .filterform.d-flex { 
        flex-wrap: wrap;
    }
    .sfilter,.sdr, .sap {
        width: 100%;
    }
    .daterangepicker.dropdown-menu.show-calendar {
        z-index: 999999;
        width: 78%;
    }
    .calendar.first.right,.calendar.second.left {
        max-width: 100%;
        width: 100%;
    }
}
#menu a:hover {
    color: #E46C0A!important;
}
/* .overflow_horizon {
    margin-top: 0;
    max-height: calc(100vh - 135px);
    height: 50vh;
} */

.overflow_horizon{
    overflow: auto;
    position: relative;
    width:100%;    
    margin-top:20px;
}
.container.body {
    /* min-height: 100%; */
}
.inner.bg-light.lter {
    min-height: auto !important;
}
body { 
    background: #EFEFEF !important;
}
.footer-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
	text-align: center;
    background: #36b82a;
    position: relative;
}

.footer-icons {
    display: flex;
    align-items: center;
    position: absolute;
    right: 20px;
}

.footer-icons a {
    margin-left: 15px;
    color: white;
    font-size: 24px; /* Adjust icon size */
    position: relative;
}
.footer-icons small {
    color: #fff;
    position: absolute;
    top: -3px;
    color: #fff;
    right: -12px;
    background: #EF4836;
    border-radius: 50%;
    padding: 0px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
}
.footer-icons a:hover {
    color: #E46C0A; /* Change color on hover */
}
.footer-content p {
    margin: 0 auto;
    text-align: center;
    background-color: #36b82a;
    padding: 12px 0;
    font-size: 12px;
    flex-grow: 1;
}

input[type="file"]::-webkit-file-upload-button {
    text-transform: uppercase;
 
}

/* For Firefox */
input[type="file"] {
    text-transform: uppercase;
    
}
.title2{ 
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 120px;
}

.logo{
    display: flex;
    justify-content: center;
    align-items: center;
}
@media(max-width:600px){
    .footer-icons{
        position: relative;
    
    }
}
.sharebuttonwbs{
    background-color:#36b82a!important;
  }
/* header, footer, sidebar  end */

.rendered-html { 
    max-width: 100%;
    overflow-x: scroll;
    margin-bottom: 10px;
}


.popover {
    min-width: 150px;
}

.mypopover.popover { 
    position: absolute;
    left: -150px;
    padding: 5px;
    font-size: 13px;
}
.td-flex:hover+div{
    display: block;
}
td.disableChild .td-flex:hover+div{
    display: none;
}
.mypopover.popover span{
display: block;
line-height: 18px;
}



#datatable-keytable_wrapper span.mgwt {
    opacity: 0.4;
    font-size: 12px;
    /* white-space: nowrap;
    text-overflow: ellipsis;
    width: 100% !important; */
    width: 84% !important;
    /* max-width: 100px; */
    overflow: hidden;
    display: none;
    position: relative !important;
    top: 50%;
    transform: translateY(-50%);
}

.editwbss span.mgwt{
    z-index: 1000;
    left: 0px;
}

.td-flex {
    display: flex;
    align-items: start;
    gap: 0px;
    z-index: 999;
    position: relative;
    padding-right: 2px;
    margin:0;
}

.td-flex span.green-dot { 
    margin-left: 5px;
    margin-top: 5px; 
}
.td-flex textarea {
    padding: 0px 0px 0px 10px !important; 
    font-size: 12px;
    line-height: 16px;
}
select.fet_unique_code.form-control.select-width {
    max-height: 55px;
}

ul.multiselect-container.dropdown-menu::-webkit-scrollbar-track {
    background: #ccc;
}

#chatBox {
    height: 300px; 
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #f8f9fa;
   position: relative; 
   overflow-y: auto;
  }
  .chatbot .card{
        border-radius: 25px 25px 0 0 !important;
  }
  .chatbot .card-header {
  background: #36b82a;
  color: #fff;
         position: relative;
        border-radius: 25px 25px 0 0 !important;
        padding: 10px 20px;
}
.chatbot  {
  max-width: 350px;
  position: fixed;
  right:10px;
  bottom: 0;
  top:100%;
    bottom: auto; 
    background: #fff;
    z-index:99999;
    border-radius:30px 30px 0 0;
}
  .chatbot.activated  { 
    bottom: 45px;
  top: auto;
}
.chatbot.maximize  {
width:60vw;
max-width:60vw;
min-width: 300px;
}
.chatbot.maximize #chatBox {
height:70vh;
min-height:300px;
}
.chatbot.maximize table.table_ai {
  width:100%;
}
.chatbot.maximize table.table_ai textarea{
  overflow:none;
  width:100% !important;
}
.copy-btn {
font-size: 12px;
padding: 2px 5px;
cursor: pointer;
}
.chatbot .badge-primary{
  background-color: rgba(0, 123, 255, 0.8);
  font-weight: normal;
  font-size: 14px;
  border-radius: 10px;
  min-width: 100px;
  text-align: left;
  white-space: normal;
  line-height: 20px;	
  margin-bottom: 5px;
  margin-top: 5px;
  color: #fff !important;
}
span.badge.badge-secondary {
  color: #fff !important;
  font-weight: normal;
  font-size: 14px;
  border-radius: 10px;
  min-width: 100px;
  text-align: left;
  white-space: normal;
  line-height: 20px;
  margin-top: 5px;
}
  div#ifempty {
  width: 100%;
  height: 100%;
  background: #fff;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  padding: 0 30px;
}
  #chatbotbutton{
   cursor:pointer; 
   z-index:99;
  }
  a.closechatbot {
  color: #fff;
  position: absolute;
  right: 20px;
  font-size: 23px;
  font-family: monospace;
  top: 2px;
}