/*poppins font*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*poppins font*/
:root {
    --poppins-font: 'Poppins', sans-serif;
    --primary-color: #2E4185;
    --transition4: .4s;
    --transition1: .1s;
    --black800: #1F1F1F;
    --box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --grey800: #575757;
    --grey400: #f1f1f1;
    --success: #04a504;
    --radius4: 4px;
    --radius8: 8px;
    --radius50: 50px;
}

.sucsess-color {
    color: var(--success);
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 10px;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-family: var(--poppins-font);
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #fff;
    border-radius: var(--radius50);
}

::-webkit-scrollbar {
    width: 4px;
    height: 5px;
    border-radius: var(--radius50);
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #a7a7a7;
    border-radius: var(--radius50);
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #fff;
    border-radius: var(--radius50);
}



@font-face {
    font-family: inherit;
    src: url('Ultima.ttf') format('truetype');
}

.modalUpdateProgBg {
    background-image: url(../../images/transparent.png);
    background-repeat: repeat;
    padding-top: 00px;
}

.clscommitment {
    font-size: 14px;
    /*padding-top: 2px;*/
    font-weight: bold;
}

.clsWining {
    font-size: 14px;
    padding-top: 2px;
}

.clsfont14 {
    font-size: 14px;
}

.onlineuser {
    background-color: #9BBB59;
    border: 4px solid #9BBB59;
    border-radius: 50px;
    color: #9BBB59;
    font-size: 20px;
    height: 1px;
    display: inline-block;
    margin-top: 0;
    margin-left: 5px;
    color: green;
    line-height: 1px;
    width: 1px;
}

.offlineuser {
    background: gray;
    border: 4px solid gray;
    border-radius: 50px;
    color: gray;
    font-size: 20px;
    height: 1px;
    display: inline-block;
    margin-top: 0;
    margin-left: 5px;
    color: green;
    line-height: 1px;
    width: 1px;
}

.offlineusernv {
    background-color: transparent;
    border: 4px solid transparent;
    border-radius: 50px;
    color: transparent;
    font-size: 20px;
    height: 1px;
    display: inline-block;
    margin-top: 0;
    margin-left: 5px;
    color: green;
    line-height: 1px;
    width: 1px;
}

.btndisable {
    background: gray;
    border-radius: 0.3em;
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0.05em rgba(0, 0, 0, 0.4);
    color: #fff;
    display: inline-block;
    font: bold 12px Arial, "Trebuchet MS",Helvetica;
    height: 24px;
    margin-bottom: 3px;
    margin-left: 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.redfont {
    color: #ff0000;
}

.imagebutton {
    padding-top: 0px;
}

input:focus {
    outline: none;
}

/* Ajax Tab CSS */
.ajax__tab_tab1 .ajax__tab_header .ajax__tab_tab {
    font-family: inherit; /*background: #587229;*/
    background-image: url(../../images/bottommenumiddlebg.jpg);
    background-repeat: repeat-x;
    color: White;
    padding: 5px 10px 5px 10px; /*	padding: 2px 8px; */ /*	margin-right: 2px; */ /*	background: #3BBEE3; */ /* #9FC7D8 #808080 url(images/corner.gif) no-repeat top right;*/
    font-weight: bold; /*	color: White; */ /* #fff */
    font-size: 12px;
    margin-right: 5px;
}

.ajax__tab_tab1 .ajax__tab_hover .ajax__tab_outer {
    font-family: inherit; /*background: #C1DA5A;*/ /* #9FC7D8 #6495AB url(images/corner.gif) no-repeat top right;*/ /*color: #454545;*/
    cursor: pointer;
    padding: 0 0 0 0;
}

.ajax__tab_tab1 .ajax__tab_hover .ajax__tab_inner {
    color: White;
    font-family: inherit; /*background: #C1DA5A;*/ /* #6495AB url(images/corner.gif) no-repeat top right;*/ /*color: #454545;	*/
}

.ajax__tab_tab1 .ajax__tab_hover .ajax__tab_tab {
    font-family: inherit; /*background: #C1DA5A;*/ /* #9FC7D8 url(images/corner.gif) no-repeat top right;*/ /*color: #454545;*/
    cursor: pointer;
}

.ajax__tab_tab1 .ajax__tab_active .ajax__tab_inner {
    font-family: inherit; /*background: #C1DA5A;*/ /* #9FC7D8 url(images/corner.gif) no-repeat top right;*/ /*color: #454545;*/ /*padding: 2px 8px; */ /* border-bottom: 1px solid #454545;*/ /*  */
    cursor: pointer;
}

.ajax__tab_tab1 .ajax__tab_active .ajax__tab_tab {
    /*background-color :RED;*/
    background-image: url( "../../images/mainmenumiddlebg.jpg" );
    background-repeat: repeat-x;
    color: White;
    font-family: inherit; /*background: #C1DA5A;*/ /* #01BEFE url(images/corner.gif) no-repeat top right;*/ /*color: #454545;*/ /* #2F637A */ /*padding: 2px 8px;*/ /* border-bottom: 1px solid #454545;*/
}

.ajax__tab_tab1 .ajax__tab_body {
    font-family: inherit;
    font-size: 11px;
    border: 1px solid #e1e1dd; /*border-top:0;*/
    padding: 8px;
    background-color: #ffffff;
    border-top: solid 5px #e1e1dd;
}

/* for old tab*/



/* Advertise Image Gallery CSS */
.clear {
    clear: both;
}

.Center {
    margin-left: auto;
    margin-right: auto;
}

#gallery {
    position: relative;
    height: auto;
    width: auto;
}

    #gallery a {
        float: left;
        position: absolute;
    }

        #gallery a img {
            border: none;
        }

        #gallery a.show {
            z-index: 500;
        }

    #gallery .caption {
        z-index: 600;
        background-color: #000;
        color: #ffffff;
        height: 100px;
        width: 100%;
        position: absolute;
        bottom: 0;
    }

        #gallery .caption .content {
            margin: 5px;
        }

            #gallery .caption .content h3 {
                margin: 0;
                padding: 0;
                color: #1DCCEF;
            }

