@charset "utf-8";

@font-face {
    font-family: 'Calibri';
    src: url('../Fonts/Calibri/Calibri.otf') format('otf');
    src: url('../Fonts/Calibri/Calibri.woff') format('woff'), url('../Fonts/Calibri/Calibri.ttf') format('truetype'), url('../Fonts/Calibri/Calibri.svg#Calibri') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Calibri';
}

::selection {
    background: #a0ce38;
    color: #fff; /* Safari */
}

::-moz-selection {
    background: #a0ce38;
    color: #fff; /* Firefox */
}

.searchResults {
    display: none;
}

.header {
    width: 100%;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #c6c6c6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c6c6c6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#c6c6c6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#c6c6c6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#c6c6c6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#c6c6c6 100%); /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c6c6c6',GradientType=0 );  */ /* IE6-9 */
    /* Superfish menu does not work for IE9 with gradient background, replacing with static color */
    background-color: #e5e7e6;
    min-height: 93px;
    position: relative;
    /* height:143px; */
}

#dvmain {
    z-index: 2;
    float: left;
    margin: -30px auto 0;
    width: 100%;
}

.container12.mainContainer {
    padding: 35px 0px 20px 0px;
    min-height: 500px;
}

.header-account span {
    font-size: 12px;
}


.JDthumbs.clearfix {
    margin: 0 !important;
    padding: 0 5px;
}

.column5.shrtl {
    width: 351px !important;
}

#back-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    vertical-align: middle;
    z-index: 1000;
}

    #back-top a {
        display: block;
        text-align: center;
        font: 11px "Segoe Ui", Helvetica, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        color: #bbb;
        /* transition */
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }

        #back-top a:hover {
            color: #ccc;
        }

    /* arrow icon (span tag) */
    #back-top span {
        width: 30px;
        height: 30px;
        display: inline-block;
        background: #ddd url(../images/upArrow.png) no-repeat 3px 3px;
        /* rounded corners */
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        /* transition */
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }

    #back-top a:hover span {
        background: #f20404 url(../images/upArrow.png) no-repeat 3px -23px;
    }

.footer {
    background: #4E4E4E;
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 12px;
    font-family: inherit;
    margin: 0;
    padding: 0;
    z-index: 900;
}

.lightBar {
    background-color: Green;
    repeat-x;
    height: 15px;
    width: 100%;
}

.lightBar2 {
    background-color: yellow;
    repeat-x;
    height: 5px;
    width: 100%;
}



.help {
    font-size: 13px;
    font-weight: bold;
}

.QuickContact {
    color: #343434;
    font-size: 11px;
    font-stretch: normal;
    text-align: right;
}

    .QuickContact br, .copy br {
        display: none;
    }

    .QuickContact a {
        color: #51aedf;
        text-decoration: underline;
    }

        .QuickContact a:hover {
            color: #a0ce38;
            text-decoration: underline;
        }

.ifLogin h4 {
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 5px;
    line-height: normal;
}

/*
.menuBar {background:#d2d2d2; height:45px;}
*/
.menuBar {
    background: #e5e7e6;
    height: 34px;
}

    .menuBar ul.sf-menu {
        margin-top: 0px;
        padding-top: 0px;
        width: 100%;
        position: relative;
    }

.sf-menu a {
    padding: .55em 34px .55em 35px;
    font-size: 14px;
    color: #454545;
    text-align: center;
    margin-top: 0px;
}

.menuBar select {
    display: none;
}

.sf-menu > li {
    height: 30px;
}

.sf-menu .home a {
    height: 27px;
    line-height: 40px;
    text-indent: -9999px;
    background: url("../images/home.png") no-repeat scroll 0% 0% transparent !important;
}

.current.home a {
    background: url(../images/home.png) no-repeat !important;
}
/*.greyLine {border-top:1px solid #292928;}*/
/*.mrgn10 {margin-top:10px;} */
.copy {
    line-height: 22px;
    margin-top: 5px;
    color: #747474;
    text-align: right;
    float: right;
}

.footerMenu {
    float: left;
}

#uLfootermenu {
    margin-left: -8px;
}

.footerMenu li {
    float: left;
    position: relative;
}

    .footerMenu li a {
        color: #616161;
        display: inline-block;
        padding: 5px;
        text-decoration: underline;
    }

        .footerMenu li a:hover {
            color: #009fee;
        }

    .footerMenu li .topLine {
        display: none;
        width: 100%;
        height: 4px;
        background: #009fee;
        position: absolute;
        top: -3px;
        left: 0px;
    }

    .footerMenu li:hover .topLine {
        display: block;
    }

.mainContainer {
    box-shadow: 8px 0 5px -5px rgba(119,119,119, 0.75), -8px 0 5px -5px rgba(119, 119, 119, 0.75);
    -moz-box-shadow: 8px 0 5px -5px rgba(119,119,119, 0.75), -8px 0 5px -5px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 8px 0 5px -5px rgba(119,119,119, 0.75), -8px 0 5px -5px rgba(119, 119, 119, 0.75);
    background: #fff;
    position: static;
}

.dropBox {
    width: calc(100%-4px);
    height: 35px;
    color: #fff;
    background: #00a1f1 url(../images/dropdown.png) 0px 0px no-repeat;
    border: 2px solid #006090;
    line-height: 35px;
    text-shadow: 2px 2px #000000;
    font-size: 14px;
    text-indent: 47px;
    cursor: pointer;
}

    .dropBox:hover {
        background-position: 0px -35px;
    }

.customMessage {
    background-color: White;
    text-align: right;
    margin: 0px;
    font-size: 10px;
    color: #a3a8c2;
    font-style: italic;
    width: 100%;
    position: absolute;
    bottom: 2px;
    right: 5px;
    text-transform: none;
}

.myFieldset {
    background: #fff;
    border: 2px solid #bcbcbc;
}

.myFieldset_mediatype {
    background: #fff;
    border: 1px solid #bcbcbc;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #A8A8A8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#A8A8A8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#A8A8A8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#A8A8A8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#A8A8A8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#A8A8A8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#A8A8A8',GradientType=0 ); /* IE6-9 */
    margin: 0;
    padding: 0;
}

    .myFieldset_mediatype.my-new-collection {
        margin: 28px 0px 0px 0px !important;
        padding: 0;
    }



#MainContent_dvpreapproval .box h4 {
    padding: 7px 0 2px;
    line-height: 30px;
}



.myFieldset legend {
    margin: auto 5px;
    padding: 0px 0px;
    color: #454545;
}

ul.Libthumbs, ul.thumbs {
    margin-left: 3px;
    margin-bottom: 0px;
}

    ul.thumbs li {
        position: relative;
        float: left;
        width: 83px;
        height: 110px;
        margin: 0px 2px 5px;
    }

    ul.Libthumbs li {
        position: relative;
        float: left;
        width: 112px;
        height: 100px;
        margin: 0px 2px 5px;
    }

        ul.thumbs li span, ul.Libthumbs li span {
            display: block;
            background: rgba(0,0,0,0.7);
            width: 100%;
            font-size: 13px;
            font-weight: normal;
            text-align: center;
            color: #fff;
            position: absolute;
            bottom: 0px;
            left: 0px;
            padding: 3px 0px;
        }

.customLinks {
    margin: 0px 10px 0px 20px;
    padding: 0px;
}
    /* .customLinks li {width:25%;float:left;padding-left:10px; list-style-type:disc;height:20px; line-height:normal; margin-left:10px; margin-bottom:0px;}  */
    .customLinks li {
        width: 30%;
        float: left;
        list-style-type: disc;
        height: 20px;
        line-height: normal;
        margin-left: 10px;
        margin-bottom: 0px;
    }

        .customLinks li a {
            font: 13px calibri, sans-serif;
            color: #454545;
            text-decoration: underline;
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: nonne;
            -ms-transition: none;
            transform: none;
        }

            .customLinks li a:hover, .customLinks li a.active {
                font: 13px calibri, sans-serif;
                text-decoration: underline;
                color: #465ca8;
            }

.h475 {
    height: 378px;
}

.ui-widget-content p {
    color: #B0B0B0;
    font-size: 11px;
}

.searchResults .column4 {
    width: 330px;
    margin-bottom: 20px;
}

.searchResults h3 {
    font-size: 13px;
    font-weight: bold;
}

.searchResults p {
    font-size: 11px;
    color: #B0B0B0;
}


#scrollbar1 {
    width: 103%;
    clear: both;
    margin: 5px 0 10px -10px;
}

    #scrollbar1 .viewport {
        width: 97%;
        height: 360px;
        overflow: hidden;
        position: relative;
    }

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

    #scrollbar1 .thumb {
        background-color: #7ca825;
        border-radius: 0px;
        background: #7ca825 url(../images/track.jpg) center center no-repeat;
    }

    #scrollbar1 .scrollbar {
        position: relative;
        float: right;
        width: 15px;
    }

    #scrollbar1 .track {
        background-color: #262626;
        height: 100%;
        width: 15px;
        position: relative;
        padding: 0 1px;
        border-radius: 0px;
    }

    #scrollbar1 .thumb {
        height: 20px;
        width: 15px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
    }

        #scrollbar1 .thumb .end {
            overflow: hidden;
            height: 5px;
            width: 13px;
        }

    #scrollbar1 .disable {
        display: none;
    }


.alignLeft {
    float: left;
    margin-right: 10px;
}

.alignRight {
    float: right;
    margin-left: 10px;
}


.searchOptions {
    text-align: right;
    width: 95%;
}

    .searchOptions input[type='radio'] {
        width: 13px;
        height: 13px;
        margin: 5px 5px 0px;
        line-height: 13px;
    }

    .searchPanel label, .searchOptions label {
        font-weight: normal;
        display: inline-block;
        font-size: 12px;
        line-height: 13px;
    }

.block1 {
    width: 95%;
    margin: 10px auto;
    border: 2px solid #dedede;
    padding: 10px 5px 10px 10px;
    border-radius: 2px;
}

label.big {
    font-size: 14px;
}

.searchPanel input[type="text"] {
    width: 225px;
    display: inline-block;
    margin-bottom: 0px;
    margin-left: 3px;
    margin-right: 0px;
    border-radius: 0px;
}

input.searchBtn {
    width: 30px;
    height: 30px;
    margin: 0px;
    background: url(../images/searchBtn.jpg) no-repeat 0px 0px;
    display: inline-block;
    padding: 9px 0px;
    margin-left: -5px;
    border-radius: 0px;
    vertical-align: top;
}

    input.searchBtn:hover {
        background: url(../images/searchBtn.jpg) no-repeat 0px -30px;
    }

.block2.adv {
    background: #fff;
    padding: 10px 5px 10px 10px;
    border-radius: 2px;
    width: 95%;
    border: 2px solid #dedede;
    margin-bottom: 10px;
}

    .block2.adv h3 {
        font-size: 14px;
        color: #898989;
        font-weight: normal;
        background: url(../images/arrow-black.png) no-repeat right top;
        cursor: pointer;
        margin-bottom: 0px;
        width: 98%;
        overflow: hidden;
        height: 17px;
        padding-left: 0px;
    }

        .block2.adv h3:hover {
            font-size: 14px;
            color: #a0ce38;
            font-weight: normal;
            background: url(../images/arrow-black.png) no-repeat right bottom;
            cursor: pointer;
            margin-bottom: 0px;
        }

    .block2.adv .inCont {
        margin: 10px auto;
    }

.inCont ul {
    margin-bottom: 0px;
}

.inCont li {
    margin-bottom: 0px;
}

.inCont input[type="checkbox"] {
    margin: 0px;
}

.inCont li ul {
    margin-left: 18px;
    font-size: 11px;
    margin-bottom: 3px;
}

.block2 {
    padding: 10px 5px 10px 10px;
}

    .block2 .inCont {
        margin: 10px;
    }

    .block2 h3 {
        font-size: 12px;
        color: #898989;
        font-weight: bold;
        background: url(../images/plusminus.png) no-repeat left 1px;
        cursor: pointer;
        margin-bottom: 0px;
        width: 98%;
        overflow: hidden;
        height: 17px;
        padding-left: 20px;
        line-height: 17px;
    }

        .block2 h3:hover {
            font-size: 12px;
            color: #898989;
            font-weight: bold;
            background: url(../images/plusminus.png) no-repeat left -29px;
            cursor: pointer;
            margin-bottom: 0px;
        }

        .block2 h3.plus {
            background: url(../images/plusminus.png) no-repeat left -14px;
        }

            .block2 h3.plus:hover {
                background: url(../images/plusminus.png) no-repeat left -44px;
            }

    .block2.adv h3.plus, .block2.adv h3.plus:hover {
        background: background: url(../images/arrow-black.png) no-repeat right top;
    }

