:root {
  --rapidark: #000;
  --rapiblue: #057daa;
  --rapivoilet: #643bb4;
  --rapidarkblue: #0404fb;
  --rapigreen: #5E6735;
  --rapiorange: #fcc30b;
  --rapired: #fb5423;
  --rapimaroon: #b42c2c;
  --rapigray: #BDC1AC;
  --rapilightgray:#D3D3D3;
  --rapilight:#FFF;
  --rapibglight:#B8D8F3;
  --rapiheaderblue:#0404fb;  
}

.rapidark { color: var(--rapidark); }
.rapiblue { color: var(--rapiblue); }
.rapivoilet { color: var(--rapivoilet); }
.rapidarkblue { color: var(--rapidarkblue); }
.rapigreen { color: var(--rapigreen); }
.rapiorange { color: var(--rapiorange); }
.rapired { color: var(--rapired); }
.rapimaroon { color: var(--rapimaroon); }
.rapigray{ color: var(--rapigray); }
.rapi-header-blue{ color: var(--rapiheaderblue)!important; }


.rapi-bg-white { background: #FFF; }
.rapi-bg-dark { background: var(--rapidark)!important; }
.rapi-bg-blue { background: var(--rapiblue)!important; }
.rapi-bg-voilet { background: var(--rapivoilet)!important; }
.rapi-bg-darkblue { background: var(--rapidarkblue)!important; }
.rapi-bg-green { background: var(--rapigreen)!important; }
.rapi-bg-orange { background: var(--rapiorange)!important; }
.rapi-bg-red { background: var(--rapired)!important; }
.rapi-bg-maroon { background: var(--rapimaroon)!important; }
.rapi-bg-gray{ background: var(--rapigray)!important; }
.rapi-bg-lightgray{ background: var(--rapilightgray)!important; }
.rapi-bg-light{background: var(--rapibglight)!important;}

.dataTable tbody tr:hover {
       background-color: #F7F6F2;
       cursor: pointer;
   }

.bg-success
{
	color: var(--rapigreen);
}

option
{
	background: #FFF!important; 
	color:#000!important;
}

.bg-danger
{
	color: var(--rapimaroon);
}

.bg-gray-100 {
    background-color: #f8f9fa!important;
}

.tag-box
{
	min-height:40px!important;
}


.btn{
    display:inline-block;
    font-weight:500;
    line-height:0.5;/*1.5*/
    color:#181c32;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    user-select:none;
    background-color:transparent;
    border:1px solid transparent;
    /*padding:.75rem 1.5rem!important;
    font-size:1.1rem!important;*/	
    border-radius:.475rem;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.btn-light{
    color:#000;
    background-color:#f5f8fa;
    border-color:#f5f8fa;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    font-size: 0.9em!important;
}
.btn-light:hover{
    color:#000;
    background-color:#f7f9fb;
    border-color:#f6f9fb
}

.btn-white{
    color:#000;
    background-color:#fff;
    border-color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    font-size: 0.9em!important;
}
.btn-white:hover{
    color:#000;
    background-color:#fff;
    border-color:#fff
}

.btn-white.rounded-circle{
    border:solid 2px #fff;
}

.btn-white.rounded-circle:hover{
    color:#000;
    background-color:#fff;
    border-color:var(--rapigreen)
}


.btn-rapi-primary {
    color: #fff;
    border-color: var(--rapiblue);
    background-color: var(--rapiblue);
    font-size: 0.9em!important;
}

.btn-rapi-primary:hover:not(.btn-active), .show > .btn.btn-rapi-primary {
    color: #fff;
    border-color: #008bd9;
	background-color:#008bd9;
}


.unique
{
	border: solid 1pt var(--rapiorange);	
}


.form-check{
    display:inline-block;
    min-height:1rem;
    padding-left:2.25rem;
    margin-bottom:.125rem
}

.form-check .form-check-input{
    float:left;
    margin-left:-2.25rem
}
.form-check-input{
    width:20px;
    height:20px;
    padding:8px;
    margin-top:-.125rem;
    vertical-align:top;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    border:1px solid rgba(0,0,0,.25);
    appearance:none;
    color-adjust:exact;
    transition:background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-check-input[type=checkbox]{
    /*border-radius:.45em*/
}

.form-check-input:focus{
    border-color:#b5b5c3;
    outline:0;
    box-shadow:none
}
.form-check-input:checked{
    background-color:#00a3ff;
    border-color:#00a3ff
}
/*
.form-check-input:checked[type=checkbox]{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e")
}
*/

.btn-check:active+.btn.btn-light, .btn-check:checked+.btn.btn-light, .btn.btn-light.active, .btn.btn-light.show, .btn.btn-light:active:not(.btn-active), .btn.btn-light:focus:not(.btn-active), .btn.btn-light:hover:not(.btn-active), .show>.btn.btn-light {
    color: #7e8299;
    border-color: #e4e6ef;
    background-color: #e4e6ef;
}

.btn-active-primary
{
	color:#fff;
	border-color:#00a3ff;
	background-color:#00a3ff;
}

.btn-active-primary:hover:not(.btn-active)
{
	color:#fff;
	border-color:#00a3ff;
	background-color:#00a3ff;
}


/*input:disabled,select:disabled {
  background-color: #fafafa!important;
  color:#000;
  border-color:#FFF;
}*/

.right-side-panel
{
	padding:0!important;
	margin:0!important;
	width:85px; 
	right:0; 
	top:0; 
	position:absolute; 
	height: 100%;
}

.right-side-panel span, .right-side-panel a
{
	display:block;
	margin-bottom:0.1em;	
	padding: 0.15em;
	text-align: center;
}




.right-side-panel button
{
	margin: 0 auto;
	display: block;
	padding: 0;
}

.right-side-panel span i
{
	font-size: 1.4em;
	display:block;
}

.right-side-panel span small
{
	font-size: 0.5em;
	font-weight: bold;
	margin-top: 0.3em;
	display:block;
}


.h-100 {
    height: 100%!important;
}



.rapi-breadcrumb{
    display:flex;
    flex-wrap:wrap;
    padding:0 0;
    margin-bottom:1rem;
    list-style:none
}
.rapi-breadcrumb-item+.rapi-breadcrumb-item{
    padding-left:.5rem
}
.rapi-breadcrumb-item+.rapi-breadcrumb-item::before{
    float:left;
    padding-right:.5rem;
    color:#7e8299;
    content:var(--bs-breadcrumb-divider, "/")
}
.rapi-breadcrumb-item.active{
    color:#00a3ff
}


.rapi-badge {
    display: inline-block;
    padding: .5em .85em;
    font-size: .85rem;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .475rem!important;
}

.rapi-badge .sweep-to-right:hover:before
{	
    border-radius: .475rem;
}

.rapi-badge-light-primary {
    color: #00a3ff!important;
    background-color: #f1faff!important;
}

.rapi-badge-light-success {
    color: var(--rapigreen);
    background-color: #e8fff3;
}

.rapi-badge-light {
    color: #7e8299;
    background-color: #f5f8fa;
}

.rapi-badge-warning{
    color:#fff;
    background-color:#ffc700
}

.rapi-badge-warning{
    color:#fff;
    background-color:#ffc700
}
.rapi-badge-light-warning{
    color:#ffc700;
    background-color:#fff8dd
}

.rapi-badge-danger{
    color:#fff;
    background-color:#f1416c
}
.rapi-badge-light-danger{
    color:var(--rapired)!important;
    background-color:#fff5f8!important;
}

.rapi-badge-light-primary .rapi-card-header, .rapi-badge-light-primary .rapi-card-header button
{
	color:#fff;
    background-color:var(--rapiblue);
}

.rapi-badge-light-danger .rapi-card-header, .rapi-badge-light-danger .rapi-card-header button
{
	color:#fff;
    background-color:#BD4B4B;
}



.no-shadow
{
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}
	  
.rapi-card {
	 border: none; 
	-webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%); 
	border-radius: 1rem;
	background-color: #fff;
    
        /* position: relative; */
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid transparent;
    border-radius: 1rem;
    
}

.rapi-card-header {
    position: relative;
    padding: 2rem;
    border-bottom: none;
    background-color: #fff;
    -webkit-box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
    display: block;
}

.rapi-card-header:first-child {
    border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
}

.rapi-card-footer
{
	padding: 1rem 2rem;
	background-color: rgba(0, 0, 0, .03);
}

.rapi-card-colored-header {
	padding: 1rem 2rem;
	/* background-color: rgba(72, 85, 95, .13); */
	background-color: #989D7D;
	border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
	font-weight: bold!important;
}

.rapi-card-footer { 
	border-top: 1px solid transparent;
}

.rapi-card-footer:last-child {
	border-radius: 0 0 calc(1rem - 1px) calc(1rem - 1px)
}

.rapi-card-body {
    flex: 1 1 auto;
    padding: 0.8rem;
}


.rapi-card-menu 
{
	top :100px;	
	position: fixed;
	
}


.dashboard .rapi-card
{
	min-height: 420px!important;
	max-height: 420px!important;
}



@media (max-width: 600px)
{
	.rapi-card-menu 
	{
		top :0;	
		position: relative;
	}
}

.rapi-card-menu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	
}

.rapi-card-menu .menu-item
{
	
}


.rapi-card-menu .menu-item a
{
	color:#b5b5c3;
	text-decoration: none;
}

.rapi-card-menu .menu-item a:hover
{
	background-color: rgba(72, 85, 95, .13);
	color:#000;
}


.rapi-card-menu .menu-item .menu-link .active
{
	background-color:#FAFAFA!important;
	color:var(--rapiblue)!important;
}


.rapi-card-menu .menu-item .menu-link{
    cursor:pointer;
    display:flex;
    align-items:center;
    padding:0;
    flex:0 0 100%;
    padding:.65rem 1rem;
    transition:none;
    outline:0!important
}

.rapi-subtitle {
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: .2em
}

.rapi-list-group {
	border-radius: .25rem
}

.rapi-card-heading {
	margin-bottom: 0;
	font-size: .9rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .2em
}

.rapi-card-body .form-label {
	font-size: 0.8em;
	font-weight: bold;
}

.w50
{
	width: 50px;
}


.w125
{
	min-width: 125px;
}

.rapi-card-body .form-label {
	font-size: 0.8em;
	font-weight: bold;
}

.rapi-card .dataTables_info
{
	font-size: 0.6em!important;
	font-weight: bold;
}


.rapi-card .dataTables_paginate 
{
	font-size: 0.8em!important;
}

.paginate_button:not(.current):hover 
{
	/*color:#000!important;
	background-color:#fff9f4!important;
    border-color:#fff9f4!important;*/
}
 


.notice.bg-light-warning{
    background-color:#fff9f4!important;
    border-color:#f89c47!important
}

.rapi-bg-light-warning{
    background-color:#fff8dd!important
}
.rapi-bg-light-warning.hoverable:hover{
    background-color:#fff2be!important
}

.rapi-bg-light-primary {
    background-color: #f1faff!important;
}

.rapi-border-white{
    border-color:#fff!important
}
.rapi-border-light{
    border-color:#f5f8fa!important
}
.rapi-border-primary{
    border-color:#00a3ff!important
}
.rapi-border-secondary{
    border-color:#e4e6ef!important
}
.rapi-border-success{
    border-color:#50cd89!important
}
.rapi-border-info{
    border-color:#7239ea!important
}
.rapi-border-warning{
    border-color:#ffc700!important
}
.rapi-border-danger{
    border-color:#f1416c!important
}
.rapi-border-dark{
    border-color:#181c32!important
}

.border-primary {
    border-color: #00a3ff!important;
}
.email {cursor: pointer;}
.border-dashed{
    border-style:dashed!important;
    border-color:#e4e6ef
}
.border-top-dashed{
    border-top-style:dashed!important
}
.border-bottom-dashed{
    border-bottom-style:dashed!important
}
.border-start-dashed{
    border-left-style:dashed!important
}
.border-end-dashed{
    border-right-style:dashed!important
}
.border-dotted{
    border-style:dotted!important
}
.border-top-dotted{
    border-top-style:dotted!important
}
.border-bottom-dotted{
    border-bottom-style:dotted!important
}
.border-start-dotted{
    border-left-style:dotted!important
}
.border-end-dotted{
    border-right-style:dotted!important
}


@media (min-width: 992px)
{
	.content {
	   padding: 2px 30px!important;/**/
	}
}

.content {
	
    /*
    padding: 5px 15px!important;
    background-color: #f5f8fa;
	border-radius: 1.5rem; 
	*/
}


.w-80
{
	width: 79%;
}

.w-20
{
	width: 19%;
}

.h-150
{
	height: 150px;
}

.h-100
{
	height: 100%!important;
}

/*
.dataTable-pagination .pager a {
    font-weight: 700;
}

.dataTables_paginate paging_simple_numbers a {
    position: relative;
    float: left;
    margin-left: 2px;
    padding: 6px 12px;
    text-decoration: none;
    color: #333;
    border: 1px solid transparent;
}
*/



.rapi-bg-header{
	background: var(--rapibglight);
	color:blue!important;
}

.rapi-bg-header ul .nav-link li a
{	
	color:blue!important;
}


.form-control {
    /*display: block;
    width: 100%;*/
    padding: .75rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #181c32;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e4e6ef;
    appearance: none;
    border-radius: .475rem;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control.form-control-solid {
    background-color: #f5f8fa;
    border-color: #f5f8fa;
    color: #5e6278;
    transition: color .2s ease,background-color .2s ease;
}





.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{
  font-weight: bold;
  display: block;
  color:var(--rapigray);
  opacity: 1;
  font-size: 0.9em;
}

.rapiactive
{
	background: var(--rapigreen)!important;	
}

/*
.dropdown-menu{
    transform: translate3d(5px, 35px, 0px)!important;
}*/
.rapi-bg-project
{
	background: var(--rapigreen);
	color:#FFF;
	padding: 8px 4px;
}

.rapi-bg-project .caret
{
	color:#FFF;
}



	.submenu{ 
		display: none;
		position: absolute;
		left:100%; 
		top:-7px;					
		 z-index: 1000;
		 display: none;
		 min-width: 10rem;
		 padding:0!important;
		 font-size: 1rem;
		 color: #212529;
		 text-align: left;
		 list-style: none;
		 background-color: #fff;
		 background-clip: padding-box;
		 border: 1px solid rgba(0,0,0,.15);
		 border-radius: .25rem; 
	}

	
	.sub-nav-link:hover .submenu{
    	visibility: visible;
		display: block;
	
   }
	
	.rapi-menu-slidebar-link i
	{
		width:40px;
	}
	
	
	.rapi-menu-slidebar-link label
	{
		display: table-cell;
		vertical-align: middle;
		width:auto;
		font-weight: bold!important;
	}
	
	.navbar-toggler-icon
	{
		width:1em!important;
		height:1em!important;
	}

.navbar-toggler-icon
{
	width:1em!important;
	height:1em!important;
}


.rapi-menu-slidebar
{
  border-top:solid 3px var(--rapidarkblue);
  height:90%; /* 100% Full-height */
  max-height:90%; /* 100% Full-height */
  width:100%; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index:2000; /* Stay on top */
  /* top:58px; top:65px;*/
  
  top:84px;
  left: 0;
  overflow-y: scroll;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 55px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
  background-color: #F0F5F9!important;
  color:var(--rapigray)!important;
}


.dropdown-toggle::after {
  display: inline-block;
  width: .5em;
  height: .5em;
  margin: -.5em 0 0 .4em;
  vertical-align: middle;
  content: "";
  border: .3em solid;
  border-width: 0 .15em .15em 0;
  transform: rotateZ(45deg)
}

 /*
table.dataTable
{
	border-collapse: collapse;
	border:solid 1px #CCC;	
}
table.dataTable td
{
  font-size: 1em;
}

table.dataTable thead tr {
 background-color: var(--rapiblue); ;
  color: var(--rapilight);
  font-size: 1em;
  
}

table.dataTable tbody tr:nth-child(even){
  background-color: var(--rapigraylight); 
}
table.dataTable tbody tr:nth-child(odd){
  background-color: #F9F9F9; 
}

table.dataTable 
{
}
*/
@media screen and (max-width: 992px) {
	
	#pageheader img {
		width: 75px!important;
	}
	
	/*#bodysection
	{
		margin-top: 15px!important;
		top:15px!important;
	}*/
	
	
	.pageheader
	{
		background: var(--rapi-bg-blue);
		background: linear-gradient(90deg, rgba(32, 149, 242,1) 0%,  rgba(32, 149, 242,0.9752275910364145) 100%);
		padding: 0.3em;
		color:#FFF;
		font-size: 1.2em;
		
		
	}
	
	
}
@media all and (min-width: 992px) {
	

	
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li { font-weight: bold; }
	.dropdown-menu > li:hover{ background-color: var(--rapibglight);border-bottom:solid 1px var(--rapiblue); }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}


.rapi-border-red { border-color: var(--rapired); }

.template a label
{
	display: inline-block;
	width: 90%;
}

.rapi_priority_1
{
	color:var(--rapired)!important;
	font-weight: bold;
}
.rapi_priority_2
{
	color:var(--rapigreen)!important;
	font-weight: bold;
}
.rapi_priority_3
{
	color:var(--rapiorange)!important;
	font-weight: bold;
}
.rapi_priority_4
{
	color:var(--rapidarkblue)!important;
	font-weight: bold;
}
table .pending,.rapi-menu-slidebar-sublink.pending, table .overdue,.rapi-menu-slidebar-sublink.overdue, table .deleted ,.rapi-menu-slidebar-sublink.deleted, table .completed,.rapi-menu-slidebar-sublink.completed
{
	display: inline-block;
    padding: .5em .85em;

    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .475rem;
    	
    color:var(--rapidarkblue)!important;
    background-color: #f5f8fa;
	
	font-weight: bold;
}
table .overdue,.rapi-menu-slidebar-sublink.overdue
{
    color:var(--rapired)!important;
    background-color:#fff5f8!important;

	
}

table .completed,.rapi-menu-slidebar-sublink.completed
{	
    color: var(--rapigreen)!important;
    background-color: #e8fff3!important;
}

table .deleted,.rapi-menu-slidebar-sublink.deleted
{
	color:var(--rapiorange)!important;
}

.rapi-menu-slidebar-sublink 
{
	font-weight: bold!important;
}

.dummyinput
{
	border: solid 1px #CCC;
	padding: 2px 5px;
	min-width: 205px;
	line-height: 20px;
	font-size: 0.8em;
}

.template a i
{	
	width: 9%;
	display: none;
	text-align: right;
}


.list-group, .list-group-item
{
	padding:0px!important;
	margin:0px!important;
	border:0;
}

.list-group-item a
{
	text-decoration: none;
	
}

.rounded-pill
{
	/*min-width: 95px;*/
	text-align: left;
}

.rounded-pill i
{
	margin-left:2px;
}
.rounded-pill:hover
{
	transform: scale(1.1);
}

.smalllabel
{
	min-width:95px;
	display: inline-block;
	font-weight: bold;
}

.small-textbox.form-control 
{
	width: auto;
	max-width:145px;
	display: inline-block;
}

.smalltextbox, table select
{
	/**/
 	width:90%;
 	font-size:1em;
}

.actionbutton:after {
  display:block;
  content: '';
  border-bottom: solid 2px #FFF;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
.actionbutton:hover:after { transform: scaleX(1); }

.btn.btn-transparent
{
	background: transparent!important;
}

.btn.rapigreen:hover,.btn.rapiblue:hover
{
	
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.navbar-toggler
{
	/*
	
	border-color:#FFF!important;
	*/
	background-color:var(--rapiblue)!important;	
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position: center center;
	border-color: rgb(255,255,255);
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(255,102,203);
} 


select, input
{
	outline: none;
}


.thinborder{ border:none; border-bottom: solid 0.01em;outline: none;border-radius:0!important;}
.thinborder:focus
{
	outline: none;
}

.rapigreen .border
{
	border:solid 1px var(--rapigreen);
}

.hidden
{
	display: none;
}


* {
	font-family: 'Comfortaa', Calibri, Arial;
} 


.form-control
{
	font-size: 0.85em;	
}

.form-control.small 
{
	width: 125px;
}

select option
{
	padding: 8px!important;
}

.tiny
{
	font-size: 0.5em;
}

.xsmall
{
	font-size: 0.7em;
	border-radius:5px;
}

.medium
{
	font-size: 0.85em;
	border-radius:5px;
}

.large
{
	font-size: 1.6em;
}

.bg-primary
{
	background: var(--rapiblue);
}


a:active
{
	text-decoration: none;
}

.calendar a
{
	text-decoration: none;
	color: inherit;
}

.zoom:hover
{
	
  -ms-transform: scale(1.10); /* IE 9 */
  -webkit-transform: scale(1.10); /* Safari 3-8 */
  transform: scale(1.10)!important; 
}


.addedtags
{
	background: #e2703a	;
	color:#FFF;
	display: inline-block;
	border-radius:8px;
	margin-right: 1.2em; 
	margin-bottom: 1.2em; 
}

#mytags label
{
	min-width: 145px;
}

.pageheader
{
	/* background: var(--rapi-bg-blue);
	background: linear-gradient(90deg, rgba(32, 149, 242,1) 0%,  rgba(255,255,255,0.9752275910364145) 100%); */
	padding: 0.3em;
	color:#FFF;
	font-size: 1.4em;

	/* background: rgb(5,125,170);
background: linear-gradient(90deg, rgba(5,125,170,1) 0%, rgba(255,255,255,1) 100%); */

background: rgb(94,103,53);
background: linear-gradient(90deg, rgba(94,103,53,1) 0%, rgba(255,255,255,1) 100%);
}


.pageheader small
{
	font-size: 0.6em;
	text-transform: capitalize;
}

.pagesubheader
{
	background:var(--rapiblue);
	padding: 0.5em;
	color:#FFF;
	font-size: 1.2em;
	margin: 0;
	font-weight: bold;
	/*
	border-radius:15px 15px 0 0;
	*/
	
}

.maincontainer
{
	min-height:350px;
}

.gradient_body
{
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0.9752275910364145) 0%, rgba(52,110,122,1) 54%);
}

#pageheader
{
	background-color: #FFF;
}

#pageheader img
{
	display: inline-block; 
}
	#pageheader h1 {
		color: var(--rapiblue);
		font-weight: bold;
		font-size: 4.0em;
		font-family: 'Comfortaa', Calibri, Arial;
	}

