#projects {   
  margin-right: 10%; 
}

.project_edit_menu {
	display: none;
  left: 28px;
  position: absolute;
  width: 120px;
	z-index: 1;
}

.open_edit_menu i,.open_edit_menu li{
	cursor: pointer;
}

#new-project {
  /* display: none; */
  position: fixed;
  top: 2%;
  left: 33%;
  z-index: 100; 
  background-color: white;
  border: 2px solid rgb(155, 25, 31);
}

#edit-project {
  position: fixed;
  top: 2%;
  left: 33%;
  z-index: 100; 
  background-color: white;
  border: 2px solid rgb(155, 25, 31);
}

   
#edit-details-project {
  /* display: none; */
  position: fixed;
  top: 2%;
  left: 33%;
  z-index: 1; 
  background-color: white;
  border: 10px solid rgb(155, 25, 31);
}

  
.form-edit-clause {   
  position: fixed;
  left: 33%;
  top: 2%;
  z-index: 1000;
  background-color: white;
  border: 2px solid rgb(155, 25, 31);
}

 .edit-clause { 
  display: none;
  position: fixed;
  left: 33%;
  top: 2%;
  z-index: 1000;
  background-color: white;
  border: 2px solid rgb(155, 25, 31);
 }
   
.new-clause { 
  display: none;
  position: fixed;
  left: 33%;
  top: 2%;
  z-index: 1000;
  background-color: white;
  border: 2px solid rgb(155, 25, 31);
}

/* Modal Content/Box */
/* .modal-content {
  background-color: #fefefe;
  margin: 15% auto; 
  padding: 20px;
  border: 1px solid #888;
  width: 80%; 
} */

/* The Close Button */
/* .close {  
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} */

.btn{
  background-color:white;
  color:#9b191f;
  border-color: #9b191f;
}

.btn:active,
.btn:hover{
  background-color:#9b191f;
  color:white;
  border-color: white;
}

.btn:focus {
  box-shadow: 0 0 0 0.2rem rgb(155, 25, 31);
}

/* cards menus */
.fa-ellipsis-v:hover {
  color: #9b191f;
}

li a :hover {
  color: #9b191f;
}

.open_edit_menu i,.open_edit_menu li{
	cursor: pointer;
}

.open_edit_menu li:hover{
  color: #9b191f;
}

/* end cards menus */
  
#clauses {    
  position: absolute;
  top: 283px;
  left: 0;
  right: 0;
}


.new-sub-clause ,  #form-edit-sub-clause { 
  /* display: none; */
  position: fixed;
  left: 20%;
  top: 2%;
  z-index: 1000;
  background-color: white;
  border: 2px solid rgb(155, 25, 31);
 }

 /* #form-edit-sub-clause { 
  display: none;
  position: fixed;
  left: 20%;
  top: 2%;
  z-index: 1000;
  background-color: white;
  border: 2px solid rgb(155, 25, 31);
 } */

 .loading-div{
   display:none;
   left: 47%;
   position: absolute;
   top: 0;
 }

 .lds-ring {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 64px;
height: 64px;
margin: 8px;
border: 8px solid #7eaeda;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #7eaeda transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
  transform: rotate(0deg);
}
100% {
  transform: rotate(360deg);
}
}

.wrapper-clauses {
  text-align: right;
  direction:ltr;
  display: grid;
  /* grid-template-columns: repeat(3, 0.75fr) 1.75fr repeat(2, 0.5fr) repeat(2, 1.75fr) 0.5fr 1fr 0.5fr; */
  grid-template-columns: 0.2fr 1fr 0.5fr repeat(2, 1fr) repeat(2, 0.5fr) 2.2fr 0.75fr 0.75fr 0.75fr 0.2fr;
  grid-auto-rows: 80px;
  grid-gap: 0.5em;
  justify-content: space-evenly; 
  margin:2px;
  cursor: pointer;
  height: 65px;
}
.wrapper-clauses-hover{
  background-color: #e8e8e8;
 
}


.wrapper-val-clauses{
text-align: right;
  padding: 1.25rem;
  height: 65px;
}

.head-clauses{  
font-weight: bold;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;
height: 63px;
font-size: 14px;  
}

.head-page{
  z-index:100;
  /* position: absolute;
  top: 117px;
  left: 0;
  right: 0;   */
}

.fix-top-main {   
  /* font-weight: bold; */
  min-width: 0;
  /* word-wrap: break-word; */
  position: fixed;
  top: 62px;
  background-color: #fff;
  /* background-clip: border-box; */
  /* border: 1px solid rgba(0,0,0,.125); */
  /* border-radius: .25rem; */
}

.head-page , .fix-top-main {
  transition: all 0.4s ease-out 0s;
}
.fix-top-main nav{
  width:30%;
  float:right;
  height: 48px;    
}


.fix-top-main ol{
  border-radius: 0;
}

.fix-top-main button{   
  margin: 3px;
}

.fix-top-main .d-flex{
  width: 100%;
  float: right;
  height: 48px;
  background-color: #e9ecef;
  margin:0px;
}


.search{ 
  display: none;
}

.fix-top-main .head-clauses{
   width:100%;
  
}

.fix-header{

background-color: white;
z-index: 1;
position: fixed;
width: 100%;

}
.fix-header row{
height: 100px;
}

.fix-header #img-logo {
margin: -20px -50px 0 0;
height:40px; 
min-width:50px;
}
.fix-header .user-detail{
margin:-12px;

}

#user-name {

  right: 991px;
  position: fixed;
}
#img-logo {

height:80px; 
min-width:100px;
}

#top{
position: fixed;
}

/* user_details file */

.set-new-val{
  list-style: none;
  position: relative;
  top:2px;
  height: 4em;

}

.datails-item .up{    
  display:none;
}


/* clause menu  */
.clause_edit_menu {
  
	display: none;
    left: 35px;
    position: absolute;
    width: 100px;
	  z-index: 1;

}


/* sub clause menu  */
.sub_clause_edit_menu {
  
    display: none;
    top:0;
    left: 35px;
    position: absolute;
    width: 100px;
	  z-index: 1;

}

.open_edit_menu_sub i,.open_edit_menu_sub li{
	cursor: pointer;

}