@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;
}

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

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

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

.top-25 {
    margin-top: 25px;
}

.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%;
}


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

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

.waitImgADMaster {
    position: fixed;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 11001;
    text-align: center;
    background-color: #000;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    top: 0;
    display: none;
}

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

    #back-top a {
        display: block;
        text-align: center;
        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%;
}

.fooNav {
    margin-bottom: 20px;
}


.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;
}
/*.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 {
    background: #fff;
    position: relative;
    display: inline-block;
    width: 100%;
    box-shadow: rgba(27, 27, 27, 0.05) 0px 0px 5px 0px, rgba(27, 27, 27, 0.15) 0px 1px 2px 0px, rgba(51, 51, 51, 0.05) 0px 0px 0px 1px, rgba(51, 51, 51, 0.15) 0px 1px 3px 0px;
    padding: 20px;
    border-radius: 0.5rem;
    margin-top: 30px;
}

.box-shadow {
    box-shadow: rgba(27, 27, 27, 0.05) 0px 0px 5px 0px, rgba(27, 27, 27, 0.15) 0px 1px 2px 0px, rgba(51, 51, 51, 0.05) 0px 0px 0px 1px, rgba(51, 51, 51, 0.15) 0px 1px 3px 0px;
    padding: 15px;
    border-radius: 4px;
    background: #fff;
}

.mainContainer.noBg {
    box-shadow: none;
    padding: 20px 0 20px 20px;
}

#colorbox .mainContainer {
    padding: 0;
    box-shadow: none;
    margin: 10px 0;
}

.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;
}

fieldset.myFieldset {
    background: #fff;
    border: none !important;
    padding: 0 0 10px;
    color: #222;
}

.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-size: 13px;
            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-size: 13px;
                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;
    }

.searchPanel label {
    max-width: 80%;
    word-break: break-all;
    vertical-align: top;
}

.searchPanel .box_header_tree > table {
    width: 100%;
}

.searchPanel .box_header_tree td {
    width: 100%;
    display: inline-block;
}
/*.searchPanel .box_header_tree .plusMinus {
	margin-left: -20px;
}*/
.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: 6px;
    width: 95%;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

    .block2.adv h3 {
        font-size: 14px;
        color: #222 !important;
        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 */


.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: #D4554C;
    border: 1px solid #D4554C;
    color: #fff;
    display: block;
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 98;
    opacity: 0.8;
}

.ErrorMsg {
    /* border: 1px solid red; */
    background: #D4554C;
    border: 1px solid #D4554C;
    color: #fff;
    display: block;
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 98;
    opacity: 0.8;
}

ul.ErrorMsg {
    list-style: disc inside;
    padding-left: 15px;
}

    ul.ErrorMsg li {
        margin: 4px 0;
    }

.errorsummary {
    background-color: #f8d7da;
    display: block;
    position: relative;
    top: 0px;
    width: 100%;
    opacity: 0.8;
    text-align: left;
    padding-left: 35px;
    color: #842029;
    border-color: #f5c2c7;
}

.successMsg {
    background: #d1e7dd;
    color: #1b1c1b;
    display: block;
    position: relative;
    text-align: left;
    top: 0px;
    width: 100%;
    z-index: 99;
    opacity: 1;
    color: Black;
    box-sizing: border-box;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid #badbcc;
    border-radius: .25rem;
}

.SuccessMsg {
    background: #d1e7dd;
    color: #1b1c1b;
    display: block;
    position: relative;
    text-align: left;
    top: 0px;
    width: 100%;
    z-index: 99;
    opacity: 1;
    color: Black;
    box-sizing: border-box;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid #badbcc;
    border-radius: .25rem;
}

.left-social-block .SuccessMsg {
    float: left;
}

.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_tree {
    color: #3f3f3f;
    font-size: 14px !important;
}

.inCont.box_header_tree td {
    vertical-align: text-top;
}

div#dataUploadDate.inCont.box_header_tree td {
    line-height: 30px;
}

.treechkbox {
    border: 1px solid #2b8334 !important;
}

#dataTracking .treechkbox {
    border: 1px solid #ccc !important;
}

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

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

    .listcontainer input[type="checkbox"] {
        margin: 3px;
        filter: grayscale(1);
    }

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

.modal-tpedit .listcontainer label {
    width: 100%;
    padding: 2px 5px;
    margin: 0;
}
.modal-tpedit .errorText {
    color: #ab000f !important;
    font-size: 0.7rem;
    padding: 5px 5px;
    border-radius: 3px;
    float: left;
    width: 100%;
    margin-top: 5px;
    min-width: 307px;
}
.modal-tpedit .assetInput {
    min-width: 307px;
}

.spancolor {
    color: Red !important;
}

.spangreencolor {
    color: Green !important;
}

.deleteBtn {
    margin-left: 25px !important;
    color: White !important;
    background: Red !important;
    text-shadow: 0 0px rgba(255, 255, 255, .75);
    border: none !important;
    padding: 4px 12px;
    border-radius: 3px !important;
}

    .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: 8px 5px !important;
    border-radius: 4px !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;
    padding: 8px 5px;
    border-radius: 4px;
}

.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 ***************/

.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: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 200px;
    height: 162px;
}

    .wraptocenter img {
        max-height: 240px;
    }
/*\*/ /*/
.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;
}

.moduleTabing.ui-tabs .ui-tabs-nav {
    display: flex;
    border-radius: 0.5rem 0.5rem 0 0;
    border-bottom: 1px solid #ddd;
}

    .moduleTabing.ui-tabs .ui-tabs-nav li {
        flex: 1;
    }

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

.moduleTabing.ui-tabs .ui-tabs-nav li a {
    padding: 8px 10px !important;
    width: 100% !important;
    text-align: center;
    margin-bottom: -1px !important;
    display: inline-block;
}

.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;
}




/* ------------ 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: calc(100% - 30px);
    line-height: 200px;
}


/*.prev, .first, .next, .last {
	margin: -2px 0 0;
}*/

.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 */


#cboxLoadedContent span.spanNoAD5 {
    margin-right: -50px;
    vertical-align: bottom;
}

.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: 58px;
    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;
    padding: 20px 0;
}

.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;
}


.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: 135px;
}

.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: 3px;
    float: left;
}

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

.radiolabelpadding2 {
    padding-left: 35px;
    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: -10px;
    vertical-align: bottom;
}

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

.divlblred {
    color: #FF0000 !important;
}

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

.feedbackHead {
    color: #222 !important;
    font-size: 1.1rem;
    font-weight: 500;
    max-width: 750px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    display: inline-block;
    margin: 20px 0;
}

.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;
}

    .radiolabelAD input {
        position: relative;
        left: 4px;
    }

.divFeedbackAD {
    max-width: 780px;
    width: 780px;
    display: inline-block;
}

.divFeedbackADOdd {
    max-width: 770px;
    width: 780px;
    overflow: hidden;
    padding-bottom: 10px;
}

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

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

#cboxLoadedContent .divFeedbackAD .divcontrolAD {
    position: relative;
    left: -10px;
}

.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 */


#divtempresult fieldset > table > tbody > tr {
    display: flex;
    width: 100%;
}

    #divtempresult fieldset > table > tbody > tr > td {
        display: flex;
        padding: 10px 15px;
    }

#divtempresult .section4.newsrtr {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid;
}

.section4.newsrtr div[chilitemp] {
    margin-top: auto;
}

#divtempresult .section4.newsrtr div[style*="border"] {
    border: none !important;
}

.divBorderSearch {
    word-break: break-all;
    margin: 0.5em;
    border: none;
    min-height: 90px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.divBorderSearchAU {
    word-break: break-all;
    margin: 0.5em;
    border: none;
    min-height: 90px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.divBorderSearchRO {
    word-break: break-all;
    margin: 0.5em;
    border: none;
    min-height: 90px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.divBorderSearchAU_RO {
    word-break: break-all;
    margin: 0.5em;
    border: none;
    min-height: 90px;
    display: flex;
    flex-direction: column;
    flex: 1;
}


.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: 40px;
    top: 49%;
}

    #Nextimage img, #Prev img {
        width: 20px;
    }

#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: -5px !important;
    font-size: 1.7rem;
    line-height: 10px;
}

/*  Down Code */


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

.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: 0;
        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;
        line-height: 150px;
    }

        .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;
}




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: 100%;
    overflow-y: auto;
    margin: 15px 0 0;
}

    .table-bulk th {
        vertical-align: middle;
        padding: 10px 10px;
        min-width: 120px;
        background: #fff !important;
        border: 1px solid #ccc;
    }

    .table-bulk td {
        border: 1px solid #ccc;
        background: #fff;
        padding: 5px 10px;
    }


/*========================== 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 {
    margin-bottom: 10px;
    height: 0;
    overflow: hidden;
    padding-top: 50px;
}

    .pos-detail-body.open {
        height: 100%;
        border-bottom: none;
        padding-bottom: 10px;
        padding-top: 65px;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
    }

    .pos-detail-body .pos-desc {
        position: static;
    }

        .pos-detail-body .pos-desc ul li span[printername] {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            padding: 15px 20px 15px 40px;
            color: #333;
            height: 49px;
            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;
            font-size: 15px;
            font-weight: normal;
        }

    .pos-detail-body.open .pos-desc ul li span[printername] {
        border-color: #2d8835;
    }




    .pos-detail-body .pos-desc ul li span[printername]:before {
        position: absolute;
        left: 15px;
        top: 16px;
        content: '\f105';
        font-family: "Font Awesome 5 Pro";
        font-size: 20px;
        opacity: 0.5;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        font-weight: 900;
    }

    .pos-detail-body.open .pos-desc ul li span[printername]:before {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
    }

.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: 47%;
}

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

.pos-adr {
    width: 23%;
}

.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: 250px;
    float: left;
}

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

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

.btn.btn-main {
    border-radius: 20px !important;
    padding: 2px 25px;
    height: auto !important;
    font-weight: normal;
    background: no-repeat;
    color: var(--primary-color-text);
    font-family: 'JDSansPro-Medium';
    font-size: 14px;
    margin-top: 3px;
}

    .btn.btn-main:focus,
    .btn.btn-main:active {
        border-radius: 20px !important;
        padding: 2px 25px !important;
        font-size: 14px;
    }

.btn.back {
    font-family: 'JDSansPro-Medium';
}

.qnt-block {
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
    width: 100px;
    text-align: center;
    height: 25px;
    position: relative;
    top: 0;
    margin-bottom: 12px;
    display: table;
    border-radius: 3px;
}
    .qnt-block a {
        position: absolute;
        color: #999;
        height: 100%;
        display: flex;
        align-items: center;
        top: 0;
        padding: 5px;
    }

        .qnt-block a:hover {
            background: none !important;
            border: none;
            outline: none;
        }

        .qnt-block a:hover, .qnt-block a:active {
            color: #111 !important;
        }

.qnt-sub, .qnt-add {
    position: absolute;
}

.qnt-block .qnt-sub:has(.fa-minus) {
    left: 5px;
    font-size: 15px;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    padding-top: 8px;
}

.qnt-add {
    right: 4px;
    font-size: 14px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.qnt-block input[type="text"] {
    border: none;
    width: 45px;
    display: inline-block;
    height: 100%;
    text-align: center;
    background: no-repeat;
    margin-bottom: 0;
    padding: 0;
}

.pdfOptInner .qnt-block input[type="text"] {
    border: none;
    width: 90px;
    display: inline-block;
    height: 100%;
    text-align: center;
    background: no-repeat;
    margin-bottom: 0;
    box-shadow: none;
    color: #444;
}

.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: 18px;
        padding: 5px 10px;
        height: auto;
        line-height: normal;
    }

.pos-adr select {
    background: #f8f8f8;
    border: 1px solid #ddd;
    max-width: 95%;
    margin-bottom: 15px;
    height: 25px;
    position: relative;
    top: 0;
    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 {
    width: 100%;
}


.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[type="text"] {
        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: 40px;
    width: 20px;
    height: 20px;
    top: 7px;
    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: 70px;
    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 #btnConfirmUpdate {
    width: 100% !important;
}

#dvConfirmComplete h2 {
    margin-top: 0;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-size: 1.1rem;
}

#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: 10px;
    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;
}


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

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

.modal-header {
    padding: 10px 15px !important;
    border-bottom: none !important;
    background: #fff !important;
    min-height: 20px;
}

.modal-content {
    border: none !important;
    border-radius: 0.5rem !important;
}

.modal .modal-header {
    border-radius: 0.5rem 0.5rem 0 0;
}

#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: 6px 0 0 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;
    margin-top: 6px;
}

.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;
}

    .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: 90;
    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, .reportsHeader span.multiselect-native-select {
    width: 100%;
    display: inline-block;
}

.multiselect-native-select .btn-group {
    border: none;
    padding: 0;
}

.top-search-block span.multiselect-native-select button.btn, .reportsHeader 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: 31px !important;
    color: #555;
    font-weight: normal;
    padding: 4px 9px;
    font-size: 14px;
    margin-left: 0 !important;
    display: flex;
    align-items: center;
    min-height: 33px;
}

.top-search-block .multiselect-container,
.reportsHeader .multiselect-container {
    width: 100%;
}

    .top-search-block .multiselect-container li,
    .reportsHeader .multiselect-container li {
        padding: 5px 10px !important;
    }

        .top-search-block .multiselect-container li a,
        .reportsHeader .multiselect-container li a {
            display: inline-block;
            width: 100%;
        }

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

.multiselect.dropdown-toggle:hover, .multiselect.dropdown-toggle:focus {
    color: #555 !important;
}

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

    .top-search-block span.multiselect-native-select .btn-group .multiselect-selected-text,
    .reportsHeader 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: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.form-cot {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.whts-block .form-control {
    margin-bottom: 0;
    padding: 6px 10px;
    height: auto;
}

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

.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;
    border-color: #aaa;
}

.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: 0;
    margin-bottom: 5px;
    font-size: 1.2rem;
    font-weight: 600;
}

.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;
        color: #444;
        font-size: 0.8rem;
        font-weight: lighter;
    }


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




/* 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 {
    margin: 10px;
    max-height: 120px;
    min-height: 120px;
}

#Incentives li {
    width: calc(33% - 20px);
}

    #Incentives li img {
        max-height: 130px !important;
    }

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

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;
    display: flex;
    flex-direction: column;
    padding-bottom: 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);
    padding-bottom: 0;
}

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: #fff;
    }

        .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 {
        display: none;
    }



    .bulk-block button {
        padding: 7px 10px;
        position: relative;
    }

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

    .bulk-block ul li {
        line-height: normal;
        padding: 7px 10px;
        margin: 0;
        cursor: pointer;
        color: #4a4a4a !important;
        display: inline-block;
        font-size: 13px;
        background: #fff;
        width: 100%;
        box-sizing: border-box;
    }

        .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: #444;
        }


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

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

.pos-temp-title a.bulk-close.hide {
    display: none !important;
}

.pos-temp-action:after {
    position: absolute;
    top: 5px;
    right: 8px;
    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 input.treechkbox, .pos-temp-action input.treebulkchkbox {
    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: 12px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
}

.bulk-block > a.bulk-SelectAll i {
    display: none;
}

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

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

ul.subaction-list {
    position: absolute;
    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;
    bottom: 50px;
}

.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: 500;
    padding-top: 5px;
}
.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;
    margin-top: 15px;
}
    .modal-tpedit .btn-group .btn {
        line-height: normal;
    }
.modal-tpedit h4 {
    line-height: normal;
    display: inline-block;
    width: 100%;
}
.modal-tpedit .form-control.w300 {
min-width:307px;
}
.modal-tpedit .form-datepick {
    max-width: 305px;
    display: flex;
    margin-left: 22px;
}
.modal-tpedit .checkbox label {
    padding-left: 28px;
    color: #333 !important;
    font-weight: normal;
}
.modal-tpedit .checkbox {
    margin-right: 20px;
}
.datepick-popup {
    z-index: 11000 !important;
}
.modal-tpedit .rtrMainCot .checkbox {
    margin-right: 0;
}
/*===================== Kitbuilder ==========================*/


.clsCCE .topview-title h3:before {
    background: #333;
}

.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], .multiselect-container .checkbox input {
        position: absolute;
        left: 0;
        top: 0px;
        width: 100%;
        height: 100%;
        cursor: pointer;
        z-index: 9;
        opacity: 0 !important;
    }

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

        .checkbox .customRadio + label::before {
            border-radius: 100% !important;
            top: 0;
        }

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

        .checkbox input[type=checkbox]:checked + label::before, .multiselect-container .active .checkbox::before {
            background: #fff;
        }

        .checkbox input[type=checkbox]:checked + label::after, .multiselect-container .active .checkbox::after {
            content: "\f00c";
            position: absolute;
            font-family: "Font Awesome 5 Pro";
            left: 3px;
            top: 3px;
            color: #2d8835;
            width: 14px;
            height: 14px;
            line-height: normal;
            font-weight: 400;
        }

        .checkbox .customRadio:checked + label::after {
            content: "";
            position: absolute;
            left: 3px;
            top: 3px;
            background: #2d8835;
            width: 14px;
            height: 14px;
            border-radius: 100%;
            border: 2px solid #fff;
        }

.clsCCE .checkbox .customRadio:checked + label::after, .clsCCE.checkbox input[type=checkbox]:checked + label::after, .clsCCE .multiselect-container .active .checkbox::after {
    color: #111;
}

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

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

.clsCustomTreePopup label.checkBoxLabel {
    max-width: 80%;
}

.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 {
        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;
}

    .pos-temp-tab .pos-btn-group a:hover {
        opacity: 0.7;
    }

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

.assetlist-view .clsBulkAction span {
    margin-left: 7px;
    font-size: 1rem;
    line-height: 21px;
}

.assetlist-view .bulk-block {
    margin: 0;
    position: relative;
    float: none;
    display: inline-flex;
    vertical-align: top;
    gap: 8px;
}

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

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


.pos-temp-title.pos-search-block .bulk-block {
    top: 0px;
}

.bulk-block .yellowBtn {
    padding: 6px 10px;
    vertical-align: middle;
    margin-left: 10px;
}

.bulk-block:has(.yellowBtn) a {
    float: left;
    margin-top: 0;
    margin-left: 8px;
}

.pos-temp-title.pos-search-block .bulk-block .clsBulkAction {
    position: relative;
    margin-top: 20px;
}

    .pos-temp-title.pos-search-block .bulk-block .clsBulkAction span.caret:has(.fal) {
        position: relative;
        top: 2px;
        font-size: 1.2rem;
        line-height: 3px;
    }

.pos-temp-title.pos-search-block .bulk-block > a i {
    margin-right: 5px;
    top: -2px;
    position: relative;
}

.assetlist-tab {
    position: relative;
}

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

.pos-temp-action input.treebulkchkbox1, .adAssetWrap .pos-temp-tab.temp-tab input.treebulkchkbox1 {
    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: #333;
    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 #333;
        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,
.mainContent .modal-big {
    width: 1000px;
    max-width: 100%;
}

.mainContent .modal-dialog-12 {
    width: 1200px;
    max-width: 100%;
}

.editor-modal .modal-dialog {
    width: 1100px;
    max-width: 100%;
}

.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, .editor-modal .modal-content {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
}

#assetView h3 {
    color: #222;
}

.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: 0 10px 5px;
        font-size: 17px;
        font-weight: 400;
        float: left;
        text-align: center;
    }

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

            .assetview-title a.active:before {
                content: '';
                bottom: -1px;
                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%;
        font-size:12px;
    }

        .btn-add-fav i.icon-favourite-on, .btn-add-fav i.icon-favourite-on:before {
            color: #ffde00;
            font-weight: 900;
        }

.clsCCE .btn-add-fav i.icon-favourite-on {
    color: #F2A900;
}

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

.asset-sorting img, #imgSort {
    width: 25px;
    opacity: 1;
}

.addCart-tab {
    float: right;
    width: 18px;
    position: relative;
    top: 3px;
    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;
}

.assetimg-block {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    height: calc(100% - 110px);
}

    .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: 12px;
    font-weight: bold;
    border: 1px solid #eabd08;
    padding: 0;
}

.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 .modal-body {
    max-height: 120px;
}

.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;
    min-height: 40px;
}

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

.pos-desc .slide {
    width: 250px;
    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: #ffde00;
    font-weight: 900 !important;
}

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

.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%;
    font-size: 12px;
}

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: 50px;
}

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

​​​​​​​​
#dveditorTextFrame p {
    margin: 0 0 1px !important;
}

div#dveditorTextFrame:empty:before {
    content: attr(data-placeholder);
}

.txtFramePlaceholder {
    content: "Insert Your Text Here"; /* this is where you assign the place holder */
    position: inherit;
    top: 10px;
    color: #a9a9a9;
}

.modal-posorder .modal-dialog {
    width: 800px;
}

.modal-posorder #POSDetails .posorder-inner {
    max-height: 500px;
    display: inline-block;
    width: 100%;
    overflow: visible !important;
}

.posorder-inner {
    display: inline-block;
    width: 100%;
}

    .posorder-inner p {
        margin: 0 0 5px;
    }

.top-posdetail {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px;
    padding: 10px 15px;
    box-sizing: border-box;
    background: #fbfbfb;
    border-bottom: 1px solid #eee;
    position: relative;
}

    .top-posdetail:before {
        position: absolute;
        left: 15px;
        content: '';
        width: 0;
        height: 0;
        border-bottom: 8px solid #fbfbfb;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        top: -8px;
    }

.posorder-inner h4 {
    margin: 0px 0;
    font-size: 15px;
    font-weight: bold;
    color: #333;
}

.wrapper-full {
    width: 100%;
    display: inline-block;
}

.half-block {
    width: 49%;
    float: left;
    position: relative;
    padding-left: 35px;
    box-sizing: border-box;
    margin: 0 0 20px;
}

    .half-block p {
        margin: 0;
    }

    .half-block i {
        position: absolute;
        left: 10px;
        top: 20%;
        font-size: 20px;
        color: #2d8835;
    }

.posorder-inner table.Grid tr th, .posorder-inner table.Grid tr td {
    padding: 5px 5px;
}

.posorder-inner table th {
    background: #7D7D7D;
    color: #Fff;
    border: none;
}

    .posorder-inner table th * {
        color: #fff;
        text-decoration: none;
    }

.posorder-inner table thead tr {
    text-decoration: none !important;
    border: 1px solid #7d7d7d;
}

.posorder-inner table tbody td {
    background: no-repeat;
    border: none !important;
    padding: 6px 3px !important;
}

.posorder-inner table tbody tr {
    background: #fff;
    border: 1px solid #e3e3e3;
}

    .posorder-inner table tbody tr:nth-child(2n) {
        background: #fff;
    }

.posorder-inner .wrapper-full {
    max-height: 400px;
    overflow: auto;
    padding: 0 10px;
    box-sizing: border-box;
}

.modal-posorder .modal-body {
    padding: 0;
}

.btn-yellow {
    background: #FFF3AD;
    text-decoration: none !important;
    padding: 3px 15px;
    border-radius: 20px;
    border: 1px solid #f3e698;
}

    .btn-yellow:hover, .btn-yellow:focus {
        background: #fef0a3;
    }

