html,
body {
    height: 100%;
} 

body {
    font-family: 'Montserrat', sans-serif !important;
    color: #212121 !important;
}

.background-gradient-image {
    /* background-image: url(../images/body-backimage.jpg); */
    background: #ededed;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex !important;
    align-items: center;
}
@media only screen and (max-width: 1024px)  {
    .setwidth
{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }}
    @media only screen and (max-width: 974px)  {
    a.navbar-brand.brand-logo img
{
            width: 100% ;
    }}

  @media only screen and (max-width: 336px)  {
.project_manager_div
{       margin-left: 9px !important;
}}

  @media only screen and (max-width: 760px)  {
.change 
{       overflow-x: scroll !important;
}}

  @media only screen and (max-width: 737px)  {
.add-project-form-input 
{            width: 100% !important;
}}

  @media only screen and (max-width: 676px)  {
.dropdown-toggle-edit-2
{           align-items: end !important;
}}

  @media only screen and (max-width: 676px)  {
.dropdown .dropdown-toggle-edit-2:after
{               margin-top: -5px !important;
}}

    @media only screen and (max-width: 768px) and (min-width: 578px)  {
.dropdown .dropdown-toggle-edit-2:after
{                   font-size: 12px !important;
}}

  @media only screen and (max-width: 768px)  {
.functions-dropdown2
{                   padding: 8px 1px !important;
}}


 @media only screen and (max-width: 563px)  {
nav.navbar.default-layout-navbar.col-lg-12.col-12.p-0.fixed-top.d-flex.flex-row {
    z-index: 999999;
}
}
@media only screen and (max-width: 768px)  {
.dropdown-menu.dropdown-menu-width-edit2.show {
    z-index: 9999999 !important;
}}

@media only screen and (max-width: 768px)  {
.dropdown-menu.dropdown-menu-width-edit.show {
    z-index: 9999999;
}
}

@media only screen and (max-width: 351px)  {
.dropdown-menu.dropdown-menu-width-edit.show {
        transform: translate3d(0px, 40px, 0px) !important;
}
}

/*@media only screen and (max-width: 397px)  {*/
/*.float-left.cursor-pointer {*/
/*    float: none !important;*/
/*}*/
/*}*/

@media only screen and (max-width: 770px) and (min-width: 426px)  {
.functions-dropdown2 {
            padding: 0 !important;
}
}

@media only screen and (max-width: 978px) and (min-width: 768px)  {
 button.btn.btn-secondary.dropdown-toggle.functions-dropdown2.dropdown-toggle-edit-3.tag-filled {
            overflow:hidden !important;
}
}
@media only screen and (max-width: 364px) and (min-width: 352px)  {
.project_manager_div {
            margin-left:11px !important;
}
}

@media only screen and (max-width: 1188px) and (min-width: 760px)  {
.table-responsive.table-scroller.projects-1 {
    height: 54% !important;
}
}


@media only screen and (max-width: 1188px) and (min-width: 760px)  {
.table-responsive.table-scroller.projects-1 {
    height: 54% !important;
}
}
@media only screen and (max-width: 1188px) and (min-width: 760px){
.table-scroller {
    height: 70%  !important;
}
}


@media (max-width: 767px){
nav.sidebar.sidebar-offcanvas {
    z-index: 999999;
}}


@media only screen and (max-width: 357px)  {
.col-sm-5.project_manager-div{
    margin-left: -8px !important;
}}

 @media only screen and (max-width: 398px)  {
 p.user-assign-backcolor {
    float:none !important;
}
}
 @media only screen and (min-width: 399px)  {
 p.user-assign-backcolor {
    padding:5px 7px !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
}
}

@media only screen and (max-width: 913px) and (min-width: 577px){
button#dropdownMenuButton {
    font-size:10px  !important;
    height:38px !important;
}
}
@media only screen and (max-width: 913px) and (min-width: 577px){
button.btn.btn-primary.functions-dropdown {
    font-size:10px  !important;
}
}