.innerCont {
    width: 95%;
    padding-top: 5px;
    display: none;
}

    .innerCont #scrollbar1 .viewport {
        height: 850px;
    }

    .innerCont .column4 {
        margin-top: 10px;
    }

#searchBox {
    display: block;
}

.sbox {
    display: none;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #909090;
    border-radius: 5px;
    padding: 5px 10px;
    background: #a0ce38;
    cursor: pointer;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

    .sbox:after {
        content: '↓';
        margin-left: 6px;
        color: #fff;
    }

    .sbox:hover {
        background: #81a62d;
    }

    .sbox.up {
        display: none;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        border: 1px solid #909090;
        border-radius: 5px;
        padding: 5px 10px;
        background: #a0ce38;
        cursor: pointer;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

        .sbox.up:after {
            content: '↑';
            margin-left: 6px;
            color: #fff;
        }

.switcher {
    width: 12%;
    text-align: right;
    float: right;
}

    .switcher a {
        display: block;
        width: 38px;
        height: 32px;
        background: url(../images/switchIcons.png);
        float: left;
        transform: none;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        -o-transition: all 0s;
        -ms-transition: all 0s;
        transform: all 0s;
    }

        .switcher a.icons {
            background-position: 0 0;
        }

        .switcher a.grid {
            background-position: 0 -64px;
        }

        .switcher a.icons.active, .switcher a.icons:hover {
            background-position: 0 -31px;
        }

        .switcher a.grid.active, .switcher a.grid:hover {
            background-position: 0 -97px;
        }


.blueBox .box {
    width: 49%;
    float: left;
    height: 35px;
    position: relative;
    text-align: center;
    color: #fff;
    border-left: 1px solid #fff !important;
    font-size: 11px;
    font-style: italic;
}

/*.blueBox .box{background:#465ca8; font-weight:bold; width:47%; float:left;height:55px; position:relative; text-align:center;color:#fff;}*/
.box h3 {
    font-weight: bold;
    font-size: 14px;
    padding: 5px 20px;
}

.box .counter {
    display: block;
    font: 10px verdana;
    font-weight: bold;
    position: absolute;
    width: 20px;
    height: 20px;
    color: #fff;
    background: #970000;
    background: -webkit-linear-gradient(to bottom right, #970000, #e20000);
    background: -moz-linear-gradient(to bottom right, #970000, #e20000);
    background: -ms-linear-gradient(to bottom right, #970000, #e20000);
    background: -o-linear-gradient(to bottom right, #970000, #e20000);
    background: linear-gradient(to bottom right, #970000, #e20000);
    top: -6px;
    right: -6px;
    line-height: 20px;
}

.mrgn20 {
    margin-right: 2px;
}


/* @media only screen and (min-width: 960px) and (max-width: 1160px) {
	.switcher {width:15%; text-align:right; float:right;} 
.sf-menu a {padding:.55em 30px;}
ul.Libthumbs, ul.thumbs{margin-left:3px; margin-bottom:0px;}
ul.thumbs li {position:relative; float:left;width:68px; height:90px;margin:0px 2px 5px;}
ul.Libthumbs li {position:relative; float:left;width:92px; height:81px;margin:0px 2px 5px;}
ul.thumbs li span, ul.Libthumbs li span {display:block; background:rgba(0,0,0,0.7);width:100%; font-size:18px; font-weight:normal; text-align:center; color:#fff; position:absolute; bottom:0px; left:0px;padding:3px 0px;}
.ui-tabs .ui-tabs-nav li a {padding: .5em 1.5em; font-size:18px;  font-weight:normal;}
.h475 {height:360px;}
#scrollbar1 .viewport { width: 97%; height: 345px; overflow: hidden; position: relative; }

.searchPanel input[type="text"]  {width:175px;}

.searchResults .column4 {width:270px;margin-bottom:20px;}
.searchResults img {width:120px; height:auto}
.searchResults h3 {font-size:12px; font-weight:bold;}
.searchResults p{font-size:11px; color:#B0B0B0;}
.blueBox .box{ width:46%; float:left;height:75px; position:relative; text-align:center;color:#fff;}
.box h3 {font-size:14px; padding:5px 5px;}

.customLinks li a {font: 11px Verdana, sans-serif; color:#000000; text-decoration:none; -webkit-transition: none;-moz-transition:none;-o-transition: nonne;-ms-transition: none;transform:none;}
.customLinks li a:hover,.customLinks li a.active {font:bold italic 12px Verdana, sans-serif; text-decoration:underline; color:#008acf;}
	}
	
	
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.switcher {width:17%; text-align:right; float:right;}
.sf-menu a {padding:.55em 15px 0.55em;}
.dropBox {line-height:35px; text-shadow: 2px 2px #000000; font-size: 13px; text-indent: 47px; cursor:pointer; }
ul.thumbs {width:77%; margin:auto;}	
ul.Libthumbs li {position:relative; float:left;width:107px; height:95px;margin:0px 2px 5px;}
.customLinks {margin:0px 10px 0px 20px; padding:0px;}
.customLinks li {margin-left:5px; margin-bottom:0px;padding-left:5px; width:45%;}
.customLinks li a:hover,.customLinks li a.active {font:bold italic 12px Verdana, sans-serif; text-decoration:underline; color:#008acf;}
.ui-tabs .ui-tabs-nav li a {padding: .5em 1.2em; font-size:12px;}
.searchResults .column4 {width:90%;margin-bottom:20px;}
.searchResults img {width:150px; height:auto}
.searchResults h3 {font-size:14px; font-weight:bold;}

#scrollbar1 .viewport { width: 96%;}

.searchPanel input[type="text"]  {width:120px;}
.blueBox .box{ width:44%; float:left;height:95px; position:relative; text-align:center;color:#fff;}
.box h3 {font-size:14px; padding:15px 5px 5px; }


	}
	
	
@media only screen and (max-width: 767px) {
.QuickContact {text-align:center; margin-bottom:10px;}
.QuickContact br, .copy br {display:block;}
.Contact {text-align:center; margin-bottom:10px;}
.Contact br, .copy br {display:block;}
.menuBar select{display:block; width:90%; height:30px; margin:7px auto;}
.menuBar ul {display:none;}
.copy {text-align:center; line-height:normal; padding-top:10px; float:right;}
.footer {height:auto;}
.footerMenu {float:none; margin:0px auto; width:94%}
.footerMenu li {float:left; position:relative;}
.footerMenu li a{color:#616161; display:block; text-decoration:none; text-align:center;}
.footerMenu li a:hover{color:#009fee;}
.footerMenu li .topLine {display:none; width:60%;height:4px;background:#009fee;position:absolute;top:25px;left:20%;}
.footerMenu li:hover .topLine {display:block;}

.myFieldset {width:60%; margin:auto;}
.customLinks li {width:80%;}
.customMessage,.dropBox {width:90%; margin:auto;}
ul.Libthumbs {width:70%; margin:auto; }
ul.Libthumbs li {position:relative; float:left;width:125px; height:110px;margin:0px 2px 5px;}
.ui-tabs .ui-tabs-nav li {width:90px;overflow:hidden;}
.ui-tabs .ui-tabs-nav li a {padding: .5em 0.6em; font-size:12px;font-weight:normal;}

.searchResults .column4 {width:95%;margin-bottom:20px;}
.searchResults img {width:150px; height:auto; margin:0 auto 10px 40px; float:none ;}
.searchResults h3 {font-size:14px; font-weight:bold; text-align:center;}
#scrollbar1 .viewport { width: 94%;}
.searchResults p {text-align:center;}

.block1, .block2.adv, .block2 {width:90%;margin:10px auto;}
.searchPanel input[type="text"]  {width:170px;}
.innerCont {width:90%;padding-top:20px; margin:auto;}
.sbox, .sbox.up {display:block;}
#searchBox {display:none;}
.blueBox .box{ width:90%; float:none;height:40px; position:relative; text-align:center;color:#fff;margin:10px auto; }
.box h3 {font-size:14px; padding:5px 5px;}
.switcher {width:40%; text-align:right; float:right;}
.h475 {height:360px;margin-bottom:10px;}
#scrollbar1 .viewport { width: 97%; height: 345px; overflow: hidden; position: relative; }
	}
@media only screen and (min-width: 480px) and (max-width: 767px) {

.footerMenu {float:none; width:70%; margin:0px auto;}
.myFieldset {width:85%; margin:auto;}
.customLinks li {width:40%;}
ul.Libthumbs {width:auto; margin:auto; }
ul.Libthumbs li {position:relative; float:left;width:112px; height:100px;margin:0px 2px 2px;}
.ui-tabs .ui-tabs-nav li {width:120px;overflow:hidden;}
.ui-tabs .ui-tabs-nav li a {padding: .5em 0.6em; font-size:12px;font-weight:normal;}
.searchResults .column4 {width:95%;margin-bottom:20px;}
.searchResults img {width:150px; height:auto;margin:0 10px 0 0; float:left;}
.searchResults h3 {font-size:14px; font-weight:bold; text-align:left;}
.searchResults p {text-align:left;}
#scrollbar1 .viewport { width: 96%;}
.block1, .block2, .block2.adv {width:90%;margin:10px auto;}
.searchPanel input[type="text"]  {width:270px;}
.blueBox .box{ width:44%; float:left;height:40px; position:relative; text-align:center;color:#fff;margin:0px 10px;}

.box h3 {font-size:14px; padding:5px 5px;}
.switcher {width:20%; text-align:right; float:right;}

	} */

/* Custom Css for dialog div styles
    By Reena date: 10 Feb 2014
  */
/* Start */

.myDlgFieldset {
    width: 95%;
    margin: auto;
}

.txtAdName3 {
    margin: 0 0 5px !important;
}

.fieldsetborder {
    border-color: #ddd !important;
    border-width: 1px !important;
}

.zoomingimg {
    margin-top: 5px;
}

.newbtn {
    margin-top: -15px;
}

.section4 {
    padding-bottom: 10px;
}

.dvleft {
    float: left;
    width: 30%;
    margin-right: 5px;
    margin-top: 4px;
}

.dvleftText {
    float: left;
    width: 150px;
    margin-right: 5px;
}

.dvright {
    float: left;
    width: 65%;
    margin-top: 4px;
}

.cmncolor {
    color: #51aedf;
}

    .cmncolor a {
        color: #51aedf;
        text-decoration: underline;
    }



/* .commoncolor {
        color: #387c2c ! important;
    }  */

/* End */



/* Custom Css for JD Specific Landing Page styles
    By Reena date: 18 Feb 2014
  */
/* Start */
ul.JDthumbs {
    margin-left: 3px;
    margin-bottom: 0px;
}

    ul.JDthumbs li {
        position: relative;
        float: left;
        width: 32%;
        height: 153px;
        margin: 2px;
    }

        ul.JDthumbs li:last-child {
            width: 32%;
        }

        ul.JDthumbs li img {
            width: 100%;
            height: 123px;
        }

        ul.JDthumbs li span {
            display: block;
            background: rgba(0,0,0,0.7);
            width: 100%;
            font-size: 13px;
            font-weight: normal;
            text-align: center;
            color: #fff;
            position: relative;
            bottom: 0px;
            left: 0px;
            padding: 3px 0px;
        }

ul.JDthumbscol {
    margin: 0 !important;
    padding: 0 5px;
}

    ul.JDthumbscol li {
        position: relative;
        float: left;
        width: 25%;
        min-height: 110px;
        height: auto;
        margin: 0px 0px 5px;
    }

        ul.JDthumbscol li img {
            width: 100%;
        }

        ul.JDthumbscol li span {
            display: block;
            background: rgba(0,0,0,0.7);
            width: 100%;
            font-size: 13px;
            font-weight: normal;
            text-align: center;
            color: #fff;
            position: relative;
            bottom: 0px;
            left: 0px;
            padding: 3px 0px;
        }

ul.JDMediathumbs {
    margin: 0px;
}

    ul.JDMediathumbs li {
        position: relative;
        float: left;
        min-width: 155px;
        width: auto;
        min-height: 132px;
        height: auto;
        margin: 25px 0 3px 0px;
        border-bottom: 1px solid #ddd;
        text-align: center;
    }

        ul.JDMediathumbs li span {
            display: block;
            width: 100%;
            font-size: 13px;
            font-weight: bold;
            text-align: center;
            color: black;
            position: relative;
            bottom: 0px;
            left: 0px;
            padding: 3px 0px;
        }

.playimg {
    left: 30px;
    position: absolute;
    top: 48px;
    width: 53px !important;
    height: auto !important;
}

.playimgAg {
    left: 59px;
    position: absolute;
    top: 48px;
    width: 53px !important;
    height: auto !important;
}






/* End */

/* Custom Css for Messages
    By Reena date: 18 Feb 2014
  */
/* Start */
.ErrorMsg {
    /* border: 1px solid red; */
    background-color: pink;
    display: block;
    position: relative;
    top: 0px;
    left: 1%;
    width: 98%;
    right: 1%;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    text-align: center;
    color: Red;
}

.errorsummary {
    /* border: 1px solid red;  */
    background-color: pink;
    display: block;
    position: relative;
    top: 0px;
    left: 1%;
    width: 98%;
    right: 1%;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    text-align: left;
    padding-left: 35px;
}

.SuccessMsg {
    /* border: 1px solid green; */
    background-color: lightgreen;
    display: block;
    position: relative;
    top: 0px;
    left: 0%;
    width: 100%;
    right: 1%;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    text-align: center;
    color: Black;
}

.ErrorCntrl {
    border: 1px solid red;
}
/* End */

/* Custom Css for HomePage 
    By Reena date: 25 Feb 2014
  */
/* Start */
.welcome {
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
}

    .welcome a {
        text-decoration: none !important;
    }

        .welcome a:hover, .welcome a:focus, .welcome a:active {
            text-decoration: underline !important;
        }

.Contact {
    color: #4b4b4b;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    text-align: right;
}

    .Contact br, .copy br {
        display: none;
    }

    .Contact a {
        color: #4b4b4b;
    }

        .Contact a:hover {
            color: #4b4b4b;
            text-decoration: underline;
        }

.ProName {
    font-size: 35px;
    font-style: normal;
    font-weight: normal;
    color: #2a8333;
    text-align: center;
}


/* End */

/* Custom Css for Asset Edit
    By Reena date: 18 mar 2014
  */
/* Start */

.addtxt {
    margin: 0px 0px 5px !important;
    outline: medium none;
    padding: 5px 2px !important;
}

#close {
    display: block;
    float: left;
    width: 30px;
    height: 29px;
    background: url('../images/delete.gif') no-repeat center center;
}

.add {
    text-decoration: underline;
}

.box_header {
    color: #2b8334;
    font-size: 17px !important;
    font-family: calibri, sans-serif;
}

.box_header_tree {
    color: #2b8334;
    font-size: 13px !important;
    font-family: calibri, sans-serif;
}

.treechkbox {
    border: 1px solid #2b8334 !important;
    font-family: calibri, sans-serif;
}

img.trigger {
    vertical-align: top;
    margin: 0.25em;
}

.listcontainer {
    border: 1px solid #ccc;
    height: 80px;
    overflow-y: scroll;
}

    .listcontainer input[type="checkbox"] {
        margin: 3px;
    }

.modal-tpedit .listcontainer label input {
    vertical-align: middle;
}

.modal-tpedit .listcontainer label {
    width: 100%;
    padding: 2px 5px;
    margin: 0;
}

.btn {
    background-color: #ffffff;
    border: 1px solid #2b8334 !important;
    border-radius: 4px !important;
    color: #2b8334 !important;
    cursor: pointer !important;
    font-family: Calibri !important;
    font-size: 13px !important;
    font-weight: bold;
    height: 24px !important;
    margin-bottom: 0 !important;
    padding: 1px 5px 3px;
    text-align: center !important;
    vertical-align: middle;
}

    .btn:hover {
        background-color: #2b8334;
        color: #ffffff !important;
    }

.spancolor {
    color: Red !important;
}

.spangreencolor {
    color: Green !important;
}

.deleteBtn {
    color: White !important;
    background-color: Red;
    text-shadow: 0 0px rgba(255, 255, 255, .75);
}

    .deleteBtn:hover {
        color: White;
        /* background: #EF1D1A;  Old browsers */
    }



/* End */

/* Commom base class */
/*   start  */

.calFont13 {
    font-size: 13px;
}

.calFont14 {
    font-size: 14px;
}

.lstNoStyle {
    list-style: none;
}

.clear {
    clear: both;
}

pdL10 {
    padding-left: 10px;
}

.mrgn10 {
    margin-top: 10px;
}

flR {
    float: right;
}


.alignCtr {
    text-align: center;
    width: 343px;
    display: inline;
    float: left;
}

    .alignCtr span {
        line-height: 50px;
    }

.wth220 {
    width: 220px !important;
}

.wd170 {
    width: 154px;
}

.td {
    height: 25px;
    vertical-align: top;
    font-size: 13px !important;
}

.tbl {
    border-collapse: separate;
    border-spacing: 10px 5px;
}

.txtbox {
    margin: 0 0 0 0 !important;
    outline: medium none;
    padding: 5px 2px !important;
}

.txtboxsearch {
    margin: 0 0 0 0 !important;
    outline: medium none;
    padding: 3px 2px !important;
    height: 16px;
    width: 125px;
}

.ddl {
    margin: 0 0 0 0 !important;
    height: 24px;
}

.cursorPointer {
    cursor: pointer;
}

.hide {
    display: none;
}

.hidetxt {
    color: transparent;
    border-color: transparent;
    height: 0px;
    width: 10px;
}

.waitImg {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 22;
    text-align: center;
    background-color: #000;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

/*   End  */

/* Custom Css for Validation js in frmAssetEdit
    By Reena date: 18 mar 2014
  */
/* Start */

/****** Name: cmxform Styles  ******/
.cmxform label.error, label.error {
    /* remove the next line when you have trouble in IE6 with labels in list */
    color: red;
    font-weight: normal;
    /*  font-style: italic; */
}

div.error {
    display: none;
}

/*     
        input:focus
        {
            border: 1px dotted black;
        }
        input.error
        {
            border: 1px dotted red;
        }
        
        .cmxform .gray *
        {
            color: gray;
        }*/

/*******  Name: Page Styles ***************/

.cmxform fieldset p.error label {
    color: red;
}

div.container {
    background-color: pink;
    display: block;
    position: relative;
    top: 0px;
    left: 1%;
    width: 98%;
    right: 1%;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    text-align: left;
    padding-left: 35px;
}

    div.container ol li {
        /* list-style-type: disc; */
        margin: 0px;
        list-style-type: none;
    }

    div.container ol {
        margin: 0px;
    }

div.container {
    display: none
}

.container label.error {
    display: inline;
}

form.cmxform label.error {
    display: block;
    /*	margin-left: 1em; */
    width: auto;
}

/* End */

.btn_browse {
    background-color: #E6E6E6 !important;
    color: Black !important;
}

.datepick-month-header select {
    /* width: 88px; */
    width: 49%;
    display: inline;
    margin: 0px;
}


.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 200px;
    height: 162px;
}

    .wraptocenter * {
        vertical-align: middle;
    }
/*\*/ /*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

<!-- [if lt IE 8] >
.wraptocenter span {
    display: inline-block;
    height: 100%;
}

<![endif] -->
.JDMediathumbs li {
    float: left;
    border-bottom: 1px solid #ddd;
}


.ui-corner-all {
    margin: 0px;
    padding: 0px;
}

.ui-tabs .ui-tabs-nav li a {
    padding: 5px 0px !important;
    width: 120px;
    text-align: center;
}

.logo {
    margin-left: 6px !important;
}

    .logo img {
        margin-top: 10px;
    }

.left_side {
    margin-left: 6px !important;
}


.three_nav .ui-tabs-nav li a {
    width: 205px !important;
}

    .three_nav .ui-tabs-nav li a:last-child {
        margin-right: 0 !important;
        /*   width: 206px !important; */
        padding-left: 0px !important;
    }

.three_nav {
    padding: 0px;
}

.three_nav_2 ul li {
    width: 207px !important;
    margin: 5px 0 3px;
}



body {
    -webkit-font-smoothing: subpixel-antialiased;
}



/* ------------ 16-jul-14----------------*/

.section4 .wraptocenter img {
}

.mincentive #dvPrmCategory, .mincentive #dvSecCategory, .mincentive #dvTerCategory {
    float: left;
    width: 100%;
    margin: 0px 0px 5px 0px;
}

.family_disclaimer select {
    width: 225px;
}

.newsrtr .wraptocenter {
    width: 100% !important;
    height: auto !important;
    float: left;
}

.img_block {
    max-height: 210px;
    margin: 4px auto;
    vertical-align: top;
    width: 153px;
    line-height: 200px;
}

.lawn {
    height: 21px !important;
    margin: 0 2px 0 0 !important;
    /*padding: 0px 5px 0px;
line-height: 20px;
float:left;
*/
}

input.lawn {
    height: 23px !important;
}

.prev, .first, .next, .last {
    margin: 0 0 -4px;
}

.incentive3 {
    width: 185px;
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.incentive4 {
    /*width:320px;  */
    width: 220px;
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.incentive5 {
    width: 80px;
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.incentive12 {
    margin: 0 auto;
    padding: 23px 0 20px;
    position: relative;
    width: 930px;
}

    .incentive12:before, .incentive12:after {
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        clear: both;
    }

.newalignleft {
    width: 370px;
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

    .newalignleft select {
        margin: 0px 0px 5px 5px !important
    }

.clsPointerStyle {
    cursor: not-allowed !important;
}

#txtAdApComment {
    text-transform: uppercase;
}


/* implemented in  Approve pages for rejection message right length count */

.rightLenCnt {
    float: right;
    margin-right: 30px;
    margin-left: -60px;
}

.uploadImage {
    margin-left: 2px;
}

/* Custom Css
  By Manjit date: 19 August 2016
  */
/* Start */

.radiolabel {
    font-size: 15px !important;
    font-weight: normal !important;
    display: inline-block !important;
    color: #0E0E0E !important;
    padding-left: 6px;
}



.divFeedback {
    width: 665px;
    max-width: 665px;
    overflow: hidden;
    padding-left: 20px;
}

.divFeedbackOdd {
    width: 665px;
    max-width: 665px;
    overflow: hidden;
    padding-left: 20px;
    background-color: #FFFFB0;
}

.divleftpadding15 {
    padding-left: 5px;
}

.divlbl {
    width: 350px;
    max-width: 350px;
    float: left;
    font-size: 15px !important;
    color: #0E0E0E !important;
    margin-left: -19px;
}

.divcontrol {
    width: 310px;
    max-width: 310px;
    float: right
}


/* End */

/* Custom Css
  By Manjit date: 11 September 2016
  */
/* Start ---CSS for General Feedback */

.feedbackHeadGen {
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    color: #1D702C !important;
    font-weight: bold;
    width: 999px;
    max-width: 999px;
    margin-bottom: 20px;
}

.radiolabelValues {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #0E0E0E !important;
    padding-left: 6px;
}

.radiolabelAG {
    font-size: 15px !important;
    font-weight: normal !important;
    display: inline-block !important;
    color: #0E0E0E !important;
    padding-left: 6px;
}

.radiolabel6 {
    color: #0e0e0e !important;
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: normal !important;
    padding-right: 60px;
    line-height: 3;
}

.divFeedbackGen {
    width: 999px;
    max-width: 999px;
    overflow: hidden;
}

.divFeedbackGenodd {
    width: 999px;
    max-width: 999px;
    overflow: hidden;
}

.divFeedbackGeneven {
    width: 999px;
    max-width: 999px;
    overflow: hidden;
    background-color: #FFFFB0;
}

.divlblGen {
    width: 470px;
    max-width: 470px;
    float: left;
    font-size: 15px !important;
    color: #0E0E0E !important;
    padding-left: 15px;
}

.divlblGenTop {
    width: 470px;
    max-width: 470px;
    float: left;
    font-size: 15px !important;
    color: #0E0E0E !important;
    line-height: 3;
    padding-left: 15px;
}

.divlblred {
    width: 400px;
    max-width: 400px;
    float: left;
    font-size: 15px !important;
    color: #FF0000 !important;
    padding-left: -31px;
}

.divcontrolGen {
    width: 500px;
    max-width: 500px;
    float: right;
}

.divcontrolleft {
    width: 550px;
    max-width: 550px;
    float: left;
    padding-left: 20px;
}

.divfullcontrolleft {
    width: 990px;
    max-width: 990px;
    float: right;
    margin-right: -215px
}

.stackDivWidth1 {
    max-width: 900px;
    width: 900px;
}

.stacklabelstyle1 {
    max-width: 900px;
    width: 900px;
    width: 30px;
}

.stacklabelstyle2 {
    padding-left: 585px;
    width: 30px;
}

.divradiooption1 {
    float: right;
    margin-bottom: 4px;
    margin-right: 138px;
}

.divradiooption2 {
    float: right;
    margin-bottom: 2px;
    margin-right: 148px;
}

.labelradioStyle1 {
    width: 10px;
    margin-right: 270px;
}

.labelradioStyle2 {
    width: 10px;
    margin-right: 62px;
}

.labelradioStyle3 {
    width: 10px;
    margin-right: 12px;
}


.labelradioStyle4 {
    width: 10px;
    margin-right: 368px;
}

.labelradioStyle5 {
    width: 10px;
    margin-right: -14px;
}

.divcontrolpadding {
    margin-left: -12px;
    float: left;
}

.radiolabelpadding1 {
    padding-left: 20px;
    line-height: 2;
}

.radiolabelpadding2 {
    padding-left: 30px;
    line-height: 2;
}

.radiolabelpadding3 {
    margin-left: -11px
}

.divOptionclass {
    float: right;
    margin-right: -6px;
    margin-top: 10px;
}

.othertextareaclass {
    width: 370px !important;
}

.othertextareaclass2 {
    width: 300px !important;
    margin-top: 8px;
}

.divclass22 {
    float: left;
    margin-left: 10px;
    margin-top: 15px;
}

.emailtextstyle {
    width: 200px !important;
}

.feedbackbtnstyle {
    margin-left: 400px
}


.rpadding {
    margin-right: 5px
}

.spanNo10 {
    line-height: 0;
    margin-left: -15px;
    vertical-align: bottom;
}

.spanNo6 {
    line-height: 1;
    margin-right: -15px;
    vertical-align: bottom;
}

.divlblAD {
    color: #0e0e0e !important;
    float: left;
    font-size: 15px !important;
    width: 370px;
    margin-left: 5px;
    line-height: 3;
}

.radiolabelAG {
    font-size: 15px !important;
    font-weight: normal !important;
    display: inline-block !important;
    color: #0E0E0E !important;
}

.feedbackHead {
    color: #1d702c !important;
    font-size: 20px;
    font-weight: bold;
    max-width: 750px;
    text-align: left;
    vertical-align: middle;
    width: 750px;
}

.feedbackHeadTemp {
    color: #1d702c !important;
    font-size: 20px;
    font-weight: bold;
    max-width: 665px;
    text-align: left;
    vertical-align: middle;
    width: 665px;
}

.radiolabelAD {
    color: #0e0e0e !important;
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 3;
}

.divFeedbackAD {
    max-width: 780px;
    width: 780px;
}

.divFeedbackADOdd {
    max-width: 780px;
    width: 780px;
    background-color: #FFFFB0;
    overflow: hidden;
}

.divcontrolAD {
    float: right;
    max-width: 405px;
    width: 405px;
}

.spanNoAD5 {
    line-height: 1;
    padding-left: 54px;
    margin-right: -57px;
    vertical-align: bottom;
}

.AdAgreeDisagree {
    color: #0e0e0e !important;
    float: left;
    font-size: 15px !important;
    font-weight: normal !important;
    margin-bottom: 2px;
}

.agreelabel {
    float: left;
    margin-bottom: 3px;
    margin-left: 407px;
    width: 10px;
}

.disagreelable {
    float: right;
    margin-right: 92px;
    width: 10px;
}

.HeaderTextReport {
    color: black;
    font-weight: bold;
    margin: 12px;
}

.HeaderTextReportCL {
    color: black;
    font-weight: bold;
    margin: 0px;
}

/* End  ---CSS for General Feedback */


.divBorderSearch {
    word-break: break-all;
    margin: .5em;
    border: 1px solid;
    min-height: 575px
}

.divBorderSearchAU {
    word-break: break-all;
    margin: .5em;
    border: 1px solid;
    min-height: 410px
}

.divBorderSearchRO {
    word-break: break-all;
    margin: .5em;
    border: 1px solid;
    min-height: 575px;
}

.divBorderSearchAU_RO {
    word-break: break-all;
    margin: .5em;
    border: 1px solid;
    min-height: 475px;
}

.img_main {
    text-align: center;
    padding: .5em;
    max-height: 200px;
}


#Prev {
    left: 200px;
    right: auto;
    width: 30px;
    cursor: pointer;
}

#Nextimage {
    cursor: pointer;
}

#Nextimage, #Prev {
    position: absolute;
    right: -5px;
    top: 49%;
}

#dvviewimages .modal-title {
    display: inline-block;
    margin: 0 10px 0 0;
    width: auto;
}

#dvviewimages .modal-header img {
    position: relative;
    top: 3px;
}

#dvviewimages button.close {
    position: relative;
    top: 4px;
}

/*  Down Code */


.modal-header .close {
    margin-right: 0px;
    margin-top: 0px;
}

.modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 5px;
}