/* New CSS */
.MarketingManagerWrapper {
    float: right;
    width: 100%;
    max-width: 360px;
    border-radius: 0 3px 3px 0;
    box-shadow: none;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-left: 0;
    background: #fbfbfb;
}

.mHeaderWrapper {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.primaryBlock .aAddManagers {
    float: right;
    width: 50px;
    text-align: center;
    background-color: #2d8835;
    padding: 4px 10px;
    border-radius: 30px;
    color: #fff;
    border: 1px solid #2d8835;
    margin-top: 4px;
    margin-left: 4px;
}

.mHeaderWrapper .aAddManagers:hover {
    background-color: #fff;
    color: #2d8835;
}

.mHeaderWrapper h2 {
    float: left;
    width: calc(100% - 80px);
    font-size: 1.3rem;
    /*   color: #2d8835;*/
    margin: 3px 0;
}

.dvAssignDealers {
    font-size: 14px;
}

.dealershipWrapper {
    float: left;
    width: calc(100% - 390px);
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #f9f9f9;
}

    .dealershipWrapper thead th {
        padding: 9px 10px !important;
        font-size: 14px;
        border: none !important;
        cursor: pointer;
        white-space: nowrap;
    }

    .dealershipWrapper .dataTables_filter {
        position: relative;
        margin-top: -35px;
        padding-right: 11px;
    }

    .dealershipWrapper div#tblDealersData_info {
        padding: 10px;
        margin: 10px 0 0;
    }


    .dealershipWrapper div#tblDealersData_info {
        padding: 10px;
        margin: 10px 0 0;
    }

    .dealershipWrapper .dataTables_paginate {
        padding: 10px !important;
        margin: 10px 0 0;
    }

        .dealershipWrapper .dataTables_paginate .paginate_button.current {
            border: 1px solid #2d8835 !important;
            border-radius: 2px !important;
            background: none !important;
            color: #2d8835 !important;
        }

        .dealershipWrapper .dataTables_paginate .paginate_button {
            border-radius: 2px !important;
            background: none !important;
        }

            .dealershipWrapper .dataTables_paginate .paginate_button:hover {
                background: #2d8835 !important;
            }

            .dealershipWrapper .dataTables_paginate .paginate_button.disabled:hover {
                background: none !important;
            }

    .dealershipWrapper table.dataTable {
        border-bottom: 1px solid #ddd;
    }

    .dealershipWrapper .dataTables_filter input {
        border: 1px solid #ddd;
        height: 25px;
        border-radius: 3px;
        padding: 5px;
        width: 160px;
    }

.primaryBlock {
    float: left;
    width: 100%;
    margin: 6px 0;
    border: 1px solid #e2e1e1;
    background-color: #fcfcfc;
}

    .primaryBlock h3 {
        float: left;
        width: 100%;
        padding: 10px 15px 8px;
        border-bottom: 1px dashed #ccc;
        box-sizing: border-box;
        color: #424242;
        font-size: 1.2rem;
    }

        .primaryBlock h3 .aAddManagers {
            float: right;
            font-size: 14px;
            width: auto;
            margin: 0;
        }

.BlockRow {
    float: left;
    width: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
    color: #424242;
}

    .BlockRow .aAddManagers {
        float: right;
        width: 100px;
        font-size: 0.8rem;
        text-align: center;
        border-radius: 30px;
        background-color: #fef3ad;
        padding: 5px;
        color: #313131;
    }

    .BlockRow .spnPrimaryDealer {
        float: left;
        width: calc(100% - 120px);
        margin: 3px 0;
        font-size: 0.85rem;
    }

    .BlockRow.dvSecondarydealers span {
        float: left;
        width: 100%;
        margin: 5px 0;
    }

        .BlockRow.dvSecondarydealers span a[data-target="#myRemoveModal"] {
            float: right;
            position: relative;
            color: #ff0000;
            font-size: 0.85rem;
            margin: 2px 0;
        }

            .BlockRow.dvSecondarydealers span a[data-target="#myRemoveModal"] img {
                display: none;
            }

            .BlockRow.dvSecondarydealers span a[data-target="#myRemoveModal"]::before {
                content: "\f00d";
                font-family: "FontAwesome";
            }

.dealershipHeader {
    float: left;
    width: 100%;
    padding: 15px 10px;
    box-sizing: border-box;
}

    .dealershipHeader .dBlock {
        float: left;
    }

        .dealershipHeader .dBlock .spn_dealershipname {
            margin-left: 5px;
            font-size: 0.9rem;
            font-weight: 600;
        }

.dealershipWrapper table {
    border-top: 1px solid #ccc;
    border-collapse: collapse;
}

    .dealershipWrapper table thead th {
        background-color: #fbfbfb;
        color: #333;
        padding: 10px;
        text-align: left;
        text-decoration: none;
        border: 1px solid #ddd !important;
        vertical-align: middle;
    }

        .dealershipWrapper table thead th:not(.sorting_disabled) {
            padding-right: 25px !important;
        }

    .dealershipWrapper table tbody td {
        background-color: #fff;
        padding: 10px 10px;
        color: #333;
        text-decoration: none;
        border: 1px solid #ddd !important;
        vertical-align: middle;
    }

.dealershipWrapper .selected_user {
    padding: 2px 5px;
    font-size: 0.8rem;
    border-radius: 3px;
}

.dealershipWrapper .unselected_user {
    padding: 2px 5px;
    font-size: 0.8rem;
    border-radius: 3px;
}

.dealershipWrapper a {
    padding: 2px 10px !important;
    font-size: 0.8rem;
    color: #333;
    border-radius: 20px !important;
    white-space: nowrap;
}

.modal-dialog.modal-small {
    width: 500px;
}

.modal-posorder .modal-header {
    font-size: 14px;
    padding: 5px 10px !important;
}

.asgn-dl-popup {
    display: flex;
    margin: 20px 0 10px;
    padding: 0 15px 10px;
}

    .asgn-dl-popup > * {
        margin: 5px 10px !important;
        height: auto !important;
        line-height: normal;
        padding: 5px 10px;
        min-width: 50px;
    }

.remove-as-dealer {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 30px 15px;
    text-align: center;
    box-sizing: border-box;
    font-size: 20px;
    color: #8a4848;
    background: #fffbfb;
}


    .remove-as-dealer .btn {
        height: auto !important;
        padding: 3px 30px;
        color: #916868 !important;
        border-color: inherit !important;
        font-weight: normal;
        margin: 0 5px;
    }

.modal-btngroup {
    display: inline-block;
    width: 100%;
    margin: 20px 0 0;
}

.remove-as-dealer .btn:hover, .remove-as-dealer .btn:focus {
    background: #916868 !important;
    color: #fff !important;
}

.remove-as-dealer b {
    font-weight: bold;
    font-size: 19px;
}
/* New CSS */


.cstm-search {
    display: inline-block;
    width: calc(100% - 20px);
    padding: 0 5px;
    border-bottom: 1px dashed #ddd;
    margin: 0 10px 18px;
    box-sizing: border-box;
}

    .cstm-search .form-group {
        width: auto;
        display: inline-block;
        margin-right: 35px;
        vertical-align: middle;
    }

        .cstm-search .form-group .btn {
            padding: 5px 20px;
            height: auto !important;
            margin-left: 5px;
        }

        .cstm-search .form-group label {
            line-height: 18px;
        }



.cstm-listblock {
    width: auto;
    flex: 1;
    margin: 0 0 0 5px;
}

    .cstm-listblock + .cstm-listblock {
        margin-left: 20px;
    }

.cstm-listblock {
    width: auto;
    flex: 1;
    margin: 0 0 0 5px;
    padding: 5px;
    background: #fcfcfc;
    border: 1px solid #f2f2f2;
}

    .cstm-listblock + .cstm-listblock {
        margin-left: 20px;
    }

    .cstm-listblock h3 {
        font-size: 1.1rem;
        padding-left: 0;
        margin: 10px 0 8px;
    }

        .cstm-listblock h3:before {
            display: none;
        }

.cstm-foldertree li {
    padding: 7px 10px;
    font-size: 14px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    position: relative;
}

    .cstm-foldertree li .clsDeleteCustomMenu {
        margin-left: auto;
        padding-left: 7px;
        float: right;
        color: #444;
    }

    .cstm-foldertree li a {
        margin-right: 8px;
    }

    .cstm-foldertree li.defaultMenu:before {
        position: absolute;
        content: 'Default Folder Tree';
        width: auto;
        line-height: 10px;
        right: 0;
        background: #fff8dc;
        color: #7e6c24;
        padding: 2px 10px;
        border-radius: 6px;
        font-size: 10px;
        top: -8px;
        border: 1px solid #fbf1c6;
    }

.defaultMenu i {
    color: #fff;
}

.defaultMenu a, .selectedEdit a {
    color: #fff;
}

.btn-socialmodal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    border: none;
    background: rgba(0,0,0,0.7);
    color: #FDDA01;
    font-size: 40px;
    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;
    opacity: 0;
    visibility: hidden;
}

.assetimg-block:hover .btn-socialmodal {
    opacity: 1;
    visibility: visible;
}

.left-social-block {
    width: 330px;
    padding: 20px 20px 70px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: #ECECEC;
}

.right-social-block {
    flex: 1;
    background: #323232;
    padding: 50px 0px 0;
    border: 1px solid #555555;
    position: relative;
}

    .right-social-block iframe {
        min-height: calc(100% - 50px);
        height: calc(100% - 50px) !important;
        position: absolute;
        left: 0;
        top: 50px;
    }

.left-social-block h3 a {
    display: inline-block;
    margin-right: 10px;
    color: #999;
}

.left-social-block h3 {
    font-size: 18px;
    color: #222;
    margin-bottom: 15px;
    font-weight: 500;
    padding-left: 3px;
}

.left-social-block .alert-block {
    padding: 10px;
    font-size: 13px;
}

@media only screen and (min-width: 1440px) {
    .editor-modal .modal-body {
        height: 95vh;
        max-height: 900px;
    }
}

.toggle-edittitle {
    width: 100%;
    border: 1px solid #d1cdcd;
    text-align: left;
    border-radius: 4px;
    padding: 10px 10px;
    background: none;
    background: #f6f6f6;
    cursor: pointer;
    float: left;
    position: relative;
    color: #333;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    font-size: 0.9rem;
}

    .active .toggle-edittitle, .toggle-edittitle:hover {
        background: #ffffff none repeat scroll 0 0;
        border-color: #ddd;
        border-radius: 4px 4px 0 0;
        color: #222;
    }

        .active .toggle-edittitle i, .toggle-edittitle:hover i {
            color: #222;
        }

    .toggle-edittitle:before {
        content: '\f0d7';
        position: absolute;
        right: 10px;
        top: 10px;
        font-family: 'FontAwesome';
        font-size: 16px;
    }

.active .toggle-edittitle:before {
    content: '\f0d8';
}

.toggle-edittitle i {
    margin-right: 10px;
    color: #999;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.toggle-editcontent * {
    font-size: 13px;
}


.toggle-edittitle:focus {
    outline: none;
}

.toggle-editcot {
    margin-top: 5px;
}

.toggle-editcontent {
    display: none;
    width: 100%;
    padding: 10px 0;
    border: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
    margin: -10px 0 10px;
    padding: 10px;
    background: #f9f9f9;
}

.active .toggle-editcontent {
    display: inline-block;
    border: 1px solid #d4d4d4;
    background: #fdfdfd;
    border-top: none;
}

.toggle-editcontent .form-group select.change_typeface, .toggle-editcontent .textarea-block-tab .select-num, .toggle-editcontent .dropdown.block-color {
    border-radius: 4px;
}

.btn-gray {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 5px 10px;
}

    .btn-gray i {
        margin-right: 5px;
        color: #999;
    }

.toggle-editcontent .form-group {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px;
}

    .toggle-editcontent .form-group input, .toggle-editcontent .form-group select {
        width: 100%;
        margin: 0;
        min-height: 30px;
    }

.fontedit-group {
    display: flex;
    align-items: center;
    background: #ddd;
    padding: 7px 5px;
}

    .fontedit-group .form-group {
        margin: 0;
    }

        .fontedit-group .form-group + .form-group {
            margin-left: 5px;
        }

.left-social-block .form-group .textarea-block-tab.infoicon {
    margin-left: 5px;
}

.fontedit-group .form-group {
    display: flex;
}

    .fontedit-group .form-group input {
        flex: 1;
    }

.left-social-block .textarea-block-tab {
    flex-direction: row;
}

.fontedit-group .form-group > span {
    background: #f2f2f2;
    padding: 5px;
    border: 1px solid #ddd;
    border-right: none;
}

.left-social-block .form-group textarea {
    height: 70px;
    margin: 0;
    width: 100%;
}

    .left-social-block .form-group textarea:focus {
        background: #f5f5f5;
    }

.left-social-block h5 {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.inline-list {
    margin: 0;
}

    .inline-list li {
        margin-right: 10px;
        display: inline-block;
    }

    .inline-list.alignment-list li a {
        display: inline-block;
        padding: 5px 10px;
        border-radius: 4px;
        background: #f2f2f2;
        text-align: center;
        line-height: 10px;
        margin: 0;
        color: #999;
    }

        .inline-list.alignment-list li a:hover, .inline-list.alignment-list li a.active {
            color: #222;
            background: #ffde00;
            border-color: #ffde00;
        }


.inline-list {
    margin: 0;
}


.social-btngroup {
    display: flex;
    width: 100%;
    margin-top: 20px;
    float: left;
}

    .social-btngroup a {
        flex: 1;
        white-space: nowrap;
        margin: 0 4px;
        padding: 9px 10px !important;
    }

        .social-btngroup a + a {
            margin-left: 8px;
        }

        .social-btngroup a i {
            margin-right: 5px;
        }




.social-unselected {
    color: #d0d0d0;
}

.social-selected {
    color: #1b6f00;
}

.inline-list.social-list a:hover {
    color: #1b6f0090;
}

.choose-section label + label {
    margin-left: 5px;
}

.choose-section input {
    margin: 0 3px 0 0;
    vertical-align: middle;
    filter: hue-rotate(-120deg);
}

.choose-section {
    float: left;
    display: flex;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #ddd;
    width: 100%;
    justify-content: center;
}

.mainContainer table.dataTable .thSelectAllH {
    text-align: center !important;
}

.choose-section label.clsSelectAll span {
    color: #fff;
}

.choose-section span {
    color: #333 !important;
    display: inline-block;
    margin: 0 10px 0 2px;
}

.flex-form {
    display: flex;
    width: 100%;
}

.form-text label {
    color: #333;
}

.flex-form input, .flex-form select {
    margin: 0;
    flex: 1;
    margin-left: 10px;
    width: 100%;
}

.flex-form label {
    width: 90px;
    margin-right: 6px;
}

.btn-bottom-group {
    padding-top: 10px;
    border-top: 1px dashed #ddd;
}


/*==================== top search block ====================*/


.topsearch-tabs {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    padding-right: 15px;
}



    .topsearch-tabs label {
        font-size: 15px;
        margin-bottom: 5px;
        display: block;
        font-weight: normal;
        color: #333;
    }

    .topsearch-tabs .form-control {
        width: 100%;
        margin-bottom: 0;
    }

.topsearch-btn .btn {
    padding: 4px 20px;
    height: 30px !important;
    font-weight: normal;
}

.topsearch-block.top-reportblock {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .topsearch-block.top-reportblock .form-control {
        background: #fff !important;
    }

    .topsearch-block.top-reportblock .topsearch-btn {
        margin-top: 28px;
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    text-shadow: none !important;
    font-size: 14px !important;
}

.btn-excel {
    padding: 5px 10px;
    height: auto !important;
}

.reporttable-group {
    display: inline-block;
    position: relative;
    margin: 10px 0;
    padding: 0 10px;
    width: 100%;
}

    .reporttable-group .dataTables_length label, .dataTables_wrapper .dataTables_length label {
        display: flex;
        align-items: center;
        margin: 0;
        font-weight: 500;
    }

        .reporttable-group .dataTables_length label select, .dataTables_wrapper .dataTables_length select {
            margin: 0 5px;
            width: 60px;
        }

    .reporttable-group .dataTables_filter, .dataTables_wrapper .dataTables_filter {
        float: left;
        margin-left: 20px;
        margin-bottom: 0;
        padding-left: 20px;
        border-left: 1px dashed #ddd;
    }

    .reporttable-group .btn-excel {
        float: right;
        margin-bottom: -27px !important;
        position: relative;
        z-index: 2;
    }

    .reporttable-group .dataTables_filter label, .dataTables_wrapper .dataTables_filter label {
        margin: 0;
    }

        .reporttable-group .dataTables_filter label input, .dataTables_wrapper .dataTables_filter input {
            height: 28px;
        }

    .reporttable-group .dataTables_scroll {
        margin-top: 10px;
        float: left;
        width: 100%;
    }

        .reporttable-group .dataTables_scroll th, .reporttable-group .dataTables_scroll td {
            font-size: 14px;
        }

table.dataTable thead .sorting_asc {
    background-image: url(../images/sort_asc.png);
    filter: grayscale(1);
}

table.dataTable thead .sorting_desc {
    background-image: url(../images/sort_desc.png);
    filter: grayscale(1);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    padding: 5px 10px !important;
    border: none !important;
    background: #f2f2f2 !important;
}

.clsOrderDetail {
    margin: 15px 0 !important;
    display: inline-block;
    width: 100%;
    padding: 15px;
    background: #f9f9f9;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ddd;
    overflow: auto;
}

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

    .btncss:hover {
        color: white !important;
        background-color: #2b8334 !important;
    }

    .btncss.btn-reorder {
        cursor: pointer;
        display: inline-block;
        height: auto !important;
        padding-left: 14px;
        position: relative;
    }



.btn-reorder input, .btn-reorder a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    cursor: pointer !important;
    font-weight: normal;
    height: auto;
    padding: 0;
    font-size: 13px;
    line-height: 17px;
    padding-left: 5px;
    text-decoration: none !important;
}

.btn-reorder i {
    left: 5px;
    position: absolute;
    top: 4px;
    font-size: 10px;
}

.btncss.btn-reorder:hover input {
    color: white !important;
    background-color: #2b8334;
}

.clsCCE .btncss.btn-reorder:hover input {
    color: white !important;
    background-color: #000;
}

.btncss:hover, .btncss:hover a {
    color: white !important;
    background-color: #2b8334 !important;
}

.table-scroll {
    width: 100%;
    overflow: auto;
    display: block;
    margin: 10px auto !important;
    float: left;
}

.topdate-block {
    width: 15%;
}

table.dataTable.no-footer {
    border: 1px solid #ccc !important;
    border-collapse: collapse;
}

.table > :not(:first-child) {
    border-top: none;
}

table.dataTable.no-footer thead {
    background: #fff;
    color: #222;
}

.ConfirmAssetModal table#tbConfirmAssetDelete {
    width: 100%;
}

    .ConfirmAssetModal table#tbConfirmAssetDelete td {
        padding: 0 0 10px !important;
    }

    .ConfirmAssetModal table#tbConfirmAssetDelete .btn {
        line-height: normal !important;
        height: 30px !important;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0 2px;
}

/*.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
		background: #f2f2f2;
		border: 1px solid #ddd;
		color: #222 !important;
	}*/
.mainContainer table.dataTable {
    border: 1px solid #ccc;
}

    .mainContainer table.dataTable thead th {
        min-width: auto;
        width: auto !important;
        font-size: 14px;
        padding: 10px 15px 10px 10px;
        color: #222;
        vertical-align: middle;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
    }

    .mainContainer table.dataTable tbody td {
        padding: 6px 10px;
        font-size: 14px;
        border-bottom: 1px solid #ddd;
        background: #fff;
    }

table.dataTable {
    border-collapse: collapse;
}

.table > :not(caption) > * > * {
    border: none;
    box-shadow: none;
}

.notf-form .column3 {
    max-width: 190px;
}

    .notf-form .column3 + .column3 {
        max-width: 100%;
    }

.notf-form span {
    color: #333;
}

.notify-title {
    padding: 0 10px;
}

    .notify-title h4 {
        color: #2d8835;
        margin-bottom: 0;
    }

    .notify-title p {
        color: #333;
        font-size: 14px;
    }

.notf-form {
    background: #fff;
    margin-bottom: 0;
    float: left;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.notify-radio .checkbox {
    width: 100%;
    margin-bottom: 10px;
}

    .notify-radio .checkbox label {
        padding-top: 3px;
    }

.notify-checkbox {
    display: inline-block;
    padding: 0 10px;
    margin: 10px 0;
}

    .notify-checkbox .checkbox {
        width: 50%;
        margin-bottom: 10px;
    }

.notf-form .btn-block {
    display: inline-block;
    padding: 10px;
    width: 100%;
    border-top: 1px dashed #ddd;
    text-align: center;
}

    .notf-form .btn-block a {
        display: inline-block;
        height: 20px !important;
        line-height: 21px;
    }

.notf-form .top-title {
    padding: 0 10px 10px;
    border-bottom: 1px dashed #ddd;
    margin: 15px 0 10px;
    width: 100%;
}

.notify-desc {
    display: inline-block;
    width: 100%;
    padding: 10px;
    background: #f6f6f6;
    margin: 0 0 10px;
    box-sizing: border-box;
}

    .notify-desc p {
        margin: 0;
        color: #666;
        font-size: 12px;
    }

    .notify-desc b {
        font-weight: bold;
        color: #333;
    }

.block-view {
    width: 100%;
    display: flex;
    padding: 0 10px;
    margin: 10px 0;
}

.block-3 {
    width: calc(33% - 10px);
    margin: 0 0 0 5px;
}

.alert-block.alert-info {
    color: #7c6301;
    background: #fdfbdd;
    border: 1px solid #7c630115;
    padding: 10px;
    font-size: 13px;
    line-height: 17px;
}

    .alert-block.alert-info i {
        margin-left: 5px;
        opacity: 0.3;
        vertical-align: middle;
        float: right;
    }

.form-search {
    margin: 5px 10px 15px !important;
    width: calc(100% - 20px);
    box-sizing: border-box;
    min-height: 30px;
    font-size: 14px;
}

.left-sidenav .alert-block {
    width: calc(100% - 20px);
    margin: 10px;
}



#dvPocketFolder .modal-dialog {
    width: 400px;
}

#dvPocketFolder .flex-form label {
    width: auto !important;
}

.modalPck.flex-form {
    align-items: center;
    justify-content: space-between;
}

    .modalPck .flex-form input {
        max-width: 50px;
        margin-right: 15px;
    }

