/* Minification failed. Returning unminified contents.
(9,1): run-time error CSS1019: Unexpected token, found '@import'
(9,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Lato')'
(9656,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9657,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9666,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9667,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@charset "utf-8";
/* CSS Document */

html {
    width: 100%;
    height: 100%;
}

@import url('https://fonts.googleapis.com/css?family=Lato');

body {
    margin: 0;
    padding: 0px;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    width: 100%;
    /*height:100%;*/
    /*background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x
	background-color:#cd1e0b;*/ background-color: #fff;
}

.fa-info-circle {
    display: none !important;
}

.bodyLogout {
    margin: 0px;
    padding: 0px;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    width: 100%;
    height: 100%;
    background-color: #8c8c8c;
}

a {
    color: #8c8c8c;
    text-decoration: none;
}

    a > i {
        color: #5e5e5e;
        text-decoration: none;
    }

    a:hover {
        color: #f7a411;
    }

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.admin-tab {
    margin-top: 10px;
}

.shadetabs {
    overflow: hidden;
    width: 100%;
    margin: 0px 0 -1px 0;
    padding: 0;
    list-style: none;
}

    .shadetabs li {
        float: left;
        margin: 0;
    }

        .shadetabs li a {
            float: left;
            position: relative;
            padding: 0 10px;
            font-size: 13px;
            line-height: 30px;
            background: #f0f0f0;
            text-decoration: none;
            color: #8c8c8c;
            border: 1px solid #8c8c8c;
            border-bottom: none !important;
            margin-right: 5px;
        }

            .shadetabs li a.selected {
                background: #fff;
                margin-top: 1px;
                border-bottom: none;
            }

            .shadetabs li a:hover {
                color: #8c8c8c;
                background: #fff;
            }

    .shadetabs a:focus {
        outline: 0;
    }

    .shadetabs #current {
        z-index: 3;
        border-bottom-color: #8c8c8c;
    }
/*.shadetabs {
    font-size: 13px;
    list-style-type: none;
    margin-left: -40px;
}

    .shadetabs li {
        display: inline;
        margin: 0;
    }

        .shadetabs li a {
               float: left;
            position: relative;
            padding: 0 10px;
            font-size: 13px;
            line-height: 30px;
            background: #f0f0f0;
            text-decoration: none;
            color: #8c8c8c;
            border: 1px solid #8c8c8c;
            margin-right: 5px;
        }

            .shadetabs li a:visited {
                color: #8c8c8c;
                text-decoration: none;
            }

            .shadetabs li a:hover {
                text-decoration: none;
                color: #8c8c8c;
                background-color: #fff;
            }

            .shadetabs li a.selected {
               background: #fff;
                margin-top: 1px;
                border-bottom: none;
            }

                .shadetabs li a.selected:hover {
                    text-decoration: none;
                    color: #8c8c8c;
                    background-color: #f0f0f0;
                }*/

.tabbox {
    border: 1px solid #8c8c8c;
    width: 98%;
    margin-bottom: 5px;
    margin-top: 0px;
    padding: 7px;
    background-color: #FFFFFF;
    overflow: hidden;
}

/*------------ Admin Sub Tab -----------------------*/

.Adminsub-tab li a {
    background-color: #969595 !important;
    border-top: 1px solid #fff !important;
    color: #fff !important;
}

    .Adminsub-tab li a.selected {
        background-color: #f7a411 !important;
        border-top: 1px solid #fff !important;
        color: #fff !important;
        text-decoration: none;
    }

/*------------ Classes for DHTML Layout-----------------------*/
.containerMain {
    width: 100%;
    height: 100%;
    /*vertical-align:text-top;
vertical-align:top;*/
    /*margin:0px 10px 0px 10px;
background-color:#353535;*/ background-color: #fff;
    /*position:relative;
                            top:25px;*/
}

.fixedHeader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    background-color: #fff;
    height: 83px;
    border-bottom: solid 2px rgba(213, 213, 213, 0.75);
}

.headerArea {
    padding: 0px;
    margin: 0px;
    background-color: #ffffff;
    width: 100%;
}

.headerbar {
    /*background-image:url(../Content/images/nav2bg.jpg);
background-color:#e8ebf0;

background-position:top;
background-repeat:repeat-x; */
    background-color: #f9fbfc;
    /*    -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.47);
    -moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.47);
    box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.47);*/
    /*height:37px;*/
    margin: 0px;
    vertical-align: top;
}

.contentAreaBox {
    /*background-color:#333;*/
    width: auto;
    margin: 0;
    padding: 0 0 40px 0;
    top: 95px;
    position: relative;
}

.contentArea {
    /*background-image:url(../images/inner-catalog-bg.jpg);
	background-repeat:repeat-x;*/
    padding: 0px;
    margin: 0;
    background-color: #fff;
}
/*--------- left Panel ---------------*/
.leftPanel {
    width: 24%;
    float: left;
    margin-left: 8px;
    margin-top: 11px; /*background-color:#FFFFFF;
border-radius:0px 0px 6px 6px;*/
}

.categoryList {
    padding: 0px 0px 0px 0px;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    /*background-color:#FFF;*/
    margin: 0px 0px 0px 0px;
}

.miniCart { /*background-color:#FFF;
margin:5px 0px 0px 0px;
padding: 10px 0px 0px 0px;*/
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
}
/*--------- end left Panel ---------------*/

/*--------- right Panel ---------------*/
.rightPanel {
    margin-top: -10px;
    width: 98.5%;
    float: right;
    margin-left: 0px;
    /*background-color:#FFFFFF;*/
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
}

.searchBoxArea {
    width: 97.5%;
    /*-moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	background-image:url(../images/searchBg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#dbdbdb;*/
    padding: 8px 8px 8px 8px;
    margin: 10px 0px 0px 0px;
    height: 45px;
}

.bannerBoxArea {
    width: 97.5%;
    /*-moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;*/
    padding: 8px 8px 8px 8px;
    /*background-color:#fbfbfb;*/
    margin: 10px 0px 0px 0px;
}

.gridBoxArea {
    width: 97.5%;
    -moz-border-radius: 6px 6px 6px 6px;
    /*border-radius: 6px 6px 6px 6px;*/
    padding: 8px 8px 8px 8px;
    background-color: #fbfbfb;
    margin: 10px 0px 0px 0px;
}

.recentOrderheading {
    color: #000;
    font-size: 22px;
    font-weight: normal;
    /*padding: 4px;*/
    text-align: left;
    vertical-align: middle;
    margin: 10px 0px 10px 0px;
}

.stepwizard {
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    margin: 0px auto;
    height: 67px;
}

/*Process Step Start*/

.processwrapper {
    width: 800px;
    margin: 0px auto;
}

.visuallyhidden {
    display: none;
}

.wizard-progress {
    color: #999999;
    float: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 14px;
    list-style: outside none none;
    margin: 10px 0 20px 45px;
    padding: 0;
    white-space: nowrap;
}

    .wizard-progress li {
        float: left;
        margin-left: 38px;
        margin-right: 78px;
        position: relative;
        text-align: center;
        width: 135px;
    }

    .wizard-progress .step-name {
        display: table-cell;
        text-align: center;
        vertical-align: bottom;
        width: 100px;
        padding-left: 0px;
    }

    .wizard-progress .step-name-wrapper {
        display: table-cell;
        height: 100%;
        vertical-align: bottom;
    }

    .wizard-progress .step-num {
        background-color: #b0b0b0;
        border: 3px solid #dcdcdc;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        width: 18px;
    }

        .wizard-progress .step-num::after {
            background: #dcdcdc none repeat scroll 0 0;
            bottom: 29px;
            color: #fff;
            content: "";
            display: block;
            height: 5px;
            left: 85px;
            position: absolute;
            width: 248px;
        }

    .wizard-progress li:last-of-type .step-num::after {
        display: none;
    }

    .wizard-progress .active-step .step-num {
        background-color: #92cc3b;
    }

/*Process Step Close*/
.vendor-code-list-container {
    border: solid 1px #cccccc;
    padding: 10px;
    margin: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 60px;
    min-height: 60px;
}

.vendor-code-item {
    display: inline-block;
    padding: 5px;
    margin: 2px;
    font-size: 11px;
    background: #e0e0e1;
    border: solid 1px #adadad;
}

/*--------- end right Panel ---------------*/

/*------------- footer Area -------------*/

.footerLinksArea {
    /*width:95%;*/
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    padding: 10px 10px 10px 10px;
    background-image: url(../images/footerNavMiddle.jpg);
    background-position: top;
    background-repeat: repeat-x;
    /*box-shadow: 0px 0px 12px 0px #999999;
	background-color:#cd1e0b;*/
    margin: 0px 10px 0px 10px;
    background-color: #cd1e0b;
}

.footerBar {
    /*background-image:url(../images/footerbg.jpg);
border-top:2px solid #97b6d0;*/
    padding: 12px 5px 8px 5px;
    vertical-align: middle;
    width: 100%;
    display: block;
    position: fixed;
    z-index: 1001;
    left: 0;
    bottom: 0;
    background-color: #e5e5e5;
}
/*------------- end footer Area -------------*/

.spacerclass {
    clear: both;
    padding: 0px;
    margin: 0px;
    height: 10px;
}

.clearboth {
    clear: both;
    padding: 0px;
    margin: 0px;
}
/*------------ End Classes for DHTML Layout-----------------------*/
/*------------ End Classes for DHTML Layout-----------------------*/
/*------------ End Classes for DHTML Layout-----------------------*/
/*------------ End Classes for DHTML Layout-----------------------*/
/*------------ End Classes for DHTML Layout-----------------------*/
/*------------ End Classes for DHTML Layout-----------------------*/
/*------------ End Classes for DHTML Layout-----------------------*/
/*------------ End Classes for DHTML Layout-----------------------*/
/*------------ End Classes for DHTML Layout-----------------------*/

/*Main container class Add by anoop date 20th September*/
.mainContainer {
    width: 100%;
    height: 100%;
    /*	background-image:url(../images/bg.png);
	background-position:center;
	background-repeat:no-repeat;*/
    vertical-align: text-top;
    vertical-align: top;
}

.mainContainer2 {
    width: 100%;
    height: 100%;
    background-color: #ffffff; /*border-left:4px #db321d solid;
	border-right:4px #db321d solid;*/
}
/*---- Header Area anoop date 20th September */

.container2header {
    height: 15%;
    width: 100%;
    vertical-align: top;
    background-color: #ffffff;
}

.headerHeight {
    height: 70px;
    vertical-align: middle;
}
/*----Contant Area--------*/

.container2body {
    height: 85%;
    width: 100%;
    /*vertical-align:top;
background-image:url(../images/bg.png);
background-position:center;
background-repeat:no-repeat;*/
    background: none;
}

.nav1level {
    background-image: url(../images/nav1bg.jpg);
    background-position: center;
    background-repeat: repeat-x;
    height: 50px;
    width: 100%;
}

.nav2level {
    background-image: url(../images/nav2bg.jpg);
    background-position: center;
    background-repeat: repeat-x;
    height: 37px;
    width: 100%;
    vertical-align: middle;
}

.logo {
    background-image: url(../images/logo.jpg);
    background-position: left;
    background-repeat: no-repeat;
    height: 48px;
    width: 447px;
}
/*----------footer classes anoop date 20th September----------*/

.welcomeText {
    font-size: 18px;
    color: #ffffff;
    vertical-align: middle;
    padding: 0px 0px 0px 10px;
}

.loginBg {
    /*background-image:url(../images/loginbg.jpg);*/
   /* background-color: #A9A9A9; */
    background-position: top center;
    background-repeat: repeat-x;
    width: 100%;
    border: 3px solid #ffffff;
    /*	-moz-border-radius:10px;
	border-radius: 10px;
	-moz-box-shadow: 5px 5px 5px 5px #999999;
	-webkit-box-shadow: 5px 5px 5px 5px #999999;
	box-shadow: 0px 0px 18px 0px #999999;*/
    height: 254px;
    width: 390px;
    padding: 12px 12px 12px 10px;
}

    .loginBg table tr td {
        font-weight: normal;
        font-size: 12px;
        color: #585f69;
        font-size: 14px;
        letter-spacing: 1px;
    }

.buttonClass {
    background-color: #fff;
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #f7a411;
    color: #f7a411;
    cursor: pointer;
    font-size: 12px;
    margin: 5px;
    padding: 8px;
    text-decoration: none;
    text-transform: uppercase;
}

    .buttonClass:hover {
        background-color: #f7a411;
        color: #fff;
    }
/*.buttonClass {
	background-image:url(../images/redbutton.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#fa4730;
	-moz-border-radius:1px;
	padding: 3px 10px 3px 10px;
	color:#ffffff;
	border: 0px solid #0C6 ;
	border-radius:6px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
	}

	.buttonClass:hover {
	background-image:url(../images/redbuttonHover.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#920605;
	-moz-border-radius:1px;
	padding: 3px 10px 3px 10px;
	color:#ffffff;
	border: 0px solid #0C6 ;
	border-radius:6px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
	}*/

.grayButton {
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    color: #666666;
    background-color: #f0f0f0;
    padding: 2px 8px 2px 8px;
    border: 0px solid #0C6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #cccccc;
}

    .grayButton:hover {
        font-family: 'Lato', sans-serif;
        font-size: 10px;
        text-transform: uppercase;
        background-color: #f0f0f0;
        padding: 2px 8px 2px 8px;
        color: #666666;
        border: 0px solid #0C6;
        border-radius: 4px;
        -moz-border-radius: 4px;
        margin: 0px 0px 0px 0px;
        border: 1px solid #cccccc;
    }