.side-thumb {
    float: left;
    width: 25%;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 500px;
    padding-right: 15px;
}

    .side-thumb li {
        border: 1px solid #ccc;
        box-shadow: 0 0 4px 0 #ccc inset;
        display: list-item;
        height: 150px;
        list-style: outside none none;
        margin-bottom: 5px;
        padding-top: 10px;
        text-align: center;
        width: 100%;
        overflow: hidden;
        transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        position: relative;
    }

        .side-thumb li:hover {
            border-color: #777;
            box-shadow: 0 0 7px #999 inset;
        }

    .side-thumb a {
        display: inline-block;
    }

    .side-thumb img {
        max-height: 140px;
        max-width: 100%;
        width: auto;
        transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
    }


.imageSlider {
    display: inline-block;
    height: 500px;
    width: 72%;
    justify-content: center;
    text-align: center;
    line-height: 500px;
}



    .imageSlider img {
        vertical-align: middle;
    }

.side-thumb li:hover a img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.side-thumb li.Active::before {
    background: rgba(0, 0, 0, 0) url("../Images/ActiveImage.png") no-repeat scroll 0 0 / 100% auto;
    border-radius: 100%;
    bottom: 4px;
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    right: 3px;
    width: 16px;
    z-index: 1;
}

.side-thumb li.Active {
    border-color: #999;
    box-shadow: 0 0 4px 0 #999 inset;
}