.bg-rapi-dark
{
	background-color:var(--rapiblue); 
	/* background: linear-gradient(180deg, #673ab7 0%,
	#0000ff 16%,
	#2196f3 32%,
	#4caf50 48%,
	#ffc107 64%,
	#ff5722 80%,
	#a52a2a 100%);*/
	
}


.lnltask,.lnltask:hover
{
	text-decoration: none;
}

.divider hr
{
	width:35%;
	display:inline-block;
}

.divider label
{
	display:inline-block;
	width: 55px;
	font-size: 1.2em;
	font-weight:bold;
	text-align: center;
	/* 
	background: #bbb!important;
	z-index: 2!important;
	border: solid 1px red;
	margin: 0 auto;
	margin-top: -28px; */
}


.day
{
	/*
	background-color:#f8f5f1!important;
	*/
}
.activelink
{
	background:var(--rapigreen)!important;
}

.activelink a
{
	color:#FFF!important;
}

.caledar:hover
{
	border-color:var(--rapigreen)!important;
}


.btn,.btn:focus,.btn.focus {
  outline: none !important;
  box-shadow: none;/*
  margin: 0;
  padding: 0;*/
}

.form-control.focus, .form-control:focus {
    outline: 0;
    box-shadow: none;
}

.dummynav 
{
	margin-top:46px!important;
}