.modalPck .qnt-block {
    margin-left: 30px;
    margin-bottom: 0;
}

    .modalPck .qnt-block a {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .modalPck .qnt-block input {
        min-width: 50px;
        padding: 5px 10px;
        text-align: center;
    }

.modalPck .flex-form label {
    margin-bottom: 0;
    width: auto;
}

.modalPck:has(.qtFlex) .modal-body {
    padding-top: 10px;
}

.qtFlex .form-group label {
    margin-bottom: 7px;
}

.btn-bottom-group.text-right {
    text-align: right;
}

.side-info {
    display: inline-block;
    padding: 4px 10px;
    background: #fdfbdd;
    border-radius: 4px;
    border: 1px solid #40330015;
    color: #7c6301;
    position: relative;
}

    .side-info:before {
        position: absolute;
        left: -7px;
        top: 7px;
        border-right: 7px solid #f5f2cf;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        content: '';
    }

.carousalMultiImages img {
    border: 1px black solid !important;
}

.bulletsModeOn {
    background: #4B9519 !important;
    color: white;
}

.modal-assetedit {
    display: flex;
    width: 100%;
    position: relative;
    padding-left: 310px;
    box-sizing: border-box;
}

.clsModalBulk .modal-assetedit {
    padding-left: 0;
}

.modal-assetedit .qrtr-bottom {
    flex: 1;
}

    .modal-assetedit .qrtr-bottom .row {
        display: flex;
        margin: 10px 0;
        width: 80%;
        float: left;
        min-width: 350px;
    }

.modal-assetedit .btn-group {
    width: 100%;
    float: left;
    margin: 20px 0 0;
}

.modal-assetedit .qrtr-bottom .row span {
    font-size: 14px;
}

.dataTables_wrapper {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

table.table-scroll thead th {
    white-space: nowrap;
    min-width: 52px;
}

.right-social-block button#btnEditSocialAssetClose {
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 0.8;
    color: #fff;
}

.toggle-editcontent .form-group.block-color.textarea-block-tab {
    margin-left: -7px;
}

.toggle-editcontent .textarea-block-tab .block-color .dropdown-menu.dropdown-stacked {
    z-index: 9;
}

.toggle-editcontent .var-inner-form {
    background: none;
    border: none;
    padding: 0;
}

.overlay-field.overlay-inner {
    padding: 0;
    border: none;
}

.toggle-editcontent .labelclass {
    display: flex;
    margin: 5px 0;
    padding: 0;
    border-radius: 0;
    background: #fff;
    width: auto;
    float: left;
    clear: both;
    border: none;
}

    .toggle-editcontent .labelclass input {
        margin: 0 5px 0 0 !important;
        width: auto !important;
        vertical-align: middle;
        float: none !important;
    }

.toggle-editcontent #txtLogoName {
    margin-bottom: 5px;
}

.toggle-editcontent #dvAddLogo {
    border: none !important;
    box-shadow: 0 0 0 1px #ccc;
    padding: 2px;
}

.dtrg-group td {
    min-width: 90px;
    font-size: 14px !important;
    padding: 5px !important;
    vertical-align: middle !important;
    font-weight: bold;
    background: #f6f6f6 !important;
}

tr.dtrg-group {
    vertical-align: middle;
}

/*table#tblBillingReport td {
	font-size: 13px;
	padding: 2px 5px !important;
	background: #fff;
}*/

.toggle-editcontent .textarea-block {
    padding: 10px 5px 0;
    margin: 0;
    background: #939598;
}

    .toggle-editcontent .textarea-block h3 {
        color: #222;
        font-size: 14px;
        margin: 0 0 7px;
    }

    .toggle-editcontent .textarea-block .color-list-inline {
        max-width: 100%;
    }

        .toggle-editcontent .textarea-block .color-list-inline li {
            margin: 5px 9px 5px 0;
        }

.toggle-editcontent .dropdown.block-color {
    border-radius: 4px;
}

.toggle-editcontent #txtCustomBoxListing ul {
    margin: 0;
}

.toggle-editcontent #txtCustomBoxListing {
    float: left;
    width: 100%;
    margin: 0 !important;
}

.btn-gray.btn-addtext {
    color: #222;
    background: #fff;
    display: inline-block;
    padding: 7px 10px;
}

.inline-list.social-list a img {
    width: 24px;
    margin: 5px 5px 0 0;
}

.social-unselected img {
    opacity: 0.5;
}

.btn-viewdealer {
    padding: 0 4px 0 5px;
}

    .btn-viewdealer .btn {
        padding: 5px 10px !important;
        width: auto;
        height: auto !important;
        font-size: 13px !important;
        margin-top: 0px !important;
        text-align: center !important;
    }

.viewOnlySelect {
    width: auto;
    border: none;
    display: inline-block;
    margin: 0 5px;
    border-bottom: 1px solid #bbb;
    border-radius: 0;
    margin-left: 10px;
    font-size: 0.9rem !important;
    color: var(--primary-color-text);
    cursor: pointer;
    padding: 0 15px 0 5px;
    background-position: right;
    outline: none;
    box-shadow: none !important;
    height: 24px;
    min-height: 20px;
    font-size: 0.8rem !important;
}

.right-social-block .over-layout {
    position: absolute;
    left: 17px;
    top: -4px;
    width: 150px;
    height: auto;
    background: none;
}

.left-social-block #dvAddLogo input[type="radio"] {
    width: 14px;
}

.left-social-block #dvAddLogo br {
    display: none;
}

.left-social-block #dvAddLogo td {
    vertical-align: top;
}

.left-social-block #dvAddLogo label, .left-social-block #dvAddCampaignLogo label {
    display: flex;
    padding: 10px;
    line-height: 25px;
    height: 60px;
    align-items: center;
}

    .left-social-block #dvAddLogo label img, .left-social-block #dvAddCampaignLogo label img {
        max-width: 70px !important;
        max-height: 50px !important;
    }

#dvHiddenThumbnailPreview img {
    max-width: 100%;
}

#dvHiddenThumbnailIMPreview img {
    max-height: 500px;
}

.clsPODCategorySelect {
    min-height: 25px;
    font-size: 13px;
}


.overlay-field {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

    .overlay-field + .overlay-field {
        margin-top: 10px;
    }

    .overlay-field h4 {
        font-size: 17px;
        color: #1e7103;
        line-height: normal;
        padding: 0 0 8px;
        margin-bottom: 0;
    }

    .overlay-field label {
        font-size: 13px;
        margin-bottom: 7px;
    }

.dv-flex {
    display: flex !important;
    margin: 0 -5px;
    align-items: center;
}

    .dv-flex > div {
        margin: 0 5px !important;
    }

        .dv-flex > div.form-group {
            margin-bottom: 5px !important;
        }



    .dv-flex .block-color {
        margin: 0 0 5px auto !important;
    }

.slider-input {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 10px;
    min-height: 10px !important;
}

    .slider-input:hover {
        opacity: 1;
    }

    .slider-input::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 15px;
        height: 15px;
        background: #2d8835;
        cursor: pointer;
        border-radius: 100%;
    }

    .slider-input::-moz-range-thumb {
        width: 15px;
        height: 15px;
        background: #2d8835;
        cursor: pointer;
        border-radius: 100%;
    }

#tblMyImagesGrid tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

    #tblMyImagesGrid tr + tr {
        margin-top: 20px;
    }

    #tblMyImagesGrid tr td {
        padding: 20px 0;
        box-sizing: border-box;
        position: relative;
        width: calc(25% - 15px);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

#tblMyImagesGrid .box_header_tree {
    padding: 0 10px;
    margin: 0;
    margin-top: 10px;
}

    #tblMyImagesGrid .box_header_tree a, #tblMyImagesGrid .box_header_tree button {
        line-height: normal;
        margin: 0;
        vertical-align: baseline;
        display: inline-block;
        padding: 5px 12px;
    }
div#tblMyImagesGrid.gridTable #tblSearchGrid .box_header_tree {
    margin: 0 0 10px !important;
}

div#tblMyImagesGrid.gridTable #tblSearchGrid .assetlist-tab {
    width: 100%;
    padding: 0;
    border: none;
}

div#tblMyImagesGrid.gridTable #tblSearchGrid .wraptocenter {
    background: #f9f9f9;
    min-width: 90%;
    border-radius: 4px;
    line-height: 210px;
    margin-bottom: 15px;
    padding: 10px;
}

    div#tblMyImagesGrid.gridTable #tblSearchGrid .wraptocenter img {
        max-height: 100%;
    }
#tblMyImagesGrid > table, .tblLibraryGrid {
    width: 100%;
}
    .tblLibraryGrid .pos-temp-action:before, .tblLibraryGrid .pos-temp-action:after {
        display: none;
    }
    .tblLibraryGrid .v_checkboxMain span {
        left: auto;
        right: 0px;
        top: 20px;
    }

        .tblLibraryGrid .v_checkboxMain span:before {
            background: #ddd;
        }
    .tblLibraryGrid .v_checkboxMain {
    background:rgba(255,255,255,0.5);
}
/*================================ Social loader =========================*/
.social-loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0,0,0,0.7);
    justify-content: center;
    align-items: center;
    display: none;
}

    .social-loader.show {
        display: flex;
    }

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 8px solid #fff;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #fff transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/*==================================================================*/
.dropdown-menu > .active > a {
    color: #367c2b !important;
}

.selectOptionRow .dropdown-menu a label {
    color: #222;
}

.multiselect-container > li > a.multiselect-all label {
    font-weight: 600 !important;
}

.open > .dropdown-menu {
    overflow-y: auto;
    max-height: 250px;
    display: block;
}

.open > .dropdown-menu {
    padding: 0;
}

    .open > .dropdown-menu li {
        padding: 10px;
        margin: 0;
    }

        .open > .dropdown-menu li + li {
            border-top: 1px dashed #ddd;
        }

        .open > .dropdown-menu li:hover {
            background: #f2f2f2;
        }

.multiselect-container.dropdown-menu li label {
    position: relative;
}

#divReport.pos-temp-block {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

.multiselect-container.dropdown-menu a:focus {
    outline: none;
}

.multiselect-container.dropdown-menu input {
    width: 15px;
    height: 15px;
    opacity: 1;
    margin: 0;
    left: 10px;
    top: 5px;
}

.dv-flex .checkbox label {
    line-height: 18px;
    padding-left: 26px;
}

.dv-flex .checkbox {
    min-width: 60px;
}

table#tblGrid .column4 {
    width: 100%;
    padding: 0 0 15px;
}

.innerCont #tblGrid td .column4 {
    max-width: 350px;
}

.treedata1 .column8.half-top {
    width: calc(100% - 300px);
}

.select-btnblock {
    float: left;
    width: 100%;
    padding: 10px 10px 13px;
    margin: 10px 0 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.modal-body.socialBuilerModalBody {
    min-height: 500px;
    max-height: 650px;
    overflow-y: auto;
}

.btn-addtext {
    display: inline-block;
    width: 100%;
    color: #333;
    margin: 10px 0 5px;
}

    .btn-addtext:hover {
        color: #4b9519;
    }

    .btn-addtext img {
        float: right;
        margin-top: -10px;
    }

.disabledLink {
    opacity: 0.4 !important;
    pointer-events: none;
    cursor: none !important;
}

.overlay-field:first-child .dv-flex {
    background: #f2f2f2;
    padding: 5px;
    border: 1px solid #ddd;
    width: 100%;
    margin: 0 auto;
}

.overlay-field .checkbox input {
    position: relative;
    opacity: 1 !important;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px;
    top: -1px;
}

.overlay-field .checkbox label {
    display: inline-block;
    padding: 0;
}

    .overlay-field .checkbox label:before, .overlay-field .checkbox label:after {
        display: none;
    }

div#dvColorGradient label {
    width: 100%;
}


#tblAdzoneDetailReport {
    min-width: 100%;
    margin-top: 40px;
}

.top-search-block.top-search-inline {
    padding: 15px !important;
}

    .top-search-block.top-search-inline .listcontainer {
        background: #fff;
        min-width: 100%;
        max-width: 100%;
    }

    .top-search-block.top-search-inline .search-btn-group {
        display: inline-block !important;
        width: 100%;
        position: relative;
        float: left;
        top: 0;
        right: 0;
        text-align: right;
        border-top: 1px dashed #ccc;
        margin-top: 10px;
    }

        .top-search-block.top-search-inline .search-btn-group .btn {
            margin-left: 10px;
        }

    .top-search-block.top-search-inline .hasDatepicker {
        min-width: 100%;
    }

    .top-search-block.top-search-inline .col-sm-1 {
        width: 12%;
    }

.reportListingRow {
    float: left;
    width: 100%;
    padding: 10px 15px;
}

.reportListing {
    line-height: 3;
    float: left;
    width: 100%;
    font-size: 18px;
}

.reportTitle1 {
    float: left;
    width: 100%;
    font-size: 24px;
    text-align: left !important;
    line-height: normal;
}

.reportFlexRow {
    margin-left: -15px;
    width: calc(100% + 30px);
    display: flex;
    flex-wrap: wrap;
}

.reportCol_listing {
    margin: 10px 15px;
    float: left;
    width: calc(33.33% - 30px);
}

.reportsMainListing .reportListingRow .reportListing + .reportListing {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px dashed #ccc;
}

.reportsMainListing .reportListingRow .reportListing .reportFlexRow .reportCol_listing a {
    float: left;
    display: -webkit-box;
    font-size: 16px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #616161;
}

    .reportsMainListing .reportListingRow .reportListing .reportFlexRow .reportCol_listing a .fa {
        width: 30px;
        height: 30px;
        float: left;
        -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;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        border-radius: 4px;
        margin-right: 10px;
        background-color: #f2f2f2;
        color: #7c7c7c;
    }

.reportsMainListing .reportListingRow .reportListing .reportFlexRow .reportCol_listing:hover a .fa {
    background-color: #e3e3e3;
    color: #585858;
}

.clsCCE .reportsMainListing .reportListingRow .reportListing .reportFlexRow .reportCol_listing:hover a .fa {
    color: #111;
}

.download-opt .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 5px 0 #00000020;
    border-radius: 5px;
}

.social-btngroup .download-opt .dropdown-menu {
    bottom: 100%;
    top: auto;
}

    .social-btngroup .download-opt .dropdown-menu li {
        padding: 5px !important;
    }

.download-opt {
    position: relative;
    display: flex;
}

    .download-opt .dropdown-menu a {
        border: none;
        background: no-repeat;
        padding: 4px 8px !important;
        display: inline-block;
        width: 100%;
        text-align: left;
        margin: 0;
        border-radius: 0;
    }

    .download-opt .dropdown-menu li {
        margin: 0;
    }

        .download-opt .dropdown-menu li + li {
            border-top: 1px solid #ddd;
        }

    .download-opt .dropdown-menu a:hover {
        color: #1b6f00;
    }

.toggle-editcontent .alert-block.alert-info {
    display: inline-block;
}

.editor-modal {
    position: fixed !important;
}

#SortAlphabetize {
    float: right;
    position: relative;
    top: 10px;
    cursor: pointer;
}

.side-sortingtree .treenav-sublist {
    float: right;
}

.side-sortingtree .treeImgBtn {
    float: right;
    margin-left: 3px;
    position: relative;
    top: 3px;
}

.side-sortingtree .customCheckbox {
    width: 16px !important;
}

.side-sortingtree ul#TreeSortable {
    position: relative;
}


.side-sortingtree .customCheckbox {
    width: 16px !important;
}

.side-sortingtree ul#TreeSortable {
    position: relative;
}

.custom-sorting {
    float: right;
    display: flex;
    flex-direction: column;
    position: relative;
    top: 11px;
    font-size: 1.2rem;
}

    .custom-sorting a {
        cursor: pointer;
        color: #777;
        position: absolute;
        left: 0;
        top: 0;
    }

    .custom-sorting .sorting-up {
        display: none;
    }

    .custom-sorting.active-down .sorting-down {
        display: none;
    }

    .custom-sorting.active-down .sorting-up {
        display: block;
    }

.full-grayblock {
    display: inline-block;
    width: 100%;
    background: #f6f6f6;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #ddd;
}

    .full-grayblock input {
        margin: 0;
        border-radius: 3px;
    }

.dataTables_wrapper .dataTables_length {
    margin: 3px 0 2px 0;
}

table.table-custom.dataTable {
    margin-bottom: 10px;
}

.dataTables_wrapper .justify-content-between .align-items-center {
    display: flex;
    gap: .5rem;
}

.dataTables_wrapper .justify-content-between {
    display: flex;
    width: 100%;
}

    .dataTables_wrapper .justify-content-between .align-items-center select {
        border-color: #ccc;
    }

.single-label input {
    position: relative;
    margin-right: 3px;
    top: 2px;
}

.single-label {
    position: relative;
    top: 15px;
}

.moduleHeaderText {
    margin: 0 0 20px;
    font-size: 1.2rem;
    color: #444;
    font-weight: 600;
}

    .moduleHeaderText b {
        font-weight: normal;
    }

.top-search-block.top-search-inline .search-btn-group .btn {
    margin-top: 10px;
}

.form-group.no-label {
    position: relative;
    margin-top: 28px;
    display: flex;
    align-items: center;
}

    .form-group.no-label input {
        vertical-align: middle;
        margin: 0 3px 0 0;
    }

    .form-group.no-label label {
        margin: 0;
    }

.pos-temp-title .ErrorMsg {
    float: left;
    margin: 10px 0 5px;
    padding: 2px 5px !important;
    width: 40%;
}

.cal-block {
    display: flex;
    width: 100%;
    align-items: center;
}

    .cal-block input {
        flex: 1;
        width: 100% !important;
        padding: 6px !important;
        height: 29px;
    }

.top-search-block .row {
    width: 100%;
    margin: 0;
}

.top-search-block.top-search-inline label {
    margin-bottom: 5px;
    font-size: 13px;
    color: #333;
}

.top-search-block.top-search-inline input ~ label {
    margin-bottom: 0;
}

.top-search-block input[type="text"], .top-search-block .hasDatepick {
    margin-bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 3px 10px;
    min-height: 33px;
}

.top-search-block, .top-search-block * {
    box-sizing: border-box;
}

    .top-search-block select {
        width: 100%;
    }

.listtype-cot .pos-temp-title {
    display: inline-block;
    width: calc(100% - 20px);
    margin-bottom: 15px;
    position: relative;
    margin-left: 0;
}

    .listtype-cot .pos-temp-title h3 {
        float: left;
        margin: 15px 0 0;
        padding-bottom: 0;
        font-size: 1.1rem;
        color: #222;
        position: relative;
        padding-left: 5px;
    }

.listtype-cot .top-search-block {
    background: #f7f7f7;
    border: 1px solid #d8d8d8;
    margin: 0 10px;
    padding: 15px 10px 10px;
    display: inline-block;
    width: calc(100% - 20px);
    padding-right: 180px;
    position: relative;
    margin-bottom: 30px;
}

    .listtype-cot .top-search-block div[class*="col-"] {
        padding: 0 5px;
        width: 60%;
    }

    .listtype-cot .top-search-block label {
        font-weight: normal;
        width: 120px;
        display: inline-block;
        margin-right: 20px;
        font-size: 15px;
        vertical-align: top;
        position: relative;
        top: 9px;
    }

    .listtype-cot .top-search-block .side-group {
        display: inline-block;
        width: calc(100% - 150px);
    }

    .listtype-cot .top-search-block .form-group {
        width: 100%;
        display: inline-block;
    }

.listtype-cot .form-group span#lblLogoNamelen {
    position: absolute;
    top: 10px;
    width: 210px;
    left: 100%;
}

.listtype-cot .btn-group-l {
    width: 100%;
    display: inline-block;
    padding: 5px 0 5px 150px;
}

    .listtype-cot .btn-group-l .btn {
        padding: 2px 30px;
    }

.listtype-cot .label-desc-block {
    width: 35%;
    float: left;
    padding: 10px 15px;
    color: #2d8835;
}


.listtype-cot .dropzone i {
    opacity: 0.5;
}

.ac-dn-cot {
    position: fixed;
    z-index: 9;
    left: 0;
    width: 100%;
    height: 100%;
    background: #eee;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


.ac-dn-tab {
    display: flex;
    background: #fffdf8;
    border-radius: 4px;
    box-shadow: 5px 5px 30px 0 #00000030;
    padding: 40px;
}

    .ac-dn-tab img {
        width: 100px;
        margin-right: 60px;
    }

    .ac-dn-tab h2 {
        text-transform: uppercase;
        margin-top: 0;
    }

.ac-content p {
    margin: 0 0 5px;
}

.ac-dn-tab span {
    font-weight: bold;
    color: green;
}

.ac-dn-tab a {
    border: 1px solid #2b8334;
    padding: 8px 15px;
    display: inline-block;
    margin: 15px 0 0;
    text-decoration: none;
    color: #2b8334;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}

    .ac-dn-tab a:hover {
        color: #fff;
        background: #2b8334;
    }

.clsEquipFeath .qnt-block {
    margin-bottom: 0px;
}

.clsEquipFeath .epmnt-tab {
    margin: 5px 0 0;
}

.clsEquipFeath {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.clsEquipFeathPrice p {
    margin-bottom: 45px;
}

.clsEquipFeathPrice select {
    margin-bottom: 41px;
}

#dvWhatsNewContent #dvdate .pull-left {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    color: #111;
    font-size: 14px;
}

    #dvWhatsNewContent #dvdate .pull-left .turndisplaytext {
        margin-top: 0;
    }

#dvWhatsNewContent #dvdate {
    margin: 0 0 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

    #dvWhatsNewContent #dvdate .pull-right {
        width: 100%;
        margin: 10px 0 0;
    }

    #dvWhatsNewContent #dvdate .addDate {
        text-align: left;
    }

    #dvWhatsNewContent #dvdate .guideFileData {
        float: right;
        width: auto;
        position: relative;
        top: -4px;
        z-index: 2;
    }

        #dvWhatsNewContent #dvdate .guideFileData a {
            border: 1px solid;
            color: green;
            padding: 2px 10px;
            border-radius: 5px;
            cursor: pointer;
            display: inline-block;
        }

    #dvWhatsNewContent #dvdate .pull-left input {
        margin-right: 5px;
    }

.bulkblock-wrapper {
    float: right;
    margin-right: 20px;
    margin-top: 7px;
    padding-bottom: 10px;
}

.bulk-btngroup {
    float: left;
    margin: -6px 0 10px;
}

    .bulk-btngroup .btn {
        padding: 5px 10px;
        margin-left: 5px;
        line-height: normal;
    }

        .bulk-btngroup .btn i {
            margin-right: 5px;
            font-size: 12px;
        }

.bulkblock-wrapper ul li i {
    font-size: 12px;
}

.bulk-btngroup.bulkDL-btn {
    margin: 0;
}

.closeBulkPopup {
    float: right;
    border: none;
    background: no-repeat;
    cursor: pointer;
    font-size: 14px !important;
}

    .closeBulkPopup:focus {
        background: none;
        outline: none;
        border: none;
    }

.left-sidenav.popupddlChkbox {
    width: 280px;
    margin-right: 20px;
    background: #fbfbfb;
    border: 1px solid #ddd;
}

.popupddlChkbox .sidenav-tab {
    padding: 10px;
    word-break: break-word;
}

div#AssetBulkEdit .column3 {
    min-width: 150px;
    text-align: left;
}

