* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background: #8b7ab8;
}
::-webkit-scrollbar-thumb {
    background: rgb(53 60 108);
    border-radius: 4px;
}

::-webkit-scrollbar-track {
    background: #70549d;
}

:root {
    --primary-purple: #8b7ab8;
    --accent-purple: #a78bfa;
    --light-bg: #f8f9fc;
    --card-bg: rgba(255, 255, 255, 0.95);
    --text-primary: #495597;/*#664db0;#2d3748;*/
    --text-secondary: #718096;
    --border: rgba(139, 122, 184, 0.15);
    --shadow: 0 25px 70px rgba(139, 122, 184, 0.15);
    --hover-overlay: rgba(167, 139, 250, 0.08);
}

body {
    font-family: 'Poppins', sans-serif;
    background: url(pf/ybs_back.png) center;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

#loading-mask {
    width: 80px;
    height: 80px;
    border: 8px solid rgba(180, 120, 255, 0.2);
    border-top: 8px solid #5662a1;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    display:none;
    position: absolute;
    top: calc(50vh - 100px);
    left: calc(50% - 100px);
    z-index:20099;
}   
#loading-mask-full {
  display:none;
  position: fixed;
  /*width:100%;
  height:100%;*/
  inset: 0;   
  background:#d3d6e2bd;
  z-index:20098;
}  

.saml-background{
    background: #d3d6e2 !important;
}
.display-none{
    display:none !important;
}


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


.container {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    max-width: 1200px;
    width: 100%;
    padding: 0;
    /*max-height: 95vh;*/
    background: var(--card-bg);
    backdrop-filter: blur(30px);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: var(--shadow);
    border: 1px solid var(--border);
    position: relative;
    z-index: 1;
    animation: slideUp 0.9s cubic-bezier(0.22, 1, 0.36, 1);
    margin: auto;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(40px) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.login-section {
    padding: 70px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    animation: fadeInLeft 1s ease-out 0.2s both;
    background: #fff;
    /*overflow-y: auto;
    max-height: 95vh;*/
}

@keyframes fadeInLeft {
    from { opacity: 0; transform: translateX(-30px); }
    to { opacity: 1; transform: translateX(0); }
}

.logo {
    /*margin-bottom: 50px;*/
    display: flex;
    align-items: center;
    gap: 30px;
}

.logo img {
    height: 150px;
    width: 150px;
    object-fit: contain;
    flex-shrink: 0;
}

.logo-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.logo-title {
    font-family: 'Outfit', sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--text-primary);
    /*background: linear-gradient(135deg, #8b7ab8, #a78bfa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;*/
    line-height: 1.2;
}

.logo-subtitle {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    color: var(--text-secondary);
    font-weight: 400;
}

.welcome-text {
    margin-bottom: 25px;
    margin-top: 25px;
}

.welcome-text h1 {
    font-family: 'Outfit', sans-serif;
    font-size: 2.3rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 14px;
    line-height: 1.2;
}

.welcome-text p {
    color: var(--text-secondary);
    font-size: 1.05rem;
    line-height: 1.6;
    font-weight: 400;
}

.login-options {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.login-btn {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 20px 28px;
    background: white;
    border: 1.5px solid var(--border);
    border-radius: 16px;
    color: var(--text-primary);
    font-size: 1.05rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(139, 122, 184, 0.08);
}

.login-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, var(--hover-overlay), transparent);
    transition: left 0.6s ease;
}

.login-btn:hover::before {
    left: 100%;
}

.login-btn:hover {
    border-color: #8b7ab8;
    background: white;
    transform: translateX(8px);
    box-shadow: 0 8px 24px rgba(139, 122, 184, 0.2);
    color: #8b7ab8;
}

.login-btn-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(139, 122, 184, 0.15), rgba(167, 139, 250, 0.15));
    border-radius: 12px;
    flex-shrink: 0;
}