#usernavbar 
{
	left:0;
	position: fixed;
}

#usernavbar .nav-link
{
	font-size:1.2em;	
	border-bottom:solid 3px transparent;
	padding:12px;
}

.active .nav-link {
    color:#FFF!important;
}


#usernavbar .nav-link:hover, .menu-link.active
{
	/*
	border-bottom:solid 3px var(--rapiblue);
	*/
	background-color:var(--rapiblue)!important;
	color:#FFF!important;
	
}

#usernavbar .nav-link i
{
	margin-right: 5px;
}

#usernavbar .navbar
{
	padding:0px!important;
}

#usernavfooterbar {

	left: 0;
	bottom: 0;
	width: 100%;
}


#usernavfooterbar .nav-link
{
	font-size:0.7em;	
	border-bottom:solid 3px transparent;
	padding:0px 8px;
	/* color:#ff7171; */
	color:#2b2e4a;
}

.bg-rapi-dark .nav-link
{
	color:#fff;
}

#usernavfooterbar .nav-link:hover
{
	
	/*
	border-bottom:solid 3px var(--rapiblue);
	background-color:var(--rapiblue);
	color:#FFF!important;*/
	
}
#usernavfooterbar  p
{
	font-size:0.8em;	
	text-align: center;
}


.bg-rapi-dark #usernavfooterbar .nav-link
{
	color:#FFF;
}