.left-sidenav.popupddlChkbox ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.popupddlChkbox .sidenav-tab {
    padding: 10px;
    word-break: break-word;
    overflow-y: auto;
    max-height: 450px;
}

div#AssetBulkEdit .column3 {
    min-width: 150px;
    text-align: left;
}

.modal-assetedit .btn-group {
    width: 100%;
    float: left;
    margin: 20px 0 0;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    text-align: right;
}

.btn-group .btn {
    padding: 5px 20px;
    height: auto !important;
    margin-left: 5px;
}

.full-sidenav {
    overflow: visible !important;
    box-sizing: border-box;
}



.modal-assetedit .listcontainer .labelforclass {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin: 7px 0;
}

    .modal-assetedit .listcontainer .labelforclass input {
        margin: 0 5px 0 5px;
    }

.modal-assetedit .toggle-treelistPopup {
    top: 2px !important;
}

.modal-assetedit input.hasDatepick {
    max-width: calc(100% - 50px);
}

.column8.half-top .SuccessMsg {
    margin: -10px 10px 10px;
    width: calc(100% + 20px);
}



div#dvGridMyImages {
    display: inline-block;
    width: 100%;
}

.clsModalBulk .modal-dialog {
    width: 540px;
}

.dvright select {
    min-height: 28px;
    padding-top: 5px;
}

div#dataUploadDate td {
    display: inline-block;
    width: auto;
    padding: 0 !important;
}

    div#dataUploadDate td input {
        border: 1px solid #ccc !important;
        margin: 0 15px 0 5px;
        border-radius: 2px;
    }

.btn-rightgroup {
    float: right;
    margin: 0 20px 20px 0;
}

.hide-imp {
    display: none !important;
}

.column8 .inner-errormsg {
    margin: -10px 0 10px !important;
    width: calc(100% + 10px);
    max-width: calc(100% + 10px) !important;
}

#BulkEditModal .left-sidenav.popupddlChkbox {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#BulkEditModal .popupddlChkbox .sidenav-tab {
    flex: 1;
    max-height: 100%;
    width: 100%;
}

    #BulkEditModal .popupddlChkbox .sidenav-tab .checkbox {
        width: calc(100% - 40px);
    }

.clsPodSizeSpan {
    padding: 3px 5px;
    position: absolute;
    left: 40px;
    top: 11px;
    color: #2c2c2c;
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px solid #2d8835;
    max-width: 80%;
}

.clsDescTextSlider {
    border-bottom: 1px dashed #ccc;
    padding: 10px 0;
    font-family: 'jd_sansmedium';
    display: inline-block;
    width: 100%;
    margin-bottom: 5px !important;
}

.left-sidenav .sidenav-tab .treenav-list {
    max-height: 100%;
}

.topdate-block.clsCalendarType {
    width: 20%;
}

.sideBtn {
    float: right;
    margin: 0 10px;
}

.btnCustomTree {
    width: 100%;
    text-align: center;
    display: block;
    margin: 0 0 10px;
    font-size: 0.9rem;
    padding: 9px 5px;
}


.alert-full {
    margin-bottom: 10px;
}

    .alert-full ul {
        list-style: disc;
        padding-left: 20px;
        margin-bottom: 0;
    }

        .alert-full ul li {
            margin-bottom: 5px;
            line-height: 14px;
        }

.sameLine td {
    padding: 2px 5px;
}

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

.form-select, .form-control {
    font-size: 14px;
}

select.form-control {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    color: #777;
    padding-right: 30px;
}

.btnFlexFill {
    flex: 1;
}

    .btnFlexFill.text-right {
        text-align: right;
    }

/* ======= Adzone 101 ========*/
#dvquestion > ul.drop-padding {
    color: black;
    cursor: pointer;
    list-style: none;
}

    #dvquestion > ul.drop-padding > li a {
        position: relative;
        padding-left: 20px;
        display: inline-block;
        width: 100%;
        color: #333;
    }

#dvquestion ul.children {
    display: none;
    padding-top: 10px;
}

    #dvquestion ul.children p {
        font-size: 12px;
    }

#dvquestion > ul.drop-padding > li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 0;
    height: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 9px solid #666;
    transform: rotate(90deg);
    transition: all 0.3s ease-in-out;
}

div#dvFaqReq {
    padding: 20px 40px 10px;
    box-sizing: border-box;
}

.faq-heading h4 {
    display: inline-block;
    width: auto;
    color: #333;
    margin: 0;
    font-size: 17px;
    line-height: 16px;
    font-weight: bold;
}

.faq-heading {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

#dvAssetReq label.error {
    color: #dc4848;
    font-size: 13px;
    margin: 1px 1px 0;
}

.top-search-block .listCotLabel {
    width: calc(100% - 150px);
    float: none;
    display: inline-block;
}

.columnWithSide {
    width: calc(100% - 400px);
    float: right;
    margin: 10px 0 0 !important;
}

.assetlist-cot > table {
    width: 100%;
}

.columnWithSide .assetlist-cot > table .column4 {
    width: 100%;
    margin-bottom: 3px;
    border: none;
}

.columnWithSide .assetlist-cot > table .assetlist-tab .btn {
    min-height: 30px;
}

.wrapper-pos table td {
    font-size: 14px;
    word-break: break-word;
}

#dvGridMyAdd table.Grid tbody tr td a img {
    min-width: 25px;
    min-height: 25px;
}

img#imgDuplicateImage {
    border: 1px solid #ddd;
}

.deliverInputs select {
    margin-bottom: 10px !important;
}

.dvContent .txtboxsearch.clearDeliver {
    margin-bottom: 5px !important;
}

#colorbox div#dvContent {
    /*max-height: 500px;*/
    overflow-y: auto;
}

.hrightBlock .ui-widget-content a.btn {
    color: #fff;
}

#dvWhatsNewContent .modal-dialog {
    width: 700px;
}

.dropzone .dz-preview .dz-progress .dz-upload {
    font-size: 13px !important;
}

#dvhiddenDuplicateAdPopup #dvDuplicateAdErrorMsg {
    float: none !important;
}

.accAdBlock .row {
    margin: 5px 0 0;
    display: inline-block;
    width: 100%;
    padding: 5px;
}

    .accAdBlock .row textarea {
        min-width: 100%;
    }

.dataTables_scroll table.table.table-custom th {
    min-width: 130px;
}

.alertBlock {
    background: #D4554C;
    color: #fff !important;
    margin: 10px 0;
    position: relative;
    border-radius: 5px;
}

    .alertBlock ol {
        list-style: disc outside;
        margin: 0;
        padding-left: 25px;
    }

        .alertBlock ol li {
            display: list-item;
            margin: 2px 0;
            padding: 2px;
        }

.pos-table-cot b {
    font-weight: bold;
}
/* =========== contact use ===========*/
.contactusRow * {
    box-sizing: border-box;
}

.pageTitle {
    float: left;
    width: 100%;
    margin: 20px 0 20px;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 0;
    font-weight: 600;
}

    .pageTitle b {
        font-weight: 600;
    }

    .pageTitle .titleSub {
        font-size: 1rem;
        display: block;
        margin-top: 6px;
        color: #555;
        margin-bottom: 5px;
    }

.contactusRow a {
    color: var(--primary-color-text);
}

.contactusRow {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 20px;
    gap: 20px;
    margin-top: 10px;
}

    .contactusRow .contactusCol {
        float: left;
        flex: 1;
        width: calc(33.33% - 20px);
        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-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border: 1px solid #ddd;
        border-radius: 6px;
        padding: 10px 0 0;
    }

        .contactusRow .contactusCol.contactColAlign {
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

.headingTitle {
    float: left;
    width: 100%;
    padding: 7px 15px;
    text-align: center;
    color: #222;
    line-height: 1.2;
    font-weight: 600;
}

.contactusRow .contactusCol .headingTitle {
    font-size: 1rem;
}

.contactusRow .contactusCol .contactCont {
    float: left;
    width: 100%;
    -webkit-flex: 1 0 0;
    -webkit-box-flex: 1 0 0;
    -moz-box-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    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;
    background-color: #fff;
    padding: 20px 15px;
}

    .contactusRow .contactusCol .contactCont .span-lr-25 {
        padding: 0 25px;
    }

    .contactusRow .contactusCol .contactCont .chatRow {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .contactusRow .contactusCol .contactCont.aligncenter .chatNow {
        float: left;
    }

        .contactusRow .contactusCol .contactCont.aligncenter .chatNow a {
            float: left;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -moz-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            color: var(--primary-color-text);
            font-size: 1.2rem;
            margin-top: -20px;
        }

            .contactusRow .contactusCol .contactCont.aligncenter .chatNow a .liveChat {
                margin-right: 20px;
                float: right;
            }

            .contactusRow .contactusCol .contactCont.aligncenter .chatNow a i {
                color: #444;
                font-size: 2.5rem;
            }

    .contactusRow .contactusCol .contactCont .chatRow .form-group {
        float: left;
        width: 100%;
    }

    .contactusRow .contactusCol .contactCont .chatRow label {
        float: left;
        margin: 0;
        width: 80px;
    }

    .contactusRow .contactusCol .contactCont .chatRow .fieldGroup {
        float: left;
        width: calc(100% - 80px);
    }

    .contactusRow .contactusCol .contactCont.aligncenter {
        -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;
    }

    .contactusRow .contactusCol .contactCont textarea {
        -webkit-flex: 1 0 0;
        -webkit-box-flex: 1 0 0;
        -moz-box-flex: 1 0 0;
        -ms-flex: 1 0 0;
        flex: 1 0 0;
        border: none;
        border-radius: 0px;
        outline: none;
        box-shadow: none;
        min-height: 90px;
        border: 1px solid #ced4da;
        min-width: 100%;
    }

.moreDetail {
    float: left;
    width: 100%;
    margin-top: 35px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.contactCont .ErrorMsg {
    margin: 0 0 10px;
    max-width: 100% !important;
    font-weight: normal;
    left: 0;
    width: 100%;
}

.contactusRow .contactusCol .contactCont .contAddress {
    float: left;
    width: 100%;
}

.contactusRow .contactusCol .contactCont .contAddress {
    float: left;
    width: 100%;
}

    .contactusRow .contactusCol .contactCont .contAddress .imgIcon {
        float: left;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        background-color: #fff;
        color: #fff;
        font-size: 0.8rem;
        margin-top: -3px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 2px;
        border: 1px solid #444;
    }


        .contactusRow .contactusCol .contactCont .contAddress .imgIcon .fa, .contactusRow .contactusCol .contactCont .contAddress .imgIcon .fa {
            color: #444;
        }

.contactusRow .contactusCol .contactCont .moreDetail {
    margin-top: 15px;
}

.contactusRow .contactusCol .contactCont .contAddress .imgContent {
    float: left;
    width: calc(100% - 35px);
    padding-left: 25px;
}

    .contactusRow .contactusCol .contactCont .contAddress .imgContent h6 {
        font-size: 1.1rem;
        margin-bottom: 5px;
    }

.form-control.select-full {
    width: 100%;
}

.pagedisplay {
    min-width: 60px;
}

*[disabled]:not(.btn) {
    opacity: 0.7 !important;
    background: #f2f2f2 !important;
    cursor: not-allowed !important;
}

#frmassetreq .row {
    float: left;
    width: 50%;
    margin: 10px 0;
    position: relative;
}

    #frmassetreq .row:first-child {
        display: none;
    }

    #frmassetreq .row .column3 {
        margin-bottom: 10px;
        min-width: 100%;
    }

    #frmassetreq .row ul label {
        font-weight: normal;
    }

        #frmassetreq .row ul label input {
            margin-right: 3px;
            vertical-align: middle;
        }

    #frmassetreq .row ul li {
        margin-right: 10px;
    }

    #frmassetreq .row .column3 label.error {
        position: absolute;
        bottom: -5px;
    }

.listcontainer label.labelclass {
    font-weight: normal;
}

/*  Don't delete below used for reference for loadrtr preview */
/*.upload-desc label {
	padding-left: 30px !important;
	position: relative;
}

	.upload-desc label i {
		position: absolute;
		left: 0;
		font-size: 15px;
		top: calc(50% - 7px);
	}*/
.assetimg-block canvas.bttrlazyloading-clone {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}


#featured p.box_header_tree {
    min-width: 100%;
}

.localDropBlocked select {
    padding-right: 0px;
}

.localDropBlocked {
    position: relative;
}

    .localDropBlocked:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        cursor: not-allowed;
        z-index: 1;
    }

.upldText {
    text-align: left;
    width: 100%;
    float: left;
    margin-top: 15px;
    font-size: 14px;
    color: red;
}

.feedbackFilter select {
    max-width: 120px;
}

.feedbackFilter .label_name {
    padding-right: 5px;
    width: auto;
    min-width: 80px;
}

.modal-dialog.vertical-align-center .close {
    top: 0 !important;
}

body .ui-tooltip.ui-widget {
    border-width: 2px;
    background: #333333;
    box-shadow: none;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #777;
    margin-top: -10px;
    font-size: 0.8rem;
    color: #fff;
}

.ui-tooltip .ui-tooltip-content {
    max-width: 180px;
    white-space: pre-line;
}
/*body .ui-tooltip:before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	left: calc(50% - 3px);
	top: -7px;
	border-bottom: 7px solid #333;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
}*/
span.posTemplateSize {
    float: right;
    min-width: auto;
}

.libNotify {
    display: inline-block;
    width: 100%;
    padding: 15px 25px;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin: 20px 0 10px;
}

    .libNotify h4, .libNotify h5 {
        font-size: 18px;
        font-weight: 500;
        color: #222;
    }

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

ul.listDetail li {
    display: flex;
    margin: 12px 0;
    align-items: center;
}

    ul.listDetail li label {
        font-size: 0.9rem;
        margin: 0;
        font-weight: normal;
    }

    ul.listDetail li span {
        width: 140px;
        font-weight: bold;
    }


.libNotify hr {
    border: none;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    width: 100%;
    margin: 20px 0;
    opacity: 1;
    background: none;
}


.listInline {
    display: flex;
    gap: 15px;
    width: 100%;
    margin: 10px 0 30px;
    flex-direction: column;
    max-height: 100px;
    flex-wrap: wrap;
}

    .listInline li {
        position: relative;
        padding-left: 15px;
    }

        .listInline li:before {
            content: '';
            position: absolute;
            left: 1px;
            top: 6px;
            width: 6px;
            height: 6px;
            background: #333;
            opacity: 0.8;
            border-radius: 100%;
        }

.libNotify p a {
    text-decoration: underline;
}

    .libNotify p a:hover {
        text-decoration: underline;
        color: #111;
    }

.noSub span {
    margin-bottom: 20px;
    font-size: 1rem;
    font-weight: normal;
    color: #d00303;
    padding: 10px;
    border: 1px dashed;
    display: inline-block;
    border-radius: 4px;
}

.moduleTabing.ui-tabs .ui-tabs-nav li {
    margin: 1px 5px 0 0;
    height: auto;
    line-height: normal !important;
    flex: auto;
}

.moduleTabing.ui-tabs .ui-tabs-panel {
    border: none !important;
}

.faqContent .collapse:not(.show) {
    display: none;
}

.faqContent .collapse.in {
    display: block;
}

.faqContent .accordion-body img.pull-right {
    padding-left: 40px;
}

.faqBlock {
    display: flex;
    width: calc(100% - 80px);
    flex-wrap: wrap;
    padding: 30px 40px 30px;
    margin: 20px 40px 20px;
}

.faqTitle {
    width: 350px;
    padding-right: 20px;
}

.faqContent {
    flex: 1;
    max-width: calc(100% - 350px);
}

    .faqContent .accordion-button.collapsed, .faqContent .accordion-button {
        border: none;
        background: none;
        box-shadow: none;
        color: #333;
        padding: 5px;
        font-size: 18px;
        font-weight: 500;
    }

    .faqContent
    .accordion-item {
        border: none;
    }

    .faqContent .accordion-button:after {
        display: none;
    }

    .faqContent .accordion-button {
        color: #367C2B;
        margin-bottom: 5px;
    }

    .faqContent .accordion-body {
        padding: 5px;
    }

.faqBlock + .faqBlock {
    border-top: 1px dashed #ddd;
}

.faqContent .accordion-item + .accordion-item {
    margin-top: 10px;
}

.faqTitle h4 {
    margin-bottom: 0;
    font-weight: bold;
    color: #367C2B;
    margin-top: 5px;
    line-height: normal;
}

.faqContent .accordion-body {
    padding: 5px;
    color: #222;
}

    .faqContent .accordion-body p {
        color: #222;
        line-height: 22px;
    }

    .faqContent .accordion-body ul li {
        position: relative;
        margin: 10px 0;
        padding-left: 20px;
    }

    .faqContent .accordion-body ul {
        margin: 20px 0;
        padding-left: 20px;
    }

        .faqContent .accordion-body ul li:before {
            content: '';
            position: absolute;
            left: 0;
            width: 8px;
            height: 8px;
            border-radius: 100%;
            background: #424242;
            opacity: 0.4;
            top: 6px;
        }

    .faqContent .accordion-body table {
        border-collapse: collapse;
    }

        .faqContent .accordion-body table td {
            border: 1px solid #aaa;
            padding: 10px;
        }

    .faqContent .accordion-body .accordion-button {
        font-size: 0.95rem;
        font-weight: bold;
        margin-bottom: 0;
    }

    .faqContent .accordion-body .accordion-item {
        padding-left: 15px;
    }

.accordion-body img {
    margin: 10px auto;
    display: block;
    max-height: 260px;
}

.top-search-block .select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc !important;
    min-height: 33px;
}

.top-search-block .select2-container--default .select2-selection__rendered li {
    margin-bottom: 0;
}

.dealershipWrapper table {
    min-width: 100%;
}

.dvAssignDealers #btnSelectDealer {
    margin: -10px 0 10px;
}

.MarketingManagerWrapper .alert {
    display: inline-block;
    width: 100%;
    padding: 10px;
    font-size: 13px;
    background: #ddd;
    color: #222;
}

.customTable {
    border: 1px solid #ccc;
    max-width: 100%;
}

.dealershipWrapper .customTable th, .dealershipWrapper .customTable td {
    background: #fff !important;
    color: #333 !important;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
}

.clsFooter .container {
    position: relative;
}

.viewAllBlock {
    position: absolute;
    right: 20px;
    top: 3px;
}

    .viewAllBlock select {
        max-width: 150px;
        padding: 5px 15px 5px 10px;
        height: auto;
        background-color: #f1f1f1;
        border: 1px solid #ccc;
        border-radius: 5px;
        background-position: calc(100% - 5px);
        width: auto !important;
        color: #222 !important;
    }

        .viewAllBlock select:focus {
            outline: none;
            border-color: #ccc;
        }

@media screen and (max-width:1600px) {
    #chat-widget-container {
        bottom: -15px !important;
    }
}

.posCartCot {
    padding: 10px 0 !important;
}

    .posCartCot .inner-title-cot h2 {
        font-size: 24px;
        font-weight: 600;
    }

    .posCartCot .tab-content, .navTabCot .tab-content {
        background: #fff;
        display: inline-block;
        padding: 20px;
        width: 100%;
    }

    .posCartCot .nav.nav-tabs, .navTabCot .nav.nav-tabs {
        margin-top: 30px;
        border: none;
        background: #fff;
        border-radius: 0.5rem 0.5rem 0 0;
        overflow: hidden;
        border-bottom: 1px solid #ddd;
    }

    .posCartCot .nav-item .nav-link, .navTabCot .nav-item .nav-link {
        padding: 1rem 1.2rem !important;
        width: auto !important;
        background: #fff !important;
        border: none !important;
        color: rgb(118, 118, 118);
        font-weight: 500;
        position: relative;
        margin: 0;
    }

.clsCCE .posCartCot .nav-item .nav-link, .navTabCot .nav-item .nav-link {
    color: #111;
}


.posCartCot .nav-item.active .nav-link, .navTabCot .nav-item.active .nav-link {
    background: #fff;
    position: relative;
}

.posCartCot .nav-item, .navTabCot .nav-item {
    margin: 0;
}

    .posCartCot .nav-item.active, .navTabCot .nav-item.active {
        position: relative;
        z-index: 1;
    }

    .posCartCot .nav-item .nav-link:before, .navTabCot .nav-item .nav-link:before {
        content: "";
        display: block;
        height: 3px;
        width: 100%;
        position: absolute;
        border-top-left-radius: 1px;
        border-top-right-radius: 1px;
        background-color: transparent;
        bottom: 0px;
        left: 0;
        border-radius: 0;
    }

    .posCartCot .nav-item.active .nav-link:before, .navTabCot .nav-item.active .nav-link:before {
        background-color: var(--primary-color);
    }

.cartDetailCot {
    display: flex;
    width: 100%;
    gap: 20px;
}

.cartAdrs {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.btn-text {
    text-decoration: underline;
}

    .btn-text:hover {
        color: var(--primary-color);
    }

table#tblMyAdGrid th, table#tblMyAdGrid td {
    word-break: keep-all !important;
    min-width: 80px;
    width: auto !important;
}

    table#tblMyAdGrid td a {
        white-space: nowrap;
    }

    table#tblMyAdGrid td.leftAlign.tdVertAlign, table#tblMyAdGrid td.leftAlign a.image-myAd-Class {
        white-space: unset !important;
        word-wrap: unset !important;
    }

    table#tblMyAdGrid td.leftAlign a.image-myAd-Class {
        white-space: unset !important;
        word-wrap: unset !important;
        min-width: 200px;
    }




.cartDwnWrap {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px 0;
}

.cartDwnBlock {
    flex: 1;
    border: 1px solid #ccc;
    width: 80%;
}

.cartDwnWrap .alert {
    width: 350px;
    DISPLAY: flex;
    align-items: flex-start;
    gap: 10px;
    background: #F2F6FC;
    border-color: #CADDF9;
}

    .cartDwnWrap .alert i {
        color: #025DB3;
        position: relative;
        top: 3px;
        font-size: 1.2rem;
    }

.cartDwnList li {
    border: none;
    padding: 20px;
    display: flex;
    gap: 15px;
    align-items: center;
    margin: 0;
}

    .cartDwnList li input {
        width: 20px;
        height: 20px;
        border: 1px solid #ccc;
        cursor: pointer;
        filter: hue-rotate(-70deg);
    }

    .cartDwnList li img {
        width: 90px;
        max-height: 90px;
    }

    .cartDwnList li .clsRemoveCartItem {
        margin-left: auto;
        cursor: pointer;
    }

    .cartDwnList li + li {
        border-top: 1px solid #ccc !important;
    }

.cartDwnBtn {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px;
    background: #F8F8F8;
    border-top: 1px solid #ccc;
    justify-content: center;
    gap: 10px;
}

    .cartDwnBtn .btn {
        padding: 8px 20px !important;
    }

.table-layout {
    table-layout: fixed;
}

    .table-layout tbody td {
        word-break: break-word;
    }

