@import url('fonts/source_sans/stylesheet.css');
@import url('open-sans.css');
@import url('fonts/jfflat/jfflat.css');

.login_header
{
    position: fixed;
    z-index: 9999999;
    background: #fff;
    width: 100%;
    padding: 10px 0px;
    opacity: .8;
}


.header
{
    z-index: 9999999;
    background: #fff;
    width: 100%;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid #eee;
    border-top: 7px solid #04365b;
    /*position: fixed;*/
    top: 0px;
}


.home-button
{
    float: right;
    padding: 1.5%;
}

.home_bt_rad
{
}





.right_menu
{
    float: right;
    margin-top: 5px;
}

.ZeroPadding
{
    padding: 0px !important;
}



.l-logo
{
    float: left;
}

.r-logo
{
    float: right;
}


.login_header .home-button
{
    position: absolute;
    right: 5px;
    top: 0px;
    margin-top: 0px;
    padding: 0px;
}

.login_header .l-logo
{
    display: block;
}

@media (max-width: 960px)
{


    #lblLoginDateTime
    {
        display: none;
    }

    .login_header .r-logo
    {
        float: right;
        width: 45%;
    }

    .login_header .l-logo
    {
        float: left;
        width: 28%;
    }


    .login_header .r-logo img
    {
        width: 100%;
    }

    .login_header .l-logo img
    {
        width: 100%;
    }

    .right_menu
    {
        display: block;
        margin-top: 15px;
    }

    .login_header .home-button
    {
        position: absolute;
        right: 5px;
        top: -16px;
        margin-top: 0px;
        padding: 0px;
    }
}

@media (max-width: 600px)
{
    /*.r-logo {
        float: right;
    }*/
}

@media (max-width: 600px)
{
    .l-logo
    {
        float: left;
        width: 80%;
    }

        .l-logo img
        {
            width: 100%;
        }
}

@media (max-width: 1170px)
{
    .l-logo
    {
        width: 40%;
    }

        .l-logo img
        {
            width: 100%;
        }

    .right_menu
    {
        margin-top: 0px;
    }
}


@media (max-width: 768px)
{

    .login_header .home-button
    {
        top: 55px;
    }
}


.l-logo img, .r-logo img
{
    float: left;
}


.header .l-logo
{
    float: left;
}

.header .r-logo
{
    float: right;
}

.login-wrapper
{
    position: fixed;
    display: none;
    top: 40%;
    left: 50%;
    margin-left: -250px;
}

.page-signin
{
    margin-top: 140px;
    position: absolute;
    width: 100%;
}

.center-logo
{
    display: block;
    text-align: center;
}

.welcome-title
{
    background: url(../img/welcome-icon.png) right no-repeat !important;
    font-size: 20px;
    line-height: 43px;
    padding: 0px 40px 0px 0px;
    color: #fff;
    text-align: right;
    margin-right: auto;
    margin-left: auto;
    width: 214px;
    margin-bottom: 25px;
}

.page-signin .signin-body
{
    border: 0px none !important;
}

.page-signin a
{
    color: #fff;
    text-decoration: none;
}

.page-signin .fa-lock
{
    font-size: 22px;
}

.welcome-title small
{
    color: #fff;
}


.page-signin .form-control
{
    height: 60px;
    font-size: 18px;
}