.buttoncart {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    background-image: url(../images/continueCart.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #e43a26;
    padding: 3px 25px 3px 4px;
    color: #ffffff;
    border: 0px solid #0C6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

    .buttoncart:hover {
        font-family: 'Lato', sans-serif;
        text-transform: uppercase;
        font-size: 10px;
        background-image: url(../images/continueCart.png);
        background-position: right center;
        background-repeat: no-repeat;
        background-color: #920605;
        padding: 3px 25px 3px 4px;
        color: #ffffff;
        border: 0px solid #0C6;
        border-radius: 4px;
        -moz-border-radius: 4px;
        margin: 0px 0px 0px 0px;
        cursor: pointer;
    }

.largeButton {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    /*background-image:url(../images/redbutton.jpg);
    	border: 1px solid #850a05 ;
	border-radius:4px;
	-moz-border-radius:4px;*/
    border: 0;
    background-position: bottom;
    background-repeat: repeat-x;
    /*background-color:#fa4730;*/
    background-color: #f7a411;
    padding: 8px 5px 8px 5px;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

    .largeButton:hover {
        background-color: #ff4242;
        color: #ffffff;
    }

.textLogin {
    font-size: 22px;
    font-weight: bolder;
    text-align: left;
    color: #ffffff;
    line-height: 30px;
    border-bottom: 2px solid #ffffff;
}

.textLogin1 {
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    line-height: 30px;
}

.textFieldLogin {
    font-size: 14px !important;
    padding: 6px 4px 6px 5px;
    border: medium none;
    border: 1px solid #5286b1;
    /*border-radius: 8px 8px 8px 8px;
    -moz-border-radius:8px 8px 8px 8px;
    box-shadow: 0 1px 3px #333333 inset;*/
    width: 200px;
}

select.textFieldLogin {
    width: 211px;
    padding: 6px 4px 6px 5px;
}

.footerLink {
    color: #000000;
    text-decoration: none;
}

    .footerLink:hover {
        color: #f7a411;
        text-decoration: underline;
    }

.headertext {
    color: #5e5e5e;
    font-size: 12px;
    text-decoration: none;
    padding: 2px;
    margin: 2px;
}

.headerLink {
    color: #5e5e5e;
    font-size: 12px;
    text-decoration: none;
    padding: 2px;
    margin: 2px;
    cursor: pointer;
}

    .headerLink:hover {
        color: #f7a411;
        font-size: 12px;
        padding: 2px;
        margin: 2px;
        text-decoration: none;
    }

.headerLinkSelected1 {
    color: #000;
    font-size: 12px;
    padding: 2px;
    margin: 2px;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}

    .headerLinkSelected1:hover {
        color: #FF0000;
        font-size: 12px;
        padding: 2px;
        margin: 2px;
        text-decoration: none;
        font-weight: bold;
    }

.LinkNav {
    color: #5e5e5e;
    font-size: 12px;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
    margin: 1px;
    /*background-color:#CCCCCC;*/
    border-radius: 4px;
    -moz-border-radius: 4px;
}

    .LinkNav:hover {
        color: #000000;
        font-size: 12px;
        padding: 2px 5px 2px 5px;
        margin: 1px;
        text-decoration: none;
        background-color: #f0f0f0;
        border-radius: 4px;
        -moz-border-radius: 4px;
    }

.LinkNav1 {
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    color: #666666;
    text-decoration: none;
    padding: 4px 8px 4px 8px;
    /*background-color:#CCCCCC;*/
    border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
}

    .LinkNav1:hover {
        font-family: 'Lato', sans-serif;
        font-size: 10px;
        text-transform: uppercase;
        color: #ffffff;
        padding: 4px 8px 4px 8px;
        text-decoration: none;
        background-color: #cf2e1c;
        border: 1px solid #a62517;
        border-radius: 4px;
        -moz-border-radius: 4px;
    }

.gridtextLink {
    color: #5286B1;
    font-size: 11px;
    text-decoration: underline;
    cursor: pointer;
}

.gridtextNoLink {
    color: #000000;
    font-size: 11px;
    text-decoration: underline;
    cursor: text;
}

.gridtextLink:hover {
    color: #f7a411;
    font-size: 11px;
    text-decoration: underline;
    cursor: pointer;
}

.gridtext {
    color: #000000;
    font-size: 11px;
    cursor: pointer;
    text-decoration: none;
}

    .gridtext:hover {
        color: #FF0000;
        font-size: 11px;
        cursor: pointer;
        text-decoration: none;
    }

.gridtextLink1 {
    color: #5286B1;
    font-size: 11px;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}

    .gridtextLink1:hover {
        color: #f7a411;
        font-size: 11px;
        text-decoration: underline;
        font-weight: bold;
        cursor: pointer;
    }

.languageBox {
    width: 100%;
    -moz-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    padding: 10px 10px 10px 10px;
    background-image: url(../images/languageBg.jpg);
    height: 44px;
    background-position: top;
    background-repeat: repeat-x;
    /*height:49px;
	box-shadow: 0px 0px 12px 0px #999999;*/
    background-color: #878c8f;
}

.languageList {
    /*font-size:12px;
	height:25px;
	vertical-align:middle;
	width:130px;
	border:1px solid 8b9093;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:0px 10px 0px 0px;*/
    font-size: 11px;
    padding: 3px 4px 3px 5px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    width: 170px;
    border: 1px solid #cccccc; /*opacity: 0;*/
}
/*------------- for language and  location--------*/
span.select {
    background-image: url(../images/downArrow.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #666666;
    font-size: 10px;
    padding: 0px 15px 0px 5px;
    position: absolute;
    /*width: 158px;
   overflow: hidden;*/
    text-align: left;
    font-weight: normal;
    text-transform: uppercase;
}

span.selectone {
    /*background-image:url(../images/downArrow.png);
	background-repeat:no-repeat;
    background-position:right;*/
    color: #666666;
    font-size: 10px;
    padding: 0px 15px 0px 5px;
    position: absolute;
    text-align: left;
    font-weight: normal;
    text-transform: uppercase;
}

select.styled {
    position: relative;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;
    font-size: 11px;
    color: #333333;
    font-family: 'Lato', sans-serif;
}

.languageList1 {
    /*font-size:11px;
	border-radius: 0px 0px 0px 0px;
    border:0px solid #cccccc;
	background-color:transparent;
padding: 3px 4px 3px 5px;
		opacity: 0;
	width: 190px;*/
}

.searchBox {
    width: 100%;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    padding: 10px 10px 10px 10px;
    background-image: url(../images/searchBg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    /*height:49px;
	box-shadow: 0px 0px 12px 0px #999999;*/
    background-color: #dbdbdb;
}

.bannerBox {
    width: 100%;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    padding: 8px 8px 8px 8px;
    /*background-image:url(../images/searchBg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:49px;
	box-shadow: 0px 0px 12px 0px #999999;*/
    background-color: #f6f8f4;
}

.gridBox {
    width: 100%;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    padding: 8px 8px 8px 8px;
    /*background-image:url(../images/searchBg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:49px;
	box-shadow: 0px 0px 12px 0px #999999;*/
    background-color: #f6f8f4;
}

.newsBgBox {
    /*background-image:url(../images/newsBg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;*/
    background-color: #f0f0f0;
    padding: 4px 4px 4px 8px;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #000;
    border-left: 1px dotted #ccc;
    text-decoration: none;
}

    .newsBgBox span {
        font-weight: bold;
        color: #000000;
    }
/*--------- Left Pannel add by anoop  date 20th September*/

.leftnavBoxbg {
    background-color: #ffffff;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
}

.leftnavBoxbg1 {
    background-color: #ffffff;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
}

.leftnavBox {
    background-color: #ffffff;
    border: 1px solid #8c8c8c;
    /*border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;*/
}

.leftnavBox1 {
    background-color: #ffffff;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
}

.leftnavHeading {
    font-size: 14px;
    font-weight: bold;
    background-color: #b7b8bc;
    text-align: left;
    color: #000000;
    padding: 8px 3px 8px 10px;
}

.SectionHeading {
    /*background-image:url(../images/menumiddle.png);
background-repeat:repeat-x;
background-position:top;
background-color:#c60000;*/
    background-color: #DEDFE3;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #000000;
    padding: 5px 5px 5px 5px;
    text-shadow: 0 1px 0 #ffffff; /*text-shadow: 0 1px 0 #000000;*/
}
/*--- Footer nav List add by anoop date -----*/

.footerNavbg {
    background-color: #353535;
}

.footerBg {
    background-image: url(../images/footerbg.jpg);
    background-position: center;
    background-repeat: repeat-x;
    width: 100%;
    height: 41px;
    vertical-align: middle;
}

.footerText {
    text-align: center;
    padding-right: 10px;
    vertical-align: middle;
}

.footerNavleft {
    background-image: url(../images/footerNavLeft.jpg);
    background-position: top right;
    background-repeat: repeat-x;
    background-color: #cd1e0b;
    width: 14px;
}

.footerNavmiddle {
    background-image: url(../images/footerNavMiddle.jpg);
    background-position: top center;
    background-repeat: repeat-x;
    background-color: #cd1e0b;
}

.footerNavRight {
    background-image: url(../images/footerNavRight.jpg);
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #cd1e0b;
    width: 14px;
}

.footerNav {
    width: 98%;
    /*border-top: 1px solid #c23c31;
	border-left: 1px solid #c23c31;
	border-right: 1px solid #c23c31;*/
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 10px 10px 10px;
    background-image: url(../images/footerNavMiddle.jpg);
    background-position: top;
    background-repeat: repeat-x;
    /*box-shadow: 0px 0px 12px 0px #999999;*/
    background-color: #cd1e0b;
}

.footerNavHead {
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    text-align: left;
    padding: 5px;
    text-shadow: 0 1px 0 #000000;
}

.footerNavText {
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    text-align: left;
    padding: 1px 4px 1px 6px;
}

.bodyContainer {
    width: 90%;
    background-color: #ffffff;
    vertical-align: top;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    box-shadow: 0px 0px 12px 0px #999999;
    margin: 20px 20px 20px 20px;
    border: 1px solid #cccccc;
}
/*---------- Text Class----------*/

.SearchLable {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    color: #666666;
}

.EmptyGridLable {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    color: #666666;
}

.Searchtextbox {
    border: 1px solid #a7a7a7;
    /*border-radius: 6px;
  box-shadow: 1px 0 2px #ccc inset;*/
    color: #999999;
    font-size: 15px;
    padding: 4px 4px 8px 6px;
    width: 500px;
}

.Searchtextbox1 {
    /*border: 1px solid #a7a7a7;
	border-radius: 6px;
	box-shadow: 1px 0 2px #ccc inset;*/
    color: #999999;
    font-size: 15px;
    padding: 8px 4px 8px 6px;
    width: 180px;
}

.Searchselectbox1 {
    font-size: 15px;
    padding: 7px 4px 7px 6px;
    /*border: medium none;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	box-shadow: 1px 0px 4px 1px #999999 inset;border:1px solid #a7a7a7;*/
    width: 180px;
    color: #999999;
}

.HeadingLarge {
    text-align: left;
    vertical-align: middle;
    font-size: 22px;
    font-weight: normal;
    padding: 4px;
    color: #ffffff;
    text-shadow: #000 1px 0px 3px 0px;
}
/*--------- Grid class-------*/

.Gridheader {
    background-image: url(../images/headbg.jpg);
    background-position: left;
    background-repeat: repeat-x;
    width: 100%;
    height: 37px;
    border-radius: 15px 15px 0px 0px;
    -moz-border-radius: 15px 15px 0px 0px;
    text-align: left;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
    padding: 0px 0px 0px 12px;
    color: #585858;
}

.GridsubHeadingCenter {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
}

    .GridsubHeadingCenter th {
        background-color: #e5e5e5;
        background-position: center bottom;
        background-repeat: repeat-x;
        border-bottom: 1px solid #8c8c8c;
        border-right: 1px solid #8c8c8c;
        color: #666;
        font-size: 13px;
        padding: 5px;
        text-align: left;
    }

.headingth th {
    text-align: center !important;
}

.GridsubHeadingCenter th a {
    color: #666;
    font-size: 12px;
    text-decoration: underline;
    font-weight: bold;
}

    .GridsubHeadingCenter th a:hover {
        color: #5e5e5e;
        font-size: 12px;
        text-decoration: underline;
        font-weight: bold;
    }

.GridsubHeadingCenter td {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    padding: 6px 4px 6px 4px;
    /*text-shadow: 0 1px 0 #ffffff;
	background-image:url(../images/gridheder.jpg);
	background-position:bottom center;
	background-repeat:repeat-x;
	background-color:#ecedf1;*/ background-color: #8ac43c;
}

.GridsubHeading {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-align: left;
    font-size: 12px;
    color: #fff;
    padding: 6px 4px 6px 4px;
    /*background-image:url(../images/gridheder.jpg);
background-color:#ecedf1;
*/
    background-color: #8ac43c;
    background-position: bottom center;
    background-repeat: repeat-x;
}

    .GridsubHeading th {
        font-family: 'Lato', sans-serif;
        font-weight: bold;
        text-align: left;
        font-size: 12px;
        color: #fff;
        padding: 6px 4px 6px 4px;
        /*text-shadow: 0 1px 0 #ffffff;*/
        background-color: #8ac43c;
        background-position: bottom center;
        background-repeat: repeat-x; /*background-color:#ecedf1;*/
    }

        .GridsubHeading th a {
            color: #000000;
            font-size: 12px;
            text-decoration: underline;
            font-weight: bold;
        }

            .GridsubHeading th a:hover {
                color: #ff0000;
                font-size: 12px;
                text-decoration: underline;
                font-weight: bold;
            }

.cartBudgetSection {
    font-weight: bold;
    background-color: #f5f5f5;
    font-size: 11px;
    color: #000000;
    padding: 4px 4px 4px 4px;
    line-height: 18px;
    border: 1px solid #e0e0e1;
}

.fieldsetBorder {
    border: 1px solid #cccccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 4px;
}

.legendtext {
    padding: 4px 4px 4px 4px;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
    font-weight: bold;
}

.GridrowA {
    text-align: left;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    background-color: #FFFFFF;
    color: #000000;
    padding: 6px 4px 6px 4px;
    border-bottom: 1px solid #f0f0f0;
}

.GridrowB {
    text-align: left;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    background-color: #f9f9f9;
    color: #000000;
    padding: 6px 4px 6px 4px;
    border-bottom: 1px solid #f0f0f0;
}

.resultGridborder {
    border: 1px solid #8c8c8c;
}

    .resultGridborder tr th:last-child {
        border-right: none !important;
    }

.resultGridborder1 {
    border-bottom: 1px solid #E0E0E1;
    border-top: 0px solid #E0E0E1;
    border-left: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
}

.resultGridborder2 {
    border-bottom: 1px solid #E0E0E1;
    border-top: 0px solid #E0E0E1;
    border-left: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
    /*background-image:url(../images/paginationBg.jpg);*/
    background-position: bottom;
    background-repeat: repeat-x;
    background-color: #ffffff;
    padding: 8px 8px 7px 5px;
    color: #ff0000;
    font-weight: bold;
    font-size: 12px;
}

.tblsubHeading {
    font-weight: bold;
    background-color: #798086;
    font-size: 12px;
    color: #000000;
    padding: 6px 4px 6px 4px;
    border-right: 1px solid #ccc;
    background-image: url(../images/searchBg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
}

.tblrowA {
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    background-color: #FFFFFF;
    color: #000000;
    padding: 6px 4px 6px 4px;
    line-height: 20px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.tblrowB {
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    background-color: #f9f9f9;
    color: #000000;
    padding: 6px 4px 6px 4px;
    line-height: 20px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.resultGridsubHeading {
    background-color: #8ac43c;
}

    .resultGridsubHeading th {
        font-weight: bold;
        font-size: 12px;
        color: #fff;
        padding: 6px 4px 6px 4px;
        border-right: 1px solid #ccc;
        /*background-image:url(../images/searchBg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;*/
    }

.resultGridrowA {
    background-color: #FFFFFF;
}

    .resultGridrowA td {
        text-decoration: none;
        font-size: 11px;
        font-weight: normal;
        background-color: #FFFFFF;
        color: #000000;
        padding: 6px 4px 6px 4px;
        line-height: 20px;
        border-bottom: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
    }

.resultGridrowB {
    background-color: #f9f9f9;
}

    .resultGridrowB td {
        text-decoration: none;
        font-size: 11px;
        font-weight: normal;
        background-color: #f9f9f9;
        color: #000000;
        padding: 6px 4px 6px 4px;
        line-height: 20px;
        border-bottom: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
    }

.qtyCarttbl {
    background-color: transparent;
}

    .qtyCarttbl td {
        text-decoration: none;
        font-size: 11px;
        font-weight: normal;
        border-bottom: 0px solid #cccccc;
        border-right: 0px solid #cccccc;
        padding: 1px 1px 1px 1px;
    }

.subHeadingWithBorder {
    padding: 8px 3px 8px 10px;
    background-color: #e4e3e3;
    text-align: left;
    color: #585858;
    font-weight: bold;
}

.inputlabel {
    padding: 4px 4px 4px 4px;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    width: 150px;
}

.POAmendmentRow {
    /*padding:4px 4px 4px 4px;*/
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: bold !important;
    width: 25%;
}

.label1 {
    padding: 6px 4px 6px 10px;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.outputlabel {
    padding: 4px 4px 4px 4px;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

.outputlabel1 {
    padding: 4px 4px 4px 4px;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    line-height: 18px;
}

.inputHeading {
    padding: 5px 4px 2px 4px;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px dotted #999999;
    text-transform: uppercase;
}

.textRightAlign {
    text-align: right;
    padding: 8px 4px 8px 4px;
    font-size: 11px;
    color: #000000;
}

.textBox {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: middle;
    padding: 2px 2px 2px 2px;
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
}

.textBoxDisable {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    text-align: left;
    padding: 2px 2px 2px 2px;
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px;
    background-color: #f0f0f0;
    color: #999;
}
/*Only for Numeric textbox*/
.NumericTextBoxClass {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    text-align: right;
    vertical-align: middle;
    padding: 2px 2px 2px 2px;
    border: 1px solid #999;
    /*border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;*/
    width: 50px;
}

.TextBoxCal {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: middle;
    padding: 2px 2px 2px 2px;
    border: 1px solid #999;
    /*border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;*/
    width: 60px;
}

.textField {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: middle;
    /*width:200px;*/
    width: 180px;
    padding: 5px 5px 5px 6px;
    border: 1px solid #999; /*border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;*/
}

.textFieldFav {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: middle;
    /*width:200px;*/
    width: 180px;
    padding: 2px 2px 2px 2px;
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    text-transform: capitalize;
}

.textFieldsmartform {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: middle;
    width: 206px;
    padding: 2px 2px 2px 2px;
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
}

.textdListBox {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: middle;
    padding: 2px 3px 2px 2px;
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
}

.CCddltextdListBox {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: middle;
    padding: 2px 3px 2px 2px;
    border: 1px solid #999;
    /*border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;*/
    width: 80px;
}

.textFieldList {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
    width: 193px;
    padding: 5px 5px 5px 6px;
    border: 1px solid #999;
    /*border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;*/
}

.textFieldListPOAmend {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: middle;
    width: 160px;
    padding: 2px 2px 2px 2px;
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
}

.textFieldListPOAmendComment {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: middle;
    width: 160px;
    padding: 2px 2px 2px 2px;
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    width: 200px;
}

.textFieldDate {
    text-align: left;
    vertical-align: middle;
    width: 180px;
    font-size: 12px;
    padding: 2px 2px 2px 2px;
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
}

.textFieldNumber {
    text-align: left;
    vertical-align: middle;
    width: 30px;
    font-size: 12px;
}

.textFieldHide {
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px solid #ccc;
}

.imageBorder {
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    padding: 3px;
}

.selectedList {
    font-family: "Source Sans Pro",sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: normal;
    background-color: #999999;
    padding: 1px 5px 1px 5px;
    margin: 2px;
    text-decoration: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
}
/* ######### Glocy slider Frame Menu CSS ######### */

/*----------- Top Nav Bg------------*/

.inner_left_logo {
    float: left;
    margin: 2px 0 3px 0;
    width: 15%; /*height:65px;*/
}

.inner_right {
    float: right;
    width: 85%;
    height: 76px;
    margin-top: 3px;
}

.topNavbg {
    /*background-color: #f4f4f4;*/
    background-position: top;
    background-repeat: repeat-x;
    height: 48px;
    text-align: left;
    padding-left: 10px;
}

/*ul.framemenu {
    margin: 0;
    margin-bottom: .3em;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 3 !important;
    text-align: left;
}

    ul.framemenu li {
        display: inline;
    }

        ul.framemenu li a {
            color: #8c8c8c;

            font: 14px "Source Sans Pro",sans-serif;

            margin: 0px 10px;
            padding: 5px 0 0;
            text-decoration: none;
        }

        ul.framemenu li.active {
            position: absolute;
            padding: 20px 7px 4px 12px;
            margin-top: -8px;
            background-color: #FFF;
            background-position: top;
            background-repeat: repeat-x;
        }*/

ul.framemenu {
    font-family: 'Lato', sans-serif;
    list-style-type: none;
    margin: 5px 0 -20px 0;
    padding: 0;
    overflow: hidden;
}

@-moz-document url-prefix() {
    ul.framemenu {
        list-style-type: none;
        margin: 13px 0 -20px 0;
        padding: 0;
        overflow: hidden;
    }
}

.framemenu li a.home_menu:hover {
    background-color: none !important;
    border: none !important;
}

.framemenu li {
    font-family: 'Lato', sans-serif;
    float: left;
    list-style: none;
    font-weight: 600;
    margin-left: 5px;
}

    .framemenu li a:hover {
        display: block;
        color: #5e5e5e;
        text-align: left;
        padding: 10px 6px;
        text-decoration: none;
        background: rgba(244, 244, 244, 0.61);
        border-bottom: solid 2px #5286B1;
    }

    .framemenu li a {
        font-family: 'Lato', sans-serif;
        font-size: 14px;
        font-weight: 600;
        display: block;
        color: #5e5e5e;
        text-align: left;
        padding: 10px 6px;
        border-bottom: solid 2px rgba(255, 255, 255, 0.08);
        text-decoration: none;
    }

ul.framemenu li a.selected {
    background: rgba(244, 244, 244, 0.61);
    border-bottom: solid 2px #5286B1;
}

li.framemenu_dropdown {
    display: inline-block;
}

.framemenu_dropdown_content a:hover {
    background-color: #fff;
}

.framemenu_dropdown:hover .framemenu_dropbtn {
    background: rgba(244, 244, 244, 0.61);
}

li.framemenu_dropdown {
    display: inline-block;
}

.framemenu_dropdown_content {
    display: none;
    position: absolute;
    border: 1px solid #C6C6C6;
    min-width: 114px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 99999;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-color: #fff;
}

    .framemenu_dropdown_content a {
        display: block;
        text-align: left;
        color: #5E5E5E;
        font-size: 13px;
        font-weight: 400;
        border-bottom: solid 1px #eee;
        padding: 6px 8px;
    }

        .framemenu_dropdown_content a:hover {
            background-color: #fff;
        }

.framemenu_dropdown:hover .framemenu_dropdown_content {
    display: block;
}

.framemenu li:last-child {
    display: none !important;
}

ul.framemenu li a.selected {
    background: #f0f0f0;
    border-bottom: solid 2px #5286b1;
}

ul.framemenu li a.selected {
    background: rgba(244, 244, 244, 0.61);
    border-bottom: solid 2px #5286B1;
}

    ul.framemenu li a.selected:hover {
        border-bottom: solid 2px #5286B1;
    }

ul.framemenu li > a:hover {
    color: #5286b1;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid 9px;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/*------------------- Add new classes------------date 25/05/2011-----------*/
.Topmenu1 a {
    voice-family: "\"}\"";
    voice-family: inherit;
    text-decoration: none;
    vertical-align: middle;
}

    .Topmenu1 a:link, .Topmenu1 a:visited {
        font-size: 12px;
        font-family: 'Lato', sans-serif;
        color: #000000;
        padding: 6px 0px 6px 0px;
        display: block;
        text-align: center;
        /*-moz-border-radius:5px;*/
        border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .Topmenu1 a:hover {
        font-size: 12px;
        font-family: 'Lato', sans-serif;
        color: #000000;
        background-color: #b5b6b6;
        padding: 6px 0px 6px 0px;
        display: block;
        text-align: center;
        border-radius: 5px;
        -moz-border-radius: 5px;
    }
/*------------------- footer menu new classes------------date 03/08/2011-----------*/
#footerMenu a {
    voice-family: "\"}\"";
    voice-family: inherit;
    text-decoration: none;
    vertical-align: middle;
}

    #footerMenu a:link, #footerMenu a:visited {
        font-size: 11px;
        font-family: 'Lato', sans-serif;
        color: #ffffff;
        padding: 4px 0px 4px 5px;
        display: block;
        text-align: left; /*text-shadow: 0 1px 0 #000000;*/
    }

    #footerMenu a:hover {
        font-size: 11px;
        font-family: 'Lato', sans-serif;
        color: #ffffff;
        /*background-color:#edeef0;*/
        padding: 4px 0px 4px 5px;
        display: block;
        text-align: left;
        border-radius: 5px;
        -moz-border-radius: 5px;
        text-decoration: underline;
    }

.footerLink {
    color: #666666;
    line-height: 18px;
    text-align: left;
    color: #000000;
    text-decoration: none;
}

    .footerLink:hover {
        color: #666666;
        line-height: 18px;
        text-align: left;
        color: #FF0000;
        text-decoration: none;
    }

.iframenew {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    text-decoration: none;
    padding: 0px;
    margin: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.AdvancedsearchBox {
    width: 89px;
    position: fixed;
    z-index: 1000;
    top: 205px;
    right: -25px;
    text-align: right;
    box-shadow: 0 0 10px #706f6f;
    border-radius: 14px 0px 0px 14px;
    -moz-border-radius: 14px 0px 0px 14px;
    padding-left: 12px;
    background-image: url(../images/searchBg.jpg);
    background-position: left;
    background-repeat: repeat-x;
}

.searchIcon {
    border-radius: 14px 0px 0px 14px;
    -moz-border-radius: 14px 0px 0px 14px;
}

.Normaltext {
    color: #0961ac;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 10px;
    text-align: left;
    text-decoration: none;
}

.NormaltextBig {
    padding: 8px 4px 8px 4px;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.Normaltextbold {
    padding: 5px 5px 5px 5px;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    line-height: 22px;
}

.unbold {
    font-weight: normal !important;
}

.Normaltextwhite {
    padding: 5px 5px 5px 5px;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    line-height: 22px;
}
/*----------------------- new for left menu added by anoop in 07/09/2011---------------*/

.glossymenu {
    margin: 0px 0;
    padding: 0;
    width: 180px; /*width of menu*/
    /*border: 1px solid #96BCF5;*/
    border-bottom-width: 0;
}

    .glossymenu a.menuitem {
        /*background: black url(images/glossyback.gif) repeat-x bottom left;*/
        background-color: #E3F3FF;
        border: 1px solid #9BC3E5;
        font-family: 'Lato', sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #545E82;
        display: block;
        position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
        width: auto;
        text-decoration: none;
        margin: 2px;
    }

        .glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
            color: #545E82;
            padding-right: 3px;
        }

        .glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
            position: absolute;
            top: 5px;
            right: 5px;
            border: none;
        }

        .glossymenu a.menuitem:hover {
            background-image: url(../images/glossyback.gif);
            color: #ffffff;
            padding-right: 3px;
        }
/* ---------------------------------------------- Added New classes by anoop in  date 07/09/2011------------------------------------------------------------- */

.mypets { /*header of 1st demo*/
    cursor: hand;
    cursor: pointer;
    padding: 2px 5px;
    border: 1px solid gray;
    background: #E1E1E1;
}

.openpet { /*class added to contents of 1st demo when they are open*/
    background: yellow;
}

.technology { /*header of 2nd demo*/
    cursor: hand;
    cursor: pointer;
    background-color: #f9f9f9;
    border: 1px solid #e7e7e7;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #545E82;
    display: block;
    width: auto;
    padding: 5px 2px;
    padding-left: 10px;
    text-decoration: none;
    margin: 2px;
}

.openlanguage { /*class added to contents of 2nd demo when they are open*/
    color: #545E82;
    background-color: #EEEEEE;
}

.closedlanguage { /*class added to contents of 2nd demo when they are closed*/
    color: #545E82;
}

.submenu { /*DIV that contains each sub menu*/
    background: #ffffff;
}

    .submenu ul { /*UL of each sub menu*/
        list-style-type: none;
        margin: 2px;
        padding: 0;
    }

        .submenu ul li {
            /*border-bottom: 1px solid #E5E5E5;*/
        }

            .submenu ul li a {
                display: block;
                font: normal 11px Arial, Helvetica, sans-serif;
                color: #545E82;
                text-decoration: none;
                padding: 3px 0;
                padding-left: 10px;
                border: 1px solid #ffffff;
            }

                .submenu ul li a:hover {
                    color: #545E82;
                    padding-right: 3px;
                    border: 1px solid #BBBBBB;
                    background-color: #f5f5f5;
                }

                .submenu ul li a:active {
                    color: #545E82;
                    padding-right: 3px;
                    border: 1px solid #BBBBBB;
                    background-color: #F6E7FE;
                    font-weight: bold;
                }

                .submenu ul li a:focus {
                    color: #545E82;
                    padding-right: 3px;
                    border: 1px solid #BBBBBB;
                    background-color: #F6E7FE;
                    font-weight: bold;
                }
/* --------------------------------------- end Left panel -------------------- */

.LeftNavheading {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    color: #48567B;
    padding: 5px 8px 5px 4px;
    background: #F1F1F1;
    font-weight: bold;
    border-bottom: 1px solid #E6E6E4;
    border-top: 1px solid #E6E6E4;
}
/*--------- Left Tree Menu---------------*/
#container {
    margin: 0px 7px 6px 5px;
}

#sitemap, #sitemap ul, #sitemap li {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #000000;
}

    #sitemap ul {
        display: none;
    }

    #sitemap li {
        line-height: 200%;
        margin: 2px 0px 2px 0px;
        /*background:#eee;*/
        position: relative;
        width: 100%;
    }

.GridrowA #sitemap_fav ul {
    margin: 0px;
    padding: 0px;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li {
    float: left;
    display: inline;
}

    #sitemap li a {
        padding: 2px 2px 2px 24px;
        color: #000000;
        text-decoration: none;
        /*border:1px solid #d5d5d5;
	background-color:#f0f0f0;*/
        display: block;
        font-weight: bold;
    }

    #sitemap li span {
        float: left;
        position: absolute;
        top: 5px;
        left: 2px;
        width: 13px;
        height: 13px;
        cursor: auto;
        font-size: 0;
        text-decoration: none;
        margin: 0;
        margin: 3px;
        cursor: pointer;
    }

        #sitemap li span, #sitemap li span.collapsed {
            background: url(../images/plus.gif) no-repeat 0 0;
            text-decoration: none;
            width: 14px;
            height: 14px;
        }

            #sitemap li span.expanded {
                background: url(../images/minus.gif) no-repeat 0 0;
                text-decoration: none;
            }
    /* second level */

    #sitemap li li {
        background: #fff; /*padding:0px 0px 0px 100px;*/
    }

        #sitemap li li a {
            background-color: #fff;
            margin: 0px 0px 0px 8px;
            padding: 2px 2px 2px 24px;
            border-left: 4px solid #327698;
        }

        #sitemap li li span {
            left: 13px;
        }
        /* third level */

        #sitemap li li li a {
            padding-left: 13px;
            background-color: #fff;
            border-bottom: 1px dotted #ccc;
            border-right: 0px solid #97b6d0;
            border-top: 0px solid #f5f5f5;
            border-left: 4px solid #97b6d0;
            margin-left: 18px;
        }
        /*#sitemap li li li span{left:56px;} */

        /* forth level */

        #sitemap li li li li a {
            padding-left: 112px;
        }

        #sitemap li li li li span {
            left: 84px;
        }