.posOrderCot, .billingCot {
    padding: 20px;
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.cartDetailCot h2 .btnRight {
    margin-left: auto;
    display: flex;
    gap: 5px;
    align-items: center;
}

    .cartDetailCot h2 .btnRight .btn {
        padding: 10px 15px;
    }

.btTableBtn tbody {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

    .btTableBtn tbody .btn {
        margin: 3px 0;
    }

table.btTableBtn .dropdown-toggle {
    background: var(--primary-color) !important;
    color: #fff !important;
}

/*    =========== Load RTR Preview block ===============*/

.dvPrvfileUpload td {
    position: relative;
}

    .dvPrvfileUpload td i {
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle;
    }

    .dvPrvfileUpload td label {
        display: inline-block;
        width: auto;
        max-width: calc(100% - 40px);
        vertical-align: middle;
    }

.dvPrvfileUpload td {
    color: #fff;
    border: none !important;
    background: #4B9519;
}

    .dvPrvfileUpload td a {
        color: #fff;
    }

.dvPrvfileUpload table {
    border-radius: 5px;
    overflow: hidden;
}

.clsCCE .dvPrvfileUpload td {
    background: #fed100;
    color: #111;
}
/*    ==========================================*/
.cotDesc {
    display: inline-block;
    padding: 5px 15px;
}

.topTitle {
    margin: 30px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 2rem;
}

    .topTitle h3 {
        margin: 0;
        font-size: 1.3rem;
        flex: 1;
        font-weight: 600;
        color: #333;
    }

.fullForm label {
    font-size: 0.9rem;
    margin-bottom: 8px;
}

.fullForm p {
    font-size: 0.9rem;
}

.fullForm .form-control {
    min-width: 100%;
    margin: 0;
    border: 1px solid rgb(179, 179, 179);
    background-color: white;
    min-height: 2.25rem;
    padding: calc(0.375rem - 1px) 10px;
    border-radius: 0.25rem;
    position: relative;
    font-size: 1rem;
}

table.tableCot {
    max-width: 100%;
    border: 1px solid #ddd !important;
    margin-bottom: 10px !important;
}

    table.tableCot thead th {
        background-color: #fff !important;
        color: #111 !important;
        padding: 15px !important;
        border-bottom: 1px solid #ddd !important;
    }

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 600;
}

table.tableCot tbody td {
    border-bottom: 1px solid #ddd;
    padding: 15px !important;
}

table.tableCot tbody tr:last-child td {
    border-bottom: none;
}

.textTitle {
    display: flex;
    margin: 10px 0 25px;
    width: 100%;
}

    .textTitle h3 {
        font-size: 22px;
        font-weight: 600;
    }

.modalCenter .modal-dialog {
    max-width: 100%;
}

.rightBtnGroup {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .rightBtnGroup .form-group {
        display: flex;
        gap: 15px;
        margin-right: 10px;
        align-items: center;
        padding-right: 10px;
        border-right: 1px dashed #ddd;
        margin: 0;
    }

        .rightBtnGroup .form-group input, .rightBtnGroup .form-group select {
            margin: 0;
            min-width: 150px;
        }

        .rightBtnGroup .form-group label {
            margin: 0;
            font-weight: normal;
            font-size: 1rem;
        }

    .rightBtnGroup .btn {
        padding: 6px 15px !important;
        white-space: nowrap;
    }

.btnIcon, .btnIcon:focus {
    border: none;
    background: none;
    padding: 0 5px;
    display: inline-block;
    color: #444;
    font-size: 1rem;
}

.checkboxFlex {
    display: flex;
    gap: 20px;
    align-items: center;
}

    .checkboxFlex label {
        padding-top: 4px;
    }

.modal-footer .btn + .btn {
    margin-bottom: .25rem !important;
}

.checkbox.tableCheckbox {
    float: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

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

        .checkbox.tableCheckbox .customRadio + label::before, .checkbox.tableCheckbox input[type=checkbox] + label::before {
            top: -9px;
            left: 5px;
            width: 17px;
            height: 17px;
        }

    .checkbox.tableCheckbox .customRadio:checked + label::after, .checkbox.tableCheckbox input[type=checkbox]:checked + label::after {
        top: -6px;
        left: 8px;
        font-size: 11px;
        color: var(--primary-color);
    }

    .checkbox.tableCheckbox .customRadio:checked + label::before, .checkbox.tableCheckbox input[type=checkbox]:checked + label::before {
        background: #fff;
    }

.TB_ajaxWindowTitle {
    max-width: calc(100% - 60px);
}

.adminViewWrapper {
    float: left;
    width: 100%;
    padding: 60px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .adminViewWrapper .adminViewContainer {
        float: left;
        width: 100%;
        max-width: 500px;
        padding: 30px 30px;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(160, 160, 160, 0.5);
        position: relative;
    }

        .adminViewWrapper .adminViewContainer h3 {
            float: left;
            width: 100%;
            margin-bottom: 30px;
            text-align: center;
            color: #222;
            font-weight: 600;
            font-size: 1.2rem;
        }

        .adminViewWrapper .adminViewContainer #dvMessage {
            position: absolute;
            top: -46px;
            left: 0;
            width: 100%;
            border-radius: 4px 4px 0 0;
        }

        .adminViewWrapper .adminViewContainer .adminViewInnerCon {
            float: left;
            width: 100%;
        }

            .adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewRow {
                float: left;
                width: 100%;
                margin-bottom: 20px;
            }

                .adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewRow .btn {
                    width: 170px;
                    float: left;
                    min-height: 34px;
                }

                .adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewRow .fieldGroup {
                    float: left;
                    width: 270px;
                    padding-left: 30px;
                }

                    .adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewRow .fieldGroup .form-control {
                        height: 34px;
                    }




/*===================== NEW HOMEPAGE ==========================*/

.mainBanner {
    display: inline-block;
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 500px;
    object-fit: cover;
    min-height: 500px;
    background: #222;
}

    .mainBanner img {
        min-height: 100%;
        min-width: 100%;
    }

.bannerCaption {
    position: absolute;
    top: 0;
    right: 10%;
    width: 45%;
    min-width: 500px;
    color: #fff;
    text-shadow: 1px 1px 1px #00000050;
    height: 100%;
    display: flex;
    flex-direction: column;
    max-width: 900px;
    justify-content: center;
}

    .bannerCaption h2 {
        font-size: 2.8rem;
        margin-bottom: 50px;
    }

    .bannerCaption p {
        color: #fff;
        font-size: 1.3rem;
        line-height: 2.2rem;
    }

.bannerBtn {
    display: flex;
    padding: 10px 0;
    gap: 15px;
    margin-top: 15px;
}


    .bannerBtn a {
        border-radius: 4px;
        background: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(191, 191, 191) rgb(179, 179, 179) rgb(179, 179, 179);
        box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px -1px, rgba(0, 0, 0, 0.05) 0px 1px 0px 0px;
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
        color: #454545;
        min-width: 170px;
        text-align: center;
        text-shadow: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .bannerBtn a:hover {
            background: #f7f7f7 !important;
            border-color: rgb(191, 191, 191) rgb(179, 179, 179) rgb(179, 179, 179) !important;
        }

@media screen and (min-width:1400px) {
    .mainBanner {
        max-height: 630px;
        min-height: 500px;
    }

    .bannerCaption h2 {
        font-size: 3rem;
    }

    .bannerCaption p {
        font-size: 1.5rem;
        line-height: 2.4rem;
    }

    .bannerBtn a {
        font-size: 0.95rem;
    }
}

@media screen and (max-width:1300px) {
    .bannerBtn a {
        font-size: 0.8rem;
    }

    .bannerCaption h2 {
        font-size: 2.2rem;
    }

    .bannerCaption p {
        font-size: 1.1rem;
        line-height: 1.8rem;
    }

    .mainBanner {
        height: auto;
        min-height: 300px;
    }

    .bannerCaption {
        min-width: 540px;
    }
}

@media screen and (max-width:1140px) {
    .mainBanner img {
        opacity: 0.6;
    }

    .hlibBlock {
        width: calc((100% / 4) - 20px) !important;
    }
}


.grayBlock {
    background: #E3E3E5;
    padding: 2rem 0;
    margin: 2.5rem 0;
}

.whiteBlock {
    background: #fff;
    padding: 2rem 0;
    margin: 2.5rem 0;
}

.udTitle, .midTitle {
    font-size: 1.6rem;
    margin-bottom: 30px;
}
    /*
.udTitle {
	text-decoration: underline;
}
*/
    .udTitle a {
        color: #000;
    }


.assetBigTab {
    background: url('../Images/assetTabBG.png');
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
    color: #fff;
    gap: 15px;
    font-size: 1.7rem;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #00000050;
    line-height: normal;
    font-family: Arial;
}

    .assetBigTab i {
        font-size: 3.5rem;
        line-height: normal;
    }

    .assetBigTab:hover, .assetBigTab:focus {
        color: rgba(255,255,255,0.8);
    }

.hcollectionWrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

.hcollectionTab {
    width: calc(25% - 15px);
    margin: 20px 0;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-shadow: rgba(27, 27, 27, 0.05) 0px 0px 5px 0px, rgba(27, 27, 27, 0.15) 0px 1px 2px 0px, rgba(51, 51, 51, 0.05) 0px 0px 0px 1px, rgba(51, 51, 51, 0.15) 0px 1px 3px 0px;
}

.hcollectionImg {
    background: #f6f6f6;
    text-align: center;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
}

    .hcollectionImg img {
        min-width: 100%;
        min-height: 100%;
        object-fit: cover;
    }

@media screen and (max-width:992px) {
    .hcollectionTab {
        width: calc(50% - 15px) !important;
        margin: 20px 0 0px !important;
    }
}

.hcollectionTab > p {
    flex: 1;
    margin: 10px 0 3px;
}

.hcollectionDate {
    padding-top: 10px;
    border-top: 1px solid #ccc;
}

.hlibWrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.hlibBlock {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    width: calc((100% / 6) - 20px);
    margin: 10px;
    text-align: center;
    box-shadow: rgba(27, 27, 27, 0.05) 0px 0px 5px 0px, rgba(27, 27, 27, 0.15) 0px 1px 2px 0px, rgba(51, 51, 51, 0.05) 0px 0px 0px 1px, rgba(51, 51, 51, 0.15) 0px 1px 3px 0px;
}

    .hlibBlock a {
        color: #222;
    }

.hlibIcon {
    height: 60px;
    margin: 10px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
}

    .hlibIcon img {
        max-height: 100%;
    }

.v_checkboxMain {
    position: absolute;
    top: 0;
    left: 0;
    color: #c6c6c6;
    font-size: 13px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99;
}

    .v_checkboxMain input[type=checkbox] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        cursor: pointer;
        z-index: 9;
        height: 100%;
        opacity: 0 !important;
    }

        /*.v_checkboxMain input[type=checkbox]:checked + span::before,*/ 
        .pos-action-active + .v_checkboxMain input[type=checkbox] + span::before {
            background-color: #367c2b;
            border-color: #367c2b;
        }

        /*.v_checkboxMain input[type=checkbox]:checked + span::after, */
        .pos-action-active + .v_checkboxMain input[type=checkbox] + span::after {
            content: "\f00c";
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: "Font Awesome 5 Pro";
            position: absolute;
            color: #fff;
            font-weight: 500;
            font-size: 0.8rem;
        }

    .v_checkboxMain span {
        float: left;
        margin: 0;
        padding-left: 35px;
        position: relative;
        position: absolute;
        top: 42px;
        left: 10px;
    }

        .v_checkboxMain span::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border: 1px solid #DFDFDF;
            border-radius: 3px;
            background-color: #fff;
        }

.pos-temp-action ~ .v_checkboxMain, .pos-temp-action .v_checkboxMain {
    display: block;
}

.assetlist-view.bulkblock-wrapper.bulkAction {
    padding: 0;
    margin-top: 12px;
}

#dvGridMyImages {
    padding-bottom: 20px;
}

.flexProBlock {
    float: left;
    width: 100%;
    margin: 30px 0;
}

.SearchLeftBar {
    float: left;
    position: sticky;
    top: 1px;
    width: 300px;
    padding: 15px;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 0 5px #00000045;
}

.flexProBlock .mainRgtContent {
    float: right;
    width: calc(100% - 315px);
    padding: 15px;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 0 5px #00000045;
}

.InnerTitle {
    float: left;
    width: 100%;
    font-size: 17px;
    margin-bottom: 8px;
}

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

    .searchFields select {
        padding-left: 8px;
    }

    .searchFields .col12 {
        float: left;
        width: 100%;
        margin: 8px 0;
    }

        .searchFields .col12 .form-group {
            float: left;
            width: 100%;
            margin: 0;
        }

            .searchFields .col12 .form-group .form-control {
                float: left;
                width: 100%;
                margin: 0;
            }

    .searchFields .btnSearch {
        float: left;
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }


.SearchLeftBar .error-cot {
    float: left;
    margin: 5px 0;
}

.flexProBlock .mainRgtContent .pos-temp-cot {
    margin: 0;
}

    .flexProBlock .mainRgtContent .pos-temp-cot .pos-temp-title {
        margin-left: 0;
        width: 100%;
    }

        .flexProBlock .mainRgtContent .pos-temp-cot .pos-temp-title h3 {
            padding: 0 0 8px 0;
            margin: 0;
        }

        .flexProBlock .mainRgtContent .pos-temp-cot .pos-temp-title p {
            padding: 0;
        }

    .flexProBlock .mainRgtContent .pos-temp-cot .pos-temp-block {
        padding: 0;
        margin-left: -5px;
        width: calc(100% + 10px);
    }

        .flexProBlock .mainRgtContent .pos-temp-cot .pos-temp-block .col-sm-4 {
            margin: 10px 5px;
            width: calc(33.33% - 10px);
        }

.trackingRow {
    display: inline-block;
    vertical-align: text-bottom;
    position: relative;
}

    .trackingRow .textEllipses {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 55px;
    }

.tooltipHover {
    position: absolute;
    right: -20px;
    bottom: 0;
    background-color: #fff;
    font-size: 12px;
    padding: 5px;
    width: 80px;
    border-radius: 4px;
    text-align: center !important;
    box-shadow: 0 0 4px #a3a3a387;
    z-index: 99;
    opacity: 0;
    transition: cubic-bezier(0.5, 0.01, 0.57, 1.08) 0.2s;
}

    .tooltipHover::before {
        content: "";
        position: absolute;
        left: calc(50% - 2.5px);
        bottom: -5px;
        border-top: 5px solid #fff;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        z-index: 9;
    }

    .tooltipHover::after {
        content: "";
        position: absolute;
        left: calc(50% - 4px);
        bottom: -6px;
        border-top: 6px solid #e1e1e1;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }

.trackingRow .tooltipHover {
    width: auto;
}

.trackingRow:hover .tooltipHover {
    opacity: 1;
    bottom: calc(100% + 5px);
}

#tblCreativeUsageReport.dataTable tbody td {
    max-width: none;
}

.myAssetTab {
    width: 100%;
    display: inline-block;
    max-width: 450px;
    flex: 1;
}


.campainDesc {
    display: flex;
    padding: 15px;
    border: 1px solid #ddd;
    width: 100%;
    margin: 5px 0 20px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

    .campainDesc img {
        max-width: 250px;
        margin-bottom: 10px;
        max-height: 200px;
    }

    .campainDesc.flexRow p {
        font-weight: 500;
        margin: 0;
    }

        .campainDesc.flexRow p span {
            font-weight: normal;
            display: block;
            color: #888;
            margin-top: 2px;
            font-size: 0.85rem;
        }

.dvCampaignImg {
    display: flex;
    flex-direction: column;
}

    .dvCampaignImg span {
        font-size: 14px;
        margin-bottom: 5px;
    }

.campainDesc.flexRow {
    flex-direction: row;
    text-align: left;
    gap: 15px;
    margin-top: 10px;
}

    .campainDesc.flexRow img {
        margin: 0;
    }


.left-sidenav .dvFlex {
    display: flex;
    width: 100%;
    gap: 10px;
    margin: 0 0 15px;
}

    .left-sidenav .dvFlex input, .left-sidenav .dvFlex select {
        margin: 0 !important;
    }

    .left-sidenav .dvFlex .btn {
        display: flex;
        align-items: center;
    }

        .left-sidenav .dvFlex .btn i {
            margin: 0;
        }

.modal-pdf {
    /*width: 100% !important;
	max-width: 95%;*/
    display: flex !important;
}

    .modal-pdf .modal-content {
        max-height: calc(100vh - 50px);
        display: flex;
    }

.pdfViewer {
    display: flex;
    width: 100%;
    background: #F2F2F2;
    flex: 1;
    height: 100%;
    border-radius: 10px;
}

.pdfOpt {
    width: 400px;
    padding: 30px;
    overflow: auto;
}

.pdfOptInner {
    background: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.pdfBlock {
    flex: 1;
    position: relative;
    padding: 40px 20px;
    background: #525659;
    overflow: auto;
}

    .pdfBlock .close {
        position: absolute;
        right: 10px;
        text-shadow: none;
        color: #fff;
        margin-top: 10px;
        opacity: 0.5;
        transform: scale(1.2);
    }

hr.borderTop {
    border-style: dashed;
    margin: 10px 0;
}

.pdfOptInner .btn-group {
    display: flex;
    gap: 10px;
}

    .pdfOptInner .btn-group .btn {
        margin: 0 !important;
    }


.pdfOptInner .form-group {
    display: flex;
    width: 100%;
    margin: 15px 0;
}

    .pdfOptInner .form-group label {
        font-size: 1rem;
        flex: 1;
    }

    .pdfOptInner .form-group span {
        font-weight: bold;
    }

.infoTooltip {
    display: inline-block;
    margin-left: 4px;
    opacity: 0.7;
}

.tbl tr.dateType td {
    white-space: nowrap;
}
/*#directmailimage {
	background: transparent url('http://thinkfuture.com/wp-content/uploads/2013/10/loading_spinner.gif') center no-repeat;
}*/
/*=============================================================*/


table#EditAssetModal tr td label.error {
    color: red !important;
}

table#EditAssetModal tr td li {
    list-style: none;
}

.mainWrapper {
    align-items: flex-start;
}

.faqListing.left-sidenav {
    padding: 0;
    width: 380px;
}

.faqListing li {
    padding: 15px 15px;
    display: flex;
    width: 100%;
    font-weight: 500;
    color: #333;
    margin: 0;
    align-items: center;
    position: relative;
}

    .faqListing li .faqTile {
        flex: 1;
    }

        .faqListing li .faqTile span {
            background: #E4F1E1;
            color: #4A8940;
            padding: 3px 5px;
            font-weight: normal;
            font-size: 12px;
            border-radius: 3px;
            display: inline-block;
            margin-left: 14px;
        }

    .faqListing li:hover {
        background: #f5f8f4;
    }

        .faqListing li:hover a {
            color: #333;
        }

    .faqListing li.active {
        background: #4A894030;
    }

        .faqListing li.active .faqTile span {
            color: #222;
            background: #E4F1E130;
        }

    .faqListing li .hoverLinks {
        display: flex;
        gap: 10px;
        opacity: 0;
    }

    .faqListing li:hover .hoverLinks, .faqListing li.active .hoverLinks {
        opacity: 1;
    }

    .faqListing li.active a {
        color: #222 !important;
    }

.iconDisabled {
    display: none;
    margin-left: 10px;
}

.faqListing li.inactive {
    background: #ddd;
    opacity: 0.8;
}

    .faqListing li.inactive a {
        color: #777;
    }

    .faqListing li.inactive span {
        background: #00000010;
        color: #666;
    }

    .faqListing li.inactive .iconDisabled {
        display: block;
    }

.faqWrapper .form-control {
    margin: 0;
}

.faqWrapper .row {
    margin-bottom: 0;
}

.faqWrapper h3 {
    color: #222;
    font-size: 17px;
    margin: 10px 0 10px;
}

.qaList {
    display: flex;
    width: 100%;
    padding: 10px;
    border: 1px solid #C8C8C8;
    background: #FBFBFB;
    margin: 15px 0;
    border-radius: 4px;
}

    .qaList > span {
        flex: 1;
    }

    .qaList > a {
        color: #3B3B3B;
        font-size: 15px;
        margin-left: 4px;
    }

    .qaList:hover {
        background: #fafafa;
    }

.faqListing .btn, .faqWrapper .btn {
    padding: 10px 15px !important;
}

.faqWrapper h4 {
    font-size: 16px;
    margin-bottom: 5px;
}

.faqWrapper .form-group.form-upload {
    display: flex;
    flex-wrap: wrap;
}

.faqWrapper .form-upload .dropZoneBlock {
    width: 60%;
    flex-direction: column;
    flex-wrap: wrap;
}

    .faqWrapper .form-upload .dropZoneBlock .dvDropzone {
        width: 100%;
    }

.faqWrapper .imgPrevBlock {
    width: 40%;
    padding-left: 30px;
}

.dvRcmd {
    background: #DDECDB;
    display: inline-block;
    padding: 6px 8px;
    border: 1px solid #BED2BB;
    color: #4A8940;
    border-radius: 4px;
}

.imgAlignemnt {
    display: flex;
    gap: 15px;
    width: 100%;
}

    .imgAlignemnt li {
        background: #fff;
        width: 45px;
        height: 42px;
        border-radius: 4px;
        border: 1px solid #ddd;
        padding: 7px;
        display: flex;
        cursor: pointer;
    }

    .imgAlignemnt .imgAl {
        width: 100%;
        height: 100%;
        border-radius: 4px;
        border: 2px dashed #bbb;
        position: relative;
    }

        .imgAlignemnt .imgAl:before {
            width: calc(100% + 4px);
            height: 10px;
            content: '';
            background: #bbb;
            position: absolute;
            left: -2px;
            top: -2px;
            border-radius: 4px 4px 0 0;
        }

        .imgAlignemnt .imgAl.alLeft:before {
            width: 10px;
            height: calc(100% + 4px);
            left: -2px;
            top: -2px;
            border-radius: 4px 0 0 4px;
        }

        .imgAlignemnt .imgAl.alRight:before {
            width: 10px;
            height: calc(100% + 4px);
            left: auto;
            right: -2px;
            top: -2px;
            border-radius: 0 4px 4px 0;
        }

        .imgAlignemnt .imgAl.alBottom:before {
            left: -2px;
            top: auto;
            bottom: -2px;
            border-radius: 0 0 4px 4px;
        }

    .imgAlignemnt li.active .imgAl {
        border-color: #4A8940;
    }

        .imgAlignemnt li.active .imgAl:before {
            background: #4A8940;
        }

.btnRight {
    text-align: right;
}

    .btnRight .btn {
        margin-left: 8px;
    }

.qaSingleWrap {
    display: none;
    padding: 0px 0 25px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
    width: calc(100% - 30px);
    margin-left: 15px;
}


.campainDesc.descTemplate {
    width: calc(100% - 20px);
    border: 1px dashed #ccc;
    border-radius: 4px;
    margin: 15px 0 10px 10px !important;
}

.qaSingleWrap .dvDropzone .elipes {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .qaSingleWrap .dvDropzone .elipes label {
        margin: 0;
        padding: 5px;
        flex: 1;
    }



.imgPrevBlock h4 {
    margin-bottom: 3px;
}

.modal-content.modalSuccess {
    margin-top: 5rem;
    padding: 20px;
    background: #f5fff4;
    overflow: visible;
}

    .modal-content.modalSuccess .close {
        position: absolute;
        top: -15px;
        right: -20px;
        opacity: 0.5;
        color: #fff;
        text-shadow: none;
    }

    .modal-content.modalSuccess .modalIcon {
        font-size: 3rem;
        text-align: center;
        color: #367c2b;
        margin-bottom: 10px;
    }

.modalSuccess .successTitle {
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.faqVideoBlock {
    display: table;
    width: auto;
    position: relative;
    min-width: 150px;
    min-height: 150px;
    margin: 5px auto 15px;
    background: #f2f2f2;
}

    .faqVideoBlock a {
        position: absolute;
        top: calc(50% - 45px);
        left: calc(50% - 45px);
        width: 90px;
        height: 90px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        opacity: 0.7;
        box-shadow: 0 0 10px 0 #00000090;
    }

        .faqVideoBlock a img {
            width: 60px;
            height: 60px;
        }

        .faqVideoBlock a:hover {
            opacity: 0.9;
        }

div.alertCot {
    background: #D4554C;
    border: 1px solid #D4554C;
    color: #fff !important;
    margin: 10px 0;
    padding: 8px;
    position: relative;
    border-radius: 5px;
}

.imgPrevBlock .elipes_Success {
    width: 90px;
    height: 70px;
    background: #fff;
    border: 1px solid #bbb;
    padding: 5px;
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .imgPrevBlock .elipes_Success img {
        max-height: 100%;
    }

.imgPrevBlock
.clsPreviewFAQImages {
    display: flex;
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0 0 10px;
}

.imgPrevBlock .elipes_Success .clsCloseTemplateUploader {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #00000075;
    font-size: 12px;
}

    .imgPrevBlock .elipes_Success .clsCloseTemplateUploader:hover {
        background: #00000090;
    }

.clsManageCampaignGrid tbody tr td .btn-default, .clsManageCampaignGrid .tablesorter-header-inner {
    white-space: nowrap;
}

.faqContent .accordion-body * {
    max-width: 100%;
}


.faqContent .accordion-body .dvQaImg {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    margin: 0 5px;
}

    .faqContent .accordion-body .dvQaImg.dvQaImgleft {
        float: left;
        max-width: 40%;
    }

    .faqContent .accordion-body .dvQaImg.dvQaImgright {
        max-width: 40%;
        float: right;
    }

.favListWrapper {
    padding: 15px;
}

    .favListWrapper .col-sm-4 {
        width: 25%;
        display: flex;
    }

    .favListWrapper .pos-temp-tab.temp-tab {
        border: 1px solid #ccc;
        border-radius: 6px;
        padding: 15px;
        position: relative;
        flex: 1;
        margin: 10px 0;
        display: flex;
        flex-direction: column;
    }

    .favListWrapper .pos-temp-img {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #F3F6F6;
        border: 1px solid #ddd;
        height: 200px;
        margin-bottom: 5px;
        position: relative;
        border-radius: 4px;
    }

        .favListWrapper .pos-temp-img a.btn-add-fav {
            left: auto;
            right: -10px;
            top: -10px;
        }

    .favListWrapper .pos-temp-head h4 {
        color: #367c2b;
        font-size: 0.95rem;
        margin: 0;
        line-height: normal;
        padding: 10px 0 3px;
    }

    .favListWrapper .pos-temp-head h3 {
        font-size: 1rem;
        max-width: calc(100% - 120px);
        margin-bottom: 0;
    }

    .favListWrapper .pos-temp-tab.temp-tab select.clsChildTemplate {
        float: right;
        max-width: 120px;
        align-self: end;
        margin-top: -28px;
        margin-bottom: 5px;
    }

    .favListWrapper .favBtnGp {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 0 0;
        gap: 10px;
        margin-top: auto;
        flex-wrap: wrap;
    }

    .favListWrapper .pos-temp-head .clslayout {
        margin: 10px 0 8px;
    }

    .favListWrapper .pos-temp-img img {
        max-height: 95%;
    }

    .favListWrapper .favBtnGp a[title*="Script"] {
        order: 2;
    }


    .favListWrapper .favBtnGp a i {
        margin-right: 2px;
    }

    .favListWrapper .pos-temp-head a.staticPrice {
        cursor: default;
        display: block;
        margin-top: 2px;
        color: #666;
    }

    .favListWrapper .pos-temp-head p {
        margin: 0;
        color: #666;
    }

.tblFlex {
    display: flex;
    flex-direction: column;
    width: 180px;
    margin: 0 auto;
    gap: 10px;
    padding: 2px 0;
}

.modal .modal-dialog.modal-md {
    width: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

    .modal .modal-dialog.modal-md .modal-content {
        height: auto;
        position: relative;
        top: -20px;
    }

.noRecordBlock {
    position: fixed;
    right: 20px;
    bottom: 70px;
    z-index: 999;
    padding-bottom: 60px;
}

.opnNorecord {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 50px;
    height: 50px;
    background: #fff;
    padding: 13px;
    border-radius: 100%;
    box-shadow: 0 0 10px 0 #00000020;
    cursor: pointer;
}

    .opnNorecord img {
        opacity: 0.8;
    }

.noRcTab {
    display: none;
    background: #fff;
    padding: 30px;
    max-width: 370px;
    text-align: center;
    box-shadow: 0 0 10px 0 #00000020;
    border-radius: 5px;
}

    .noRcTab .close {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #999;
    }

    .noRcTab h3 {
        margin: 10px 0 10px;
    }

    .noRcTab img {
        max-height: 70px;
        opacity: 0.8;
    }

    .noRcTab p {
        color: #666;
        margin-bottom: 15px;
    }

.noRecordBlock.active .noRcTab {
    display: inline-block;
}

.noRcTab.fullRcBlock {
    max-width: 650px;
    margin: 20px auto;
    display: flex;
    align-items: center;
    text-align: left;
    gap: 30px;
    box-shadow: none;
}

.modal .modal-header.noBorder {
    border: none !important;
    border-radius: 0.5rem 0.5rem 0 0;
}

    .modal .modal-header.noBorder .modal-title {
        font-size: 1.1rem;
        font-weight: 500;
        color: #555;
    }

.textGreen {
    color: #367C2B;
}

.btnText {
    vertical-align: middle;
    background: none;
    border: none;
    color: #367C2B;
    text-decoration: underline;
}

.savedSearchList {
    margin-top: 15px;
}

    .savedSearchList ul {
        border-radius: 6px;
        background: #f6f6f6;
        border: 1px solid #ddd;
        max-height: 250px;
        overflow-y: auto;
    }

        .savedSearchList ul li {
            padding: 15px;
            display: flex;
            align-items: center;
            margin: 0;
        }

            .savedSearchList ul li + li {
                border-top: 1px dashed #ccc;
            }

            .savedSearchList ul li p {
                margin: 0;
                flex: 1;
            }

/*  ========= New report design ==============*/
.repotsCommonWrapper {
    margin-top: 0;
}

.BtnWthTopTitle {
    float: right;
}

    .BtnWthTopTitle + .BtnWthTopTitle {
        margin-right: 10px;
    }

.pageTitle .btnBordered {
    background: #fff !important;
}

.exportToExcel {
    float: right;
}

    .exportToExcel.withDataTable {
        margin-bottom: 10px;
        z-index: 2;
        position: relative;
    }

    .exportToExcel .btnExportTable {
        float: left;
        z-index: 2;
        margin-left: 10px;
        position: relative;
    }

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

.reportsHeader + .reportsMainContent {
    padding-top: 15px;
    border-top: 1px dashed #ccc;
    margin-top: 10px;
}

.reportsHeader {
    float: left;
    width: 100%;
    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;
    margin: 0;
}

.fieldGroup
.datepicker {
    padding: 0;
}
/*
	.reportsHeader.reportInline {
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}*/
.reportsHeader .form-control {
    margin-bottom: 0;
}

.reportsHeader .reports_Coll_4, .reportsHeader .reports_Coll_2, .reportsHeader .reports_Coll_6 {
    float: left;
    width: calc(25% - 20px);
    margin: 10px;
}

    .reportsHeader .reports_Coll_4 label, .reportsHeader .reports_Coll_2 label, .reportsHeader .reports_Coll_6 label {
        font-size: 0.85rem;
        width: 100%;
        font-weight: normal;
    }

    .reportsHeader .reports_Coll_4 .fieldGroup, .reportsHeader .reports_Coll_2 .fieldGroup, .reportsHeader .reports_Coll_6 .fieldGroup {
        float: left;
        width: 100%;
    }

.reportsHeader .fieldGroup input[type="text"], .reportsHeader .fieldGroup select, .reportsHeader span.multiselect-native-select button.btn {
    min-width: 100%;
    margin-bottom: 0;
    border-radius: 4px;
    height: 33px;
    padding: 2px 10px;
    border-color: #ccc;
    min-height: 33px;
}

.reportsHeader .reportBtn_row {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-top: 10px;
    width: 100%;
    margin-bottom: 25px;
}

.reportsHeader.reportInline .reportBtn_row {
    margin-top: 31px;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    flex: 1;
    text-align: right;
}

    .reportsHeader.reportInline .reportBtn_row .btn {
        padding: 5px 15px;
        margin: 4px;
    }

        .reportsHeader.reportInline .reportBtn_row .btn.btn-default {
            padding: 4.5px 15px;
        }

tbody.noRecord {
    padding: 10px;
    display: inline-block;
    width: 100%;
    text-align: center;
    border: none !important;
}

.ntListBlock {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}

.ntListTab {
    display: table;
    width: 100%;
    max-width: 100%;
    border: 1px solid #ccc;
    padding: 15px 15px 0;
}

    .ntListTab + .ntListTab {
        border-top: none;
    }

    .ntListTab:first-child {
        border-radius: 6px 6px 0 0;
    }

    .ntListTab:last-child {
        border-radius: 0 0 6px 6px;
    }

    .ntListTab h3 {
        position: relative;
        font-size: 1.1rem;
        margin-bottom: 15px;
        cursor: pointer;
    }

        .ntListTab h3:before {
            content: '\f105';
            font-family: 'Font Awesome 5 Pro';
            margin-right: 15px;
            opacity: 0.6;
        }

    .ntListTab ul {
        padding-left: 20px;
        margin-bottom: 15px;
        display: none;
    }

    .ntListTab.active ul {
        display: flex;
    }

    .ntListTab.active h3:before {
        content: '\f107';
    }

.viewFltr label {
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    text-align: center;
    border: 1px solid #ddd;
    color: #666;
    min-width: 120px;
    border-radius: 4px;
    position: relative;
    font-weight: normal;
}

.viewFltrTab {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}

.viewFltr {
    width: auto;
    display: inline-block;
    margin: 2px;
    position: relative;
    cursor: pointer;
}

    .viewFltr label i {
        display: block;
        font-size: 1.1rem;
        margin: 2px 0 5px;
    }

    .viewFltr input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        z-index: 1;
    }

        .viewFltr input:checked + label {
            border-color: #367c2b60;
            color: #222;
        }

    .viewFltr label:before {
        content: '\f058';
        position: absolute;
        width: 20px;
        height: 20px;
        right: 2px;
        top: 2px;
        font-family: 'Font Awesome 5 Pro';
        font-size: 1rem;
        color: #367c2b;
        display: none;
    }

    .viewFltr input:checked + label:before {
        display: block;
    }

.checkBlock {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 8px;
}

    .checkBlock .checkbox {
        padding: 10px 10px;
        border: 1px dashed #aaa;
        border-radius: 4px;
    }


.favName {
    position: absolute;
    top: 7px;
    z-index: 1;
    right: 35px;
    padding: 2px 10px;
    border-radius: 20px;
    background: #D3E6D4;
    font-weight: normal;
    color: #222;
    border: 1px solid #93B79E;
    font-size: 0.7rem;
}

    .favName.template {
        background: #fcf6da;
        border-color: #cfc7a1;
    }


    .favName.favLeft {
        left: 8px;
        right: auto;
    }

.smFilter label i {
    display: inline-block;
    margin: 0 5px 0 0;
}

.smFilter label {
    border-style: dashed;
}

.smFilter {
    margin-right: 5px;
}

    .smFilter label:before {
        right: -4px;
        top: -3px;
    }

.hideTreeBranch {
    display: none !important;
}

/*============= AdswithAssets =================*/
.main-block.adAssetWrap {
    display: inline-block;
}

.adAssetWrap .left-sidenav {
    top: 0;
    position: sticky;
    float: left;
}

.sideSearchTab, .treeScroll {
    background: no-repeat;
    padding: 0;
    overflow: auto;
    max-height: calc(100vh - 220px);
}

.sideIntb {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 15px;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
}

.viewFltrTab.sideIntb, .searchTypeCot.sideIntb {
    padding: 15px;
}

.sideIntb + .sideIntb {
    margin: 8px 0 0;
}

.sideIntb .InnerTitle {
    font-size: 15px;
    margin: 5px 0 0px;
}

.sideIntb .sideCont {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.sideIntb .InnerTitle span.filterArrow {
    float: right;
}

.searchTopFilter .dropdown-toggle {
    text-align: left;
    padding: 10px 10px;
    position: relative;
}

    .searchTopFilter .dropdown-toggle:after {
        position: absolute;
        right: 10px;
        top: 17px;
        opacity: 0.5;
    }

.searchTopFilter .f_searchBlock {
    display: inline-block;
    width: 100%;
    position: relative;
}

    .searchTopFilter .f_searchBlock input {
        border: 1px solid #ced4da;
        border-radius: 0px;
        box-shadow: none !important;
        outline: none !important;
        padding: 5px 30px 5px 15px;
        height: 40px;
    }

    .searchTopFilter .f_searchBlock .topSearch {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 30px;
        height: 100%;
        z-index: 9;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.sideIntb .form-group .form-control, .sideIntb .form-group .form-select {
    margin: 0;
}

.sideIntb .form-group label {
    color: #111;
    display: inline-block;
    width: 100%;
}

.sideIntb .form-group {
    margin: 5px 0 10px;
}

.sideIntb .checkbox input[type=checkbox] + label {
    color: #111 !important;
    line-height: normal;
}

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

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

.sideIntb .btnSearch {
    display: flex;
    width: 100%;
    gap: 10px;
    padding: 15px;
    border-top: 1px dashed #ccc;
    margin-top: 0;
}

    .sideIntb .btnSearch .btn {
        flex: 1;
        padding: 6px 10px;
        min-width: calc(50% - 5px) !important;
    }

.treeFlter {
    background: #fff;
    box-shadow: 0 0 0 1px #ddd inset;
    border-radius: 4px;
    display: table;
    width: 100%;
    padding: 0 15px;
}

    .treeFlter .btnCustomTree {
        margin: 15px 0;
        width: 100%;
        display: inline-block;
    }

    .treeFlter .dvFlex {
        padding: 0;
        margin: 0;
    }

        .treeFlter .dvFlex .form-search, .treeFlter .dvFlex .btn {
            margin-bottom: 15px !important;
        }


.searchTypeCot.sideIntb {
    padding: 0;
}

.expSpan {
    position: absolute;
    right: 114px;
    font-size: 0.75rem;
    padding: 2px 10px;
    background: #fbd60b;
    top: 1px;
    border-radius: 4px;
}


/*==================== ad Asset style ===============*/
.main-block.adAssetCot {
    width: 100%;
    margin-top: 30px;
    position: relative;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
}

.adAssetCot .left-sidenav {
    width: 320px;
    position: sticky;
    top: 5px;
    margin-right: 0;
}

    .adAssetCot .left-sidenav .sidenav-tab {
        max-height: calc(100vh - 110px);
        overflow: auto;
    }

.adAssetCot .right-mainblock {
    max-width: calc(100% - 345px);
}

.blockTitle {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 15px;
}

.adAssetCot .left-sidenav h3.blockTitle {
    margin-top: 20px;
}

@media (max-width:1300px) {
    .adAssetCot .left-sidenav {
        width: 280px;
    }

    .adAssetCot .right-mainblock {
        max-width: calc(100% - 300px);
    }
}

@media (max-width:1200px) {
    .adAssetCot .left-sidenav {
        width: 260px;
    }

    .adAssetCot .right-mainblock {
        max-width: calc(100% - 280px);
    }

    .adAssetCot .form-group label, .form-control, .form-select {
        font-size: 0.8rem !important;
    }
}

.adAssetCot span.infoTooltip {
    position: absolute;
    right: 0;
}

.adAssetCot .form-group {
    position: relative;
}

.adAssetCot .left-sidenav .dvFlex {
    padding: 0;
}

.adAssetCot .left-sidenav .treenav-list li a.toggle-treelist, .adAssetCot .left-sidenav .treenav-list li a.toggle-treelistPopup, a.treelistMarket, a.treelistPopupMarket {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}


.adAssetCot .dropZoneBlock {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}


.adAssetCot .dvDropzone {
    flex: 1;
}


    .adAssetCot .dvDropzone .dropzone {
        min-height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.adAssetCot .dvDropMsg {
    display: flex;
    gap: 8px;
    align-items: center;
}

.adAssetCot .dvDropzone .dropzone i {
    font-size: 2rem;
    margin-bottom: 15px;
}

.adAssetCot .dropzone .FileInput-icon {
    width: 2.25rem;
    height: 2.25rem;
    margin-bottom: 10px;
}

.adAssetCot .dropzone .dz-preview {
    max-width: 300px;
}

.upldRight {
    flex: 1;
}

.uploadImgDesc {
    background: #fff;
    border: 1px dashed #bbb;
    padding: 10px 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 20px;
    margin: 0 0 20px;
}

.iconDoc {
    font-size: 3rem;
    color: #8b9ab9;
}

.uploadImgDesc img {
    max-width: 100px;
    max-height: 150px;
}

.uploadImgDesc .dvDesc {
    flex: 1;
}

    .uploadImgDesc .dvDesc h4 {
        margin: 0 0 2px;
        font-size: 0.9rem;
        line-height: normal;
    }

    .uploadImgDesc .dvDesc p {
        font-size: 0.9rem;
        color: #666;
        margin: 0;
    }

.adAssetCot .upldRight label {
    margin-bottom: 12px;
    font-size: 0.9rem;
    font-weight: 500;
}

.assetAutoBlock {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    background: #fff;
    align-items: flex-start;
}

.adAssetCot .bootstrap-tagsinput {
    font-size: 1rem;
    font-family: 400;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #f2f2f2;
    width: 100%;
    padding: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.assetAutoBlock .bootstrap-tagsinput {
    background: #fff !important;
    border: none;
    padding: 0 !important;
}

.keyWordBtnTags .bootstrap-tagsinput {
    background-color: transparent !important;
}

.assetAutoBlock .bootstrap-tagsinput .tag {
    background: #FAFBFF;
    padding: 5px 8px;
    font-size: 0.9rem;
    border: 1px solid #E3E5EF;
    border-radius: 2px;
    position: relative;
    margin: 5px 5px 5px 0;
    display: inline-block;
    order: 2;
}

.keyWordBtnTags .bootstrap-tagsinput .tag {
    border: 1px dashed #ced4da;
    background-color: #fff;
}

.assetAutoBlock .bootstrap-tagsinput .tag span {
    margin-left: 5px;
    cursor: pointer;
}

.assetAutoBlock .bootstrap-tagsinput .tag [data-role=remove]:after {
    content: "\f00d";
    padding: 0;
    background: none;
    font-family: "Font Awesome 5 Pro";
    color: #999;
    font-size: 0.7rem;
}

.assetAutoBlock .bootstrap-tagsinput input {
    width: 100%;
    padding: 5px;
    border-radius: 3px;
    outline: none !important;
    background: white !important;
    border: 1px solid #ddd !important;
    order: 1;
    margin-bottom: 5px;
    font-size: 0.9rem;
    min-height: 40px;
}

.Imageuploader {
    width: 385px;
}

.uploadView {
    background: #F8F8F8;
    border: 1px solid #DEDEDE;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    width: 385px;
    padding: 15px;
    border-radius: 4px;
    position: relative;
}

    .uploadView img {
        max-height: 360px;
    }

    .uploadView video {
        max-width: 100%;
    }

    .uploadView .astEdt {
        position: absolute;
        right: 5px;
        top: 5px;
        cursor: pointer;
    }

.imgEdit {
    width: 25px;
    height: 25px;
    background: rgba(255,255,255,0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}

.uploadLeftInner {
    display: flex;
    width: 100%;
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 35px;
    border-bottom: 1px dashed #ccc;
}

.adAssetCot .left-sidenav .ErrorMsg {
    position: absolute;
    top: 1px;
    opacity: 1;
    background: #db7a73 !important;
    left: 20px;
    width: calc(100% - 40px);
}

.datePicker2 {
    display: inline-block;
    position: relative;
    width: 100%;
}

    .datePicker2 input {
        font-size: 0.8rem !important;
        text-transform: uppercase;
        padding-left: 5px !important;
    }

    .datePicker2 .datepick-trigger {
        position: absolute;
        top: 8px;
        right: 2px;
    }

.adAssetCot .datePicker2 .datepick-trigger {
    top: 4px;
}

.checkboxBlock {
    display: inline-block;
    padding: 5px 15px 9px !important;
    border: 1px dashed #aaa;
    border-radius: 4px;
    min-width: 170px;
}

    .checkboxBlock label {
        line-height: normal;
        padding-top: 2px;
    }

.multiListBlock label {
    display: inline-block;
    padding: 5px;
    border: 1px dashed #aaa;
    margin: 0 !important;
    border-radius: 4px;
    position: relative;
}


.multiListBlock {
    padding: 8px;
    min-height: 90px;
    overflow: auto;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 8px;
    border-radius: 4px;
    align-items: flex-start;
}

    .multiListBlock label input {
        width: 15px;
        height: 15px;
        margin: 0 3px 0 0 !important;
        position: relative;
        top: 3px;
    }


.notifInput .clsAccordian > h3 {
    height: 37px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 8px;
    color: #444;
}

.notifInput .clsAccordian {
    position: relative;
    color: #333;
    z-index: 2;
}

.notifInput .ui-accordion .ui-accordion-content {
    position: absolute;
    top: 37px;
    width: 100%;
    background: #fff;
    max-height: 178px;
    overflow: auto !important;
}

    .notifInput .ui-accordion .ui-accordion-content .ui-accordion-content {
        position: relative;
        top: 0;
        padding: 5px 10px;
        max-height: 100%;
    }

    .notifInput .ui-accordion .ui-accordion-content .clsAccordian {
        padding-left: 5px !important;
        padding-right: 5px;
    }

.notifInput .clsAccordian h3 input {
    position: relative;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    top: -1px;
    margin-right: 5px;
}

.addJobBlock {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    padding: 5px;
    background: #F4F4F4;
    border: 1px solid #ddd;
    border-radius: 4px;
}


    .addJobBlock input {
        flex: 1;
        margin: 0 !important;
        max-width: 320px;
        padding: 5px 10px !important;
    }

    .addJobBlock .add {
        margin-left: 10px;
        font-weight: 500;
        padding: 0 10px;
    }

        .addJobBlock .add:hover {
            color: #333;
        }

    .addJobBlock .form-group {
        display: flex;
        flex-wrap: wrap;
        margin: 5px 0 0 !important;
        align-items: center;
    }

    .addJobBlock a#close {
        background: none;
        margin-left: 10px;
        font-weight: 500;
        padding: 0 10px;
        cursor: pointer;
    }


        .addJobBlock a#close:before {
            content: '\f00d';
            font-family: 'Font Awesome 5 Pro';
            font-size: 20px;
            padding: 5px;
            color: #666;
        }

.adAssetCot .form-control, .adAssetCot .form-select {
    margin-bottom: 0;
    min-height: 38px;
}

.adAssetCot .form-group {
    margin: 0 0 20px;
}

.adAssetCot .row {
    margin-bottom: 0;
}

.bottomNote {
    width: 100%;
    display: inline-block;
    text-align: right;
    font-size: 0.8rem;
    color: #666;
    margin-top: 4px;
}

.upldRight .form-group {
    margin-bottom: 0;
}

.customScroll .scrollbar-track {
    background: #00000020 !important;
    width: 6px !important;
}

.customScroll .scrollbar-thumb {
    width: 6px !important;
    background: rgba(0,0,0,.4) !important;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: max-content;
    }
}


.tabModalOpt .modal-body {
    display: flex;
    gap: 15px;
    background: rgba(255,255,255,0.9);
    border-radius: 6px;
    width: 390px;
}

.tabModalOpt {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .tabModalOpt .modal-dialog {
        display: flex;
        height: 100%;
        margin: 0;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 100%;
    }

    .tabModalOpt .modal-content {
        background: none;
        width: auto;
        box-shadow: none;
        height: auto;
    }




.keyWordBtnTags {
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px;
}

    .keyWordBtnTags .tag, .tagBlock {
        background: #fff;
        border: 1px dashed #ccc;
        margin: 0;
        position: relative;
        order: 2;
        border-radius: 3px;
        padding: 4px 5px;
    }

        .keyWordBtnTags .tag .remove-tag {
            color: #777;
            margin-left: 8px;
            cursor: pointer;
        }

        .keyWordBtnTags .tag .tagFlag, .astDropdown {
            position: absolute;
            top: 104%;
            left: 0;
            width: 200px;
            z-index: 2;
            background: #fff;
            box-shadow: 0 0 10px 0 #00000020;
            border-radius: 4px;
        }

.astDropdown {
    width: 220px;
    left: auto;
    right: -7px;
}

    .keyWordBtnTags .tag .tagFlag li, .astDropdown li {
        margin: 0;
    }

        .keyWordBtnTags .tag .tagFlag li + li, .astDropdown li + li {
            border-top: 1px dashed #ddd;
        }

    .keyWordBtnTags .tag .tagFlag .tagBtn, .astDropdown .tagBtn {
        border-radius: 4px;
        padding: 10px;
        color: #222;
        width: 100%;
        border: none;
        background: #fff;
        text-align: left;
    }

    .astDropdown .tagBtn {
        font-size: 0.85rem;
    }

        .keyWordBtnTags .tag .tagFlag .tagBtn i, .astDropdown .tagBtn i {
            display: inline-block;
            margin-right: 10px;
        }

        .keyWordBtnTags .tag .tagFlag .tagBtn:hover, .astDropdown .tagBtn:hover {
            color: #777;
        }

.keyWordBtnTags {
    position: relative;
}

    .keyWordBtnTags .assetInput {
        order: 1;
        margin-bottom: 4px;
        padding-left: 10px;
        width: 100%;
        padding-right: 40px;
    }

    .keyWordBtnTags .keyInfo {
        order: 1;
        position: absolute;
        right: 6px;
        top: 10px;
        font-size: 1.2rem;
        color: #777;
    }

.adAssetCot .left-sidenav .sidenav-tab .checkbox label {
    line-height: 18px;
    max-width: calc(100% - 10px);
}

.left-sidenav ul li li .checkbox {
    width: 100%;
}


.aiInput {
    box-shadow: 0 0 4px 0 #8bab97 !important;
}

.innerTitle {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 20px;
}

    .innerTitle h3 {
        margin: 0;
        font-size: 1.3rem;
        flex: 1;
        font-weight: 600;
        color: #333;
    }

.batchBlock {
    display: inline-block;
    width: 100%;
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}

    .batchBlock + .batchBlock {
        margin-top: 30px;
    }

    .batchBlock h6 {
        font-size: 1rem;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

        .batchBlock h6 span {
            width: 25px;
            height: 25px;
            display: flex;
            margin-left: 10px;
            background: #c3d6c0;
            text-align: center;
            border-radius: 100%;
            align-items: center;
            justify-content: center;
            font-weight: normal;
            font-size: 13px;
        }

.topBlock {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.batchBlock .topBlock .bulk-block {
    margin-left: auto;
}

.batchBlock ul.dropdown-menu li input {
    display: inline-block;
    font-size: 11px;
    min-height: 20px;
}

.batchBlock ul.dropdown-menu {
    min-width: 250px;
}

.topLft {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

    .topLft p {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

        .topLft p i {
            font-size: 22px;
            margin-right: 10px;
            color: #999;
        }

        .topLft p label {
            font-weight: normal;
            margin: 0;
        }

            .topLft p label span {
                font-weight: bold;
                display: block;
            }


.batchBlock table.table-custom th, .batchBlock table.table-custom td {
    border: none;
    text-align: left;
}

    .batchBlock table.table-custom td .chekedAsset {
        width: 17px;
        height: 17px;
        margin-left: 10px;
    }

.batchBlock table.table-custom td {
    border-top: 1px solid #ccc;
}

.batchBlock table a {
    margin: 0 5px;
    cursor: pointer;
}

    .batchBlock table a:hover {
        color: #333;
    }

.batchBlock table.table-custom td .chekedAsset {
    width: 17px;
    height: 17px;
    margin-left: 10px;
}

.batchBlock table.table-custom th:first-child {
    width: 80px;
}

.batchBlock .bulkViewDetail {
    background: #FAFCFD !important;
}

    .batchBlock .bulkViewDetail .row .bkCol {
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
    }

    .batchBlock .bulkViewDetail .bkCol label {
        display: inline-block;
        width: auto;
        margin-right: 10px;
        min-width: 100px;
    }

    .batchBlock .bulkViewDetail .row {
        margin: 0;
    }

        .batchBlock .bulkViewDetail .row .bkCol p {
            flex: 1;
            margin: 0;
        }

.tagBlock {
    margin: 0 5px 5px 0;
    border-style: solid;
    padding: 4px 10px;
    display: inline-block;
}

.assetFolderScroll.customScroll {
    padding: 0px 10px 0 0 !important;
}

.assetFolderScroll .treenav-list li {
    margin: 5px 0;
}

    .assetFolderScroll .treenav-list li .checkBoxLabel {
        word-break: break-word;
    }

    .assetFolderScroll .treenav-list li .checkbox {
        width: 100%;
    }

.assetFolderScroll .newIcon {
    width: 27px;
}

.modal-dialog.modal-xl {
    max-width: 1280px;
    width: 100%;
}

.dvCart_Quantity .modal-dialog {
    max-width: 400px;
    width: 100%;
}

    .dvCart_Quantity .modal-dialog .modal-content {
        border-radius: 5px !important;
    }

.Cart_Quantity-group {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: left;
}

    .Cart_Quantity-group .form-group {
        float: left;
        width: 100%;
    }

        .Cart_Quantity-group .form-group .form-control {
            width: 100% !important;
        }

    .Cart_Quantity-group .checkbox label {
        padding: 2px 0;
    }

.btnRowCenter {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 5px;
    padding-top: 15px;
    border-top: 1px dashed #ccc;
}

.selectOptionRow {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .selectOptionRow .multiselect-native-select {
        margin-right: 12px;
        float: left;
    }

    .selectOptionRow .btn-group {
        float: left;
    }

        .selectOptionRow .btn-group button.multiselect {
            float: left;
            color: #555 !important;
            background: #fff !important;
            border: 1px solid #ccc !important;
            min-width: 140px;
            text-align: left;
            display: flex;
            align-items: center;
            height: 30px !important;
            margin: 0 !important;
            padding: 5px 8px;
        }

            .selectOptionRow .btn-group button.multiselect::after {
                margin-left: auto;
            }

        .selectOptionRow .btn-group .multiselect-container.dropdown-menu {
            top: 100%;
            min-width: 220px;
        }

            .selectOptionRow .btn-group .multiselect-container.dropdown-menu a.multiselect-all {
                color: var(--primary-color-text) !important;
            }

            .selectOptionRow .btn-group .multiselect-container.dropdown-menu li {
                float: left;
                width: 100%;
                font-size: 0.8rem;
            }

                .selectOptionRow .btn-group .multiselect-container.dropdown-menu li label.checkbox {
                    padding: 3px 0 3px 30px;
                }

.formCot .selectOptionRow.dvGroupTab .multiselect-native-select, .formCot .selectOptionRow.dvGroupTab .multiselect-native-select .btn,
.formCot .selectOptionRow.dvGroupTab .multiselect-native-select .btn-group {
    width: 100%;
    min-height: 36px !important;
    margin: 0;
}

.frmLoadFlex .right-side.bgGray {
    padding: 20px;
    align-self: flex-start;
    width: calc(40% - 10px);
    margin-right: 9px;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 6px;
    margin-top: 14px;
}

    .frmLoadFlex .right-side.bgGray .assetAutoBlock {
        background: none;
        margin: 0;
    }

.frmLoadFlex .left-side input[type="text"], .frmLoadFlex .left-side select {
    min-height: 36px;
    border-radius: 4px;
}

.frmLoadFlex .left-side .column3 {
    padding-top: 3px;
}

.frmLoadFlex .left-side .row {
    margin-bottom: 10px;
}

.frmLoadFlex .left-side .listcontainer {
    padding: 6px;
}

.frmLoadFlex .right-side .dz-default.dz-message p {
    font-size: 0.85rem;
    margin: 0;
    color: #555;
}

.frmLoadFlex .right-side .dz-default.dz-message {
    padding: 10px;
    margin: 0;
}

.frmLoadFlex .right-side .dropzone {
    border: 1px dashed #ccc;
}

.frmLoadFlex .right-side .uploadImgDesc {
    position: relative;
}

    .frmLoadFlex .right-side .uploadImgDesc img {
        max-width: 100px;
        max-height: 90px;
    }

.frmLoadFlex .right-side .column3, .frmLoadFlex .right-side .column6 {
    min-width: 100%;
    margin: 0;
}

.frmLoadFlex .right-side .column3 {
    margin-bottom: 5px;
}

.frmLoadFlex .right-side .elipes_Success {
    border: 1px solid #a1b792;
    color: #4B9519;
    background: #4B951950;
}

    .frmLoadFlex .right-side .elipes_Success label {
        color: #111;
    }

    .frmLoadFlex .right-side .elipes_Success .upload-desc + .upload-desc {
        border-top: 1px solid #a1b792;
    }

.hBold {
    color: #222;
    font-weight: 500;
}

.frmLoadFlex .left-side .column3 {
    width: 250px;
}

.frmLoadFlex .left-side .column6 {
    width: calc(100% - 290px);
}

.selectOptionRow.dvGroupTab {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0px 0;
}

    .selectOptionRow.dvGroupTab label {
        margin: 0;
        font-weight: normal;
    }

    .selectOptionRow.dvGroupTab .multiselect {
        background: #fff;
        font-size: 13px;
    }


    .selectOptionRow.dvGroupTab .btn-group .multiselect-container.dropdown-menu {
        top: 100%;
        min-width: 200px;
        left: auto;
        right: 0;
    }

.selectOptionRow.tableTopBlock {
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    width: 100%;
    float: left;
}

.selectOptionRow.dvGroupTab.sideIntb {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    margin: 0 0 15px;
}

    .selectOptionRow.dvGroupTab.sideIntb .multiselect-native-select {
        width: 100%;
        margin: 0;
    }

        .selectOptionRow.dvGroupTab.sideIntb .multiselect-native-select button {
            width: 100%;
        }

.searchBlockRow .checkbox {
    width: 100%;
}

    .searchBlockRow .checkbox label {
        font-weight: normal;
    }

.searchBlockRow.sideIntb .sideCont {
    padding-top: 7px;
    border-top: 1px dashed #ddd;
}

.searchTopFilter .dropdown {
    margin: 4px 0 10px;
}

.searchBlockRow.sideIntb .sideCont:has(.dropdown-menu[style*='display: block']) {
    overflow: visible !important;
}

.left-sidenav > .searchBlockRow {
    margin-bottom: 8px;
}

.noRcTab.sideIntb {
    box-shadow: none;
}

.reportsHeader.reportInline > div[style*="width: 15%;"] {
    display: none;
}

.srGroup {
    display: inline-block;
    width: 100%;
    color: #111;
}

.srTitle {
    font-size: 1.1rem;
    margin: 0 0 5px;
}

.srContent {
    display: flex;
    width: 100%;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px;
}

    .srContent.srInline .srBtnGroup {
        margin-left: auto;
        padding-top: 10px;
    }

    .srContent.srFull .form-group {
        min-width: 24%;
    }

    .srContent .form-group, .srContent .select-tab4 {
        flex: 1;
        max-width: 19%;
        min-width: 16%;
        margin-bottom: 5px;
    }

    .srContent .select-tab4 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 10px;
    }

        .srContent .select-tab4 label {
            margin: 0;
        }

        .srContent .form-group.hide, .srContent .select-tab4.hide, .srContent .select-tab4:has(div[style^="display: none"]), .srContent .select-tab4:has(.hide) {
            display: none;
        }

        .srContent .select-tab4:has(.hide[style^="display: block;"]) {
            display: flex;
        }

    .srContent .form-group:has(label[style*="none"]), .srContent .form-group:has(label[class*="hideImp"]) {
        display: none;
    }

    .srContent .form-group input, .srContent .form-group select {
        margin: 0;
    }

    .srContent .select-tab4 input[type="text"], .srContent .select-tab4 select {
        min-width: 100%;
        margin: 0;
    }

    .srContent .select-tab4 .listcontainer {
        height: 80px;
    }

        .srContent .select-tab4 .listcontainer label {
            position: relative;
            font-weight: normal;
            padding: 2px 2px 2px 20px;
            margin-bottom: 5px;
        }

            .srContent .select-tab4 .listcontainer label input {
                position: absolute;
                left: 0;
                top: 0;
                width: 17px;
                height: 18px;
                margin: 0;
            }

    .srContent .select-tab4 .td {
        height: auto;
        font-size: inherit !important;
    }

.srBtnGroup {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 10px;
    align-items: center;
}

.srContent button.multiselect {
    width: 100%;
    text-align: left;
    box-shadow: none;
    min-height: 38px;
    margin: 0 !important;
    border-color: #ccc;
    padding: 5px 10px;
}

    .srContent button.multiselect::after {
        float: right;
        top: 7px;
        position: relative;
    }

.srContent .open > .dropdown-menu li {
    padding: 5px 10px 0;
    display: inline-block;
    width: 100%;
}

.container12.mainContainer fieldset.myFieldset.fieldsetborder {
    border: none !important;
}

    .container12.mainContainer fieldset.myFieldset.fieldsetborder legend.box_header {
        border: none;
        font-size: 1rem !important;
    }

.innerTitle + .container12.mainContainer {
    margin-top: 10px;
}

.topview-title.topview-titlesm {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.notifInput .ui-icon-circle-plus {
    background-position: -31px 2px;
}

.notifInput .ui-icon-circle-minus {
    background-image: url(../images/ui-icons_454545_256x240.png) !important;
    background-position: -64px 2px;
}

.kitbuilder-form .row {
    margin-bottom: 0;
}

table a.rowshowdetails {
    color: #367c2b !important;
}

table.Grid tbody tr td a.inline img {
    filter: grayscale(1);
}

.left-sidenav.bgWhite.searchPanel h3.box_header {
    padding-top: 10px;
    font-size: 1.15rem;
}

.right-mainblock.assetlist-view h3.box_header {
    font-size: 1.15rem;
}

#dataTree.box_header_tree table {
    border: none !important;
}

.subtabs .topsearch-block {
    margin-bottom: 20px;
}

#TB_iframeContent {
    clear: both;
    border: none;
    margin-bottom: -1px;
    margin-top: 1px;
    _margin-bottom: 1px;
}

#TB_iframeContent {
    clear: both;
    border: none;
    margin-bottom: -1px;
    margin-top: 1px;
    _margin-bottom: 1px;
}

div#TB_window:has(#tbConfirmCategoryDelete) #TB_ajaxWindowTitle:before {
    content: 'Delete Asset Folder';
}

#TB_title {
    background-color: #fff;
    height: auto;
    display: inline-block;
    width: 100%;
    padding: 8px 5px;
    border-radius: 6px 6px 0 0;
}

#TB_ajaxWindowTitle {
    float: left;
    padding: 5px 0 5px 10px;
    margin-bottom: 1px;
}

#TB_closeAjaxWindow {
    padding: 0 10px 0px 0;
    margin-bottom: 1px;
    text-align: right;
    float: right;
    font-size: 1.5rem;
    line-height: 24px;
}

#TB_ajaxContent {
    clear: both;
    padding: 2px 15px 15px 15px;
    overflow: auto;
    text-align: left;
    line-height: 1.4em;
}

a#TB_closeWindowButton {
    color: #666666;
}

#TB_ajaxWindowTitle {
    padding: 5px 0 5px 10px;
    font-size: 0.9rem;
    font-weight: 600;
}

    #TB_ajaxWindowTitle label {
        font-size: 1rem;
    }

img[src*="warning_AdminDeleteAsset.png"],
img[src*="deleteGroup.png"],
img[src*="warning_DeletingDisclaimer.png"] {
    max-height: 45px;
    margin: 5px 0 5px;
}

table#tbConfirmAssetDelete td {
    padding: 2px !important;
}


