.animation_center
{
  margin-top: 20%;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active 
{
  color: black;
  background-color: #fff;
  border: 0px solid white;
  border-bottom: 3px solid #000000;
  border-radius: 0px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
  border-radius: 0px;
  color: #6e707e;
}

.mastercont {
  position: relative;
  width: 100%;
  margin: 0px auto !important;
  padding: 0px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 25px;
  border-radius: 5px;
  background-color: white;
  border: 1px solid gray;
}

.mstedit {
  margin-left: 12px;
  cursor: pointer;
}

.mstedit:hover {
  color: #4e73df;
}

.mstdel {
  margin-left: 12px;
  cursor: pointer;
}

.mstdel:hover {
  color: #e74a3b;
}

.frmtitlebar {
  width: 100%;
  background-color: #242424;
  color: white;
  font-size: 18px;
  font-weight: bolder;
  text-align: center;
  padding: 5px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.masterent,
.masterlist {
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 5px;
}

#list {
  max-height: 220px;
  overflow: auto;
  margin-top: 10px;
  padding-left: 0px;
  margin-bottom: 10px;
}

#viewlist {
  max-height: 450px;
  overflow: auto;
  margin-top: -20px;
  margin-bottom: 10px;
}

.warn {
  color: white;
  background-color: #f80f07;
}
.success {
  color: white;
  background-color: #068810;
  text-align: center;
  border-radius: 5px;
}

.diffdiv {
  color: white;
  background-color: #f80f07;
  text-align: center;
  border-radius: 5px;
}

.errtxt {
  border: 1px solid #f80f07;
}

.errtxt:hover {
  border: 1px solid #ec786e;
}

.errtxt:focus {
  border: 1px solid #f80f07;
  box-shadow: 0px 0px 1px 2px #ec786e;
}

.masterlist table thead {
  position: sticky;
  top: 0;
  background-color: #757575;
  color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.masterlist table tfoot {
  position: sticky;
  bottom: 0;
  background-color: #757575;
  color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.myhead {
  position: sticky;
  bottom: 0;
  background-color: #858796;
  color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.myfoot {
  position: sticky;
  bottom: 0;
  background-color: #858796;
  color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.idwarn {
  color: white;
  background-color: #e74a3b;
  border-radius: 2px;
  margin: 4px;
}

.toright {
  text-align: right;
}

.toleft {
  text-align: left;
}

.tocenter {
  text-align: center;
}

.docdt {
  min-width: 140px;
}

.page-item:hover {
  cursor: pointer;
}

.myrepicons {
  cursor: pointer;
}

.myrepicons:hover {
  cursor: pointer;
  color: blueviolet;
}

.chkbox {
  font-weight: bolder;
}

.chkbox:hover {
  color: rgb(75, 75, 226);
  font-weight: bolder;
}

#pichart {
  position: relative;
  height: 320px;
  width: 100%;
  padding: 10px;
}

#chart-area {
  position: relative;
  height: 300px;
}

#dwld a {
  color: green;
}

.diffimg {
  width: 16px;
  height: 16px;
}

.form-group #lookfor {
  margin-top: -10px;
  margin-bottom: 1rem;
  padding: 0px;
}

.addbtn {
  font-size: 18px;
  border-radius: 8px;
  height: 38px;
  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 32px;
  margin-left: -5px;
  margin-right: 8px;
  position: relative;
}

.select2 {
  width: 100% !important;
}
.select2-selection {
  overflow: hidden;
  columns: #dad7d7de;
}
.select2-selection__rendered {
  white-space: normal;
  word-break: break-all;
}

.Selectedtask {
  background-color: hsl(211, 81%, 90%);
  color: gray;
}

.inline {
  display: inline-block;
}

.bubble 
{
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 14px;
    border-radius: 18px;
    min-height: 35px;
    margin-left: -10px;
    height: fit-content;
    width: 35px;
    color: white;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    background: #242424 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid white;
}

.imgbubble 
{
	display: inline-block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 14px;
	border-radius: 18px;
	min-height: 35px;
	margin-left: -10px;
	height: fit-content;
	width: 35px;
	color: white;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
	background: #242424 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid gray;
}
.bubbleshort {
  position: relative;
  top: 2px;
  font-size: 14px;
  font-weight: 600;
}

.shwname {
  margin: 0px;
  background: white;
  color: #2d8fe6;
  cursor: pointer;
}

.bubblectnt {
  display: none;
}

.bubble_teambox
{
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 12px;
    border-radius: 15px;
    min-height: 30px;
    margin-left: -10px;
    height: fit-content;
    width: 30px;
    color: white;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    background: #242424 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid white;
}