#sitemap a:hover {
    color: #327698;
}
/*-----------for fancy box popup -----------------*/
.popupDisplay {
    display: none;
}

.LogoutConfirmSaveCart {
    z-index: 1px;
    position: absolute;
    box-shadow: 0px 0px 12px 0px #000;
    -moz-box-shadow: 0px 0px 12px 0px #000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    left: 35%;
    top: 35%;
    padding: 10px;
    background-color: #fff;
}

.popupwindowfancybox {
    background-color: #ffffff;
    /*border: #E0E0E1 1px solid;*/
    color: #666B70;
}

.Datagridborder {
    /*border:1px solid #B9B9BA;*/
    border-left: 1px solid #8c8c8c;
    border-top: 1px solid #8c8c8c;
}

.DataGridHeader {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    /*text-align:left;*/
    padding: 8px 4px 8px 4px;
    background-color: #ecedf1;
    border-bottom: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
    /*background-image:url(../images/gridheder.jpg);*/
    background-position: bottom center;
    background-repeat: repeat-x;
    text-shadow: 0 1px 0 #ffffff;
}

.DataGridHeaderLogout {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: bold; /*text-align:left;*/
    padding: 8px 4px 8px 4px;
    /*background-color: #ecedf1;*/
    background-color: #8ac43c;
    border-bottom: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
    /*background-image: url(../images/gridheder.jpg);
	background-position: bottom center;
	background-repeat: repeat-x;
	text-shadow: 0 1px 0 #ffffff;*/
}

.message {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #333;
}

.DataGridHeaderText {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 0 #ffffff;
}

.DataGridrowa {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    padding: 5px 2px 5px 5px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
    line-height: 18px;
}

    .DataGridrowa td {
        font-family: 'Lato', sans-serif;
        color: #000000;
        font-size: 11px;
        font-weight: normal;
        padding: 5px 2px 5px 5px;
        background-color: #fff;
        border-bottom: 1px solid #8c8c8c;
        border-right: 1px solid #8c8c8c;
        line-height: 18px;
    }

.DataGridrowb {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    padding: 5px 2px 5px 5px;
    background-color: #ffffff;
    border-bottom: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
    line-height: 18px;
}

.POAmendmentRow {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    padding: 5px 2px 5px 5px;
    background-color: #ffffff;
    border-bottom: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
    line-height: 18px;
}

.POAmendmentColB {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 11px;
    padding: 5px 2px 5px 5px;
    background-color: #ffffff;
    border-bottom: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
    line-height: 18px;
    font-weight: bold;
    width: 10%;
}

.POAmendmentColN {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 11px;
    padding: 5px 2px 5px 5px;
    background-color: #ffffff;
    border-bottom: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
    line-height: 18px;
    font-weight: normal;
    width: 10%;
}

.DataGridrowb td {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    padding: 5px 2px 5px 5px;
    background-color: #f0f0f0;
    border-bottom: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
    line-height: 18px;
}

.DataGridrowbL {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    padding: 5px 2px 5px 5px;
    background-color: #ffffff;
    border-bottom: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
    border-left: 1px solid #E0E0E1;
    line-height: 18px;
}

.DataGridrowGreen {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    /*text-align:left;*/
    padding: 5px 2px 5px 5px;
    background-color: #b4eb8c;
    border-bottom: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
    line-height: 18px;
}

.DataGridrowaBold {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    /*text-align:left;*/
    padding: 5px 2px 5px 5px;
    /*background-color:#ff0000;*/
    background-color: #f1f1f1;
    border-bottom: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
    line-height: 18px;
}

.DataGridrowbBold {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    /*text-align:left;*/
    padding: 5px 2px 5px 5px;
    background-color: #ffffff;
    border-bottom: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
    line-height: 18px;
}

.DataGridrowaBold {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding: 5px 2px 5px 5px;
    /*background-color:#ff0000;*/
    background-color: #ffffff;
    border-bottom: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
    line-height: 18px;
}
/* Create by Ram*/

.DataGridTRRowa {
    background-color: #f9f9f9;
}

    .DataGridTRRowa td {
        font-family: 'Lato', sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
        /*text-align:left;*/
        padding: 5px 2px 5px 5px;
        /*background-color:#ff0000;*/
        border-bottom: 1px solid #E0E0E1;
        border-right: 1px solid #E0E0E1;
        line-height: 18px;
    }

.DataGridTRRowb {
    background-color: #ffffff;
}

    .DataGridTRRowb td {
        font-family: 'Lato', sans-serif;
        font-size: 11px;
        color: #000000;
        font-weight: normal;
        /*text-align:left;*/
        padding: 5px 2px 5px 5px;
        border-bottom: 1px solid #E0E0E1;
        border-right: 1px solid #E0E0E1;
        line-height: 18px;
    }

.DataGridTRrowGreen {
    background-color: #b4eb8c;
}

    .DataGridTRrowGreen td {
        font-family: 'Lato', sans-serif;
        font-size: 11px;
        font-weight: normal;
        /*text-align:left;*/
        padding: 5px 2px 5px 5px;
        color: #000000;
        border-bottom: 1px solid #E0E0E1;
        border-right: 1px solid #E0E0E1;
        line-height: 18px;
    }

.DataGridTRrowRed {
    background-color: #fddada;
}

    .DataGridTRrowRed td {
        font-family: 'Lato', sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        /*text-align:left;*/
        padding: 5px 2px 5px 5px;
        border-bottom: 1px solid #E0E0E1;
        border-right: 1px solid #E0E0E1;
        line-height: 18px;
    }
/*End  by Ram*/

.productBox {
    border: 1px solid #f0f0f0;
    background-color: #FFFFFF;
    padding: 8px;
}

    .productBox:hover {
        border: 1px dotted #cccccc;
        padding: 8px;
    }

.productBoxNew {
    border: 1px solid #f0f0f0;
    background-color: #FFFFFF;
    padding: 8px;
}
/*For Sub Cat item hover starts*/

.productBox a {
    voice-family: "\"}\"";
    voice-family: inherit;
    text-decoration: none;
    vertical-align: middle;
}

    .productBox a:link, #ProductItemlink a:visited {
        font-size: 11px;
        font-family: 'Lato', sans-serif;
        color: #000000;
        padding: 8px 4px 8px 4px;
        display: block;
        font-weight: bold;
    }

    .productBox a:hover {
        font-size: 11px;
        font-family: 'Lato', sans-serif;
        color: #ff0000;
        /*background-color:#edeef0;*/
        padding: 8px 4px 8px 4px;
        display: block;
        border-radius: 5px;
        -moz-border-radius: 5px;
        /*background-image:url(../images/footerNavMiddle.jpg);*/
        background-color: #5286b1;
        background-position: center;
        background-repeat: repeat-x;
        color: #ffffff;
        font-weight: bold;
    }
/*For Sub Cat item hover ends*/

.ProductItemlink {
    color: #000000;
    font-size: 11px;
    text-decoration: none;
    padding: 4px;
    margin: 4px;
}

    .ProductItemlink:hover {
        color: #FF0000;
        font-size: 11px;
        padding: 4px;
        margin: 4px;
        text-decoration: none;
    }
/*------------------- footer menu new classes------------date 03/08/2011-----------*/
#ProductItemlink a {
    voice-family: "\"}\"";
    voice-family: inherit;
    text-decoration: none;
    vertical-align: middle;
}

    #ProductItemlink a:link, #ProductItemlink a:visited {
        font-size: 11px;
        font-family: 'Lato', sans-serif;
        color: #000000;
        padding: 8px 4px 8px 4px;
        display: block;
        font-weight: bold;
    }

    #ProductItemlink a:hover {
        color: #333;
    }
/*#ProductItemlink a:hover {
	font-size:11px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #ff0000;
 background-color:#edeef0;
	padding:8px 4px 8px 4px;
	display:block;
	border-radius:5px;
	-moz-border-radius:5px;
 background-image :url(../images/footerNavMiddle.jpg);
	background-position:center;
	background-repeat:repeat-x; background-color:#5286b1;
	color:#ffffff;
	font-weight:bold;
	}*/
/*-----------------Pagination classes for grid and item add by anoop date 26th Sep 2011-----------------*/
/*.pagination {
	color:#585858;
	padding:2px 5px 2px 5px;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	margin:1px;
	}

.pagination:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	padding:2px 5px 2px 5px;
	margin:1px;
	background-color:#f5f5f5;
	}
	*/

.pagination {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    text-decoration: none;
    background-color: #fff;
    padding: 1px 5px 1px 5px;
    margin: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px; /*border:1px solid #cccccc;
box-shadow: 0 0 3px 0 #666666;*/
}

    .pagination:hover {
        font-family: 'Lato', sans-serif;
        font-size: 11px;
        color: #ffffff;
        font-weight: normal;
        background-color: #ee2d24;
        padding: 1px 5px 1px 5px;
        margin: 2px;
        border-radius: 2px;
        -moz-border-radius: 2px;
    }

.paginationBg {
    /*background-image:url(../images/paginationBg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;*/
    background-color: #ffffff;
    padding: 3px;
    /*border-top:1px solid #f0f0f0;*/
    border: 1px solid #e0e0e0;
}

.paginationButton {
    background-image: url(../images/paginationBg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    background-color: #ffffff;
    padding: 2px 6px 2px 6px;
    border: 1px solid #cccccc;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    -moz-border-radius: 4px;
    text-shadow: 0 2px 0 #ffffff; /*text-transform:uppercase;*/
}

    .paginationButton:hover {
        background-image: url(../images/paginationBg1.jpg);
        background-position: bottom;
        background-repeat: repeat-x;
        background-color: #ffffff;
        color: #ff0000;
        padding: 2px 6px 2px 6px;
        border: 1px solid #b1b0b0;
        font-size: 11px;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
        -moz-border-radius: 4px; /*text-transform:uppercase;*/
    }

.discountBox {
    border: 1px solid #f0f0f0;
    background-color: #ffffff;
    padding: 0px;
}

.discountBoxHeading {
    border-bottom: 1px solid #f0f0f0;
    background-color: #f5f5f5;
    padding: 5px;
    font-weight: bold;
}

.discountBoxrow {
    background-color: #ffffff;
    padding: 5px;
    font-weight: normal;
    border-bottom: 1px solid #f0f0f0;
}

    .discountBoxrow span {
        background-color: #ffffff;
        font-weight: normal;
        text-decoration: line-through;
        color: #666666;
    }

.discountBoxrowbold {
    background-color: #fff;
    padding: 5px;
    font-weight: bold;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

    .discountBoxrowbold span {
        background-color: #ffffff;
        font-weight: normal;
        text-decoration: line-through;
        color: #666666;
    }
/*------------- Show Hide Div---------*/

.slidingDiv {
    background-color: #ffffff;
    border-bottom: 2px solid #f0f0f0;
    border-right: 2px solid #f0f0f0;
}

.slidingDiv1 {
    background-color: #ffffff;
    border-bottom: 2px solid #f0f0f0;
    border-right: 2px solid #f0f0f0;
}

.show_hide {
    display: none;
    cursor: pointer;
}

.show_hide1 {
    display: none;
    cursor: pointer;
}

.readmore {
    color: #FF0000;
    font-family: 'Lato', sans-serif;
    font-size: 9px;
    text-decoration: none;
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
}

    .readmore:hover {
        color: #666666;
        font-family: 'Lato', sans-serif;
        font-size: 9px;
        padding: 0px;
        margin: 0px;
        text-decoration: none;
        text-transform: uppercase;
    }
/*---- budget section-------*/
.budgetSection {
    border: 1px solid #C0C0C0;
    background-position: bottom;
    background-repeat: repeat-x;
    background-image: url(images/searchBg.jpg);
}

    .budgetSection td {
        padding: 5px;
    }

.budgetgreen {
    color: #7dda61;
    font-weight: bold;
}

.budgetred {
    color: #fb6363;
    font-weight: bold;
}

.budgetNarmal {
    color: #000000;
    font-weight: bold;
}

.addMessage, .addMessageUser {
    border: 3px solid #8AC43C;
    padding: 15px 5px;
    text-align: center;
    display: none;
    font-size: 14px;
    color: #5E5E5E;
    width: 350px;
    background: #fff;
    z-index: 999999;
    position: fixed;
    left: 33%;
    top: 18%;
    border-radius: 0;
}

.addErrorMessage, .addErrorMessageUser {
    border: 3px solid #FF4242;
    padding: 15px 5px;
    text-align: center;
    display: none;
    font-size: 14px;
    color: #5E5E5E;
    width: 350px;
    background: #fff;
    z-index: 999999;
    position: fixed;
    left: 40%;
    top: 18%;
    border-radius: 0;
}

/*-----------Tool Tip---------------------*/

div.htmltooltip {
    position: absolute; /*leave this and next 3 values alone*/
    z-index: 1000;
    left: -1000px;
    top: -1000px;
    background: #272727;
    /*border: 8px solid black;*/
    color: white;
    padding: 3px;
    width: 250px; /*width of tooltip*/
}

div#tipDiv {
    padding: 2px;
    color: #000;
    font-size: 11px;
    line-height: 1.2;
    background-color: #E1E5F1;
    border: none;
    width: auto;
    /*border-radius: 4px;
	-moz-border-radius:4px;
	-moz-box-shadow: 5px 5px 5px 5px #999999;
	-webkit-box-shadow: 5px 5px 5px 5px #999999;
	box-shadow: 0px 0px 6px 0px #999999;*/
}
    /* example demonstrating applying styles to content inside 'tipContent' for tooltip display */
    div#tipDiv ul.tipContentList {
        margin: 0;
        padding: 0;
        list-style: none;
    }

.showTip {
    text-decoration: none; /*-- edit by anoop - for budget section*/
    color: #000000;
}
/*Product Thumb images*/

.ProductThumbImagesBox {
    /*width:100%;
	-moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;*/
    padding: 5px 5px 5px 5px;
    background-position: top;
    background-repeat: repeat-x; /*height:49px;
	box-shadow: 0px 0px 12px 0px #999999;
	background-color:#dbdbdb;
background-image:url(../images/searchBg.jpg);
*/
}

.miniCartBox {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 0px;
}

.miniCartBoxHeading {
    font-weight: bold;
    background-color: #dedfe3;
    /*text-align:left;*/
    font-size: 11px;
    color: #ffffff;
    padding: 8px 3px 8px 6px;
    background-image: url(../images/nav1bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
}

.bannerimg {
    background-image: url(../images/banner3.png);
    background-position: left center;
    background-repeat: no-repeat;
    /*height:220px;*/
    background-color: #F0F0F0;
}

.navmiddlebg {
    background-color: #e5e5e5;
    background-position: center top;
    background-repeat: repeat-x;
    border-left: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
    border-top: 1px solid #8c8c8c;
    color: #666;
    font-size: 13px;
    font-weight: 400;
    height: 19px;
    padding: 5px 3px 8px 5px;
    text-align: left;
}
/*---------- Spacer calsses-------------*/
.spacer12px {
    height: 12px;
}

.spacer8px {
    height: 8px;
}

.spacer5px {
    height: 5px;
}

.award {
    background-color: #7dda61;
    color: #000000;
    font-weight: bold;
    padding: 3px 2px 3px 5px;
    font-size: 11px;
    text-transform: uppercase;
}
/*------ clock timer---*/

#jsalarmclock {
    font-family: Tahoma;
    font-weight: bold;
    font-size: 12px;
}

    #jsalarmclock div {
        margin-bottom: 0.8em;
    }

        #jsalarmclock div.leftcolumn {
            float: left;
            width: 150px;
            font-size: 13px;
            background-color: lightyellow;
            clear: left;
        }

    #jsalarmclock span {
        margin-right: 5px;
    }

.Timercontent {
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    color: #000000;
    padding: 1px;
    text-align: right; /*background-image:url(../images/redbuttonHover.jpg);
background-position:center;
background-repeat:repeat-x;
border:1px dotted #810406;
border-radius:4px;
text-align:center;
width:20px;*/
}

.Timercontent1 {
    font-size: 9px;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    color: #666666;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.Timercontent2 {
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    color: #000000;
    text-transform: uppercase;
    padding-bottom: 5px;
    padding-left: 10px;
}
/* Language Selector starts*/

#ThemeSelectorArea {
    float: right;
    margin: -39px 30px 0 0;
}

#ThemeSelectorButton {
    /*border: 1px white solid;
    cursor: pointer;
    float: right;
    width: 126px;
    height: 32px;
    margin-top: 1px;
    background: url(Select-Language.png) no-repeat -228px -307px; */
    background-image: url(../images/downArrow.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #666666;
    font-size: 10px;
    padding: 0px 15px 0px 5px;
    text-align: left;
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
}

    #ThemeSelectorButton:hover, #ThemeSelectorButton.selected {
        /* border: 1px #B8BBC4 solid; */
        color: #000000;
    }

#ThemeSelectorButtonBorder {
    background-color: white;
    width: 120px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    z-index: 20000;
}

