.w3-mandatory::before {content:"•";color:red;}
.w3-mandatory:hover::before {content: "* required";color: darkred;}
.w3-bold {font-weight: bold;}
.w3-italic {font-style:italic;}
.w3-text-upper {text-transform: uppercase;}
.w3-text-lower {text-transform: lowercase;}
.w3-text-capitalize {text-transform: capitalize;}
.w3-fixed-top-left {position:fixed;top:0;left:0;}
.w3-fixed-top-right {position:fixed;top:0;right:0;}
.w3-fixed-bottom {position:fixed;bottom:0;}
.w3-fixed-bottom-left {position:fixed;bottom:0;left:0;}
.w3-fixed-bottom-right {position:fixed;bottom:0;right:0;}

.w3-sticky-top-left {position:sticky;top:0;left:0;}
.w3-sticky-top-right {position:sticky;top:0;right:0;}
.w3-sticky-bottom {position:sticky;bottom:0;}
.w3-sticky-bottom-left {position:sticky;bottom:0;left:0;}
.w3-sticky-bottom-right {position:sticky;bottom:0;right:0;}

/* start AutoComplete extender flyout */
.cssACEContent {z-index:9990!important;background-color:#f9f9f9;color:#333333;border-radius:10px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);cursor:pointer;height:250px;
                min-height:250px;list-style-type:none;margin:0px!important;overflow:auto;padding:2px;text-align:left;}
.cssACELstItm {color:black;padding:8px 10px;font-size:14px;text-decoration:none;display:block;text-align:left;}
.cssACELstItm:hover {background-color:floralwhite;font-weight:bold;}
.cssACEItmHighLite {color:black;padding:8px 10px;font-size:14px;text-decoration:none;display:block;text-align:left;background-color:#ddd;border-radius:10px;}
/* end AutoComplete extender flyout */

/* start flip card */
.w3-flip-card {display: inline-block;background-color:transparent;width:300px;height:300px;perspective:1000px;}
.w3-flip-card-inner {position:relative;width:100%;height:100%;text-align:center;transition:transform 0.6s;transform-style:preserve-3d;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}
.w3-flip-card:hover .w3-flip-card-inner {transform:rotateY(180deg);}
.w3-flip-card-front, .w3-flip-card-back {position: absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.w3-flip-card-front {background-color:#bbb;color:black;}
.w3-flip-card-back {background-color:#2980b9;color:white;transform:rotateY(180deg);}
/* end flip card*/

/* start KANBAN Card */
.xxw3-kanban-board {width:100%;height:100vh;overflow:scroll;background-image: url(none);background-position:center;background-size:cover;}
.xxw3-rail-yard {display:flex;align-items:flex-start;justify-content:start;gap:16px;padding:24px 32px;height:100%;}
.xxw3-railway-track {display:flex;flex-direction:column;gap:12px;background:#f4f4f4;box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
                padding:12px;border-radius:4px;width:225px;min-height:120px;flex-shrink:0;}
.xxw3-rail-heading {font-size:22px;font-weight:bold;margin-bottom:8px;}
.xxw3-rail-coach {background:white;color:black;box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);padding:12px;border-radius:4px;font-size:16px;cursor:move;word-wrap:anywhere;}
.xxw3-is-dragging {scale: 1.05;box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);background:rgb(50, 50, 50);color:white;}
/* end KANBAN Card */