.imgbubble_teambox 
{
	display: inline-block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 12px;
	border-radius: 15px;
	min-height: 30px;
	margin-left: -10px;
	height: fit-content;
	width: 30px;
	color: white;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
	background: #242424 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid gray;
}
.bubbleshort_teambox {
  position: relative;
  top: 2px;
  font-size: 14px;
  font-weight: 600;
}

.shwname_teambox {
  margin: 0px;
  background: white;
  color: #2d8fe6;
  cursor: pointer;
}

.bubblectnt_teambox {
  display: none;
}

.aicon {
  border-radius: 15px;
  margin-left: 2px;
  padding: 2px;
  font-size: 8px;
}

.icon_minus {
  color: white;
  border: 1px solid #e4910f;
  background-color: #e4910f;
  box-shadow:1px 1px 2px 1px darkgray;
}

.icon_minus:hover {
  background-color: #e4910f;
  border: 1px solid #e4910f;
  color: white;
  box-shadow:0px 0px 4px 1px darkgray;

}

.chk_plus {
  display: inline;
  border-radius: 15px;
  padding: 4px;
  font-size: 17px;
  color: gray;
  border: 2px solid gray;
  margin-right: 20px;
  cursor: pointer;
}

.chk_plus:hover {
  color: white;
  background-color: black;
}

.icon_plus {
  display: inline;
  border-radius: 15px;
  padding: 2px;
  font-size: 12px;
  color: gray;
  border: 1px solid gray;
  margin-right: 20px;
  cursor: pointer;
}

.icon_plus:hover {
  color: white;
  background-color: black;
}

#mfrec {
  border: 1px solid lightgray;
}

#forrec {
  margin-left: 3px;
  padding: 3px;
  width: 103%;
  height: 30px;
}

.rflg {
  cursor: pointer;
  font-size: 14px;
  margin: 2px;
}

.mrflg {
  padding: 0px;
  margin: 0px;
}

.bold {
  font-weight: bold;
}

.filecrd {
  margin-bottom: 5px;
  margin-right: 5px;
  border: 2px solid #242424;
  height: fit-content;
  width: fit-content;
  display: inline-block;
  padding: 10px;
  border-radius: 7px;
}

.filecrd a {
  color: #242424;
  text-decoration: underline;
  cursor: pointer;
}

#fileview {
  height: auto;
}

.iconclose {
  color: rgb(245, 49, 49);
  margin-left: 5px;
  float: right;
  cursor: pointer;
  margin-left: 10px;
  margin-top: 5px;
}

.iconclose:hover {
  color: rgb(170, 4, 4);
  float: right;
  margin-left: 10px;
}

.innercol {
  margin-left: 10px;
}


/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: lightgray white;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 4px;
  height: 5px;
  cursor: pointer;
}

*::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0);
}

*::-webkit-scrollbar-thumb {
  background-color: gray;
  border-radius: 20px;
  border: 3px solid gray;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: gray;
  border-radius: 20px;
  border: 3px solid gray;
}

.cornerclose 
{
  border: 0px solid red;
  border-radius: 25px;
  padding: 0px;
  color: red;
  font-size: 25px;
  float: right;
  margin-top: 3px;
  margin-right: 5px;
}

/* Savebox inside textbox */
.txtboxsave {
  width: 100%;
  padding: 2px;
  border: 1px solid lightgray;
  border-radius: 5px;
  box-shadow: 1px 1px 1px 1px lightgray;
}
.txtboxsave-btn {
  display: none;
}
.txtboxsave .mytxtbox {
  width: 100%;
  display: block;
  padding: 4px;
  border: 1px solid white;
}
.txtboxsave .mytxtbox:focus {
  outline: none;
}
.txtboxsave-btn .btn-success {
  padding: 4px;
  margin: 2px;
  font-size: 14px;
}
.txtboxsave-btn .btn-danger 
{
  padding: 4px;
  margin: 2px;
  font-size: 14px;
}

.themebtn
{
  background-color: #e4910f;
  border:1px solid #e4910f;
  color:white;
  border-radius: 5px;
}

.themebtn:focus ,.themebtn:hover
{
  background-color: #e4910f;
  border:1px solid #e4910f;
  color:white;

}

.themebtn:disabled
{
  background-color: #fbba85;
  border:1px solid #fbba85;
  color:white;
  border-radius: 5px;
}
.themebtn:disabled:hover
{
  background-color: #fbba85;
  border:1px solid #fbba85;
  color:white;
  border-radius: 5px;
  box-shadow:0px 0px 0px 0px rgb(255, 255, 255);

}



@media screen and (max-width: 800px) {
  .mstedit {
    margin: 5px;
    color: #4e73df;
  }
  .mstdel {
    margin: 5px;
    color: #e74a3b;
  }

  #list {
    max-height: 180px;
    overflow: auto;
    margin-top: 10px;
    padding-left: 2px;
    margin-bottom: 10px;
  }
}