@media only screen and (max-width: 913px) and (min-width: 577px){
button.btn.btn-secondary.dropdown-toggle.functions-dropdown2.dropdown-toggle-edit-3 {
    font-size: 10px !important;
}}
@media only screen and (max-width: 913px) and (min-width: 577px){
i.fa.fa-calendar {
        font-size: 0.7rem !important;
}}
 @media only screen and (max-width: 767px)  {
 .mobile-padding {
    padding:8px !important;
}
}
 @media only screen and (max-width: 937px)  {
 select.form-control.select-focus-edit {
    padding: 0px !important;
}
}
@media only screen and (max-width: 749px)  {
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img{
   width: 30px !important;
    height: 30px !important;
    vertical-align: text-top;
}}
@media only screen and (max-width: 749px)  {
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status{
   position: absolute  !important;
    width: 10px  !important;
    height: 10px  !important;
    border-radius: 100%  !important;
    border: 2px solid #ffffff  !important;
    bottom: 8px  !important;
    right: 9px  !important;
}}

@media only screen and (max-width: 625px)  {
   h3.assign-task-color {
           font-size: 16px !important;
        width: 82%   !important;
        white-space: normal   !important;
}}

@media only screen and (max-width: 457px)  {
   nav.sidebar.sidebar-offcanvas {
        height: 100% !important;
        }
    }
    
@media only screen and (max-width: 455px)  {
   img.subtaskadd-btn {
        width: 9% !important;
}
    }

button.btn.btn-secondary.dropdown-toggle.functions-dropdown2.dropdown-toggle-edit-3{
                overflow: hidden !important;
}



.how-it-works-text {
    color: #212121;
    line-height: 25px;
}

.form-background {
    max-width: 88%;
    padding: 20px 20px 10px 20px;
    background: white;
    box-shadow: 0px 0px 9px #6d6d6d;
    color: #151515;
}

.form-edit {
    border-radius: 6px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    padding: 0.7rem 0.5rem !important;
}

input[type=email] {
    background-color: #e1e1e1;
    color: #212121;
    border: 0px;
    padding-left: 10px;
}

input[type=password] {
    background-color: #e1e1e1;
    color: #212121;
    border: 0px;
    padding-left: 10px;
}

.form-edit::placeholder {
    color: #8b8b8b !important;
    font-weight: 500;
}

label.form-check-label {
    font-size: 16px !important;
    font-weight: 500;
}

.margin-checkbox-edit {
    margin-left: 20px;
}

label.form-check-label {
    margin-left: 10px !important;
}

button.btn.btn-primary.w-100.button-gradient {
    font-size: 20px;
    font-weight: 500 !important;
    /* max-width:88%; */
    font-family: 'Montserrat', sans-serif !important;
    background-image: linear-gradient(90deg, #da8cff, #8b3ffa);
    border: none;
}

.forgot-password {
    font-size: 13px;
}

.text-forgot-edit {
    line-height: 25px;
}

.underline-edit {
    color: black;
    text-decoration: none;
}

.underline-edit:hover {
    color: black;
    text-decoration: none;
}

.terms-conditions {
    font-size: 13px !important;
    padding: 10px 15px 0 15px;
    color: #8b8b8b;
}

.form-group.row.form-margin-edit {
    margin-bottom: 0px;
}

input,
.form-control:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
    background-color: #e1e1e1 !important;
    color: #212121 !important;
}

.btn-primary:not(.btn-light):focus,
.btn-primary:not(.btn-light):active {
    color: white !important;
}

.search-input-edit{
	background-color: #c2c2c2 !important;
    color: #212121 !important;
    border-radius: 50px;
}

input.form-control.bg-transparent.border-0.search-input-edit {
    background: #c2c2c2 !important;
}

/* Home page css starts */

.input-group {
    background: #c2c2c2 !important;
    border-radius: 80px !important;
}