/*======================= Load RTR 2.0  ===========================*/


.rtrMainCot, .rtrTopblock, .rtrTopLeft {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.rtrTopblock {
    align-items: flex-start;
}

.rtrTopLeft {
    flex: 1;
    width: 100%;
    padding-bottom: 5px;
}

    .rtrMainCot > .row, .rtrTopLeft .row {
        display: flex;
        width: 25%;
        margin: 10px 0;
        padding: 0 10px;
        flex-direction: column;
    }

.rtrMainCot .rtrTopLeft .row.rowList,
.rtrMainCot .rtrTopLeft .row.rowList:has(#ddlSize[style*='display: block']) {
    width: 25%;
}

    .rtrMainCot .rtrTopLeft .row.rowList:has(.listcontainer[style*='display: flex']),
    .rtrMainCot .rtrTopLeft .row.rowList:has(.listcontainer[style*='display: block']),
    .rtrMainCot .rtrTopLeft .row.rowList:has(.listcontainer:not([style*='display'])) {
        width: 50%;
    }

.rtrMainCot .row .column6.form-datepick {
    display: flex;
    padding: 3px 5px;
    position: relative;
}

.rtrMainCot .form-upload {
    background: #f2f2f2;
    box-shadow: 0 0 0 1px #ccc inset;
    border-radius: 6px;
    width: calc(100% - 18px);
    margin: 9px 0 0 9px;
    display: flex;
    margin-bottom: 10px;
}

.form-upload .dropzone .dz-preview .dz-progress {
    top: 40px;
}

.form-upload .dropzone .dz-processing-message {
    position: absolute;
    bottom: -22px;
    padding: 2px;
    background: #d2e1e7;
    width: calc(100% + 9px);
    left: -4px;
    border-radius: 0 0 4px 4px;
}

.rtrMainCot .form-upload .dpZoneBlock {
    flex: 1;
}

.rtrMainCot .form-group.form-upload:has(.row[style*='display: block']) {
    padding-bottom: 15px;
}

.rtrMainCot .form-upload .upContent:has(.row[style*="block"]), .rtrMainCot .form-upload .upContent:not(.uploadImgDesc.hideImp) {
    max-width: 400px;
    min-width: 200px;
    background: #fafafa;
    margin: 8px;
    border-radius: 6px;
}

.form-upload .upContent:has(.uploadImgDesc.hideImp) {
    display: none;
}

.rtrMainCot .form-upload .upContent:has(.row[style*="block"]) {
    display: block;
}

.rtrMainCot .form-upload .upContent .row {
    width: 100%;
}

.upContent .uploadImgDesc {
    margin: 10px 15px 0;
    width: calc(100% - 30px);
    border: 1px solid #ddd;
    border-radius: 4px;
}

    .upContent .uploadImgDesc img {
        max-height: 50px;
    }

    .upContent .uploadImgDesc h4 {
        font-size: 0.8rem;
    }

.rtrMainCot .form-group.form-upload .row {
    width: 50%;
    padding: 5px 15px;
    float: left;
    margin: 8px 0 !important;
}

.hybUpBlock[style*="display: block"] {
    display: flex !important;
    flex-wrap: wrap;
    gap: 5px;
}

.hybUpBlock .libDrop {
    width: 30%;
    padding: 1.5rem;
    background: #fff;
    border: 1.5px dashed #ccc;
    border-radius: 4px;
    min-height: 90px;
    text-align: center;
    position: relative;
}

    .hybUpBlock .libDrop i {
        font-size: 1.5rem;
        margin-bottom: 8px;
    }

.libDrop p {
    font-size: 0.8rem;
    margin: 0;
}

.hybUpBlock .libDrop .btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.hybUpBlock .dvDropzone {
    width: 30% !important;
}

    .hybUpBlock .dvDropzone .dropzone {
        padding: 0.5rem;
        min-height: 100px !important;
    }

.rtrMainCot .form-upload .dvDropzone {
    width: 100%;
    display: flex;
    padding: 0;
    flex-direction: column;
}

.hybUpBlock .upImage:has(img[style*="display: block"]) {
    max-width: 200px;
    min-width: 130px;
    background: #ededed;
    border-radius: 6px;
    margin-left: auto;
    border: 1px solid #ccc;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upImage img {
    max-height: 95px;
}

.hybUpBlock.clUpBlock .libDrop, .hybUpBlock.clUpBlock .dvDropzone {
    width: 58% !important;
}

.hybUpBlock.clUpBlock {
    padding: 15px 12px;
    display: flex;
    flex-wrap: wrap;
}

    .hybUpBlock.clUpBlock .dvDropzone {
        margin-top: 10px;
    }

        .hybUpBlock.clUpBlock .dvDropzone .dropzone {
            border: 1px dashed #ccc;
            border-radius: 4px;
        }

.dropzone .dz-message svg {
    width: 26px;
}

.hybUpBlock.clUpBlock .dropzone.dz-clickable p {
    font-size: 0.8rem;
}

.hybUpBlock.clUpBlock .upImage:has(img[style*="display: block"]) {
    min-width: 58%;
    background: #f9f9f9;
    margin-top: 10px;
    margin-left: 0;
}

.rtrMainCot .form-group.form-upload .dz-default.dz-message p {
    font-size: 0.75rem;
}

.rtrMainCot .form-group.form-upload .dz-default.dz-message svg {
    width: 26px;
}

.rtrMainCot .dropzone .dz-message .divdrpzoneMsg {
    padding: 0 !important;
}

    .rtrMainCot .dropzone .dz-message .divdrpzoneMsg span {
        margin-bottom: 0 !important;
    }

.rtrMainCot .dropzone .dz-message {
    margin: 0.5rem 0;
    position: relative;
    top: 10px;
}

    .rtrMainCot .dropzone .dz-message:has(.divdrpzoneMsg) {
        top: 5px;
    }

.rtrMainCot .form-group.form-upload .btnWhite {
    padding: 5px;
    border: 1px solid #bbb;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px -1px, rgba(0, 0, 0, 0.05) 0px 1px 0px 0px;
    border-radius: 4px;
}

.rtrMainCot .form-group.form-upload .dropzone {
    border: 1.5px dashed #ccc;
    border-radius: 4px;
    min-height: 90px;
}

.rtrMainCot .rowHalf {
    width: 50%;
}

.rtrMainCot > .row.hide {
    display: none;
}

.rtrMainCot .row .column3, .rtrMainCot .row .column6 {
    min-width: 100%;
    padding: 0;
    margin: 0;
}

.rtrMainCot .row .column3 {
    margin-bottom: 6px;
}

.rtrMainCot .form-control {
    margin: 0;
    min-height: 38px;
}

.charcountDiv {
    text-align: right;
    font-size: 0.8rem;
    padding: 0;
    margin-top: 4px;
    color: #555;
    width: 100%;
    display: inline-block;
}

.charRow {
    position: relative;
}

    .charRow .charcountDiv {
        position: absolute;
        bottom: -20px;
        right: 10px;
    }

.rtrMainCot .listcontainer label {
    font-weight: 400;
    padding: 2px 4px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.rtrMainCot .rowList .listcontainer[style*="block"] {
    display: flex !important;
}

.rtrMainCot .rowList .listcontainer[style*="block"], .rtrMainCot .rowList .listcontainer {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    height: auto !important;
    align-items: flex-start;
    overflow: auto;
    max-height: 145px;
    border-radius: 2px;
}

    .rtrMainCot .rowList .listcontainer label {
        border: 1px solid #ddd;
        width: auto;
        line-height: normal;
        padding: 3px 5px;
        background: #f9f9f9;
    }

        .rtrMainCot .rowList .listcontainer label:has(input:checked ) {
            background: #fff;
        }

.rtrMainCot .row.rowList {
    width: 50%;
}

.keywordBlock, .rtrCheckbox {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: calc(100% - 20px);
    padding: 10px;
    margin: 15px 0 15px 10px;
    display: inline-block;
    background: #fcfcfc;
    position: relative;
}

    .keywordBlock label {
        font-weight: 400;
        margin-bottom: 7px;
    }

    .keywordBlock .keyWordBtnTags .assetInput {
        width: 350px;
        margin-right: 10px;
    }

    .keywordBlock .keyWordBtnTags {
        background: none;
        align-items: center;
    }

    .keywordBlock label.errorsummary {
        width: 100%;
        margin: 5px 0;
        left: 0;
    }

.rtrMainCot .keywordBlock .errorsummary {
    margin: -10px 0 0 !important;
    width: 350px !important;
    float: left;
    position: relative;
    top: -7px;
    border-radius: 0 0 4px 4px;
    font-size: 0.8rem;
}

.rtrCheckbox {
    padding: 15px 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

    .rtrCheckbox .row {
        width: auto;
        margin: 0;
    }

        .rtrCheckbox .row .column6 {
            width: auto;
            max-width: max-content;
        }

.rtrMainCot .radioBoxCon {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .rtrMainCot .radioBoxCon .checkbox {
        padding: 9px 10px;
        background: #f9f9f9;
        border: 1px solid #ddd;
        border-radius: 20px;
    }

.rtrMainCot .rowList.otLocal {
    width: auto;
    display: flex;
    align-items: center;
    flex-direction: row;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
}

.rtrMainCot .otLocal .column3 {
    width: auto;
    font-size: 0.8rem;
    min-width: auto;
    padding: 12px;
    display: flex;
    align-items: center;
    margin: 0;
    border-radius: 4px 0 0 4px;
    background: #f6f6f6;
    height: 100%;
    border-right: 1px solid #ddd;
}

.rtrMainCot .otLocal .column6 {
    flex: 1;
    min-width: auto;
    padding: 0 5px;
}

.rtrMainCot .otLocal .listcontainer {
    border: none;
}

.rtrMainCot .form-upload .upldText {
    margin-top: 4px;
}

.rtrMainCot .form-upload .dropzone .dz-preview .dz-details .dz-size span {
    position: relative;
    top: -5px;
}

.rtrMainCot .form-upload .dropzone .dz-preview .dz-image {
    height: 60px !important;
}



.rtrMainCot .form-upload .dropzone .dz-preview .dz-details .dz-size span {
    position: relative;
    top: -5px;
}

.rtrMainCot .form-upload .dvDropzone {
    position: relative;
}

    .rtrMainCot .form-upload .dvDropzone .elipes_Alert, .rtrMainCot .form-upload .dvDropzone .elipes_Success {
        position: absolute;
        background: #fff;
        padding: 2px 5px;
        border-radius: 0 0 6px 6px;
        border: 1px solid #ddd;
        bottom: -18px;
        margin: 0 !important;
        width: 100%;
    }

    .rtrMainCot .form-upload .dvDropzone .elipes_Success {
        background: #cbe5c7;
        padding: 5px 10px;
        white-space: nowrap;
    }
        .rtrMainCot .form-upload .dvDropzone .elipes_Success label {
            color: #1b1c1b;
            font-weight: normal;
        }
.rtrMainCot .dvDropzone .elipes_Success label {
    text-overflow: ellipsis;
    overflow: hidden;
}

.rtrMainCot .form-upload .dvDropzone .elipes_Alert label, .rtrMainCot .form-upload .dvDropzone .elipes_Success label {
    font-size: 0.7rem;
    margin: 0;
}

.rtrMainCot .form-upload .dvDropzone .elipes_Alert {
    background: #fffded;
}

.rtrMainCot .form-group.form-upload .upContent .row {
    width: 100%;
}

.rtrMainCot .elipes_Success .upload-desc {
    width: 100%;
    background: #cbe5c7;
    border-radius: 4px;
    border: 1px solid #cbe5c7;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 5px 10px;
}

    .rtrMainCot .elipes_Success .upload-desc label {
        flex: 1;
        padding: 0px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
        color: #1b1c1b;
        font-weight: normal;
        font-size: 0.7rem;
    }

    .rtrMainCot .elipes_Success .upload-desc input[type="checkbox"] {
        width: 15px;
        height: 15px;
        opacity: 0.7;
        filter: grayscale(1);
    }

    .rtrMainCot .elipes_Success .upload-desc + .upload-desc {
        margin-top: 5px;
    }

.rtrCheckbox .checkbox .customRadio + label, .rtrCheckbox .checkbox input[type=checkbox] + label {
    color: #111 !important;
    font-weight: 500;
}
.rtrRegion:has(#dvChkOtherRegion[style*="display: none"]), .rtrRegion:has(#dvChkOtherRegion[style*="display:none"]) {
    display: none;
}

.rtrCheckbox .checkbox input[type=checkbox] + label::before {
    top: 0;
}

.rtrCheckbox .checkbox input[type=checkbox]:checked + label::after {
    top: 3px;
}

.rtrCheckbox:has(.otLocal[style*="display: flex"]), .rtrCheckbox:has(.otLocal[style*="display:flex"]) {
    padding: 10px 15px;
}

.rtrCheckbox.rtrRegion {
    border-color: #367c2b;
}
.ldRtr1 .row .column6.form-datepick {
    display: flex;
    padding: 3px 5px;
    margin: 0 21px;
    max-width: 310px;
}

.listCotBlock {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 10px 0 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 10px 0 15px;
}


    .listCotBlock .column6 {
        width: 100%;
    }

    .listCotBlock .row {
        width: 33.3% !important;
        margin: 0;
        padding: 10px 10px 15px;
        display: flex;
        flex: 1;
        flex-direction: column;
    }

        .listCotBlock .row.hide {
            display: none;
        }

        .listCotBlock .row[style*="block"] {
            display: flex !important;
            flex-direction: column;
            flex-wrap: wrap;
        }

        .listCotBlock .row .column6 {
            flex: 1;
            display: flex;
            position: relative;
        }

            .listCotBlock .row .column6 .listcontainer {
                width: 100%;
            }

.rtrMainCot .listCotBlock .rowList .listcontainer {
    display: inline-block;
    height: 100% !important;
    padding-right: 25px;
}

    .rtrMainCot .listCotBlock .rowList .listcontainer label {
        display: inline-block;
        width: auto;
        margin: 3px;
    }


.fullBlock {
    width: 100%;
    flex-wrap: wrap;
    margin-top: 15px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    align-items: flex-start;
}

    .fullBlock .row.radioBlocks {
        max-width: 400px;
    }

    .fullBlock > .row {
        margin: 0;
        padding: 10px;
        flex: 1;
        width: 100% !important;
    }

    .fullBlock .listCotBlock {
        flex: 1;
    }

.scText {
    display: inline-block;
    min-width: 350px;
    max-height: 100px;
    overflow-y: auto;
}

.adAssetCot .left-sidenav:has(.customTreeB) {
    height: 100vh;
    display: flex;
}

    .adAssetCot .left-sidenav:has(.customTreeB) .dvFlex {
        flex-direction: column;
        gap: 0;
    }

.customTreeB {
    flex: 1;
}

    .customTreeB .inCont {
        margin: 0;
    }

        .customTreeB .inCont td {
            padding: 7px 0 !important;
        }


            .customTreeB .inCont td > div {
                display: flex;
                flex-wrap: wrap;
                align-items: flex-start;
                gap: 2px;
                padding-left: 16px;
                position: relative;
            }

.searchPanel .customTreeB label {
    flex: 1;
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.customTreeB .inCont td > div .plusMinus {
    line-height: 10px;
    position: absolute;
    left: 0;
    top: 1px;
}

    .customTreeB .inCont td > div .plusMinus img {
        padding: 0 !important;
    }

.searchPanel .customTreeB label span {
    position: relative;
    left: -5px;
}

    .searchPanel .customTreeB label span.treeParent {
        font-weight: 500;
    }

.customTreeB {
    margin-top: 7px;
}

    .customTreeB .inCont td > div a {
        line-height: 8px;
    }

.inlineForm .form-group.form-inline {
    display: flex;
    gap: 20px;
}

    .inlineForm .form-group.form-inline > label {
        width: 150px;
    }

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

    .inlineForm.halfArea {
        width: 75%;
    }

.inlineInput {
    flex: 1;
}

.pageFlexCot .ui-accordion .ui-accordion-icons {
    padding: 10px 15px !important;
    box-shadow: none;
    color: #222;
}

.pageFlexCot .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    top: 15px !important;
}

.pageFlexCot .labelclass {
    font-size: 14px !important;
    margin-bottom: 5px;
}

    .pageFlexCot .labelclass input[type="radio"] {
        position: relative;
        top: 2px;
        margin-right: 7px;
    }

.pageFlexCot .clsAccordian {
    margin-top: 12px;
}

.pageFlexCot div#dvCustomTags {
    padding: 5px;
}

.priceTable {
    padding: 0 8px;
}

    .priceTable table.tablesorter th, .priceTable table.tablesorter td {
        background: no-repeat;
        font-size: 14px;
        padding: 7px 10px !important;
        border: none;
        border-bottom: 1px solid #ddd;
        text-align: left;
    }

    .priceTable table.tablesorter {
        border: 1px solid #ddd;
        margin-top: 10px;
    }


div#TB_window:has(#tbConfirmCategoryDelete) #TB_ajaxContent {
    min-width: 100%;
    height: auto !important;
    padding-bottom: 0;
}

    div#TB_window:has(#tbConfirmCategoryDelete) #TB_ajaxContent p {
        text-align: left;
    }

.modal-feedback .container12.mainContainer {
    margin: 0;
    padding-top: 0;
    min-width: 100%;
}

.iconAi {
    display: flex;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    padding: 3px;
    background: #f4f4f4;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 2px 1px #2d883590;
    position: absolute;
    right: 5px;
    top: 5px;
    transform: scale(0.9);
}

    .iconAi img {
        width: 13px;
    }

.listCotBlock .row .column6 .iconAi {
    right: 10px;
}

.listCotBlock .row .column6:has(.listcontainer label:nth-child(5)) .iconAi {
    right: 20px;
}

.iconAi.AsseticonAi {
    top: 30px;
    z-index: 1;
    width: 22px;
    height: 22px;
}

.form-group:has(.form-select:disabled) .iconAi.AsseticonAi {
    right: 10px;
}

.form-group:has(.form-select) .iconAi.AsseticonAi {
    right: 35px;
}

.form-group:has(.form-datepick) .iconAi.AsseticonAi {
    right: 35px;
}

.form-group:has(.assetInput) .iconAi.AsseticonAi {
    top: 35px;
    right: 35px;
}

.form-group:has(.keyWordBtnTags) .iconAi.AsseticonAi {
    top: 37px;
    right: 35px;
}

.form-group:has(.multiListBlock ) .iconAi.AsseticonAi {
    top: 31px;
    right: 17px;
}

.form-group:has(.iconAi.AsseticonAi) .multiListBlock {
    padding-right: 20px;
}

.rtrTopLeft .charcountDiv {
    position: relative;
    margin-top: -10px;
    top: 15px;
    width: 100%;
}

.aiBlock .charts-row .card h2 {
    margin: 15px 0;
    font-size: 2rem;
}

.aiBlock .chart-container {
    flex: 1;
    padding: 20 px;
}

.aiBlock h5, .h5-title {
    font-size: 1.1rem;
}

.rowBlock {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.col-65 {
    width: 55%;
}

.col-55 {
    width: 45%;
}

.no-pagination .dataTables_paginate {
    display: none;
}

.aiBlock .navTabCot .nav-item .nav-link {
    font-size: 1rem;
    padding: 0.9rem 1.2rem !important
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #F6F6F6;
    border-color: #ddd;
    padding: 3px 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    float: right;
    margin-left: 5px;
}

.aiBlock {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 15px;
    border-radius: 6px;
    background: #E6E6E6;
}

.topFormGroup {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

    .topFormGroup .form-group {
        flex: 1;
        margin: 10px 0 13px;
    }

        .topFormGroup .form-group .select2-container {
            min-width: 100%;
        }

        .topFormGroup .form-group input, .topFormGroup .form-group select {
            margin: 0;
        }

        .topFormGroup .form-group .select2-container ul li {
            margin: 2px 2px 0;
        }

    .topFormGroup .select2-container--default .select2-selection--multiple {
        border-color: #ced4da !important;
        min-height: 38px;
        padding: 4px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .topFormGroup .select2-container--default .select2-search--inline .select2-search__field {
        margin-top: 0;
    }


.abIcon {
    position: absolute;
    font-size: 2.5rem;
    top: calc(50% - 20px);
    right: 20px;
    opacity: 0.2;
}

.aiBlock .charts-row .card {
    position: relative;
}



.aiBlock .chart-container {
    flex: 1;
}

#dvarchive > ul#ularchive {
    height: 300px;
    overflow-x: visible;
    overflow-y: scroll;
}

.topFormGroup .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #f9f9f9;
    border: 1px solid #ddd;
    padding: 3px 5px;
}

.topFormGroup .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}

.aiBlock .table th {
    width: auto !important;
    padding: 10px !important;
}

input[type="checkbox"] {
    filter: grayscale(1);
}

.title-uploadgo {
    display: flex;
    width: 100%;
    margin-top: -30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

    .title-uploadgo h4 {
        font-size: 1.1rem;
        font-weight: 500;
        margin: 0;
    }

table#tblDealersGrid td {
    text-align: left;
}

table#tblDealersGrid input[type="checkbox"] {
    margin-left: 10px;
}