.row
{
	padding:0!important;
	margin:0!important;
}


.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }


.bg-input-main
{
	background-color:lightyellow;
}

.readonly
{
	background-color:#F2F3F1;
}

.userform1 input:focus,.userform1 select:focus
{
	/*border:solid 1px Orange;*/
	outline: none;
	background-color:#fbefcc;
}

.userform input,.userform select
{
	border:solid 1px #CCC;
	line-height:30px;
	height:35px;
}

.nav-link i
{
	font-size: 1.5em;
	display: block;
	text-align:center;
	padding: 0;
	margin-left: 5px;	
	color:#ffffff;
}
.nav-link label
{
	font-size:0.8em;
	display: block;
	text-align:center;
	
	font-weight: bold;
}

.navbar-toggler-icon
{	
	color: #FFF;
}

.bg-light .nav-link i, .bg-light .nav-link label .bg-light .navbar-toggler-icon
{
	color: #000;
}

.childtablepanel
{
	display: none;
}

.rapitable.childtable
{
	border-collapse: collapse;
	width: 100%;
}
.rapitable.childtable td, .rapitable.childtable th
{
	padding: 3px;
}
.rapitable.childtable tr
{
	border-bottom: solid 1px #000;
}

.buttonrd, .buttoncl, .buttonclose,.btn-primary,.btn-secondary
{
	background-color:#ff7171;
	padding:8px!important;
	border:0;
	color:#FFF;
}

.btn-primary
{
	border:solid 1px var(--rapidarkblue);
}

.btn-rapi
{
	padding:8px!important;
	border:0;
	
}

.buttoncl,.btn-secondary
{
	background-color:var(--rapigray);
	border:solid 1px var(--rapigray);
	color:#fff;
	
}


.buttonclose
{
	background-color:#fb3640;
}

.bigate
{
	font-size:4.5em;
}


.pagebody
{
	min-height:350px;
}

strong
{
	font-size:1.5em;
}

.subheader
{
	border-bottom:solid 1px #CCC;
}

.rapitable
{
	font-size: 0.85em;
	overflow: hidden;
	/*
	table-layout: fixed;
	width: 100%!important;
	*/
}

.rapilink
{
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	color: var(--rapidark);
}


.actionlink
{
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
}

.rapi-dropdown-link
{
	text-decoration: none;
	font-size: 0.9em;
	color: var(--rapidark);
	padding:2px;
	display: block;
}

.rapi-dropdown-link i,.rapi-dropdown-link svg
{
	
	font-size: 1.2em;
	min-width: 25px;
	max-width: 25px;
	display: inline-block;
	text-align: center;
}


.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  
  border-left: 6px solid green;
}



.table thead {
     display: table-cell;
}

.table th,
.table td {
    white-space: wrap;
    display: table-cell;
    width: 125px;
    max-width: 125px;
}
/*
.table td ,.table th {word-wrap:initial;}
*/
.emaillabel
{
}

.lnkaddtask, .iconlink
{
	display:inline;
	text-decoration: none;
	color:#ff7171;
	font-size:1.1em;
	border:solid 2px #FFF;
}

.lnkaddtask i
{
	font-size:1.1em;
	width:22px;
	margin-right:2px;
}

.lnkaddtask:hover,.iconlink:hover
{
	color:#ff7171;
	/* border-bottom:solid 2px #ff7171; */
}

.taskpanel textarea
{
	width:100%;
	min-height:125px;
	max-height:125px;
	
    padding:8px;
    border-color: Transparent; 
    
    border: none;
    background-color: transparent;
    resize: none;
    outline: none;
    
    color:#413c69;
    
}

.taskpanel input, .noborder
{
	border:none;
    background-color: transparent!important;
    outline:none!important;
}
.taskpanel input
{
	width:100%;
}

[contenteditable] {
  outline: 0px solid transparent;
}

.taskpanel p
{
	border:none!important;
}

.noborder:focus {
  outline: none;
}

.dummypanel
{
	border:solid 1px var(--rapiblue);
}

.taskpanel input:foucs
{
	border:none!important;
}
/*
.taskpanel textarea:focus
{
	border: 0px none!important;
    border: none; 
}	
*/