.login-btn-icon svg {
    width: 24px;
    height: 24px;
    color: #8b7ab8;
}

.login-btn-icon svg {
    width: 24px;
    height: 24px;
}

.login-btn-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
}

.login-btn-title {
    font-weight: 600;
    font-size: 1.05rem;
}

.login-btn-subtitle {
    font-size: 0.85rem;
    color: var(--text-secondary);
    font-weight: 400;
    margin-top: 2px;
}

.login-btn-arrow {
    margin-left: auto;
    transition: transform 0.3s ease;
}

.login-btn:hover .login-btn-arrow {
    transform: translateX(5px);
}

.divider {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 35px 0 30px;
    animation: fadeInLeft 1s ease-out 0.4s both;
}

.divider::before,
.divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--border), transparent);
}

.divider span {
    color: var(--text-secondary);
    font-size: 0.9rem;
    font-weight: 500;
}

.help-text {
    text-align: center;
    /*margin-top: 30px;*/
    color: var(--text-secondary);
    font-size: 0.95rem;
    animation: fadeInLeft 1s ease-out 0.5s both;
}

.help-text a {
    color: #8b7ab8;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.help-text a:hover {
    color: #a78bfa;
}

.sidebar {
    background: rgba(248, 249, 252, 0.8);
    padding: 70px 50px;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--border);
    animation: fadeInRight 1s ease-out 0.3s both;
    /*overflow-y: auto;
    max-height: 95vh;*/
}

.sidebar-bottom {
    margin-top: auto;
}

@keyframes fadeInRight {
    from { opacity: 0; transform: translateX(30px); }
    to { opacity: 1; transform: translateX(0); }
}

.sidebar-links {
    margin-bottom: 40px;
}

.sidebar-links h3 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.35rem;
    color: var(--text-primary);
    margin-bottom: 14px;
    font-weight: 600;
}

.link-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: var(--text-secondary);
    text-decoration: none;
    padding: 14px 0;
    font-size: 0.95rem;
    border-bottom: 1px solid rgba(139, 122, 184, 0.08);
    transition: all 0.3s ease;
    position: relative;
}

.link-item::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #8b7ab8;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease;
    margin-top: 6px;
    flex-shrink: 0;
}

.link-item-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.link-item-title {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 0.95rem;
    transition: color 0.3s ease;
}

.link-item-subtitle {
    color: var(--text-secondary);
    font-size: 0.8rem;
    line-height: 1.4;
    opacity: 0.8;
}

.link-item:hover {
    padding-left: 10px;
}

.link-item:hover::before {
    opacity: 1;
    transform: scale(1);
}

.link-item:hover .link-item-title {
    color: #8b7ab8;
}