.page-signin .form-group
{
    margin-bottom: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.page-signin .input-group-addon
{
    border: 0px none;
}

.page-signin input[type="submit"]
{
    padding: 18px;
    background: url(../img/transs-bg.png);
    border: none;
    color: #fff;
    outline: none !important;
}

.input-group-addon:first-child
{
    background: url(../img/transs-bg.png) !important;
}

.form-control
{
    opacity: .8;
}

    .form-control:focus
    {
        opacity: 1;
    }

.loginSec .text-center
{
    color: #fff;
}


    .loginSec .text-center a
    {
        color: #fff;
        text-decoration: none;
        padding-left: 3px;
        font-weight: 700;
    }

.arabic-txt
{
    direction: rtl;
    font-family: "JF Flat Regular", Tahoma !important;
    font-weight: normal !important;
}

.arabic-lang
{
    font-family: "JF Flat Regular", Tahoma !important;
    font-weight: normal !important;
}

.eng-lang
{
    font-weight: normal !important;
    font-family: 'Open sans', "JF Flat Regular", Tahoma !important;
}

.arabic-font
{
    font-family: "JF Flat Regular", Tahoma !important;
}

.arabicVer
{
    font-family: 'Open sans', "JF Flat Regular", Tahoma !important;
    font-size: 15px;
}


    .arabicVer .welcome-title
    {
        background: url(../img/welcome-icon.png) right no-repeat !important;
        font-size: 20px;
        line-height: 43px;
        padding: 0px 40px 0px 0px;
        color: #fff;
        text-align: right;
        margin-right: auto;
        margin-left: auto;
        width: 214px;
    }

    .arabicVer .loginSec .text-center a
    {
        color: #fff;
        text-decoration: none;
        padding-right: 3px;
        font-weight: normal;
    }

.sign-in-footer
{
    position: fixed;
    z-index: 999999;
    bottom: 0px;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 10px 0px;
    font-size: 11px;
    opacity: .6;
}


    .sign-in-footer .copyrighttext a
    {
        color: #fff !important;
    }

.copyrighttext p
{
    margin-bottom: 0px;
}


.carousel-indicators
{
    display: none !important;
}

.home_bt_rad
{
}

    .home_bt_rad ul
    {
        background: transparent !important;
        border: 0px none !important;
        float: left;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .home_bt_rad ul li a
        {
            /*left: 410px !important;*/
            top: 37px !important;
            width: 50px !important;
            cursor: pointer !important;
            opacity: .5;
        }

            .home_bt_rad ul li a:hover
            {
                opacity: .8;
            }

            .home_bt_rad ul li a span
            {
                display: none !important;
            }

            .home_bt_rad ul li a:before
            {
                content: "\f015";
                display: inline-block;
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                line-height: 1;
                font-size: 25px;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

.HeaderText
{
    font-size: 20px;
    line-height: 43px;
    padding: 0px 0px 0px 0px;
    color: #fff;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.page-signin .line-arrow-d
{
    margin: 5px 0;
    display: block;
    font-size: .875em;
    font-weight: bold;
    margin-bottom: 1em;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
    font-size: 25px;
    color: #fff;
}

    .page-signin .line-arrow-d:before
    {
        content: "\f10c";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .page-signin .line-arrow-d:after
    {
        width: 100%;
        border-bottom: 1px solid #d9d9d9;
        content: '';
        display: block;
        position: absolute;
        top: 49%;
        z-index: -2;
    }

.footer
{
    text-align: center;
    font-size: 11px;
    border-bottom: 3px solid #04365b;
    border-top: 1px solid #eee;
    padding: 10px 15px;
    margin-top: 10px;
    color: #666;
    line-height: 20px;
}

/*============login labels========*/


.login-validator .ajax__validatorcallout_error_message_cell
{
    font-size: 13px !important;
    line-height: 28px;
    text-align: left;
}

.login-validator .ajax__validatorcallout_close_button_cell
{
    vertical-align: middle !important;
}

.login-validator .ajax__validatorcallout_icon_cell img
{
    display: none;
}

.login-validator .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
    border: none !important;
    text-align: left;
    width: 32px;
    cursor: pointer;
}

/*============common alert labels========*/

.SVvalidator
{
    visibility: visible;
    position: static !important;
    left: 435px;
    top: 29px;
    z-index: 1000;
    width: 100%;
    background-color: lavenderblush !important;
    color: #f71d50;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .SVvalidator .ajax__validatorcallout_error_message_cell
    {
        font-size: 13px !important;
        line-height: 15px !important;
        text-align: left;
        padding-left: 10px;
    }

    .SVvalidator .ajax__validatorcallout_close_button_cell
    {
        vertical-align: middle !important;
    }

    .SVvalidator .ajax__validatorcallout_icon_cell, .SVvalidator .ajax__validatorcallout_callout_cell
    {
        display: none;
    }

        .SVvalidator .ajax__validatorcallout_icon_cell img
        {
            display: none;
        }

    .SVvalidator .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
    {
        border: none !important;
        text-align: left;
        width: 22px;
        cursor: pointer;
    }

    .SVvalidator .ajax__validatorcallout_callout_arrow_cell_bottomrightpos
    {
        display: none;
    }

    .SVvalidator .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv img
    {
        width: 13px;
    }



.RegularExpressionValidator
{
    position: absolute;
}


.right_menu .dropdown-menu > li > a i
{
    padding-right: 10px;
    padding-left: 0px !important;
}


.right_menu .dropdown-menu > li > a:hover i
{
}



.right_menu .dropdown-menu > li a
{
    border-bottom: 1px solid #eee;
}

.right_menu .dropdown-menu > li > a:hover, .right_menu .dropdown-menu > li > a:focus
{
    text-decoration: none;
    color: #04365b;
}




@media (max-width: 480px)
{


    .loginTime i
    {
        font-size: 24px !important;
        margin-right: 3px !important;
    }

    .loginTime span
    {
        font-size: 12px;
        float: left;
        font-weight: 300;
        color: #666;
        margin-top: 0px !important;
        line-height: 22px;
    }

    .loginTime .SVlabel
    {
        font-size: 12px !important;
        font-weight: 300;
        margin-left: 5px;
    }

    .navbar-brand
    {
        width: 160px;
    }

        .navbar-brand img
        {
            width: 180px;
        }


    .header .l-logo
    {
        width: 100%;
        display: block;
    }

        .header .l-logo img
        {
            width: 100%;
        }

    .right_menu
    {
        width: 100%;
        display: block;
    }

    .loginDetails ul
    {
        padding: 0px;
    }

    .right_menu .dropdown
    {
        width: initial;
    }

    .loginDetails ul li
    {
        width: initial;
    }

        .loginDetails ul li:last-child
        {
            float: right;
        }

    .dropdown-menu
    {
        right: 0px !important;
    }

    .page-signin
    {
        margin-top: 60px;
    }

    .loginDetails .dropdown-menu
    {
        min-width: 190px;
        ;
    }
}


@media (max-height: 600px)
{
    .sign-in-footer
    {
        position: static !important;
    }
}

@media (max-width: 380px)
{
    .page-signin
    {
        margin-top: 20px;
    }

    .sign-in-footer
    {
        display: none;
    }
}



.label
{
    display: block;
}

.borderless
{
    border-top: 0px none !important;
}
/*=========Animation CSS======*/






/*.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}*/

@-webkit-keyframes fadeInDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDown
{
    0%
    {
        opacity: 0;
        transform: translateY(-20px);
    }

    100%
    {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown
{
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}


@-webkit-keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }

    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        transform: translateX(20px);
    }

    100%
    {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight
{
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}





@-webkit-keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }

    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        transform: translateX(-20px);
    }

    100%
    {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft
{
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}




@-webkit-keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        transform: translateY(20px);
    }

    100%
    {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp
{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}




@-webkit-keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 1;
    }
}

@keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 1;
    }
}

.fadeIn
{
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

body
{
    /*padding-top: 100px;*/
    background: #f6f6f6;
}

#wrapper
{
    /*-webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;*/
}

.mandatory
{
    position: absolute;
    right: 4px;
    margin-top: -24px;
    color: #999;
}


@media screen and (min-width:0\0)
{
    .ui-select:after
    {
        display: none !important;
    }
}


.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th
{
    background-color: transparent !important;
}






/*.content {
    height: 150px;
    padding-top: 75px;
    text-align: center;
    background-color: #F9F9F9;
    font-size: 48px;
}*/


.RadComboBox select
{
    margin-bottom: inherit !important;
    height: 34px !important;
    padding: 7px 15px 7px 10px !important;
}



.hidden
{
    display: none;
}

.help
{
    font-size: 11px;
    /*position: absolute;*/
    padding-left: 8px;
    display: block;
    opacity: .8;
    z-index: -888;
}

.important
{
    color: #f71d50;
}

@media (max-width: 991px)
{
    .help
    {
        position: static;
    }
}

.CaptchaDiv
{
    display: block;
    padding: 20px 0px;
}


/*.step-style {
    padding: 10px;
    border: 1px solid #eee;
    margin-top: 10px;
    background: lavenderblush;
}*/
.step-style
{
    display: block;
    padding: 10px 20px;
    background: #fff;
    margin-top: 10px;
    border: 1px solid #eee;
}

    .step-style ul
    {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        .step-style ul li
        {
            list-style: none;
            padding: 7px 0px;
            font-size: 14px;
        }

            .step-style ul li b
            {
                padding-right: 10px;
            }

.clear
{
    clear: both;
}

h3
{
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 4px;
    padding-bottom: 8px;
}

.Finish_pane
{
    padding: 15px 21px;
    border: 1px solid #eee;
    margin: 18px 0px;
}


.loginDetails
{
    font-size: 13px;
}


    .loginDetails ul
    {
        list-style: none;
        margin: 0px;
    }

        .loginDetails ul li
        {
            float: left;
            /*padding-right:15px;*/
        }

            .loginDetails ul li span
            {
                padding: 3px 0px;
            }

            .loginDetails ul li .dropdown i
            {
                padding-left: 3px;
            }

    .loginDetails .clock-text
    {
        font-weight: 500;
        background: url(../img/clock.png) no-repeat 0px 1px;
        padding: 6px 0px 7px 35px;
    }

    .loginDetails .Static-text
    {
        font-weight: 500;
        padding-right: 5px;
    }

.Version
{
    font-size: 10px;
    /*font-weight: 300;*/
    float: left;
    margin-top: -5px;
    margin-bottom: 5px;
    margin-left: 7px;
    opacity: .9;
    display: none;
}

.userDd
{
    text-decoration: none !important;
}

.navbar-right
{
    padding: 13px !important;
}

.userDd .SVlabel
{
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.RadMenu
{
}



.RadMenu_Default .rmRootGroup, .RadMenu_Default a.rmLink, .RadMenu_Default .rmGroup .rmText, .RadMenu_Default .rmVertical .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, .RadMenu_Default .rmBottomArrow, .RadMenu_Default .rmIcon
{
    background-image: none !important;
    background-color: #04365b !important;
    padding-bottom: 3px !important;
    padding-top: 3px !important;
}

.RadMenu_Default, .RadMenu_Default a.rmLink
{
    font: normal 13px/23px 'Open Sans' !important;
    color: #fff !important;
}

    .RadMenu_Default .rmRootGroup li.rmItem .rmGroup
    {
    }

    .RadMenu_Default .rmGroup a.rmLink, .RadMenu_Default .rmGroup .rmText, .RadMenu_Default .rmGroup .rmItem a.rmDisabled, .RadMenu_Default .rmGroup .rmItem a.rmDisabled:hover, .RadMenu_Default .rmGroup .rmItem a.rmDisabled .rmText, .RadMenu_Default .rmGroup .rmItem a.rmDisabled:hover .rmText
    {
        background: #fff !important;
        color: #333;
    }


.dropdown
{
    z-index: 99999;
}

.loginDetails .dropdown-menu li
{
    display: block;
    width: 100%;
}

.loginDetails .dropdown-menu
{
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-bottom: 5px solid #ccc;
    padding-top: 0px;
    padding-bottom: 0px;
}

.user-icon
{
    border-radius: 100%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 19px;
    margin-right: 5px;
    color: #04365b;
}

.linkbutton
{
    font-size: 13px !important;
    font-weight: normal;
    color: #04365b;
    /* width: 100px; */
    background: #fff !important;
    padding: 10px 23px;
    text-decoration: none !important;
    display: inline-flex;
    border-left: 3px solid #04365b;
}

    .linkbutton i
    {
        padding-right: 7px;
        font-size: 18px !important;
    }

    .linkbutton span
    {
        font-size: 13px;
    }

    .linkbutton:hover
    {
        opacity: .8;
        color: #04365b;
    }

.form-horizondal
{
}

    .form-horizondal .SVlabel:first-child
    {
        font-weight: 600;
    }

    .form-horizondal .SVlabel
    {
        display: inline-block;
        padding-right: 30px;
    }

.email-detail
{
    display: block;
}

    .email-detail .heading
    {
        background: #04365b;
        padding: 5px 12px;
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        color: #fff;
    }

        .email-detail .heading .SVlabel
        {
            display: inline-block;
            margin: 0px;
            padding-left: 5px;
            ;
        }

    .email-detail .emailBlock
    {
        display: block;
        padding: 5px 15px;
    }

        .email-detail .emailBlock .SVlabel
        {
            font-size: 12px;
        }

            .email-detail .emailBlock .SVlabel img
            {
                margin-top: 10px;
            }

pre
{
    height: 350px;
}



.PagerStyle
{
    padding: 0px 12px;
}


.Svpanel
{
    padding: 15px 25px;
    background: #fff;
    border: 1px solid #ddd;
    display: block;
    margin: 10px 0px;
    border-radius: 10px;
}

    .Svpanel .Svpanel
    {
        padding: 15px 0px 0px 0px;
        border: none 0px;
    }

        .Svpanel .Svpanel .Svpanel
        {
            margin: 0px;
        }

        .Svpanel .Svpanel h3
        {
            margin-left: 0px;
            margin-right: 0px;
            margin: 0px 0px;
        }

.full-width
{
    width: 100%;
}

.table-responsive
{
    overflow-x: auto;
}

.Svpanel h3
{
    padding: 6px 12px 6px 22px !important;
    padding-top: 0px;
    display: -webkit-box;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px !important;
    font-size: 23px;
    display: block;
    margin-bottom: 10px;
    color: #333;
    border: none;
    font-weight: 600;
    background: url(../img/headingArrow.png) 0px center no-repeat;
    border-bottom: 1px solid #eee;
}

    .Svpanel h3 .SVlabel
    {
        margin-bottom: 2px !important;
        margin-top: 0px !important;
        font-size: 15px !important;
        font-weight: normal !important;
    }

/*.Svpanel h3 {
 background: #04365b; 
padding: 6px 12px !important;
padding-top: 0px;
display: -webkit-box;
margin-left: -15px;
margin-right: -15px;
margin-top: -15px !important;
font-size: 15px;
display: block;
margin-bottom: 10px;
color: #fff;
border-color: #e9e9e9;

}*/

.paymentImg
{
    width: 20%;
    margin-top: 10px;
}

#ctl00_lblRespLoginTime
{
    text-align: center;
    padding: 0px 0px 9px 0px;
    display: none;
}

.l-logo-res
{
    display: none;
}

.rmLink
{
    cursor: pointer !important;
}

.rmVertical .rmItem
{
    border-bottom: 1px solid #eee !important;
}

    .rmVertical .rmItem a:hover
    {
        background: #04365b !important;
        color: #fff !important;
    }



        .rmVertical .rmItem a:hover span
        {
            background: #04365b !important;
            color: #fff !important;
        }




@media (max-width: 768px)
{

    .l-logo
    {
        width: 50%;
    }

    .linkbutton
    {
        display: block;
    }

    .header
    {
        padding: 0px;
    }

    .l-logo-res
    {
        display: none !important;
    }

    .l-logo
    {
        display: block;
    }




    .RadMenu .rmHorizontal .rmItem
    {
        clear: both !important;
        display: block !important;
    }



    .navbar-default
    {
        margin-left: -15px;
        margin-right: -15px;
    }

    .navbar-right
    {
        padding: 15px 0px !important;
    }

    .RadMenu ul.rmHorizontal
    {
        padding: 0px 10px !important;
    }

    .rmSlide
    {
        position: static !important;
        width: 100% !important;
    }

    .rmSized .rmHorizontal .rmItem
    {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid #df2c3a;
        padding: 6px 0px;
    }

    .rmVertical
    {
        display: block !important;
        width: 100% !important;
    }

    #ctl00_lblLoginDateTime
    {
        display: none;
    }

    #ctl00_lblRespLoginTime
    {
        display: block;
    }

    .navbar-default
    {
        border: none;
        background-color: #04365b;
        color: #fff;
    }

    #ctl00_lblRespLoginTime
    {
        text-align: center;
    }

        #ctl00_lblRespLoginTime .loginDetails .clock-text
        {
            background: url(../img/clock-white.png) no-repeat 0px 1px;
        }
}



.rmVertical .rmItem .Incomplete:hover
{
    background: #eee !important;
}

    .rmVertical .rmItem .Incomplete:hover .rmText
    {
        background: #eee !important;
        color: red !important;
    }

.rmVertical .rmItem .complete:hover
{
    background: #eee !important;
}

    .rmVertical .rmItem .complete:hover .rmText
    {
        background: #eee !important;
        color: green !important;
    }

.Incomplete .rmText
{
    color: red !important;
}

.complete .rmText
{
    color: green !important;
}

.rmVertical
{
    border: 1px solid #eee !important;
    border-top: 0px none !important;
}

.rcButtons input[type="button"]
{
    padding: 3px 6px !important;
    margin: 0px !important;
}

.RadCalendarMonthView_Default .rcSelected a
{
    background: gray !important;
}

.RadCalendar_Default .rcTitlebar
{
    border-color: #868686 #868686 #c4c4c4;
    background: #eee !important;
}

.sp_labels
{
}

    .sp_labels .SVlabel
    {
        font-size: 18px;
        font-weight: 300;
        color: #04365b;
        padding: 0px 10px;
    }


/*.sp_labels .SVlabel:first-child {

    color: darkslateblue;
background: lavender;

}
.sp_labels .SVlabel:last-child {

background: lemonchiffon;
color: #333;

}*/
.SpLabels02 .SVlabel
{
    line-height: 27px;
    font-weight: normal;
    font-size: 16px;
    border-top: 4px solid #04365b !important;
    padding: 15px;
    color: #333;
    border: 1px solid #eee;
    border-radius: 5px 5px 0px 0px;
}



header
{
    float: left;
    width: 100%;
    background: #FFF;
    display: block;
    border-bottom: 1px solid #eee;
    max-height: 65px;
    z-index: 999999;
    position: fixed;
}

.horizondalMenuBt
{
    background: #233e78;
    color: #fff;
    padding: 10px 20px;
    margin: 5px;
    display: inline-block;
    padding-right: 10px;
    font-size: 18px;
    min-width: 100px;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 5px;
}

    .horizondalMenuBt i
    {
        padding-right: 10px;
    }

    .horizondalMenuBt:hover
    {
        background: #233e78;
        color: #fff;
        text-decoration: none !important;
    }

@media (min-width: 768px)
{
    header .right-header
    {
        display: block;
    }

    navbar-toggle
    {
        display: none;
    }

    .horizondalMenuBt
    {
        display: none;
    }

    .horizondalMenu
    {
        display: block;
    }
}

@media (max-width: 767px)
{
    header .right-header
    {
        float: right;
        position: absolute;
        right: 0px;
        background: url(../images/transBg.png);
        top: 66px;
        width: 100%;
        margin-top: -5px;
        text-align: right;
    }



    .UserText
    {
        text-align: left;
    }

    header .right-header .user
    {
        float: left;
    }

    .carousel-caption h1
    {
        font-size: 15px !important;
    }

    .carousel-control
    {
        font-size: 100px !important;
    }

    .HomeMenu
    {
        text-align: center;
    }

    .horizondalMenu
    {
        text-align: center;
    }

        .horizondalMenu ul li a:hover i:after, .horizondalMenu ul li a:hover i:focus, .horizondalMenu ul li a:active i:after, .horizondalMenu ul li a.active i:after
        {
            left: 0px !important;
        }
}

@media (max-width: 480px)
{

    .horizondalMenuBt
    {
        min-width: 100% !important;
    }

    header .right-header ul li a img
    {
        width: 30px;
    }

    header .right-header ul li .avatar img
    {
        width: inherit !important;
    }

    .navbar-collapse
    {
        padding-right: 0px;
        padding-left: 0px;
    }

    .HomeMenu ul li a
    {
        width: 105px !important;
    }

    .HomeMenu .menuIcon
    {
        width: 70px !important;
    }

    .HomeMenu ul li a:hover i:after, .HomeMenu ul li a:hover i:focus, .HomeMenu ul li a:active i:after, .HomeMenu ul li a.active i:after
    {
        width: 80px !important;
        height: 80px !important;
    }

    .HomeMenu ul li a i
    {
        width: 70px !important;
        height: 70px !important;
    }

        .HomeMenu ul li a i img
        {
            width: 30px !important;
        }

    .HomeMenu ul li a .SVlabel
    {
        font-size: 11px !important;
    }

    .slideCaption
    {
        width: 100% !important;
        display: block;
    }

    .carousel-caption
    {
        margin-top: 19px !important;
        text-align: center;
    }

    .slideIcons
    {
        display: block;
        width: 100% !important;
    }

    .carousel-control
    {
        font-size: 90px !important;
    }

    .carousel-caption .lead
    {
        font-size: 13px !important;
    }
}



header .right-header
{
    float: right;
}


    header .right-header ul
    {
        list-style: none;
        padding: 5px 10px;
    }

.open > .dropdown-menu
{
    /*max-width:180px;*/
}

header .right-header ul li
{
    display: inline-block;
    margin-right: 6px;
    display: -ms-inline-grid;
}


header .right-header ul .user
{
    /*line-height: 40px;*/
    color: #9fadae;
}

    header .right-header ul .user a
    {
        color: #9fadae;
    }

        header .right-header ul .user a:hover
        {
            text-decoration: none;
        }

    header .right-header ul .user .avatar
    {
        margin-left: 10px;
    }

.loginTime
{
    display: inline-block;
    font-size: 15px;
    float: left;
    line-height: 33px;
    padding: 13px 20px;
}

header .right-header .user .dropdown-toggle
{
    display: flex;
}

header .right-header ul .user .avatar:after
{
    content: "";
    position: absolute;
    background: #33de80;
    border-radius: 100%;
    height: 15px;
    width: 15px;
    border: 4px solid #fff;
    bottom: -4px;
    right: 0px;
}


.loginTime i
{
    font-size: 35px;
    float: left;
    margin-right: 10px;
    color: #38cacc;
}

.loginTime span
{
    float: left;
    font-weight: 300;
    color: #666;
    margin-top: 0px !important;
}

.loginTime .SVlabel
{
    font-size: 20px;
    font-weight: normal;
    margin-left: 5px;
    margin-top: 0px !important;
    color: #000;
}


.menu-icon
{
    display: inline-block;
    float: right;
}

    .menu-icon::after
    {
        clear: both;
        content: '';
    }

.menu-text
{
    padding: 0px 20px 0px 0px;
    line-height: 20px;
    display: inline-block;
    color: #fff;
}



.countsblock
{
    display: table;
    width: 100%;
}

    .countsblock .icon-cnt
    {
        display: table-cell;
        width: 85px;
        height: 103px;
        vertical-align: middle;
        text-align: center;
        font-size: 35px;
        color: #fff;
    }

    .countsblock .count-txt
    {
        display: table-cell;
        vertical-align: middle;
        background: #fff;
        padding: 0px 20px;
        font-size: 18px;
        line-height: 24px;
        text-transform: uppercase;
    }

.available .icon-cnt
{
    background: #2cc3b4;
}

.absent .icon-cnt
{
    background: #ff7e71;
}

.third .icon-cnt
{
    background: #b198dc;
}

.total .icon-cnt
{
    background: #49bee4;
}



.available .count-txt label:first-child
{
    color: #2cc3b4;
    font-size: 16px;
}

.available .count-txt label:last-child
{
    font-size: 20px;
}

.absent .count-txt label:first-child
{
    color: #ff7e71;
}

.third .count-txt label:first-child
{
    color: #b198dc;
}

.total .count-txt label:first-child
{
    color: #49bee4;
}


.fa-user
{
}

.horizondalMenu
{
    padding: 15px 5px !important;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
}

    .horizondalMenu ul
    {
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: block;
        width: 100%;
    }

        .horizondalMenu ul li
        {
            padding: 0px;
            margin: 0px;
            display: inline-block;
        }

@media (min-width:1330px)
{
    .horizondalMenu ul
    {
        display: table;
    }

        .horizondalMenu ul li
        {
            display: table-cell;
            vertical-align: top;
        }
}



.horizondalMenu ul li a
{
    padding: 0px;
    margin: 0px;
    display: inline-block;
    text-decoration: none !important;
    position: relative;
    width: 103px;
}

    .horizondalMenu ul li a i
    {
        padding: 0px;
        margin: 0px;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        text-align: center;
        vertical-align: middle;
        display: inline-block;
        background: #eee;
        font-size: 35px;
        color: #fff;
    }

    .horizondalMenu ul li a .iconImg
    {
        vertical-align: super !important;
    }

        .horizondalMenu ul li a .iconImg img
        {
            width: 28px;
            animation-name: fadeIn;
            -webkit-animation-name: fadeIn;
            animation-duration: 1s;
            -webkit-animation-duration: 1s;
            animation-timing-function: ease-in-out;
            -webkit-animation-timing-function: ease-in-out;
            visibility: visible!important;
        }


    .horizondalMenu ul li a:hover i:after, .horizondalMenu ul li a:hover i:focus, .horizondalMenu ul li a:active i:after, .horizondalMenu ul li a.active i:after
    {
        content: "";
        position: absolute;
        width: 70px;
        height: 70px;
        border: 1px solid #ccc;
        left: 0px;
        top: -5px;
        border-radius: 100%;
        padding: 10px;
        animation-name: fadeIn;
        -webkit-animation-name: fadeIn;
        animation-duration: .5s;
        -webkit-animation-duration: .5s;
        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: ease-in-out;
        visibility: visible!important;
    }

.menuIcon
{
    position: relative;
    /* width: 100%; */
    display: block;
    width: 70px;
    margin: 0px auto;
}

.horizondalMenu ul li a .SVlabel
{
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}

.horizondalMenu ul li a.active .menuIcon:after
{
    content: "";
    position: absolute;
    background: #33de80;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    border: 4px solid #fff;
    bottom: -4px;
    right: 0px;
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible!important;
}

.horizondalMenu ul li:nth-child(odd) i
{
    background: #b28029 ;
}

.horizondalMenu ul li:nth-child(even) i
{
    background: #a47702;
}

.horizondalMenu ul li:nth-child(odd) i:after
{
    border-color: #ccc !important;
}

.horizondalMenu ul li:nth-child(even) i:after
{
    border-color: #ccc !important;
}

/*.horizondalMenu ul li:nth-child(1) i {
       background:#50c688;
    }

  .horizondalMenu ul li:nth-child(2) i {
       background:#ffad39;
    }
   .horizondalMenu ul li:nth-child(3) i {
       background:#ff60a3;
    }
    .horizondalMenu ul li:nth-child(4) i {
       background:#33d6ff;
    }
     .horizondalMenu ul li:nth-child(5) i {
       background:#4167b0;
    }
      .horizondalMenu ul li:nth-child(6) i {
       background:#ff6c60;
    }
       .horizondalMenu ul li:nth-child(7) i {
       background:#8c2a8f;
    }
        .horizondalMenu ul li:nth-child(8) i {
       background:#cb64d1;
    }
         .horizondalMenu ul li:nth-child(9) i {
       background:#709bed;
    }
          .horizondalMenu ul li:nth-child(10) i {
       background:#3a5080;
    }







.horizondalMenu ul li:nth-child(1) i:after {
border-color:#50c688 !important;
}

.horizondalMenu ul li:nth-child(2) i:after {
border-color:#ffad39 !important;
}
.horizondalMenu ul li:nth-child(3) i:after {
border-color:#ff60a3 !important;
}
.horizondalMenu ul li:nth-child(4) i:after {
border-color:#33d6ff !important;
}
.horizondalMenu ul li:nth-child(5) i:after {
border-color:#4167b0 !important;
}
.horizondalMenu ul li:nth-child(6) i:after {
border-color:#ff6c60 !important;
}
.horizondalMenu ul li:nth-child(7) i:after {
border-color:#8c2a8f !important;
}
.horizondalMenu ul li:nth-child(8) i:after {
border-color:#cb64d1 !important;
}
.horizondalMenu ul li:nth-child(9) i:after {
border-color:#709bed !important;
}
.horizondalMenu ul li:nth-child(10) i:after {
border-color:#3a5080 !important;
}*/



.UserText
{
    display: inline-block;
    line-height: initial;
}

    .UserText .SVlabel
    {
        display: inline-block;
        margin: 0px;
    }

.PanelHead
{
    background: #9358ac;
    color: #fff;
    margin: 0px 0px;
    padding: 10px 20px;
    border-radius: 3px 3px 0px 0px;
}

.greybg
{
    background: #7a869c !important;
    color: #fff !important;
}

.SvHomeTable
{
    font-family: 'source_sans_proregular','JF Flat';
    color: #515968;
    border: 1px solid #ddd;
}

    .SvHomeTable td, .SvHomeTable th
    {
        vertical-align: middle !important;
    }

    .SvHomeTable th
    {
        border-bottom: 2px solid #ddd !important;
        padding: 10px !important;
    }



    .SvHomeTable td:first-child span
    {
        border-radius: 100%;
        height: 25px;
        width: 25px;
        display: inline-block;
        text-align: center;
        color: #fff;
        line-height: 25px;
        margin-top: 0px;
    }



    .SvHomeTable tr:nth-child(2) td:first-child span
    {
        background: #ff5959;
    }

    .SvHomeTable tr:nth-child(3) td:first-child span
    {
        background: #50dd85;
    }

    .SvHomeTable tr:nth-child(4) td:first-child span
    {
        background: #ffc259;
    }

    .SvHomeTable tr:nth-child(5) td:first-child span
    {
        background: #af74c8;
    }

    .SvHomeTable tr:nth-child(6) td:first-child span
    {
        background: #59d2ff;
    }



.Main-wrapper
{
    padding-top: 65px;
}





.HomeMenu
{
    padding: 15px 5px !important;
}

    .HomeMenu ul
    {
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: block;
        width: 100%;
    }

        .HomeMenu ul li
        {
            padding: 20px 0px;
            margin: 0px;
            display: inline-block;
        }

@media (min-width:1330px)
{
    .HomeMenu ul
    {
        display: table;
    }

        .HomeMenu ul li
        {
            /*display:table-cell;*/
        }
}

.horizondalMenu ul li a:hover i img
{
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.horizondalMenu ul li a i img
{
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.HomeMenu ul li a
{
    padding: 0px;
    margin: 0px;
    display: inline-block;
    text-decoration: none !important;
    position: relative;
    width: 172px;
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}


    .HomeMenu ul li a:hover
    {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }





    .HomeMenu ul li a i
    {
        padding: 0px;
        margin: 0px;
        width: 90px;
        height: 90px;
        border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        background: #eee;
        color: #fff;
    }

    .HomeMenu ul li a .iconImg
    {
        vertical-align: middle !important;
    }

        .HomeMenu ul li a .iconImg img
        {
            animation-name: fadeIn;
            -webkit-animation-name: fadeIn;
            animation-duration: 1s;
            -webkit-animation-duration: 1s;
            animation-timing-function: ease-in-out;
            -webkit-animation-timing-function: ease-in-out;
            visibility: visible!important;
        }


    .HomeMenu ul li a:hover i:after, .HomeMenu ul li a:hover i:focus, .HomeMenu ul li a:active i:after, .HomeMenu ul li a.active i:after
    {
        content: "";
        position: absolute;
        width: 100px;
        height: 100px;
        border: 1px solid #ccc;
        left: -5px;
        top: -5px;
        border-radius: 100%;
        padding: 10px;
        animation-name: fadeIn;
        -webkit-animation-name: fadeIn;
        animation-duration: .5s;
        -webkit-animation-duration: .5s;
        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: ease-in-out;
        visibility: visible!important;
    }

.HomeMenu .menuIcon
{
    position: relative;
    /* width: 100%; */
    display: block;
    width: 90px;
    margin: 0px auto;
}

.HomeMenu ul li a .SVlabel
{
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}

.HomeMenu ul li a.active .menuIcon:after
{
    display: none;
    content: "";
    position: absolute;
    background: #33de80;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    border: 4px solid #fff;
    bottom: -4px;
    right: 0px;
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible!important;
}

.HomeMenu ul li:nth-child(odd) i
{
    background: url(../../svassets/img/Gold-menuBg.png)

}

.HomeMenu ul li:nth-child(even) i
{
    background: #553226;
}

/*.HomeMenu ul li:nth-child(1) i {
       background:#50c688;
    }

  .HomeMenu ul li:nth-child(2) i {
       background:#ffad39;
    }
   .HomeMenu ul li:nth-child(3) i {
       background:#ff60a3;
    }
    .HomeMenu ul li:nth-child(4) i {
       background:#33d6ff;
    }
     .HomeMenu ul li:nth-child(5) i {
       background:#4167b0;
    }
      .HomeMenu ul li:nth-child(6) i {
       background:#ff6c60;
    }
       .HomeMenu ul li:nth-child(7) i {
       background:#8c2a8f;
    }
        .HomeMenu ul li:nth-child(8) i {
       background:#cb64d1;
    }
         .HomeMenu ul li:nth-child(9) i {
       background:#709bed;
    }
          .HomeMenu ul li:nth-child(10) i {
       background:#3a5080;
    }







.HomeMenu ul li:nth-child(1) i:after {
border-color:#50c688 !important;
}

.HomeMenu ul li:nth-child(2) i:after {
border-color:#ffad39 !important;
}
.HomeMenu ul li:nth-child(3) i:after {
border-color:#ff60a3 !important;
}
.HomeMenu ul li:nth-child(4) i:after {
border-color:#33d6ff !important;
}
.HomeMenu ul li:nth-child(5) i:after {
border-color:#4167b0 !important;
}
.HomeMenu ul li:nth-child(6) i:after {
border-color:#ff6c60 !important;
}
.HomeMenu ul li:nth-child(7) i:after {
border-color:#8c2a8f !important;
}
.HomeMenu ul li:nth-child(8) i:after {
border-color:#cb64d1 !important;
}
.HomeMenu ul li:nth-child(9) i:after {
border-color:#709bed !important;
}
.HomeMenu ul li:nth-child(10) i:after {
border-color:#3a5080 !important;
}*/

.Announcements
{
    overflow: hidden;
}

.Main-wrapper .Svpanel
{
    min-height: 360px;
    width: 98vw;
}

.Announcements ul
{
    list-style: none;
    padding: 10px 0px;
    margin: 0px;
}

.Announcements h5
{
    font-size: 19px;
}

    .Announcements h5 img
    {
        padding-right: 10px;
        margin-top: -3px;
    }

.Announcements ul li
{
    list-style: none;
    padding: 0px 0px;
    margin: 10px 0px;
    display: block;
}

    .Announcements ul li:nth-child(2) .date
    {
        background: #6f7e9d !important;
    }

    .Announcements ul li:nth-child(3) .date
    {
        background: #99a6c2 !important;
    }

    .Announcements ul li:nth-child(4) .date
    {
        background: #afb9d0 !important;
    }


.Announcements h5
{
    background: #553226;
    color: #fff;
    padding: 0px 12px;
    margin: -15px -25px 0px -25px;
    font-size: 19px;
    height: 50px;
    line-height: 50px;
}

.Announcements ul .date
{
    display: table-cell;
    background: #ff6c60;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    color: #fff;
    vertical-align: middle;
}

.Announcements .date span
{
    display: block;
    text-align: center;
    font-size: 12px;
}

.Announcements .description
{
    display: table-cell;
    padding-left: 11px;
    color: #888888;
    vertical-align: middle;
}

    .Announcements .description a
    {
        display: inline-block;
        height: 30px;
        overflow: hidden;
        font-size: 12px;
        position: relative;
        margin-top: 0px;
        text-decoration: none !important;
    }


        .Announcements .description a:hover
        {
            color: #ff6c60;
        }

        .Announcements .description a:after
        {
            content: '...';
            background: #fff;
            width: 20px;
            height: 20px;
            display: inline-block;
            position: absolute;
            right: 0px;
            bottom: -4px;
            font-size: 13px;
        }


/*.html-disabled{
    position:fixed;
    z-index:999999999999999999;
    width:100%;
    height:100%;

}

.html-disabled img{
    text-align: center;
    vertical-align: middle;
    position: absolute;
    z-index: 999999999999999;
    width: 70px;
    margin-left: -35px;
    margin-top: -35px;
    left: 50%;
    top: 50%;
}

.html-disabled:before{
    content:'';
    z-index:8888888;
    width:100%;
    height:100%;
    opacity:.8;
    position:absolute;
        background:blACK;
}*/

.navbar-toggle
{
    position: relative;
    float: right;
    margin-right: 10px;
    padding: 2px 10px;
    margin-top: 5px;
    margin-bottom: 8px;
    /* background-color: transparent; */
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px;
    min-width: inherit;
    background: white !important;
    color: #3a5080;
    font-size: 29px;
    border-left: 0px none !important;
}

    .navbar-toggle:hover
    {
        background: white;
        color: #3a5080;
        font-size: 29px;
    }

.right-header .dropdown-menu
{
    background: url(../images/transpopbg.png) !important;
    background-color: transparent !important;
    padding: 10px 15px;
    width: 225px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
}

    .right-header .dropdown-menu .colours
    {
        display: block;
        height: 42px;
        line-height: 0px;
        border: 1px solid #eee;
        padding: 10px 10px;
        border-radius: 10px;
    }

        .right-header .dropdown-menu .colours a
        {
            width: 20px;
            height: 20px;
            display: inline-block;
            background: #eee;
            border-radius: 100%;
            border: 1px solid rgba(0, 0, 0, 0.1);
        }


            .right-header .dropdown-menu .colours a:nth-child(1)
            {
                background: #978d75 !important;
            }


            .right-header .dropdown-menu .colours a:nth-child(2)
            {
                background: #4bc57a !important;
            }

            .right-header .dropdown-menu .colours a:nth-child(3)
            {
                background: #9f0f19 !important;
            }



            .right-header .dropdown-menu .colours a:nth-child(4)
            {
                background: #4167b0 !important;
            }

            .right-header .dropdown-menu .colours a:nth-child(5)
            {
                background: #8c2a8f !important;
            }

            .right-header .dropdown-menu .colours a:nth-child(6)
            {
                background: #b17e29  !important;
            }

.right-header h4
{
    font-size: 14px;
    margin: 5px 0px;
    border-bottom: 2px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #666;
}








.sidebar-nav li a:active .menu-icon, .sidebar-nav li a:hover .menu-icon, .sidebar-nav li a:focus .menu-icon, .sidebar-nav li a.active .menu-icon
{
    color: #fff !important;
}

#sidebar-wrapper
{
    background: url(../img/Gold-menuBg.png) !important;
    /* background: #978d75 !important;*/
    /*background: #b28029  !important;*/
}

.sidebar-nav li a:hover:before, .sidebar-nav li a:active:before, .sidebar-nav li a.active:before
{
    border-left: 5px solid #cda73b;
}


.sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a.active
{
}

.sidebar-nav .Title_block i
{
    color: #553226 !important;
}

.menu-text
{
    color: #fff;
}

.sidebar-nav li a:active .menu-text, .sidebar-nav li a:hover .menu-text, .sidebar-nav li a:focus .menu-text, .sidebar-nav li a.active .menu-text
{
    color: #fff !important;
}

.avatar
{
    background: #553226 !important;
}


button, html input[type="button"], input[type="reset"], input[type="submit"]
{
    background-color: #b28029 !important;
    rder-left: 8px Solid #bb1a23 !important;
    */;
}

.modalPopup .header
{
    background-color: #fe101d !important;
}

.carousel .item1
{
    background: url(../img/slider/Gold-bg01.jpg);
    background-size: cover;
}

.carousel .item2
{
    background: url(../img/slider/Gold-bg01.jpg);
    background-size: cover;
}

.carousel .item3
{
    background: url(../img/slider/Gold-bg01.jpg);
    background-size: cover;
}

.carousel-caption .colour
{
    color:#553226 !important;
}


.LoginBgFix
{
    background: url(../images/loginBg-Gold.jpg) no-repeat;
    position: fixed;
    background-position: right bottom;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.Lbutton
{
    background: #4b4b4b !important;
}








/********************Grid view Colour theme****************/


.RadGrid_Hay .rgHeader, .RadGrid_Hay th.rgResizeCol
{
    background: #a47702 !important;
}

.R ebar-nav .Title_block
{
    background: #a47702 !important;
}

.R .RadGrid_Hay .rgHeader, .RadGrid_Hay .rgHeader a
{
    color: white !important;
}

.RadGrid_Hay .rgRow a, .RadGrid_Hay .rgAltRow a, .RadGrid_Hay .rgEditRow a, .RadGrid_Hay .rgFooter a, .RadGrid_Hay .rgEditForm a
{
    color: #666 !important;
    font-weight: 600 !important;
}


.SvAjaxTabStyle .ajax__tab_active .ajax__tab_outer
{
    background-color: 702 !im !important;
}

.SvAjaxTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background-color: #ccc !important;
}


header .right-header ul li
{
    display: -moz-box;
}

.RadCalendar .rcMainTable
{
    width: 200px !important;
}

.RadCalendarPopup table
{
    width: 200px !important;
}

.RadMaskedTextBox
{
    width: 50px !important;
}

.RadNumericTextBoxWidth
{
    width: 100px !important;
}

.RadInput_Default, .RadInputMgr_Default
{
    width: 90px !important;
}

.RadInput_Vista, .RadInputMgr_Vista
{
    width: 90px !important;
}

.RadPicker table.rcTable .rcInputCell
{
    width: 20px !important;
}

.RadGrid .NextPrevNumericAndAdvanced .rgAdvPart
{
    float: left !important;
    text-align: center;
    padding-top: inherit;
}

.RadGrid .rgPager .RadInput
{
    margin: 0 4px 0 0;
    vertical-align: top;
    display: inline-block;
    width: 30px !important;
}

.loginleft
{
    background: url(../img/loginleft1.png) no-repeat center;
    height: 278px;
    width: 100%;
    background-size: contain;
}

/*****LOBI BOX CSS ADDED********/
/*sep-25-19 Start*/


/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,700,400,300);*/
@import url(open-sans.css);

.lobibox .lobibox-btn.lobibox-btn-cancel.active, .lobibox .lobibox-btn.lobibox-btn-cancel:active, .lobibox .lobibox-btn.lobibox-btn-default.active, .lobibox .lobibox-btn.lobibox-btn-default:active, .lobibox .lobibox-btn.lobibox-btn-no.active, .lobibox .lobibox-btn.lobibox-btn-no:active, .lobibox .lobibox-btn.lobibox-btn-ok.active, .lobibox .lobibox-btn.lobibox-btn-ok:active, .lobibox .lobibox-btn.lobibox-btn-yes.active, .lobibox .lobibox-btn.lobibox-btn-yes:active, .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-cancel, .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-default, .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-no, .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-ok, .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-yes
{
    background-image: none;
}

.lobibox, .lobibox-notify
{
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
}

.lobibox-notify-wrapper-large.bottom, .lobibox-notify-wrapper.bottom
{
    bottom: 0;
}

.animated-super-fast
{
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated, .animated-fast
{
    -webkit-animation-fill-mode: both;
}

.animated-fast
{
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    animation-fill-mode: both;
}

.animated
{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated-slow
{
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bounce
{
    0%,100%,20%,50%,80%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40%
    {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60%
    {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce
{
    0%,100%,20%,50%,80%
    {
        transform: translateY(0);
    }

    40%
    {
        transform: translateY(-30px);
    }

    60%
    {
        transform: translateY(-15px);
    }
}

@-webkit-keyframes jumpUp
{
    0%
    {
        -webkit-transform: translate3d(0,calc(230%),0) scale3d(0,1,1);
        -webkit-animation-timing-function: ease-in;
    }

    40%
    {
        -webkit-transform: translate3d(0,0,0) scale3d(.02,1.1,1);
        -webkit-animation-timing-function: ease-out;
    }

    70%
    {
        -webkit-transform: translate3d(0,-40px,0) scale3d(.8,1.1,1);
    }

    100%
    {
        -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
    }
}

@keyframes jumpUp
{
    0%
    {
        transform: translate3d(0,calc(230%),0) scale3d(0,1,1);
        animation-timing-function: ease-in;
    }

    40%
    {
        transform: translate3d(0,0,0) scale3d(.02,1.1,1);
        animation-timing-function: ease-out;
    }

    70%
    {
        transform: translate3d(0,-40px,0) scale3d(.8,1.1,1);
    }

    100%
    {
        transform: translate3d(0,0,0) scale3d(1,1,1);
    }
}

@-webkit-keyframes expandOpen
{
    0%
    {
        -webkit-transform: scale(1.8);
    }

    50%
    {
        -webkit-transform: scale(.95);
    }

    80%
    {
        -webkit-transform: scale(1.05);
    }

    90%
    {
        -webkit-transform: scale(.98);
    }

    100%
    {
        -webkit-transform: scale(1);
    }
}

@keyframes expandOpen
{
    0%
    {
        transform: scale(1.8);
    }

    50%
    {
        transform: scale(.95);
    }

    80%
    {
        transform: scale(1.05);
    }

    90%
    {
        transform: scale(.98);
    }

    100%
    {
        transform: scale(1);
    }
}

@keyframes fadeInScale
{
    0%
    {
        transform: scale(0);
        opacity: 0;
    }

    100%
    {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes fadeInScale
{
    0%
    {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    100%
    {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes zoomIn
{
    0%
    {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    50%
    {
        opacity: 1;
    }
}

@keyframes zoomIn
{
    0%
    {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50%
    {
        opacity: 1;
    }
}

@-webkit-keyframes zoomOut
{
    0%
    {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50%
    {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    100%
    {
        opacity: 0;
    }
}

@keyframes zoomOut
{
    0%
    {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50%
    {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    100%
    {
        opacity: 0;
    }
}

@-webkit-keyframes fadeInDown
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    to
    {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    to
    {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown
{
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.zoomIn
{
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.zoomOut
{
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

.bounce
{
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

.jumpUp
{
    -webkit-animation-name: jumpUp;
    animation-name: jumpUp;
}

.expandOpen
{
    animation-name: expandOpen;
    -webkit-animation-name: expandOpen;
}

.fadeInScale
{
    animation-name: fadeInScale;
    -webkit-animation-name: fadeInScale;
}

body.lobibox-open
{
    overflow: hidden;
}

.lobibox
{
    position: fixed;
    z-index: 4001;
    -webkit-box-shadow: 0 0 20px 5px rgba(0,0,0,.5);
    box-shadow: 0 0 20px 5px rgba(0,0,0,.5);
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    margin: 0 !important;
}

    .lobibox *
    {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .lobibox .lobibox-header
    {
        font-size: 20px;
        padding: 5px 10px;
        color: #eee;
    }

        .lobibox .lobibox-header .btn-close
        {
            float: right;
            background-color: transparent;
            cursor: pointer;
            border: none;
            outline: 0;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }

            .lobibox .lobibox-header .btn-close:hover
            {
                text-shadow: 2px 2px 3px rgba(0,0,0,.7);
            }

    .lobibox .lobibox-body
    {
        overflow: hidden;
        display: table;
        position: relative;
        width: 100%;
        padding: 15px 20px;
        background-color: #fff;
        font-size: 16px;
    }

        .lobibox .lobibox-body .lobibox-icon-wrapper
        {
            position: relative;
            height: 100%;
            display: table;
            font-size: 60px;
        }

            .lobibox .lobibox-body .lobibox-icon-wrapper .lobibox-icon
            {
                display: table-cell;
                vertical-align: middle;
            }

        .lobibox .lobibox-body .lobibox-body-text-wrapper
        {
            display: table-cell;
            vertical-align: middle;
            width: 100%;
            padding-left: 10px;
        }

    .lobibox .lobibox-footer
    {
        text-align: center;
        padding: 6px;
    }

        .lobibox .lobibox-footer > *
        {
            margin: 0 10px 0 0;
        }

        .lobibox .lobibox-footer.text-center
        {
            text-align: center;
        }

        .lobibox .lobibox-footer.text-left
        {
            text-align: left;
        }

        .lobibox .lobibox-footer.text-right
        {
            text-align: right;
        }

    .lobibox.lobibox-confirm
    {
        border: none;
    }

        .lobibox.lobibox-confirm .lobibox-header
        {
            color: #eee;
            background-color: #b28029 ;
        }

        .lobibox.lobibox-confirm .lobibox-body .lobibox-icon
        {
            color: #b28029 ;
        }

        .lobibox.lobibox-confirm .lobibox-footer
        {
            background-color: #b28029 ;
        }

    .lobibox.lobibox-success
    {
        border: 1px solid #b28029 ;
    }

        .lobibox.lobibox-success .lobibox-header
        {
            color: #eee;
            background-color: #b28029 ;
        }

        .lobibox.lobibox-success .lobibox-body .lobibox-icon
        {
            color: #b28029 ;
        }

        .lobibox.lobibox-success .lobibox-footer
        {
            background-color: #b28029 ;
        }

    .lobibox.lobibox-error
    {
        border: 1px solid #b28029 ;
    }

        .lobibox.lobibox-error .lobibox-header
        {
            color: #eee;
            background-color: #b28029 ;
        }

        .lobibox.lobibox-error .lobibox-body .lobibox-icon
        {
            color: #b28029 ;
        }

        .lobibox.lobibox-error .lobibox-footer
        {
            background-color: #b28029 ;
        }

    .lobibox.lobibox-info
    {
        border: 1px solid #583f15;
    }

        .lobibox.lobibox-info .lobibox-header
        {
            color: #eee;
            background: #b28029 !important;
        }

        .lobibox.lobibox-info .lobibox-body .lobibox-icon
        {
            color: #b28029 !important;
        }

        .lobibox.lobibox-info .lobibox-footer
        {
            background-color: #b28029 !important;
        }

    .lobibox.lobibox-warning
    {
        border: 1px solid #b28029 ;
    }

        .lobibox.lobibox-warning .lobibox-header
        {
            color: #eee;
            background-color: #b28029 ;
        }

        .lobibox.lobibox-warning .lobibox-body .lobibox-icon
        {
            color: #7d6680;
        }

        .lobibox.lobibox-warning .lobibox-footer
        {
            background-color: #b28029 ;
        }

    .lobibox.lobibox-prompt
    {
        border: none;
    }

        .lobibox.lobibox-prompt .lobibox-header
        {
            color: #eee;
            background-color: #b28029 ;
        }

        .lobibox.lobibox-prompt .lobibox-body
        {
            padding: 20px;
        }

            .lobibox.lobibox-prompt .lobibox-body .lobibox-input
            {
                min-height: 38px;
                border: 1px solid #b28029 ;
                width: 100%;
                padding: 5px;
                font-size: 18px;
                outline: 0;
            }

                .lobibox.lobibox-prompt .lobibox-body .lobibox-input:focus
                {
                    background-color: #EEE;
                }

                .lobibox.lobibox-prompt .lobibox-body .lobibox-input.invalid
                {
                    border-color: #b28029 ;
                }

            .lobibox.lobibox-prompt .lobibox-body .lobibox-input-error-message
            {
                margin-top: 5px;
                margin-bottom: 0;
                font-size: 13px;
                color: #b28029 ;
            }

        .lobibox.lobibox-prompt .lobibox-footer
        {
            background-color: #b28029 ;
        }

    .lobibox.lobibox-progress .lobibox-header
    {
        background-color: #b28029 ;
    }

    .lobibox.lobibox-progress .lobibox-body
    {
        padding: 15px;
        font-size: 16px;
    }

        .lobibox.lobibox-progress .lobibox-body .lobibox-progress-bar-wrapper
        {
            position: relative;
            height: 20px;
            border: 1px solid #b28029 ;
            border-radius: 10px;
            background-color: #d5d5d5;
        }

            .lobibox.lobibox-progress .lobibox-body .lobibox-progress-bar-wrapper .lobibox-progress-bar
            {
                width: 0;
                border-radius: 10px;
                background-color: #b28029 ;
                height: 100%;
                text-align: center;
            }

            .lobibox.lobibox-progress .lobibox-body .lobibox-progress-bar-wrapper .lobibox-progress-text
            {
                position: absolute;
                text-align: center;
                top: 0;
                width: 100%;
            }

        .lobibox.lobibox-progress .lobibox-body .lobibox-progress-outer
        {
            margin-bottom: 0;
        }

            .lobibox.lobibox-progress .lobibox-body .lobibox-progress-outer .progress-bar
            {
                transition: none;
            }

            .lobibox.lobibox-progress .lobibox-body .lobibox-progress-outer [data-role=progress-text]
            {
                font-weight: 700;
                color: rgba(0,0,0,.7);
            }

    .lobibox.lobibox-window
    {
        border: 3px solid #b28029 ;
        border-radius: 6px;
    }

        .lobibox.lobibox-window .lobibox-header
        {
            background-color: #b28029 ;
            color: #eee;
            font-size: 18px;
        }

        .lobibox.lobibox-window .lobibox-body
        {
            overflow: auto;
            display: block;
            font-size: 14px;
            padding: 15px;
            background-color: #fff;
        }

        .lobibox.lobibox-window .lobibox-footer
        {
            background-color: #b28029 ;
        }

        .lobibox.lobibox-window :last-child
        {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

    .lobibox.draggable .lobibox-header
    {
        cursor: move;
    }

    .lobibox .lobibox-btn
    {
        display: inline-block;
        padding: 8px 14px;
        font-size: 14px;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: 2px;
        line-height: initial;
    }

        .lobibox .lobibox-btn.lobibox-btn-cancel
        {
            color: #FFF;
            background-color: #CA2121;
            border-color: #CA2121;
        }

            .lobibox .lobibox-btn.lobibox-btn-cancel.active, .lobibox .lobibox-btn.lobibox-btn-cancel.focus, .lobibox .lobibox-btn.lobibox-btn-cancel:active, .lobibox .lobibox-btn.lobibox-btn-cancel:focus, .lobibox .lobibox-btn.lobibox-btn-cancel:hover, .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-cancel
            {
                color: #FFF;
                background-color: #9e1a1a;
                border-color: #951818;
            }

            .lobibox .lobibox-btn.lobibox-btn-cancel.disabled, .lobibox .lobibox-btn.lobibox-btn-cancel.disabled.active, .lobibox .lobibox-btn.lobibox-btn-cancel.disabled.focus, .lobibox .lobibox-btn.lobibox-btn-cancel.disabled:active, .lobibox .lobibox-btn.lobibox-btn-cancel.disabled:focus, .lobibox .lobibox-btn.lobibox-btn-cancel.disabled:hover, .lobibox .lobibox-btn.lobibox-btn-cancel[disabled], .lobibox .lobibox-btn.lobibox-btn-cancel[disabled].active, .lobibox .lobibox-btn.lobibox-btn-cancel[disabled].focus, .lobibox .lobibox-btn.lobibox-btn-cancel[disabled]:active, .lobibox .lobibox-btn.lobibox-btn-cancel[disabled]:focus, .lobibox .lobibox-btn.lobibox-btn-cancel[disabled]:hover, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel.active, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel.focus, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel:active, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel:focus, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-cancel:hover
            {
                background-color: #CA2121;
                border-color: #CA2121;
            }

            .lobibox .lobibox-btn.lobibox-btn-cancel .badge
            {
                color: #CA2121;
                background-color: #FFF;
            }

        .lobibox .lobibox-btn.lobibox-btn-yes
        {
            color: #FFF;
            background-color: #29B87E;
            border-color: #29B87E;
        }

            .lobibox .lobibox-btn.lobibox-btn-yes.active, .lobibox .lobibox-btn.lobibox-btn-yes.focus, .lobibox .lobibox-btn.lobibox-btn-yes:active, .lobibox .lobibox-btn.lobibox-btn-yes:focus, .lobibox .lobibox-btn.lobibox-btn-yes:hover, .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-yes
            {
                color: #FFF;
                background-color: #208e61;
                border-color: #1e865c;
            }

            .lobibox .lobibox-btn.lobibox-btn-yes.disabled, .lobibox .lobibox-btn.lobibox-btn-yes.disabled.active, .lobibox .lobibox-btn.lobibox-btn-yes.disabled.focus, .lobibox .lobibox-btn.lobibox-btn-yes.disabled:active, .lobibox .lobibox-btn.lobibox-btn-yes.disabled:focus, .lobibox .lobibox-btn.lobibox-btn-yes.disabled:hover, .lobibox .lobibox-btn.lobibox-btn-yes[disabled], .lobibox .lobibox-btn.lobibox-btn-yes[disabled].active, .lobibox .lobibox-btn.lobibox-btn-yes[disabled].focus, .lobibox .lobibox-btn.lobibox-btn-yes[disabled]:active, .lobibox .lobibox-btn.lobibox-btn-yes[disabled]:focus, .lobibox .lobibox-btn.lobibox-btn-yes[disabled]:hover, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes.active, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes.focus, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes:active, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes:focus, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-yes:hover
            {
                background-color: #29B87E;
                border-color: #29B87E;
            }

            .lobibox .lobibox-btn.lobibox-btn-yes .badge
            {
                color: #29B87E;
                background-color: #FFF;
            }

        .lobibox .lobibox-btn.lobibox-btn-no
        {
            color: #FFF;
            background-color: #0760B3;
            border-color: #0760B3;
        }

            .lobibox .lobibox-btn.lobibox-btn-no.active, .lobibox .lobibox-btn.lobibox-btn-no.focus, .lobibox .lobibox-btn.lobibox-btn-no:active, .lobibox .lobibox-btn.lobibox-btn-no:focus, .lobibox .lobibox-btn.lobibox-btn-no:hover, .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-no
            {
                color: #FFF;
                background-color: #054682;
                border-color: #054078;
            }

            .lobibox .lobibox-btn.lobibox-btn-no.disabled, .lobibox .lobibox-btn.lobibox-btn-no.disabled.active, .lobibox .lobibox-btn.lobibox-btn-no.disabled.focus, .lobibox .lobibox-btn.lobibox-btn-no.disabled:active, .lobibox .lobibox-btn.lobibox-btn-no.disabled:focus, .lobibox .lobibox-btn.lobibox-btn-no.disabled:hover, .lobibox .lobibox-btn.lobibox-btn-no[disabled], .lobibox .lobibox-btn.lobibox-btn-no[disabled].active, .lobibox .lobibox-btn.lobibox-btn-no[disabled].focus, .lobibox .lobibox-btn.lobibox-btn-no[disabled]:active, .lobibox .lobibox-btn.lobibox-btn-no[disabled]:focus, .lobibox .lobibox-btn.lobibox-btn-no[disabled]:hover, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no.active, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no.focus, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no:active, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no:focus, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-no:hover
            {
                background-color: #0760B3;
                border-color: #0760B3;
            }

            .lobibox .lobibox-btn.lobibox-btn-no .badge
            {
                color: #0760B3;
                background-color: #FFF;
            }

        .lobibox .lobibox-btn.lobibox-btn-ok
        {
            color: #FFF;
            background-color: #0760B3;
            border-color: #0760B3;
        }

            .lobibox .lobibox-btn.lobibox-btn-ok.active, .lobibox .lobibox-btn.lobibox-btn-ok.focus, .lobibox .lobibox-btn.lobibox-btn-ok:active, .lobibox .lobibox-btn.lobibox-btn-ok:focus, .lobibox .lobibox-btn.lobibox-btn-ok:hover, .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-ok
            {
                color: #FFF;
                background-color: #054682;
                border-color: #054078;
            }

            .lobibox .lobibox-btn.lobibox-btn-ok.disabled, .lobibox .lobibox-btn.lobibox-btn-ok.disabled.active, .lobibox .lobibox-btn.lobibox-btn-ok.disabled.focus, .lobibox .lobibox-btn.lobibox-btn-ok.disabled:active, .lobibox .lobibox-btn.lobibox-btn-ok.disabled:focus, .lobibox .lobibox-btn.lobibox-btn-ok.disabled:hover, .lobibox .lobibox-btn.lobibox-btn-ok[disabled], .lobibox .lobibox-btn.lobibox-btn-ok[disabled].active, .lobibox .lobibox-btn.lobibox-btn-ok[disabled].focus, .lobibox .lobibox-btn.lobibox-btn-ok[disabled]:active, .lobibox .lobibox-btn.lobibox-btn-ok[disabled]:focus, .lobibox .lobibox-btn.lobibox-btn-ok[disabled]:hover, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok.active, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok.focus, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok:active, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok:focus, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-ok:hover
            {
                background-color: #0760B3;
                border-color: #0760B3;
            }

            .lobibox .lobibox-btn.lobibox-btn-ok .badge
            {
                color: #0760B3;
                background-color: #FFF;
            }

        .lobibox .lobibox-btn.lobibox-btn-default
        {
            color: #fff !important;
            background-color: #451907 !important;
            border-left: 8px Solid rgba(0,0,0,0.5) !important;
            border-right: 0px Solid rgba(0,0,0,0.5) !important;
            border-top: 0px Solid rgba(0,0,0,0.5) !important;
            border-bottom: 0px Solid rgba(0,0,0,0.5) !important;
            min-width: 60px !important;
        }

            .lobibox .lobibox-btn.lobibox-btn-default.active, .lobibox .lobibox-btn.lobibox-btn-default.focus, .lobibox .lobibox-btn.lobibox-btn-default:active, .lobibox .lobibox-btn.lobibox-btn-default:focus, .lobibox .lobibox-btn.lobibox-btn-default:hover, .open > .dropdown-toggle.lobibox .lobibox-btn.lobibox-btn-default
            {
                color: #fff !important;
                background-color: #451907 !important;
                border-left: 8px Solid rgba(0,0,0,0.5) !important;
                border-right: 0px Solid rgba(0,0,0,0.5) !important;
                border-top: 0px Solid rgba(0,0,0,0.5) !important;
                border-bottom: 0px Solid rgba(0,0,0,0.5) !important;
                outline: none;
            }

            .lobibox .lobibox-btn.lobibox-btn-default.disabled, .lobibox .lobibox-btn.lobibox-btn-default.disabled.active, .lobibox .lobibox-btn.lobibox-btn-default.disabled.focus, .lobibox .lobibox-btn.lobibox-btn-default.disabled:active, .lobibox .lobibox-btn.lobibox-btn-default.disabled:focus, .lobibox .lobibox-btn.lobibox-btn-default.disabled:hover, .lobibox .lobibox-btn.lobibox-btn-default[disabled], .lobibox .lobibox-btn.lobibox-btn-default[disabled].active, .lobibox .lobibox-btn.lobibox-btn-default[disabled].focus, .lobibox .lobibox-btn.lobibox-btn-default[disabled]:active, .lobibox .lobibox-btn.lobibox-btn-default[disabled]:focus, .lobibox .lobibox-btn.lobibox-btn-default[disabled]:hover, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default.active, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default.focus, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default:active, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default:focus, fieldset[disabled] .lobibox .lobibox-btn.lobibox-btn-default:hover
            {
                color: #fff !important;
                background-color: #451907 !important;
                border-left: 8px Solid rgba(0,0,0,0.5) !important;
                border-right: 0px Solid rgba(0,0,0,0.5) !important;
                border-top: 0px Solid rgba(0,0,0,0.5) !important;
                border-bottom: 0px Solid rgba(0,0,0,0.5) !important;
            }

            .lobibox .lobibox-btn.lobibox-btn-default .badge
            {
                color: #e2e2e2;
                background-color: #000;
            }

    .lobibox.lobibox-hidden
    {
        display: none;
    }

.lobibox-backdrop
{
    position: fixed;
    z-index: 4000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

.lobibox-notify-wrapper, .lobibox-notify-wrapper-large
{
    z-index: 5000;
    position: fixed;
}

    .lobibox-notify-wrapper.top
    {
        top: 0;
    }

    .lobibox-notify-wrapper.left
    {
        left: 0;
        margin-right: 0;
    }

    .lobibox-notify-wrapper.right
    {
        right: 0;
        margin-left: 0;
    }

        .lobibox-notify-wrapper.right .lobibox-notify
        {
            margin-left: auto;
        }

    .lobibox-notify-wrapper.center
    {
        left: 50%;
    }

    .lobibox-notify-wrapper-large.top
    {
        top: 0;
    }

    .lobibox-notify-wrapper-large.left
    {
        left: 0;
    }

        .lobibox-notify-wrapper-large.left .lb-notify-tabs > li
        {
            float: left;
            margin-left: 0;
            margin-right: 2px;
        }

    .lobibox-notify-wrapper-large.right
    {
        right: 0;
    }

    .lobibox-notify-wrapper-large .lb-notify-tabs
    {
        list-style: none;
        padding: 0;
        margin: 0 0 -5px;
    }

        .lobibox-notify-wrapper-large .lb-notify-tabs > li
        {
            float: right;
            margin-left: 2px;
        }

            .lobibox-notify-wrapper-large .lb-notify-tabs > li > a
            {
                text-align: center;
                display: table;
                text-decoration: none;
                font-size: 18px;
                height: 32px;
                color: #FFF;
                width: 28px;
                opacity: .6;
            }

                .lobibox-notify-wrapper-large .lb-notify-tabs > li > a:active, .lobibox-notify-wrapper-large .lb-notify-tabs > li > a:focus, .lobibox-notify-wrapper-large .lb-notify-tabs > li > a:hover, .lobibox-notify-wrapper-large .lb-notify-tabs > li > a:hover:active
                {
                    color: #FFF;
                }

                .lobibox-notify-wrapper-large .lb-notify-tabs > li > a .tab-control-icon
                {
                    display: table-cell;
                    vertical-align: middle;
                }

            .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-default > a
            {
                background-color: rgba(28,28,28,.9);
                border-color: #141414;
            }

                .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-default > a:hover
                {
                    background-color: #1c1c1c;
                    border-color: #0f0f0f;
                }

            .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-error > a
            {
                background-color: rgba(202,33,33,.9);
                border-color: #bd1f1f;
            }

                .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-error > a:hover
                {
                    background-color: #CA2121;
                    border-color: #b41d1d;
                }

            .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-success > a
            {
                background-color: rgba(41,184,126,.9);
                border-color: #26ab75;
            }

                .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-success > a:hover
                {
                    background-color: #29B87E;
                    border-color: #24a370;
                }

            .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-warning > a
            {
                background-color: rgba(206,129,46,.9);
                border-color: #c1792b;
            }

                .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-warning > a:hover
                {
                    background-color: #CE812E;
                    border-color: #b97429;
                }

            .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-info > a
            {
                background-color: rgba(46,121,180,.9);
                border-color: #2b71a8;
            }

                .lobibox-notify-wrapper-large .lb-notify-tabs > li.lobibox-notify-info > a:hover
                {
                    background-color: #74abbb;
                    border-color: #74abbb;
                }

            .lobibox-notify-wrapper-large .lb-notify-tabs > li.active > a
            {
                opacity: 1;
            }

        .lobibox-notify-wrapper-large .lb-notify-tabs:after
        {
            content: "";
            display: block;
            clear: both;
        }

    .lobibox-notify-wrapper-large .lb-notify-wrapper
    {
        background-color: transparent;
        padding: 0;
        border: none;
    }

        .lobibox-notify-wrapper-large .lb-notify-wrapper .lb-tab-pane
        {
            display: none;
        }

            .lobibox-notify-wrapper-large .lb-notify-wrapper .lb-tab-pane.active
            {
                display: block;
            }

        .lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify
        {
            min-height: 150px;
        }

            .lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify .lobibox-notify-icon-wrapper
            {
                width: 100px;
            }

            .lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify .lobibox-notify-icon > div .icon-el
            {
                font-size: 78px;
            }

            .lobibox-notify-wrapper-large .lb-notify-wrapper .lobibox-notify .lobibox-notify-body
            {
                margin: 13px 20px 13px 130px;
            }

.lobibox-notify
{
    position: relative;
    min-height: 85px;
    font-size: 14px;
    margin: 7px 0;
    border-radius: 0;
    border: 1px solid transparent;
    -webkit-box-shadow: 2px 2px 5px #aaa;
    box-shadow: 2px 2px 5px #aaa;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

    .lobibox-notify .lobibox-notify-icon-wrapper
    {
        position: absolute;
        left: 15px;
        width: 60px;
        height: 100%;
    }

    .lobibox-notify .lobibox-notify-icon
    {
        display: table;
        width: 100%;
        height: 100%;
    }

        .lobibox-notify .lobibox-notify-icon > div
        {
            display: table-cell;
            vertical-align: middle;
        }

            .lobibox-notify .lobibox-notify-icon > div > img
            {
                width: 100%;
                max-width: 100%;
                margin-top: 3px;
                border-radius: 4px;
            }

            .lobibox-notify .lobibox-notify-icon > div .icon-el
            {
                text-align: center;
                font-size: 55px;
            }

    .lobibox-notify .lobibox-notify-body
    {
        margin: 10px 20px 10px 90px;
    }

    .lobibox-notify .lobibox-notify-title
    {
        font-size: 20px;
    }

    .lobibox-notify .lobibox-notify-msg
    {
        overflow: hidden;
    }

    .lobibox-notify .lobibox-close
    {
        position: absolute;
        text-align: center;
        border-radius: 50%;
        right: 10px;
        top: 10px;
        font-size: 20px;
        line-height: 19px;
        width: 19px;
        height: 19px;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }

        .lobibox-notify .lobibox-close:hover
        {
            background-color: rgba(0,0,0,.5);
            font-weight: 700;
        }

    .lobibox-notify .lobibox-delay-indicator
    {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 3px;
    }

        .lobibox-notify .lobibox-delay-indicator > div
        {
            position: relative;
            height: 100%;
            width: 0;
            background-color: #e8e8e8;
        }

    .lobibox-notify.lobibox-notify-default
    {
        border-color: #0f0f0f;
        background-color: #1c1c1c;
        color: #FFF;
    }

        .lobibox-notify.lobibox-notify-default:hover
        {
            background-color: #1c1c1c;
            border-color: #FFF;
        }

        .lobibox-notify.lobibox-notify-default .lobibox-close:hover
        {
            background-color: #4f4f4f;
        }

    .lobibox-notify.lobibox-notify-error
    {
        border-color: #b41d1d;
        background-color: #CA2121;
        color: #FFF;
    }

        .lobibox-notify.lobibox-notify-error:hover
        {
            background-color: #CA2121;
            border-color: #FFF;
        }

    .lobibox-notify.lobibox-notify-success
    {
        border-color: #24a370;
        background-color: #29B87E;
        color: #FFF;
    }

        .lobibox-notify.lobibox-notify-success:hover
        {
            background-color: #29B87E;
            border-color: #FFF;
        }

    .lobibox-notify.lobibox-notify-warning
    {
        border-color: #b97429;
        background-color: #CE812E;
        color: #FFF;
    }

        .lobibox-notify.lobibox-notify-warning:hover
        {
            background-color: #CE812E;
            border-color: #FFF;
        }

    .lobibox-notify.lobibox-notify-info
    {
        border-color: #74abbb;
        background-color: #74abbb;
        color: #FFF;
    }

        .lobibox-notify.lobibox-notify-info:hover
        {
            background-color: #74abbb;
            border-color: #FFF;
        }

    .lobibox-notify.rounded
    {
        border-radius: 30px;
    }

    .lobibox-notify:hover
    {
        cursor: pointer;
        -webkit-box-shadow: 3px 3px 10px #aaa;
        box-shadow: 3px 3px 10px #aaa;
    }

    .lobibox-notify.notify-mini
    {
        min-height: 36px;
    }

        .lobibox-notify.notify-mini .lobibox-notify-title
        {
            margin-top: -5px;
            font-size: 20px;
            line-height: 22px;
        }

        .lobibox-notify.notify-mini .lobibox-notify-msg
        {
            line-height: 16px;
        }

        .lobibox-notify.notify-mini .lobibox-notify-icon-wrapper
        {
            left: 12px;
            width: 32px;
        }

        .lobibox-notify.notify-mini .lobibox-notify-icon > div .icon-el
        {
            font-size: 32px;
        }

        .lobibox-notify.notify-mini .lobibox-notify-body
        {
            margin: 15px 30px 15px 56px;
        }

    .lobibox-notify.without-icon .lobibox-notify-body
    {
        margin-left: 20px;
    }

.lobibox-body-text
{
    color: #000 !important;
}


/*****LOBI BOX CSS END********/