.ThemeSelectorButton {
    /*border: 1px white solid;
    cursor: pointer;
    float: right;
    width: 126px;
    height: 32px;
    margin-top: 1px;
    background: url(Select-Language.png) no-repeat -228px -307px; */
    background-image: url(../images/downArrow.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #666666;
    font-size: 10px;
    padding: 0px 15px 0px 5px;
    text-align: left;
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
}

    .ThemeSelectorButton:hover, .ThemeSelectorButton.selected {
        /* border: 1px #B8BBC4 solid; */
        color: #000000;
    }

.ThemeSelectorPopup, .ThemeSelectorPopup.dxpc-mainDiv {
    /*border: 1px #B8BBC4 solid;*/
    background: #ffffff;
    /*padding: 0 12px;*/
    width: 130px;
}

    .ThemeSelectorPopup.dxpc-mainDiv {
        float: left;
        display: none;
        visibility: hidden;
        position: absolute;
        left: 0;
        top: 0;
    }

#ThemesContainer {
    font-size: 11px;
    /* padding: 6px 3px;*/
    width: 150px;
}

.ThemeGroup {
    clear: both; /* padding: 8px 4px 2px; */
}

.ThemeGroupMenu {
}

    .ThemeGroupMenu ul {
        padding: 0;
    }

    .ThemeGroupMenu li {
        float: left;
    }

    .ThemeGroupMenu .dxm-item {
        color: #909298;
        cursor: pointer;
        font-size: 11px;
        padding: 5px;
        text-align: center;
        font-style: italic;
    }

        .ThemeGroupMenu .dxm-item img {
            margin-bottom: 4px;
        }

    .ThemeGroupMenu .dxm-hovered {
        background-color: #f0f0f0;
        border: 1px #cccccc solid;
        padding: 4px;
        text-align: left;
    }

    .ThemeGroupMenu .dxm-selected {
        background-color: #ffffff;
        border: 1px #909090 solid;
        color: #2E3139;
        cursor: default;
        font-weight: bold;
        padding: 4px;
        text-align: left;
    }

.ThemeDefaultImage, .LangEnglish, .LangGerman, .LangFrench, .LangPortugese, .LangSpanish {
    background: url(ThemesPreviewSprite.png) no-repeat;
    width: 40px;
    height: 10px;
}

.ThemeDefaultImage {
    background-position: 0 0;
}

.LangEnglish {
    background-position: -40px 0;
}

.LangGerman {
    background-position: 0 -40px;
}

.LangFrench {
    background-position: -150px -150px;
}

.LangPortugese {
    background-position: -150px -150px;
}

.LangSpanish {
    background-position: -150px -150px;
}
/* Language Selector Ends*/
/*------------------- footer menu new classes------------date 03/08/2011-----------*/

#ProductsubCategory {
    border: 1px solid #E0E0E0;
}

    #ProductsubCategory th {
        font-weight: bold;
        background-color: #dedfe3;
        text-align: left;
        font-size: 12px;
        color: #000000;
        padding: 6px 3px 8px 6px;
        text-shadow: 0 1px 0 #ffffff;
    }

    #ProductsubCategory td {
        border: 1px solid #f0f0f0;
        background-color: #FFFFFF;
        padding: 8px;
        text-align: center;
        vertical-align: middle;
    }

    #ProductsubCategory a {
        voice-family: "\"}\"";
        voice-family: inherit;
        text-decoration: none;
        vertical-align: middle;
    }

        #ProductsubCategory a:link, #ProductsubCategory a:visited {
            font-size: 11px;
            font-family: 'Lato', sans-serif;
            color: #000000;
            padding: 8px 4px 8px 4px;
            display: block;
            font-weight: bold;
        }

        #ProductsubCategory a:hover {
            font-size: 11px;
            font-family: 'Lato', sans-serif;
            color: #ff0000;
            /*background-color:#edeef0;*/
            padding: 8px 4px 8px 4px;
            display: block;
            border-radius: 5px;
            -moz-border-radius: 5px;
            /*background-image:url(../images/footerNavMiddle.jpg);*/
            background-color: #5286b1;
            background-position: center;
            background-repeat: repeat-x;
            color: #ffffff;
            font-weight: bold;
        }
/*Checkout cost center budget starts*/
.legendtag {
    /*border:1px solid #f0f0f0;
	border-radius:4px;*/
    padding: 0px;
    margin: 0px;
    border: 0px solid #f0f0f0;
}

.fieldsettag {
    border: 1px solid #e0e0e1;
    border-radius: 3px;
    padding: 0px 5px 10px 5px;
    margin: 0px;
}

.costCentername {
    background-color: #5286b1;
    color: #fff;
    font-weight: bold;
    padding: 3px 4px 3px 4px;
    /*border-radius:14px 14px 14px 14px;
	-moz-border-radius:14px 14px 14px 14px;*/
}

.costCenternameAPR {
    background-color: Orange;
    color: #000;
    font-weight: bold;
    padding: 3px 4px 3px 4px;
    border-radius: 14px 14px 14px 14px;
    -moz-border-radius: 14px 14px 14px 14px;
}

.costCenterBudget {
    background-color: #f7a411;
    color: #fff;
    font-weight: bold;
    padding: 3px 4px 3px 4px;
    border-radius: 14px 14px 14px 14px;
    -moz-border-radius: 14px 14px 14px 14px;
}

.costCenterMinusBudget {
    background-color: #f7a411;
    color: #fff;
    font-weight: bold;
    padding: 3px 4px 3px 4px;
    /*border-radius:14px 14px 14px 14px;
	-moz-border-radius:14px 14px 14px 14px;*/
}
/*Checkout cost center budget ends*/

/*To show loading screen on ajax call*/
#loading {
    /* position:fixed;
    top:100px;
    right:50%;
    background:#ffffff;
    width:96%;
    height:20px;
    padding:8px;
    margin:5px;
    text-align:center;
    border-radius:6px;*/
    /* -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 3px 3px 3px #0a0a0a;
    -moz-box-shadow: 3px 3px 3px #0a0a0a;
    box-shadow: 3px 3px 3px #0a0a0a;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
    z-index: 999999; */
    display: none;
    text-align: left;
}

.popLinkNav {
    color: #cccccc;
    font-size: 11px;
    text-decoration: none;
    padding: 4px 5px 4px 5px;
    margin: 0px;
    font-weight: bold;
    background-color: #f0f0f0;
    display: block;
    border-bottom: 1px dotted #ccc;
}
/*.popLinkNav:hover{
	color:#cccccc;
	font-size:11px;
	padding:4px 5px 4px 5px;
	margin:0px;
	font-weight:bold;
	text-decoration: none;
	background-color:#f0f0f0;
	display:block;
	}*/

.popLinkNavActive {
    color: #000000;
    font-size: 11px;
    padding: 4px 5px 4px 5px;
    margin: 0px;
    font-weight: bold;
    text-decoration: none;
    background-color: #fff;
    display: block;
    cursor: pointer;
    border-bottom: 1px dotted #ccc;
}

    .popLinkNavActive:hover {
        background-color: #f0f0f0;
    }

.categoryBold {
    font-weight: bold;
}

.categoryItemNormal {
    font-weight: bold;
}

.lineStrikeOut {
    text-decoration: line-through;
}
/*--------------CSS for search filters starts----------*/

.searchItemlink {
    font-family: 'Lato', sans-serif;
    ;
    color: #000;
    display: block;
    text-decoration: none;
    padding: 3px;
}

    .searchItemlink:hover {
        font-family: 'Lato', sans-serif;
        ;
        color: #fff;
        display: block;
        text-decoration: none;
        background-color: #323232;
        padding: 3px;
        cursor: pointer;
    }

.searchItemHeading {
    display: block;
    background-color: #f0f0f0;
    font-weight: bold;
    padding: 3px 3px 6px 3px;
    border-bottom: 0px dotted #ccc;
    color: #000;
    width: 520px;
}

.searchItemBox {
    background-color: #FFFFFF;
    border: 1px solid #A7A7A7;
    border-bottom: 1px solid #666;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 0 4px 1px #CCCCCC inset;
    color: #000000;
    display: none;
    font-size: 12px;
    margin: 0;
    overflow: auto;
    padding: 5px;
    position: absolute;
    width: 520px;
    height: 230px;
    z-index: 9;
    overflow-x: hidden;
}
/*--------------CSS for search filters ends----------*/

.highlight {
    font-weight: bold;
}

.gridhighlight {
    font-weight: bold;
    background-color: #FFFF00;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
}

.tempItemTextHighlight {
    color: #FF0000;
}
/*-------------new class for pagination date: 27/12/2011----------*/

tfoot td {
    background: #ffffff;
    padding: 14px 8px 14px 8px;
    color: #467391;
    font-weight: 400;
    font-size: 12px;
}

tfoot .paginationWrapper {
    display: inline-block;
    border: 1px solid #F7A411;
}

    tfoot .paginationWrapper a {
        padding: 6px 10px;
        border-right: 1px solid #F7A411;
        font-size: 11px;
        font-weight: normal;
        color: #F7A411;
        cursor: pointer;
        text-decoration: none;
        float: left;
    }

        tfoot .paginationWrapper a:last-child {
            border-right: none;
        }

        tfoot .paginationWrapper a:hover {
            background-color: #eeeeee;
            color: #959595;
        }

.paginationWrapper a.currentPage {
    background-color: #F7A411;
    color: #fff;
}
/* CSS for tax align on item details page */
.divbutton {
    float: left;
    width: 30px;
    padding-left: 5px;
}

.divText {
    float: left;
    width: 120px;
}

.mandatoryAsterisk {
    color: #ff0000;
    font-weight: bold;
    font-size: 11px; /*padding-left: 5px;*/
}

.wrapclassongrid {
    word-wrap: break-word;
    width: 250px;
}

.wrapclass {
    word-wrap: break-word;
}

.LoginContainer {
    margin: 0px !important;
}

.hideDiv {
    display: none;
    padding-top: 5px;
}

.searchhighlighttext {
    /*empty class for search highlight text identification*/
}

.tempItemHighlight {
    /*empty class for search highlight temp items*/
    text-align: center;
    display: block;
}

.LeftFilterHeading {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    background-color: #d3d3d3;
    text-align: left;
    font-size: 12px;
    color: #fff;
    padding: 6px 3px 6px 8px;
}

.searchTockenHeaderClass {
    text-align: left;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    background-color: #FFFFFF;
    color: #000000;
    padding: 6px 3px 8px 6px;
    border-bottom: 1px solid #f0f0f0;
}
/*CSS for image on select cost center and other Modification*/
.leftcontrol {
    float: left;
    padding: 0px 2px 0px 0px;
}

.rightcontrol {
    padding: 2px 0px 2px 2px;
}

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

    .ShortingLink:hover {
        color: #FF0000;
        font-size: 12px;
        text-decoration: underline;
        font-weight: bold;
    }
/* class for costcenter popup*/

.smallpopLinks {
    color: #000000;
    background-color: #FFF;
    display: block;
}

    .smallpopLinks a {
        color: #000000;
        font-size: 11px;
        padding: 4px 5px 4px 5px;
        margin: 0px;
        font-weight: normal;
        display: block;
        text-decoration: none;
        background-color: #FFF;
        border-bottom: 1px solid #f0f0f0;
    }

        .smallpopLinks a:hover {
            color: #fff;
            font-size: 11px;
            padding: 4px 5px 4px 5px;
            margin: 0px;
            font-weight: normal;
            display: block;
            text-decoration: none;
            background-color: #f7a411;
            border-bottom: 1px solid #f7a411;
        }

.SearchSuggestionBox {
    text-align: left;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 4px;
    line-height: 20px;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    ;
    display: block;
    font-weight: bold;
    color: #000000;
}
/*--------- cart confirm page-----------*/

.confirmcartTitle {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 25px;
    font-weight: normal;
    padding: 6px 4px 6px 10px;
    border-bottom: 1px solid #ccc;
}

.confirmcarttext {
    font-family: 'Lato', sans-serif;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 4px 4px 10px;
    background-color: #ffffff;
    line-height: 18px;
    font-style: normal;
}

.confirmcarttext1 {
    font-family: 'Lato', sans-serif;
    color: #666;
    font-size: 11px;
    font-weight: normal;
    padding: 4px 4px 4px 10px;
    background-color: #ffffff;
    line-height: 18px;
    font-style: normal;
}

.confirmcartlabel {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 4px 4px 10px;
    background-color: #ffffff;
    line-height: 18px;
}

.confirmcartValue {
    font-family: 'Lato', sans-serif;
    color: #009900;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    padding: 0px 0px 0px 4px;
    background-color: #ffffff;
    line-height: 18px;
}

.confirmcartvalue1 {
    font-family: 'Lato', sans-serif;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    padding: 0px 4px 4px 30px;
    background-color: #ffffff;
    line-height: 22px;
    border: 1px dotted #ccc;
}

.footerpagination {
    background-color: #FFFFFF;
    /*background-image: url("../images/paginationBg.jpg");*/
    background-position: center bottom;
    background-repeat: repeat-x;
    color: #000;
    font-size: 11px;
    font-weight: normal;
    padding: 10px 10px 10px 5px;
    font-family: 'Lato', sans-serif;
}
/* Left menu css*/

.ExpandLeftpanel {
    cursor: pointer;
    /*border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	-o-border-radius:4px 4px 4px 4px;
	border:1px solid #000;*/
}

    .ExpandLeftpanel:hover {
        cursor: pointer;
        /*border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	-o-border-radius:4px 4px 4px 4px;
box-shadow:3px 2px 3px 0px #666;
	border:1px solid #ca2a1c;*/
    }

.WordWrapKeywords {
    width: 175px;
    padding: 0px;
    margin: 0px;
    word-wrap: break-word;
    -moz-word-wrap: break-word;
    -webkit-word-wrap: break-word;
    -me-word-wrap: break-word;
    -o-word-wrap: break-word;
}
/*Loading */
.loadingglobalVisiable {
    padding: 8px 2px 8px 2px;
    text-align: center;
    display: block;
    font-size: 11px;
    z-index: 1000000;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    vertical-align: middle;
    text-align: center;
    border: 0px;
    background-image: url("../images/trans.png");
    background-position: center;
    background-repeat: repeat;
}

.loadingglobalHide {
    display: none;
}

.loadingIcon {
    margin: 30% 40% 50% 50%;
    background-color: #fff;
    padding: 10px;
    width: 100px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.loadingImg {
    margin: 4px 2px 2px 2px;
    padding: 8px 2px 8px 2px;
    text-align: center;
    font-size: 11px;
    z-index: 1000000;
    position: fixed;
    left: 50%;
    top: 115px;
}

.show-txt-stage {
    margin: 4px 2px 2px 2px;
    padding: 8px 2px 8px 2px;
    text-align: center;
    font-size: 11px;
    z-index: 1000000;
    position: fixed;
    top: 115px;
    width: 100%;
    align-content: center;
}
/*----------Calsses for Admin--------- Admin Menu Section new classes------------date 15/12/2011-----------*/

/*------------Admin Module Index menu Popup(virendra)----------------*/

.AdminMenuPop {
    width: 100%;
    border-radius: 0px;
    position: relative;
    width: 100%;
    height: 100%;
    background: #5286B1;
    /*background: url(../images/menuback.png) no-repeat center center fixed;*/
    /*-webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;*/
    background-color: #ffffff;
    border: 1px solid #f5f5f5;
    color: #8AC007;
    /*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.7),0 6px 20px 0 rgba(0,0,0,0.19);*/
}

    .AdminMenuPop table {
        border: 1px solid #ccc;
        border-top: none;
        margin-top: -1px;
    }

#AdminMenuIndex th {
    font-weight: bold;
    background-color: #FFFFFF;
    text-align: left;
    font-size: 12px;
    color: #000000;
    /*padding:8px 3px 8px 8px;*/
    text-shadow: 0 1px 0 #ffffff;
}

#AdminMenuIndex td {
    /*border: 1px solid #f0f0f0;*/
    padding:10px 0 15px 0;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    /*
         border: 1px solid #f0f0f0;
        -webkit-box-shadow: 0px -12px 8px -15px #000;
    -moz-box-shadow: 0px -12px 8px -15px #000;
    box-shadow: 0px -12px 8px -15px #000;*/
}

    #AdminMenuIndex td img {
        width: 18px;
        height: 18px;
        padding: 7px 7px;
    }

#AdminMenuIndex a {
    voice-family: "\"}\"";
    voice-family: inherit;
    text-decoration: none;
    vertical-align: middle;
}

    #AdminMenuIndex a:link, #AdminMenuIndex a:visited {
        font-size: 13px;
        font-family: 'Lato', sans-serif;
        color: #8c8c8c;
        padding: 12px 25px;
        display: block;
        font-weight: bold;
        line-height: 18px;
        -moz-border-radius: 5px;
        cursor: pointer;
        /*line-height:24px;*/
    }

    #AdminMenuIndex td:hover, #AdminMenuIndex a:hover {
        /*background-color: #f4f4f4;*/
        color: #000;
    }
/*----------------------------*/

#AdminMenu {
    border: 1px solid #8c8c8c;
}

.Approvalchaingrid {
    padding: 5px;
    font-size: 11px;
    color: #666;
}

#AdminMenu th {
    font-weight: bold;
    background-color: #dedfe3;
    text-align: left;
    font-size: 12px;
    color: #000000;
    padding: 8px 8px 8px 8px;
    text-shadow: 0 1px 0 #ffffff;
}

/*#AdminMenu td {
    border: 1px solid #f0f0f0;
    background-color: #FFFFFF;
    padding: 8px;
    text-align: center;
    vertical-align: middle;
}*/

.miscReport {
    border: 1px solid #f0f0f0;
    background-color: #FFFFFF;
    padding: 8px;
    text-align: center;
    vertical-align: middle;
}

#AdminMenu a {
    voice-family: "\"}\"";
    voice-family: inherit;
    text-decoration: none;
    vertical-align: middle;
}

    #AdminMenu a:link, #AdminMenu a:visited {
        font-size: 11px;
        font-family: 'Lato', sans-serif;
        color: #000000;
        padding: 14px 4px 14px 4px;
        display: block;
        font-weight: bold;
        border-radius: 5px;
        -moz-border-radius: 5px;
        line-height: 24px;
    }

    #AdminMenu a:hover {
        font-size: 11px;
        font-family: 'Lato', sans-serif;
        color: #f7a411;
        /*background-color:#edeef0;*/
        padding: 14px 4px 14px 4px;
        display: block;
        border-radius: 0px;
        border-radius: 0px;
        background-color: #f4f4f4;
        background-position: center;
        background-repeat: repeat-x;
        font-weight: bold;
        /*box-shadow: 7px 7px 8px #999;*/
        line-height: 24px;
    }

        #AdminMenu a:hover i, #AdminMenu a:hover i a {
            color: #f7a411;
        }

.AdminSectionborder {
    border: #E0E0E1 1px solid;
    background-color: #FFFFFF;
}

.Mandatoryfields {
    font-size: 11px;
    padding: 2px;
    color: #CC0000;
}

.MandatoryfieldsText {
    font-size: 11px;
    padding: 2px;
    color: #000000;
    float: right;
    font-style: italic;
    margin-right: 10px;
}

.DataGridHeaderadmin {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 6px 6px 6px;
    background-color: #ecedf1;
    border-bottom: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
    background-image: url(../images/gridheder.jpg);
    background-position: bottom center;
    background-repeat: repeat-x;
    text-shadow: 0 1px 0 #ffffff;
}

.AdminSmartsearchBox {
    background-color: #FFFFFF;
    border: 1px solid #A7A7A7;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 0 4px 1px #CCCCCC outset;
    color: #000000;
    display: none;
    font-size: 11px;
    margin: 0;
    overflow: auto;
    position: absolute;
    width: 184px;
    height: 177px;
    /* padding: 5px;*/
    z-index: 9;
    overflow-x: hidden;
}

.AdminSmartsearch_results {
    font-family: 'Lato', sans-serif;
    padding: 0px;
    border: 0px solid #999999;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

    .AdminSmartsearch_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
        font-family: 'Lato', sans-serif;
    }

    .AdminSmartsearch_results li {
        margin: 0px;
        padding: 3px 5px;
        cursor: default;
        display: block;
        font-family: 'Lato', sans-serif;
        font-size: 11px;
        line-height: 16px;
        overflow: hidden;
        text-transform: capitalize;
    }

.AdminSmartsearch_odd {
    background-color: #fff;
    cursor: pointer;
    display: block;
}

    .AdminSmartsearch_odd:hover {
        background-color: #333;
        color: #fff;
        display: block;
        cursor: pointer;
    }

.AdminSmartsearch_even {
    background-color: #f0f0f0;
    cursor: pointer;
    display: block;
}

    .AdminSmartsearch_even:hover {
        background-color: #333;
        color: #fff;
        display: block;
        cursor: pointer;
    }
/*.ac_over {
	background-color: #353535;
	color: white;
}
*/