.overdue .subheader
{
	border-left: solid 5px #dc3545;
	padding-left:18px!important;
}

.today .subheader
{
	border-left: solid 5px #198754;
	padding-left:18px!important;
}

.tomorrow .subheader
{
	border-left: solid 5px #0dcaf0;
	padding-left:18px!important;
}

.week
{
	background: var(--rapidarkblue);
}

.nextweek .subheader, .thisweek .subheader
{
	border-left: solid 5px #6c757d;
	padding-left:18px!important;
}

.leftmenu
{
	position: fixed;
	padding:5px 15px 55px 5px;
}

.leftmenu ul
{
	list-style:none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

.taskinfo .taskdetails
{
	display: block;
}

.taskpanel #textlengthinfo
{
	font-size: 0.7em;
	font-weight: bold;
	display: block;
}

.taskinfo .blockquote
{
	width: 90%;
	z-index: -1;
}

.talkbubble
{
	margin-left:3.0em;
	display: inline-block;
}

.talkbubble:before {
     	  
	  position: absolute;
	  top: -35px;
	  left: -15px;
	  display: block;
	  height: 180px;
	  width: 1em;
	  z-index:-1;
	  
	  border-bottom: 1px solid var(--rapiblue);
	  border-left: 1px solid var(--rapiblue);
	  border-radius: 0 0 0 10px;
	  content: '';
	  
    }
    
.border_left_bottom
{
	/*
	  position: absolute;
	  top: 0;
	  left: -1.5em;
	  display: block;
	  height: 0.5em;
	  width: 1em;
	  */
	  maring-left:15px;
	  height:45px;
	  position: relative;
	  top: 0;
	  left: -15px;
	  border-bottom: 1px solid #777;
	  border-left: 1px solid #777;
	  border-radius: 0 0 0 .3em;
	  content: '';
	
}

.subtaskinfo
{
	font-size: 0.8em;
	position: relative;
	
}

.day big
{
	text-align: center;
	display: block;
	font-size: 1.3em;
	padding: 0;
	margin: 0;
}

.day small
{
	text-align: right;
	display: block;
	font-size: 0.7em;
	padding: 0;
	margin: 0;
}

.taskinfo  small
{
	font-size: 0.8em;
}

.taskinfo .duedate, .taskinfo .status, .taskinfo .priority
{
	padding:0;
	margin:0;
	font-size: 0.75em;
	font-weight: bold;
}

.taskinfo .action_link
{
	display:block;
	font-size: 0.7em;
}

.taskinfo .createddate
{
	display:block;
	font-size: 0.65em;
}
.taskinfo .action_link a
{
	color:#00004c;
}
.taskinfo .action_link a:hover
{
	font-weight: bolder;
}

.subheader strong
{
	cursor: pointer;
	display: block;
}

.priority_1
{
	-moz-box-shadow:    inset 0 0 5px #dc3545;
   -webkit-box-shadow: inset 0 0 5px #dc3545;
   box-shadow:         inset 0 0 5px #dc3545;
}


.priority_2
{
	-moz-box-shadow:    inset 0 0 5px #198754;
   -webkit-box-shadow: inset 0 0 5px #198754;
   box-shadow:         inset 0 0 5px #198754;
}

.priority_3
{
	-moz-box-shadow:    inset 0 0 5px #ffa500;
   -webkit-box-shadow: inset 0 0 5px #ffa500;
   box-shadow:         inset 0 0 5px #ffa500;
}



.priority_4
{
	-moz-box-shadow:    inset 0 0 5px #0dcaf0;
   -webkit-box-shadow: inset 0 0 5px #0dcaf0;
   box-shadow:         inset 0 0 5px #0dcaf0;
}

.taskinfo .overdue
{
	background: #fff4f4;
	-moz-box-shadow:    inset 0 0 5px #b20000;
   -webkit-box-shadow: inset 0 0 5px #b20000;
   box-shadow:         inset 0 0 5px #b20000;
}

.leftmenu ul li
{
	margin-bottom: 5px;
	padding: 8px;
	border-bottom: solid 3px #F2F2F3;
}


/*
.dropdown-menu li
{
	margin-bottom: 1px!important;
	padding:2px!important;
	border-bottom: solid 1px #F2F2F3!important;
}
.dropdown-menu li:hover
{
	background: #f8f5f1;
}
*/

.task_details_panel
{
	
}

.leftmenu ul li:hover
{	
	border-bottom: solid 3px var(--rapiblue);
}


.leftmenu label
{
	padding-left:5px; 
	
}

.leftmenu a
{
	text-decoration: none;
	font-size:1.2em;
	color:#6c757d;
}

.element {
  @include float-left;
}
.another-element {
  @include float-right;
}
.one-more {
  @include float-none;
}

section
{
	padding:0!important;
	margin:0!important;
}

.home-bg
{
	/* 
	../images/logo/markus-winkler-OQ48N5FDW1w-unsplash.jpg
	../images/logo/estee-janssens-aQfhbxailCs-unsplash.jpg"
	../images/logo/kelly-sikkema--1_RZL8BGBM-unsplash.jpg
	 */
	/* background-image: url("../images/logo/estee-janssens-aQfhbxailCs-unsplash.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto; */
	
}

.home-bg h2
{
	position:relative;
	 left: 50%;
	 transform: translate(-50%, -50%);
}

.home-bg h2
{
	font-size:4.1em;
	color:#FFF;
	font-weight: bolder;
	text-align: right;
	height: 100%;
	line-height:2.1em;
	display: none;
}

.home-bg h2 #header1, .home-bg h1 #header1
{
	color:#fff;
	font-size:1.5em;
	background: var(--rapiblue);
	opacity: 0.5;
	
	
}

.infopanel
{
	margin-top: 1em;
}

#get-started
{
	width:165px;
	margin-bottom:5px;
	padding:5px;
	outline:none;
  	border: none;
}


#login_btn, #signup_btn
{
	width:80px;
	margin-right:5px;
	padding:5px;
	outline:none;
  	border: none;
}

 .sweep-to-right-light{
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: color 1000ms;
  transition: color 1000ms;
}
.sweep-to-right-light:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #F5F5F5; 
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition: 300ms ease-out;
  transition: 300ms ease-out;
}

a.sweep-to-right-light:before
{
  border-bottom: solid 2px var(--rapigray);
}

.priority_1.sweep-to-right-light:before {
 background: #fff0f2!important;
 }
 
 .priority_2.sweep-to-right-light:before {
 background: #e5ffe5!important;
 }
 
 
 .priority_3.sweep-to-right-light:before {
 background: #fff6e5!important;
 }
 
 
  .priority_4.sweep-to-right-light:before {
 background: #e6f9fd!important;
 }

.sweep-to-right-light.overdue:before {
 background: #FF9999!important;
 }

.day.sweep-to-right:before {
 background: var(--rapiblue)!important;
 color:#FFF;
 }

.sweep-to-right-light:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}



.sweep-to-right {
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: color 1000ms;
  transition: color 1000ms;
}
.sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--rapigreen);
  border-color: var(--rapigreen);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition: 300ms ease-out;
  transition: 300ms ease-out;
}
.sweep-to-right:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


.border-button {
  position: relative;
  border-radius:0;
  border-bottom: 5px solid var(--rapigreen);
}
.border-button:after {
  content: '';
  display: block;
  border-bottom: 5px solid var(--rapigreen);
  width: 0;
  left: 0;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}

