:root 
{
	--bs-modal-header-padding: 1rem 1rem;
	--bs-main-nav-item-padding-y: 0.75rem;
	--bs-btn-border-radius: 0.125rem;
	--bs-border-radius: 0.125rem;
	--bs-input-border-color: #92969b;
	--bs-font-sans-serif: Noto Sans CJK TC, Inter, sans-serif;
	--bs-card-cap-padding-y: 1rem;
}

.btn {
	border-radius : 0.125rem;
	--bs-btn-padding-y: 0.25rem;}

.Grid-Caption {
    text-align: left !important;
    padding: 0.5rem;
    border-top: 1px #9da5af solid;
    border-left: 1px #9da5af solid;
    border-right: 1px #9da5af solid;
    background-color: #346cb02e;
}
.card-header-title
{
	background-color: #205375;
	color: #fff;
	padding: 1rem;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(20, 20, 31, .12);
}

.card-header-query
{
	background-color: #f5b548;
}
.profile-user-info-striped {
    /*border: 1px solid #888*/
}

.profile-user-info-striped .profile-info-name {
    background-color: #F2EFE7;
    border-top: 1px solid #888;
}

.profile-user-info-striped .profile-info-value {
    border-top: 1px dotted #d9d7ce;
    padding-left: 12px
}

.profile-user-info-striped .profile-info-value-long {
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    padding-left: 12px
}