i.input-group-text.border-0.mdi.mdi-magnify {
    color: white;
    font-size: 17px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img {
    position: relative;
    width: 40px;
    height: 40px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 2px solid #ffffff;
    bottom: 5px;
    right: -2px;
}

.input-group-append .input-group-text, .input-group-prepend .input-group-text {
    padding: 0.6rem 0.75rem;
}

.segmentation-background {
    width: max-content;
    margin: 0 auto;
    background: #e3e3e3;
    padding: 5px 8px;
    border-radius: 50px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-image: linear-gradient(90deg, #da8cff, #8b3ffa);
    border-radius: 50px;
}

.underline-edit2 {
    color: black;
    text-decoration: none;
    font-size: 17px;
    padding: 0.2rem 1.3rem;
}

.underline-edit2:hover {
    color: #212121;
}

.underline-edit2 img{
	-webkit-filter: invert(90%);
}
.show img {
    -webkit-filter: invert(0%);
}

.table thead th {
    border-top: 0;
    border-bottom-width: 1px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
    font-size: 20px !important;
    vertical-align: middle;
}

.table th, .table td {
	font-weight: 400;
    /* padding: 1.6rem 1rem; */
    padding: 15px;
    vertical-align: middle;
    border-top: 1px solid #ebedf2;
    font-size: 18px;
    color: #212121;
}

.delete-icon-edit {
    font-size: 20px;
    color: #212121;
}

.red-color-edit {
    color: #db0000 !important;
}


.add-project-form-input{
	padding: 8px;
	border-radius: 6px;
	width:100%;
}

.add-project-form-input:focus{
	background: #b8b8b8 !important;
	border: 1px solid #8d41fa !important;
}

button.btn.btn-primary.button-add-project:focus {
    border: none;
    background: #b8b8b8 !important;
}

.add-project-form-input:visited{
	background: #b8b8b8 !important;
}
   
.button-add-project{
	display: flex;
    align-items: center;
	line-height: 1;
	width: 100%;
    justify-content: center;
	background-color: #b8b8b8;
	border-color: #b8b8b8;
    font-family: 'Montserrat', sans-serif !important;
	font-weight: 500;
	color: #212121 !important;
	border: 1px solid #b8b8b8;
	border-radius: 6px;
	/*height: 42px;*/
	padding:6px;
}

.button-add-project:hover{
	background-color: #b8b8b8;
	border-color: #b8b8b8;
}

.table-scroller{
	display: block;
    height: 70%;
    overflow: auto;
}


select.form-control {
    padding: .4375rem .75rem;
    border: 0;
    outline: 1px solid #ebedf2;
    color: #212121;
    background: #e1e1e1;
	font-family: 'Montserrat', sans-serif !important;
}

select.form-control:focus {
    outline: none;
    background-image: linear-gradient(90deg, #da8cff, #8b3ffa);
    color: #212121 !important;
	font-family: 'Montserrat', sans-serif !important;
}
select.form-control:link {
    color: green;
}

.button-add-role{
	background-color: #b8b8b8;
	border-color: #b8b8b8;
    font-family: 'Montserrat', sans-serif !important;
	font-weight: 500;
	color: #212121 !important;
}
i.fa.fa-chevron-left.back-button {
    font-size: 20px;
    color: #212121;
}
.table-height-edit{
	height: 100%;
}

.cursor-pointer{
	cursor: pointer;
}


.protocol-header{
    background: linear-gradient(90deg,#da8cff, #8b3ffa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



































 /* Media queries start */

 
 @media (max-width: 767px)  {
	html, body {
    height: auto;
	}
	.segmentation-background {
    padding: 5px 5px;
	}
	.underline-edit2 {
    padding: 6px 3px;
	}
	.table-background {
        padding: 8px 5px;
	}
	.table th, .table td {
        padding: 1rem 1rem;
	}
	.table-scroller {
        display: block;
        height: 350px;
        overflow: auto;
    	margin-top: 20px;
    	width: 132vh;
	}
	.segmentation-background {
    /* min-width: 80%; */
	width: max-content;
	}
	.projects-1 {
    margin-top: 30px;
    }
	.button-add-project {
    margin-top: 2px;
	}
	 
	
	
	/* 25 oct css */
	
	
	
	nav.sidebar.sidebar-offcanvas {
    background: white !important;
    padding: 10px;
	}
	.nav-overflow-scroll {
    height: 100% !important;
    display: block;
    overflow: auto !important;
	}
	h3.heading-golv {
    white-space: normal;
}
.dropdowns {
    margin: 10px 0;
}
	
	
	/* 25 oct css */
	
	
	/*.float-buttons {
    position: initial !important;
    margin-top: 10px;
}
*/
.functions-dropdown {
    padding: 13px 5px !important;
}
	
}
 
 .function-main-div{
    position: absolute;
    text-align: end;
    bottom: 2px;
    font-size: 13px;
    font-style: italic;
    padding: 0px 10px;
    right: 0px !important;
 }
 

	/* 31 oct media queries */
	
	
	

	@media (min-width: 991px) and (max-width: 1199px)  {
	.sidebar {
    width: 200px;
	}
	
	
	/*  @media (max-width: 1000px)  {
	 
	 nav.sidebar.sidebar-offcanvas {
    background: white !important;
    padding: 10px !important;
	} */
}
	
	
	
	/* 31 oct media queries */
 
 
 
 
/* 21 Oct css starts */
 
 
 span.menu-title {
    font-family: 'Montserrat', sans-serif !important;
}
 li.nav-item {
    padding: 0 !important;
}
a.nav-link-edit {
    padding: 5px 0 !important;
}
a.nav-link-edit2 {
    padding: 5px 5px !important;
	background: #e8e8e8;
	margin-right: 5px;
	    width: fit-content;
}
 
span.menu-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
	font-weight: 500;
} 
 
 
.table-height-edit2{
	height: 80% !important;
	background: none !important;
}
.nav-overflow-scroll{
	height: 83%;
	display: block;
	overflow: auto !important;
}
.functions-dropdown {
    background: #e3e3e3;
    border: none;
    color: #212121 !important;
    font-family: 'Montserrat', sans-serif !important;
	padding: 13px 15px;
    border-radius: 6px;
    font-weight: 500;
}

.functions-dropdown:hover {
    background: #e3e3e3;
    border: none;
    color: #212121 !important;
    font-family: 'Montserrat', sans-serif !important;
}


.btn-primary:not(.btn-light):focus, .btn-primary:not(.btn-light):active {
    background: #e3e3e3 !important;
    border: none !important;
    color: #212121 !important;
	outline: none !important;
	box-shadow: none !important;
    font-family: 'Montserrat', sans-serif !important;
}



/* dropdown inside dropdown css starts */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

@media screen and (min-width: 768px){
  .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
}


.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}





/* dropdown inside dropdown css starts */


li.dropdown-item a {
    color: #000;
	text-decoration: none;
}
ul.dropdown-menu.multi-level.show {
    background: #f5f5f5 !important;
    border: 1px solid #797979;
	/* padding: 5px !important; */
	width: 100%;
}
ul.dropdown-menu {
    background: #f5f5f5 !important;
    border: 1px solid #797979;
}
.dropdown-submenu>.dropdown-menu {
    top: -12px;
    left: 100.5%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 6px 6px 6px 6px;
}
.dropdown .dropdown-menu {
    margin-top: .75rem;
    font-size: 0.875rem;
    box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35);
}
.dropdown .dropdown-menu .dropdown-item {
    font-size: 14px;
    padding: .1rem 0.5rem;
}
li.dropdown-item-edit:hover {
	border-radius: 6px !important;
	background-image: linear-gradient(90deg, #da8cff, #8b3ffa);
	transition: all 0.4s;
	color: white !important;
}
li.dropdown-item-edit:hover a{
	color: white !important;
}
a.dropdown-item-edit:hover {
	border-radius: 6px !important;
	background-image: linear-gradient(90deg, #da8cff, #8b3ffa);
	transition: all 0.4s;
	color: white !important;
}

 /* 21 Oct css ends */
 
/* @media (min-width: 370px) and (max-width: 450px)  {
	.icons-position-edit {
    position: fixed;
    bottom: 0;
    left: 17%;
	}
} */






/* 22 oct css */





.form-check-padding-left{
	padding-left: 20px !important;
	margin-bottom: 10px !important;
	margin-top: 0px !important;
}

ul.dropdown-menu-edit {
    width: 280% !important;
}

span.edit-task {
    font-size: 16px;
    margin-left: 15px;
    font-style: italic;
    font-weight: 600;
    margin-top: 4px;
    display: inline-block;
}


.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    /* color: #fff; */
    background-color: #e3e3e3 !important;
    border-color: #e3e3e3 !important;
}

h3.assign-task-color {
    font-size: 22px;
	float: left;
	margin: 0;
}

.functions-dropdown2 {
    background: #b8b8b8;
    border: none;
    color: #212121 !important;
    font-family: 'Montserrat', sans-serif !important;
	padding: 13px 15px;
}

.functions-dropdown2:hover {
    background: #b8b8b8;
    border: none;
    color: #212121 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.dropdown-menu-width-edit{
	width: max-content;
}



/* 23 oct css */




.add-new-role-button {
    background: #b8b8b8;
    border-radius: 6px;
}

.dropdownshow-padding{
	padding: 5px;
}


span.edit-task:hover {
	cursor: pointer;
}

p.user-assign-backcolor {
    margin-bottom: 10px;
    background: #e3e3e3;
    padding: 5px 15px;
    margin-right: 10px;
	border-radius: 5px;
}
p.user-assign-backcolor2 {
    margin-bottom: 10px;
    background: #b8b8b8;
    padding: 5px 15px;
    margin-right: 10px;
	border-radius: 5px;
}

.dropdown-edit-position {
    float: left;
    background: white;
    border: 1px solid #a9a9a9;
    padding: 10px;
	border-radius: 6px;
}

.dropdown-menu.dropdown-menu-width-edit2.show {
    background: none !important;
    border: none;
    margin: 0;
	width: max-content;
}

.participants-scroll {
    display: block;
    overflow-y: auto;
    height: 250px;
}
.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-default.jconfirm-type-animated {
    padding: 30px 20px;
}
.jconfirm-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
	padding-bottom: 0px !important;
}


.no-popup-btn {
    width: 30%;
    height: 40px;
	background: #db0505;
}

.yes-popup-btn {
    width: 30%;
    height: 40px;
	background: #008000;
}

.no-popup-btn:hover {
	background: #db0505;
}

.yes-popup-btn:hover {
	background: #008000;
}

.functions-dropdown2 {
    background: #b8b8b8;
    border: none;
    color: #212121 !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 13px 40px;
    width: 100%;
    border-radius: 6px;
}

h6.print-text-edit {
    font-size: 20px;
    font-weight: 400;
}


.print-heading-text-edit{
	font-size: 20px;
    font-weight: 600;
}
.overflow-scroller {
    overflow: auto;
    height: 90%;
    display: block;
}








/* Vidur css */


.functions-dropdown-select {
    background: #e3e3e3;
    border: none;
    color: #212121 !important;
    font-family: 'Montserrat', sans-serif !important;
	padding: 13px 15px;
	width: 100% !important;
	border-radius: 6px;
}

.functions-dropdown-select:hover {
    background: #e3e3e3;
    border: none;
    color: #212121 !important;
    font-family: 'Montserrat', sans-serif !important;
	width: 100% !important;
}





.user-role-backcolor{
	background: #b8b8b8;
    border-radius: 6px;
}
.user-role-backcolor:hover{
	background: #b8b8b8;
    border-radius: 6px;
}






/*24 oct css */


.protocol-div{
	overflow: auto; 
	height: 85%; 
	display: block; 
	/* white-space: nowrap;  */
	overflow-x: hidden;
}





/* User side css starts  */






.user-no-edit{
	margin-bottom: 0;
    float: left;
    margin-top: 7px;
	margin-right: 20px;
}



a.dropdown-item.dropdown-item-edit {
    color: black;
}

.form-group label {
    font-size: 0.875rem;
    line-height: 1;
    vertical-align: top;
    margin-bottom: .5rem;
    font-weight: 400;
}

button#dropdownMenuButton:focus {
    background-image: linear-gradient(90deg, #da8cff, #8b3ffa) !important;
    color: white !important;
}

label.label-font-size-edit {
    font-size: 16px;
    color: #212121;
}

.alert-color-edit {
    background: #ffbfbf;
    border-left: 6px solid #ff0000;
    padding: 12px 28px;
    width: 50%;
    color: #212121;
    font-weight: 500;
}
span.error-color {
    color: red;
    font-weight: 600;
    margin-right: 10px;
}

.navbar.default-layout-navbar .navbar-menu-wrapper .search-field .input-group input {
    font-size: 0.875rem;
    padding: 8px 30px 7px 0;
    background: #d2d2d2 !IMPORTANT;
}
i.input-group-text.border-0.mdi.mdi-magnify {
    padding-left: 20px !important;
}
.nav-profile-text p {
    font-size: 20px;
}
.dropdown .dropdown-toggle-edit:after {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    font: normal normal normal 24px/1 "Material Design Icons";
    content: "\f140";
    width: auto;
    height: auto;
    vertical-align: baseline;
    font-size: 30px !important;
    color: black !important;
}




.dropdown-submenu>a:after {
    display: block;
    float: right;
    margin-right: -10px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    font: normal normal normal 24px/1 "Material Design Icons";
    content: "\f140";
    width: auto;
    height: auto;
    vertical-align: baseline;
    font-size: 25px;
    transform: rotate(-90deg);
    position: relative;
    bottom: 5px;
}

.dropdown .dropdown-toggle-edit-2:after {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    font: normal normal normal 24px/1 "Material Design Icons";
    content: "\f140";
    width: auto;
    height: auto;
    vertical-align: baseline;
    font-size: 25px;
}
.dropdown-toggle-edit-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 40px;
}

.dropdown-toggle-edit-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 40px;
}