.side-thumb li:hover {
    cursor: pointer;
}

/* Social Library css */

.g-interactivepost {
    -webkit-transition: color ease 0.15s, background-color ease 0.15s;
    -moz-transition: color ease 0.15s, background-color ease 0.15s;
    -o-transition: color ease 0.15s, background-color ease 0.15s;
    -ms-transition: color ease 0.15s, background-color ease 0.15s;
    transition: color ease 0.15s, background-color ease 0.15s;
    padding: 5px;
    background: #fff;
    cursor: pointer;
    line-height: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    display: inline;
}

    .g-interactivepost .icon {
        width: 20px;
        height: 20px;
        display: inline-block;
        background: url('images/btn_icons_sprite.png') transparent 0 -40px no-repeat;
    }

    .g-interactivepost:hover {
        background-color: #cc3732;
        color: #fff;
        border: #dd4b39;
    }

        .g-interactivepost:hover .icon {
            background: url('images/btn_icons_sprite.png') transparent 0 0px no-repeat;
        }

iframe[src^="https://apis.google.com/u/0/_/widget/oauthflow/toast"] {
    display: none;
}

.clsShareAll {
    background: #ffffff url(../images/SocialMedia/shared_icon.png) no-repeat scroll 0px 0px !important;
    padding: 2px 11px !important;
    background-position: center;
}

.fa.fa-facebook-sm {
    background: url("../images/SocialMedia/fb_icon.png") no-repeat;
    background-size: 24px 24px;
    content: "";
    display: block;
    height: 24px;
    width: 24px;
}

.fa.fa-google-sm {
    background: url("../images/SocialMedia/g_icon.png") no-repeat;
    background-size: 24px 24px;
    content: "";
    display: block;
    height: 24px;
    width: 24px;
}

.fa.fa-pinterest-sm {
    background: url("../images/SocialMedia/pt_icon.png") no-repeat;
    background-size: 24px 24px;
    content: "";
    display: block;
    height: 24px;
    width: 24px;
}

.fa.fa-twitter-sm {
    background: url("../images/SocialMedia/tw_icon.png") no-repeat;
    background-size: 24px 24px;
    content: "";
    display: block;
    height: 24px;
    width: 24px;
}

.fa.fa-linkedin-sm {
    background: url("../images/SocialMedia/ln_icon.png") no-repeat;
    background-size: 24px 24px;
    content: "";
    display: block;
    height: 24px;
    width: 24px;
}

.visitlink {
    background: rgba(0, 0, 0, 0) url("../images/socialmedia/visitlink_icon.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 20px;
    width: 24px;
}

#_MediaType a {
    display: inline-block;
}

.menuItem a {
    padding: 7px !important;
}

.menuItem.home.first a {
    padding: 7px 12px !important;
}

.sf-menu a:hover, .sf-menu li.sf-menu-hover > a {
    font-weight: normal;
}



video::-webkit-media-controls-panel {
    display: flex !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

video::-moz-media-controls-panel {
    display: -moz-box !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

video::-webkit-media-controls-play-button {
    cursor: pointer !important;
}

video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
    cursor: pointer !important;
}

video::-webkit-media-controls-volume-slider {
    cursor: pointer !important;
}

video::-webkit-media-controls-mute-button {
    cursor: pointer !important;
}

video::-webkit-media-controls-fullscreen-button {
    cursor: pointer !important;
}

video::-webkit-media-controls-timeline {
    cursor: pointer !important;
}

audio::-webkit-media-controls-mute-button {
    cursor: pointer !important;
}

audio::-webkit-media-controls-play-button {
    cursor: pointer !important;
}

audio::-webkit-media-controls-timeline {
    cursor: pointer !important;
}

audio::-webkit-media-controls-volume-slider {
    cursor: pointer !important;
}

.dealer-url {
    align-items: baseline;
    display: flex;
    text-align: left;
    width: 100%;
}

    .dealer-url > input {
        flex: 1 1 0;
        margin-left: 10px;
        width: auto;
    }

.Dealer-modal-title {
    line-height: 1;
}

.pull-left {
    float: left;
    display: flex;
}

.pull-right {
    float: right;
}

#dvdate {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    width: 100%;
}

.form-group.has-feedback img {
    max-height: 400px;
}

.turndisplaytext {
    text-align: center;
    vertical-align: middle;
    margin-top: 3px;
    margin-left: 2px;
}

.table-bulk {
    color: #333333;
    border-collapse: collapse;
    display: block;
    max-width: 975px;
    overflow-y: auto;
}

    .table-bulk th {
        vertical-align: middle;
        padding: 6px 5px;
        min-width: 120px;
    }


/*========================== Cart page style ========================*/
.inner-title-cot {
    font-size: 16px;
    color: #555;
}

    .inner-title-cot h2 {
        font-size: 26px;
        color: #444;
        margin: 0;
        font-weight: bold;
    }

    .inner-title-cot i {
        color: #999;
        font-size: 9px;
        margin: 0 4px;
    }

.pos-detail-head, .pos-detail-body {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-left: 20px;
}