@media only screen and (max-width: 480px) {
    .profile-info-name {
        width:80px
    }

    .profile-user-info-striped .profile-info-name {
        float: none;
        width: auto;
        text-align: left;
        padding: 6px 4px 6px 10px;
        display: block
    }

    .profile-user-info-striped .profile-info-value {
        margin-left: 10px;
        display: block
    }

    .profile-user-info-striped .profile-info-value-long {
        margin-left: 10px;
        display: block;
        border-left: none;
        border-right: none;
        padding-left: 0px;
    }
    
    .user-profile .memberdiv {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.profile-picture {
    border: 1px solid #CCC;
    background-color: #FFF;
    padding: 4px;
    display: inline-block;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 1px 1px 1px rgba(0,0,0,.15)
}

.profile-user-info {
    display: table;
    width: calc(100% - 24px); 
    width: 100%;
    margin: 0 auto
}

.profile-info-row {
    display: table-row;
}

.profile-info-name,.profile-info-value {
    display: table-cell;
    border-top: 1px dotted #d9d7ce;
}

.profile-info-name,.profile-info-value-long {
    display: table-cell;
    border-top: 1px dotted #d9d7ce;
}

.profile-info-name {
    text-align: right;
    padding: 6px 10px 6px 4px;
    font-weight: 500;
    color: #494b4d;
    background-color: transparent;
    width: 15%;
    vertical-align: middle
}

.profile-user-info-striped .profile-info-title {
    text-align: center;
    padding: 6px 10px 6px 4px;
    color: #005BAC;
    background-color: #CEE4F2;
    width: 100%;
    vertical-align: middle;
    line-height: 30px;
    font-size: 1.25rem;
    border-left: 6px solid #005BAC;
}

.profile-info-yname, .profile-info-value {
    display: table-cell;
}

.profile-info-yname, .profile-info-value-long, .profile-info-value-explain {
    display: table-cell;
}

.profile-info-yname {
    text-align: right;
    padding: 4px 10px 4px 4px;
    font-size: 1.125rem;
    font-weight: 400;
    color: #494b4d;
    background-color: #f5ecd2;
    width: 15%;
    vertical-align: middle;
}

.profile-user-info-striped .profile-info-yname.necessary {
    color: #f91707;
}

.profile-user-info-striped .profile-info-yname {
    color: #494b4d;
    background-color: #f5ecd2;
}

.profile-info-title .form-label
{
	  font-weight: 500;
}

.profile-user-info-striped .profile-info-title1 {
    
    padding: 6px 20px 6px 20px;
    font-weight: 500;
    color: #000;
    background-color: #E6F2F2;
    width: 100%;
    vertical-align: middle;
    line-height: 28px;
    font-size: 1.125rem;
}

.profile-info-title1 .form-label
{
	  font-weight: 400;
}

.w25 { width: 25%; }
.w50 { width: 50%; }
.w100 { width: 100%; }

.profile-info-name .form-label
{
	  font-weight: 500;
}

.profile-info-value {
    padding: 6px 4px 6px 6px
}

.profile-info-value-long {
    padding: 6px 4px 6px 6px
}

.profile-info-value>span+span:before {
    display: inline;
    content: ",";
    margin-left: 1px;
    margin-right: 3px;
    color: #666;
    border-bottom: 1px solid #FFF
}

.profile-info-value>span+span.editable-container:before {
    display: none
}

.profile-info-row:first-child .profile-info-name,.profile-info-row:first-child .profile-info-value {
    border-top: none
}

.profile-info-row:first-child .profile-info-name,.profile-info-row:first-child .profile-info-value span {
    font-size: 1.125rem;
    font-weight: 400;
}

.profile-user-info-striped {
    border-top: 1px solid #777;
    border-left: 1px solid #777;
}

.profile-user-info-striped .profile-info-value {
    border-top: 1px solid #777;
    padding-left: 12px
}

.profile-picture {
    border: 1px solid #CCC;
    background-color: #FFF;
    padding: 4px;
    display: inline-block;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 1px 1px 1px rgba(0,0,0,.15)
}

.dd-empty,.dd-handle,.dd-placeholder,.dd2-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.profile-activity {
    padding: 10px 4px;
    border-bottom: 1px dotted #D0D8E0;
    position: relative;
    border-left: 1px dotted #FFF;
    border-right: 1px dotted #FFF
}

.profile-activity:first-child {
    border-top: 1px dotted transparent
}

.profile-activity:first-child:hover {
    border-top-color: #D0D8E0
}

.profile-activity:hover {
    background-color: #F4F9FD;
    border-left: 1px dotted #D0D8E0;
    border-right: 1px dotted #D0D8E0
}

.profile-activity img {
    border: 2px solid #C9D6E5;
    border-radius: 100%;
    max-width: 40px;
    margin-right: 10px;
    margin-left: 0;
    box-shadow: none
}

.profile-activity .thumbicon {
    background-color: #74ABD7;
    display: inline-block;
    border-radius: 100%;
    width: 38px;
    height: 38px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 38px;
    margin-right: 10px;
    margin-left: 0;
    text-shadow: none!important
}

.profile-activity .time {
    display: block;
    margin-top: 4px;
    color: #777
}

.profile-activity a.user {
    font-weight: 700;
    color: #9585BF
}

.profile-activity .tools {
    position: absolute;
    right: 12px;
    bottom: 8px;
    display: none
}

.profile-activity:hover .tools {
    display: block
}

.user-profile .ace-thumbnails li {
    border: 1px solid #CCC;
    padding: 3px;
    margin: 6px
}

.user-profile .ace-thumbnails li .tools {
    left: 3px;
    right: 3px
}

.user-profile .ace-thumbnails li:hover .tools {
    bottom: 3px
}

.user-title-label:hover {
    text-decoration: none
}

.user-title-label+.dropdown-menu {
    margin-left: -12px
}

.profile-contact-links {
    padding: 4px 2px 5px;
    border: 1px solid #E0E2E5;
    background-color: #F8FAFC
}

.btn-link:hover .ace-icon {
    text-decoration: none!important
}

.profile-social-links>a:hover>.ace-icon,.profile-users .memberdiv .name a:hover .ace-icon,.profile-users .memberdiv .tools>a:hover {
    text-decoration: none
}

.profile-social-links>a {
    text-decoration: none;
    margin: 0 1px
}

.profile-skills .progress {
    height: 26px;
    margin-bottom: 2px;
    background-color: transparent
}

.profile-skills .progress .progress-bar {
    line-height: 26px;
    font-size: 13px;
    font-weight: 700;
    font-family: "Open Sans";
    padding: 0 8px
}

.profile-users .user {
    display: block;
    position: static;
    text-align: center;
    width: auto
}

.profile-users .user img {
    padding: 2px;
    border-radius: 100%;
    border: 1px solid #AAA;
    max-width: none;
    width: 64px;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s
}

.profile-users .user img:hover {
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.33);
    box-shadow: 0 0 1px 1px rgba(0,0,0,.33)
}

.profile-users .memberdiv {
    background-color: #FFF;
    width: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    text-align: center;
    margin: 0 8px 24px
}

.profile-users .memberdiv .body {
    display: inline-block;
    margin: 8px 0 0
}

.profile-users .memberdiv .popover {
    visibility: hidden;
    min-width: 0;
    max-height: 0;
    max-width: 0;
    margin-left: 0;
    margin-right: 0;
    top: -5%;
    left: auto;
    right: auto;
    opacity: 0;
    display: none;
    position: absolute;
    -webkit-transition: opacity .2s linear 0s,visibility 0s linear .2s,max-height 0s linear .2s,max-width 0s linear .2s,min-width 0s linear .2s;
    -o-transition: opacity .2s linear 0s,visibility 0s linear .2s,max-height 0s linear .2s,max-width 0s linear .2s,min-width 0s linear .2s;
    transition: opacity .2s linear 0s,visibility 0s linear .2s,max-height 0s linear .2s,max-width 0s linear .2s,min-width 0s linear .2s
}

.profile-users .memberdiv .popover.right {
    left: 100%;
    right: auto;
    display: block
}

.profile-users .memberdiv .popover.left {
    left: auto;
    right: 100%;
    display: block
}

.profile-users .memberdiv>:first-child:hover .popover {
    visibility: visible;
    opacity: 1;
    z-index: 1060;
    max-height: 250px;
    max-width: 250px;
    min-width: 150px;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.profile-users .memberdiv .tools {
    position: static;
    display: block;
    width: 100%;
    margin-top: 2px
}

.profile-users .memberdiv .tools>a {
    margin: 0 2px
}

.user-status {
    display: inline-block;
    width: 11px;
    height: 11px;
    background-color: #FFF;
    border: 3px solid #AAA;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 1px
}

.user-status.status-online {
    border-color: #8AC16C
}

.user-status.status-busy {
    border-color: #E07F69
}

.user-status.status-idle {
    border-color: #FFB752
}

.align-center, .center {
    text-align: center!important;
}

.space-6, [class*=vspace-6] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 6px 0 5px;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.labRequired::before {
    content: '* ';
    color: #e92121;
}

* {
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

:after,:before {
    box-sizing: inherit;
    text-decoration: inherit;
    vertical-align: inherit
}

.profile-user-info-striped .profile-info-name.necessary {
    color: #f91707;
}

.profile-user-info-striped .profile-info-name4.necessary {
    color: #f91707;
}

.profile-user-info-striped .profile-info-name7.necessary {
    color: #f91707;
}

.profile-user-info-striped .profile-info-value {
    vertical-align: middle;
    /*border-bottom: 1px solid #666;*/
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    padding-left: 12px;
}

.profile-info-value {
    padding: 6px 4px 6px 6px;
    width: 35%;
}

@media only screen and (max-width: 480px) {
	.page-section {
	    padding-right: 1rem;
	    padding-left: 1rem;
	}
	.profile-user-info-striped .profile-info-value {
		margin-left: 0px;
	    vertical-align: middle;
	    width: 100%;
	    border: none;
	    display: block;
	    padding-left: 12px;
	}
    .profile-info-yname {
        width: 80px;
    }
    .profile-user-info-striped .profile-info-yname {
        border-right: solid 1px #666;
        float: none;
        width: auto;
        text-align: left;
        padding: 6px 4px 6px 10px;
        display: block;
    }
}

.btnPopover{border:none; background-color:#7fffd400; margin:0; padding:0;}
.UploadFiles input{display: none;}
.UploadFiles {width: 100%; border:dashed 1px #ccc; padding:8px; cursor: pointer;background-color: #f9f8f6;}
.delIcon {color: Tomato; cursor: pointer;font-size: 1.25rem; padding-left: 5px;}

.collapse {width: 100%}


.GroupText .form-control{
	border: solid 1px #cccc;
}

/* disabled 的css */
.banIcon {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 3rem; /* 為了讓前置圖標有空間 */
    background-color: var(--bs-tertiary-bg);
    border: 1px solid #85878a;
    border-radius: var(--bs-border-radius);
}

.banIcon::before {
    content: "\f044"; /* Font Awesome 鉛筆圖標的 Unicode */
    font-family: "Font Awesome 6 Free"; /* 根據使用的 Font Awesome 版本進行更改 */
    font-weight: 400; /* 鉛筆圖標權重（對應於 regular） */
    position: absolute;
    left: 0.75rem; /* 根據需要調整圖標與輸入框之間的距離 */
    font-size: 1em;
    color: #000;
    
}

.banIcon::after {
    content: "\f05e"; /* Font Awesome 禁止圖標的 Unicode */
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* 禁止圖標權重（對應於 solid） */
    position: absolute;
    left: 0.5rem; /* 調整為合適的位置，讓禁止圖標疊加在鉛筆圖標上 */
    top: 0; /* 根據需要調整禁止符號的垂直位置 */
    font-size: 1.5em; /* 縮小禁止符號，使其合適 */
    color: #e97f7f;
}

.banIcon .form-control:disabled{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dateIcon {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 3rem; /* 為了讓前置圖標有空間 */
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}

.dateIcon::before {
    content: "\f044"; /* Font Awesome 鉛筆圖標的 Unicode */
    font-family: "Font Awesome 6 Free"; /* 根據使用的 Font Awesome 版本進行更改 */
    font-weight: 400; /* 鉛筆圖標權重（對應於 regular） */
    position: absolute;
    left: 0.75rem; /* 根據需要調整圖標與輸入框之間的距離 */
    font-size: 1em;
    color: #000;
    
}

.dateIcon .form-control{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.form-select {
	background-color: #ede8dc4f;
	font-size:1.125rem;
}

.btnCollapsed {
	width: 30px;
	padding: 0 5px 0 0;
	background-color: #ffffff00;
}

.btnCollapsed:not(.collapsed) {
    background-color: #ffffff00;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.delIcon {color: Tomato; cursor: pointer;}

.tabColor {background-color: #bbbbbb3d; border: solid 1px #666}
	
.form-actions
{    
	text-align: center !important;
    padding: .5rem;
    border-top: 1px dashed #777777;
    background-color: #f3f3f3;
    border: solid #777777 1px;
}


.form-actions .btn+.btn,.form-actions .btn+.btn-group,.form-actions .btn-group+.btn,.form-actions .btn-group+.btn-group{margin-left:.125rem}
.btn-default {
    color: #fff;
    border-color: #b9bbbd;
    background-color: #b9bbbd;
}
.btn-default:hover {
    background-color: #B2C6D5;
    color: #1E2B33;
}

.dx-scrollable-scroll.dx-state-invisible{background-color: #bfd1c4}
.dx-scrollbar-horizontal .dx-scrollable-scroll{height: 80px;}
.dx-pager, .dx-pagination {border: solid 1px #818181; background-color: #d8eaf3}
.dx-datagrid-borders>.dx-pager{margin-top: 0px;}
.dx-pager .dx-page-sizes, .dx-pagination .dx-page-sizes{padding-left:10px;}
.dx-datagrid {
    color: #222;
    line-height: inherit;
}

.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection, .dx-pagination .dx-page-sizes .dx-selection, .dx-pagination .dx-pages .dx-selection
{
	background-color: #c5c5c5;
}

.dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table { background-color: #ebf6ff; color:#000;  }
.dx-widget{font-size: 1.125rem;}

.dx-pager .dx-pages .dx-next-button::before, .dx-pager .dx-pages .dx-prev-button::before, .dx-pagination .dx-pages .dx-next-button::before, .dx-pagination .dx-pages .dx-prev-button::before
{margin-top: -6.5px;}

.dx-datagrid .dx-column-lines>td {
    border-left: 1px solid #818181;
    border-right: 1px solid #818181;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row>td {
    border-bottom: 1px solid #818181;
    border-top: 1px solid #818181;
}

.dx-datagrid-borders>.dx-datagrid-headers, .dx-datagrid-borders>.dx-datagrid-rowsview, .dx-datagrid-borders>.dx-datagrid-total-footer{border-left: 1px solid #818181;border-right: 1px solid #818181;}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>tr>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused)>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused)>tr>td {
    background-color: #c2e4ff;
    color: #000;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines)>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines)>td {
    border-bottom: 1px solid #607D8B;
    border-top: 1px solid #607D8B;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines>tr>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines>tr>td {
    border-left-color: #607D8B;
    border-right-color: #607D8B;
}

.dx-state-hover{background-color: #c2e4ff;}
.input-group{flex-wrap:nowrap}
.form-control{padding:.25rem 1rem;}
.form-control::placeholder{color: #dcdcdc;}


.input-group-text{padding:.5rem .7rem; background: #9fcce0;font-size: 1.125rem;}
.reply{background: #eacaf5;}

button, input, optgroup, select, textarea::placeholder { color: #094d77; }
.input-group::placeholder{color: yellow;}
.input-group::placeholder { color: yellow; }
.input-group-text::placeholder { color: yellow; }

/* input tag */
input::placeholder { color: #dcdcdc; }
 
/* textarea tag */
textarea::placeholder { color: #dcdcdc; }
 
/* all tag */
::placeholder { color: ##dcdcdc; }
 
/* 指定CHROME, EDGE,  */
::-webkit-input-placeholder { color: #dcdcdc; }
 
/* 指定firefoX */
::-moz-placeholder { color: #dcdcdc; }


.UserMsgBoxUrl{border:dashed 1px #AAA;}

.wrapper .main-nav .navbar-nav .sub-navbar-nav .sub-nav-item {border-bottom: dotted 1px #ccc;}
.nav-item{background-color: #f8fcff; border-right: dotted 1px #ccc;}
.nav-item:nth-child(odd) {
    background-color: #f8f9fa; /* 淺灰或你想要的顏色 */
}

.nav-item:nth-child(even) {
    background-color: #e9ecef; /* 更淺或其他顏色 */
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
}

.modal-content {
    border-radius: 0.125rem;
}

@media (min-width: 992px) {
    .p-lg-5 {
        padding: 3rem !important;
    }
}

.btn-primary {
    --bs-btn-bg: #3085d6;
    --bs-btn-border-color:#3085d6;
}

.logo-box {background-color: #9dc6ea;}

.btn-xs {
    font-size: 1rem;
    padding: .2rem .5rem;
}

.dx-datagrid .dx-row>td {padding: 5px}

.page-title-box {
    padding: 0.75rem 1.5rem;
}

.alert {
    --bs-alert-padding-y: 0.5rem;
}

.bb-1 {border-bottom:  1px solid #818181;}

.addres1 {
    width: 19%;
}

.addres2 {
    width: 40%;
    height: 36px;
}



.modal-card .card {
    margin-bottom: 30px;
    border: none;
    border-radius: 5px;
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}

.modal-card .card-body {
    padding: 0 20px 20px 20px;
}

.modal-card .card-title {
    padding: 20px 0 15px 0;
    font-size: 18px;
    font-weight: 500;
    color: #012970;
    font-family: "Poppins", sans-serif;
}

.divTable {
    border-collapse: collapse;
    border-top: solid 1px #666;
    border-left: solid 1px #666;
    border-bottom: solid 1px #666;
    margin: 10px 0px 20px 0px;
}

.TestFormDiv {
    margin-top: 10px;
    padding: 10px;
    background-color: #e7f0f8;
    border: solid 1px #69a0d1;
}

/*--------------------------------------------------------------
# Table ( for Schedule)
--------------------------------------------------------------*/

.table3_11 table {
    width: 100%;
    margin: 15px 0;
    margin-bottom: 0px;
    font-size: 16px;
    table-layout: auto;
}

.table3_11 th {
    color: #0e0e0e;
    background-color: #e2e2e2;
    text-align: center;
    border: solid 1px #808080;
    vertical-align: middle;
}

.table3_11, .table3_11 th, .table3_11 td {
    padding: 4px;
    border: 1px solid #666;
    border-collapse: collapse;
    vertical-align: middle;
    font-size: 16px;
}

    .table3_11 td:first-child,
    .table3_11 th:first-child {
        white-space: nowrap;
        width: 1%; /* 小技巧：告訴瀏覽器把這欄當作內容寬度(auto)處理 */
    }

    .table3_11 tr:nth-child(odd) {
        background-color: #ffffff;
    }

    .table3_11 tr:nth-child(even) {
        background-color: hsla(89, 4%, 96%, 0.79);
    }

    .table3_11 tbody tr:hover {
        background-color: rgba(230, 255, 92, 0.51);
    }

    /* 讓 input 不會超出它所在的欄、也不會自動把表格撐大 */
    .table3_11 td input {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        min-width: 0; /* 非常重要：允許 input 縮小 */
    }

    .table3_11 td.td-bg {
        background-color: #808080;
    }

    .table3_11 .p-check {
        background-color: none;
    }

.table_edit {
    background-color: #fafafa;
}

.table_label {
    background-color: #438EB9;
    padding: 5px 12px;
    font-size: 1.25rem;
    text-align: left;
}

.table-col-element {
    border: solid 1px #ccc;
}

.btnCC {
    border: none;
    background: none;
    color: mediumorchid;
}

.cardEdit-body .UploadFiles input {
    display: none;
}

.cardEdit-body .UploadFiles {
    width: 100%;
    border: dashed 1px #ccc;
    padding: 5px;
    cursor: pointer;
    background-color: #f9f8f6;
    text-align: left;
    min-height: 42px;
}


.divForm .btn {
    padding: 5px 15px 5px 15px;
    margin: 0px 5px 0px 5px;
    font-size: 1.25rem;
}

.divTable .profile-user-info {
    border-width: 0px 1px 0px 1px;
    border-style: solid;
    border-color: #888;
}

.input-group > .no-bg
:not(:first-child)
:not(.dropdown-menu)
:not(.valid-tooltip)
:not(.valid-feedback)
:not(.invalid-tooltip)
:not(.invalid-feedback) {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
}