/* Add here all your CSS customizations */

.input-bgwhite {
	background-color: #ffffff;
}

.text-color-red {
	color:#FF0000;
}

.text-color-green {
	color:#07ba18;
}

.textcolordarkgrey {
	color:#666666;
}

.text_bold {
	font-weight: 600;
}


.blink {
	animation: blinker 1s infinite;
}
      
@-webkit-keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

.image_bank {
	width: 35px;
	height: 35px;
	border: 3px solid #ccc;
	border-radius: 3%;
	border: 1px solid #b3b1b1;
	margin: auto;
	padding: 2px 2px;
}

#custom_table {
  border-collapse: collapse;
  width: 100%;
  letter-spacing:normal;
  
  
}

#custom_table td, #custom_table th {
  	
	border-bottom: 1px solid #bbbcbd;
  	padding: 1px 1px;

}

#custom_table tr:nth-child(even){background-color: #f2f2f2;}

#custom_table tr:hover {
	background-color: #e3e4ed;
	color:#000000;
	cursor: pointer;
	
}

#cust_td{
	border-left: 1px solid #bbbcbd;
	border-bottom: 1px solid #bbbcbd;
  border-top: 1px solid #bbbcbd;
}

#custom_table th {

  text-align: center;
  background-color: #e9e9e9;
  border-bottom: 1px solid #bbbcbd;
  border-top: 1px solid #bbbcbd;
}

#submit-icon-list {
  background-image: url("../mobile/assets/img/icon_list_blue.png"); /* Change url to wanted image */
  background-size: cover;
  background-color:transparent;
  border: none;
  width: 23px;
  height: 19px;
  cursor: pointer;
  color: transparent;
  margin: 5px;
}

#submit-icon-edit {
  background-image: url("../mobile/assets/img/icon_edit.png"); /* Change url to wanted image */
  background-size: cover;
  background-color:transparent;
  border: none;
  width: 23px;
  height: 19px;
  cursor: pointer;
  color: transparent;
  margin: 5px;
}

#submit-icon-delete {
  background-image: url("../mobile/assets/img/icon_delete.png"); /* Change url to wanted image */
  background-size: cover;
  background-color:transparent;
  border: none;
  width: 18px;
  height: 21px;
  cursor: pointer;
  color: transparent;
  margin: 1px;
}

#submit-icon-delete-sm {
  background-image: url("../mobile/assets/img/icon_delete.png"); /* Change url to wanted image */
  background-size: cover;
  background-color:transparent;
  border: none;
  width: 10px;
  height: 13px;
  cursor: pointer;
  color: transparent;
  margin: 0px;
}

#submit-icon-sync {
  background-image: url("../mobile/assets/img/icon_sync.png"); /* Change url to wanted image */
  background-size: cover;
  background-color:transparent;
  border: none;
  width: 18px;
  height: 21px;
  cursor: pointer;
  color: transparent;
  margin: 5px;
}

#submit-icon-pay {
  background-image: url("../mobile/assets/img/icon_creditcard_primary.png"); /* Change url to wanted image */
  background-size: cover;
  background-color:transparent;
  border: none;
  width: 24px;
  height: 19px;
  cursor: pointer;
  color: transparent;
  margin: 5px;
}

#submit-icon-reset {
  background-image: url("../mobile/assets/img/icon_reset_red.png"); /* Change url to wanted image */
  background-size: cover;
  background-color:transparent;
  border: none;
  height: 21px;
  width: 20px;
  cursor: pointer;
  color: transparent;
  margin: 5px;
}

#submit-icon-copy {
  background-image: url("../mobile/assets/img/icon_copy.png"); /* Change url to wanted image */
  background-size: cover;
  background-color:transparent;
  border: none;
  height: 21px;
  width: 20px;
  cursor: pointer;
  color: transparent;
  margin: 5px;
}

#submit-icon-duplicate {
  background-image: url("../mobile/assets/img/icon-duplicate.png"); /* Change url to wanted image */
  background-size: cover;
  background-color:transparent;
  border: none;
  height: 21px;
  width: 20px;
  cursor: pointer;
  color: transparent;
  margin: 5px;
}

#submit-icon-save {
  background-image: url("../mobile/assets/img/icon_save_primary.png"); /* Change url to wanted image */
  background-size: cover;
  background-color:transparent;
  border: none;
  width: 19px;
  height: 19px;
  cursor: pointer;
  color: transparent;
  margin: 5px;
}

#submit-icon-plane {
  background-image: url("../mobile/assets/img/icon_plane_blue.png"); /* Change url to wanted image */
  background-size: cover;
  background-color:transparent;
  border: none;
  width: 19px;
  height: 19px;
  cursor: pointer;
  color: transparent;
  margin: 5px;
}

#submit-icon-add {
  background-image: url("../mobile/assets/img/icon_add.png"); /* Change url to wanted image */
  background-size: cover;
  background-color:transparent;
  border: none;
  width: 19px;
  height: 19px;
  cursor: pointer;
  color: transparent;
  margin: 5px;
}

#submit-icon-detail {
  background-image: url("../mobile/assets/img/icon_detail.png"); /* Change url to wanted image */
  background-size: cover;
  background-color:transparent;
  border: none;
  width: 25px;
  height: 25px;
  cursor: pointer;
  color: transparent;
  margin: 0px;
}

.btn-link {
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    color: #0000EE;
    padding: 0;
    text-decoration: underline;
    font-family: inherit;
    font-size: inherit;
}

.cust_image {
	position: relative;
	margin-left:auto;
    overflow: hidden;
    border-radius: 3%;
	border: 1px solid #b3b1b1;
}

.bg-1 {
  background: #104471 !important;
  color: #FFF; }

.bg-2 {
  background: #0066a5 !important;
  color: #FFF; }
  
.bg-3 {
  background: #1a90cf !important;
  color: #FFF; }
  
.bg-4 {
  background: #677f8c !important;
  color: #FFF; } 

.bg-5 {
  background: #1a1d1e !important;
  color: #FFF; }        

.bg-6 {
  background: #00ade6 !important;
  color: #FFF; } 
  
.bg-7 {
  background: #e5a423 !important;
  color: #FFF; } 
  
.bg-8 {
  background: #c33d36 !important;
  color: #FFF; }     
          
.bg-9 {
  background: #8b221e !important;
  color: #FFF; }
  
.bg-10 {
  background: #481212 !important;
  color: #FFF; }  

.bg-11 {
  background: #dffce5 !important;
  color: #FFF; } 

.bg-12 {
  background: #fad7d4 !important;
  color: #FFF; }   

.bg-13 {
  background: #ffffff !important;
  color: #000000; }    
  
.swiper-container {
	height: 30vh;
}

.swiper-slide {
	border-radius: 10px;
	padding-bottom:30px;
	padding-left:25px;
	padding-right:20px;
	padding-top:20px;
}

.swiper-slide img {
	display: block;
	height: 100%;
	object-fit: cover;
}  

.swiper-slide-nodata {
		border-radius: 10px;
		padding-bottom:30px;
		padding-left:25px;
		padding-right:20px;
		padding-top:20px;
		display: block;
		width:100%;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
	  
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#partitioned {
  padding-left: 14px;
  letter-spacing: 45px;
  border: 0;
  background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 55px 1px;
  background-repeat: repeat-x;
  background-position-x: 35px;
  width: 305px;
  min-width: 305px;
}

#divInner{
  left: 0;
  position: sticky;
}

#divOuter{
  width: 260px; 
  overflow: hidden;
}