/* Second Slideshow */

#secgallery {
    position: relative;
    height: auto;
    width: auto;
}

    #secgallery a {
        float: left;
        position: absolute;
    }

        #secgallery a img {
            border: none;
        }

        #secgallery a.show {
            z-index: 500;
        }

    #secgallery .caption {
        z-index: 600;
        background-color: #000;
        color: #ffffff;
        height: 100px;
        width: 100%;
        position: absolute;
        bottom: 0;
    }

        #secgallery .caption .content {
            margin: 5px;
        }

            #secgallery .caption .content h3 {
                margin: 0;
                padding: 0;
                color: #1DCCEF;
            }
/* Third Slideshow */

#thirdgallery {
    position: relative;
    height: auto;
    width: auto;
}

    #thirdgallery a {
        float: left;
        position: absolute;
    }

        #thirdgallery a img {
            border: none;
        }

        #thirdgallery a.show {
            z-index: 500;
        }

    #thirdgallery .caption {
        z-index: 600;
        background-color: #000;
        color: #ffffff;
        height: 100px;
        width: 100%;
        position: absolute;
        bottom: 0;
    }

        #thirdgallery.caption .content {
            margin: 5px;
        }

            #thirdgallery.caption .content h3 {
                margin: 0;
                padding: 0;
                color: #1DCCEF;
            }
/* Forth slidshow*/
#forthgallery {
    position: relative;
    height: auto;
    width: auto;
}

    #forthgallery a {
        float: left;
        position: absolute;
    }

        #forthgallery a img {
            border: none;
        }

        #forthgallery a.show {
            z-index: 500;
        }

    #forthgallery .caption {
        z-index: 600;
        background-color: #000;
        color: #ffffff;
        height: 100px;
        width: 100%;
        position: absolute;
        bottom: 0;
    }

        #forthgallery.caption .content {
            margin: 5px;
        }

            #forthgallery.caption .content h3 {
                margin: 0;
                padding: 0;
                color: #1DCCEF;
            }
/*fifth Slidshow*/
#fifthgallery {
    position: relative;
    height: auto;
    width: auto;
}

    #fifthgallery a {
        float: left;
        position: absolute;
    }

        #fifthgallery a img {
            border: none;
        }

        #fifthgallery a.show {
            z-index: 500;
        }

    #fifthgallery .caption {
        z-index: 600;
        background-color: #000;
        color: #ffffff;
        height: 100px;
        width: 100%;
        position: absolute;
        bottom: 0;
    }

        #fifthgallery.caption .content {
            margin: 5px;
        }

            #fifthgallery.caption .content h3 {
                margin: 0;
                padding: 0;
                color: #1DCCEF;
            }
/* End Advertise Image Gallery CSS */


.Calendar .ajax__calendar_container {
    background-color: #ffffff;
    border: 1px solid #c3c3c3;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    margin-top: 2px;
}

.Calendar .ajax__calendar_header {
    background-color: transparent;
    margin-bottom: 10px;
    color: var(--primary-color);
    font-size: 14px;
}

.Calendar .ajax__calendar_title, .Calendar .ajax__calendar_next, .Calendar .ajax__calendar_prev {
    color: #454545;
    padding-top: 0;
}

.Calendar .ajax__calendar_body {
    width: 100%;
    background-color: #ffffff;
    border: none;
}

.Calendar .ajax__calendar_dayname {
    text-align: center;
    font-weight: bold;
    margin: auto;
}

.Calendar .ajax__calendar_day {
    text-align: center;
    margin: auto;
}

.Calendar .ajax__calendar_hover .ajax__calendar_day, .Calendar .ajax__calendar_hover .ajax__calendar_month, .Calendar .ajax__calendar_hover .ajax__calendar_year, .Calendar .ajax__calendar_active {
    color: Black;
    font-weight: bold;
    background-color: #ffffff;
}

.Calendar .ajax__calendar_today {
    text-decoration: underline;
    font-weight: bold;
    font-size: 11px;
}

.Calendar .ajax__calendar_other {
    color: #bbbbbb;
}

.Calendar .ajax__calendar_hover .ajax__calendar_today, .Calendar .ajax__calendar_hover .ajax__calendar_title {
    color: var(--primary-color); /*color: #bbbbbb;*/
    border-style: none;
}

.textRight {
    text-align: right;
    vertical-align: middle;
}

img {
    border: 0;
}

a {
    text-decoration: none;
}

#FloatL {
    float: left;
}

#FloatR {
    float: right;
}

.Header {
    width: 100%;
    height: 111px;
    position: relative;
}

.HeaderLogoLeftMaster {
    float: left;
    margin-top: 5px;
    margin-left: 20px;
    width: 278px;
    height: 93px;
}

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

.HelpDesk1 {
    background-image: url(../../Images/HelpDesk.jpg);
    background-repeat: no-repeat;
    background: #fff;
    border: solid 1px #000000;
    height: 59px;
    width: 206px;
    margin-right: 3px;
    padding-top: 5px;
    text-align: center;
    color: #000000;
    font-weight: bolder;
    line-height: 20px;
    display: list-item block;
    font-size: 14px;
}

.HelpDesk {
    background-image: url(../../Images/HelpDesk.jpg);
    background-repeat: no-repeat;
    border: solid 1px #000000;
    background: #fff;
    height: 56px;
    width: 206px;
    margin-right: 3px;
    padding-top: 08px;
    text-align: center;
    color: #000000;
    font-weight: bolder;
    line-height: 25px;
    display: list-item block;
    font-size: 18px;
}

.HeaderLogoLeft {
    float: left;
    margin-top: 15px;
    margin-left: 20px;
    width: 278px;
    height: 93px;
}