.ToolTipBoxHistory {
    border: 5px solid #bbb;
    background-color: #ffffff;
    padding: 0px;
    box-shadow: 0 0 12px -2px #818181;
    -moz-box-shadow: 0 0 12px -2px #818181;
    -webkit-box-shadow: 0 0 12px -2px #818181;
    -o-box-shadow: 0 0 12px -2px #818181;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: #f5f5f5;
    width: 380px;
}

.ToolTipBoxHeading {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    padding: 6px 6px 6px 6px;
    background-color: #ecedf1;
    border-bottom: 1px solid #ccc;
    background-image: url(../images/gridheder.jpg);
    background-position: bottom center;
    background-repeat: repeat-x;
    text-shadow: 0 1px 0 #ffffff;
}

.ToolTipBoxrow {
    background-color: #ffffff;
    padding: 5px;
    font-weight: normal;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    font-weight: bold;
}

.ToolTipTest {
    padding: 2px 4px 2px 4px;
    font-size: 11px;
    color: #666;
    text-decoration: none;
    font-weight: normal;
}

.ToolTipTest1 {
    padding: 2px 4px 2px 4px;
    font-size: 11px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.ToolTipTest2 {
    padding: 2px 4px 2px 4px;
    font-size: 11px;
    color: #666;
    text-decoration: none;
    font-weight: normal;
}
/*--------------------------- Order Status Admin Area----------------*/
.statusBox_Approved {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    background-color: #8ac43c;
    border: 1px solid #404040;
    /*border-radius: 25px 25px 25px 25px;
    box-shadow: 0 0 4px 0 #cccccc;*/
    padding: 3px 5px 3px 5px;
    margin: 0px auto;
    width: 130px;
    text-align: center;
    z-index: 100000;
}

.statusBox_Returned {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    background-color: #BDBDBD;
    border: 1px solid #404040;
    /*border-radius: 25px 25px 25px 25px;
    box-shadow: 0 0 4px 0 #cccccc;*/
    padding: 3px 5px 3px 5px;
    margin: 0px auto;
    width: 130px;
    text-align: center;
    z-index: 100000;
}

.statusBox_Waiting {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    background-color: #eaea00;
    border: 1px solid #404040;
    /*border-radius: 25px 25px 25px 25px;
    box-shadow: 0 0 4px 0 #cccccc;*/
    padding: 3px 5px 3px 5px;
    margin: 0px auto;
    width: 130px;
    text-align: center;
    z-index: 100000;
}

.statusBox_Rejected {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    background-color: #FF735E;
    border: 1px solid #404040;
    /*border-radius: 25px 25px 25px 25px;
    box-shadow: 0 0 4px 0 #cccccc;*/
    padding: 3px 5px 3px 5px;
    margin: 0px auto;
    width: 130px;
    text-align: center;
    z-index: 100000;
}

.statusBox_Escalated {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    background-color: #BDBDBD;
    border: 1px solid #404040;
    /*border-radius: 25px 25px 25px 25px;
    box-shadow: 0 0 4px 0 #cccccc;*/
    padding: 3px 5px 3px 5px;
    margin: 0px auto;
    width: 130px;
    text-align: center;
    z-index: 100000;
}

.statusBox_Released {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    background-color: #308506;
    border: 1px solid #404040;
    /*border-radius: 25px 25px 25px 25px;
    box-shadow: 0 0 4px 0 #cccccc;*/
    padding: 3px 5px 3px 5px;
    margin: 0px auto;
    width: 130px;
    text-align: center;
    z-index: 100000;
}

.statusBox_CCChanged {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    background-color: #FFCC66;
    border: 1px solid #404040;
    /*border-radius: 25px 25px 25px 25px;
    box-shadow: 0 0 4px 0 #cccccc;*/
    padding: 3px 5px 3px 5px;
    margin: 0px auto;
    width: 130px;
    text-align: center;
    z-index: 100000;
}

.arrowbox {
    background-image: url(../images/arrow.png);
    background-position: top;
    background-repeat: no-repeat;
    height: 18px;
}

.languageflag {
    width: 30px;
    float: left;
}

.languagetitle {
    float: left;
}
/*-------- classes for checkout comments starts -----*/

.CommentsTextContainer {
    width: 285px;
    height: 95px;
    position: absolute;
    z-index: 100;
    background-color: #ECEDF1;
    filter: alpha(opacity=100);
    opacity: 100;
    padding: 10px;
    /*outline:1px solid #CCC;*/
    border: 1px solid #ccc;
}

.Commenttextbox {
    font-family: 'Lato', sans-serif;
    background-color: #fff;
    border: 1px solid #A7A7A7;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 0 2px 1px #999999 inset;
    -moz-box-shadow: 1px 0 2px 1px #999999 inset;
    -webkit-box-shadow: 1px 0 2px 1px #999999 inset;
    color: #000000;
    font-size: 12px;
    height: 80px;
    padding: 4px 4px 4px 8px;
    text-align: left;
    width: 320px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    word-wrap: break-word;
}

    .Commenttextbox p {
        margin: 0;
    }
/* .arrow-up {
	    width: 0;
	    height: 0;
	    position: absolute;
	    z-index: 201;
	    border-left: 8px dashed transparent;
	    border-right: 8px dashed transparent;
	    border-bottom: 10px solid #CCC;
    }

   .leftDiv {
        color: #000000;
        float: left;
        margin: 0 0 0 0;
        padding: 0 0px 0px 0px;
        background-color:#ecedf1;
    }

    .rightDiv {
      float : right;
      margin: 0 2% 1% 0;
      padding: 0 0 1px;
      background-color:#ecedf1;
    }   */

/*-------- classes for checkout comments ends -----*/

.PasswordValidation {
    color: #009900;
    font-weight: bold;
}

.veryStrong {
    color: #009900;
    font-weight: bold;
}

.medium {
    color: #FF9900;
    font-weight: bold;
}

.week {
    color: #FF0000;
    font-weight: bold;
}

.select-text-field {
    width: 350px;
    height: 200px;
    background: #fff;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    margin-bottom: 0px;
    margin: 0px;
    border: solid 1px #999999;
    padding: 0px;
}

.checkBoxSection {
    border: 1px solid #999999;
    /*background-color: #fcfcfc;
    border-radius: 4px;*/
    width: 185px;
}
/* Start----------JQuery Auto complete Css----------------------*/

/*	.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
    font: menu;
	font-size: 12px;
line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
*/

.ac_results {
    font-family: 'Lato', sans-serif;
    padding: 0px;
    border: 1px solid #999999;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

    .ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
        font-family: 'Lato', sans-serif;
    }

    .ac_results li {
        margin: 0px;
        padding: 2px 5px;
        cursor: default;
        display: block;
        /*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
        /*width: 100%;*/
        font-family: 'Lato', sans-serif;
        font-size: 12px;
        /*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
        line-height: 16px;
        overflow: hidden;
    }

.ac_loading {
    background: white;
}

.ac_odd {
    background-color: #f0f0f0;
}

.ac_over {
    background-color: #353535;
    color: white;
}
/* End----------JQuery Auto comlete Css----------------------*/

.pencialeditlistarea {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    text-align: left;
    width: 198px;
    padding: 4px 4px 4px 4px;
    border: 1px solid #999;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}
/*----------------------- New add by anoop for admin--------*/

.HeadingAdmin {
    font-family: 'Lato', sans-serif;
    text-align: left;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 5px 10px 0px;
    color: #585858;
}

.BannerBulletPosition {
    position: absolute;
    z-index: 2;
    right: 4%;
    top: 245px;
}

.helpText {
    color: #999;
    font-weight: normal;
    display: block;
    padding: 0px;
    text-align: right;
}

.helpTextlink {
    color: #999;
    font-weight: normal;
    text-decoration: underline;
}

    .helpTextlink:hover {
        color: #ff0000;
        font-weight: normal;
        text-decoration: none;
    }
/*----------- for home banner--*/
.LearWelcome {
    background-color: #f0f0f0;
    padding: 10px 10px 10px 10px;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    line-height: 16px;
    color: #000;
    text-decoration: none;
}

.Learhelplink {
    background-color: #f0f0f0;
    padding: 10px 10px 10px 10px;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #000;
    border-left: 1px dotted #ccc;
    text-decoration: none;
}

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

.leftfavmenu li {
    padding: 6px 4px 6px 25px;
    border-bottom: 1px solid #f0f0f0;
}

    .leftfavmenu li a {
        color: #000;
        font: bold 11px Arial, Helvetica, sans-serif;
    }

        .leftfavmenu li a:hover {
            color: #ff0000;
        }

.GridrowFav {
    text-align: left;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    background-color: #FFFFFF;
    color: #000000;
    border-bottom: 1px solid #f0f0f0;
}

    .GridrowFav td {
        border-bottom: 1px solid #f0f0f0;
        padding: 6px 4px 6px 4px;
    }

.GridrowFavSelected {
    text-align: left;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    background-color: #f0f0f0;
    color: #000000;
    border-bottom: 1px solid #f0f0f0;
}

    .GridrowFavSelected td {
        padding: 6px 4px 6px 4px;
    }

.currencyNote {
    /*padding:4px 2px 4px 1px;*/
    font-size: 10px;
    color: #666;
    text-decoration: none;
    font-weight: normal;
    font-style: italic;
}

.rfqrejected td {
    color: #ccc;
    border-bottom: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 18px;
    padding: 5px 2px 5px 5px;
    background-color: #F9F9F9;
}

    .rfqrejected td span {
        color: #ccc;
    }

    .rfqrejected td a {
        color: #ccc;
    }
/*-------------- FOR GRID TEXT ALIGNMENT----------*/

.GridtextalignLeft {
    color: #000000;
    font-size: 11px;
    text-align: left;
}

.GridtextalignRight {
    color: #000000;
    font-size: 11px;
    text-align: right;
}

.GridtextalignCenter {
    color: #000000;
    font-size: 11px;
    text-align: center;
}

.noitem {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
    color: #666;
    text-align: center;
}

.capx {
    border: 1px solid #E0E0E1;
    padding: 2px;
    margin: 3px 5px 3px 0px;
}

.budget {
    border: 1px solid #E0E0E1;
    padding: 2px;
    margin: 3px 5px 3px 0px;
}

.classgreen {
    color: #008000;
    font-weight: bold;
}

.subscriptsGreenText {
    color: Green;
    font-weight: bold;
    font-size: 8px;
}
/*----------------Multiline rfq----------------*/

.multilineGrid td input[type="text"] {
    width: 120px;
}

.discountBox tr.multilineGrid td select {
    width: 120px;
}

    .discountBox tr.multilineGrid td select.currcode {
        width: 55px !important;
    }

.multilineGrid_header th {
    text-align: center;
}

.yearbox input[type="checkbox"] {
    width: 10px;
}

.newRFQDataGridrowa {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 2px 5px 5px;
    background-color: #abaaaa;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    line-height: 18px;
}

    .newRFQDataGridrowa td {
        font-family: 'Lato', sans-serif;
        color: #000000;
        font-size: 11px;
        font-weight: bold;
        padding: 5px 2px 5px 5px;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        line-height: 18px;
    }

        .newRFQDataGridrowa td.showTip {
            color: #5286B1;
        }

.newRFQDataGridrowb {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    /*text-align:left;*/
    padding: 5px 2px 5px 5px;
    background-color: #D9D6D6;
    border-bottom: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
    line-height: 18px;
}

.callout {
    background-image: url(../images/callout.png);
    width: 285px;
    height: 75px;
    background-position: left top;
    background-repeat: no-repeat;
    padding: 15px 30px 15px 25px;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    color: #000;
    font-style: normal;
    text-decoration: none;
    font-weight: normal;
}

.SelectSupplierMultiItem {
    background-color: #d3d3d3;
    border-bottom: 1px solid #e0e0e1;
    border-right: 1px solid #e0e0e1;
    color: #333;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 2px 8px 5px;
}

.SelectSupplierMultiItem {
    /*font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:8px 2px 8px 5px;
	background-color:#5286b1;
	border-bottom:1px solid #E0E0E1;
	border-right:1px solid #E0E0E1;background-image:url(../images/gridheder.jpg);
    background-position:bottom center;
    background-repeat:repeat-x;
    background-color:#c60000 ;*/
}

    .SelectSupplierMultiItem span {
        font-weight: normal;
        font-size: 11px;
        color: #fff;
    }

.GridsubHeading1 {
    font-weight: bold;
    text-align: left;
    font-size: 12px;
    color: #000000;
    padding: 8px 3px 8px 8px;
    text-shadow: 0 1px 0 #ffffff;
}

.LinkRFQLine {
    color: #000;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    /*border-bottom:1px dotted #ccc;*/
    background-color: #fff;
    padding: 6px;
}

    .LinkRFQLine span {
        font-weight: normal;
        color: #000;
    }

    .LinkRFQLine:hover {
        font-size: 11px;
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        display: block;
        background-color: #f7a411;
        /*background-image:url(../images/lineArrow.png);*/
        background-position: right;
        background-repeat: no-repeat;
        /*border-radius:4px 0px 0px 4px;*/
    }

        .LinkRFQLine:hover span {
            font-weight: normal;
            color: #fff;
        }

.LinkRFQLineSelected {
    font-size: 11px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    display: block;
    background-color: #ccc;
    /*background-image:url(../images/lineArrow.png);*/
    background-position: right;
    background-repeat: no-repeat;
    /*border-radius:4px 0px 0px 4px;*/
    padding: 6px;
}

    .LinkRFQLineSelected span {
        font-weight: normal;
        color: #333;
    }

.DataGridrowaSupplier {
    font-family: 'Lato', sans-serif;
    color: #000;
}

.DataGridrowbSupplier {
    font-family: 'Lato', sans-serif;
    color: #000;
}

.DataGridrowaSupplier td {
    font-family: 'Lato', sans-serif;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 5px 0 5px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e0e0e1;
    border-right: 1px solid #e0e0e1;
    line-height: 18px;
}

.DataGridrowbSupplier td {
    font-family: 'Lato', sans-serif;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 5px 0 5px;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e1;
    border-right: 1px solid #e0e0e1;
    line-height: 18px;
}

.viewNAVSupplierText {
    color: black;
}

.LowestPrice {
    color: Green;
}

.strong {
    color: #009900;
    font-weight: bold;
}

.good {
    color: #009900;
    font-weight: bold;
}

.weak {
    color: #FF9900;
    font-weight: bold;
}

.short {
    color: #FF0000;
    font-weight: bold;
}

.divleft {
    float: left;
}

.divright {
    float: right;
}

.searchItemlinkNAV {
    font-family: 'Lato', sans-serif;
    color: black;
    display: block;
    text-decoration: none;
    padding: 3px;
}

    .searchItemlinkNAV:hover {
        font-family: 'Lato', sans-serif;
        color: #fff;
        display: block;
        text-decoration: none;
        background-color: black;
        padding: 3px;
    }

.GridlineHeadingCenter {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
}

    .GridlineHeadingCenter th {
        font-family: 'Lato', sans-serif;
        font-weight: bold;
        font-size: 11px;
        text-align: left;
        color: #000000;
        padding: 4px;
        background-color: #d3d3d3;
        background-position: bottom center;
        background-repeat: repeat-x;
        border-right: 1px solid #e0e0e1;
    }
/*Supplier Collaborator Receiving Tooltip CSS*/
.view {
    position: relative;
}

    .view a {
        width: 16px;
        height: 16px;
        display: block;
        background: url(../images/Recieve_Icon.gif) no-repeat left center;
        cursor: pointer;
        font-size: 12px;
        text-decoration: none;
        color: #333333;
        margin-left: 2px;
    }

    .view:hover .viewList {
        display: block;
    }

.viewList {
    position: absolute;
    width: 125px;
    left: 20px;
    top: 0px;
    background-color: #F1F2F6;
    border: 2px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    display: none;
}

    .viewList ul {
        font-size: 13px;
        margin: 0px;
        padding: 0;
    }

    .viewList li {
        padding-left: 10px;
        border-bottom: 1px solid #cbcaca;
        cursor: pointer;
        list-style: none;
    }

        .viewList li:last-child {
            border-bottom: none;
        }

        .viewList li a {
            color: #000000;
            font-family: 'Lato', sans-serif;
            font-size: 11px;
            font-weight: bold;
            width: 120px;
            padding-bottom: 10px;
            line-height: 25px;
            text-align: left;
            text-decoration: none;
            background: none !important;
        }

            .viewList li a:hover {
                color: #F60;
            }

div.DivTool-tip {
    width: 350px;
    background-color: #E1E5F1;
    border: 1px solid #b7b6b6;
    /*border-radius: 4px;
	-moz-border-radius:4px;
	-moz-box-shadow: 5px 5px 5px 5px #999999;
	-webkit-box-shadow: 5px 5px 5px 5px #999999;
	box-shadow: 0px 0px 6px 0px #999999;*/
    position: absolute;
    z-index: 999;
    padding: 4px;
    color: #000;
    font-size: 11px;
    line-height: 1.5;
    display: none;
}

.SCGridsubHeadingCenter {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
}

    .SCGridsubHeadingCenter th {
        font-family: 'Lato', sans-serif;
        font-weight: bold;
        font-size: 12px;
        text-align: center;
        color: #fff;
        padding: 8px 4px 8px 4px;
        /*text-shadow: 0 1px 0 #ffffff;
	background-image:url(../images/gridheder.jpg);
	background-position:bottom center;
	background-repeat:repeat-x;*/
        /*background-color:#ecedf1;*/
        background-color: #8ac43c;
        border-right: 1px solid #e0e0e1;
    }

.resultGridrowA td span {
    color: #000 !important;
    font-weight: normal !important;
}

.amsBudgetBlack {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    padding: 4px;
}

.amsBudgetRed {
    color: #FF0000;
    font-size: 18px;
    font-weight: bold;
    padding: 4px;
}

.amsBudgetGreen {
    color: #008000;
    font-size: 18px;
    font-weight: bold;
    padding: 4px;
}

.PDFIcon {
    background: url(../images/pdficon.png);
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -9999px;
}

.buttonClassActive {
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    /*background-image:url(/images/greenbutton.jpg);*/
    background-position: top;
    background-repeat: repeat-x;
    background-color: #f7a411;
    padding: 3px 8px 3px 8px;
    color: #ffffff;
    /*border: 1px solid #85e004 ;
	border-radius:4px;*/
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

.hilightedRow {
    background: #ffff99;
    color: #000000;
    border: 1px dotted #ccc;
    padding: 5px 4px 5px 4px;
}
/*MERGEADMIN added 12-08-2014*/
.blackscreen {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1203;
    -moz-opacity: 0.6;
    opacity: .60;
    filter: alpha(opacity=60);
}

.whitescreen {
    display: none;
    position: fixed;
    top: 10%;
    left: 30%;
    width: 42%;
    border: 8px solid #A42C1C;
    background-color: white;
    z-index: 1105;
    overflow: auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.blackscreenlow {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1100;
    -moz-opacity: 0.6;
    opacity: .60;
    filter: alpha(opacity=60);
}

.fancyPopupInventorylow {
    display: none;
    left: 0;
    margin: 0;
    padding: 15px;
    position: fixed;
    top: 0;
    z-index: 1107;
    width: 50%;
}

.popupwindowfancybox {
    background-color: #fff;
    /*border:#e0e0e1 1px solid;*/
    color: #333333;
    /*border-radius:2px;*/
}

.fancybox-outer1 {
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFF;
    /*border-radius: 6px;*/
    padding: 8px;
}

.fancybox-close1 {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-image: url('../Content/fancybox/fancybox.png');
    background-position: -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

.fancyPopupInventory {
    display: none;
    left: 0;
    margin: 0;
    /*padding: 15px;*/
    position: fixed;
    top: 32px !important;
    z-index: 1203;
    width: 50%;
}

.fancyPopupInventoryOverlay {
    background: none repeat scroll 0 0 #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1103;
}

.msgsuccess {
    color: Green;
}

.msgError {
    font-size: 12px;
}

.Error-msg-comment {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

.Heading {
    color: #333333;
    font-family: 'Lato', sans-serif;
    ;
    font-size: 18px;
    padding-left: 5px;
}

.ddlCheckBoxSection {
    /*border-top: 1px solid #999999;*/
    background-color: #fcfcfc;
    border-radius: 4px;
    width: 185px;
}

.ddlInnerCheckBoxList {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: -moz-use-text-color #a4a4a4 #a4a4a4;
    border: 1px solid #8c8c8c;
    display: block;
    height: 210px;
    overflow: auto;
    width: 191px;
}

.leftnavBox #container {
    margin: 0px;
}

.footer {
    width: auto;
    margin: 0px 10px 50px 10px;
    background-color: #fff;
    height: 1px;
    clear: both;
}

.footerText {
    color: #8c8c8c;
}

    .footerText a {
        color: #8c8c8c;
    }

.world-banner {
    width: 710px;
    height: 270px;
    background-image: url(../images/world-banner_xeeva.png);
    background-repeat: no-repeat;
}

.world-banner-lear {
    width: 710px;
    height: 270px;
    background-image: url(../images/world-banner_lear_xeeva.png);
    background-repeat: no-repeat;
}

.world-banner-acument {
    width: 710px;
    height: 270px;
    background-image: url(../images/world-banner_acument_xeeva.png);
    background-repeat: no-repeat;
}

.ch_step_one_1 {
    width: 552px;
    height: 67px;
    background-image: url(../images/step_1_en_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.ch_step_one_5 {
    width: 552px;
    height: 67px;
    background-image: url(../images/step_1_pt_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.ch_step_one_2 {
    width: 552px;
    height: 67px;
    background-image: url(../images/step_1_es_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.ch_step_two_1 {
    width: 552px;
    height: 67px;
    background-image: url(../images/step_2_en_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.ch_step_two_5 {
    width: 552px;
    height: 67px;
    background-image: url(../images/step_2_pt_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.ch_step_two_2 {
    width: 552px;
    height: 67px;
    background-image: url(../images/step_2_es_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.ch_step_three_1 {
    width: 552px;
    height: 67px;
    background-image: url(../images/step_3_en_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.ch_step_three_5 {
    width: 552px;
    height: 67px;
    background-image: url(../images/step_3_pt_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.ch_step_three_2 {
    width: 552px;
    height: 67px;
    background-image: url(../images/step_3_es_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.rfq_step1_en {
    width: 555px;
    height: 67px;
    background-image: url(../images/RFQ_step_1_en_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.rfq_step1_mx {
    width: 555px;
    height: 67px;
    background-image: url(../images/RFQ_step_1_es_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.rfq_step1_pt {
    width: 555px;
    height: 67px;
    background-image: url(../images/RFQ_step_1_pt_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.rfq_step2_en {
    width: 555px;
    height: 67px;
    background-image: url(../images/RFQ_step_2_en_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.rfq_step2_mx {
    width: 555px;
    height: 67px;
    background-image: url(../images/RFQ_step_2_es_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.rfq_step2_pt {
    width: 555px;
    height: 67px;
    background-image: url(../images/RFQ_step_2_pt_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.rfq_step3_en {
    width: 555px;
    height: 67px;
    background-image: url(../images/RFQ_step_3_en_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.rfq_step3_mx {
    width: 555px;
    height: 67px;
    background-image: url(../images/RFQ_step_3_es_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.rfq_step3_pt {
    width: 555px;
    height: 67px;
    background-image: url(../images/RFQ_step_3_pt_xeeva.png);
    background-repeat: no-repeat;
    display: block;
}

.login-img img {
    display: none;
}

.icon-search {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-image: url(../images/searchIcon-xeeva.png);
    background-repeat: no-repeat;
}

.icon-smarform {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-image: url(../images/cantFind-xeeva.png);
    background-repeat: no-repeat;
}

.icon-favorites {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-image: url(../images/Favorites-icon-xeeva.png);
    background-repeat: no-repeat;
}

.icon-upload {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-image: url(../images/upload-xeeva.png);
    background-repeat: no-repeat;
}

.icon-history {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/timeclock-xeeva.png);
    background-repeat: no-repeat;
}

.icon-detail {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/detail-xeeva.png);
    background-repeat: no-repeat;
}

.icon-businessman {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/businessman_s.png);
    background-repeat: no-repeat;
}

.icon-edit {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/icon_edit.png);
    background-repeat: no-repeat;
}

.icon-reset {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/reset.png);
    background-repeat: no-repeat;
}

.icon-response {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/response.png);
    background-repeat: no-repeat;
}

.MainSerach {
    background: #fff;
    border-top: 1px solid #8c8c8c;
    border: 1px solid #8c8c8c;
    padding: 0; /*height: 220px;*/
}

.DataGridTemp {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    padding: 5px 2px 5px 5px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #E0E0E1;
    border-right: 1px solid #E0E0E1;
    line-height: 18px;
}

    .DataGridTemp td {
        font-family: 'Lato', sans-serif;
        color: #000000;
        font-size: 11px;
        font-weight: normal;
        padding: 5px 2px 5px 5px;
        background-color: #F4BB56;
        border-bottom: 1px solid #E0E0E1;
        border-right: 1px solid #E0E0E1;
        line-height: 18px;
    }

.supplier-Recommendation select {
    border: 1px solid #ccc;
    min-width: 120px;
    max-width: 200px;
    padding: 5px 0;
}

.supplier-Recommendation .btn-add {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    background-color: #f7a411;
    text-decoration: none;
    padding: 3px 8px 3px 8px;
}

.supplier-Recommendation .btn-supplier {
    width: 95px;
    color: #fff;
    border: none;
}

.supplier-Recommendation .btn-remove {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    background-color: #ff4242;
    text-decoration: none;
    padding: 3px 8px 3px 8px;
}

.supplier-Recommendation .arrow-up {
    width: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.supplier-Recommendation .arrow-down {
    width: 32px;
    height: 32px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.bloc {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    border: solid grey 1px;
}

    .bloc select {
        padding: 5px;
        margin: -5px -20px -5px -5px;
    }

.fontBox {
    font-size: 9px;
    font-style: italic;
}

.PEDatagridborder {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 4px 8px 4px;
    background-color: #ecedf1;
    /*border-bottom: 0px solid #E0E0E1;
    border-right: 0px solid #E0E0E1;*/
    border: 1px solid #8c8c8c;
    background-position: bottom center;
    background-repeat: repeat-x;
    text-shadow: 0 1px 0 #ffffff;
}

.PEDatagridborder {
    /*border:1px solid #B9B9BA;*/
    /*border-left: #E0E0E1 1px solid;
    border-top: #E0E0E1 1px solid;*/
}

.PEcontainer {
}

.PEheader {
    height: 100px;
    background: #ccc;
    width: 100%;
}

.PEcontent {
    height: auto;
    min-height: 500px;
    width: 100%;
}

.PEleft_panel {
    float: left;
    height: auto;
    min-height: 500px;
    width: 20%;
}

    .PEleft_panel div {
        margin: 5px;
        padding: 5px;
        border: #CCCCCC 1px solid;
    }

        .PEleft_panel div:hover {
            background: #639ac5;
            color: #fff;
            cursor: pointer;
        }

.PEright_panel {
    float: right;
    height: auto;
    min-height: 500px;
    width: 80%;
    background: #fefefe;
}

    .PEright_panel #PEtab1_content {
        margin: 5px;
        padding: 5px;
        border: #CCCCCc 1px solid;
        height: auto;
        min-height: 400px;
    }

    .PEright_panel #PEtab2_content {
        margin: 5px;
        padding: 5px;
        border: #CCCCCc 1px solid;
        height: auto;
        min-height: 400px;
    }

#PEtab2_content {
    display: none;
}

#PEtab1 {
    background: #639ac5;
    color: #fff;
}

.DCcontainer {
}

.DCheader {
    height: 100px;
    background: #ccc;
    width: 100%;
}

.DCcontent {
    height: auto;
    min-height: 500px;
    width: 100%;
}

.DCleft_panel {
    float: left;
    height: auto;
    min-height: 500px;
    width: 20%;
}

    .DCleft_panel div {
        margin: 5px;
        padding: 5px;
        border: #CCCCCC 1px solid;
    }

        .DCleft_panel div:hover {
            background: #639ac5;
            color: #fff;
            cursor: pointer;
        }

.DCright_panel {
    float: right;
    height: auto;
    min-height: 500px;
    width: 80%;
    background: #fefefe;
}

    .DCright_panel #DCtab1_content {
        margin: 5px;
        padding: 5px;
        border: #CCCCCc 1px solid;
        height: auto;
        min-height: 400px;
    }

    .DCright_panel #DCtab2_content {
        margin: 5px;
        padding: 5px;
        border: #CCCCCc 1px solid;
        height: auto;
        min-height: 400px;
    }

#DCtab2_content {
    display: none;
}

#DCtab1 {
    background: #639ac5;
    color: #fff;
}

#center-wrapper {
    margin: 0 auto;
}

.column {
    margin-left: 1%;
    width: 32%;
}

#divexample-2-2 ul {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    width: 300px;
    padding: 0px;
    margin: 0px;
    margin-left: 5px;
    margin-top: 5px;
}

    #divexample-2-2 ul li {
        background-color: #fff;
        border: 1px solid #000;
        margin-bottom: 5px;
        padding: 5px;
        cursor: pointer;
    }

        #divexample-2-2 ul li.selected {
            background-color: GoldenRod;
            margin-bottom: 5px;
            padding: 5px;
            border: 1px solid #000;
        }

        #divexample-2-2 ul li.ui-sortable-helper {
            border: none;
        }

#divexample-2-1 ul {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    width: 300px;
    padding: 0px;
    margin: 0px;
    margin-left: 5px;
    margin-top: 5px;
}

    #divexample-2-1 ul li {
        background-color: #fff;
        border: 1px solid #000;
        margin-bottom: 5px;
        padding: 5px;
        cursor: pointer;
    }

        #divexample-2-1 ul li.selected {
            background-color: GoldenRod;
            margin-bottom: 5px;
            padding: 5px;
            border: 1px solid #000;
        }

        #divexample-2-1 ul li.ui-sortable-helper {
            border: none;
        }

div.htmltooltip {
    position: absolute; /*leave this and next 3 values alone*/
    z-index: 1000;
    left: -1000px;
    top: -1000px;
    background: #272727;
    border: 10px solid black;
    color: white;
    padding: 3px;
    width: 250px; /*width of tooltip*/
}

div#tipDiv {
    padding: 4px;
    color: #000;
    font-size: 11px;
    line-height: 1.2;
    background-color: #E1E5F1;
    border: 1px solid #b7b6b6;
    width: auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -moz-box-shadow: 5px 5px 5px 5px #999999;
    -webkit-box-shadow: 5px 5px 5px 5px #999999;
    box-shadow: 0px 0px 6px 0px #999999;
}
    /* example demonstrating applying styles to content inside 'tipContent' for tooltip display */
    div#tipDiv ul.tipContentList {
        margin: 0;
        padding: 0;
        list-style: none;
    }

.showTip {
    text-decoration: none; /*-- edit by anoop - for budget section*/
    color: #000000;
}

.PeGridWdithColsOne {
    width: 5%;
    text-align: center;
}

.PeGridWdithColsThere {
    width: 12%;
    text-align: center;
}

.loadingBPOVisiable {
    padding: 8px 2px 8px 2px;
    text-align: center;
    display: block;
    font-size: 11px;
    z-index: 1000000;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    vertical-align: middle;
    text-align: center;
    border: 0px;
    background-image: url("../images/trans1.png");
    background-position: center;
    background-repeat: repeat;
}

.fieldset2 {
    border: 1px solid #DCDCDC; /**#8c8c8c*/
    padding: 5px;
}

.legend2 {
    font-size: 12px;
    color: #000;
    padding: 2px 2px;
    font-weight: bold;
}

.fieldset1 {
    border: 1px solid #b7b7b7;
    color: #606060;
    margin: 7px auto;
    width: 98%;
    margin-right: 10px;
}

    .fieldset1 .legend1 {
        background: #f0f0f0 none repeat scroll 0 0;
        color: #666;
        cursor: pointer;
        float: left;
        font-size: 16px;
        padding: 8px 10px 10px 15px;
        width: 98%;
    }

        .fieldset1 .legend1:hover {
            background-color: #f4f4f4;
        }

        .fieldset1 .legend1 b {
            display: inline-block;
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
        }

    .fieldset1 div.content {
        display: block;
        /*margin:20px 25px 25px 30px;*/
        clear: both;
        float: left;
        width: 100%;
    }

    .fieldset1 table td textarea {
        width: 187px;
    }

.fieldset2 table td textarea {
    width: 187px;
}

.fieldset3 table td textarea {
    width: 187px;
}

.collapsed {
    display: inline-block;
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /*1, 2, or 3 which will rotate the element 0, 90, 180 or 270 degress respectively.*/
}

.fieldset1.topleft1 .legend1 {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 0px;
    -khtml-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 10px;
    margin-top: -15px;
}

.fieldset1.topleft1 h1 {
    margin-top: 0px;
}

.fieldset1.topleft1 div.content, fieldset.topleft2 div.content {
    margin-left: 50px;
    width: 520px;
}

.fieldset1.topleft2 div.content {
    text-shadow: 0 1px 1px rgba(120,20,35,1);
}

.font16px {
    font-size: 16px !important;
}

.font30px {
    font-size: 30px !important;
}

.opacity5 {
    opacity: 0.5;
}

.cursor-text {
    cursor: text;
}
/* Common Styles */
.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa {
    color: #5e5e5e;
}

.table-normal {
    border: 0px none;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
}

.table-0 {
    width: 100%;
    border: 0px none;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
}

.table-1 {
    width: 100%;
    border: 0px none;
    padding: 1px;
    margin: 1px;
    border-spacing: 0px;
}

.table-3 {
    width: 100%;
    border: 0px none;
    padding: 3px;
    margin: 3px;
    border-spacing: 0px;
}

.border-bottom1px {
    border-bottom: 1px solid #8c8c8c;
}

@-moz-document url-prefix() {
    .addButton {
        padding: 2px !important;
    }
}

.noborder {
    border: none !important;
}

table.resultGridborder tr.GridsubHeadingCenter th:nth-last-child() {
    border-right: none !important;
}

table.resultGridborder tr.DataGridrowa td:nth-last-child() {
    border-right: none !important;
}

.divSliderButton {
    position: absolute;
    z-index: 9;
    top: 45px;
    left: 0px;
    color: #666;
}

.margin-top-min10 {
    margin-top: -10px;
}

.font19px {
    font-size: 19px !important;
}

.cursor-pointer {
    cursor: pointer !important;
}
/*.cursor-pointer:hover {
    color:#f7a411;
}*/

.cursor-text {
    cursor: text;
}

.opacity5 {
    opacity: 0.5;
}

.widthHeight48 {
    width: 48px;
    height: 48px;
}

.border1px {
    border: 1px solid #8c8c8c;
}

.borderTopE0E0E1 {
    border-top: 1px solid #8c8c8c;
}

    .borderTopE0E0E1 th {
        border-top: 1px solid #8c8c8c;
    }

        .borderTopE0E0E1 th:first-child {
            border-left: 1px solid #8c8c8c;
        }

.DataGridrowabdr td:first-child {
    border-left: 1px solid #8c8c8c;
}

.DataGridrowbdr td:first-child {
    border-left: 1px solid #8c8c8c;
}

.border1px {
    border: 1px solid #8c8c8c;
}

.width60PerCenter {
    width: 60%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.alignCenter {
    text-align: center;
}

.width20PerRight {
    width: 20%;
    text-align: right;
}

.width98Per {
    width: 98%;
}

.width77per {
    width: 77%;
}

.width23per {
    width: 23%;
}

.width42per {
    width: 42%;
}

.width43per {
    width: 43%;
}

.width3per {
    width: 3%;
}

.width33per {
    width: 33%;
}

.width15per {
    width: 15%;
}

.width2Per {
    width: 2%;
}

.vAlignTop {
    vertical-align: top;
}

.vAlignMiddle {
    vertical-align: middle;
}

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

.displayNoneWidth100Per {
    display: none;
    width: 100%;
}

.alignRight {
    text-align: right !important;
}

.margin-bottom-20px {
    margin-bottom: 20px;
}

noborder {
    border: none !important;
}

#PARtabs li {
    padding-right: 10px;
}

#divLineItemCommentHeader table {
    width: 100%;
}

.displaynone {
    display: none;
}

.right15per {
    width: 15%;
    text-align: right;
}

.floatRight {
    float: right;
}

.width30perCenter {
    width: 30%;
    text-align: center;
}

.width10per {
    width: 10%;
}

.width20PerCenter {
    width: 20%;
    text-align: center;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-text {
    cursor: text;
}

.opacity5 {
    opacity: 0.5;
}

.black11px {
    color: #000;
    font-size: 11px;
}

.textAlignRight {
    text-align: right !important;
    padding-right: 5px !important;
}

.width60PerCenter {
    width: 60%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.alignCenter {
    text-align: center;
}

.width20PerRight {
    width: 20%;
    text-align: right;
}

.width100per {
    width: 100% !important;
}

.width100Per {
    width: 100% !important;
}

.width77per {
    width: 77%;
}

.width23per {
    width: 23%;
}

.vAlignTop {
    vertical-align: top;
}

.font19px {
    font-size: 19px !important;
}

.font16px {
    font-size: 16px !important;
}

.margin-top-min10 {
    margin-top: -10px;
}

.height400px {
    height: 400px;
}

.vTopWidth38PerLeft {
    vertical-align: top;
    width: 38%;
    text-align: left;
}

.vTopWidth2PerRight {
    vertical-align: top;
    width: 2%;
    text-align: right;
}

.vTopWidth60PerLeft {
    vertical-align: top;
    width: 60%;
    text-align: left;
}

.vTopWidth77PerLeft {
    vertical-align: top;
    width: 77%;
    text-align: left;
}

.vTopWidth23PerLeft {
    vertical-align: top;
    width: 23%;
    text-align: left;
}

.vTopWidth18PerCenter {
    vertical-align: top;
    width: 18%;
    text-align: center;
}

.vTopWidth82PerLeft {
    vertical-align: top;
    width: 82%;
    text-align: left;
}

.width80Per {
    width: 80%;
}

.width500pxRight {
    width: 500px;
    float: right;
}

.width30Per {
    width: 30%;
}

.width67Per {
    width: 67%;
}

.width68Per {
    width: 68%;
}

.width32Per {
    width: 32%;
}

.width17per {
    width: 17%;
}

.width70PerRight {
    width: 70%;
    text-align: right;
}

.width80PerRight {
    width: 80%;
    text-align: right;
}

.width100perCenter {
    width: 100%;
    text-align: center;
}

.width100perLeft {
    width: 100%;
    text-align: center;
}

.alignRight {
    text-align: right;
}

.visibleHidden {
    visibility: hidden;
}

.width16px {
    width: 16px;
}

.vTopLeft {
    vertical-align: top;
    text-align: left;
}

.vTop {
    vertical-align: top;
}

.vMiddle {
    vertical-align: middle;
}

.vMidLeft {
    vertical-align: middle;
    text-align: left;
}

.alignLeft {
    text-align: left;
}

.vMidCenter {
    vertical-align: middle;
    text-align: center;
}

.vTopHeight25px {
    vertical-align: top;
    height: 25px;
}

.favMsg {
    color: #666;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    padding-left: 30px;
}

.width35Per {
    width: 35%;
}

.width65PerRight {
    width: 65%;
    float: right;
    text-align: right;
}

.width65px {
    width: 65px;
}

.height10px {
    height: 10px;
}

.width800px {
    width: 800px;
}

.width820px {
    width: 820px;
}

.floatLeft {
    float: left;
}

.floatRightPadRight6px {
    float: right;
    padding: 0px 6px 0px 0px;
}

.width5per {
    width: 5%;
}

.width22Per {
    width: 22%;
}

.width15per {
    width: 15%;
}

.width25Per {
    width: 25%;
}

.width24Per {
    width: 24%;
}

.width20Per {
    width: 20%;
}

.width60Per {
    width: 60%;
}

.width50Per {
    width: 50%;
}

.width45Per {
    width: 45%;
}

.width90Per {
    width: 90%;
}

.width95Per {
    width: 95%;
}

.width29Per {
    width: 29%;
}

.width65Per {
    width: 65%;
}

.width70Per {
    width: 70%;
}

.width40Per {
    width: 40%;
}

.width36per {
    width: 36%;
}

.width1Per {
    width: 1%;
}

.width2Per {
    width: 2%;
}

.width49Per {
    width: 49%;
}

.width600px {
    width: 600px;
}

.height230px {
    height: 230px;
}

.height200px {
    height: 200px !important;
}

.font14px {
    font-size: 14px;
}

.font14px-bold {
    font-weight: bold;
}

.alignLeftWidth29Per {
    width: 29%;
    text-align: left;
}

.width60px {
    width: 60px;
}

.width70Px {
    width: 70px;
}

.width80Px {
    width: 80px;
}

.width100Px {
    width: 100px;
}

.width500Px {
    width: 500px;
}

.width5000Px {
    width: 5000px;
}

.width450Px {
    width: 450px;
}

.width360px {
    width: 360px;
}

.width210px {
    width: 210px;
}

.width370px {
    width: 370px;
}

.width900px {
    width: 900px !important;
}

.height500px {
    height: 500px;
}

.width2600px {
    width: 2600px;
}

.width400px {
    width: 400px;
}

.width20px {
    width: 20px;
}

.width200px {
    width: 200px;
}

.width60px {
    width: 60px;
}

.width120px {
    width: 120px;
}

.width150px {
    width: 150px;
}

.width480px {
    width: 480px;
}

.width50px {
    width: 50px;
}

.width11per {
    width: 11%;
}

.width250px {
    width: 250px;
}

.width130px {
    width: 130px;
}

.width18px {
    width: 18px;
}

.vTopCenter {
    vertical-align: top;
    text-align: center;
}

.vMidCenterWidth100Per {
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

/*.divSliderButton{position: fixed; z-index: 9; top: 163px; left: -4px;}*/
.width730pxOverflowHidden {
    width: 730px;
    overflow: hidden;
}

.displayNoneHeightAuto {
    display: none;
    height: auto;
}

.width94Per {
    width: 94%;
}

.record-pages {
    padding: 5px 0px;
    width: 100%;
}

.width6Per {
    width: 6%;
}

.Width18Per {
    width: 18%;
}

.Width82Per {
    width: 82%;
}

.width99Per {
    width: 99%;
}

.width600pxOverflowXscroll {
    width: 600px;
    overflow-x: scroll;
}

.fontWeightBold {
    font-weight: bold;
}

.colorRed {
    color: #F00;
}

.alignRightPadding10411010 { /*text-align:right; padding: 10px 41px 10px 10px;*/
    float: right;
}

.textDecorationNone {
    text-decoration: none;
}

.width400pxOverflowHidden {
    width: 400px;
    overflow: hidden;
}

.height150px {
    height: 150px;
}

.width280pxFloatRight {
    width: 280px;
    float: right;
}

.marginTop5px {
    margin-top: 5px;
}

.padding5px {
    padding: 5px;
}

.padding-left6px {
    padding-left: 6px;
}

.padding-right10px {
    padding-right: 10px;
}

.height70px {
    height: 70px;
}

.ffr-data-grid-item {
    width: 0 !important;
    border-right: 1px solid #8c8c8c;
}

.marginLeftNone {
    margin-left: 0 !important;
}

.bpo-ref-txt {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #f7a411;
    cursor: pointer;
}

.marginLeft0px {
    margin-left: 0px;
}

.marginTopminus3pxBottom10px {
    margin-top: -3px;
    margin-bottom: 10px;
}

.width300Px {
    width: 300px;
}

.width98Per {
    width: 100%; /*earlier it was 98%*/
}

.margin0px {
    margin: 0px !important;
}

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

.marginBottom5px {
    margin-bottom: 5px !important;
}

.borderBottomfff5px {
    border-bottom: 5px solid #fff;
}

.marginBottomminus5px {
    margin-bottom: -15px;
}

.marginTop8px {
    margin-top: 8px;
}

.margin5px {
    margin: 5px;
}

.padding00050005px {
    padding: 0px 5px 0px 5px;
}

.paddingTop5px {
    padding-top: 5px;
}

.paddingright10px {
    padding-top: 10px;
}

.paddingbottom10px {
    padding-top: 10px;
}

table#divREQList tr th:nth-child(15) {
    text-align: right !important;
}

table#divREQList tr td:nth-child(15) {
    text-align: right !important;
    width: 8%;
    padding-right: 5px !important;
}
/*table#divREQList tr td{ width:4%;}
table#divREQList tr td:last-child{ width:6%;}*/
/*table#divREQList tr th:nth-child(2){ width:6%;}*/

.reqCol {
    width: 60px;
}

.margin10001010 {
    margin: 10px 0px 10px 10px;
}

.height40Px {
    height: 40px;
}

.marginLeft15px {
    margin-left: 15px;
}

.padding10px {
    padding: 10px !important;
}

.vBot {
    vertical-align: bottom;
}

.width12Per {
    width: 12%;
}

.width150px {
    width: 150px;
}

.width161px {
    width: 161px;
}

.DivSupplierFilters {
    float: left;
    max-height: 200px;
    padding-right: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 240px;
}

.height145Px {
    width: 145px;
}

.textDecorationUnderline {
    text-decoration: underline;
}

.height30px {
    height: 30px;
}

.height350px {
    height: 350px;
}

.paddingLeft28px {
    padding-left: 28px;
}

.padding00101000 {
    padding: 0 10px 10px 0;
}

.fontItalic {
    font-style: italic;
}

.font13px {
    font-size: 13px;
}

.paddingRight27px {
    padding-right: 27px;
}

.width420px {
    width: 420px;
}

.width350px {
    width: 350px;
}

.paddingBottom10px {
    padding-bottom: 10px;
}

.overflowScrollY {
    overflow-y: scroll;
}

.border1pxCCC {
    border: 1px solid #8c8c8c;
}

.border1pxe0e0e0 {
    border: 1px solid #e0e0e0;
}

.borderTopLeft1pxCCC {
    border-left: 1px solid #8c8c8c;
    border-top: 1px solid #8c8c8c;
}

.borderLeft1pxCCC {
    border-left: 1px solid #8c8c8c;
}

.padding-top8px {
    padding-top: 8px;
}

.padding-bottom3px {
    padding-bottom: 3px;
}

.vMid {
    vertical-align: middle;
}

.bdr0px {
    border: 0px;
}

.margin-right10px {
    margin-right: 10px;
}

.margin-right15px {
    margin-right: 15px;
}

.margin-right20px {
    margin-right: 20px;
}

.margin-right6px {
    margin-right: 6px;
}

#tblRFQLines .resultGridrowA input:disabled, textarea:disabled, select:disabled {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #999;
}

.tbl-scroll {
    width: auto;
    overflow-x: scroll;
    overflow-y: auto;
}

tr.borderBottomTRTD td {
    border-bottom: 1px solid #8c8c8c;
}

    tr.borderBottomTRTD td tr td {
        border-bottom: 0px;
    }

.textAlignCenter {
    text-align: center !important;
}

.paddingRightLeft5px {
    padding-right: 5px;
    padding-left: 5px;
}

.marginRight5px {
    margin-right: 5px;
}

.paddingTop5px {
    padding-top: 5px;
}

.width200Px {
    width: 200px;
}

.overflowScrollAuto {
    overflow: auto;
}

.marginRight0px {
    margin-right: 0px;
}

.vTopRight {
    vertical-align: top;
    text-align: right;
}

hr.hrPopup {
    border-top: 1px dotted #999999;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

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

.height60px {
    height: 60px;
}

.width250px {
    width: 250px;
}

.width75Per {
    width: 75%;
}

.tableTDPadding5px td {
    padding: 5px;
}

.tableTHPadding5px th {
    padding: 5px;
}

.tableTDvMid td {
    vertical-align: middle !important;
}

.paddingTop10px {
    padding-top: 10px;
}

.lineHeight20px {
    line-height: 30px;
}

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

.textField-New {
    width: 70px !important;
}

.paddingTopRightLeft5px {
    padding: 5px 5px 0px 5px;
}

.borderRightTDLastChildNone td {
    border-right: 1px solid #8c8c8c;
}

    .borderRightTDLastChildNone td:last-child {
        border-right: 0px;
    }

.width30px {
    width: 30px;
}

.marginRightLeft5px {
    margin-right: 5px;
    margin-left: 5px;
}

.left13per {
    left: 13%;
}

.left30per {
    left: 30%;
}

.left22per {
    left: 22%;
}

.left12per {
    left: 12%;
}

.top10per {
    top: 10%;
}

.top20per {
    top: 20%;
}

.top43per {
    top: 43%;
}

.left48per {
    left: 48%;
}

.left18per {
    left: 18%;
}

.widthauto {
    width: auto;
}

.positionfixed {
    position: fixed;
}

.textRedColor {
    color: red;
}

.backgorund-green {
    background: #005C00;
}

.zindex1200 {
    z-index: 1200;
}

.maxheight400px {
    max-height: 400px;
}

.displayinline {
    display: inline;
}

.displayinlineblock {
    display: inline-block;
}

.overflowauto {
    overflow: auto !important;
}

.padding-left0px {
    padding-left: 0 !important;
}

.border-right1px {
    border-right: 1px solid #8c8c8c !important;
}

.border-Left1px {
    border-left: 1px solid #8c8c8c;
}

.border-bottom1px {
    border-bottom: 1px solid #8c8c8c;
}

.border-top1px {
    border-top: 1px solid #8c8c8c;
}

.border-top {
    border-top: none !important;
}

.border-top-none {
    border-top: none !important;
}

.border-bottom-none {
    border-bottom: none !important;
}

.border-left-none {
    border-left: none !important;
}

.border-right-none {
    border-right: none !important;
}

.textFieldsmall {
    border: 1px solid #999;
    font-size: 11px;
    padding: 2px;
    text-align: left;
    vertical-align: middle;
    width: 61px;
}

.border-right {
    border-right: none;
}

.textAlignLeft {
    text-align: left !important;
}

.paddingLeft3px {
    padding-left: 3px;
}

.bgeaeaea {
    background: #eaeaea;
}

.divCC {
    margin-bottom: -20px;
}

.marginRight6px {
    margin-right: 6px;
}

.paddingTopBottom5px {
    padding-top: 5px;
    padding-bottom: 6px;
}

.marginTop15Px {
    margin-top: 15px;
}

.marginTop10Px {
    margin-top: 10px;
}

.paddingBottom5px {
    padding-bottom: 5px;
}

.width100perLeft {
    width: 100%;
    text-align: left;
}

#tblMyREQList tr td:nth-child(11) {
    text-align: right !important;
    padding-right: 5px;
}

#tblMyREQList tr th:nth-child(11) {
    text-align: right !important;
    padding-right: 5px;
}

.borderBottomDotted {
    border-bottom: 1px dotted #999;
}

.fontWeightNormal {
    font-weight: normal !important;
}

.RFQLineItemsbdr {
    border-bottom: 1px dashed #e0e0e0;
}

.fontWeightNormal {
    font-weight: normal !important;
}

.borderTopE0E0E1 {
    border-top: 1px solid #8c8c8c;
}

.borderLeftE0E0E1 {
    border-left: 1px solid #8c8c8c;
}

.borderBottomRight0px {
    border-bottom: 0px !important;
    border-right: 0px !important;
}

.width4Per {
    width: 4%;
}

.width72Per {
    width: 72%;
}

.borderRight0px {
    border-right: 0px !important;
}

.width775px {
    width: 775px;
}

.overflowScrollXHidden {
    overflow-x: hidden;
}

.tblRFQ {
    border-bottom: 1px solid #8c8c8c;
}

.overflowScrollXHidden {
    overflow-x: hidden;
}

.divSliderLeft {
    min-height: 700px;
}

table#gvSubCategoryGrid {
    border: 1px solid #8c8c8c;
}

.dsplayblock {
    display: block;
}

table#ProductsubCategory {
    margin-bottom: -6px;
}

.iframeUploadTarget {
    position: absolute;
    left: -999em;
    top: -999em;
}

.bgColorB1BAC3 {
    background-color: #B1BAC3;
}

.padding2px {
    padding: 2px;
}

.locRequestorPop, .locBuyerPop {
    top: 15%;
    left: 50%;
    width: 70%;
    margin-left: -35%;
    display: none;
    position: absolute;
}

.appDetail {
    top: 15%;
    left: 9%;
    width: 80%;
    display: none;
}

.maxheight450px {
    max-height: 450px;
}

.padding0px {
    padding: 0 !important;
}

.margin-right0px {
    margin-right: 0px;
}

.positionrelative {
    position: relative;
}

.padding-left12px {
    padding-left: 12px;
}

.maxheight300px {
    max-height: 300px;
}

.height210px {
    height: 210px;
}

.width220px {
    width: 220px;
}

.top12per {
    top: 12%;
}

.left3per {
    left: 3%;
}

.width46per {
    width: 46%;
}

.maxheight340px {
    max-height: 340px;
}

.border0px {
    border: 0 none !important;
}

.width8per {
    width: 8%;
}

.padding-top4px {
    padding-top: 4px;
}

.width700px {
    width: 700px;
}

.height120px {
    height: 120px;
}

.padding-right6px {
    padding-right: 6px;
}

.width460px {
    width: 460px;
}

.left28per {
    left: 28%;
}

.left25per {
    left: 25%;
}

.left178px {
    left: 178px;
}

.borderTopE0E0E1 th {
    border-right: 1px solid #8c8c8c !important;
}
/*.GridsubHeadingCenter th:last-child{ border-right:0;}*/
.resultGridborder .DataGridrowa td:last-child {
    border-right: 0;
}

.resultGridborder .DataGridrowb td:last-child {
    border-right: 0;
}

.resultGridborder tr:last-child td {
    border-bottom: 0;
}

.tableLayoutFixed {
    table-layout: fixed;
}

.borderBottomE0E0E1 {
    border-bottom: 1px solid #8c8c8c !important;
}

.ref-ticket-number {
    background-color: #f7a411;
    color: #fff;
}

.font25px {
    font-size: 25px !important;
}

.positionRelative {
    position: relative;
}

.leftMenuHideIcon {
    position: absolute;
    top: 0;
    right: 0;
}
/*input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus
{ border-color: rgb(138, 196, 60); outline: 0 none;}*/
.font11px {
    font-size: 11px;
}

.width16per {
    width: 16%;
}

#tipDiv {
    border: 1px solid #F00;
}

i.fa:hover {
    color: #F7A411;
}

i.opacity5 {
    color: #5e5e5e !important;
}

.divusercontent {
    margin: 5px;
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0a0" !important;
}

.border-none {
    border: none;
}

.positionAbsolute {
    position: absolute;
}

.top7px {
    top: 7px;
}

.right-10px {
    right: -10px;
}

.user-main-table {
    width: 98%;
}

    .user-main-table td input.btn-disable {
        background-color: #fff;
        border: 1px solid #f7a411;
        color: #f7a411;
        padding: 5px;
        cursor: pointer;
    }

.user-inner-table td input.btn-disable-add {
    background-color: #ecedf1;
    color: #cccccc;
    border: 1px solid #8c8c8c;
    padding: 5px;
}

.user-acc-header td input.btn-disable-add {
    background-color: #ecedf1;
    color: #cccccc;
    border: 1px solid #8c8c8c;
    padding: 5px;
}

.user-main-table td input.btn-disable:hover {
    background-color: #f7a411;
    color: #fff;
}

.user-information-heading th {
    padding: 5px;
}

.user-main-table th {
    padding: 5px;
}

.user-acc-header td {
    border-right: 1px solid #8c8c8c;
    padding: 5px;
    background-color: #ecedf1;
}

.user-inner-table td {
    border-right: 1px solid #8c8c8c;
    padding: 5px;
}

.user-inner-table tr {
    background-color: none !important;
}

    .user-inner-table tr:last-child td {
        border-bottom: 1px solid #8c8c8c;
    }

        .user-inner-table tr:last-child td:first-child {
            border-bottom: none;
        }

.user-acc-header td .positionrelative input.textField {
    width: 106px !important;
}

.user-inner-table td .positionrelative input.textField {
    width: 106px !important;
}

#divDisableUserpopup td.DataGridHeader {
    border-top: 1px solid #8c8c8c;
    border-left: 1px solid #8c8c8c;
}

/*.user-main-table th:first-child{ border-left: 1px solid #8c8c8c; }*/

.divuserinformation {
    width: 96%;
    border: 1px solid #8c8c8c;
    margin: 5px 0 0 16px;
}

.right-10px {
    right: -10px;
}

.padding-right15px {
    padding-right: 15px;
}

.noBorderLastChild tr:last-child td {
    border-bottom: none;
}

.margin-top-1px {
    margin-top: -1px;
}

.maxheight230px {
    max-height: 230px;
}

.bgfff {
    background-color: #fff;
}

.dragdrop-container-table {
    border: 1px solid #8c8c8c;
}

    .dragdrop-container-table th {
        color: #000000;
        font-size: 12px;
        font-weight: bold;
        padding: 8px 4px 8px 4px;
        background-color: #ecedf1;
        text-align: left;
        border-bottom: 1px solid #8c8c8c;
    }

li.ui-draggable {
    background: #F7F7F7;
    border: 1px dotted #8B8B8B;
    padding: 5px;
    list-style: none;
    cursor: move;
    opacity: 0.5;
}

.dragdrop-approval-scroll {
    height: 242px;
    overflow-x: auto;
    overflow-y: auto;
}

.dragdrop-approval ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dragdrop-approval li {
    background: #f7f7f7;
    border: solid 1px #cccccc;
    border-left: 3px solid #cccccc;
    padding: 5px;
    cursor: move;
    list-style: none;
    margin: 3px;
    opacity: 1;
}

.dragdrop-approval .ui-state-hover {
    opacity: 0.7;
    background: #f7f7f7;
}

.dragdrop-approval-scroll .ui-widget-content {
    border: solid 1px #cccccc;
    border-right: solid 3px #cccccc;
    border-bottom: solid 3px #cccccc;
    padding: 10px;
    margin: 10px;
}

    .dragdrop-approval-scroll .ui-widget-content h3 {
        font-size: 12px;
    }

/* Custom Checkbox */
input[type=checkbox].css-checkbox {
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    opacity: 0;
    -moz-appearance: none;
}

    input[type=checkbox].css-checkbox + label.css-label {
        padding-left: 25px;
        height: 16px;
        display: inline-block;
        line-height: 16px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 20px;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=checkbox].css-checkbox:checked + label.css-label {
        background-position: 0 -16px;
    }

    input[type=checkbox].css-checkbox + label.css-label {
        background-image: url("../images/checkbox.png");
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 13px;
        font-weight: normal;
    }

        input[type=checkbox].css-checkbox + label.css-label:before, input[type=checkbox].css-checkbox + label.css-label:after {
            border: 0 none;
            content: none;
            display: block;
        }

input[type=checkbox][disabled].css-checkbox + label.css-label {
    padding-left: 25px;
    height: 16px;
    display: inline-block;
    line-height: 16px;
    background-repeat: no-repeat;
    background-position: 0px -32px;
    font-size: 20px;
    vertical-align: middle;
    cursor: default;
}

input[type=checkbox][disabled].css-checkbox:checked + label.css-label {
    padding-left: 25px;
    height: 16px;
    display: inline-block;
    line-height: 16px;
    background-repeat: no-repeat;
    background-position: 0px -48px;
    font-size: 20px;
    vertical-align: middle;
    cursor: default;
}

label.css-label1 [type="checkbox"] {
    display: none;
}

[type="checkbox"] + span.checkboxPlace {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../Content/images/checkbox.png") 0px 0px;
    cursor: pointer;
}

input[type=checkbox].css-checkbox1:checked + span.checkboxPlace {
    background: url("../Content/images/checkbox.png") 0px -16px;
}

[type=checkbox][disabled].css-checkbox1 + span.checkboxPlace {
    padding-left: 25px;
    height: 16px;
    display: inline-block;
    line-height: 16px;
    background-repeat: no-repeat;
    background-position: 0px -32px;
    font-size: 20px;
    vertical-align: middle;
    cursor: pointer;
}

[type=checkbox][disabled].css-checkbox1:checked + span.checkboxPlace {
    padding-left: 25px;
    height: 16px;
    display: inline-block;
    line-height: 16px;
    background-repeat: no-repeat;
    background-position: 0px -48px;
    font-size: 20px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=radio].css-checkbox + label.css-label {
        padding-left: 21px;
        height: 16px;
        display: inline-block;
        line-height: 16px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 16px;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=radio].css-checkbox:checked + label.css-label {
        background-position: 0 -16px;
    }

label.css-label {
    background-image: url(../images/option.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=radio][disabled].css-checkbox + label.css-label {
    background-position: 0 -32px;
    cursor: default;
}

input[type=radio][disabled].css-checkbox:checked + label.css-label {
    background-position: 0 -48px;
    cursor: default;
}
/*************************************************/
.tblrequester tr.DataGridrowb td.fontWeightBold {
    font-weight: bold !important;
}

.tblrequester tr.DataGridrowa td {
    font-weight: bold !important;
}

.tblrequester td input.btn-disable {
    background-color: #fff;
    border: 1px solid #f7a411;
    color: #f7a411;
    padding: 5px;
    cursor: pointer;
}

    .tblrequester td input.btn-disable:hover {
        background-color: #f7a411;
        color: #fff;
    }

.divBulkLocationrecord tr td {
    border-right: none;
}

.divBulkLocationrecord tr:last-child td {
    border-bottom: none;
}

.divVideoTrainingPopUp {
    display: none;
    position: absolute;
    z-index: 9999999;
    top: 18%;
    left: 15%;
    padding: 10px;
    border: solid 1px #8C8C8C;
    background: white;
    display: block;
}

a.help-videos-btn {
    position: fixed;
    right: 0;
    top: 118px;
    z-index: 99999;
    border-radius: 0 !important;
    border: 0 !important;
    background: #F7A411;
    -webkit-transition: right 1s;
    transition: right 1s;
    right: -117px;
    padding: 5px;
    color: white;
    display: block;
}

    a.help-videos-btn i, a.help-videos-btn i:hover {
        color: white;
    }

.help-videos-btn:hover {
    transition: right 1s;
    right: 0px;
}

.training-video-list {
    height: 300px;
    margin: 0;
    padding: 0;
    position: relative;
    border: solid 1px #ccc;
    overflow-x: auto;
}

    .training-video-list li:hover, .training-video-list li.selected {
        background: #f2f2f2;
    }

    .training-video-list li {
        border-bottom: solid 1px #ccc;
        list-style-type: none;
        padding: 10px 5px 10px 10px;
        cursor: pointer;
    }

        .training-video-list li p {
            margin: 0 0 0 8px;
            line-height: normal;
        }

.jobaidvedio a {
    color: #5286B1;
    font-weight: bold;
    font-size: 12px;
}

    .jobaidvedio a:hover {
        color: #f7a411;
        font-weight: bold;
        font-size: 12px;
    }

.password-strength-container {
    padding: 2px;
    width: 165px;
    display: none;
    font-size: 11px;
}

.password-strength-content {
    background: #5f5f5f;
    width: 100%;
    height: 3px;
    overflow: hidden;
}

    .password-strength-content span {
        height: 3px;
    }

    .password-strength-content .short {
        background: #5f5f5f;
        display: block;
        width: 0%;
    }

    .password-strength-content .weak {
        background: #ffa400;
        display: block;
        width: 25%;
    }

    .password-strength-content .good {
        background: #5fa0d7;
        display: block;
        width: 50%;
    }

    .password-strength-content .strong {
        background: #8cbf40;
        display: block;
        width: 100%;
    }

.password-hint {
    position: fixed;
    background: #ffffff;
    border: 1px solid #ffa400;
    width: 185px;
    padding: 5px;
    line-height: 18px;
    font-size: 11px;
    display: none;
}

    .password-hint:after, .password-hint:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .password-hint:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 10px;
        margin-left: 66px;
    }

    .password-hint:before {
        border-color: rgba(255, 164, 0, 0);
        border-bottom-color: #ffa400;
        border-width: 11px;
        margin-left: 65px;
    }

.help-ul-pdf-link {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .help-ul-pdf-link li {
        margin: 0;
        padding: 5px 0;
        list-style: none;
    }

.LocCurrMinWidth {
    min-width: 400px;
}

.LocCurrSelect {
    min-width: 400px !important;
    min-height: 230px !important;
    margin: 3px 0px -3px -3px !important;
}

.fa-spin-2x {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.loaderPosition {
    position: fixed;
    z-index: 1203;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    display: none;
}

.padding-right4px {
    padding-right: 4px;
}

.padding-right8px {
    padding-right: 8px;
}

.tableDynamic {
    color: #333;
    font-family: 'Lato', sans-serif;
    border-collapse: collapse;
    border-spacing: 0;
}

    .tableDynamic td, th {
        border: 1px solid transparent; /* No more visible border */
        height: 30px;
        color: #000000;
        /*transition: all 0.3s;*/ /* Simple transition for hover effect */
        /*padding-left:8px;*/
    }

    .tableDynamic th {
        background: #DFDFDF; /* Darken header a bit */
        font-weight: bold;
    }

    .tableDynamic td {
        background: #FAFAFA;
        text-align: left;
    }

    /* Cells in even rows (2,4,6...) are one color */
    .tableDynamic tr:nth-child(even) td {
        background: #F1F1F1;
    }

    /* Cells in odd rows (1,3,5...) are another (excludes header cells)  */
    .tableDynamic tr:nth-child(odd) td {
        background: #FEFEFE;
    }
/*
    .tableDynamic tr td:hover {
        background: #666;
        color: #FFF;
    }
 Hover cell effect! */

.merge-sup-table {
    border: solid 1px #8c8c8c;
    margin: 5px;
    padding: 10px;
}

    .merge-sup-table .alignRight {
        text-align: right;
    }

.merge-sup-item {
    display: inline-block;
    border: solid 1px #666666;
    background: white;
    padding: 5px;
    font-size: 11px;
    margin-right: 5px;
}

.margin-left-5px {
    margin-left: 5px;
}

.location-container {
    border: solid 1px #e0e0e1;
    background: #f5f5f5;
    padding: 5px;
}

.step1, .step2, .step3 {
    min-height: 500px;
}

.linkOrange {
    color: #f7a411;
}

input[type=checkbox].css-checkbox-single-vendor {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].css-checkbox-single-vendor + label.css-label-single-vendor {
        padding-left: 21px;
        height: 16px;
        display: inline-block;
        line-height: 16px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 16px;
        vertical-align: middle;
        cursor: pointer;
    }

.ms-options li {
    padding: 3px 0 3px 5px;
}

    .ms-options li.selected label.css-label-single-vendor {
        background-position: 0 -16px;
    }

label.css-label-single-vendor {
    background-image: url(../images/checkbox.png);
    background-repeat: repeat-y;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=checkbox][disabled].css-checkbox-single-vendor + label.css-label-single-vendor {
    background-position: 0 -32px;
    cursor: default;
}

input[type=checkbox][disabled].css-checkbox-single-vendor:checked + label.css-label-single-vendor {
    background-position: 0 -48px;
    cursor: default;
}

/*progress bar*/
#myProgress {
    position: relative;
    width: 100%;
    height: 30px;
    background-color: grey;
}

#myBar {
    position: absolute;
    width: 1%;
    height: 100%;
    background-color: green;
}
/* If you want the label inside the progress bar */
#label {
    text-align: center; /* If you want to center it */
    line-height: 30px; /* Set the line-height to the same as the height of the progress bar container, to center it vertically */
    color: white;
}

.RedComment {
    font-weight: bold;
    color: red;
}

#tblImage .imagedropshadow {
    padding: 5px;
    border: solid 1px #BDBDBD;
}

#tblImage a:hover img.imagedropshadow {
    border: solid 1px #CCC;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
}

.popupicon {
    position: relative;
    top: 3px;
}

.view-user-list-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 100px;
    max-height: 200px;
}

.supplier-name {
    display: inline-block;
    padding: 3px;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.supplier-name-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
    max-height: 300px;
    min-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .supplier-name-list li {
        margin: 0px;
        padding: 10px;
        border-bottom: 1px solid #e0e0e1;
    }

.imgConfigdiv {
    width: 1000px !important;
}

.imgConfigSection td {
    padding: 10px;
    /*font-size: 13px;*/
}

.imgformattable td {
    padding: 5px;
    /*font-size: 13px;*/
}

.img_format_table_2 {
    padding-bottom: 10px;
}

.disclaimerTxt {
    margin: 10px;
    font-size: 11px;
    color: #666;
}

/*
.sv-cat-type-container {
    overflow-y: auto;
     min-height: 150px;
    max-height: 160px;
}

.sv-cat-type-container-step2 {
    overflow-y: auto;
      min-height: 230px;
    max-height: 250px;
}*/

.img_format_table_2 .SlectBox {
    width: 215px;
}

a, a:visited, a:link {
    text-decoration: none !important;
}

#divEmailBody a:hover {
    background: none !important;
}

#header-fixed {
    position: fixed;
    top: 0px;
    display: none;
    background-color: white;
}

#gvGrid th:first-child {
    text-align: center !important;
}

#gvGridSupplier th:first-child {
    text-align: center !important;
}

.Tax-Tolerance-dd-container {
    padding: 10px;
}

.ctt-customer-location-container {
    margin: 0 0 10px 0;
}

.ctt-currency-container ul, .ctt-supplier-country-container ul {
    margin: 5px 0 10px 0;
    padding: 0;
    list-style: none;
}

    .ctt-currency-container ul li, .ctt-supplier-country-container ul li {
        margin: 0;
        padding: 5px;
        float: left;
        list-style: none;
    }

.ul-supplier-country {
    max-height: 320px;
    min-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

.tax-tolerance-edit-container {
    margin: 10px;
    /*border:solid 1px #666;*/
    border-right: none;
    border-bottom: none;
}

    .tax-tolerance-edit-container .tbl-tolerance-edit {
        width: 100%;
    }

        .tax-tolerance-edit-container .tbl-tolerance-edit > tbody > tr > td {
            border-right: solid 1px #666;
            border-bottom: solid 1px #666;
            padding: 10px;
        }

.desc {
    border-bottom: solid 1px #666;
    border-right: solid 1px #666;
    padding: 0;
    height: 0;
    opacity: 0;
}

textarea {
    max-height: 100px !important;
    max-width: 250px !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .textFieldList {
        width: 188px !important;
    }

    .textField {
        width: 178px !important;
    }
}

.AnchorDefault {
    text-decoration: underline !important;
    color: blue;
    cursor: pointer;
}

/*--------------------------------Help Section Dropdown menu------------------------------------------------*/

.dropdown-content {
    font: 13px "Source Sans Pro",sans-serif;
    display: none;
    position: absolute;
    border: solid 1px #C6C6C6;
    border-top: solid 2px #5286B1;
    background-color: #fff;
    min-width: 160px;
    overflow: auto;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 9999;
    right: 88px;
}

    .dropdown-content a {
        color: black;
        padding: 5px;
        text-decoration: none;
        display: block;
        text-align: left;
        border-bottom: 1px solid #C6C6C6;
    }

        .dropdown-content a i {
            font-size: 13px;
        }

        .dropdown-content a:hover {
            background: #eee !important;
            color: #5E5E5E;
        }

    .dropdown-content span {
        display: inline-block;
        margin-left: 5px;
    }

.dropdown-content-profile {
    right: 22px;
}

#myDropdown_Profile { /*float: left; width: 160px;*/
    right: 10px;
}

#myDropdown {
    right: 88px;
}

/*--------------------------------Help Section Dropdown menu close------------------------------------------------*/

.width100per .usericonplacement {
    float: right;
    margin-right: 9px;
}

/*--------------------------------Start css updated for Cost Center Table Text align Right for amount------------------------------------------------*/

.baseidforamtrghtaln .DataGridrowa td:nth-child(6), .baseidforamtrghtaln .DataGridrowb td:nth-child(6) {
    text-align: right !important;
}

.baseidforamtrghtaln .DataGridrowa td:nth-child(7), .baseidforamtrghtaln .DataGridrowb td:nth-child(7) {
    text-align: right !important;
}

.baseidforamtrghtaln .DataGridrowa td:nth-child(8), .baseidforamtrghtaln .DataGridrowb td:nth-child(8) {
    text-align: right !important;
}

.baseidforamtrghtaln .DataGridrowa td:nth-child(9), .baseidforamtrghtaln .DataGridrowb td:nth-child(9) {
    text-align: right !important;
}

.baseidforamtrghtaln .DataGridrowa td:nth-child(10), .baseidforamtrghtaln .DataGridrowb td:nth-child(10) {
    text-align: right !important;
}

.baseidforamtrghtaln .DataGridrowa td:nth-child(11), .baseidforamtrghtaln .DataGridrowb td:nth-child(11) {
    text-align: right !important;
}

.baseidforamtrghtaln .DataGridrowa td:nth-child(12), .baseidforamtrghtaln .DataGridrowb td:nth-child(12) {
    text-align: right !important;
}

.baseidforamtrghtaln .DataGridrowa td:nth-child(13), .baseidforamtrghtaln .DataGridrowb td:nth-child(13) {
    text-align: right !important;
}

/*--------------------------------Start css updated for Cost Center Table Text align Right for amount------------------------------------------------*/

/* User profile css from p2p starts here */
.user_Location_row {
    margin: 8px 0;
    float: left;
    width: 99%;
}

.user_Location_header {
    padding: 5px;
    background-color: #5e5e5e;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

    .user_Location_header div.USL {
        width: 39.5% !important;
        float: left;
        margin-left: 0px !important;
    }

    .user_Location_header div {
        color: #fff;
        font-weight: bold;
        padding: 5px;
    }

        .user_Location_header div.USR {
            width: 30%;
            float: left;
        }

        .user_Location_header div.USP {
            width: 25%;
            float: left;
        }

.UserSectionBorder {
    border-left: 1px solid #8c8c8c;
    border-top: 1px solid #8c8c8c;
}

.margin-top10px {
    margin-top: 10px;
}

.width100per {
    width: 100% !important;
}

.UserSectionHeader {
    /* font-family: 'Lato', sans-serif; */
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    padding: 6px 4px 6px 6px;
    background-color: #ecedf1;
    /* border-right: 1px solid #e0e0e1; */
    border-bottom: 1px solid #8c8c8c;
}

.alignLeft {
    text-align: left;
}

.UserSectionBorder th:last-child {
    border-right: 1px solid #8c8c8c;
}

.Userinputlabelrowb {
    padding: 4px 4px 4px 6px;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: 400;
    /*font-family: 'Lato', sans-serif; */
    background-color: #f9f9f9;
    border-bottom: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
    line-height: 18px;
}

.gridtextLink {
    color: #5286B1;
    cursor: pointer;
    /* font-size: 11px; */
}

#divLocationDetails {
    background-color: #ccc;
    width: 100%;
    padding: 6px !important;
}

#tdUserMoreInfo .popupDisplay table.border1pxCCC {
    width: 100% !important;
    margin: 0px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.User-location-grid-data {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    font-weight: 600;
    font-size: 12px;
    padding: 5px;
    background: #f4f4f4;
}

.Userinputlabelrowa {
    padding: 4px 4px 4px 6px;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: 400;
    /*font-family: 'Lato', sans-serif; */
    background-color: #fff;
    border-bottom: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
    line-height: 18px;
}

.Useroutputlabelrowb {
    padding: 4px 4px 4px 6px;
    font-size: 11px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    /*font-family: 'Lato', sans-serif; */
    background-color: #f9f9f9;
    border-bottom: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
    line-height: 18px;
}

.user_Privilege {
    vertical-align: top;
    /* float: right; */
    /* position: absolute; */
    width: 50%;
}

.user_role {
    vertical-align: top;
    font-weight: bold;
    float: left;
}

.user_Location_data {
    margin: 0;
}

.user_role {
    vertical-align: top;
    font-weight: bold;
    /* float: left; */
    width: 50%;
}

.headertext a {
    color: #5e5e5e;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}

.headertext {
    color: #5e5e5e;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}
/* User profile css from p2p ends here */

.popupwindowfancybox textarea {
    width: 293px;
    max-width: 400px !important;
}

#fntbldnrmlfdbck .inputlabel {
    font-weight: normal !important;
}

.VBGrid .DataGridrowa td {
    border-bottom: 0px !important;
}

    .VBGrid .DataGridrowa td.inputlabel {
        font-weight: bold !important;
    }

.VBGrid td {
    padding: 5px;
}

.VBGrid .GridsubHeadingCenter th {
    text-align: center !important;
}

.VBActionIcons div {
    float: left;
    width: 20px;
}

#gvListGrid th {
    border-right: 1px solid !important;
}

.ui-state-hover {
    background: #fff !important;
}

.ui-state-default {
    height: 20px !important;
    line-height: 20px !important;
}

.ui-icon-arrowthick-1-s {
    /* border: 5px solid; */
    /* position: absolute; */
    /* background: #ff0000 !important; */
    float: right;
    /* margin-left: -50px; */
    margin-top: 8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #666;
    margin-right: 5px;
}

.ui-icon-arrowthick-1-n {
    /* border: 5px solid; */
    /* position: absolute; */
    /* background: #ff0000 !important; */
    float: right;
    /* margin-left: -50px; */
    margin-top: 8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #666;
    margin-right: 5px;
}

/*P-Card**/
.select3-multiple-selected-item {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d5d5d5;
    color: #5286b1;
    cursor: default;
    float: left;
    padding: 3px 8px;
    margin: 2px;
    position: relative;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.select3-multiple-selected-item-remove {
    cursor: pointer;
    padding: 5px;
    color: #5286b1 !important;
}

    .select3-multiple-selected-item-remove .fa-remove {
        color: #5286b1 !important;
    }

#BulkUserAssignmentContent .Datagridborder {
    border: none !important;
}



#ddlCustomer :nth-child(1), #id10ddlLocation :nth-child(2) {
    background: #0d4e90;
    color: white;
}

.greenCheck {
    color: green;
}

.redAlert {
    color: red;
}

.SecureBg {
    background-color: #ffffff;
    background-position: top center;
    background-repeat: repeat-x;
    border: 1px solid #edeff2;
    height: auto;
    width: 390px;
    padding: 12px 12px 12px 10px;
}
.textSecure {
    font-size: 22px;
    font-weight: bolder;
    text-align: left;
    color: #5e5e5e;
    line-height: 30px;
    border-bottom: 2px solid #5e5e5e;
}
.textSecureLabel {
    font-weight: bold;
    color: #5e5e5e;
    text-align: left;
    line-height: 30px;
}

.user-select-div {
    overflow: auto;
    height: 112px;
    width: 261px;
}

.txt-name {
    float: left;
    margin-top: 7px;
    margin-left: 8px;
    margin-right: 86px;
}

.txt-drpdown{

}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
	border:10px solid #F00;
	background-color:#0C0;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 15px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
	/*border-radius:10px;
	-moz-border-radius:10px;*/
	}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../images/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}