.border-button:hover:after { 
  width: 100%; 
}

.border-sweep-to-right { 
   position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: color 1000ms;
  transition: color 1000ms;	
}
.border-sweep-to-right:after {
	 content: "";
	 position: absolute;
	 z-index: -1;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background: var(--rapigreen);
	 border-color: var(--rapigreen);
	 -webkit-transform: scaleX(0);
	 transform: scaleX(0);
	 -webkit-transform-origin: 0 50%;
	 transform-origin: 0 50%;
	 -webkit-transition-property: transform;
	 transition-property: transform;
	 -webkit-transition: 300ms ease-out;
	 transition: 300ms ease-out;
}



.button-animated-border {
  border: 2px solid #f7f7f7;
  text-align: center;
  overflow:hidden;
  transition: .3s;


}

  .button-animated-border:hover {
    cursor: pointer;
   
  }
   .button-animated-border:hove:after {
      width: 100%;
      left: 0;
    }
  
.button-animated-border:after {
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 50%;
    bottom: 0;
    height: 3px;
    background: #f7f7f7;
  }
  

.border-sweep-to-right:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


.sweep-to-right-white {
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: color 1000ms;
  transition: color 1000ms;
}
.sweep-to-right-white:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFF;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition: 300ms ease-out;
  transition: 300ms ease-out;
}
.sweep-to-right-white:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.btn-primary
{
	 background-color: var(--rapiblue); 
	
	/*	background: linear-gradient(45deg, #673ab7 0%,
	#0000ff 16%,
	#2196f3 32%,
	#4caf50 48%,
	#ffc107 64%,
	#ff5722 80%,
	#a52a2a 100%);*/
	
	
	-webkit-animation-duration: 10s;
            animation-duration: 10s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.btn-primary:hover
{
	 background-color: var(--rapiblue); 	
	 -webkit-animation-name: bounceInRight;
            animation-name: bounceInRight;
            
}

@media only screen and (max-width: 450px) {
	
	.dashboard .rapi-card
	{
		height: auto!important;
		max-height:1000px!important;
	}

	/*
	.bigbutton	
	{
		width: 33vw!important;
		height: 33vw!important;
	}
	
	.bigbutton i
	{
		font-size: 3.2em;
	}
	
	
	.bigbutton b
	{
		font-size: 0.75em!important; 
	}
	*/
}

@media only screen and (max-height: 420px) {
	
	
	
	
	#leftmenusection, #logininfo
	{
		display: none;
	}
	
	#pageheader
	{
		height: auto;
	}
		
	#pageheader img
	{
		width:45px;
		height:auto;
		margin-left:25px;
	}
	#pageheader h1{
		font-size:1.8em;
		padding:8px;
	}
		
	/* .dummynav 
	{
		display: none;
	}
	 */
	
	.home-bg
	 {
	 
	 	background-position: center top;
	 	display: block;
	 	margin: 45px auto;
	 	vertical-align: middle;
	 	width: 100%;
	 }
	 .home-bg h2
	 {
	 	font-size:1.6em;
	 	padding: 2px;
	 }
}




@media only screen and (max-width: 1200px) {
	
	.home-bg h2
	 {
	 	font-size:2.3em;
	 	padding: 2px;
	 }
	 
	#pageheader img
	{
		width:45px;
		height:auto;
	}
	#pageheader h1{
		font-size:2.1em;
		padding:8px;
	}
		
	.dummynav 
	{
		/* margin-top:60px; */
		
	}
	
	#usernavbar 
	{
		width: 25%;
	}
	#usernavbar .nav-link
	{
		font-size:medium;	
		border-bottom:solid 3px transparent;
		padding:5px;
	}
}


@media only screen and (max-width: 900px) {
	
	.pageheader
	{
		background: var(--rapi-bg-blue);
		background: linear-gradient(90deg, rgba(32, 149, 242,1) 0%,  rgba(32, 149, 242,0.9752275910364145) 100%);
		padding: 0.3em;
		color:#FFF;
		font-size: 1.2em;
		
	}
	
	
	
	
	/**/
	.navbar-nav
	{
		display: block;
	}
	
	.nav-item
	{
		display: inline-block;
	}
	
	
	.day big,.week big
	{		
		font-weight: normal;
		font-size: 1.2em;
	}
	.day small
	{
		font-size: 0.8rem;
	}
	/* 
	.dummynav 
	{
		margin-top: 95px;
	}
	 */
	#pageheader img
	{
		width:75px;
		height:auto;
	}
	
	
	#pageheader h1{
		font-size:3.1em;
		padding:8px;
	}
	
	#pageheader strong
	{
		font-size:1.3em;
	}
	
	small
	{
		font-size:0.8em;
	}
	
}



@media only screen and (max-width: 600px) {
	
	.day big,.week big
	{
		font-size: 1em;
		font-weight: normal;
	}
	.day small
	{
		font-size: 0.5em;
	}
		
	
	#pageheader img
	{
		width:45px;
		height:auto;
	}
	#pageheader h1{
		font-size:1.1em;
		padding:8px;
	}
		
	.dummynav 
	{
	}
	
	
}