.HeaderLogoRight {
    float: right;
    padding-right: 15px;
    margin-top: 40px;
}

.HeaderLogoRightLinks {
    width: auto;
    float: right;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    color: #000000;
    text-decoration: none;
}

    .HeaderLogoRightLinks span {
        color: #000000;
    }

    .HeaderLogoRightLinks a {
        color: #000000;
    }

        .HeaderLogoRightLinks a:hover {
            color: Gray;
        }

.popupImage {
    max-width: 700px;
    max-height: 500px;
    vertical-align: middle;
}

#langs {
    height: 25px;
}

.pageFooter {
    background-image: url(../../Images/bottombg.jpg);
    background-repeat: repeat-x;
    height: 72px;
}

.Footer, .Footer a {
    font-size: 10px;
    font-weight: bold;
    /*color: #163979;*/
    color: #959596;
}

.FooterBanner {
    width: 100%;
    height: 22px;
    position: relative;
    border-top: solid 1px #959596; /*border-bottom-style: solid; 	border-bottom-width: 1px; 	border-bottom-color: Black;*/
}

.FooterLine {
    padding: 0px 7px 0px 7px;
    color: #959596;
}

.FooterLogoRight {
    float: right;
    margin-top: 5px;
    padding-right: 20px;
}

.FooterBottom {
    text-align: center;
    color: #506b9b;
    font-size: 0.6em;
    height: 25px;
    padding-top: 0px;
}

.Clearer {
    clear: both;
}

.zh-cn .footer, .zh-cn .footer a, .gu .footer, .gu .footer a {
    font-size: 12px;
}

.Tabs {
    border-top: 1px solid #959596;
    background-repeat: repeat-x;
    height: 68px;
    position: relative;
    font-family: inherit;
    color: #000;
    vertical-align: text-bottom;
}


.TabItem {
    padding-top: 5px;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    height: 64px;
}

    .TabItem a {
        color: #000;
        vertical-align: text-bottom;
    }

.TabItemline {
    padding: 0 0px 0 0px;
    border-right: solid 1px #959596;
    height: 55px;
    display: block;
}

.TabText {
    font-size: 11px;
}

.TabTextBold {
    font-weight: bold;
    line-height: 15px;
}

.TabProcessImage {
    text-align: center; /*height: 40px; 	float: right;     width: 80px;*/
}

.TabLeft {
    float: left;
    background-image: url( "../images/left.png" );
    width: 13px;
    height: 24px;
}

.TabRight {
    background-image: url( "../images/right.png" );
    width: 13px;
    height: 24px;
    float: right;
}

.TabMiddle {
    background-image: url( "../images/Centre.png" );
    height: 24px;
    background-repeat: repeat-x;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    vertical-align: baseline;
}

.ActiveTabLeft {
    float: left;
    background-image: url( "../images/activeleft.png" );
    width: 13px;
    height: 24px;
    background-repeat: no-repeat;
}

.ActiveTabRight {
    background-image: url( "../images/activeright.png" );
    width: 13px;
    height: 24px;
    float: right;
    background-repeat: no-repeat;
}

.ActiveTabMiddle {
    background-image: url( "../images/ActiveCentre.png" );
    height: 24px;
    background-repeat: repeat-x;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
}

.menu {
    color: #000000;
    font-size: 11px;
    height: 72px;
}

ul.menu li {
    float: right;
    padding: 0px;
    font-size: 12px;
    padding-left: 875px;
    font-weight: bold;
    list-style: none;
    margin: 0px;
    margin-right: 15px;
    vertical-align: bottom;
}


.btn {
    margin-top: 15px;
    width: 233px;
}

.menu a {
    color: #000000;
}

    .menu a:hover {
        color: #727274;
    }


/*Page Rendered Css From Database*/

.FBold {
    font-weight: bold;
}

.FSize10px {
    font-size: 10px;
}

.FSize11px {
    font-size: 11px;
}

.FSize12px {
    font-size: 12px;
}

.FSize13px {
    font-size: 13px;
}

.FSize14px {
    font-size: 14px;
}

.FSize15px {
    font-size: 20px;
}

.MBackgroundColor {
    background-color: #fff;
    border: solid 1px #727274;
}

.menuleftbg {
    background-image: url( "../images/bonasmenuleftbg.jpg" );
}

.menumiddlebg {
    background-image: url( "../images/bonasmenumiddlebg.jpg" );
    background-repeat: repeat-x;
}

.menurightbg {
    background-image: url( "../images/bonasmenurightbg.jpg" );
}

.FontFamily {
    font-family: inherit
}

.BigHedColor {
    color: #000000;
}

.UnderLine {
}

    .UnderLine:hover {
        text-decoration: none;
        text-decoration: underline;
    }

.BigLinkColor {
    color: #fff;
}

.ContentBackground {
    background-color: #fff;
    color: #000;
    color: #000;
}

.Calenderleftbg {
    background-image: url( "../images/bonastitleleft.jpg" );
}

.Calendermiddlebg {
    background-image: url( "../images/bonastitlemiddle.jpg" );
    background-repeat: repeat-x;
}

.Calenderrightbg {
    background-image: url( "../images/bonastitleright.jpg" );
}

.FontUppercase {
    text-transform: uppercase;
}

.CalenderFontFamily {
    color: #FFFFFF;
    font-family: inherit;
}

.Alink {
    color: #fff;
    text-decoration: none;
}

    .Alink:hover {
        color: #fff;
        text-decoration: underline;
    }

.CalenderTitle {
    background-color: #000;
    border: solid 1px #7d7d7d;
}

.Seprator {
    color: #787878;
}

.ViewMore {
    color: #727274;
    text-decoration: none;
    line-height: 24px;
}

    .ViewMore:hover {
        color: #727274;
        text-decoration: underline;
    }

