.container {
  width: 90%;
}

h1 {
  color: orange;
}

a, .menu {
  color: white;
}

.material-icons {
  color: #29b6f6;
}

.us {
  color: #ffcc80;
}

/*
ARTHUR NOTE : 用這個UPDATE OVERRIDE 一下吧... 
2023/10/11, According to the Manual , this is can 
*/



.blue_navy-text {
  color: #5d6d7e  !important;
}

.cherry-text {
  color: #880e4f   !important;
}



.grey-text {
  color:  #424242 !important;
}

.black-text {
  color:  #000 !important;
}
.white-text {
  color: white !important;
}

/* 用於COMMENT / REMARK  */
.italic_remark_style {
	 font-style:italic;
	 color : #5c6bc0; 
	 font-size:medium;
	 
}


/* Place holder */
::placeholder {
  color: #808080;
}





/* ARTHUR NOTE : 加上這個因為TOAST 2.0 在這不出色, 只出黑色而且没有文字  */
.toast {
  border-radius: 2px;
  top: 35px;
  width: auto;
  margin-top: 10px;
  position: relative;
  max-width: 100%;
  height: auto;
  min-height: 48px;
  line-height: 1.5em;
  background-color: var(--tooltip-background-color);
  padding: 10px 25px;
  font-size: 1rem;
  font-weight: 400;
   /* color: var(--tooltip-font-color);  */
   /* ARTHUR NOTE: 因為FIREFOX / CHROME 有不同色, 無没應  */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: default; 
  background-color: #7D0552;
  color :  #fbfcfc;
}






/* ARTHUR NOTE  */


 input:focus { 
        outline: none !important;
        border-color: #719ECE;
        box-shadow: 0 0 10px #719ECE;
        background-color: yellow;
        color : rgb(128, 128, 0);
        font-size:22px  !important;
}
    
textarea:focus { 
        outline: none !important;
        border-color: #719ECE;
        box-shadow: 0 0 10px #719ECE;
        background-color: yellow;
        color : rgb(128, 128, 0);
        font-size:20px  !important;
}
   
/* QUERY , CLEAR BUTTON 置中 */
.btn-large {
    width: 100%;
    vertical-align: middle;
    text-align: center  !important;
}

/* TOP DSAL LOGO 's TEXT WORK! */
.brand-logo {
	 font-size:20px !important;
}
/* TOP DSAL LOGO 's TEXT WORK! , .brand-logo 兩個都WORK */
#logo-container {
	 font-size:26px !important;
	 vertical-align: middle !important;
	 top: 2px !important;
	
}

hr.new_for_separate {
   border: 1px dashed cornflowerblue  !important;   
}

.P_Warning {
	 font-size:14px !important;
	 top: 5px !important;
	 vertical-align: middle;
	 color: #0288d1 !important;
}



.collapsible,  nav {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}



.collapsible.popout > li {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  margin: 0 24px;
  -webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.collapsible.popout > li.active {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  margin: 16px 0;
}