table input[type="checkbox"] {
    min-height: 15px;
    min-width: 15px;
    cursor: pointer;
}

.th-left th, .td-left td {
    text-align: left !important;
}

.full-form label {
    width: 100% !important;
}

.full-form input, .full-form select, .full-form .form-control {
    margin: 0 !important;
}

.full-form .row {
    margin-bottom: 0;
}

.full-form .form-group {
    padding: 0 !important;
}

#divReport .dataTables_wrapper {
    padding: 0;
}

.modal-form input, .modal-form select {
    margin-bottom: 0 !important;
}

.top-form .form-control {
    margin-bottom: 0;
}

.dollarInput {
    display: inline-block;
    width: 100%;
    position: relative;
}

    .dollarInput .icon-dollar {
        position: absolute;
        top: 9px;
        font-size: 1rem;
        left: 9px;
    }

    .dollarInput input {
        padding-left: 25px !important;
    }

    .dollarInput:has(.alert) {
        margin-bottom: 25px;
    }

    .dollarInput .alert {
        position: absolute;
        top: calc(100% - 5px);
        border-radius: 0 0 4px 4px;
        font-size: 0.75rem;
        padding: 2px 6px;
        width: 100%;
        display: inline-block;
    }

    .dollarInput:has(.alert) input {
        border-radius: 4px 4px 0 0;
    }