.pos-detail-body {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.pos-detail-head {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

    .pos-detail-head > div, .pos-detail-body > div {
        float: left;
        padding: 0 5px;
        position: relative;
    }

.pos-desc {
    width: 38%;
}


.pos-qnt, .pos-sub-t, .pos-total {
    width: 12%;
}

.pos-adr {
    width: 25%;
}

.pos-detail-head h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}

.pos-desc ul {
    list-style: none;
}

.pos-desc li span {
    color: #2c8834;
    font-weight: bold;
}

.pos-desc img {
    position: relative;
    left: 0;
    width: 100px;
    float: left;
}

.pos-desc-list {
    width: calc(100% - 110px);
    float: left;
    margin-left: 10px;
}

.btn.btn-main {
    border-radius: 20px !important;
    padding: 2px 25px;
    height: auto !important;
    font-weight: normal;
}

    .btn.btn-main:hover {
        color: #fff !important;
    }

.qnt-block {
    background: #f8f8f8;
    border: 1px solid #ddd;
    position: relative;
    width: 60px;
    text-align: center;
    height: 25px;
    position: relative;
    top: -2px;
    margin-bottom: 15px;
    float: left;
}

    .qnt-block a {
        position: absolute;
        color: #999;
    }

.qnt-sub {
    left: 5px;
    font-size: 20px;
    line-height: 20px;
}

.qnt-add {
    right: 4px;
    top: -2px;
    font-size: 18px;
}

.qnt-block input {
    border: none;
    width: 40px;
    display: inline-block;
    height: 100%;
    text-align: center;
    background: no-repeat;
    margin-bottom: 0;
}

.pos-qnt input:hover {
    box-shadow: none;
}

.epmnt-tab input:focus {
    box-shadow: none;
    border: none;
}

.pos-sub-t {
    text-align: right;
    font-weight: bold;
}

    .pos-qnt, .pos-sub-t h3, .pos-total, .pos-adr h3 {
        text-align: center;
    }

    .pos-sub-t p {
        margin-bottom: 20px;
        padding-right: 10px;
        height: 20px;
        line-height: 22px;
    }

.pos-adr select {
    background: #f8f8f8;
    border: 1px solid #ddd;
    max-width: 95%;
    margin-bottom: 15px;
    height: 25px;
    position: relative;
    top: -2px;
    display: inline-block;
}

.coop-funds {
    border: 1px solid #ddd;
    background: #f2f2f2;
    font-size: 12px;
    line-height: 10px;
    padding: 5px 0;
    margin-bottom: 10px;
    position: relative;
}

    .coop-funds p {
        margin: 0px 0;
        font-weight: bold;
    }

    .coop-funds input {
        display: inline-block;
        position: relative;
        top: 2px;
    }

.pos-summary-cot h2 {
    font-size: 20px;
    font-weight: bold;
    color: #555;
    margin: 10px 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.billing-cot {
    width: calc(100% - 350px);
    display: inline-block;
    vertical-align: top;
}

.summary-cot {
    width: 320px;
    float: right;
}

.summary-tab label {
    float: left;
    width: 200px;
    line-height: 35px;
}

.summary-tab input {
    float: left;
    width: calc(100% - 200px);
    margin: 0;
}

.summary-tab .form-group {
    margin: 15px 0 0;
    display: inline-block;
    width: 100%;
    padding: 0 5px;
}

.summary-tab {
    padding: 0 10px 10px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}



    .summary-tab ul {
        list-style: none;
    }

        .summary-tab ul li {
            display: inline-block;
            margin-bottom: 20px;
            font-size: 15px;
            width: 100%;
        }

.sum-amount {
    float: right;
    font-weight: bold;
}

.summary-tab ul li p {
    max-width: 180px;
    float: left;
    margin: 0;
}

.summary-tab ul li p {
    max-width: 180px;
    float: left;
    margin: 0;
}

.summary-total {
    padding: 10px 0;
    margin: 0 0 10px;
    border-top: 1px solid #ccc;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
}

.summary-tab .btn.btn-main {
    width: 100%;
    background: none;
    border-radius: 4px !important;
    font-size: 16px !important;
    padding: 5px 25px !important;
}

    .summary-tab .btn.btn-main:hover {
        background: #2c8834;
    }

.btn-adr {
    color: green;
    display: block;
    margin-top: -10px;
}

.pos-desc ul {
    list-style: none;
    margin-left: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

.btn-adr.AddNewAddr:hover {
    color: green;
}

.pos-desc ul li {
    line-height: 15px;
}

.pos-qnt {
    padding: 0 !important;
    text-align: left;
}

.epmnt-tab {
    display: inline-block;
    min-width: 40px;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: 1px;
    left: 6px;
    z-index: 9;
    margin-bottom: 20px;
}

    .epmnt-tab img {
        width: 16px;
        display: inline-block;
        position: relative;
        top: -2px;
    }

    .epmnt-tab input {
        width: 30px;
        margin: 0;
        height: 20px;
        display: inline-block;
        border: none;
        font-size: 14px;
    }

    .epmnt-tab a {
        position: absolute;
        right: -4px;
        color: #2b8334;
        font-size: 10px;
        top: -2px;
        height: 12px;
    }

        .epmnt-tab a.a-ep-down {
            top: auto;
            bottom: 0;
        }

        .epmnt-tab a.a-eq-down {
            top: auto;
            bottom: 2px;
        }

.pos-qnt a:hover, .pos-qnt a:focus {
    text-decoration: none;
}

.frm-add-block {
    display: inline-block;
    width: 100%;
    padding: 10px 10px 2px;
    position: relative;
    border: 1px solid #ddd;
    cursor: pointer;
    margin-bottom: 10px;
    background: #ffffff;
    height: 155px;
}

div#divBillingAddr {
    padding: 10px 5px;
    background: #f8f8f8;
    margin: 0;
    border: 1px solid #ddd;
}

    div#divBillingAddr div[class*="col-"] {
        padding: 0 5px;
    }

.frm-add-block input {
    position: absolute;
    right: 37px;
    width: 20px;
    height: 20px;
    top: 2px;
    cursor: pointer;
}

.frm-add-block ul li {
    line-height: 15px;
    margin-bottom: 6px;
    cursor: pointer;
    padding-right: 30px;
}

.pos-likes {
    position: relative;
    margin-left: 2px;
}

    .pos-likes b {
        background: rgba(0,0,0,0.1);
        padding: 1px 2px;
        border-radius: 20px;
        text-align: center;
        color: #222 !important;
        font-weight: normal;
        position: relative;
        font-size: 10px;
        top: 15px;
        width: 30px;
        display: inline-block;
    }

    .pos-likes i {
        position: absolute;
        left: 4px;
        top: 2px;
    }
#dvviewimages .form-group.has-feedback {
    display: inline-block;
    width: 100%;
}
a.btn-adr-remove {
    display: inline-block;
    color: #999;
    position: relative;
    left: 3px;
    top: -2px;
    font-size: 13px;
}

a.btn-pos-remove {
    position: absolute;
    left: 0;
    top: 50px;
    color: #999;
}

    a.btn-adr-remove:hover, a.btn-adr-remove:focus, a.btn-pos-remove:hover, a.btn-pos-remove:focus {
        color: #2c8834;
    }

.pos-search-block h3 {
    margin-bottom: -1px;
    position: relative;
    z-index: 1;
}

.qnt-block .errorMsg:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #e57373;
}

.qnt-block .errorMsg {
    position: absolute;
    bottom: 100%;
    width: 190px;
    left: 0;
    font-size: 14px;
    line-height: 15px;
    padding: 5px;
}

.drpQuantity {
    background: none;
    border: none;
    width: 100% !important;
    color: #777;
}

#dvConfirmComplete .modal-dialog {
    width: 370px;
}

#dvConfirmComplete .summary-tab {
    background: no-repeat;
    border: none;
    margin-bottom: 0;
}

#dvConfirmComplete #btnConfirm {
    width: 100% !important;
}

#dvConfirmComplete h2 {
    margin-top: 0;
    color: #2c8834;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

#dvConfirmComplete .modal-body {
    padding: 15px 5px;
}

#dvConfirmComplete .summary-tab ul li {
    margin-bottom: 10px;
}

.coop-funds input[type="checkbox"] {
    margin-right: 5px;
}

.eq-desc-tip:before {
    content: '';
    position: absolute;
    left: -6px;
    top: 22px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #2d8835;
}

.eq-desc-tip {
    position: absolute;
    left: 100%;
    width: 200px;
    background: #2d8835;
    margin-left: 13px;
    text-align: left;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    top: 0;
}

@media screen and (max-width:1400px) {
    .eq-desc-tip {
        width: 140px;
        top: -50px;
    }

        .eq-desc-tip:before {
            top: 70px;
        }
}

.dropdown-menu {
    padding-bottom: 0;
}

.frm-add-block .dropdown {
    position: absolute;
    right: 4px;
    top: 5px;
}

    .frm-add-block .dropdown button {
        background: none;
        border: none;
        box-shadow: none;
        color: #555;
    }

.frm-add-block .dropdown-menu {
    left: auto;
    right: 0;
}

.pop-remove {
    position: relative;
    display: block;
    padding-left: 160px;
    min-height: 140px;
    padding-top: 7px;
}

    .pop-remove img {
        position: absolute;
        left: 10px;
        width: 130px;
        top: -10px;
    }

#dvConfirmAddressDelete .modal-dialog {
    width: 490px;
}

.pop-remove h3, .pop-remove h4 {
    margin: 5px 0 5px;
}

.pop-remove .btn {
    margin-top: 20px;
    float: right;
    margin: 20px 5px 10px;
}

.modal-header .close {
    margin: 0 !important;
    opacity: 0.7;
}

.boxed-container {
    padding: 30px 150px 0 0 !important;
    width: 100%;
    border: none;
    box-shadow: none;
}


@media screen and (min-width:1400px) {
    #myModalReorder iframe {
        min-height: 650px !important;
    }
}

.fa-active {
    color: #2f9435;
}

.modal-header {
    padding: 10px 15px !important;
    border-bottom: 1px solid #ccc !important;
    background: #eee !important;
    min-height: 20px;
}

.modal-content {
    border: 5px solid rgba(255, 255, 255, .2) !important;
}

#dvWhatsNewContent button.close {
    color: #666;
    font-size: 26px;
    position: relative;
    z-index: 1;
    right: 8px !important;
}

#dvWhatsNewContent .modal-body {
    padding-bottom: 30px;
}

#dvWhatsNewContent .flexslider .flex-control-nav {
    bottom: -34px;
}


/*DashBoard page*/

span.desc-span {
    color: #999;
    font-size: 16px;
}

.page-title h3 {
    color: #367C2B;
    font-size: 24px;
    margin: 5px 0;
    position: relative;
    display: inline-block;
}

    .page-title h3:after {
        position: absolute;
        bottom: -11px;
        height: 2px;
        background: #367C2B;
        width: 100px;
        content: '';
        left: 0;
    }

.page-title .btn {
    position: relative;
    top: 10px;
    line-height: 10px;
}

.mid-tab-title h4 {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
    color: #656565;
}

.mid-tab-title ul {
    float: right;
    margin: 0;
    list-style: none;
}

.mid-tab-title li {
    display: inline-block;
    margin-left: 10px;
}

.mid-tab-title .dropdown li {
    margin: 0;
    display: block;
}

.mid-tab-title li a {
    color: #b5b5b5;
    font-weight: bold;
    font-size: 16px;
}

    .mid-tab-title li a:hover, .mid-tab-title li a:focus, .mid-tab-title li.active a {
        text-decoration: none;
        color: #367C2B;
    }

.mid-tab-title .dropdown {
    float: right;
}

.mid-tab-title .dropdown-menu {
    left: auto;
    right: 0;
}

.mid-tab-title .dropdown button {
    padding: 0;
    background: none;
    border: none;
    color: #367C2B;
    font-size: 17px;
    padding-right: 25px;
    margin-right: -15px;
    position: relative;
    z-index: 1;
    font-weight: bold;
}

    .mid-tab-title .dropdown button:focus {
        outline: none;
    }

.graph-block {
    width: 100%;
    display: inline-block;
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
    border: 1px solid #ddd;
    padding: 5px;
}

.table-tab th {
    background: #5B5B5B;
    color: #fff;
    height: 60px !important;
    vertical-align: middle !important;
}

