.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color:#A3278F!important;
    color:#fff!important;
}
.bg{	
	color:#11324D !important;
	border-left:5px solid #11324D!important;
	border-right:1px solid #11324D!important;
	border-top:2px solid #11324D!important;
	border-bottom:2px solid #11324D!important;	
	font-family:calibri!important;
	background: linear-gradient(to right, #FFFEA8 50%, white 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .5s ease-out;	
}
.bg:hover{
	border-left:5px solid red!important;
	cursor:pointer;	
	background-position: left bottom;	
}
.bg_2{	
	color:#11324D !important;
	border-left:5px solid #A3278F!important;
	border-right:1px solid #A3278F!important;
	border-top:2px solid #A3278F!important;
	border-bottom:2px solid #A3278F!important;	
	font-family:calibri!important;
	background: linear-gradient(to right, #FFFEA8 50%, white 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .5s ease-out;	
}
.bg_2:hover{
	border-left:5px solid #F8A91A!important;
	cursor:pointer;	
	background-position: left bottom;	
}



@font-face {
    font-family:calibri;
    src: url(https://basic.togetherinvesting.com/assets/Calibri.ttf);
}
body{
	font-family:calibri!important;
}
.dropdown_search {	
    position: absolute;
    border: 1px solid rgba(0,0,0,.09);
    
    z-index: 1;
    width:inherit;	
	background-color:rgb(240, 249, 238) !important;
	color:#1f5c0d ;		
}
.dropdown_search>ul>li:hover{
	background-color:#1f5c0d !important;
	color:#fff;
	cursor:pointer;
}
input:focus + .dropdown_search {
    display: block;
}
.lableText{
	font-size:14px;
}
.input-border_error{
	border:2px solid red!important;
}
.nav-item{
	margin-right:5px;
}
.btn{
	border-radius:24px !important;
	line-height:11px !important;
}
/********************** DESK BOX**************************/
.deskBox-1-1{
	background:#544667 !important;
	color:#fff!important;
	border:1px solid #fff!important;
	border-left:5px solid #fff!important;	
	border-radius:5px;
	text-align:center;
}
.deskBox-2-2{
	background:#163D5C !important;
	color:#fff!important;
	border:1px solid #fff!important;
	border-left:5px solid #fff!important;	
	border-radius:5px;
	text-align:center;
}
.deskBox-3-3{
	background:#551743 !important;
	color:#fff!important;
	border:1px solid #fff!important;
	border-left:5px solid #fff!important;	
	border-radius:5px;
	text-align:center;
}
.deskBox-4-4{
	background:#BA1F0E !important;
	color:#fff!important;
	border:1px solid #fff!important;
	border-left:5px solid #fff!important;	
	border-radius:5px;
	text-align:center;
}
.deskBox-5-5{
	background:#018E7F !important;
	color:#fff!important;
	border:1px solid #fff!important;
	border-left:5px solid #fff!important;	
	border-radius:5px;
	text-align:center;
}
.deskBox-6-6{
	background:#6926B3 !important;
	color:#fff!important;
	border:1px solid #fff!important;
	border-left:5px solid #fff!important;	
	border-radius:5px;
	text-align:center;
}
.deskBox-7-7{
	background:#BA5202 !important;
	color:#fff!important;
	border:1px solid #fff!important;
	border-left:5px solid #fff!important;	
	border-radius:5px;
	text-align:center;
}
.deskBox-8-8{
	background:#F1AD40 !important;
	color:#fff!important;
	border:1px solid #fff!important;
	border-left:5px solid #fff!important;	
	border-radius:5px;
	text-align:center;
}
.status_pending{
	background-color:#BA1F0E;
}
.status_open{
	background-color:#163D5C;
}
.status_close{
	background-color:#551743;
}
.status_converted{
	background-color:#018E7F;
}
.deskBox-1{
	background:rgb(235, 250, 255) !important;
	color:#15556c!important;
	border:1px solid #15556c!important;
	border-left:9px solid #15556c!important;		
	text-align:center;
	border-radius:5px;
}
.deskBox-2{
	background:rgb(240, 238, 247) !important;
	color:#44368A!important;
	border:1px solid #44368A!important;
	border-left:9px solid #44368A!important;	
	border-radius:5px;
	text-align:center;
}
.deskBox-3{
	background:rgba(254,191,101,0.4)!important;
	color:#7D4B03!important;
	border:1px solid #7D4B03!important;	
	border-left:9px solid #7D4B03!important;	
	border-radius:5px;
	text-align:center;
}
.deskBox-4{
	background:rgba(200,229,191, 0.5)!important;
	color:#1f5c0d!important;
	border:1px solid #1f5c0d!important;	
	border-left:9px solid #1f5c0d!important;	
	border-radius:5px;
	text-align:center;
}
.deskBox-5{
	background:rgb(228, 255, 248) none repeat scroll 0% 0% !important;
	color:#000!important;
	border:1px solid rgb(31, 113, 92)!important;
	border-left:9px solid rgb(31, 113, 92) !important;
	border-radius:5px;	
	text-align:center;
}
.deskBox-6{
	background:rgba(227, 255, 90, 0.18) !important;
	color:rgb(70, 81, 16) !important;
	border:1px solid rgb(70, 81, 16) !important;
	border-left:9px solid rgb(70, 81, 16) !important;
	border-radius:5px;
	text-align:center;
}
.deskBox-7{
	background:rgba(67,68,68, 0.1)!important;
	color:#434444!important;
	border:1px solid #434444!important;	
	border-left:9px solid #434444!important;	
	border-radius:5px;
	text-align:center;
}
.deskBox-8{
	background:#F1AD4091 !important;
	color:#935C04!important;
	border-left:9px solid #935C04!important;
	border-right:1px solid #935C04!important;
	border-top:1px solid #935C04!important;
	border-bottom:1px solid #935C04!important;
	border-radius:5px;
	text-align:center;
} 
.deskBox_pending{
	background:#BA1F0EB0!important;
	color:#fff!important;
	border-left:9px solid #ff00003d !important;
	border-right:1px solid #ff00003d!important;
	border-top:1px solid #ff00003d!important;
	border-bottom:1px solid #ff00003d!important;
	border-radius:5px;
	text-align:center;
}
.deskBox-title{
	font-family:calibri;margin-bottom:2px;
	font-size:18px;
}
.deskBox-title_sm{
	font-family:calibri;margin-bottom:2px;
	font-size:18px;
}
.deskBox-text{
	font-family:calibri;font-size:14px;margin-bottom:0px;
}
.deskBox-text-2{
	font-size:22px!important;font-family:calibri;
}
/**************************END****************************/
/*********************LEFT SIDEBARD***********************/
.left-sidebar-holder{
	/*background:rgb(9, 34, 28) none repeat scroll 0% 0%;*/
	background-color:#fff;
	height:100%;
	top:0;
/*	border:.25px solid  #45626E;*/
	color:#45626E;
	width:17%;
}
.left-sidebar-right{
	border-right: 1px solid #EAEAEA; 
	border-radius:.25rem;
	padding:0px;
}
.left-branding-name{
	text-transform:none;margin-bottom:0px;font-family:calibri;font-size:17px;font-weight:bold;color:#fff;text-transform:capitalize;
}
.left-branding-container{
	padding:15px;margin-top:10px;text-align:center;
}
.left-branding-text{
	font-size:14px;font-family:calibri;color:#fff;
}
/**************************END****************************/
.nav-pills .nav-link{
	border-radius:2.25rem!important;
}
.card-header{
	padding:.55rem 1.25rem!important;
}
.card-body{
	padding:1.15rem;
}
.errInfo{
	padding:10px 10px;margin-bottom:0px;font-family:calibri;font-size:16px;background:#d9edf7;color:#31708f;
}
.errWarning{
	padding:10px 10px;margin-bottom:0px;font-family:calibri;font-size:16px;background:#f2dede;color:#a94442;
}
.blink_me {
  animation: blinker 1.5s linear infinite;
}
@keyframes blinker {  
  50% { opacity: 0; }
}
.mandatory{
	font-family:calibri;
	font-size:15px;
	color:red;
}
.bg_circle {
  height: 80px;
  width: 80px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
  text-align:center;    
}
.bg_circle:hover{
	cursor:pointer;
	transform: scale(1.1);	
}
.circle{
    background: rgb(0,226,182);
    border-radius: 50px;
    height: 80px;    
    left: 80%;
    top: 80%;
    width: 80px;   
}
.circle_inner{
    position: relative;
    height: 100%;
}
.circle_inner:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -7px;
}
.circle:hover{
	cursor:pointer;
	transform: scale(1.1);	
}
.form-control{
    -webkit-appearance:none!important;
}
.clickable:hover{
	cursor:pointer;	
	background:rgba(32,168,216,0.1) !important;	
	color:#15556c;
}
.pointer:hover{
	cursor:pointer;	
	background:#e1e6eab3 !important;	
	color:#15556c;
}
.grey-text{
color:#000!important;    
}
.task_progress{
	background:rgba(32,168,216,0.1)!important;
	color:#15556c!important;
	border-left:5px solid #15556c!important;
	border-right:1px solid #15556c!important;
	border-top:1px solid #15556c!important;
	border-bottom:1px solid #15556c!important;
}
.task_done{
	background:rgba(200,229,191, 0.5)!important;
	color:#1f5c0d!important;
	border-left:5px solid #1f5c0d!important;
	border-top:1px solid #1f5c0d!important;
	border-bottom:1px solid #1f5c0d!important;
	border-right:1px solid #1f5c0d!important;
}
.task_to_do{
	background:rgba(248,108,107,0.2)!important;
	color:#721A1A!important;	
	border-left:5px solid #721A1A!important;
	border-right:1px solid #721A1A!important;
	border-top:1px solid #721A1A!important;
	border-bottom:1px solid #721A1A!important;
}
.task_hold{
	background:rgba(227,224,242,0.5)!important;
	color:#44368A!important;
	border-left:5px solid #44368A!important;
	border-right:1px solid #44368A!important;
	border-top:1px solid #44368A!important;
	border-bottom:1px solid #44368A!important;
}
.align-items-center {
  display: flex; 
  align-items: center;  /*Aligns vertically center */
  justify-content: center; /*Aligns horizontally center */
}
.shadow{
	box-shadow: 10px 5px 5px red;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;	
}
.percentage_30{
	background-color:rgba(0,0,0,.125)!important;
	color:#000!important;
}
.percentage_49{
	background-color:#E74E2C!important;
	color:#fff!important;
}
.percentage_69{
	background-color:#EEB03C!important;
	color:#fff!important;
}
.percentage_70{
	background-color:#7AC378!important;
	color:#fff!important;
}
.ucfirst::first-letter {
  text-transform:uppercase; 
}
.border-none{
	background:#fff;border:none !important;
	font-family:calibri;	
}
.remove_select_dropdown_arrow{
	-moz-appearance: none;
  /* for Chrome */
	-webkit-appearance: none;
}
/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
     box-shadow: 0 10px 6px -6px #777;
}
.textLable{	
	font-size:16px;	
}
.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}
.cardShadow {  
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: #D8F6EE;
  background:#D8F6EE;
 /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #D8F6EE;*/
  outline: 0 none;
}
.inputBackground{
	background:#fff;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	padding-left:2px;
	border-bottom:1px solid #000;
}
#fadeInPage {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
.fadeInPage {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
@media screen and (max-width: 576px) {
    .hideXS {
        display:none;		
    }
}
@media screen and (max-width: 576px) {
    .invisibleNavImage {
        display:none;
    }
}
@media screen and (max-width: 576px) {
    .smallViewNav {
        padding-top:0px!important;
    }
}

@media screen and (max-width: 576px) {
    .smallViewMargin {
        margin-top:5px!important;
    }
}
@media screen and (max-width: 576px) {
    .smallViewMarginMetting {
        margin-top:60px!important;
    }
}
@media screen and (max-width: 576px) {
    .smallViewHeightNav {
        height:auto!important;
    }
}
@media screen and (max-width: 576px) {
    .smallViewPositionStatic {
        position:static!important;
    }
}
@media screen and (max-width: 576px){
	.removeTopMargin{
		padding-top:20px!important;
	}
}
@media screen and (max-width:992){
	.hideContent{
		display:none;
	}
}
@media screen and (max-width: 576px){
	.marginTop{
		margin-top:8px;
	}
}
@media screen and (min-width:992px){
	.visibleXS{
		display:inline;
	}
}
@media screen and (min-width:992px){
	.displayNone{
		display:none;
	}
}
@media screen and (max-width:576px){
	.marginXS{
		margin-top:15px;
	}
}
@media screen and (min-width:992px){
	.marginTopRow{
		margin-top:9px;
	}
}
.required{
	color:red;
}
.requiredInput{
	outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 7px red;
}
.progress{
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -50px;
}
.progress span{
  transition: all 500ms ease;
  background: #4A72DA;
  box-shadow: 1px 2px 3px #999;
  height: 10px;
  width: 10px;  
  display: inline-block;
  border-radius: 10px;
  animation: wave 2s ease  infinite;
}
.progress span:nth-child(1){  animation-delay: 0; }
.progress span:nth-child(2){  animation-delay: 100ms; }
.progress span:nth-child(3){  animation-delay: 200ms; }
.progress span:nth-child(4){  animation-delay: 300ms; }
.progress span:nth-child(5){  animation-delay: 400ms; }
.progress span:nth-child(6){  animation-delay: 500ms; }
.progress span:nth-child(7){  animation-delay: 600ms; }
.progress span:nth-child(8){  animation-delay: 700ms; }

@keyframes wave{
  0%, 40%, 100% { 
    transform: translate(0, 0);
    background-color: #4A72DA;    
  }
  10% { 
    transform: translate(0, -15px); 
    background-color: red;    
  }  
}
.lableStyle{
	font-family:calibri !important;	
	text-transform:capitalize;
	color:rgba(3, 1, 6, 0.58);
}
.dotted{
	text-decoration-line:underline;text-decoration-style:dotted;
}
.load-bar {
  position: relative;  
  width: 100%;
  height: 3px;
  background-color: #fdba2c;
}
.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.bar:nth-child(1) {
  background-color: #da4733;
  animation: loading 3s linear infinite;
}
.bar:nth-child(2) {
  background-color: #3b78e7;
  animation: loading 3s linear 1s infinite;
}
.bar:nth-child(3) {
  background-color: #fdba2c;
  animation: loading 3s linear 2s infinite;
}
@keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}
@media screen and (min-width: 576px) {
    .mobile {
        display:none;	
    }
}
@media screen and (min-width: 576px) {
    .removeMargin {	
        margin-top:0px !important;
    }
}
a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
.nav-tabs > li > a{
    border-radius: 0px;
    border: 1px solid #e4e4e4;
    border-top: 2px solid #e4e4e4;
    border-right: 0px none;
    margin-right: 0px;
    padding: 8px 17px;
    transition:0.1s ease;
    background: #F8F8F8;
    color:#222222;
}
.nav-tabs > li > a:hover{
    border: 1px solid #e4e4e4;
    border-top: 2px solid #7a4b94;
    border-right: 0px none;
    background: #F8F8F8;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover{
    border-top: 2px solid #dc005a;
    color:#222222;
    border-right: 0px none;
}
.tab-content > .tab-pane{
    border: 1px solid #c4c4c4;
    /*border-top: 0px none;-->	*/
    padding: 5px;
    line-height: 22px;
	margin-top:6px;
}
.nav-tabs > li.active:hover > a{
    border-top-color:#7a4b94;	
}
.avatar{
    width: 60px;
    height: 60px;
    -webkit-border-radius: 60px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 60px;
    -moz-background-clip: padding;
    border-radius: 60px;
    background-clip: padding-box;
    margin: 7px 0 0 5px;
    float: left;
    background-size: cover;
    background-position: center center;
}

