/*#region Login Page*/
html {
    min-height: 100%;
    position: relative;
    overflow-x: hidden;
}

body {
    padding-bottom: 0;
    min-height: 100%;
    font-family: 'Open Sans', 'Segoe UI' /*rtl:"Droid Arabic Kufi", "WYekan"*/;
    font-size: 13px;
    color: #444444;
}

    body:before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        background-color: #eeeeee;
    }

.login-container {
    position: relative;
    margin: 10% auto;
    max-width: 300px;
}

    .login-container .loginbox {
        position: relative;
        width: 300px !important;
        height: auto !important;
        padding: 0 0 20px 0;
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
    }

        .login-container .loginbox .loginbox-title {
            position: relative;
            text-align: center;
            width: 100%;
            height: 35px;
            padding-top: 10px;
            font-family: 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
            font-size: 20px;
            font-weight: normal;
            color: #444444;
        }

        .login-container .loginbox .loginbox-social {
            padding: 0 10px 10px;
            text-align: center;
        }

            .login-container .loginbox .loginbox-social .social-title {
                font-size: 14px;
                font-weight: 500;
                color: darkgray;
                margin-top: 10px;
            }

            .login-container .loginbox .loginbox-social .social-buttons {
                height: 80px;
                padding: 15px 35px;
                text-align: center;
            }

                .login-container .loginbox .loginbox-social .social-buttons .button-facebook {
                    float: left;
                    border: 2px solid #3b5998;
                    color: #3b5998;
                    border-radius: 50%;
                    width: 50px;
                    height: 50px;
                    margin-right: 30px;
                    background-color: #ffffff;
                }

                    .login-container .loginbox .loginbox-social .social-buttons .button-facebook i {
                        font-size: 26px;
                        line-height: 50px;
                    }

                .login-container .loginbox .loginbox-social .social-buttons .button-twitter {
                    float: left;
                    border: 2px solid #29c1f6;
                    color: #29c1f6;
                    border-radius: 50%;
                    width: 50px;
                    height: 50px;
                    margin-right: 30px;
                    background-color: #ffffff;
                }

                    .login-container .loginbox .loginbox-social .social-buttons .button-twitter i {
                        font-size: 26px;
                        line-height: 50px;
                    }

                .login-container .loginbox .loginbox-social .social-buttons .button-google {
                    border: 2px solid #ef4f1d;
                    color: #ef4f1d;
                    border-radius: 50%;
                    width: 50px;
                    height: 50px;
                    background-color: #ffffff;
                }

                    .login-container .loginbox .loginbox-social .social-buttons .button-google i {
                        font-size: 26px;
                        line-height: 50px;
                    }

        .login-container .loginbox .loginbox-or {
            position: relative;
            text-align: center;
            height: 20px;
        }

            .login-container .loginbox .loginbox-or .or {
                position: absolute;
                top: 0;
                -lh-property: 0;
                left: -webkit-calc(50% - 25px);
                left: -moz-calc(50% - 25px);
                left: calc(50% - 25px);
                ;
                width: 50px;
                height: 20px;
                background-color: #ffffff;
                color: #999999;
                margin: 0 auto;
            }

            .login-container .loginbox .loginbox-or .or-line {
                position: absolute;
                height: 1px;
                top: 10px;
                left: 40px;
                right: 40px;
                background-color: #cccccc;
            }

        .login-container .loginbox .loginbox-textbox {
            padding: 10px 40px;
        }

            .login-container .loginbox .loginbox-textbox .form-control {
                -webkit-border-radius: 3px !important;
                -webkit-background-clip: padding-box !important;
                -moz-border-radius: 3px !important;
                -moz-background-clip: padding !important;
                border-radius: 3px !important;
                background-clip: padding-box !important;
            }

        .login-container .loginbox .loginbox-forgot {
            padding-left: 40px;
        }

            .login-container .loginbox .loginbox-forgot a {
                font-size: 11px;
                color: #666666;
            }

        .login-container .loginbox .loginbox-submit {
            padding: 10px 40px;
        }

        .login-container .loginbox .loginbox-signup {
            text-align: center;
            padding-top: 10px;
        }

            .login-container .loginbox .loginbox-signup a {
                font-size: 13px;
                color: #666666;
            }

    .login-container .logobox {
        width: 300px !important;
        height: 50px !important;
        padding: 5px;
        margin-top: 15px;
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
        background-color: #ffffff;
        text-align: left;
    }
/*#endregion Login Page*/

/*#region Background Colors*/
.bg-themeprimary {
    background-color: #2dc3e8 !important;
}

.bg-themesecondary {
    background-color: #fb6e52 !important;
}

.bg-themethirdcolor {
    background-color: #ffce55 !important;
}

.bg-themefourthcolor {
    background-color: #a0d468 !important;
}

.bg-themefifthcolor {
    background-color: #e75b8d !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-snow {
    background-color: #fbfbfb !important;
}

.bg-whitesmoke {
    background-color: #f5f5f5 !important;
}

.bg-seashell {
    background-color: #f3f3f3 !important;
}

.bg-ivory {
    background-color: #eeeeee !important;
}

.bg-platinum {
    background-color: #e5e5e5 !important;
}

.bg-lightgray {
    background-color: #d0d0d0 !important;
}

.bg-gray {
    background-color: #cccccc !important;
}

.bg-darkgray {
    background-color: #999999 !important;
}

.bg-silver {
    background-color: #777777 !important;
}

.bg-sonic-silver {
    background-color: #737373 !important;
}

.bg-storm-cloud {
    background-color: #666666 !important;
}

.bg-lightcarbon {
    background-color: #555555 !important;
}

.bg-carbon {
    background-color: #444444 !important;
}

.bg-slate-gray {
    background-color: #333333 !important;
}

.bg-darkcarbon {
    background-color: #262626 !important;
}

.bg-blue {
    background-color: #5db2ff !important;
}

.bg-info {
    background-color: #57b5e3 !important;
}

.bg-sky {
    background-color: #11a9cc !important;
}

.bg-primary {
    background-color: #4374e0 !important;
}

.bg-azure {
    background-color: #2dc3e8 !important;
}

.bg-blueberry {
    background-color: #6f85bf !important;
}

.bg-palegreen {
    background-color: #a0d468 !important;
}

.bg-success {
    background-color: #53a93f !important;
}

.bg-green {
    background-color: #8cc474 !important;
}

.bg-lightyellow {
    background-color: #f6d52e !important;
}

.bg-yellow {
    background-color: #ffce55 !important;
}

.bg-warning {
    background-color: #f4b400 !important;
}

.bg-gold {
    background-color: #f9b256 !important;
}

.bg-orange {
    background-color: #fb6e52 !important;
}

.bg-lightred {
    background-color: #e46f61 !important;
}

.bg-darkorange {
    background-color: #ed4e2a !important;
}

.bg-red {
    background-color: #df5138 !important;
}

.bg-danger {
    background-color: #d73d32 !important;
}

.bg-pink {
    background-color: #e75b8d !important;
}

.bg-darkpink {
    background-color: #cc324b !important;
}

.bg-magenta {
    background-color: #bc5679 !important;
}

.bg-purple {
    background-color: #7e3794 !important;
}

.bg-maroon {
    background-color: #981b48 !important;
}
/*#endregion Background Colors*/