/*
#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
	display:none;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	display:none;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancy_title_over.png');
	display: none;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
	display:none;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
} */

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../images/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../images/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../images/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 0px;
	height: 0px;
	z-index: 1001;
	}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -182px;
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -122px;
}

/* IE

* #fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
* .fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

* .fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
* .fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
* .fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
* .fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

* .fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
* .fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

* .fancybox-ie .fancy-bg { background: transparent !important; }

* .fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
* .fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
* .fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
* .fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
* .fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
* .fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
* .fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
* .fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
*/
DIV.calendar {
	Z-INDEX: 9000; POSITION: relative
}
.calendar {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 11px; BACKGROUND: #efefef; BORDER-LEFT: #cccccc 1px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: arial,verdana,sans-serif
}
.calendar TABLE {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 11px; BACKGROUND: #efefef; BORDER-LEFT: #cccccc 1px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: arial,verdana,sans-serif
}
.calendar .buttonc {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar THEAD .title {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; BACKGROUND: #333333; PADDING-BOTTOM: 2px; COLOR: #ffffff; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar THEAD .headrow {
	BACKGROUND: #dedede; COLOR: #000
}
.calendar THEAD .name {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 1px solid; TEXT-ALIGN: center
}
.calendar THEAD .weekend {
	COLOR: #dedede
}
.calendar THEAD .hilite {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 1px; BACKGROUND: #bbbbbb; PADDING-BOTTOM: 1px; BORDER-LEFT: #cccccc 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid
}
.calendar THEAD .active {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; BACKGROUND: #c77; PADDING-BOTTOM: 0px; PADDING-TOP: 2px
}
.calendar THEAD .daynames {
	BACKGROUND: #dddddd
}
.calendar TBODY .day {
	PADDING-RIGHT: 4px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 2em; PADDING-TOP: 2px; TEXT-ALIGN: right
}
.calendar TABLE .wn {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 2px; BACKGROUND: #dddddd; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.calendar TBODY .rowhilite TD {
	BACKGROUND: #666666; COLOR: #ffffff
}
.calendar TBODY .rowhilite TD.wn {
	BACKGROUND: #666666; COLOR: #ffffff
}
.calendar TBODY TD.hilite {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 1px; BACKGROUND: #999999; PADDING-BOTTOM: 1px; BORDER-LEFT: #666666 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #666666 1px solid
}
.calendar TBODY TD.active {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #000000; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 2px
}
.calendar TBODY TD.selected {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: bold; BACKGROUND: #000000; PADDING-BOTTOM: 1px; BORDER-LEFT: #000 1px solid; COLOR: #ffffff; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid
}
.calendar TBODY TD.weekend {
	COLOR: #cccccc
}
.calendar TBODY TD.today {
	FONT-WEIGHT: bold
}
.calendar TBODY .disabled {
	COLOR: #999
}
.calendar TBODY .emptycell {
	VISIBILITY: hidden
}
.calendar TBODY .emptyrow {
	DISPLAY: none
}
.calendar TFOOT .footrow {
	BACKGROUND: #cccccc; COLOR: #000; TEXT-ALIGN: center
}
.calendar TFOOT .ttip {
	BORDER-TOP: #cccccc 1px solid; BACKGROUND: #efefef; COLOR: #000000
}
.calendar TFOOT .hilite {
	BORDER-RIGHT: #f40 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #f40 1px solid; PADDING-LEFT: 1px; BACKGROUND: #666666; PADDING-BOTTOM: 1px; BORDER-LEFT: #f40 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #f40 1px solid
}
.calendar TFOOT .active {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; BACKGROUND: #999999; PADDING-BOTTOM: 0px; PADDING-TOP: 2px
}
.combo {
	BORDER-RIGHT: #655 1px solid; BORDER-TOP: #655 1px solid; DISPLAY: none; FONT-SIZE: smaller; BACKGROUND: #ffffff; LEFT: 0px; BORDER-LEFT: #655 1px solid; WIDTH: 4em; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #655 1px solid; POSITION: absolute; TOP: 0px
}
.combo .label {
	WIDTH: 100%; TEXT-ALIGN: center
}
.combo .hilite {
	BACKGROUND: #fc8
}
.combo .active {
	BORDER-TOP: #cccccc 1px solid; FONT-WEIGHT: bold; BACKGROUND: #efefef; BORDER-BOTTOM: #cccccc 1px solid
}
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  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;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}