/* CSS Document */
.equal-box {
    flex: 1 0 0;
  }
  
  .ptl_userModule{
  	/*position: relative;*/
  	z-index: 4800;
  }
  
.ptl_userModule .dropdown-menu > li > a {
	padding-top:5px;
	padding-bottom:5px;
}

.ptl_BtnSm{
	font-size: 11px !important;
}

.ptl_btnUser {
  display: inline-flex; 
  justify-content: center;
  align-items: center;
  width: 26px; 
  height: 26px;
  border-radius: 50%;
  color: #fff !important;
  font-size: 12px !important;
  text-decoration: none !important;
  position: relative; 
}

.ptl_btnUser2{
  display: inline-flex; 
  justify-content: center;
  align-items: center;
  width: 36px; 
  height: 36px;
  border-radius: 50%;
  color: #fff !important;
  font-size: 16px !important;
  text-decoration: none !important;
  position: relative; 
}

.ptl_btnUser::after,
.ptl_btnUser2::after {
  content: '\f107'; 
  font-family: 'FontAwesome'; 
  font-size: 8px;
  color: #fff;

  position: absolute;
  right: -5px;
  bottom: 0;

  width: 10px;
  height: 10px;
  background-color: #333;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ptl_btnUser2-pickup::before {
  content: '\f111'; 
  font-family: 'FontAwesome'; 
  font-size: 7px;
  color: #fff;

  position: absolute;
  right: -5px;
  top: 0;

  width: 10px;
  height: 10px;
  background-color: #f57842;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}


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

	.ptl_BtnSm2{
		font-size: 11px !important;
	}
	.ptl_btnUser2{
	  width: 26px; 
	  height: 26px;
	  font-size: 12px !important;
	}
}

.ptl_w2em{
	width:2em;
}
.ptl_w3em{
	width:3em;
}
.ptl_w4em{
	width:4em;
}



.ptl_btn-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 23%));
  gap: 0.5em 2.66%;
  box-sizing: border-box;
  justify-content: center;
}

@media (max-width: 760px) {
	.ptl_btn-group {
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	 }
}

.ptl_btn-group2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 31%));
  gap: 0.5em 2%;
  box-sizing: border-box;
  justify-content: center;
}

@media (max-width: 760px) {
	.ptl_btn-group2 {
	  display: grid;
	  grid-template-columns: repeat(1, 1fr);
	 }
}


.ptl_customMenu{
	background: #fff;
 	position: absolute;
	width: 100%;
	max-height:190px;
	overflow: auto;
}


.ptl_inputForm input[type=text] {
  transition: 0.3s ease;
}
.ptl_inputForm input[type=text]:focus {
  box-shadow: inset 2px 2px 5px #bebebe, inset -2px -2px 5px #ffffff, 0 0 0 2px #00bfff;
}

.remodal .BtnSave,
.remodal .BtnCancel{
	min-width:25%;
}


@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(0);
  }
}



.kr5t{
border-radius: 5px 5px 0 0;
}
.kr5b{
border-radius:  0 0 5px 5px;
}

.bbNone{
	border-bottom:none;
}
.btNone{
	border-top:none;
}



.ptl_boxShadowInset{
box-shadow: inset 0 0 10px rgba(255, 150, 50, 0.4);
}

.curPointer:hover{
	cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
}

.curPointer:hover {
  background-color: #f5f5f5;
  border-color: #999;
}

.d-ptlout-grid,
.d-ptlin-grid,
.d-ptlout-flex,
.d-ptlin-flex,
.d-ptlout-block,
.d-ptlin-block{
	display: none;
}

body.loggedOut .d-ptlout-grid{
	display: grid;
}
body.loggedOut .d-ptlout-flex{
	display: flex;
}

body.loggedIn .d-ptlin-grid{
	display: grid;
}
body.loggedIn .d-ptlin-flex{
	display: flex;
}

body.loggedOut .d-ptlout-block{
	display: block;
}

body.loggedIn .d-ptlin-block{
	display: block;
}