.newheaderleftbg {
    background-image: url( "../images/bonastitleleft.jpg" );
    height: 28px;
    width: 7px;
    float: left;
}

.newheadermiddlebg {
    background-image: url( "../images/bonastitlemiddle.jpg" );
    background-repeat: repeat-x;
    height: 28px;
    color: #727274;
    width: 946px;
    float: left;
}

.newheaderrightbg {
    background-image: url( "../images/bonastitleright.jpg" );
    height: 28px;
    width: 7px;
    float: left;
}

.MenuSeparator {
    background: url(../../Images/bonasmenuseprator.jpg)no-repeat;
    width: 2px;
    height: 28px;
}

.BodyBackground {
    background-color: #fff;
    background-image: url(../../Images/bonasbg.png);
}

.ABackgroundColor {
    background-color: #fff;
    border: solid 1px #727274;
}

.ASubtitle {
    background-color: #EDE4DB;
    color: #000;
    padding: 5px;
    text-align: left;
}

.Alabel {
    color: #000;
}

.AGridLink {
    color: #fff;
}

.GeneralText {
    color: #333;
}

.Glabel {
    color: #000;
}

.GridViewRow {
    color: #000;
    height: 25px;
    font-size: 14px;
}

.GridViewAlternateRow {
    color: #000;
    height: 25px;
    font-size: 14px;
    background-color: #eeeeee;
}

.GridViewRowA {
    color: #000;
    height: 25px;
    font-size: 14px;
}

.GridViewAlternateRowA {
    color: #000;
    height: 25px;
    font-size: 14px;
    padding-left: 5px;
    background-color: #eeeeee;
}


.clsgridAuction {
    color: #000;
    height: 25px;
    font-size: 14px;
}



.clsgridAuctionQualified {
    color: #000;
    height: 25px;
    font-size: 14px;
    background-color: #9BBB59;
}


.HighBid {
    background-color: #000000;
    color: #fff;
}