.wrapper-pos {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
    font-family: 'Roboto';
}

    .wrapper-pos .table-tab {
        margin-bottom: 0;
        min-height: 363px;
    }

.dropdown-input-cot span.dot {
    display: inline-block;
    margin-left: 3px;
    width: 6px;
    height: 6px;
    background: #2d8835;
    border-radius: 100%;
}

.dropdown-popover.open > .dropdown-menu {
    left: auto;
    right: 0;
}

.dropdown-input-cot {
    float: right;
    position: relative;
    top: 7px;
}

.dropdown-input-list {
    float: left !important;
    width: 100%;
    padding: 10px;
    background: #F9F9F9;
    border: 1px solid #eee;
}

.dropdown-input-tab {
    display: none;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    padding: 10px;
    position: absolute;
    top: 110%;
    right: 0;
    z-index: 99;
    min-width: 740px;
}

    .dropdown-input-tab.active {
        display: block;
    }

ul.dropdown-input-list li {
    margin: 5px 15px 5px 0;
    min-width: 150px;
}

.dropdown-input-tab h4 {
    font-size: 14px;
}

.btn-input-list:hover, .btn-input-list:focus {
    text-decoration: none;
}

.btn-input-list {
    padding: 8px 6px;
}
/*=================== Styled-checkbox=====================*/
.styled-checkbox {
    position: absolute;
    opacity: 0;
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
    }

        .styled-checkbox + label:before, .active > label:before {
            content: "";
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 20px;
            height: 20px;
            background: white;
            border: 1px solid #ddd;
            vertical-align: middle;
        }

    .styled-checkbox:hover + label:before, .active > label:before {
        background: #367C2B;
    }

    .styled-checkbox:focus + label:before {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
    }

.active > label:before {
    background: #367C2B;
}

.styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
}

    .styled-checkbox:disabled + label:before {
        box-shadow: none;
        background: #ddd;
    }

.active > label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*=======================================*/

.no-results {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.top-search-block span.multiselect-native-select {
    width: 100%;
    display: inline-block;
}

    .top-search-block span.multiselect-native-select button.btn {
        background: #fff;
        width: 100%;
        text-align: left !important;
        border: 1px solid #ccc !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
        border-radius: 4px !important;
        height: 28px !important;
        color: #555;
        font-weight: normal;
        padding: 4px 9px;
    }

        .top-search-block span.multiselect-native-select button.btn:hover, .top-search-block span.multiselect-native-select button.btn:focus {
            background: #fff !important;
            border-color: #ccc !important;
        }

    .top-search-block span.multiselect-native-select .btn-group {
        width: 100%;
    }

        .top-search-block span.multiselect-native-select .btn-group .multiselect-selected-text {
            display: inline-block;
            width: calc(100% - 15px);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            vertical-align: middle;
        }




/*=========================== Whats New page =============================*/
.whts-block {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    padding: 15px 10px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.form-cot {
    display: inline-block;
    width: 100%;
}

    .form-cot label, .form-cot label span {
        font-weight: bold !important;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .form-cot select, .form-cot input[type='text'] {
        width: 100%;
        height: 30px;
        box-sizing: border-box;
    }

.whts-block .dropzone.dz-clickable {
    margin-top: 15px !important;
}

.form-choose-inline {
    display: inline-block;
    margin: 10px 10px 10px 0;
    position: relative;
}

    .form-choose-inline input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        opacity: 0;
        cursor: pointer;
        z-index: 9;
    }


    .form-choose-inline label {
        margin: 0;
    }

    .form-choose-inline img {
        height: 80px;
        filter: grayscale(1);
        opacity: 0.8;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
    }

    .form-choose-inline input[type="checkbox"]:checked + label img {
        filter: grayscale(0);
        opacity: 1;
    }

.whts-block hr {
    margin-bottom: 20px;
}

.form-btn-group {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px 0 5px;
    margin-top: 5px;
    border-top: 1px solid #ddd;
}

.inner-title-cot.whts-new-title {
    padding: 0 10px;
}

.whts-new-title h2 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 21px;
}

.img-view-cot {
    display: block;
    padding: 10px 20px;
}

.form-cot .listcontainer {
    margin-bottom: 15px;
    background: #fff;
}

.whts-block h4 {
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    line-height: 16px;
    font-size: 18px;
    color: #2d8835;
}

.whts-block .ui-sortable input {
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
}

.whts-block .ui-sortable li {
    position: relative;
    padding-right: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 23px;
    cursor: default;
}

span.i-area-tab {
    border: 1px solid #ccc;
    padding: 0px 10px 2px;
    border-radius: 20px;
    font-size: 14px;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
    position: absolute;
    background: #fff;
    right: 0;
    top: 0;
}

    span.i-area-tab i {
        margin: 0 3px;
        vertical-align: middle;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
    }

        span.i-area-tab i.fa-times {
            color: #b45757;
        }
/*========================================================*/
/*========================================================*/




/* Login page html */
.loginNewWrapper {
    float: left;
    width: 100%;
    min-height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
}

.loginInnerCon {
    float: left;
    width: 100%;
    max-width: 380px;
}

.loginTItle {
    float: left;
    width: 100%;
    font-size: 26px;
    color: #454545;
    margin-bottom: 30px;
    text-align: center;
}

.buttonBordered {
    float: left;
    width: 100%;
    text-align: center;
    border: 1px solid #367c2b;
    background: #fff;
    color: #367c2b;
    padding: 10px 10px;
    line-height: 1.3;
    cursor: pointer;
}

    .buttonBordered:hover {
        background: #f1ffef;
    }

.buttonFill {
    float: left;
    width: 100%;
    text-align: center;
    border: 1px solid #367c2b;
    background: #367c2b;
    color: #fff;
    padding: 10px 10px;
    line-height: 1.3;
    cursor: pointer;
}

    .buttonFill:hover {
        background: #fff;
        color: #367c2b;
    }

.OrDivider {
    float: left;
    width: 100%;
    text-align: center;
    margin: 25px 0;
    color: #444;
    font-size: 18px;
    position: relative;
}

    .OrDivider::before {
        position: absolute;
        content: "";
        left: 0;
        top: calc(50% - 0.5px);
        width: 100%;
        height: 1px;
        background-color: #ccc;
    }

    .OrDivider span {
        position: relative;
        z-index: 99;
        background-color: #fff;
        padding: 0 25px;
    }

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

.form-efs {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.field_nef {
    font-size: 14px !important;
    padding: 0 0 !important;
    display: block !important;
    width: 100% !important;
    border: none !important;
    height: 30px !important;
    line-height: 30px !important;
    border-bottom: 1px solid #d3d3d3 !important;
    background-color: #fff !important;
    box-shadow: none !important;
    margin: 0px !important;
    border-radius: 0px !important;
}

    .field_nef:focus,
    .form-control.field_nef:focus {
        outline: none
    }

.ef_label {
    color: #adadad;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 5px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.field_nef:focus ~ .ef_label {
    top: -8px;
    font-size: 12px;
    color: #367c2b;
}

.form-efs.field_value label.ef_label {
    font-size: 12px;
    color: #367c2b;
}

.form-efs.field_value label {
    top: -8px
}

.bar {
    position: relative;
    display: block;
    width: 100%
}

    .bar:before,
    .bar:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: -1px;
        position: absolute;
        background: #367c2b;
        transition: .2s ease all;
        -moz-transition: .2s ease all;
        -webkit-transition: .2s ease all
    }

    .bar:before {
        left: 0
    }

.field_nef:focus ~ .bar:before {
    width: 100%
}

#show-pass {
    position: absolute;
    top: 8px;
    right: 0;
}

    #show-pass.eye::after, #show-pass.eyeInvisible::after {
        content: "";
        position: absolute;
        right: 0px;
        top: 0px;
        width: 17px;
        height: 12px;
        background-image: url(../Images/eye.svg);
        background-repeat: no-repeat;
    }

    #show-pass.eyeInvisible::after {
        background-image: url('../Images/eye-invisible.svg');
    }

.brandName {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}

    .brandName a {
        display: inline-block;
        width: 100%;
        max-width: 220px;
        vertical-align: top;
    }

.forgotPassword {
    float: left;
    width: 100%;
    margin: 20px 0;
}

    .forgotPassword a {
        float: right;
        color: #367c2b;
    }

.fooLinksRow {
    float: left;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .fooLinksRow a.fooLinks {
        color: #696969;
        position: relative;
        margin: 0 13px;
    }

        .fooLinksRow a.fooLinks:hover {
            color: #367c2b;
        }

        .fooLinksRow a.fooLinks::before {
            content: "";
            position: absolute;
            left: -13px;
            top: calc(50% - 2.5px);
            width: 5px;
            height: 5px;
            border-radius: 100%;
            background-color: #afafaf;
        }

div#Covid19 img {
    height: 120px;
    margin: 10px;
}

a.nav-returnview {
    width: 150px;
    border-radius: 4px;
    border: 1px solid #2d8835;
    text-align: center;
    padding: 2px;
    color: #2d8835 !important;
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    background: #fbfbfb;
}

    a.nav-returnview:hover, a.nav-returnview:focus, a.nav-returnview:active {
        color: #fff !important;
        text-decoration: none !important;
        background: #2d8835;
    }

div#Adzone img {
    height: 120px;
    margin: 10px;
}

div#Adzone.ui-tabs {
    padding: 20px;
    display: inline-block;
    width: 100%;
}

div#Adzone.ui-tabs-panel {
    padding: 20px 10px;
    min-height: 385px;
}

    div#Adzone.ui-tabs-panel .alert {
        padding: 15px;
    }

div#dvAssetReq {
    padding: 20px;
}

#dvAssetReq a.btn.back {
    float: right;
    height: auto !important;
}

#dvAssetReq .row {
    margin-bottom: 10px;
}

#dvAssetReq .wrapper-alert.alert {
    margin-bottom: 10px;
}

#dvAssetReq .row .column3:first-child {
    width: 25%;
}

div#dvAssetReq label input {
    vertical-align: text-bottom;
}

#dvAssetReq label {
    color: #555;
    margin-right: 5px;
}

div#dvAssetReq .btn-block {
    width: 100%;
    display: inline-block;
    padding-top: 15px;
    border-top: 1px solid #ccc;
    margin-top: 5px;
    box-sizing: border-box;
    text-align: right;
}

    div#dvAssetReq .btn-block a.btn {
        padding: 3px 20px;
    }

.top-title {
    width: calc(100% - 20px);
    margin: 10px 10px 20px;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 0 10px;
    border-bottom: 1px solid #ddd;
}

    .top-title a {
        line-height: normal;
        height: auto !important;
        padding: 3px 10px;
    }

.training-vid {
    width: calc(100% - 40px);
    margin: 0 20px 0;
    background: #d9d9d8;
    padding: 15px;
}

    .training-vid p {
        font-size: 17px;
    }

    .training-vid h2 {
        margin: 0 0 10px;
    }



div#dvTutorial .pos-temp-img video {
    max-height: 200px;
}

.btn.btnDefault:hover {
    color: #fff;
}

.top-title .btn {
    margin-left: 10px;
}

div#dvTutorial .pos-temp-img img {
    max-height: 195px;
}

div#dvCommunication .pos-temp-tab {
    border: 1px solid #ccc;
    margin: 10px 0;
}

div#dvCommunication .pos-temp-desc {
    border: none;
    text-align: center;
}

div#dvCommunication .pos-temp-img video {
    max-height: 200px;
}

div#dvCommunication .pos-temp-img img {
    max-height: 195px;
}

div#dvTutorial .pos-temp-tab, div#dvCommunication .pos-temp-tab {
    border: 1px solid #ccc;
    margin: 10px 0;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.05);
}

div#dvTutorial .pos-temp-desc, div#dvCommunication .pos-temp-desc {
    border: none;
    text-align: center;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    font-size: 16px;
    padding: 2px 10px;
}

div#dvTutorial .pos-temp-tab .pos-temp-desc span, div#dvCommunication .pos-temp-tab .pos-temp-desc span {
    text-align: center;
    white-space: normal !important;
    font-weight: bold;
    color: #2d8835;
}

img#baggrund {
    filter: grayscale(1);
}