.dropdown .dropdown-toggle-edit-3:after {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    font: normal normal normal 24px/1 "Material Design Icons";
    content: "";
    width: auto;
    height: auto;
    vertical-align: baseline;
    font-size: 25px;
}
ul.dropdown-menu.dropdown-menu-edit {
    width: 460px !important;
}

label.form-check-label {
    font-size: 14px !important;
}

.participants-scroll .row .col-sm-3 div {
    margin-bottom: 15px !important;
}

.participants-scroll .row .col-sm-7 div {
    margin-bottom: 15px !important;
}

.col-form-label.mt-3 {
    font-size: 12px;
}


.button-add-project3{
	display: flex;
    align-items: flex-end;
	line-height: 1;
	width: 100%;
    justify-content: center;
	background-color: #e3e3e3;
	border-color: #e3e3e3;
    font-family: 'Montserrat', sans-serif !important;
	font-weight: 500;
	color: #212121 !important;
	border: 1px solid #e3e3e3;
	border-radius: 6px;
	height: 42px;
}

a.navbar-brand.brand-logo img {
    width: 46% ;
    height: auto !important;
}


.login-box-edit {
    padding: 20px;
    padding-bottom: 63px;
    justify-content: space-between;
    width: 90%;
    background: white;
    margin: 0 auto;
    /* height: 90vh; */
    border-radius: 6px;
    align-items: center;
    display: flex;
   }