.GvEdit {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/edit.png);
    background-repeat: no-repeat;
    background-position: 7px 2px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.GvAdd {
    background-image: url('/assets/images/arrows/plus-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px 20px;
}

.gvwinner {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/winnerdot.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.gvdraw:before {
    content: 'Draw!';
}

.gvdraw {
    padding: 0px 0px 10px 0px;
    margin-top: 3px;
    display: block;
    height: 13px;
    font-weight: bold; /*background-image: url(../../App_Themes/SamirGems/Images/Trans/drwadot.png); 	background-repeat: no-repeat; 	background-position: center; 	padding: 0px 0px 10px 25px; 	margin-top: 3px; 	display: block; 	height: 12px; */
}

.gvblank {
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.gvblanknobids {
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px 0px 10px 0px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.gvsecondbidder {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/bidsDown.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}


.GridSave {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/save.png);
    background-repeat: no-repeat;
    background-position: 7px 2px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.GvDelete {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/delete.png);
    background-repeat: no-repeat;
    background-position: 7px 2px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.GvUploadFile {
    background-image: url(../../App_Themes/SamirGems/Images/upload.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    display: block;
    height: 25px;
    width: 32px;
}

.GvDetailFile {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/Detail-icon1.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    display: block;
    height: 25px;
    width: 32px;
}

.GvCertiUpload {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/uploadCer.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    display: block;
    height: 25px;
    width: 25px;
}

.GvcertiUploadTick {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/UpCertificateTick.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px 0px 0px 0px;
    margin-top: 3px;
    display: block;
    height: 25px;
    width: 25px;
}

.GvDetail {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/detail.png);
    background-repeat: no-repeat;
    background-position: 7px 2px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}


.GvCancelBid {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/system_warning.png);
    background-repeat: no-repeat;
    background-position: 5px 2px;
    padding: 0px 0px 12px 25px;
    margin-top: 0px;
    display: block;
    height: 12px;
}

.GvTermsCond {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/TC.png);
    background-repeat: no-repeat;
    background-position: 7px 2px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.Gvtenderresult {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/tenderresult.png);
    background-repeat: no-repeat;
    background-position: 7px 2px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.GvViewertenderresult {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/Viewertenderresult.png);
    background-repeat: no-repeat;
    background-position: 7px 2px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.Gvcontactbidder {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/contactbidder.png);
    background-repeat: no-repeat;
    background-position: 7px 0px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.GvViewStock {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/view_stock.png);
    background-repeat: no-repeat;
    background-position: 7px 2px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.GvInvBidder {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/SelectParticipant.png);
    background-repeat: no-repeat;
    background-position: 7px 0px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.GvInvPpl {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/invPpl.png);
    background-repeat: no-repeat;
    background-position: 7px 2px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}


.GvViewerInvPpl {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/ViewerInvPpl.png);
    background-repeat: no-repeat;
    background-position: 7px 2px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.GvliveAuction {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/liveAuction.png);
    background-repeat: no-repeat;
    background-position: center -2px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.GvViewers {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/view.png);
    background-repeat: no-repeat;
    background-position: 7px 2px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.GvSelect {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/Select.png);
    background-repeat: no-repeat;
    background-position: 7px 2px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.GvUploaadDoc {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/Upload.png);
    background-repeat: no-repeat;
    background-position: 7px 2px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.GvViewDoc {
    background-image: url(../../App_Themes/SamirGems/Images/Trans/ViewDoc.png);
    background-repeat: no-repeat;
    background-position: 7px 2px;
    padding: 0px 0px 10px 25px;
    margin-top: 3px;
    display: block;
    height: 12px;
}

.GvLinkbutton {
    font-size: 13px;
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

    .GvLinkbutton:hover {
        text-decoration: underline;
        color: #000000;
    }

.linkbutton {
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}

.ASubtitleBorder {
    border: solid 1px #EDE4DB;
}

.BLink {
    color: #000;
    text-decoration: none;
}

    .BLink:hover {
        color: #000;
        text-decoration: underline;
    }

.tdBorder {
    border-width: 1px;
    border-color: #000000;
    border-collapse: collapse;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    padding: 0px 5px 0px 5px;
}

.tdBorderFirst {
    border-left: solid 1px #000;
    border-collapse: collapse;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    padding: 0px 5px 0px 5px;
}

.tdFooterRow {
    height: 25px;
    border-collapse: collapse;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    padding: 0px 5px 0px 5px;
}

.tdHighBid {
    border-collapse: collapse;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    padding: 0px 5px 0px 5px;
    background-color: #000000;
    color: #fff;
    border-top: solid 1px #000;
}

.tdOwnBid {
    border-collapse: collapse;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    padding: 0px 5px 0px 5px;
    background-color: #fff;
    color: #000;
    border-top: solid 1px #000;
}

.BidAgainLinkButton {
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
}

.GirdViewEmptyData {
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

.Alabelred {
    color: red;
}

.Note {
    width: 100%;
    padding: 5px;
    font-size: 13px;
    border: solid 1px Gray;
    background-color: #FDFFE3;
    color: red;
}

.divcap {
    background-color: #000;
    color: #fff;
    font-weight: bold;
    font-family: inherit;
}

.forTreePnl {
    font-size: 12px;
    border: 1px solid black;
}

.forTree a {
    color: #727274;
}

.leaf a {
    color: #727274;
}

.selectNode a {
    color: #000000;
}

.hoverNode a {
    color: #000000;
}

.parentNode a {
}

.node a {
}

.rootNode a {
}

.checkbox {
    font-size: 12px;
}

.linkbutton:hover {
    text-decoration: none;
}

.modalUpdateProgress {
    width: 200px;
    height: 50px;
    color: #000;
    background-color: #f9f5ed;
    border: solid 1px #727274;
    padding-top: 30px;
}

.TimeLeft {
    color: red;
    font-size: 14px;
    font-weight: bold;
}

.GridViewFooter {
    background-color: Transparent;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    height: 15px;
    text-decoration: none;
    text-align: left;
}

.GridViewPagger {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    height: 15px;
    text-decoration: none;
    text-align: left;
}

    .GridViewPagger a {
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        height: 15px;
        text-decoration: none;
        text-align: left;
    }

.w1p {
    width: 1;
    float: left;
}

.w2p {
    width: 2%;
    float: left;
}

.w5p {
    width: 5%;
    float: left;
}

.w6p {
    width: 6%;
    float: left;
}

.w7p {
    width: 7%;
    float: left;
}

.w10p {
    width: 10%;
    float: left;
}

.w11p {
    width: 11%;
    float: left;
}

.w15p {
    width: 15%;
    float: left;
}

.w17p {
    width: 17%;
    float: left;
}

.w20p {
    width: 20%;
    float: left;
}

.w25p {
    width: 25%;
    float: left;
}

.w30p {
    width: 30%;
    float: left;
}

.w35p {
    width: 35%;
    float: left;
    float: left;
}

.w40p {
    width: 40%;
    float: left;
}

.w41p {
    width: 41%;
    float: left;
}

.w45p {
    width: 45%;
    float: left;
    vertical-align: top;
}

.w50p {
    width: 50%;
    float: left;
}

.w55p {
    width: 55%;
    float: left;
}

.w59p {
    width: 59%;
    float: left;
}

.w60p {
    width: 60%;
    float: left;
}

.w65p {
    width: 65%;
    float: left;
}

.w70p {
    width: 70%;
    float: left;
}

.w75p {
    width: 75%;
    float: left;
}

.w80p {
    width: 80%;
    float: left;
}

.w85p {
    width: 85%;
    float: left;
}

.w90p {
    width: 90%;
    float: left;
}

.w95p {
    width: 95%;
    float: left;
}

.w100p {
    width: 100%;
    float: left;
}

.maindivRoot {
    width: 1200px;
    overflow: hidden;
    max-height: 389px;
}

.mainbody {
    padding-top: 2px;
    margin-right: 10px;
    margin-left: 10px;
}

.bodyHeader {
    font-size: small;
    font-weight: bold;
    color: #000000;
    height: 25px; /*height: 20px;*/
}

.bodyHeaderLeft {
    width: 40%;
    max-width: 75%;
    text-align: left;
    float: left;
}

.bodyHeaderRight {
    width: 60%;
    min-width: 375px;
    text-align: right;
    float: right;
}

.GridSection {
    margin-bottom: 5px;
}

.GridSectionHeader {
    clear: inherit;
    width: 100%;
    color: Gray;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 20px;
}

.GridSectionHeaderLeft {
    vertical-align: bottom;
    width: 40%;
    float: left;
    text-align: left;
    line-height: 26px;
}

.GridSectionHeaderRight {
    width: 60%;
    min-width: 400px;
    text-align: right;
    float: right;
}

.GridSectionContainer {
    width: 100%;
    font-size: 10px;
    color: Black;
    float: left;
    margin-bottom: 2px;
    overflow: auto;
    overflow-y: hidden;
}

.bodyContentInputForm {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    font-size: 12px;
    float: left;
}

.InputForm {
    width: 100%;
    font-size: 12px;
    text-decoration: none;
    float: left;
    line-height: 14px;
    margin-top: 10px;
}

.LabelEntry {
    width: 30%;
    text-align: right;
    float: left;
}

    .LabelEntry span {
        color: Red;
        width: 200px;
        font-size: 11px;
    }

.FieldEntry {
    float: left;
    width: 65%;
    text-align: left;
}

    .FieldEntry span {
        width: 200px;
        color: Red;
        font-size: 11px;
    }

        .FieldEntry span.StartBidTimeMsg {
            display: none;
            width: 350px;
            color: Red;
            font-size: 11px;
        }

.bodyContentSection, .bodyContentSection ul {
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px;
    vertical-align: middle;
}

    .bodyContentSection li {
        vertical-align: middle;
        display: block;
    }

.bodyContentInput {
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #333333;
    margin: 0;
    padding: 0;
    float: left;
    text-align: left;
    margin-bottom: 5px;
}

.bodyContentInputHeader {
    margin-bottom: 2px;
    text-decoration: none;
    color: #000000;
}

    .bodyContentInputHeader span {
        color: Red;
    }

.bodyContentInputField, .bodyContentInputField ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: auto;
    text-align: right;
    float: left;
    list-style: none;
}

    .bodyContentInputField li {
        display: list-item;
        margin-bottom: 7px;
    }

        .bodyContentInputField li Span {
            margin-right: 5px;
            color: Red;
        }

.bodyContentInputEntry, .bodyContentInputEntry ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: auto;
    float: left;
    list-style: none;
    text-align: left;
}

    .bodyContentInputEntry li {
        text-align: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
        margin-bottom: 5px;
        display: list-item;
        color: #333333;
    }

        .bodyContentInputEntry li Span {
            margin-right: 5px;
            color: Red;
        }

/* Upcomin Event*/

.Loginbg {
    /*	top: -375px; 	border:solid 1px red; 	background-image: url(../../Images/2.jpg); 	background-repeat: no-repeat; */
}

/*.LoginEvent
{
	position: relative;
	float: right;
	height: 100%;
	top: -375px;
	width: 247px;
	margin-right: 15px;
	background-image: url(../../Images/events_mainbox.png);
	background-repeat: no-repeat;
}*/
.LoginEvent {
    position: relative;
    height: 313px;
    width: 246px;
    margin-right: 10px;
    background-image: url(../../Images/events_mainbox.png);
    background-repeat: no-repeat;
    z-index: 5; /*             background: black;             opacity: 0.6;             filter: alpha(opacity=60); /* For IE8 and earlier              -moz-border-radius: .3em;             border-radius: .3em;*/
}

.LoginEventDivPanel {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 10px;
    height: 304px;
    font-family: inherit;
    font-size: 16px;
    text-align: left;
    float: left;
}

.LoginEventDivSubTitle {
    margin-top: 10px;
    width: 200px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

/*.LoginDivMiddel
{
	height: 50px;
	width: 100%;
	background-image: url(../../Images/login_mainbox.png);
	position: relative;
	float: right;
	top: -365px;
	background-repeat: repeat;
}*/

.LoginDivTextBox {
    background-image: url(../../Images/login_textbox.png);
    background-repeat: no-repeat;
    background-color: Transparent;
    width: 180px;
    height: 21px;
    border: none;
    padding-left: 5PX;
    margin-top: 5px;
    margin-left: 10px;
    font-weight: bold;
    color: #2b5299;
    font-size: 12px;
    line-height: 20px;
}

.clstblLogin {
    position: absolute;
    height: 379px;
    top: 178px;
    width: 1200px;
    z-index: 5;
}

.LoginDivMiddel {
    padding-top: 3px;
    height: 50px;
    width: 1200px;
    background-image: url(../../Images/login_mainbox.png);
    position: relative;
    float: right;
    z-index: 5;
    background-repeat: repeat;
}

.LoginDiv {
    position: relative;
    float: right;
    height: 359px;
    top: -375px;
    width: 268px;
    margin-right: 15px;
    background-image: url(../../Images/login_bg.png);
    background-repeat: no-repeat;
}

.LoginDivbotom {
    position: relative;
    float: right;
    height: 359px;
    top: -375px;
    width: 268px;
    margin-right: 15px;
    background-image: url(../../Images/login_bg.png);
    background-repeat: no-repeat;
}

.LoginDivPanel {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 10px;
    min-height: 220px;
    font-family: inherit;
    font-size: 16px;
    text-align: left;
    float: left;
}

.LoginDivTitle {
    color: #fff;
    text-decoration: none;
}

.LoginDivSubTitle {
    margin-top: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.LoginDivMessage {
    float: left;
    text-align: justify;
    margin-top: 5px;
    margin-right: 15px;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    color: red;
    text-decoration: none;
}

.EventMessage {
    width: 220px;
    float: left;
    margin-top: 5px;
    margin-right: 15px;
    font-family: inherit;
    font-size: 12px;
    color: White;
    text-decoration: none;
    height: 260px;
    overflow: hidden;
}

.LoginDivSubInput {
    margin-top: 10px; /*background-image: url(../../Images/loginmiddlebg.png);*/
    border: medium none;
    color: #000000;
    font: 11px Ultima,Arial;
    height: 31px;
    width: 233px;
}

.LoginDivSubInputTextBox {
    background-color: White;
    width: 170px;
    border: 1px solid #9c9c9c;
    -moz-border-radius: .3em;
    border-radius: .3em;
    height: 21px;
    border: none;
    padding-left: 5PX;
    margin-top: 5px;
    margin-left: 10px;
    font-weight: bold;
    color: #2b5299;
    font-size: 12px;
}

.LoginDivSubLinks {
    font: bold 10px inherit;
    vertical-align: bottom;
    padding-bottom: 3px;
}

    .LoginDivSubLinks span {
        color: #fff;
    }


.line {
    margin-top: 10px;
    background-image: url(../../Images/line01.png);
    background-repeat: no-repeat;
    width: 268px;
}


.loginklnk {
    width: 100%;
    margin-left: 15px;
    font-family: inherit;
    color: #cccccc;
    font-size: 12px;
    text-decoration: none;
}

.loginklnk01 {
    margin-top: 15px;
    margin-left: 15px;
    font-family: inherit;
    color: #cccccc;
    font-size: 12px;
    text-decoration: none;
}

.helpdesktitle {
    font-family: inherit;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    line-height: 22px;
}


.margintop5 {
    margin-top: 5px;
}

.margintop10 {
    margin-top: 10px;
}

.textleft {
    text-align: left;
}
/* timer css */
.timee20Green {
    font-size: 20px;
    text-align: center;
    font-family: inherit;
    font-weight: bold;
    /*padding-top: 5px;*/
    color: darkgreen;
}

.timee12 {
    font-size: 12px;
    text-align: center;
    font-family: inherit;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    /*padding-bottom: 5px;*/
}

.timerSection {
    width: 960px;
    float: right;
    height: 50px;
    margin-bottom: 10px;
}

.timerSectionLeft {
    width: 740px;
    float: left;
    height: 50px;
}

.timerSectionHeadBold {
    margin-left: 50px;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

    .timerSectionHeadBold Span.TitleMsg {
        text-align: center;
        line-height: 40px;
        font-size: 16px;
    }

.timerSectionHeadSub {
    font-size: 12px;
    line-height: 20px;
    width: 95%;
    text-align: left;
    float: left;
}

.timerSectionHeadSubLeft {
    float: left;
    text-align: left; /*text-decoration:underline;*/
    padding-left: 0px;
    line-height: 20px;
}

.timerSectionHeadSubRight {
    margin-left: 10px;
    width: 75%;
    float: left;
    text-align: left;
    line-height: 20px;
}

.timerSectionHeadSub Span.Title {
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
}

.timerSectionRight {
    width: 220px;
    float: right;
    height: 50px;
    text-align: center;
    float: right;
}

.timerSectionValue {
}

.timesec {
    margin-top: 10px;
    color: #000000;
    font-size: 20px;
    text-align: left;
    font-family: inherit;
    font-weight: bold;
}

.timetype {
    margin-top: 10px;
    font-size: 11px;
    text-align: center;
    font-family: inherit;
    font-weight: bold;
}

.aligncenter {
    text-align: center;
}

.timerSectionValue Span {
    color: #000000;
    font-size: 20px;
    text-align: center;
    font-family: inherit;
    font-weight: bold;
}

.timerSectionType Span {
    font-size: 11px;
    padding-right: 4px;
    text-align: center;
    font-family: inherit;
    font-weight: bold;
}

.PadLeftRight10 {
    padding-left: 10px;
    padding-right: 10px;
}

/* end timer css */

.menuRoot {
    vertical-align: middle;
    overflow: hidden;
    width: 100%;
    background: url(../../Images/menu-bg.png) repeat left top; /*default background color of tabs, left corner image*/
    height: 30px;
}

    .menuRoot a {
        float: right;
        font: bold 10px Arial,Helvetica, Sans-Serif;
        padding: 9px 14px 3px 6px;
        color: #000000; /*color: #000000;*/
    }

.Timesec {
    text-align: right;
    font-family: inherit;
    font-size: 12px;
    width: 75px; /*text-decoration :underline;*/
}

.TimesecRight {
    text-align: left;
    font-family: inherit;
    font-size: 12px;
    width: 330px;
}

.compulsary {
    color: Red;
    font-size: 12px;
    font-weight: bold;
}
/* button

*/
.loading {
    width: 200px;
    height: 50px;
    border: solid 1px #000000;
    color: #F91F32;
    padding: 5px;
}

.marginleft5 {
    margin-left: 5px;
}

.marginleft20 {
    margin-left: 20px;
}

.marginbottom10 {
    margin-bottom: 10px;
}

.numbertextbox {
    font-size: 11px;
    color: #000;
    border: 1px solid;
    height: 15PX;
    margin-left: 5px;
    font-family: inherit;
    text-align: right;
}

.divprocesscertified {
    width: 97px;
    text-align: center;
    padding-right: 12px;
}

.divlogo {
    padding-right: 120px;
    padding-top: 3px;
}










/* button end*/


.forgotleft {
    vertical-align: middle;
    line-height: 15px;
    width: 30%;
    text-align: right;
    float: left;
    vertical-align: middle;
}

.forgotright {
    vertical-align: middle;
    line-height: 15px;
    text-align: left;
    width: 70%;
    float: left;
    vertical-align: middle;
}

.lineheight15 {
    line-height: 15px;
    vertical-align: middle;
}

.lineheight18 {
    line-height: 18px;
    vertical-align: middle;
}

.lineheight19 {
    line-height: 19px;
    vertical-align: middle;
}

.lineheight20 {
    line-height: 20px;
    vertical-align: middle;
}

.lineheight16 {
    line-height: 16px;
    vertical-align: middle;
}

.bordered {
    border: solid 1px red;
}

.casesensitive {
    color: #fff;
    font-size: 10px;
    font-family: inherit;
    margin-bottom: 10px;
}

.gridtotalheight {
    line-height: 26px;
    vertical-align: bottom;
}

.clsgrid {
}

    .clsgrid tr:hover {
        background-color: #DDDDDD;
    }

#subTbl {
}

    #subTbl td {
        border: 0px solid red;
    }

.Grid {
    border: solid 1px #FFFFFF;
}

    .Grid td {
        border: solid 1px #000;
        margin: 1px 1px 1px 1px;
        padding: 1px 1px 1px 1px;
        text-align: center;
    }

.GridHeader {
    font-weight: bold;
    background-color: #8b8dbb;
}

.GridItem {
    background-color: #e6e6e6;
}

.GridAltItem {
    background-color: white;
}

.gridtabletd {
    padding: 3px;
    border-right: solid 1px #ffffff;
}

.gridtabletdb {
    padding: 3px;
    border-right: solid 1px #000000;
}

.bodycontentheaderp {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    margin: 0;
    padding: 0;
    float: left;
    text-align: left;
    margin-bottom: 5px;
}



/* button */

.button1 {
    margin-left: 5px;
    margin-bottom: 3px;
    text-decoration: none;
    font: bold 12px Ultima,Arial, 'Trebuchet MS', Helvetica; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #000;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    height: 24px;
}

    .button1, .button1 span {
        -moz-border-radius: .3em;
        border-radius: .3em;
    }

        .button1 span {
            border-top: 1px solid #fff; /* Fallback style */
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            display: block;
            padding: 0.5em 2.5em; /* The background pattern */
            background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
            background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%); /* Pattern settings */
            -moz-background-size: 3px 3px;
            -webkit-background-size: 3px 3px;
            background-size: 3px 3px;
        }

        .button1:hover {
            box-shadow: 0 0 .1em rgba(0,0,0,0.4);
            -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
            -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
        }

        .button1:active {
            /* When pressed, move it down 1px */
            position: relative;
            top: 1px;
        }

.button1-blue {
    background: #2b5299;
    background: -webkit-gradient(linear, left top, left bottom, from(#727274), to(#2b5299) );
    background: -moz-linear-gradient(-90deg, #727274, #2b5299);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr= '#727274', endColorstr= '#2b5299' );
}

    .button1-blue:hover {
        background: #727274;
        background: -webkit-gradient(linear, left top, left bottom, from(#2b5299), to(#727274) );
        background: -moz-linear-gradient(-90deg, #2b5299, #727274);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr= '#2b5299', endColorstr= '#727274' );
    }

    .button1-blue:active {
        background: #2b5299;
    }

.linkinvite {
    color: #000000;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.linkinvitedisable {
    color: #727274;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.resulttdleft {
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    font-family: inherit;
    color: #fff;
    border-left: solid 1px #000;
    border-top: solid 1px #000;
    background-color: #000;
}

.resulttdright {
    text-align: right;
    font-weight: bold;
    font-size: 12px;
    font-family: inherit;
    color: Black;
    border-left: solid 1px #000;
    border-top: solid 1px #000;
}



.borderright {
    border-right: solid 1px #000;
}

.borderbottom {
    border-bottom: solid 1px #000;
}

.borderleft {
    border-left: solid 1px #000;
}

.bordertop {
    border-top: solid 1px #000;
}

#scrollbar1 {
    width: 200px;
    margin: 20px 0 10px;
}

    #scrollbar1 .viewport {
        width: 200px;
        height: 100px;
        overflow: hidden;
        position: relative;
    }

    #scrollbar1 .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
    }

    #scrollbar1 .scrollbar {
        background: transparent url(../../images/bg-scrollbar-track-y.png) no-repeat 0 0;
        position: relative;
        background-position: 0 0;
        float: right;
        width: 15px;
    }

    #scrollbar1 .track {
        background: transparent url(../../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
        height: 100%;
        width: 13px;
        position: relative;
        padding: 0 1px;
    }

    #scrollbar1 .thumb {
        background: transparent url(../../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
        height: 20px;
        width: 25px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: -5px;
    }

        #scrollbar1 .thumb .end {
            background: transparent url(../../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
            overflow: hidden;
            height: 5px;
            width: 25px;
        }

    #scrollbar1 .disable {
        display: none;
    }





.slider_gutter {
    float: left;
    width: 100%;
    display: block;
    position: relative;
}

.slider_gutter_item {
    position: relative;
    float: left;
    left: 100%;
}

#slider_minmax_gutter_l, .slider_gutter_l {
    width: 10px;
    margin-left: -100%;
    height: 20px;
    background: url(../images/slider_l.gif) no-repeat;
}

#slider_minmax_gutter_m {
    width: 360px;
    margin-left: -370px;
    height: 20px;
    background: url(../images/slider_rptr.gif) repeat-x;
}

#slider_minmax_gutter_r, .slider_gutter_r {
    width: 10px;
    margin-left: -15px;
    height: 20px;
    background: url(../images/slider_r.gif) no-repeat;
    border: 1px;
}