.inner-heading {
    width: 100%;
    display: inline-block;
    padding: 0 15px;
}

    .inner-heading h3 {
        padding: 10px 0 8px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 15px;
        position: relative;
    }


        .inner-heading h3:before {
            content: '';
            width: 60px;
            height: 2px;
            background: #2D8835;
            position: absolute;
            left: 0;
            bottom: -1px;
        }

.wrapper-block {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
}

.lt-left {
    float: left;
    width: calc(100% - 320px);
    color: #3B3B3B;
}

    .lt-left p {
        font-size: 16px;
        margin-bottom: 15px;
    }

.lt-right {
    float: right;
    width: 300px;
}

.jdpoint {
    display: inline-block;
    width: 100%;
    background: #D3EFD5 0% 0% no-repeat padding-box;
    border: 1px solid #8BC290;
    border-radius: 6px;
    color: #434343;
    padding: 10px;
    font-size: 18px;
}

    .jdpoint a {
        background: #2D8835 0% 0% no-repeat padding-box;
        border-radius: 30px;
        color: #fff;
        display: table;
        margin: 15px auto 0;
        padding: 3px 30px;
        text-decoration: none;
    }

.wrapper-block ul li, .lt-desc-cot ul li {
    list-style: none;
}

.lt-list li {
    display: inline-block;
    width: calc(50% - 20px);
    margin-right: 10px;
}

    .lt-list li a {
        margin: 0 0 10px;
        display: inline-block;
        width: 100%;
        color: #3B3B3B;
        text-decoration: none;
        padding: 5px 10px;
        background: #F8F8F8 0% 0% no-repeat padding-box;
        border: 1px solid #E8E8E8;
        border-radius: 6px;
        position: relative;
        padding-right: 60px;
    }

        .lt-list li a:hover {
            background: #e2e2e2;
        }

ul.lt-list {
    margin-top: 10px;
}

.lt-list li a span {
    position: absolute;
    right: 5px;
    top: 4px;
    background: #FFD02E 0% 0% no-repeat padding-box;
    padding: 1px 5px;
    border-radius: 10px;
    width: 60px;
    text-align: center;
    font-size: 14px;
}

.lt-list li a.active span {
    background: #fff;
    color: #2d8835;
}

.lt-list li a.active {
    color: #fff;
    background: #2D8835 0% 0% no-repeat padding-box;
    border: 1px solid #E8E8E8;
}

.lt-desc-cot {
    /*display: inline-block;*/
    width: 100%;
    margin-top: 20px;
    padding: 0 15px;
    color: #666;
}

    .lt-desc-cot a {
        text-decoration: none;
    }

.lt-firstlist, .lt-secondlist {
    background: #FEFEFE 0% 0% no-repeat padding-box;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    padding: 15px;
}


.lt-desc-cot h3 {
    font-size: 19px;
    color: #666;
    position: relative;
    margin-bottom: 8px;
}

    .lt-desc-cot h3 span {
        font-weight: normal;
    }

a.lt-close {
    float: right;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 1px solid #2d8835;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    color: #2d8835;
    text-decoration: none;
    position: relative;
    top: -2px;
}

    a.lt-close:hover {
        background: #f2f2f2;
    }

.lt-firstlist p a {
    color: #2D8835;
}

.lt-info {
    background: #D3EFD5 0% 0% no-repeat padding-box;
    border: 1px solid #8BC290;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    margin: 10px 0;
}

.lt-firstlist h4 {
    font-weight: normal;
    margin: 10px 0;
}

.lt-desc-list li {
    display: inline-block;
    width: 33%;
    margin-bottom: 20px;
    padding-left: 15px;
    position: relative;
}

.lt-desc-list a {
    color: #666;
}

    .lt-desc-list a.active {
        color: #2D8835;
    }

.lt-desc-list li:before {
    content: '';
    width: 5px;
    height: 5px;
    background: #ffd02e;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 8px;
}

.table-custom {
    width: 100%;
    margin-top: 20px;
}

    .table-custom thead {
        background: #4E4E4E;
    }

        .table-custom thead th, .table-custom thead td {
            padding: 10px;
            color: #fff;
            text-align: center;
            border: 1px solid #999;
        }

    .table-custom tbody tr:nth-child(2n) {
        background: #FBFBFB;
    }

    .table-custom tbody tr:nth-child(2n) {
        background: #FBFBFB;
    }

    .table-custom tbody td {
        border: 1px solid #ddd;
        padding: 10px;
    }


/*  ADDED BY CFI50 ON 17-SEPT-2020  START */
.fontweight-600 {
    font-weight: 600;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.color-Green-LitCat {
    color: #2D8835 !important;
}

.alert-block {
    color: #a70404;
    background: #f3dede;
    border-radius: 4px;
    padding: 5px 10px;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.literatureCatLink {
    padding: 11px 16px 10px 10px;
    border-radius: 4px;
    margin-right: 0;
    background: #2d8835;
    border: 1px solid #ccc;
    margin-left: 9px;
    float: left;
    display: block;
    margin-top: 5px;
}

.width-col-sm-3 {
    display: inline-block;
    /*width: 32%;
    border: 1px solid #d8d8d8;
    position: relative;
    background: #f8f8f8;
    overflow: hidden;
    margin: 10px 0.5%;
    padding: 0;
    padding-bottom: 120px;*/
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.bg-color-disabled {
    background-color: #ddd !important;
}

.icon-favourite-on {
    color: orange;
}

.icon-favourite-off {
    color: blue;
}

.a-cursor-remove {
    cursor: default !important;
}

/*  ADDED BY CFI50 ON 17-SEPT-2020  END */

/*======================= New Bulk action style ======================*/
.bulk-block {
    float: right;
    margin-top: 8px;
    margin-bottom: 5px;
}

    .bulk-block .dropdown {
        display: inline-block;
    }

    .bulk-block > a {
        margin: 0 0 0 10px;
        float: right;
        font-weight: normal;
        padding: 2px 15px;
        display: none;
    }

        .bulk-block > a.btn:hover, .bulk-block > a.btn:focus {
            color: #fff !important;
            background: #2b8334;
        }

    .bulk-block button {
        border: 1px solid #c7c7c7;
        position: relative;
        background: #f7f7f7;
        border-radius: 3px;
    }

        .bulk-block button span {
            margin-left: 10px;
        }

    .bulk-block ul li {
        line-height: normal;
        padding: 7px 10px;
        margin: 0;
        cursor: pointer;
        color: #4a4a4a;
    }

        .bulk-block ul li:hover, .bulk-block ul li:focus {
            background: #f2f2f2;
        }

    .bulk-block ul {
        padding: 0;
        top: calc(100% + 5px);
        left: auto;
        right: 0;
    }

        .bulk-block ul li + li {
            border-top: 1px solid #ddd;
        }

        .bulk-block ul li i {
            margin-right: 5px;
            color: #2d8835;
        }


.pos-temp-action:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(255,255,255,0.7);
    content: '';
}

.pos-temp-action.pos-action-active:before {
    background: rgba(255,255,255,0.4);
}

.pos-temp-action:after {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    content: '';
    font-family: FontAwesome;
    border: 1px solid #adadad;
    z-index: 10;
    border-radius: 4px;
    text-align: center;
    line-height: 18px;
}

.pos-temp-action.pos-action-active:after {
    content: "✔"; /* "\f00c"; */
    background: #2d8835;
    color: #fff;
}

.pos-temp-action h3 input.treechkbox {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block !important;
    z-index: 11;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.pos-temp-action .pos-btn-group {
    display: none;
}

a.bulk-close {
    float: right;
    margin: 0;
    color: #848484;
    margin-left: 5px;
}

.bulk-block > a i {
    font-size: 10px;
    margin-right: 2px;
}

.select2-results__option[aria-selected] {
    margin-bottom: 0px !important;
}

.pos-btn-group > ul > li {
    position: relative;
}

ul.subaction-list {
    position: absolute;
    bottom: 0;
    left: -30px;
    width: 150px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px 0 #00000010;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.pos-btn-group > ul {
    overflow: inherit;
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.1);
}

    .pos-btn-group > ul li:first-child {
        border-radius: 20px 0 0 20px;
    }

    .pos-btn-group > ul li:last-child {
        border-radius: 0 20px 20px 0;
    }

ul.subaction-list li {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0 !important;
    width: 100%;
    text-align: left;
    text-transform: capitalize;
}

.pos-btn-group > ul > li:hover .subaction-list {
    opacity: 1;
    visibility: visible;
    bottom: 102%;
}

ul.subaction-list li a {
    font-size: 16px !important;
}

.modal-tpedit .wrapper-full {
    padding: 0 20px;
}

.modal-tpedit .column3 {
    width: 170px;
    text-align: left;
    font-weight: bold;
}

.modal-tpedit .row {
    margin-bottom: 10px;
}

.modal-tpedit .column6 {
    text-align: left;
}

    .modal-tpedit .txtbox, .modal-tpedit .column6 input[type="text"], .modal-tpedit .column6 .listcontainer {
        min-width: 307px;
    }

.modal-tpedit .btn-group {
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    display: inline-block;
    margin-left: -10px;
    padding-left: 20px;
    text-align: right;
}

    .modal-tpedit .btn-group .btn {
        margin-left: 20px;
        padding: 1px 30px;
        display: inline-block;
        float: none;
    }

.top-search-block .search-btn-group .btn:focus {
    color: #2d8835;
    background: #2d8835 !important;
}

.datepick-popup {
    z-index: 11000 !important;
}

/*===================== Kitbuilder ==========================*/
.topview-title {
    display: inline-block;
    width: calc(100% - 20px);
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    position: relative;
    margin-left: 10px;
}

    .topview-title h3 {
        float: left;
        margin: 15px 0 0;
        padding-bottom: 10px;
        font-size: 22px;
        color: #555;
        position: relative;
        padding-left: 5px;
        font-weight: normal;
    }

        .topview-title h3:before {
            position: absolute;
            left: 0;
            bottom: -1px;
            width: 70%;
            background: #2d8835;
            content: '';
            min-width: 140px;
            height: 1px;
        }

.kitbuilder-form .column3 {
    width: 240px;
    color: #222;
    font-size: 15px;
    padding-left: 15px;
}

.kitbuilder-form .charcountDiv {
    display: inline-block;
    font-size: 14px;
}

.checkbox {
    float: left;
    position: relative;
    padding: 4px 0;
}

    .checkbox .customRadio, .checkbox input[type=checkbox] {
        position: absolute;
        left: 0;
        top: 0px;
        width: 100%;
        height: 100%;
        cursor: pointer;
        z-index: 99;
        opacity: 0;
    }

        .checkbox .customRadio + label::before, .checkbox input[type=checkbox] + label::before {
            content: "";
            position: absolute;
            left: 0px;
            background-color: #fff;
            top: 1px;
            width: 12px;
            height: 12px;
            border: 2px solid #d5d9e2;
            border-radius: 3px;
        }

        .checkbox .customRadio + label::before {
            border-radius: 100%;
            width: 15px;
            height: 15px;
            top: 0px;
        }

        .checkbox .customRadio:checked + label::before, .checkbox input[type=checkbox]:checked + label::before {
            border-color: #2d8835;
        }

        .checkbox .customRadio:checked + label::after, .checkbox input[type=checkbox]:checked + label::after {
            content: "";
            font-family: FontAwesome;
            position: absolute;
            left: 3px;
            top: 3px;
            color: #2d8835;
            font-size: 11px;
            line-height: 13px;
        }

        .checkbox .customRadio + label, .checkbox input[type=checkbox] + label {
            margin: 0px;
            position: relative;
            padding-left: 30px;
        }

        .checkbox .customRadio:checked + label, .checkbox input[type=checkbox]:checked + label {
            color: #2d8835 !important;
        }

.kitbuilder-form input[type="text"], .kitbuilder-form input[type="password"], .kitbuilder-form input[type="email"], .kitbuilder-form input[type="number"], .kitbuilder-form textarea, .kitbuilder-form select {
    min-height: 33px;
    box-sizing: border-box;
    border-radius: 2px;
}

.kitbuilder-form .listcontainer {
    max-width: 390px;
    border-radius: 2px;
}

.kitbuilder-form .customRadio + label {
    margin-right: 30px;
}

.kitbuilder-form .listcontainer .checkbox {
    width: 90%;
    box-sizing: border-box;
    padding-left: 7px;
    margin-bottom: 1px;
}

.kitbuilder-form #lblGenerateAdcode {
    width: 267px;
    height: 33px;
    padding: 8px 8px !important;
    background-color: rgba(128, 128, 128, 0.1);
    box-sizing: border-box;
}

.kitbuilder-form label {
    padding-top: 2px;
    font-weight: normal;
    color: #333;
    padding-left: 24px !important;
}

.kitbuilder-form select {
    width: 267px;
}

.btn-cot {
    display: inline-block;
    text-align: right;
    width: 100%;
    padding-top: 15px;
    border-top: 1px solid #ddd;
}

    .btn-cot .btn {
        padding: 5px 40px;
        height: auto !important;
        margin-left: 10px;
    }

.elipes_Success label {
    color: #fff;
}

.pos-temp-tab.temp-tab.blur-tab * {
    filter: blur(1px);
    opacity: 0.8;
}

.blur-tab:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000090;
    content: 'Coming Soon';
    z-index: 9;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    display: flex;
    color: #ffd563;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.blur-tab:hover:before {
    opacity: 1;
}