.divider{
	border-right: 1px solid #f9f3f3; 	
}
@media screen and (max-width: 576px){
	.sidebarLeft{		
		max-width:none!important;
		position:static!important;
	}
}
@media screen and (min-width: 1366px){
	.sidebarLeft{
		position:fixed;
	}
}
@media screen and (min-width: 1280px){
	.sidebarLeft{				
		position:fixed;
	}
}
@media screen and (max-width: 576px){
	.overrideWidth{		
		width:auto !important;		
	}
}
.vertical-menu a{
	border-bottom:1px solid #45626E3B;
}
.vertical-menu {
  /*width:255px;*/
}
.vertical-menu a {
    background-color: rgb(24, 149, 117) none repeat scroll 0% 0%;
    color: #fff;
    display: block;
    padding: 8px;
    text-decoration: none;
	font-family:calibri;
	font-size:14px;
	color:#000;
}
.vertical-menu a:hover {
    background-color: #FCB018;
    color:#fff;
}
.vertical-menu a.active {
     background-color:#FCB018;
	color:#fff;   
	border-left: 2px solid #fff;
	/*margin-left: -2px;	*/
	font-family:calibri;
	font-size:16px;	
	
}
.border_right{
	border-right-color:#e4e9ed;
	border-right-width:1px;	
	border-right-style:solid;
}
.input-control{
	width:100%;
	padding:4px;
	color:#000;
	background:#F0F9F7!important;
	font-family:calibri!important;	
	border:none;
	font-size:15px;
	border-bottom:1px solid #B5DFD6!important;	
}
.input-control:focus{
	outline: none!important;
	box-shadow:none !important;
}
.form-control:focus{
	outline: none!important;
	box-shadow:none !important;
}
.affix{
	position:fixed;			
}
.avatar-circle{
     border: 1px solid rgb(116, 110, 131);
    border-radius: 4px;
    padding: 5px;
    max-width:60%;
}
.hr{	
	border: 1px solid rgb(116, 110, 131);
}
.chat{
  border: 2px solid #dedede;
  background-color: #f1f1f1;
  border-radius: 5px;
  padding: 10px;
  margin: 5px 0px 0px 0px;
      }
.left{
  float: left;
  background-color: #5C566B;
  border:none;
  margin-left: 30px;
  color: #fff;
}
.right{
  float: right;
  background-color: #EBD6AE;
  border:none;
}
.main{
  overflow-y: auto;
  height: 730px;
  background-color: rgba(116, 110, 131, 0.16);
}
.user{
  border-bottom: 1px solid #00000026;
  padding: 5px;
  line-height: 20px;
  width: 104%;
}
.user_name{
  /*font-weight: bold;*/
  font-size: 16px;
  margin: 0px;
}
.hover_me{
  background-color: #ebbd63;
}
h2{
  line-height: 70px;
  margin: 0px;
  border-bottom:1px solid #0000005c;
  padding-left: 14px;
  font-size: 20px !important;
  text-transform: capitalize;
}