#minmax_slider {
    width: 380px;
    margin: 0px 10px;
}


/*.slider_gutter_bkg{ position: absolute; background:url(../images/bkg_slider.gif) repeat-x; height:8px; margin:6px 0px 0px -10px; width:374px; clip:rect(0, 20px, 0, 20px)}
*/
.knob {
    position: absolute;
    height: 20px;
    width: 20px;
    background: url(../../images/slider_knob.gif) no-repeat;
    cursor: pointer;
}

/* For Clip */

#slider_bkg_img {
    position: absolute;
    height: 8px;
    margin: 6px 0px 0px -10px;
    width: 374px;
}

.mainlogo {
    content: url(Images/logo/logo.png);
}

.logo a {
    display: block;
    width: 250px;
}

    .logo a img {
        width: auto;
        display: block;
        height: 93px;
    }

.admin-header .logo-inner a {
    height: 93px;
}

.logo-icon, .favicon {
    content: url(Images/logo/favicon.png);
}

.logo-inner a {
    display: block;
    width: auto;
    height: 55px;
}

.company-name:after,
.companyname:after {
    content: "Samir Gems";
}

.login-area {
    background-image: url(Images/bg.png);
}

    .login-area:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-image: url(../../App_Themes/SamirGems/Images/bg-vector.png);
        opacity: 0.3;
    }

.menu-login ul {
    background: transparent;
}
.loginsvg {
    content: url(Images/login.svg);
}

.loader-set {
    content: url(Images/logo/favicon.png);
}

.login-form {
    padding: 2rem;
}

.login-header h1 span {
    font-size: 20px;
    margin-top: 4px;
}

.footer-panel p:first-child a {
    color: #a3a3a3;
}

.world-clock .clock:before {
    background: #e5ebff;
    opacity: 1;
}

@media (max-width: 991px) {
    .main-menu {
        padding-top: 8rem;
    }
    .admin-header .logo-inner a {
        height: 76px;
    }
}

@media (max-width:500px) {
    .admin-header .logo-inner a {
        height: 36px;
    }

    .table-top-btn .button, .theme-btn {
        padding: 10px 20px;
    }

    .logo a {
        width: 100% !important;
    }

    .main-menu {
        padding-top: 5rem;
    }
}