@media only screen and (max-width: 400px) {
		
	
	.navbar.navbar-default {
	    background-color: #99ccff;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	
	.navbar.navbar-default .navbar-collapse {
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	
	/* 
	.nav-link label
	{
		font-size: 0.4m;
	} */

	.nav-link i
	{
		font-size: 1em;
	}
	
	
	.bd-highlight
	{
		font-size: 0.9em;
	}
	
}

@media only screen and (max-width: 580px) {
	

	.day big,.week big
	{
		font-size:0.7em!important;
	}
	.day small
	{
		display: none;
	}
		
	#leftmenusection, #logininfo
	{
		display: none;
	}
	 
	#usernavbar 
	{
		
	}
	
	.home-bg
	{
		margin-bottom: none;
	 	vertical-align: top;
	 	padding: 0;
	}
	
	 .home-bg h2
	 {
	 	display:block;
	 	margin-left:15px;
	 	font-size:16px;
	 	padding: 2px;
		line-height:24px;
	 }
	 
	 .home-bg h2 #header1
	{
		color:#fff;
		font-size:20px;
		background: var(--rapiblue);
		opacity: 0.5;
		
		
	}
	
	.maincontainer
	{
		margin:0 auto;
	}
	
	
	.dummynav 
	{
		
	}
	
	.infopanel h2
	{
		font-size: 0.8em;
	}
	
	.leftmenu
	{
		position: relative;		
		padding:15px 0px 15px 0px;
	}
	
	.leftmenu label
	{
		display: none;
	}
	
	.leftmenu a
	{
		font-size: 1.5em;
	}
	
}

/*
*/

/*
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-menu
{
	background:#FFF;
  	z-index:999!important;
}
*/ 


.taskinfo .dropstart .dropdown-toggle::before
{
	display: none;
}
.taskcardmenu
{
	position:fixed;
	top:0;
	padding: 0;
	margin: 0;
	right: 0;
}


.dropdown-content {
  /*
  display: none;
  position: absolute;
  background-color: #FFF;
  min-width: 130px!important;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  list-style:none;
  */
  z-index: 1000;
  display: none;
  min-width: 12rem;
  padding: 0!important;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .25rem;
  position: absolute;
  
}

.dropdown-content a {
  color: black;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
  margin:0;
  font-size: 0.8em;
  border-bottom: solid 1px #CCC;
}

.dropdown-content ul, .dropdown-content li
{
	list-style:none!important;
    margin:0!important;
    padding:0!important;
}

.dropdown-content a:hover {
  opacity: 1;
  font-weight: bold;
  background: #CCC;
}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {}

.nooutline
{
	outline: none;
}
.rapi-menu-slidebar-link,.rapi-menu-slidebar-sublink
{
	display:block;
	text-decoration: none;
	border-bottom: solid 1px var(--rapidarkblue);
}

.rapi-menu-slidebar-link i
{
	text-decoration: none;
	font-size: 2em;
	text-align: center;
	padding: 4px;
	display: table-cell;
}

.rapi-menu-slidebar-link label
{
	padding-left:9px;
	font-weight:bold;
	font-size: 0.9em;
	display: block;
	display: table-cell;
}


.customer-menu ul, .customer-menu li
{
	margin:0;
	padding:0;
	list-style: none;
}


.dropdown-menu .dropdown-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
  margin-right: -125px;
}
.dropdown-menu .dropdown-submenu-left {
  right: 100%;
  left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
  display: block;
}


.red a
{
	color:#dc3545;
	border-bottom:solid 4px #dc3545;
	opacity: 0.7;

}

.orange a
{
	color:#ffa500;
	border-bottom:solid 4px #ffa500;
	opacity: 0.7;
}
.green a
{
	color:#198754;
	border-bottom:solid 4px #198754;
	opacity: 0.7;
}

.blue
{
	color:navy!important;
	font-weight: bold;
	/*
	border-bottom:solid 4px #0dcaf0;
	opacity: 0.7;
	*/
}

.blue a .active, .green a .active, .orange a .active,.red a .active
{	
	opacity: 1;
}

.alertpanel
{
	position: fixed;
	/*top:100%;*/
	
	left:100%;
	top:100%;
 	margin-top: -100px;
 	margin-left: -300px;
 	width:300px;
 	 
 	z-index: 9999!important;
 	color:#FFF;
 	height:auto;
    min-height: 100px;
}

.alertpanel.center
{
	position:fixed;
	left:50%;	
	top:50%;
	bottom:50%;
	margin-left:-150px;
	opacity: 1;
}


.alertpanel li
{
	padding: 3px!important;
}

.alertpanelbig
{
	margin-top: -200px;
 	margin-left:-320px;
 	width:320px;
	height:auto;
    min-height: 200px;
	text-align: left!important;
	color:#000;
}

.alertpanelfull
{
	position:fixed;
	margin-top: 0px;
	margin-left: 0px;
	top: 0!important;
	left:0!important;
	width: 100%;
	height: 100%;
	color: var(--rapibglight);
}

.alertpanelfull .container
{
	/*
	left:50%;
	top:50%;
	margin-top: -200px;
 	margin-left: -400px;
 	width:400px;
	height:200px;
	text-align: left!important;
	color:#000;
	*/
	left: 50%;
    top: 50%;
    margin-top: -100px;
    margin-left: -200px;
    width: 400px;
    height:auto;
    min-height: 200px;
    position: relative;
    text-align: left!important;
    
}
.alertpanel p
{
	text-align: center;
	display: block; 	
  	word-wrap: break-word;
	font-size: 1.2em;      
	white-space: normal!important;
	line-height: 20px;
    max-height: 200px;
    overflow: auto;
}

.alertpanelfull ul
{
	margin-top: 10px;
	font-weight: normal;
	text-align: left!important;
}

.alertpanelbig ul,.alertpanelbig li
{

}

.alertpanelbig li
{
	list-style: circle;
}

.bg-info
{
	background: var(--rapigray);
}




/*----- animated -----*/
.animated
{
	/*
  display: inline-block;
  background: none;
  color: #fff;
  background: rgba(0,0,0,0.09);
  cursor: pointer;
  */
  position: relative;
  border: none;
  text-decoration: none;
  color:#000;
}

.animated:hover
{
  color:#000;
 }

.animated::before, .animated::after{
  content:"";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #000;
}

.animated:hover::before, .animated:hover::after{
  width: 100%;
}

.animated::after{
  left:0;
  bottom:0;
  transition-duration: 0.2s;
}
.animated::before{
  top: 0;
  right:0;
  transition-duration: 0.2s;
}

.dropdown-item
{
	font-size: 0.8em;
}




.dropdown-menu2
{
	background-color: #EDF5E1;
	font-size: 0.50em;
	z-index: 4!important;
	left:200px;
}

.rapibutton
{
	outline:none;
	border:none;
}

	.rapitooltop{	 
	  display: inline-block;
	  text-decoration: none;
	  position: relative;
	  /*
	  background: #D2D7D3;
	  color: #222;
	  
		  width: 180px;
	  height: 28px;
	  */
	  padding-top: 12px;
	  
	  margin: 0 2px;
	  
	  -webkit-transition: all .5s;
	  -moz-transition: all .5s;
	  transition: all .5s;
	  
	}

	
	.rapitooltop span.rapitooltipspan {
	  background: var(--rapiblue);
	  color: #fff;
	  font-size: 14px;
	  font-weight: bold;
	  position:  absolute;
	  bottom: 0;
	  left: -25px;
	  right: -25px;
	  padding: 5px 7px;
	  opacity: 0;
	  -webkit-transition: all .4s;
	  -moz-transition: all .4s;
	  transition: all .4s;
	  min-width: 105px;
	  font-size: 0.7em;
	  z-index:1070!important;
	}
	
	
	button.rapitooltop span.rapitooltipspan {
	  background: var(--rapilightgray);
	  color: #000;
	}
	
	.rapitooltop span.rapitooltipspan:before {
	  content: '';
	/*   width: 0;
	  height: 0; */
	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  border-top: 5px solid var(--rapiblue);
	  position: absolute;
	  bottom: -5px;
	  left: 40px;
	}
	
	
	button.rapitooltop span.rapitooltipspan:before {
	  border-top: 5px solid var(--rapilightgray);
	  color: #000;
	}
	
	.rapitooltop:hover span.rapitooltipspan {
	  bottom: 35px;
	  /*visibility: visible;*/
	  /*opacity: 1;*/
	}
	
	button.rapitooltop.link:hover span.rapitooltipspan {
	  bottom: 30px;
	  visibility: visible;
	  /*opacity: 1;*/
      transition: opacity 1s;
	}
	
	button.rapitooltop:hover span.rapitooltipspan {
	  bottom: 50px;
	  visibility: visible;
	  /*opacity: 1;*/
      transition: opacity 1s;
	}
	
	.taskcardmenusmall
	{
		background:#FFF;
		padding: 0;
		margin: 0;
	}
	
	.taskcardmenusmall li a
	{
		margin-bottom:1px;
	}
	/*
	.taskcardmenusmall li a:hover
	{
		border-bottom:solid 2px var(--rapidark);
	}
	*/
	.taskcardmenusmall li a i
	{
		display:inline-block;
		max-width:25px!important; 
	}
	
	.taskcardmenusmall li a
	{
		padding-bottom:6px;
	 	 z-index:99;
	 	font-size: 0.6em;
	}
	
	.dropdown li
	{
	  border-bottom:solid 1px transparent;
	  border-top:solid 1px transparent;
	}
	.dropdown li a:hover
	{
	  	/*border-bottom:solid 2px var(--rapidarkblue);*/
	  	/*color:#7239ea!important;
    	background-color:#f8f5ff!important;
    	
    	background-color:var(--rapibglight)!important;
    	border-bottom:solid 1px var(--rapiblue);
    	*/
	}
	.dropdown .submenu li a:hover, .proritydropdown li a:hover
	{
	  	/*border-bottom:solid 2px var(--rapidarkblue);*/
	  	/*color:#7239ea!important;
    	
    	*/
    	background-color:#f5f8fa!important; 
	}
	/*
	 .dropdown li a{
	  position: relative;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  -webkit-transition: color 1000ms;
	  transition: color 1000ms;
	  border-bottom:solid 2px transparent;
	}
	
	
	
	.dropdown li a:before {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  border-bottom:solid 2px var(--rapidark);
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 0 50%;
	  transform-origin: 0 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition: 300ms ease-out;
	  transition: 300ms ease-out;
	}
	*/
	
	.rapi-bg-gray li a:before
	{
		border-bottom:solid 2px #FFF;
	}
	
	.rapi-bg-gray .dropdown li a:before
	{
		border-bottom:solid 2px var(--rapidark);
	}
	
	li a:hover:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}
	
	.completed .sweep-to-right-light
	{
		background: #d8f8b7;
		box-shadow: inset 0 0 5px var(--rapigreen)!important;
	}
	
	.completed .sweep-to-right-light:before {
		background:var(--rapigreen)!important;
	}
	
	input[type="date"]
	{
		min-width:180px;
	}
	
	.link
	{
		text-decoration: none;
		color:#000;
	}

	

	 .sweep{
	  position: relative;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  -webkit-transition: color 1000ms;
	  transition: color 1000ms;
	}
	.sweep:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #F5F5F5; 
	  border-bottom: solid 2px var(--rapiblue);
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 0 50%;
	  transform-origin: 0 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition: 300ms ease-out;
	  transition: 300ms ease-out;
	}
	
	
	.fa, .fab, .far
	{
		font-style: normal;
	}
	
	
	
	body.bg-rapi-dark .nav-link1.rapilink
	{
		color: #FFF!important;
  		transition: border 0.3s;
		border-bottom: solid 1px transparent;
	}
	
	body.bg-rapi-dark .nav-link1.rapilink:hover
	{
		border-bottom: solid 1px #FFF;
	}
	
	
	.fixed_height_panel
	{
		max-height:73vh;
		overflow: auto;
		
	}