.kitbuilder-form .elipes_Success {
    background: #f2f2f2;
    border: 1px solid #ddd;
    padding: 5px;
    display: inline-table;
    width: auto;
    max-width: none; /* 150px; */
    max-height: 90px;
    margin: 0px 4px 5px 1px !important; /*0 10px 0 0 !important;*/
    position: relative;
}

    .kitbuilder-form .elipes_Success label {
        padding: 0 !important;
    }

    .kitbuilder-form .elipes_Success img {
        max-height: 78px;
        width: auto;
        max-width: 100%;
        margin-right: 5px;
    }

.elipes_Success .clsClosePreview, .elipes_Success .clsCloseTemplateUploader {
    position: absolute;
    right: 4px;
    font-size: 14px;
    background: #00000090;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 19px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    color: #fff !important;
    top: 3px;
}

.pos-temp-tab .pos-btn-group a {
    cursor: pointer !important;
    color: #999;
    font-size: 18px;
}

.assetlist-view .clsBulkAction {
    background: #f2f2f2;
    border: 1px solid #ddd;
    padding: 5px 20px;
    text-align: center !important;
    cursor: pointer;
}

    .assetlist-view .clsBulkAction span:before {
        content: "\f107";
        font-family: 'FontAwesome';
    }

    .assetlist-view .clsBulkAction span {
        margin-left: 7px;
    }

.assetlist-view .bulk-block {
    margin: 0;
    position: relative;
    top: -5px;
}

    .assetlist-view .bulk-block ul {
        position: absolute;
        top: 100%;
        background: #fff;
        z-index: 9;
        width: 150px;
        display: none;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    }

    .assetlist-view .bulk-block .dropdown.open ul {
        display: block;
    }

    .assetlist-view .bulk-block > a {
        line-height: 17px;
    }

.assetlist-tab {
    position: relative;
}

.pos-temp-action:hover ul.assetbtn-group {
    display: none;
}

.pos-temp-action input.treebulkchkbox {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0;
    cursor: pointer;
}

.coming-soon {
    position: absolute;
    top: -15px;
    left: calc(50% - 55px);
    background: #2d8835;
    z-index: 9;
    width: 110px;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.coming-soon:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 7px solid #2d8835;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    bottom: -7px;
    position: absolute;
    left: 40%;
}

.pos-temp-block > .col-sm-4 {
    overflow: visible;
    padding-bottom:0;
}

.pos-temp-block > .col-sm-4:hover .coming-soon {
    opacity: 1;
    visibility: visible;
    top: -35px;
}

/*================== asset view css ==============================*/
#assetView .modal-dialog {
    width: 1000px;
}

.assetimg-view {
    float: left;
    width: calc(100% - 330px);
    padding: 20px;
    background: #FBFBFB;
    border-right: 1px solid #ddd;
}

.assetview-desc {
    width: 320px;
    float: right;
    padding: 20px 5px 20px 15px;
}

#assetView .modal-content {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

#assetView h3 {
    color: #367C2B;
    font-size: 24px;
    margin-bottom: 5px;
    font-weight: 500;
}

#assetView p.hideDealer {
    color: #8B8B8B;
    font-size: 18px;
}

#assetView p {
    font-size: 17px;
}

.assetimg-details {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    font-size: 15px;
}

    .assetimg-details ul li {
        display: inline-block;
        margin: 0 0 0 20px;
    }

        .assetimg-details ul li label {
            display: inline-block;
            font-size: 15px;
            margin-right: 5px;
        }

    .assetimg-details .pull-left span {
        font-weight: normal;
    }

    .assetimg-details .pull-left {
        font-weight: 500;
    }

    .assetimg-details ul {
        margin: 0;
    }

.list-bulkview li span {
    color: #515151;
    margin-right: 5px;
}

.assetview-title {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

    .assetview-title a {
        color: #999;
        margin-right: 0;
        position: relative;
        padding-right: 24px;
        font-size: 17px;
        font-weight: 500;
        float: left;
    }

        .assetview-title a.active {
            color: #367c2b;
        }

            .assetview-title a.active:before {
                content: '';
                bottom: -5px;
                left: 0;
                width: 100%;
                height: 1px;
                background: #367c2b;
                position: absolute;
            }

    .assetview-title .close {
        color: #999;
        position: relative;
        top: -4px;
        font-weight: normal;
    }

.list-bulkview li {
    font-size: 12px;
    margin-bottom: 10px;
}


    .list-bulkview li span {
        color: #333;
        margin-right: 5px;
        font-size: 12px !important;
    }

        .list-bulkview li span + span {
            color: #8D8D8D;
        }

.rating-tab {
    display: inline-block;
    color: #FDDA01;
    vertical-align: middle;
}

ul.list-bulkview {
    margin: 0;
}

.list-bulkview li span:first-child {
    font-weight: bold;
    color: #898989;
}

.details-list li {
    display: inline-block;
    padding: 1px 10px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 20px;
    margin: 2px 1px;
}

    .details-list li a {
        color: #777;
        font-size: 12px !important;
    }

.details-list {
    display: inline;
    margin: 0;
    vertical-align: middle;
}

.btn-add-fav {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #c6c6c6;
    font-size: 13px;
}

    .btn-add-fav i {
        color: #b3b3b3;
        box-shadow: 0 1px 4px 1px #00000030;
        background: #fff;
        width: 20px;
        height: 20px;
        line-height: 23px;
        text-align: center;
        border-radius: 100%;
    }

        .btn-add-fav i.icon-favourite-on {
            color: orange;
        }

.btn-add-fav-Prv {
    margin-left: 1px;
    /*position: absolute;*/
    /* top: 10px; */
    /* left: -18px; */
    color: #c6c6c6;
}


.asset-sorting img {
    width: 18px;
    opacity: 0.7;
}

.addCart-tab {
    float: right;
    width: 18px;
    position: relative;
    top: 7px;
    margin-right: 10px;
    margin-left: 7px;
}

    .addCart-tab #CartList ul hr {
        margin: 0 0 8px;
    }

        .addCart-tab #CartList ul hr:last-child {
            margin: 0;
        }

.overview .btn-add-fav {
    position: relative;
    top: 0;
}

.menuItem ul {
    z-index: 999 !important;
}

#assetView .modal-content {
    border: none !important;
    font-family: 'Roboto', sans-serif;
}

.assetimg-block {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .assetimg-block img {
        max-height: 430px;
    }

    .assetimg-block img {
        max-height: 430px;
    }


.addCart-tab a.cart-link {
    color: #777;
    font-size: 18px;
    position: relative;
}

.addCart-tab span#CartCount {
    position: absolute;
    right: -10px;
    top: -6px;
    background: #ffd83b;
    width: 15px;
    height: 15px;
    font-size: 10px;
    color: #111;
    border-radius: 100%;
    text-align: center;
    line-height: 16px;
    font-weight: bold;
    border: 1px solid #eabd08;
}

.addCart-tab div#CartList {
    position: absolute;
    right: 0;
    top: 100%;
    width: 300px;
    background: #fff;
    z-index: 99;
    box-shadow: 0 0 10px 0 #00000020;
    border-radius: 6px;
    text-align: left;
}

.addCart-tab #CartList ul {
    margin: 0;
    padding: 7px 10px 0;
}

    .addCart-tab #CartList ul img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 6px;
    }

    .addCart-tab #CartList ul li {
        margin-bottom: 10px;
    }

.addCart-tab #CartList .btn {
    margin: 0 auto;
    display: table;
}

#DownloadCart .modal-dialog.modal-sm {
    width: 370px;
}

#DownloadCart .form-control {
    width: 100%;
}

#DownloadCart .btn {
    margin: 0 auto;
}

    #DownloadCart .btn:hover, #DownloadCart .btn:focus {
        color: #fff !important;
    }

#DownloadCart .modal-body {
    max-height: 120px;
}

.addCart-tab #CartList .btn:hover, .addCart-tab #CartList .btn:focus {
    color: #fff !important;
}

.assetview-desc .listcontainer {
    width: 100% !important;
    padding: 4px 6px;
    margin: 5px 0 10px;
    height: 70px !important;
}

.assetview-desc li > select, .assetview-desc li > input {
    width: 100% !important;
    margin: 5px 0 10px !important;
}

.list-bulkview li span b {
    font-size: 10px;
    font-weight: normal;
    margin-left: 5px;
}

ul.list-bulkview .btn {
    margin: 10px 0 0px !important;
    float: right;
    padding: 3px 20px;
    height: auto !important;
}

.listblock-6 {
    display: inline-block;
    width: 49%;
    margin-right: 2px;
}

    .listblock-6 + .listblock-6 {
        margin-right: 0;
    }

    .listblock-6 span {
        width: 100%;
        display: inline-block;
        margin-bottom: 5px;
    }

.dropdown li.list-group-item.liCartItems {
    padding-right: 35px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
}

    .dropdown li.list-group-item.liCartItems span.clsRemoveCartItem {
        position: absolute;
        right: 0;
        font-size: 16px;
        padding: 0 0 0 10px;
        border-left: 1px solid #ccc;
        color: #4ba553;
        cursor: pointer;
    }

.pos-desc .slide {
    width: 100px;
    float: left;
    text-align: center;
}

    .pos-desc .slide img {
        width: auto !important;
        max-height: 180px;
        border: none !important;
    }

li.inline-content > span {
    width: 160px;
    display: inline-block;
    vertical-align: middle;
}

li.inline-content {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

    li.inline-content input, li.inline-content select {
        display: inline-block;
        width: calc(100% - 170px) !important;
        float: none;
    }

.btn-back svg {
    width: 6px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 2px;
}

.btn-back {
    display: inline-block;
    margin: 0;
    padding-left: 1px;
    color: #666;
    position: relative;
    top: -10px;
}

div#dvViewAnimationBody {
    text-align: center;
}

    div#dvViewAnimationBody iframe {
        display: inline-block;
    }

span#spnZipInfo {
    float: left;
    border-radius: 100%;
    padding: 5px;
    width: 20px;
    height: 20px;
    background: #daf5dd;
    text-align: center;
    line-height: 10px;
    font-size: 12px;
    color: #2d8835;
    cursor: pointer;
    position: relative;
}

.assetimg-details .btn-add-fav-Prv i.icon-favourite-on {
    color: orange;
}

.assetimg-details .btn-add-fav-Prv i {
    color: #b9b9b9;
}

.assetbtn-group li a.btn:hover, .assetbtn-group li a.btn:focus {
    color: #81bf87 !important;
}

.btn-add-fav-Prv i {
    color: #b3b3b3;
    box-shadow: 0 1px 4px 1px #00000030;
    background: #fff;
    width: 20px;
    height: 20px;
    line-height: 23px;
    text-align: center;
    border-radius: 100%;
}

ul.list-bulkview li .labelforclass {
    font-size: 12px !important;
}

ul.list-bulkview li .labelforclass {
    font-size: 12px !important;
}

.pos-temp-tab {
    position: relative;
    overflow: hidden;
    padding-bottom: 120px;
}

.pos-temp-head span {
    font-size: 14px !important;
}
​​​​​​​​