/* 
.login-box-edit {
    justify-content: space-between;
    width: 90%;
    background: white;
    margin: 0 auto;
    height: 90vh;
    border-radius: 6px;
    align-items: center;
    display: flex;
} */
.login-flex-edit {
    align-items: center;
    height: 100vh;
	justify-content: space-between;
}
.intro-text{
	color: #606060;
}

.language-button {
    color: black !important;
    background: none !important;
    font-family: 'Montserrat', sans-serif !important;
    border: none !important;
}
.language-button:focus {
    color: black !important;
    background: none !important;
    font-family: 'Montserrat', sans-serif !important;
    border: none !important;
}

.language-button:hover {
    color: black !important;
    background: none;
    font-family: 'Montserrat', sans-serif !important;
    border: none;
}
label.label-heading {
    color: #8b8b8b;
}

.select-dropdown-edit{
    width: 37%;
    margin-left: auto;
    margin-bottom: 15px;
}


.select-dropdown-edit:focus{
    background: none !important;
}

.select-dropdown-edit select {
    background: none;
    border: none !important;
    outline: none !important;
    color: #212121 !important;
    font-size: 20px;
    font-weight: 600;
}

.select-focus-edit:focus {
    background: none !important;
    color: #212121;
}

.form-background h3 {
    font-size: 19px;
    font-weight: 600;
}

