.my-bg-primary {
	background: #02275d !important;
} 
.my-bg-primary2 {
	background: #212c5f !important;
}

.my-bg-primary3 {
    background: linear-gradient(to right, #02275d, #211c5f) !important
}

.my-bg-warning{
    background: #fcec27 !important;
}
.my-text-warning{
    color: #fcec27 !important;
}
.my-text-primary{
    color: #02275d !important;
}
.my-btn-primary {
	border-radius: 0 0 4px 4px;
    background-color: #212c5f;
    border-color: #2dcee3;
    color: white;
    cursor: pointer;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s
}
.my-border-none {
    border: 0px !important;
}

.my-border-radius-none {
    border-radius: 0px !important;
}
.my-card {
    border: 1px solid #212c5f !important;
    border-radius: 0px !important;
}
.my-card-header {
    background: #212c5f !important;
    border-radius: 0px !important;
    color:  #f8f9fa !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    font-weight: bold;
    font-size: 16px !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.my-card-footer {
  padding: .75rem 1.25rem;
  background-color: rgba(0,0,0,.03);
  border-top: 1px solid rgba(0,0,0,.125);
  text-align: right !important;
}

.my-card-content {
  background-color: #fff;
}

.my-hr {
    background-image: repeating-linear-gradient(45deg,#6fa6d6,#6fa6d6 33px,transparent 0,transparent 41px,#f18d9b 0,#f18d9b 74px,transparent 0,transparent 82px);
    background-position-x: -1.875rem;
    background-size: 7.25rem .1875rem;
    height: .1875rem;
    width: 100%
}

.my-header{
    background-color: #fcec27 !important; 
    color: #1b1b1b !important;
    margin-top: 1rem;
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    font-weight: bold;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

.my-content {
    padding: .5rem !important;
    background-color: #fff;
}

.accordion .my-header-icon:after {
    font-family: 'feather';  
    content: "\e842";
    float: right;
}
.accordion .my-header-icon.collapsed:after {
    content: "\e844"; 
}
.cursor-pointer{
    cursor: pointer;
}