.popuppanel
{
	position:fixed;
	margin-top: 0px;
	margin-left: 0px;
	top: 0!important;
	left:0!important;
	width: 100%;
	height: 100%;
	z-index: 999!important;
	
	background: #F2F2F3;
	background: rgba(0,0,0,0.5);
	
	display: none;
}

.container .rapiuserform
{
	max-height: 52vh;
	color: var(--rapidark);
}


.container .rapiuserform .external
{
	display: none;
}


.popuppanel .container
{	
    margin:5% auto;
    top:125px;
    width: 90%;
    height:auto;
    min-height: 200px;
    position: relative;
    text-align: left!important;
    
}

.popuppanel .dataentry 
{	
	left:0;
    top:0;    
    
    margin:0 auto;
    min-height: 200px;
    position: relative;
    text-align: left!important;
    max-height: 60vh;
	overflow: auto;
}

/*
@media only screen and(max-height:400px)
{
	.container .userform
	{
		max-height: 100px!important;
	}
}
*/
svg text
{
	overflow: hidden!important;
	text-transform: capitalize!important;	
	font-size: 0.7em;
	text-align: left!important;
	white-space: nowrap!important;
}

.template-card
{
	font-size: 0.85em;
	/*
	min-height: 85vh!important;
	max-height: 85vh!important;
	*/
	overflow-y:auto;
	overflow-x:hidden;
	min-height: 625px!important;
	max-height: 625px!important;
}


.template-card .template
{
	
	overflow-y:auto;
	overflow-x:hidden;
	/*
	min-height: 525px!important;
	max-height: 525px!important;
	*/ 
}

.template-card ul
{
	max-height: 35vh!important;
	width: 95%;
}

.template .container .rapi-card-body
{
	margin: 5px auto;
}
/*
.template-card ul
{
	max-height: 420px!important;
	width: 96%;
}
*/

#bar
{
	text-overflow: ellipsis;
	white-space: nowrap!important;
}

.error
{
	border-color: var(--rapired)
}


.bigbutton	
{
	width: 100px;
	height: 100px;
	background: var(--rapibglight);
	color:#000;
	
    border-style: solid;
    border-width: 0.125em;
    box-shadow: 0 0.375em 0 currentColor;
    
    padding: 0;
}


.bigbutton b
{
	font-size: 0.75em;
}

.bigbutton i
{
	display: block;
	font-size: 1.75em;
}


.btn.bigbutton:hover	
{
    border-style: solid!important;
    border-width: 0.125em!important;
    box-shadow: 0 0.375em 0 var(--rapidark)!important;
    
    background-color: var(--rapiblue)!important;
    color:#FFF!important;
}


.metalic
{
	
	width: 125px;
	height: 125px;
	
	/*
	background-color: transparent;
    border: 1px solid transparent;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    
	
	background: var(--rapibglight);
	color:#000;
	
    
    border-radius: .475rem;
    border-style: solid;
    border-width: 0.125em;
    box-shadow: 0 0.125em 0 currentColor;
    padding: 0;
    background: #FFF;
    */
    margin: .35rem!important;
    
    border-radius: 10px;
    border: none;
    box-shadow: 1px 1px 4px #c6c7cc;
    
    display: inline-block;
    vertical-align: top;
	/*
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	*/
	/*
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	border-radius: 1em;
	*/
}


.metalic i
{
	font-size:2.8rem;
	font-style: normal;
	text-align:center;
	display: block;
	font-weight: bold;
	margin-top: 8px;
	
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}


.metalic small
{
	font-size: 0.75em;
	text-align:center;
	display: block;
	font-weight: bold;
	margin-bottom:0.3em;
	line-height: 1.2em;
	height: 3.6em;
}


.bg-light-success {
    background-color: #e8fff3!important;
    color: var(--rapigreen)!important;
}

.bg-light-danger {
    background-color: #fff5f8!important;
    color: var(--rapired)!important;
}

.bg-light-info {
    background-color: #f8f5ff!important;
    color: var(--rapivoilet)!important;
}


.fixed-left-admin-menu
{
	border-top:solid 1px var(--rapilightgray);
	position: fixed;	
	left:0;
	width: 100%;
	height: 55px;
	background: var(--rapibglight);
	
	/*
	width: 55px;
	height: 100%;
	*/
}
.fixed-left-admin-menu button
{
	color:#000;
    border-style: solid;
    border-width: 0.125em;
    box-shadow: 0 0.375em 0 currentColor;
}


.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label, .inputfile_label {
	
    font-size: 1em;
    /*font-weight: 700;
    */
    display: inline-block;
    cursor: pointer; /* "hand" cursor 
    background-color: var(--rapiblue);
    color: white;*/
    border: dotted 1pt;
}

.inputfile:focus + label,
.inputfile + label:hover {
    /*background-color: var(--rapibglight);*/
}

.inputfile + label {
	
}

.rapi-badge.text-left{
	text-align: left!important;
  }

  .rounded-3{
	border-radius: 50px;
  }

.fas {
	color: #057daa !important;
}