.intro-text h3 {
    font-size: 24px;
    color: #212121;
}






/* User side css ends*/


/*
@media screen and (max-width: 991px){
.sidebar-offcanvas {
    right: -350px !important;
}
}*/


.btn-fixed-width{
    background: #e3e3e3;
}

.task-forms #append_protocol {
    margin-right: 10px;
}

.subtasks_append {
     margin-top: 0px !important;
}
.dropdown.show .functions-dropdown {
    background-image: linear-gradient(90deg, #da8cff, #8b3ffa) !important;
    color: white !important;
}


.nav-link-edit2:hover {
    background-image: linear-gradient(90deg, #da8cff, #8b3ffa) !important;
    color: white !important;
    transition: all 0.2s;
}

.nav-link-edit:hover {
    background-image: linear-gradient(90deg, #da8cff, #8b3ffa) !important;
    color: white !important;
    transition: all 0.2s;
}
a.nav-link.nav-link-edit {
    padding-left: 10px !important;
    margin-right: 5px;
}
a.nav-link.nav-link-edit2 {
    padding-left: 10px !important;
}
.underline-edit2 {
    font-weight: 500;
}

span.edit-floating-edit {
    color: #212121;
    text-decoration: none !important;
    font-style: italic;
    font-weight: 600;
}

span.done-floating-edit {
    font-weight: 600;
}
span.erase-floating-edit {
    font-weight: 600;
    text-decoration: none !important;
}
.float-buttons {
    right: 48px !important;
}
.nav-profile-text {
    font-family: 'Montserrat', sans-serif !important;
}
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
    color: white !important;
    background-image: linear-gradient(90deg, #da8cff, #8b3ffa) !important;
}
.button-onclick-gradient{
    box-shadow: none;
    color: white !important;
    background-image: linear-gradient(90deg, #da8cff, #8b3ffa);
}

.tag-filled {
    background: #e3e3e3 ;
}


@media screen and (min-width: 1370px){
nav.navbar.default-layout-navbar {
    width: 80% !important;
    margin: 0 auto;
}
.table-background {
    max-width: 100%;
}
.table-scroller {
    height: 80%;
}
.nav-overflow-scroll {
    height: 75%;
}
.protocol-div {
    height: 90% !important;
}
}




@media (min-width: 1900px) and (max-width: 2500px){
nav.navbar.default-layout-navbar {
    width: 60% !important;
    margin: 0 auto;
}
.table-background {
    max-width: 100%;
}
.table-scroller {
    height: 80%;
}
}



/*ipad pro media queries*/


@media (min-width: 1024px) and (max-width: 1199px){
.table-scroller {
    height: 88%;
}
.protocol-div {
    height: 93% !important;
}
.nav-overflow-scroll {
    height: 85%;
    margin: 0 !important;
}
}



/*ipad pro media queries*/



/*ipad media queries*/


@media (min-width: 768px) and (max-width: 1022px){
.table-scroller {
    height: 85%;
}
nav.sidebar.sidebar-offcanvas {
    min-height: calc(100vh - 52px) !important;
    padding: 10px;
}
.sidebar-offcanvas {
    right: -90% !important;
}
}


/*ipad media queries*/


/*iphone 6/7/8 media queries*/


.float-buttons {
    right: 48px !important;
}
@media only screen and (max-width: 574px) {
.login-box-edit {
padding: 20px;
padding-bottom: 63px;
justify-content: space-between;
width: 100% !important;
background: white;
margin: 0 auto;
/* height: 90vh; */
border-radius: 6px;
align-items: center;
display: block !important;
}
}

@media only screen and (max-width: 770px) {
button.btn.btn-primary.w-100.button-gradient {
font-size: x-small !important;
max-width: 100% !important;
}
}
@media only screen and (max-width: 770px) {
.select-dropdown-edit {
margin-top: 25px !important;
}
}
@media only screen and (max-width: 770px) {
.form-background {
max-width: 100% !important;
}
}
@media only screen and (max-width: 575px) {
.text-imp{
font-size:16px !important;
}
}
@media only screen and (max-width: 575px) {
h4.text-imp.point-check{
margin-top: -19px !important;
}
}
@media only screen and (max-width: 575px) {
img.img-fluid{
display: block;
margin-left: auto !important;
margin-right: auto !important;
}
}