.max-150 {
    max-width: 150px !important;
}

.form-control.table-input {
    display: inline-block;
}


/*================= my notifications=======================*/

.notifyRow {
    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;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

    .notifyRow .radioBoxCon label {
        width: auto !important;
    }


.checkboxListRow {
    display: inline-block;
    width: calc(100% + 20px);
    margin-left: -10px;
    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;
}

    .checkboxListRow li {
        display: inline-block;
        width: 50%;
        padding: 5px 10px;
    }

.notificationsBlock {
    display: inline-block;
    width: 100%;
    border-top: 1px dashed #ccc;
    margin-top: 10px;
    padding-top: 20px;
}

.pageTitle2 {
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #444;
}

.TRForm .notificationsBlock {
    margin-bottom: 15px;
}

.ntBlock {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}

    .ntBlock .ntTabs {
        border: 1px solid #C8C8C8;
        min-width: 950px;
        max-height: 54px;
        overflow: hidden;
        padding: 10px;
        white-space: nowrap;
        margin: 0;
        font-weight: 600;
    }

        .ntBlock .ntTabs:first-child {
            border-radius: 6px 6px 0 0;
        }

        .ntBlock .ntTabs:last-child:not(:first-child) {
            border-radius: 0 0 6px 6px;
        }

        .ntBlock .ntTabs + .ntTabs {
            border-top: none;
        }

        .ntBlock .ntTabs.active {
            max-height: 100%;
        }

        .ntBlock .ntTabs .clsToggleIcon {
            position: relative;
            color: #555;
            padding: 5px;
            left: -5px;
            margin-right: 10px;
            transform: rotate(-90deg);
            font-size: 0.9rem;
            top: -1px;
            opacity: 0.8;
            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;
        }

        .ntBlock .ntTabs .checkboxListRow {
            flex-direction: column;
        }

        .ntBlock .ntTabs.active .clsToggleIcon {
            transform: rotate(0deg);
        }

    .ntBlock .checkboxListRow label {
        font-size: 0.9rem;
        padding-left: 29px;
        padding-top: 0;
        color: #111;
        font-weight: 400;
    }

.toggleHead label {
    padding-top: 2px !important;
}
.text-wrap {
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    overflow-wrap: break-word;
    hyphens: auto;
    line-height: 1.4;
}
.rtrMainCot .variable.hide {
    display:none;
}
.rtrMainCot .variable.row {
    width: 50%;
    padding: 5px 15px;
}
.email-input{
    font-size:0.75rem !important;
}
.rowHalf .email-input {
    min-height: 39px;
}
.preApprovalmodal .row .dvleft {
    display: inline-block;
    width: 200px;
    text-align: left;
    font-weight: 500;
    padding: 2px 10px;
}
.preApprovalmodal .row > div {
    margin-bottom: 4px;
}
.preApprovalmodal .row .dvright {
    width: calc(100% - 220px);
    float: none;
    display: inline-block;
}

    .preApprovalmodal .row .dvright .txtbox {
        min-width: 100%;
    }
    .preApprovalmodal .row .dvright.form-datepick {
        display: flex;
    }
#TB_ajaxContent:has(.preApprovalmodal), #TB_ajaxContent:has(.preApprovalSuccess) {
    min-width: 100%;
    height: auto !important;
    max-height: 550px;
}
#TB_window:has(.fnlStepEmail) #TB_ajaxWindowTitle {
    position: relative;
}

    #TB_window:has(.fnlStepEmail) #TB_ajaxWindowTitle:before {
        content: 'Email Ad';
        font-size: 1rem;
        padding-left: 10px;
    }
#TB_window:has(.fnlStepEmail) #TB_ajaxContent {
    min-width: 100%;
    height: auto !important;
}
.fnlStepEmail .form-control {
    margin-bottom: 0;
}
#cboxLoadedContent:has(#dvhiddenSendEmailAdPopUp), #cboxContent:has(#dvhiddenSendEmailAdPopUp), #cboxWrapper:has(#dvhiddenSendEmailAdPopUp) {
    height: auto !important;
    padding-bottom:10px;
}
.pos-temp-action:has(.kitTemp) .pos-temp-img:after {
    content: 'Bulk action is not applicable for kits.';
    font-size: 1rem;
    color: #fff;
    background: #333;
    z-index: 99;
    width: 290px;
    position: absolute;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.pos-temp-action:has(.kitTemp) .pos-temp-img:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    z-index: 99;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
    margin-top: 46px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.pos-temp-action:has(.kitTemp):hover .pos-temp-img:after {
    margin: 0;
    opacity: 1;
}

.pos-temp-action:has(.kitTemp):hover .pos-temp-img:before {
    opacity: 1;
}
 
}
.fnlStepBtn {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 8px;
}

    .fnlStepBtn .fnlBtn {
        padding: 10px 0;
    }

.fnlStepNav {
    width: 100%;
    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;
    max-width: 350px;
    text-align: center;
    margin: 15px 0;
}
    .fnlStepNav li {
        width: calc(100% / 3);
        margin-bottom: 5px;
    }
span.errorText {
    color: red;
}
.inlineForm .row {
    margin-bottom: 10px;
}

    .inlineForm .row .column6:has(.rtrMainCot) {
        min-width: 40%;
    }
.top-form:has(#dvShipDate[style*="display: none"]) .orderForm .form-group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.top-form:has(#dvShipDate[style*="display: none"]) .orderForm label {
    white-space: nowrap;
    padding-right: 15px;
}

.top-form:has(#dvShipDate[style*="display: none"]) .orderForm {
    min-width: 250px;
}
.elipes_Success {
    max-height: 165px;
    overflow-y: auto;
}