.social-section h4 {
    color: var(--text-primary);
    font-size: 1.05rem;
    margin-bottom: 22px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.social-icons {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.app-download-section {
    margin-top: 40px;
}

.app-download-section h4 {
    color: var(--text-primary);
    font-size: 1.05rem;
    margin-bottom: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.app-buttons {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.app-button {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: linear-gradient(135deg, #2d3748, #4a5568);
    border: 1px solid rgba(139, 122, 184, 0.2);
    border-radius: 12px;
    text-decoration: none;
    color: white;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(45, 55, 72, 0.15);
    flex: 1;
}

.app-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(45, 55, 72, 0.25);
    border-color: rgba(139, 122, 184, 0.4);
    color: #8b7ab8;
}

.app-button svg {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
}

.app-button-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
}

.app-button-subtitle {
    font-size: 0.6rem;
    opacity: 0.8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.app-button-title {
    font-size: 0.95rem;
    font-weight: 600;
    margin-top: 2px;
}

.social-icon {
    width: 50px;
    height: 50px;
    /*background: linear-gradient(135deg, #8b7ab8, #a78bfa);*/
    background: linear-gradient(135deg, #808abf, #4D599B);
    border: 1px solid transparent;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: white;
    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    font-size: 1.3rem;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(139, 122, 184, 0.25);
}

.social-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: linear-gradient(135deg, #a78bfa, #c4b5fd);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease;
}

/*.social-icon svg {
    position: relative;
    z-index: 1;
}

.social-icon:hover::before {
    width: 100px;
    height: 100px;
}*/

.social-icon:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(106, 65, 219, 0.4);
    color: #c4b5fd;
}

@media (max-width: 1024px) {
    .container {
        grid-template-columns: 1fr;
        max-height: none;
        overflow-y: auto;
    }

    .login-section {
        max-height: none;
        overflow-y: visible;
    }

    .sidebar {
        border-left: none;
        border-top: 1px solid var(--border);
        padding: 50px 40px;
        max-height: none;
        overflow-y: visible;
    }

    .sidebar-links {
        margin-bottom: 40px;
    }

    .login-section {
        padding: 60px 50px;
    }
}

@media (max-width: 768px) {
    body {
        padding: 15px;
    }

    .container {
        border-radius: 20px;
    }

    .login-section {
        padding: 45px 35px;
    }

    .welcome-text h1 {
        font-size: 1.9rem;
    }

    .logo {
        font-size: 1.5rem;
        margin-bottom: 40px;
    }

    .login-btn {
        padding: 18px 24px;
        gap: 14px;
    }

    .login-btn-icon {
        width: 38px;
        height: 38px;
    }

    .sidebar {
        padding: 40px 35px;
    }

    .sidebar-links h3 {
        font-size: 1.2rem;
    }

    .link-item {
        font-size: 0.9rem;
        padding: 12px 0;
    }

    .link-item-title {
        font-size: 0.9rem;
    }

    .link-item-subtitle {
        font-size: 0.75rem;
    }
}

@media (max-width: 480px) {
    .login-section {
        padding: 35px 25px;
    }

    .welcome-text h1 {
        font-size: 1.6rem;
    }

    .welcome-text p {
        font-size: 0.95rem;
    }

    .logo {
        font-size: 1.3rem;
    }

    .sidebar {
        padding: 35px 25px;
    }

    .login-btn {
        padding: 16px 20px;
    }

    .login-btn-title {
        font-size: 0.95rem;
    }

    .login-btn-subtitle {
        font-size: 0.8rem;
    }

    .social-icons {
        gap: 12px;
    }

    .social-icon {
        width: 46px;
        height: 46px;
    }

    .app-buttons {
        flex-direction: column;
    }

    .app-button {
        flex: none;
    }
}



.uyruk {
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
  display: block;
  width: 100%;
  height: calc(1.5em + 0.9rem + 2px);
  padding: 0.45rem 0.9rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6c757d;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.2rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-white{
    text-align: right;
    margin: 5px 0;
    padding: 10px 14px;
    border: 1px solid transparent;
    border-radius: 14px;
    background: linear-gradient(135deg, #808abf, #4D599B);
    color: #fff;
}

.btn-white-icon {
    font-size: 16px;
    color: #fff;
    padding-right: 10px;
}

.btn-white:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(106, 65, 219, 0.4);
    color: #c4b5fd;
}

.btn-white::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: linear-gradient(135deg, #a78bfa, #c4b5fd);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease;
}

.div-group{
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-flex-group{
    display: flex;
    justify-content:
    space-between;
    margin-top:10px;
}



.btn-primary{
    padding: 10px 14px;
    border: 1px solid transparent;
    border-radius: 14px;
    background: linear-gradient(135deg, #808abf, #4D599B);
    color: #fff;
}

.btn-primary:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(106, 65, 219, 0.4);
    color: #c4b5fd;
}

.btn-primary::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: linear-gradient(135deg, #a78bfa, #c4b5fd);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease;
}
.bgColor646D7E{background-color:#646D7E;}
.bgColor4C787E{background-color:#4C787E;}
.bgColor4C7D7E{background-color:#4C7D7E;}
.bgColor806D7E{background-color:#806D7E;}
.bgColor5E5A80{background-color:#5E5A80;}
.bgColor4E387E{background-color:#4E387E;}
.bgColor151B54{background-color:#151B54;}
.bgColor2B3856{background-color:#2B3856;}
.bgColor25383C{background-color:#25383C;}
.bgColor463E41{background-color:#463E41;}
.bgColor151B8D{background-color:#151B8D;}
.bgColor15317E{background-color:#15317E;}
.bgColor342D7E{background-color:#342D7E;}
.bgColor2B60DE{background-color:#2B60DE;}
.bgColor306EFF{background-color:#306EFF;}
.bgColor2B65EC{background-color:#2B65EC;}
.bgColor2554C7{background-color:#2554C7;}
.bgColor3BB9FF{background-color:#3BB9FF;}
.bgColor38ACEC{background-color:#38ACEC;}
.bgColor357EC7{background-color:#357EC7;}
.bgColor3090C7{background-color:#3090C7;}
.bgColor25587E{background-color:#25587E;}
.bgColor1589FF{background-color:#1589FF;}
.bgColor157DEC{background-color:#157DEC;}
.bgColor1569C7{background-color:#1569C7;}
.bgColor153E7E{background-color:#153E7E;}
.bgColor2B547E{background-color:#2B547E;}
.bgColor4863A0{background-color:#4863A0;}
.bgColor6960EC{background-color:#6960EC;}
.bgColor8D38C9{background-color:#8D38C9;}
.bgColor7A5DC7{background-color:#7A5DC7;}
.bgColor8467D7{background-color:#8467D7;}
.bgColorE4317F{background-color:#E4317F;}
.bgColorF52887{background-color:#F52887;}
.bgColorE4287C{background-color:#E4287C;}
.bgColorC12267{background-color:#C12267;}
.bgColor7D053F{background-color:#7D053F;}
.bgColorCA226B{background-color:#CA226B;}
.bgColorC12869{background-color:#C12869;}
.bgColor800517{background-color:#800517;}
.bgColor7D0541{background-color:#7D0541;}
.bgColor7D0552{background-color:#7D0552;}
.bgColor810541{background-color:#810541;}
.bgColorC12283{background-color:#C12283;}
.bgColorE3319D{background-color:#E3319D;}
.bgColorF535AA{background-color:#F535AA;}
.bgColorFF00FF{background-color:#FF00FF;}
.bgColorF433FF{background-color:#F433FF;}
.bgColorE238EC{background-color:#E238EC;}
.bgColorC031C7{background-color:#C031C7;}
.bgColorB048B5{background-color:#B048B5;}
.bgColorD462FF{background-color:#D462FF;}
.bgColorC45AEC{background-color:#C45AEC;}
.bgColorA74AC7{background-color:#A74AC7;}
.bgColor6A287E{background-color:#6A287E;}
.bgColor8E35EF{background-color:#8E35EF;}
.bgColor893BFF{background-color:#893BFF;}
.bgColor7F38EC{background-color:#7F38EC;}
.bgColor6C2DC7{background-color:#6C2DC7;}
.bgColor461B7E{background-color:#461B7E;}
.bgColor571B7e{background-color:#571B7e;}
.bgColor7D1B7E{background-color:#7D1B7E;}
.bgColor842DCE{background-color:#842DCE;}
.bgColor8B31C7{background-color:#8B31C7;}
.bgColorA23BEC{background-color:#A23BEC;}
.bgColorB041FF{background-color:#B041FF;}
.bgColor7E587E{background-color:#7E587E;}
.bgColorD16587{background-color:#D16587;}
.bgColorF778A1{background-color:#F778A1;}
.bgColorE56E94{background-color:#E56E94;}
.bgColorC25A7C{background-color:#C25A7C;}
.bgColor7E354D{background-color:#7E354D;}
.bgColorB93B8F{background-color:#B93B8F;}
.bgColorF9B7FF{background-color:#F9B7FF;}
.bgColorE6A9EC{background-color:#E6A9EC;}
.bgColorC38EC7{background-color:#C38EC7;}
.bgColorD2B9D3{background-color:#D2B9D3;}
.bgColorC6AEC7{background-color:#C6AEC7;}
.bgColorEBDDE2{background-color:#EBDDE2;}
.bgColorC8BBBE{background-color:#C8BBBE;}
.bgColorE9CFEC{background-color:#E9CFEC;}
.bgColorFCDFFF{background-color:#FCDFFF;}
.bgColorE3E4FA{background-color:#E3E4FA;}
.bgColorFDEEF4{background-color:#FDEEF4;}
.bgColorC6DEFF{background-color:#C6DEFF;}
.bgColorADDFFF{background-color:#ADDFFF;}
.bgColorBDEDFF{background-color:#BDEDFF;}
.bgColorE0FFFF{background-color:#E0FFFF;}
.bgColorC2DFFF{background-color:#C2DFFF;}
.bgColorB4CFEC{background-color:#B4CFEC;}
.bgColorB7CEEC{background-color:#B7CEEC;}
.bgColor52F3FF{background-color:#52F3FF;}
.bgColor00FFFF{background-color:#00FFFF;}
.bgColor57FEFF{background-color:#57FEFF;}
.bgColor50EBEC{background-color:#50EBEC;}
.bgColor4EE2EC{background-color:#4EE2EC;}
.bgColor48CCCD{background-color:#48CCCD;}
.bgColor43C6DB{background-color:#43C6DB;}
.bgColor9AFEFF{background-color:#9AFEFF;}
.bgColor8EEBEC{background-color:#8EEBEC;}
.bgColor78c7c7{background-color:#78c7c7;}
.bgColor46C7C7{background-color:#46C7C7;}
.bgColor43BFC7{background-color:#43BFC7;}
.bgColor77BFC7{background-color:#77BFC7;}
.bgColor92C7C7{background-color:#92C7C7;}
.bgColorAFDCEC{background-color:#AFDCEC;}
.bgColor3B9C9C{background-color:#3B9C9C;}
.bgColor307D7E{background-color:#307D7E;}
.bgColor3EA99F{background-color:#3EA99F;}
.bgColor82CAFA{background-color:#82CAFA;}
.bgColorA0CFEC{background-color:#A0CFEC;}
.bgColor87AFC7{background-color:#87AFC7;}
.bgColor82CAFF{background-color:#82CAFF;}
.bgColor79BAEC{background-color:#79BAEC;}
.bgColor566D7E{background-color:#566D7E;}
.bgColor6698FF{background-color:#6698FF;}
.bgColor736AFF{background-color:#736AFF;}
.bgColorCFECEC{background-color:#CFECEC;}
.bgColorAFC7C7{background-color:#AFC7C7;}
.bgColor717D7D{background-color:#717D7D;}
.bgColor95B9C7{background-color:#95B9C7;}
.bgColor5E767E{background-color:#5E767E;}
.bgColor5E7D7E{background-color:#5E7D7E;}
.bgColor617C58{background-color:#617C58;}
.bgColor348781{background-color:#348781;}
.bgColor306754{background-color:#306754;}
.bgColor4E8975{background-color:#4E8975;}
.bgColor254117{background-color:#254117;}
.bgColor387C44{background-color:#387C44;}
.bgColor4E9258{background-color:#4E9258;}
.bgColor347235{background-color:#347235;}
.bgColor347C2C{background-color:#347C2C;}
.bgColor667C26{background-color:#667C26;}
.bgColor437C17{background-color:#437C17;}
.bgColor347C17{background-color:#347C17;}
.bgColor348017{background-color:#348017;}
.bgColor4AA02C{background-color:#4AA02C;}
.bgColor41A317{background-color:#41A317;}
.bgColor8BB381{background-color:#8BB381;}
.bgColor99C68E{background-color:#99C68E;}
.bgColor4CC417{background-color:#4CC417;}
.bgColor6CC417{background-color:#6CC417;}
.bgColor52D017{background-color:#52D017;}
.bgColor4CC552{background-color:#4CC552;}
.bgColor54C571{background-color:#54C571;}
.bgColor57E964{background-color:#57E964;}
.bgColor5EFB6E{background-color:#5EFB6E;}
.bgColor64E986{background-color:#64E986;}
.bgColor6AFB92{background-color:#6AFB92;}
.bgColorB5EAAA{background-color:#B5EAAA;}
.bgColorC3FDB8{background-color:#C3FDB8;}
.bgColor00FF00{background-color:#00FF00;}
.bgColor87F717{background-color:#87F717;}
.bgColor5FFB17{background-color:#5FFB17;}
.bgColor59E817{background-color:#59E817;}
.bgColor7FE817{background-color:#7FE817;}
.bgColor8AFB17{background-color:#8AFB17;}
.bgColorB1FB17{background-color:#B1FB17;}
.bgColorCCFB5D{background-color:#CCFB5D;}
.bgColorBCE954{background-color:#BCE954;}
.bgColorA0C544{background-color:#A0C544;}
.bgColorFFFF00{background-color:#FFFF00;}
.bgColorFFFF77{background-color:#FFFF77;}
.bgColorFFFC17{background-color:#FFFC17;}
.bgColorFFF380{background-color:#FFF380;}
.bgColorEDE275{background-color:#EDE275;}
.bgColorEDDA74{background-color:#EDDA74;}
.bgColorEAC117{background-color:#EAC117;}
.bgColorFDD017{background-color:#FDD017;}
.bgColorFBB917{background-color:#FBB917;}
.bgColorE9AB17{background-color:#E9AB17;}
.bgColorD4A017{background-color:#D4A017;}
.bgColorC7A317{background-color:#C7A317;}
.bgColorC68E17{background-color:#C68E17;}
.bgColorAF7817{background-color:#AF7817;}
.bgColorADA96E{background-color:#ADA96E;}
.bgColorC9BE62{background-color:#C9BE62;}
.bgColor827839{background-color:#827839;}
.bgColorFBB117{background-color:#FBB117;}
.bgColorE8A317{background-color:#E8A317;}
.bgColorC58917{background-color:#C58917;}
.bgColorF87431{background-color:#F87431;}
.bgColorE66C2C{background-color:#E66C2C;}
.bgColorF88017{background-color:#F88017;}
.bgColorF87217{background-color:#F87217;}
.bgColorE56717{background-color:#E56717;}
.bgColorC35617{background-color:#C35617;}
.bgColorC35817{background-color:#C35817;}
.bgColor8A4117{background-color:#8A4117;}
.bgColor7E3517{background-color:#7E3517;}
.bgColor7E2217{background-color:#7E2217;}
.bgColor7E3117{background-color:#7E3117;}
.bgColor7E3817{background-color:#7E3817;}
.bgColor7F5217{background-color:#7F5217;}
.bgColor806517{background-color:#806517;}
.bgColor805817{background-color:#805817;}
.bgColor7F462C{background-color:#7F462C;}
.bgColorC85A17{background-color:#C85A17;}
.bgColorC34A2C{background-color:#C34A2C;}
.bgColorE55B3C{background-color:#E55B3C;}
.bgColorF76541{background-color:#F76541;}
.bgColorE18B6B{background-color:#E18B6B;}
.bgColorF88158{background-color:#F88158;}
.bgColorE67451{background-color:#E67451;}
.bgColorC36241{background-color:#C36241;}
.bgColorC47451{background-color:#C47451;}
.bgColorE78A61{background-color:#E78A61;}
.bgColorF9966B{background-color:#F9966B;}
.bgColorEE9A4D{background-color:#EE9A4D;}
.bgColorF660AB{background-color:#F660AB;}
.bgColorF665AB{background-color:#F665AB;}
.bgColorE45E9D{background-color:#E45E9D;}
.bgColorC25283{background-color:#C25283;}
.bgColor7D2252{background-color:#7D2252;}
.bgColorE77471{background-color:#E77471;}
.bgColorF75D59{background-color:#F75D59;}
.bgColorE55451{background-color:#E55451;}
.bgColorC24641{background-color:#C24641;}
.bgColorFF0000{background-color:#FF0000;}
.bgColorF62217{background-color:#F62217;}
.bgColorE41B17{background-color:#E41B17;}
.bgColorF62817{background-color:#F62817;}
.bgColorE42217{background-color:#E42217;}
.bgColorC11B17{background-color:#C11B17;}
.bgColorFAAFBE{background-color:#FAAFBE;}
.bgColorFBBBB9{background-color:#FBBBB9;}
.bgColorE8ADAA{background-color:#E8ADAA;}
.bgColorE7A1B0{background-color:#E7A1B0;}
.bgColorFAAFBA{background-color:#FAAFBA;}
.bgColorF9A7B0{background-color:#F9A7B0;}
.bgColorE799A3{background-color:#E799A3;}
.bgColorC48793{background-color:#C48793;}
.bgColorC5908E{background-color:#C5908E;}
.bgColorB38481{background-color:#B38481;}
.bgColorC48189{background-color:#C48189;}
.bgColor7F5A58{background-color:#7F5A58;}
.bgColor7F4E52{background-color:#7F4E52;}
.bgColor7F525D{background-color:#7F525D;}
.bgColor817679{background-color:#817679;}
.bgColor817339{background-color:#817339;}
.bgColor827B60{background-color:#827B60;}
.bgColorC9C299{background-color:#C9C299;}
.bgColorC8B560{background-color:#C8B560;}
.bgColorECD672{background-color:#ECD672;}
.bgColorECD872{background-color:#ECD872;}
.bgColorFFE87C{background-color:#FFE87C;}
.bgColorECE5B6{background-color:#ECE5B6;}
.bgColorFFF8C6{background-color:#FFF8C6;}
.bgColorFAF8CC{background-color:#FAF8CC;}
.bgColorf2f2f2{background-color:#f2f2f2;}
.bgColorf8f8ff{background-color:#f8f8ff;}
.bgColorf5f5f5{background-color:#f5f5f5;}
.bgColordcdcdc{background-color:#dcdcdc;}
.bgColorffffff{background-color:#ffffff;}
.bgColor000000{background-color:#000000;}
.bgColor808080{background-color:#808080;}
.bgColor908f8f{background-color:#908f8f;}
.bgColor666666{background-color:#666666;}
.bgColor5f5f5f{background-color:#5f5f5f;}
.bgColor696969{background-color:#696969;}
.bgColordddddd{background-color:#dddddd;}
.bgColord3d3d3{background-color:#d3d3d3;}
.bgColorbebebe{background-color:#bebebe;}
.bgColor1c1c1c{background-color:#1c1c1c;}
.bgColor363636{background-color:#363636;}
.bgColor4f4f4f{background-color:#4f4f4f;}
.bgColor828282{background-color:#828282;}
.bgColor9c9c9c{background-color:#9c9c9c;}
.bgColorb5b5b5{background-color:#b5b5b5;}
.bgColorcfcfcf{background-color:#cfcfcf;}
.bgColore8e8e8{background-color:#e8e8e8;}
.bgColora9a9a9{background-color:#a9a9a9;}
.bgColor778899{background-color:#778899;}
.bgColor6D7B8D{background-color:#6D7B8D;}
.bgColor708090{background-color:#708090;}
.bgColorDAF2FC{background-color:#DAF2FC;}