/* ============================== Start Input Style  =============================*/

.manfield input.form-control,
.manfield select.form-control {
    border: none;
}

.nomanfield input.form-control,
.nomanfield select.form-control {
    border: none;
}

.manfield span.input-group-addon {
    border: none;
    background: transparent;
}

.nomanfield span.input-group-addon {
    border: none;
    background: transparent;
}

.manfield .form-control {
    border: none;
}

.manfield span.select2-container--default .select2-selection--single,
.manfield span.select2-container--default .select2-selection--multiple {
    border: none;
}

.nomanfield span.select2-container--default .select2-selection--single,
.nomanfield span.select2-container--default .select2-selection--multiple {
    border: none;
}

.manfield {
    border: 1px solid #3fbbcb;
    width: 100%;
    display: table;
    border-collapse: separate;
    position: relative;
    padding: 2px;
}

    .manfield .select2-dropdown {
        border-color: #3fbbcb;
    }

.nomanfield {
    border: 1px solid rgba(0, 0, 0, .15);
    width: 100%;
    display: table;
    border-collapse: separate;
    position: relative;
    padding: 2px;
}

.manfield .cke_chrome {
    border: none;
}

#ContentPlaceHolder1_gvSupportData .form-control {
    min-height: 18px;
}

.icon,
.btn i,
.input-group-addon i {
    font-size: 1.2rem;
}

.dashboardtop_icon i,
ul.right-action li a i,
ul.right-action li a span,
a i,
.table td a i,
.fa {
    font-size: 1.2rem;
}

.subscriptionset_actionbtn a i {
    font-size: 1.2rem;
}

.static-detail-icon .fa {
    font-size: 35px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    background: transparent !important;
}

    input:-webkit-autofill,
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0px 1000px #000 inset;
        transition: background-color 5000s ease-in-out 0s;
    }

.text-overlay-description a:not([href]):not([tabindex]):hover {
    color: #fff !important;
}


/* ============================== End Input Style  =============================*/


/* ==============================Start Common ========================*/
.avoidautofill {
    position: absolute;
    z-index: -1;
    top: -500px;
}

body {
    font-family: 'Open Sans', sans-serif;
}

.login-form h3 {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}

i {
    line-height: 100%;
}

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

.bespmobileno {
    float: left;
    width: 78%;
    margin-left: 2%;
}

.displaynone {
    display: none;
}

.displayblock {
    display: block !important;
}

.textcenter {
    text-align: center;
}

.btn-round {
    border-radius: 5px !important;
}


/*.content_aligndash .content {
    margin-right: 10px;
}

.content_alignfulldash .content {
    margin-left: 5px;
    margin-right: 5px;
}

.content_alignthree_column .content {
    margin-left: 5px;
}*/

.select2-results,
.select2-dropdown {
    z-index: 99999 !important;
}

.dashboard_v4-page .icon_minus-06::before {
    content: "\f150";
    font-family: fontawesome;
}

.dashboard_v4-page .icon_plus::before {
    content: "\f152";
    font-family: fontawesome;
}

.dashboard_v4-page li[data-widget="close"] {
    display: none !important;
}

.left_assetsearch .icon_minus-06::before {
    content: "\f107";
    font-family: fontawesome;
}

.left_assetsearch .icon_plus::before {
    content: "\f105";
    font-family: fontawesome;
}

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

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

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

.modal-header .close {
    color: #fff;
}

    .modal-header .close::after {
        content: "\f05c";
        font-family: FontAwesome;
        color: #fff;
        opacity: 1;
    }

.btn-primary i,
.btn i {
    margin-right: 5px;
}

.inline_radiotable {
    margin-left: 20px;
}

    .inline_radiotable td {
        padding-right: 10px;
    }

.input-group-addon i,
.btn i,
i {
    font-style: normal;
}


/*.user_icon:before { 
 font-family:FontAwesome;
 content:'\f007';
 } 


.password_icon:before { 
 font-family:FontAwesome;
 content:'\f023';
 }*/

.message_modal {
    max-width: 400px;
}

.primary-modal .message_modal .modal-header {
    padding-top: 5px;
    padding-bottom: 5px;
}

.status_style {
    font-size: 16px;
    line-height: 29px;
}

.select2 {
    width: 100% !important;
    /*max-width: 280px !important*/
}

.table tr td table td {
    padding: 0;
}

.formError {
    left: 0 !important;
}

.mr-5 {
    margin-right: 5px;
}

.select2-container .select2-search--inline {
    /*float: none !important;*/
}

.select2-container .select2-search--inline,
input.select2-search__field {
    /*min-width: 100% !important;*/
}

.
/*table tr td:last-child {
    text-align: center;
}*/
.tablelast tr td:last-child {
    text-align: left;
}

.table tr td {
    word-break: break-all;
    white-space: normal !important;
}

.table tr.well td {
    background: #E1EEF4 !important;
    text-align: center !important;
}

.btn-file input[type="file"] {
    width: 100%;
}


/*.btn-success:hover {
    background: #800837 !important;
    border-color: #800837 !important;
}

.actionBar .btnprimary:hover, .btn-primary:hover {
    background: #800837 !important;
    border-color: #800837 !important;
}

.buttonDisabled:hover {
    background: #800837 !important;
    border-color: #800837 !important;
}*/

.autowidthimg {
    width: auto;
    max-width: inherit;
}

.profilename_txtstyle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 11px;
    line-height: 34px;
    text-align: center;
    font-weight: bold;
    display: inline-block;
}

.profilenamebig_txtstyle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #087380;
    color: #fff;
    font-size: 24px;
    line-height: 120px;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    margin-top: 15px;
}

.clearsearch {
    /*padding: 7px 1px 10px 16px;
    border-left: 2px solid #1c8490;
    margin-left: 10px;*/
}

.searchasset_bgstyle,
select.searchasset_bgstyle {
    background-color: #087380 !important;
    border-left: 2px solid #087380 !important;
}

    .searchasset_bgstyle a,
    .searchasset_bgstyle a:hover {
        color: #fff;
    }

.textcount_style span {
    font-weight: bold;
    color: #000;
}

.searchbtnicon_style {
    padding: 8px 11px;
    border-left: 2px solid #f1f3f6 !important;
    background: #fff !important;
}

    .searchbtnicon_style a {
        color: #087380;
    }

.singlesearchbg_style {
    background: #f2f2f2;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    /*box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);*/
}
.cke_dialog {
    z-index: 100550 !important;
}

/* ============================== End Common ========================*/


/* ============================== Start Master Page Style =================================== */


/* ============================== End Master Page Style =================================== */

.user-header img {
    height: 35px;
}

.userProfile img {
    height: 120px;
}

.Rolestyle {
    margin-top: 1.9rem !important;
}

#pswd_info {
    display: none;
}

.invalid {
    /*background: url(../images/invalid.png) no-repeat 0 50%;*/
    padding-left: 22px;
    line-height: 24px;
    color: #ec3f41;
}

    .invalid:before {
        color: #ec3f41;
        content: "\f00d";
        font-family: FontAwesome;
    }

.valid {
    padding-left: 22px;
    line-height: 24px;
    color: #3a7d34;
}

    .valid:before {
        color: #3a7d34;
        content: "\f00c";
        font-family: FontAwesome;
    }

#pswd_info::before {
    content: "\25B2";
    position: absolute;
    top: -12px;
    left: 45%;
    font-size: 14px;
    line-height: 14px;
    color: #ddd;
    text-shadow: none;
    display: block;
}

#pswd_info h4 {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: normal;
    font-size: 18px;
    color: #000;
    line-height: 25px;
}

#pswd_info {
    position: absolute;
    top: 320px;
    bottom: -115px\9;
    right: 50%;
    width: 277px;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
    z-index: 99;
}

    #pswd_info ul {
        padding: 0;
        margin: 0;
    }

        #pswd_info ul li {
            list-style: none;
            padding: 0;
            font-size: 14px;
        }

            #pswd_info ul li:before {
                margin-right: 8px;
            }

.link-btn span {
    width: 20px;
    height: 20px;
    background: #286A79;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    bottom: 20px;
    right: -7px;
}

.link-btn:focus {
    background: transparent !important;
    border-color: transparent !important;
}

.logobgcolor {
    padding: 1px;
}


/* ============================== Start Dashboard Style ========================== */

.userMessagedrop li a .media-body {
    display: block !important;
}

ul.userMessagedrop {
    width: 100%;
}

.dashboardtop_icon {
    border-radius: 20px;
    height: 35px;
    line-height: 38px;
    margin-left: 10px;
    margin-top: 14px;
    text-align: center;
    width: 35px;
    border: solid 1px transparent;
    background: rgba(0, 0, 0, 0.1);
    transition: transform ease-out 0.1s, background 0.2s;
    display: inline-block;
    color: #fff !important;
    cursor: pointer;
}

    .dashboardtop_icon.dashicon_darkblue {
        background-color: #0b6c9c !important;
    }

    .dashboardtop_icon.dashicon_lightblue {
        background-color: #1AA8EF !important;
    }

div.hightbox_dash .content {
    /*height: 635px;*/
    height: auto;
}

div.hightbox_auto .content {
    height: auto;
}

.clickupload_btnstyle {
    padding: 3em 15px;
}

    .clickupload_btnstyle a {
        font-size: 20px;
        color: #1AA8EF;
    }

.dashboard-action ul {
    padding-left: 15px;
}

.dashboard_4_advertise_box3 {
    margin-bottom: 1rem;
}


/* ============================== End Dashboard Style ============================ */


/* ============================== Start Top Header Style ========================== */

.topheader {
    /*background:#A7424A;*/
    background: #99141f;
}


/* ============================== End Top Header Style ========================== */


/* ============================== Start Hearder Style =================== */

.wrapper #header {
    position: relative;
}

.language.form-bootstrap-select .bootstrap-select .btn {
    margin-top: 7px;
    margin-bottom: 0 !important;
}

.language.form-bootstrap-select .dropdown-toggle::after {
    margin-top: 8px;
}

.wsoffcanvasopener .animated-arrow span::before,
.wsoffcanvasopener .animated-arrow span::after {
    background: #fff;
}


/* =============================== End Hearder Style ==================== */


/* ============================== Start Asset Search Style ===================== */


/*.icon-bottom-overlay
{
    display:table;
    width:100%;
    height:300px;
}
.assetimg_align
{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}*/

.thumbnail_container {
    width: auto;
    padding-bottom: 100%;
    /* max-height: 400px;
   height: 400px;*/
    height: 188px;
    max-height: 315px text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
    margin-top: 35px;
    padding-bottom: 0;
}

.icon-bottom-overlay .thumbnail {
    /*height: 338px !important;*/
}

.thumbnail_container .thumbnail img {
    /*width: auto;*/
    max-width: inherit;
    width: 100%;
}

.thumbnail {
    position: absolute;
    width: 100%;
    height: 188px;
    border: 1px solid #ddd;
    /*display: flex;*/
}

    .thumbnail img {
        /*position: absolute;*/
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        max-height: 100%;
        border: none;
    }

.overlay-box-shadow {
    /*padding: 10px 20px 20px;*/
    padding: 10px 10px 10px;
    margin-top: 5px;
}

.icon-bottom-overlay hr {
    display: none;
}

.icon-bottom-overlay p {
    float: left !important;
}

.icon-overlay .text-overlay-description hr {
    display: none;
}

.left_assetsearch {
    padding: 0 10px;
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    /*z-index: 9997;*/
    z-index: 9;
    -webkit-box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
    border: 1px solid #ccc;
    background: #fdfdfd;
    overflow: hidden;
}

.leftassetsearch_fixed {
    position: fixed;
    top: 130px;
}

.left_assetsearch .page-content-title {
    font-size: 17px;
}


/*.left_assetsearch .row {
    margin-bottom: 20px;
}*/

div.leftsearch_customscroll {
    height: 600px;
}

.left_assetsearch {
}

.cursor {
    cursor: not-allowed;
}

.aspNetDisabled,
.disabled {
    cursor: not-allowed;
    pointer-events: none;
}

.searchasset_pageination {
    background-color: #f6f7f9;
    border: 1px solid #dae0e7;
    border-radius: 4px;
    line-height: 25px;
    margin-bottom: 0;
    vertical-align: middle;
    /*margin-bottom: 20px;*/
    padding: 4px 4px;
    /*margin-top: 20px;*/
}

.searchasset_selectpagetop select {
    min-height: 35px;
    margin-top: 1px;
    height: 35px !important;
    margin-left: 6px;
}

.alignformsubmit {
    margin: 1px 0px 1px 1px;
}

.alignformsubmit1 {
    margin: 0px 1px 0px 0px;
}

.searchasset_selectpagetop select:not(.custom-select):not(multiple) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("../../assets/global/image/arrow-dropdown.png") no-repeat 92% center !important;
    /*padding-left: 10px !important;*/
    padding: 5px 10px 5px 5px !important;
}

.left_assetsearch .card-header {
    padding-top: 0;
    padding-bottom: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .left_assetsearch .card-header h4 {
        margin-bottom: 0;
    }

.left_assetsearch .content-section {
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding-bottom: 0;
    padding-top: 10px;
}

.left_assetsearch .content {
    border: none !important;
}

.left_assetsearch .card-block {
    /*max-height: 250px;*/
    height: auto !important;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.overlay-box-title h4 {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.checked_back {
    background: #feffaf;
}

.left_assetsearch .ps-container {
    z-index: 1 !important;
}


/*.overlay-box-shadow .site-checkbox input[type="checkbox"] + label::before
{
    width: 24px;
    height: 24px;
    background-color: transparent;
    top: 50%;
    left: 9px;
    width: 10px;
    height: 5px;
    margin-top: 0px;
    border-style: solid;
    border-color: #FFFFFF;
    border-width: 0 0 3px 3px;
    border-image: none;
    transform: rotate(-45deg) scale(0);
}

.overlay-box-shadow site-checkbox input[type="checkbox"] + label::after, .site-radio input[type="checkbox"] + label::after {
    background-color: transparent;
    top: 50%;
    left: 9px;
    width: 10px;
    height: 5px;
    margin-top: 0px;
    border-style: solid;
    border-color: #FFFFFF;
    border-width: 0 0 3px 3px;
    border-image: none;
    transform: rotate(-45deg) scale(0);
}*/


/*.searchasset_pageination i {
    font-size: 18px;
    color: #fff;
}*/

.fullrow_style {
    margin-top: 5px;
}


/*.age_align {
    padding-left: 5px !important;
}*/

.btnAssetSearch {
    margin-right: 10px;
}

.leftadvance_searchbtn .btn {
    padding: 8px 3px;
    font-size: 14px;
    width: -moz-fit-content;
}

#mdEngagement p {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

#mdEngagement hr {
    margin: 1em 1em;
    clear: both;
}

.icon-bottom-overlay .icon-bottom-overlay-text p a.aspNetDisabled {
    color: #333;
}

.searchassetimgcountsmall_text {
    position: absolute;
    top: 0px;
    right: 0;
    background: rgba(0, 0, 0, .5);
    width: 50px;
    height: 40px;
    text-align: right;
    color: #fff;
    font-size: 17px;
    line-height: 36px;
    border-radius: 0px 0 0px 40px;
    padding-right: 12px;
    z-index: 8;
}

ul.right-action {
    padding-left: 15px;
}

.left_assetsearch div.always-visible {
    height: 100vh !important;
}


/* ============================== End Assets Search Style ====================== */


/* ============================== Start Asset Quick View Style ===================== */

.asset_quickview {
    height: 100%;
    max-height: 100%;
    padding: 0 !important;
}

    .asset_quickview .modal-dialog {
        height: 100%;
        width: 100%;
        margin: 0;
        max-width: 100%;
    }

    .asset_quickview .modal-content {
        background-color: transparent;
        border: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        height: 100%;
    }

.modal-content > .quick_view {
    background-color: transparent;
    position: fixed;
    width: 100%;
    overflow: hidden;
}

    .modal-content > .quick_view .modal-header .close::after {
        display: none;
    }

    .modal-content > .quick_view .modal-header .close span {
        margin-right: 5px;
    }

.quick_view {
    height: 100%;
    overflow: hidden;
}

    .quick_view .modal-header {
        background-color: #1c7982;
        height: 38px;
        padding: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1;
    }

.quick_view_modal_title {
    font-style: normal;
    font-weight: 700;
    color: #ffffff;
    display: inline-block;
    overflow-x: hidden;
    padding-top: 7px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(70%);
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 28px;
}

    .quick_view_modal_title:hover {
        color: #fff;
    }

.quick_view .modal-header .btn-primary {
    background: #fff !important;
    color: #1c7982;
}

.quick_view .modal-header button.close {
    font-style: normal;
    font-weight: 700;
    text-shadow: 0 1px 1px #181e25;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: #ffffff;
    float: right;
    font-size: 16px;
    line-height: 1.6rem;
    margin-top: 0;
    outline: none;
    padding: 6px 12px;
    opacity: 1;
}

.quick_view .modal-body {
    height: inherit;
    /*padding: 0;*/
    margin-top: 33px;
}

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

.img_preview {
    width: 550px;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    padding: 30px;
    margin-top: 50px;
}

.fullrow_style p {
    padding: 0;
    font-size: 12px;
}

.previewmetadata_style {
    background: #fff;
    min-height: 600px;
    padding: 5px 5px 5em 5px;
    height: auto !important;
}

    .previewmetadata_style .card-header {
        background: transparent !important;
        border-color: #000 !important;
        padding: 10px 4px;
    }

        .previewmetadata_style .card-header h5 a {
            font-size: 18px;
            font-weight: bold;
            color: #000 !important;
            padding;
        }

        .previewmetadata_style .card-header h5 {
            padding: 0 30px;
        }

        .previewmetadata_style .card-header i {
            margin-right: 10px;
        }

    .previewmetadata_style .card {
        border: none;
    }

    .previewmetadata_style .card-block span p {
    }

        .previewmetadata_style .card-block span p h4 {
            color: #000;
            font-size: 16px;
            font-weight: normal;
            line-height: 100%;
        }

        .previewmetadata_style .card-block span p strong {
            color: #000;
            font-size: 16px;
            font-weight: bold;
            line-height: 100%;
            margin-bottom: 10px;
            display: block;
        }

.body_content {
    height: inherit;
    position: relative;
}

.preview {
    /*width: 78%;
    height: 100%;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.meta_details {
    /*width: 22%;
    opacity: 1.0;
    background: #ffffff;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;*/
    /*display: none;*/
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 520px;
    margin: 0;
    padding: 2px 2px 4px;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    /*z-index: 99995;*/
}

.hidediv {
    display: none;
}

.showhide_thumbs .meta_details {
    display: block;
    transition-duration: 500ms;
}

.showhide_thumbs .preview {
    right: 520px;
}

.meta_details section {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
}

.details {
    height: inherit;
    padding: 6px 0 20px;
    overflow-y: auto;
}

.card-accordions .card-header .card-title::before {
    font-family: fontawesome !important;
    content: "\f105" !important;
    top: 12px;
    left: 10px;
}

.card-accordions .card-header .card-title::after {
    font-family: fontawesome !important;
    content: "\f107" !important;
    top: 12px;
    left: 10px;
}

.box_asset {
    width: 48%;
    height: 104px;
    border-radius: 8px;
    border: 1px solid #000;
    float: left;
    margin-right: 4px;
    margin-bottom: 20px;
}

    .box_asset h4 {
        font-size: 14px;
        color: #000;
        font-weight: normal;
        padding-left: 5px;
        text-align: center;
        font-weight: 500;
    }

    .box_asset h3 {
        font-size: 24px;
        font-weight: bold;
        color: #000;
        text-align: center;
    }

.slidearrow_img {
    position: absolute;
    top: 40%;
    width: 40px;
    height: 90px;
    line-height: 90px;
    background: #000;
    text-align: center;
}

.slideimg_left a {
    border-right: 15px solid #fff;
    left: 10px;
    display: inline-block;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    position: absolute;
    top: 27px;
    line-height: 0;
    z-index: 50;
}

.slidearrow_img i {
    font-size: 4em;
    color: #fff;
}

.slideimg_right {
    right: 0%;
}

.showhide_thumbs .slideimg_right {
    right: 0px;
}

.slideimg_right a {
    right: 10px;
    border-left: 15px solid #fff;
    display: inline-block;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    position: absolute;
    top: 27px;
    line-height: 0;
    z-index: 50;
}

#download {
    display: none;
}


/*.customview_scroll
{
    height:100vh !important;
}*/

#docViewer {
    min-height: 1000px;
    text-align: center;
    margin: 0;
}

body {
    margin: 0 !important;
}

#docViewer body img {
    margin: 0 auto;
}

.toolbarButton {
    cursor: pointer;
}

.assetprev_button {
    right: 10px;
    left: auto;
    bottom: 4rem;
    position: absolute;
    top: auto;
}

.box_asset h5 {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    padding: 0 10px;
}


/*.card-block .box_asset:nth-child(3),.card-block .box_asset:nth-child(6),.card-block .box_asset:nth-child(9)
{
    margin-right:0;
}*/

.searchfilter {
    padding: 5px 10px;
    font-size: 14px;
    color: #282828;
    /*background-color:rgba(8,115,128,0.7);*/
    background: #e9e9e9;
    margin-right: 5px;
    border: 1px solid #dcdcdc;
    margin-bottom: 10px;
    display: inline-block;
    float: left;
}

    .searchfilter a {
        color: #282828;
        margin-left: 10px;
    }

        .searchfilter a:hover {
            color: rgba(0, 0, 0, 0.5);
        }

.assetpreview_topnavstyle {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .assetpreview_topnavstyle li a {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        text-align: center;
        color: #fff;
        line-height: 30px;
        font-weight: bold;
        font-size: 15px;
    }


/* ============================== End Asset Quick View Style ======================= */


/* ============================= Start Websit Setting Style ==================== */

.assetlayout_setting div.radio-button {
    margin-right: 0;
}

    .assetlayout_setting div.radio-button img {
        margin-top: 10px;
    }

.leftweb_settinglist {
    padding: 0;
}


/*.settingsleft_panel a.active
    {
        background:#087380 !important;
        color:#fff;
    }*/

.settingsleft_panel ul {
    padding: 0;
    margin: 0;
    margin-left: 10px;
    margin-top: 10px;
}

    .settingsleft_panel ul li {
        list-style: none;
        padding: 0;
    }

        .settingsleft_panel ul li a {
            padding: 5px 0px 5px 36px;
            display: block;
            font-size: 14px;
            line-height: 36px;
            margin-bottom: 0;
            border-right: 1px solid #a2a1a1;
        }

            .settingsleft_panel ul li a.active {
                border: 1px solid #a2a1a1;
                border-right: none;
            }

.iconthemesettings .content {
    border-top: #ccc !important;
}

.websittheme_content .content {
    border-top: #ccc !important;
}


/* ============================= End Website Setting Style ====================== */


/* ================================= Start Multi Checkbox Style ================= */

table.checkbox-list {
    float: left;
    width: 100%;
    padding: 0;
}

.checkbox-list tr {
    list-style-type: none;
    padding-bottom: 10px;
}

    .checkbox-list tr:last-child {
        padding-bottom: 0;
    }

    .checkbox-list tr td input[type="checkbox"],
    .site-radio input[type="checkbox"],
    .checkbox-list tr td input[type="radio"],
    .site-radio input[type="radio"] {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

        .checkbox-list tr td input[type="checkbox"]:focus + label:before,
        .site-radio input[type="checkbox"]:focus + label:before,
        .checkbox-list tr td input[type="radio"]:focus + label:before,
        .site-radio input[type="radio"]:focus + label:before,
        .checkbox-list tr td input[type="checkbox"]:hover + label:before,
        .site-radio input[type="checkbox"]:hover + label:before,
        .checkbox-list tr td input[type="radio"]:hover + label:before,
        .site-radio input[type="radio"]:hover + label:before {
            background-color: #f2f2f2;
        }

        .checkbox-list tr td input[type="checkbox"]:active + label:before,
        .site-radio input[type="checkbox"]:active + label:before,
        .checkbox-list tr td input[type="radio"]:active + label:before,
        .site-radio input[type="radio"]:active + label:before {
            transition-duration: 0s;
        }

        .checkbox-list tr td input[type="checkbox"] + label,
        .site-radio input[type="checkbox"] + label,
        .checkbox-list tr td input[type="radio"] + label,
        .site-radio input[type="radio"] + label {
            position: relative;
            padding-left: 2em;
            vertical-align: middle;
            user-select: none;
            cursor: pointer;
        }

            .checkbox-list tr td input[type="checkbox"] + label:before,
            .site-radio input[type="checkbox"] + label:before,
            .checkbox-list tr td input[type="radio"] + label:before,
            .site-radio input[type="radio"] + label:before {
                box-sizing: content-box;
                content: '';
                position: absolute;
                top: 50%;
                left: 0;
                width: 14px;
                height: 14px;
                margin-top: -9px;
                text-align: center;
                transition: all 0.4s ease;
            }

            .checkbox-list tr td input[type="checkbox"] + label:after,
            .site-radio input[type="checkbox"] + label:after,
            .checkbox-list tr td input[type="radio"] + label:after,
            .site-radio input[type="radio"] + label:after {
                box-sizing: content-box;
                content: '';
                position: absolute;
                top: 49%;
                left: 3%;
                width: 10px;
                height: 10px;
                margin-top: -5px;
                transform: scale(0);
                transform-origin: 50%;
                transition: transform 200ms ease-out;
            }

        .checkbox-list tr td input[type="checkbox"]:disabled + label:before,
        .site-radio input[type="checkbox"]:disabled + label:before,
        .checkbox-list tr td input[type="radio"]:disabled + label:before,
        .site-radio input[type="radio"]:disabled + label:before {
            border-color: #CCCCCC;
        }

        .checkbox-list tr td input[type="checkbox"]:disabled:focus + label:before,
        .site-radio input[type="checkbox"]:disabled:focus + label:before,
        .checkbox-list tr td input[type="radio"]:disabled:focus + label:before,
        .site-radio input[type="radio"]:disabled:focus + label:before,
        .checkbox-list tr td input[type="checkbox"]:disabled:hover + label:before,
        .site-radio input[type="checkbox"]:disabled:hover + label:before,
        .checkbox-list tr td input[type="radio"]:disabled:hover + label:before,
        .site-radio input[type="radio"]:disabled:hover + label:before {
            background-color: inherit;
        }

        .checkbox-list tr td input[type="checkbox"]:disabled:checked + label:before,
        .site-radio input[type="checkbox"]:disabled:checked + label:before,
        .checkbox-list tr td input[type="radio"]:disabled:checked + label:before,
        .site-radio input[type="radio"]:disabled:checked + label:before {
            background-color: #ccc;
        }

        .checkbox-list tr td input[type="checkbox"] + label:after,
        .site-radio input[type="checkbox"] + label:after {
            background-color: transparent;
            top: 50%;
            left: 4px;
            width: 8px;
            height: 3px;
            margin-top: -4px;
            border-style: solid;
            border-color: #FFFFFF;
            border-width: 0 0 3px 3px;
            border-image: none;
            transform: rotate(-45deg) scale(0);
        }

        .checkbox-list tr td input[type="checkbox"]:checked + label:after,
        .site-radio input[type="checkbox"]:checked + label:after {
            content: '';
            transform: rotate(-45deg) scale(1);
            transition: transform 200ms ease-out;
        }

        .checkbox-list tr td input[type="radio"]:checked + label:before,
        .site-radio input[type="radio"]:checked + label:before {
            /*animation: borderscale 300ms ease-in;*/
            background-color: #FFFFFF;
        }

        .checkbox-list tr td input[type="radio"]:checked + label:after,
        .site-radio input[type="radio"]:checked + label:after {
            transform: scale(1);
        }

        .checkbox-list tr td input[type="radio"] + label:before,
        .site-radio input[type="radio"] + label:before,
        .checkbox-list tr td input[type="radio"] + label:after,
        .site-radio input[type="radio"] + label:after {
            border-radius: 50%;
        }

        .checkbox-list tr td input[type="checkbox"]:checked + label:before,
        .site-radio input[type="checkbox"]:checked + label:before {
            /*animation: borderscale 200ms ease-in;*/
        }

        .checkbox-list tr td input[type="checkbox"]:checked + label:after,
        .site-radio input[type="checkbox"]:checked + label:after {
            transform: rotate(-45deg) scale(1);
        }


/*.checkbox-list tr td input[type="checkbox"] + label::before {
            color: #087380;
            border: 2px solid #087380;
        }*/


/*.checkbox-list tr td input[type="checkbox"]:checked + label::before {
            background: #087380;
        }*/

.radio-header .site-radio input[type="radio"] + label::before {
    color: #fff;
    border: 2px solid #fff;
}

.radio-header td {
    padding: 0 !important;
}


/* ================================= End Multi Checkbox Style =================== */


/*.site-checkbox input[type=checkbox] + label:before, .site-checkbox input[type=radio] + label:before, .site-radio input[type=checkbox] + label:before, .site-radio input[type=radio] + label:before {
    color: #087380;
    border: 2px solid #087380;
}

.site-checkbox input[type="checkbox"] {
    background: #087380;
}

.btn-fill-horizontal.btn-primary-fill-horizontal:after, .btn-fill-horizontal.btn-primary-fill-horizontal:before, .btn-fill-vertical.btn-primary-fill-vertical:after, .btn-fill-vertical.btn-primary-fill-vertical:before, .btn-hover-animation, .form-vertical .continput ul li .bullet .line, .form-vertical .continput ul li label.radio-button:before, .label, .radio-button input[type=radio]:checked + label:after, .search_ad, .site-checkbox input[type=checkbox] + label:after, .site-checkbox input[type=checkbox]:checked + label:before, .site-checkbox input[type=radio] + label:after, .site-menu li.nav-menu-icon a, .site-radio input[type=checkbox] + label:after, .site-radio input[type=checkbox]:checked + label:before, .site-radio input[type=radio] + label:after, .tag-primary, .tag-primary:active.focus, .tag-primary:active:focus {
    background: #087380 !important;
}*/


/* ================================= Start Secondary Navigation ================= */

.secondary_header {
    background: #e9e9e9;
    /*position: fixed;*/
    width: 100%;
    /*top: 130px;*/
    z-index: 9;
    height: 60px;
}

.secondary_menu {
    padding: 0;
    margin: 4px 0 0 0;
}

    .secondary_menu li {
        list-style: none;
        display: inline-block;
    }

        .secondary_menu li a {
            text-decoration: none;
            line-height: 50px;
            padding: 0 20px;
            color: #666;
            font-size: 16px;
            font-weight: bold;
        }

            .secondary_menu li a i {
                color: #666;
                font-size: 16px;
                font-weight: bold;
                margin-left: 5px;
            }

.secondary_header + .content {
    margin-top: 5em;
}


/* ================================= End Secondary Navigation ================= */


/* ================================= Start Add Cart Download Style ============ */


/*.addcart_download ul {
    padding: 5px;
    margin: 0;
    margin-top: 0px;
    border: 1px solid #ccc;
    background: #f2f2f2;
    height: 35px;
    margin-top: 8px;
    width: 80%;
    float: right;
}

    .addcart_download ul li {
        list-style: none;
        padding: 0;
    }

        .addcart_download ul li .nice-select {
            padding: 0;
            background: transparent;
            border: none;
        }

            .addcart_download ul li .nice-select.small {
                font-size: 12px;
                height: 24px;
                line-height: 24px;
                color: #000;
            }

                .addcart_download ul li .nice-select.small::after {
                    display: none;
                }
                .addcart_download .nice-select ul
                {
                    width:150px;
                    height:auto;
                }
                .addcart_download .nice-select ul li
                {
                    min-height:0;
                    line-height:20px;
                }*/

.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

    .dropbtn:hover,
    .dropbtn:focus {
        background-color: #2980B9;
    }

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

.dropdown a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

.selectall_btnalign a {
    margin: 1px;
    font-size: 14px;
}

.addcart_download ul {
    padding: 3px;
    margin: 0px 0 0 0;
    /*background: #a9f6ff;*/
    margin-top: 11px;
}

    .addcart_download ul li {
        list-style: none;
        display: inline-block;
        margin-right: 10px;
    }

        .addcart_download ul li a {
            line-height: 20px;
            font-size: 14px;
            padding: 0 4px;
        }

.addcart_download a {
    margin-right: 5px;
}

.addcart_download ul li span {
    line-height: 20px;
    font-size: 14px;
    padding: 0 4px;
}

.addcart_download ul li:first-child span {
    border-right: 1px solid #323232;
    color: #087380;
    padding-right: 15px;
}

    .addcart_download ul li:first-child span:first-child {
        border: none;
        padding-right: 0;
    }

.addcart_download ul li a:hover {
    color: #087380;
}

.addcart_download ul {
    display: block !important;
}


/* ================================= End Add Cart Download Style ============== */


/* ================================= Start Workflow Style ====================== */

.vertical_menu {
    margin: 0;
    padding: 0;
}

    .vertical_menu li {
        list-style: none;
        padding: 0;
    }

        .vertical_menu li a {
            padding: 5px 0px 5px 36px;
            display: block;
            font-size: 14px;
            line-height: 36px;
            margin-bottom: 20px;
        }

        .vertical_menu li span {
            float: right;
            right: 10px;
            position: relative;
            background: #087380;
            border-radius: 50%;
            padding: 0;
            width: 30px;
            height: 30px;
            text-align: center;
            color: #fff;
            font-size: 11px;
            line-height: 30px;
            margin-top: 2px;
            bottom: 61px;
        }


        /*.vertical_menu li a span.ip_bg {
                    background: #2FA37F;
                }

                .vertical_menu li a span.pr_bg {
                    background: #FEDA46;
                }

                .vertical_menu li a span.pa_bg {
                    background: #F8A24D;
                }

                .vertical_menu li a span.rr_bg {
                    background: #AF57A5;
                }

                .vertical_menu li a span.ra_bg {
                    background: #F16EA9;
                }*/

        .vertical_menu li a:hover {
            background: #f0f1f2;
        }

        .vertical_menu li a.active {
            background: #f0f1f2;
        }

.workflow_left {
    background: #f6f7f9;
}

    .workflow_left h4 {
        background: #e2f4f6;
        padding: 2px 15px;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 5px;
    }

.btnworkflowsearch {
    margin-top: 0 !important;
    padding: 8px 15px !important;
}

.workflowsearch_style {
    background: #e2f4f6;
    padding: 10px 0;
    margin-bottom: 20px;
}

    .workflowsearch_style .form-control,
    .workflowsearch_style .form-control {
        background-color: #fff;
    }

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


/* ================================= End Workflow Style ======================== */


/* ================================= Start Tree View Style ===================== */

.treeviewstyle a {
    color: #000 !important;
}


/* ================================= End Tree View Style ======================= */


/* ================================= Start Back to top Style ========================= */

#scroll {
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #087380;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    z-index: 999;
}

    #scroll span {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -8px;
        margin-top: -12px;
        height: 0;
        width: 0;
        border: 8px solid transparent;
        border-bottom-color: #ffffff;
    }


/*#scroll:hover {
        background-color: #e74c3c;
        opacity: 1;
        filter: "alpha(opacity=100)";
        -ms-filter: "alpha(opacity=100)";
    }*/


/* ================================== End Back to top Style ========================== */


/* ================================== Start Asset Upload Style ======================== */

.assetupload_align {
    padding-bottom: 2em;
}

.uploadimg_details {
    margin-top: 2em;
}

    .uploadimg_details h4 {
        font-size: 16px;
    }

.assetupload_align div.btn-file {
    width: 80%;
}

.asset_uploadtab .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #087380;
    border-color: #087380;
}

.asset_uploadtab.nav-tab-horizontal ul .nav-item a {
    background: #F8F8F8;
    border: 1px solid #CCC;
}

    .asset_uploadtab.nav-tab-horizontal ul .nav-item a i {
        margin-right: 5px;
    }

.asset_uploadtab .tab-content {
    border: 1px solid #ccc;
    border-top: none;
}

.AssetUpload {
    width: auto;
    margin: 0 auto;
    max-height: 440px;
}

.assetupload_imgheight {
    vertical-align: middle;
    display: table;
    width: 100%;
    height: 500px;
}

    .assetupload_imgheight .tab-pane {
        display: table-cell;
        vertical-align: middle;
    }

.asset_uploadtab .card-header h4 {
    margin: 0;
}

.multifile_uploadstyle embed {
    background: #5cb85c !important;
    border: 1px solid #5cb85c !important;
}

.intext_style h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}


/* ================================== End Asset Upload Style ========================== */


/* ================================== Start Progress bar style ======================== */

.colored-progress-bar div {
    position: absolute;
    width: 100%;
    text-align: left !important;
    padding-left: 2em;
    line-height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: #024a4d;
}


/* ================================== End Progress bar style ======================== */


/* =================================== Start Polling Style ================================ */

.dashpoll_style .testimonial-box {
    padding: 0;
}

.dashpoll_style .simple-testimonial div.testimonial-box {
    background: transparent;
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: 8px 8px 0 0;
}

.poll_header h5 {
    color: #fff;
    line-height: 40px;
}

.poll_header p {
    line-height: 40px;
}

.poll_header {
    height: 40px;
}

.dashpoll_style:nth-child(1n) .poll_header {
    background: #d9534f;
    color: #fff;
}

.dashpoll_style:nth-child(2n) .poll_header {
    background: #087380;
    color: #fff;
}

.dashpoll_style:nth-child(3n) .poll_header {
    background: #f0ad4e;
    color: #fff;
}

.dashpoll_style .row {
    width: auto !important;
}

.poll_body {
    padding: 10px;
}

    .poll_body h4 {
        text-align: left;
        color: #444343;
        font-size: 14px;
        font-weight: bold;
    }

        .poll_body h4 i {
            margin-right: 5px;
            font-size: 16px;
        }

.poll_footer {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ccc;
    padding: 4px 10px;
}

    .poll_footer .col-md-6 {
        border-right: 1px solid #ccc;
        text-align: center;
    }

        .poll_footer .col-md-6 a {
            font-size: 14px;
            font-weight: 600;
        }

            .poll_footer .col-md-6 a:hover {
                color: #087380;
            }

            .poll_footer .col-md-6 a i {
                margin-right: 5px;
            }

        .poll_footer .col-md-6:last-child {
            border: none;
        }

.pollquestion_style {
    background: #e9e9e9;
    margin-bottom: 10px;
    /*padding-bottom: 20px;*/
    border: 1px solid #ccc;
    padding: 10px 0;
}

.pollqus_title {
    font-size: 18px;
    font-weight: bold;
    padding: 7px 0;
}

.pollstatus_style {
    border: 1px solid #ccc;
    background: #f9f9f9;
    padding: 0px 0;
    margin-bottom: 2em;
}

.pollvotecount_style {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.pollstatus_icon {
    background: #087380;
    width: 82px;
    height: 35px;
    text-align: center;
    float: right;
    line-height: 35px;
    color: #fff;
}

    .pollstatus_icon i {
        font-size: 18px;
    }

.countbtn {
    color: #000;
    font-weight: bold;
}

    .countbtn .btn {
        background: #087380;
        color: #fff;
        padding: 6px 20px;
        margin-left: 1em;
    }

.singlepoll_style {
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    padding: 20px 30px 10px;
    margin-bottom: 20px;
}


/* =================================== End Polling Style ============================ */


/* =================================== Start Page Loader ============================ */


/*.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: url('../../assets/images/page_loader.gif') 50% 50% no-repeat rgba(8,115,128,0.9);
}*/

.loader {
    /*position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(8,115,128,0.9);
    width: 100%;
    text-align: center;*/
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 10000;
    background: rgba(0, 27, 17, .9);
    width: 100%;
    text-align: center;
}

.centered {
    width: 400px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*background: #000;
    filter: blur(10px) contrast(20);*/
}

.blob-1,
.blob-2 {
    width: 70px;
    height: 70px;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.blob-1 {
    left: 20%;
    animation: osc-l 2.5s ease infinite;
}

.blob-2 {
    left: 80%;
    animation: osc-r 2.5s ease infinite;
    background: #0ff;
}

@keyframes osc-l {
    0% {
        left: 20%;
    }

    50% {
        left: 50%;
    }

    100% {
        left: 20%;
    }
}

@keyframes osc-r {
    0% {
        left: 80%;
    }

    50% {
        left: 50%;
    }

    100% {
        left: 80%;
    }
}

.holder {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    /*background-color: #2D2F48;*/
}

.preloader {
    /* size */
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    animation: rotatePreloader 2s infinite ease-in;
}

@keyframes rotatePreloader {
    0% {
        transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
    }

    100% {
        transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
    }
}

.preloader div {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

    .preloader div:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 0%;
        width: 10%;
        height: 10%;
        background-color: #ffffff;
        transform: translateX(-50%);
        border-radius: 50%;
    }

    .preloader div:nth-child(1) {
        transform: rotateZ(0deg);
        animation: rotateCircle1 2s infinite linear;
        z-index: 9;
    }

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

    0% {
        opacity: 1;
        transform: rotateZ(36deg);
    }

    7% {
        transform: rotateZ(0deg);
    }

    57% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}

.preloader div:nth-child(2) {
    transform: rotateZ(36deg);
    animation: rotateCircle2 2s infinite linear;
    z-index: 8;
}

@keyframes rotateCircle2 {
    5% {
        opacity: 0;
    }

    5.0001% {
        opacity: 1;
        transform: rotateZ(0deg);
    }

    12% {
        transform: rotateZ(-36deg);
    }

    62% {
        transform: rotateZ(-36deg);
    }

    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}

.preloader div:nth-child(3) {
    transform: rotateZ(72deg);
    animation: rotateCircle3 2s infinite linear;
    z-index: 7;
}

@keyframes rotateCircle3 {
    10% {
        opacity: 0;
    }

    10.0002% {
        opacity: 1;
        transform: rotateZ(-36deg);
    }

    17% {
        transform: rotateZ(-72deg);
    }

    67% {
        transform: rotateZ(-72deg);
    }

    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}

.preloader div:nth-child(4) {
    transform: rotateZ(108deg);
    animation: rotateCircle4 2s infinite linear;
    z-index: 6;
}

@keyframes rotateCircle4 {
    15% {
        opacity: 0;
    }

    15.0003% {
        opacity: 1;
        transform: rotateZ(-72deg);
    }

    22% {
        transform: rotateZ(-108deg);
    }

    72% {
        transform: rotateZ(-108deg);
    }

    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}

.preloader div:nth-child(5) {
    transform: rotateZ(144deg);
    animation: rotateCircle5 2s infinite linear;
    z-index: 5;
}

@keyframes rotateCircle5 {
    20% {
        opacity: 0;
    }

    20.0004% {
        opacity: 1;
        transform: rotateZ(-108deg);
    }

    27% {
        transform: rotateZ(-144deg);
    }

    77% {
        transform: rotateZ(-144deg);
    }

    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}

.preloader div:nth-child(6) {
    transform: rotateZ(180deg);
    animation: rotateCircle6 2s infinite linear;
    z-index: 4;
}

@keyframes rotateCircle6 {
    25% {
        opacity: 0;
    }

    25.0005% {
        opacity: 1;
        transform: rotateZ(-144deg);
    }

    32% {
        transform: rotateZ(-180deg);
    }

    82% {
        transform: rotateZ(-180deg);
    }

    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}

.preloader div:nth-child(7) {
    transform: rotateZ(216deg);
    animation: rotateCircle7 2s infinite linear;
    z-index: 3;
}

@keyframes rotateCircle7 {
    30% {
        opacity: 0;
    }

    30.0006% {
        opacity: 1;
        transform: rotateZ(-180deg);
    }

    37% {
        transform: rotateZ(-216deg);
    }

    87% {
        transform: rotateZ(-216deg);
    }

    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}

.preloader div:nth-child(8) {
    transform: rotateZ(252deg);
    animation: rotateCircle8 2s infinite linear;
    z-index: 2;
}

@keyframes rotateCircle8 {
    35% {
        opacity: 0;
    }

    35.0007% {
        opacity: 1;
        transform: rotateZ(-216deg);
    }

    42% {
        transform: rotateZ(-252deg);
    }

    92% {
        transform: rotateZ(-252deg);
    }

    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}

.preloader div:nth-child(9) {
    transform: rotateZ(288deg);
    animation: rotateCircle9 2s infinite linear;
    z-index: 1;
}

@keyframes rotateCircle9 {
    40% {
        opacity: 0;
    }

    40.0008% {
        opacity: 1;
        transform: rotateZ(-252deg);
    }

    47% {
        transform: rotateZ(-288deg);
    }

    97% {
        transform: rotateZ(-288deg);
    }

    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}

.preloader div:nth-child(10) {
    transform: rotateZ(324deg);
    animation: rotateCircle10 2s infinite linear;
    z-index: 0;
}

@keyframes rotateCircle10 {
    45% {
        opacity: 0;
    }

    45.0009% {
        opacity: 1;
        transform: rotateZ(-288deg);
    }

    52% {
        transform: rotateZ(-324deg);
    }

    102% {
        transform: rotateZ(-324deg);
    }

    100% {
        transform: rotateZ(-324deg);
        opacity: 1;
    }
}

.cssload-wrap {
    position: relative;
    top: 40%;
}

    .cssload-wrap > div {
        left: calc(50% - 50px);
        position: relative;
        background-color: rgb(255, 255, 255);
        width: 100px;
        height: 100px;
        border-radius: 100%;
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        overflow: hidden;
        color: rgb(0, 0, 0);
    }

        .cssload-wrap > div:nth-child(2) {
            width: 90px;
            height: 90px;
            top: -95px;
            left: calc(50% - 45px);
            line-height: 90px;
            text-align: center;
        }

        .cssload-wrap > div div {
            width: 75px;
            height: 75px;
            border-radius: 100%;
            -o-border-radius: 100%;
            -ms-border-radius: 100%;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            filter: blur(15px);
            -o-filter: blur(15px);
            -ms-filter: blur(15px);
            -webkit-filter: blur(15px);
            -moz-filter: blur(15px);
            position: absolute;
        }

            .cssload-wrap > div div:nth-child(1) {
                background-color: red;
                animation: cssload-move 4.6s;
                -o-animation: cssload-move 4.6s;
                -ms-animation: cssload-move 4.6s;
                -webkit-animation: cssload-move 4.6s;
                -moz-animation: cssload-move 4.6s;
                animation-delay: 5.52s;
                -o-animation-delay: 5.52s;
                -ms-animation-delay: 5.52s;
                -webkit-animation-delay: 5.52s;
                -moz-animation-delay: 5.52s;
                animation-iteration-count: infinite;
                -o-animation-iteration-count: infinite;
                -ms-animation-iteration-count: infinite;
                -webkit-animation-iteration-count: infinite;
                -moz-animation-iteration-count: infinite;
                animation-timing-function: linear;
                -o-animation-timing-function: linear;
                -ms-animation-timing-function: linear;
                -webkit-animation-timing-function: linear;
                -moz-animation-timing-function: linear;
            }

            .cssload-wrap > div div:nth-child(2) {
                background-color: green;
                animation: cssload-move 3.45s;
                -o-animation: cssload-move 3.45s;
                -ms-animation: cssload-move 3.45s;
                -webkit-animation: cssload-move 3.45s;
                -moz-animation: cssload-move 3.45s;
                animation-delay: 0s;
                -o-animation-delay: 0s;
                -ms-animation-delay: 0s;
                -webkit-animation-delay: 0s;
                -moz-animation-delay: 0s;
                animation-iteration-count: infinite;
                -o-animation-iteration-count: infinite;
                -ms-animation-iteration-count: infinite;
                -webkit-animation-iteration-count: infinite;
                -moz-animation-iteration-count: infinite;
                animation-timing-function: linear;
                -o-animation-timing-function: linear;
                -ms-animation-timing-function: linear;
                -webkit-animation-timing-function: linear;
                -moz-animation-timing-function: linear;
            }

            .cssload-wrap > div div:nth-child(3) {
                background-color: blue;
                animation: cssload-move 6.9s;
                -o-animation: cssload-move 6.9s;
                -ms-animation: cssload-move 6.9s;
                -webkit-animation: cssload-move 6.9s;
                -moz-animation: cssload-move 6.9s;
                animation-delay: 3.68s;
                -o-animation-delay: 3.68s;
                -ms-animation-delay: 3.68s;
                -webkit-animation-delay: 3.68s;
                -moz-animation-delay: 3.68s;
                animation-iteration-count: infinite;
                -o-animation-iteration-count: infinite;
                -ms-animation-iteration-count: infinite;
                -webkit-animation-iteration-count: infinite;
                -moz-animation-iteration-count: infinite;
                animation-timing-function: linear;
                -o-animation-timing-function: linear;
                -ms-animation-timing-function: linear;
                -webkit-animation-timing-function: linear;
                -moz-animation-timing-function: linear;
            }

            .cssload-wrap > div div:nth-child(4) {
                background-color: yellow;
                animation: cssload-move 5.75s;
                -o-animation: cssload-move 5.75s;
                -ms-animation: cssload-move 5.75s;
                -webkit-animation: cssload-move 5.75s;
                -moz-animation: cssload-move 5.75s;
                animation-delay: 1.84s;
                -o-animation-delay: 1.84s;
                -ms-animation-delay: 1.84s;
                -webkit-animation-delay: 1.84s;
                -moz-animation-delay: 1.84s;
                animation-iteration-count: infinite;
                -o-animation-iteration-count: infinite;
                -ms-animation-iteration-count: infinite;
                -webkit-animation-iteration-count: infinite;
                -moz-animation-iteration-count: infinite;
                animation-timing-function: linear;
                -o-animation-timing-function: linear;
                -ms-animation-timing-function: linear;
                -webkit-animation-timing-function: linear;
                -moz-animation-timing-function: linear;
            }

@keyframes cssload-move {
    0%, 100% {
        top: 0%;
        left: 0%;
    }

    25% {
        top: 0%;
        left: 50%;
    }

    50% {
        top: 50%;
        left: 50%;
    }

    75% {
        top: 50%;
        left: 0%;
    }
}

@-o-keyframes cssload-move {
    0%, 100% {
        top: 0%;
        left: 0%;
    }

    25% {
        top: 0%;
        left: 50%;
    }

    50% {
        top: 50%;
        left: 50%;
    }

    75% {
        top: 50%;
        left: 0%;
    }
}

@-ms-keyframes cssload-move {
    0%, 100% {
        top: 0%;
        left: 0%;
    }

    25% {
        top: 0%;
        left: 50%;
    }

    50% {
        top: 50%;
        left: 50%;
    }

    75% {
        top: 50%;
        left: 0%;
    }
}

@-webkit-keyframes cssload-move {
    0%, 100% {
        top: 0%;
        left: 0%;
    }

    25% {
        top: 0%;
        left: 50%;
    }

    50% {
        top: 50%;
        left: 50%;
    }

    75% {
        top: 50%;
        left: 0%;
    }
}

@-moz-keyframes cssload-move {
    0%, 100% {
        top: 0%;
        left: 0%;
    }

    25% {
        top: 0%;
        left: 50%;
    }

    50% {
        top: 50%;
        left: 50%;
    }

    75% {
        top: 50%;
        left: 0%;
    }
}

.cssload-fond {
    position: relative;
    margin: auto;
    top: 40%;
}

.cssload-container-general {
    animation: cssload-animball_two 1.15s infinite;
    -o-animation: cssload-animball_two 1.15s infinite;
    -ms-animation: cssload-animball_two 1.15s infinite;
    -webkit-animation: cssload-animball_two 1.15s infinite;
    -moz-animation: cssload-animball_two 1.15s infinite;
    width: 66px;
    height: 66px;
}

.cssload-internal {
    width: 66px;
    height: 66px;
    position: absolute;
}

.cssload-ballcolor {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.cssload-ball_1,
.cssload-ball_2,
.cssload-ball_3,
.cssload-ball_4 {
    position: absolute;
    animation: cssload-animball_one 1.15s infinite ease;
    -o-animation: cssload-animball_one 1.15s infinite ease;
    -ms-animation: cssload-animball_one 1.15s infinite ease;
    -webkit-animation: cssload-animball_one 1.15s infinite ease;
    -moz-animation: cssload-animball_one 1.15s infinite ease;
}

.cssload-ball_1 {
    background-color: #cb2025;
    top: 0;
    left: 0;
}

.cssload-ball_2 {
    background-color: #f8b334;
    top: 0;
    left: 36px;
}

.cssload-ball_3 {
    background-color: #00a096;
    top: 36px;
    left: 0;
}

.cssload-ball_4 {
    background-color: #97bf0d;
    top: 36px;
    left: 36px;
}

@keyframes cssload-animball_one {
    0%, 100% {
        position: absolute;
    }

    50% {
        top: 18px;
        left: 18px;
        position: absolute;
        opacity: .5;
    }
}

@-o-keyframes cssload-animball_one {
    0%, 100% {
        position: absolute;
    }

    50% {
        top: 18px;
        left: 18px;
        position: absolute;
        opacity: .5;
    }
}

@-ms-keyframes cssload-animball_one {
    0%, 100%, 50% {
        position: absolute;
    }

    50% {
        top: 18px;
        left: 18px;
        opacity: .5;
    }
}

@-webkit-keyframes cssload-animball_one {
    0%, 100% {
        position: absolute;
    }

    50% {
        top: 18px;
        left: 18px;
        position: absolute;
        opacity: .5;
    }
}

@-moz-keyframes cssload-animball_one {
    0%, 100% {
        position: absolute;
    }

    50% {
        top: 18px;
        left: 18px;
        position: absolute;
        opacity: .5;
    }
}

@keyframes cssload-animball_two {
    0% {
        transform: rotate(0) scale(1);
    }

    50% {
        transform: rotate(360deg) scale(1.3);
    }

    100% {
        transform: rotate(720deg) scale(1);
    }
}

@-o-keyframes cssload-animball_two {
    0% {
        -o-transform: rotate(0) scale(1);
    }

    50% {
        -o-transform: rotate(360deg) scale(1.3);
    }

    100% {
        -o-transform: rotate(720deg) scale(1);
    }
}

@-ms-keyframes cssload-animball_two {
    0% {
        -ms-transform: rotate(0) scale(1);
    }

    50% {
        -ms-transform: rotate(360deg) scale(1.3);
    }

    100% {
        -ms-transform: rotate(720deg) scale(1);
    }
}

@-webkit-keyframes cssload-animball_two {
    0% {
        -webkit-transform: rotate(0) scale(1);
    }

    50% {
        -webkit-transform: rotate(360deg) scale(1.3);
    }

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

@-moz-keyframes cssload-animball_two {
    0% {
        -moz-transform: rotate(0) scale(1);
    }

    50% {
        -moz-transform: rotate(360deg) scale(1.3);
    }

    100% {
        -moz-transform: rotate(720deg) scale(1);
    }
}


/* =================================== End Page Loader =============================== */


/* =================================== Start Button Style ============================ */


/*.btn:hover, .btn:active, .btn:focus:focus
{
    background:#801508 !important;
    border-color:#801508 !important
}*/

.btn:focus {
    /*background:rgba(8,115,128,0.5) !important;*/
    border-color: #800837 !important;
    /*border-width: 2px !important;*/
}


/* =================================== End Button Style ============================== */


/* =================================== Start Contact List Page Design =============================*/

.profileimg_notes h4 {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.profileimg_notes h5 {
    font-size: 12px;
    color: #000;
    font-weight: normal;
    text-align: left;
}

.contactname_style {
    font-weight: bold;
}

.contact-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.contactproficeimg_style {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

    .contactproficeimg_style img {
        width: auto;
        max-width: inherit;
    }

.contact-image span {
    display: block;
    font-size: 16px;
    color: #000;
    margin-top: 10px;
    display: block;
    margin-bottom: 10px;
}


/* =================================== End Contact List Page Design =============================== */


/* =================================== Start Index Image Setting Page Style ============================= */

.indeximage img,
.img_box img {
    max-width: 400px;
    max-height: 350px;
}

.indeximage h3 {
    font-size: 24px;
    text-align: left;
    color: #7A1517;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 0px;
}

.indeximage {
    margin-bottom: 20px;
}

    .indeximage .btn {
        width: 80%;
        margin: 0 auto !important;
        float: none;
        text-align: center;
        display: block;
    }


/* =================================== End Index Image Setting Page Style ============================= */


/* =================================== Start Collection Page Style ================================ */

.rptdelete_icon {
    background-color: #2A6C7B !important;
    /*background-color: #a70808 !important;*/
    color: #fff !important;
}

.rptedit_icon {
    background-color: #2A6C7B !important;
    /*background-color: #0b6c9c !important;*/
    color: #fff !important;
}

.rptview_icon {
    background-color: #2A6C7B !important;
    color: #fff !important;
}

.rptrefresh_icon {
    background-color: #2A6C7B !important;
    /*background-color: #dda40a !important;*/
    color: #fff !important;
}

.rptshare_icon {
    background-color: #2A6C7B !important;
    color: #fff !important;
}

.rptmove_icon {
    background-color: #2A6C7B !important;
    color: #fff !important;
}

.collectionicon_style a {
    display: inline-block;
}

.collection_img img {
    border: 1px solid #ccc;
    width: 150px;
    height: 150px;
}

.collection-image input {
    width: 80px;
    height: 80px;
}

.collection-image span {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin-top: 10px;
    display: block;
    margin-bottom: 10px;
}

.collectionlbl_style {
    min-height: 45px;
}

.collection-image span.username {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    margin-top: 0px;
    display: block;
    margin-bottom: 10px;
}

.collectionfilter_backstyle {
    border: 1px solid #ccc;
    padding: 5px;
    background: #f6f7f9;
}

.collection_border {
    border: 1px solid #ccc;
}

.collection-image div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}


/* =================================== End Collection Page Style ================================== */


/* =================================== Start Slider Image Settings ================================ */

.sliderimg_settings img {
    width: auto !important;
}

.sliderimg_settings .icon_close,
.sliderimg_settings .deletebtn_icon {
    font-size: 18px;
}

.sliderimg_settings ul li a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    line-height: 32px;
    text-align: center;
}

.sliderimg_settings ul li:first-child a {
    background-color: #c12008;
    color: #fff;
}

.sliderimg_settings ul li a {
    background-color: #055f2f;
    color: #fff;
}


/* ==================================== End Slider Image Settings ================================== */


/* ===================================== Start Text Overflow ======================================= */

.overlay-box-title h4 {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 23px;
    margin-left: 5px;
}


/* ===================================== End Text Overflow ======================================= */


/* ==================================== Start Asset Final Preview ================================== */

#accordionbg .card-header a.card-title {
    color: #000;
    margin-left: 10px;
}


/*.finalpreview_style {
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
}*/

.finalpreview_style h4 {
    margin: 0;
}


/*.finalpreview_style .card-header {
    padding: 3px 15px;

}
    .right-action li a {

    position: relative;
    top: 5px;
    color: #000;
    font-size: 18px;
    font-weight: bold;

}*/

.finalpreview_style .content {
    border-top: none !important;
    padding: 0;
}

.finalpreview_style .card-header {
    padding-top: 0;
    padding-bottom: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.finalpreview_style .card-block {
    max-height: 300px;
    height: auto !important;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.upload_imgalign {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    vertical-align: middle;
    max-height: 250px;
}


/* ==================================== End Asset Final Preview ================================== */


/* ==================================== Start Asset View Download ===========================*/

.viewdownload_assetimg {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    /*width: 270px;*/
    width: 240px;
    height: 270px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.viewdownload_imgname {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #f0f0f0;
    padding: 9px;
    box-shadow: rgba(0, 0, 0, .2) 0 0 4px;
}

.viewimg_downloadbtn a {
    width: 100%;
}


/*.content-lightbox .lightbox-image li
{
    width:15.64%;
}*/

.downloadall_style {
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    border: 1px solid #ccc;
    background: #f2f2f2;
    padding: 10px;
}

.downall_btnstyle {
    padding-top: 12px;
    text-align: right;
}

.content-lightbox .lightbox-image.downimg_align {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: row wrap;
    grid-gap: 30px;
}

    .content-lightbox .lightbox-image.downimg_align li {
        width: 270px;
        height: auto;
    }

.viewdownload_assetimg img {
    width: auto;
    max-width: inherit;
}

.content-lightbox .lightbox-image.downimg_align li:nth-child(3n+1):last-child {
    margin-right: 0;
}


/* ==================================== End Asset View Download ===========================*/


/* ==================================== Start Database Settings Style ====================== */

.activated_dbstyle .form-control {
}


/* ==================================== End Database Settings Style ======================== */


/* ==================================== Start Asset Workflow Status ======================== */

.workflow_status .collectionicon_style a {
    margin: 0;
}

.workflow_status .completedbtn_icon {
    background-color: #0D7A44 !important;
    color: #fff !important;
}

.workflow_status .collectionicon_style + .col-md-9 a {
    font-size: 16px;
    color: #000;
}

.workflow_status .col-md-3 .col-md-9 h6 {
    font-size: 13px;
}

.assetupload_status .site-content-title {
    padding: 8px;
}

.inprogress_list .content {
    height: 154px;
}

    .inprogress_list .content h6 {
        font-size: 13px;
        line-height: 20px;
    }

        .inprogress_list .content h6 strong {
            font-size: 16px;
        }

.inprogress_list:last-child {
    padding-right: 15px !important;
}

.inprogress_back {
    background: #087380 !important;
}

    .inprogress_back h6 {
        color: #000;
    }

.completed_list .content {
    height: 154px;
}

.norecord_workflow {
    height: 154px;
}

    .norecord_workflow .page-content-title {
        padding-top: calc(117px/2);
        text-align: center;
    }

.completed_list .content h6 {
    font-size: 13px;
    line-height: 20px;
}

    .completed_list .content h6 strong {
        font-size: 16px;
    }

.completed_list:last-child {
    padding-right: 15px !important;
}

.completed_back {
    background: #087380 !important;
}

    .completed_back h6 {
        color: #000;
    }

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

div.workflow_controlstyle {
    background: #f3f3f3;
    padding: 0;
    padding-bottom: 0px;
    padding-bottom: 20px;
    border: 1px solid #ccc !important;
}

.card-header.workflowreview_accordionheader {
    padding: .25rem 1.25rem;
    background: #f7feff;
}

    .card-header.workflowreview_accordionheader h5 {
        font-size: 16px;
        font-weight: bold;
    }

    .card-header.workflowreview_accordionheader .card-title::before {
        top: 4px;
    }

.card-accordions .card-header.workflowreview_accordionheader .card-title::before,
.card-accordions .card-header.workflowreview_accordionheader .card-title::after {
    top: 4px;
}


/* ==================================== End Asset Workflow Status ========================== */


/* ==================================== Start Widget Settings Style ======================== */

.widgetsetting_boxstyle {
    border: 1px solid #ccc;
    border-radius: 8px 8px 0 0;
}

    .widgetsetting_boxstyle .page-content-title {
        background: #EEE;
        padding: 5px 10px;
        border-bottom: 1px solid #ccc;
        border-radius: 8px 8px 0 0;
        font-size: 16px;
    }

    .widgetsetting_boxstyle .widget_body {
        padding: 10px;
    }

.widget_settings .row .col-md-3:first-child .widgetsetting_boxstyle .page-content-title {
    background: #d9534f;
    color: #fff;
}

.widget_settings .row .col-md-3:nth-child(2n) .widgetsetting_boxstyle .page-content-title {
    background: #087380;
    color: #fff;
}

.widget_settings .row .col-md-3:nth-child(3n) .widgetsetting_boxstyle .page-content-title {
    background: #f0ad4e;
    color: #fff;
}

.widget_settings .row .col-md-3:last-child .widgetsetting_boxstyle .page-content-title {
    background: #5CB85C;
    color: #fff;
}


/* ==================================== End Widget Settings Style ========================== */


/* ==================================== Start Server Field Maping Style =================== */

.serverfield_mapalign {
    margin-top: 10em;
}

.fieldmap_title {
    font-size: 18px;
}


/* ==================================== End Server Field Maping Style ===================== */


/* ===================================== Add User Details Style =========================== */

.inputspan span {
    padding: 0px 10px;
    line-height: 35px;
}

.usergroup_style {
    background: #d1f2f6;
}


/* ===================================== End User Details Style ============================ */


/* ===================================== Start Workflow Chat Style ========================= */

.reply_1 {
    text-align: right;
}

.reply_2 {
    text-align: left;
}

.reply {
    color: #7C1315;
    font-weight: bold;
    font-size: 14px;
}

.reply_inline {
    color: #fff;
    font-size: 13px;
    float: right;
}

.reply_inlineleft {
    color: #000;
    font-size: 13px;
    float: right;
}

.workflowview_righthight {
    height: 90vh !important;
}

.chat-receiver .left-side {
    float: right;
}

.chat-receiver .chat-image {
    margin: 0 !important;
}

.message-page {
    border: 1px solid #ccc;
    border-top-color: rgb(204, 204, 204);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: none;
    padding-left: 10px !important;
    z-index: 0;
}

.workflowview_righthight .col-md-12:last-child {
    margin-bottom: 2em;
}

.workpreview_headericon .align_right {
    float: right;
}

.workpreview_headericon .user-dropdown {
    margin: 5px;
}

.deletebutton_row {
    right: 32%;
    position: absolute;
    bottom: 40px;
    z-index: 999;
}


/* ===================================== End Workflow Chat Style =========================== */


/* ===================================== Start Revision History page style =============================== */

.revisionhistory_style h4 {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.viewrelease_style {
    border: 1px solid #ccc;
    background: #f2f2f2;
    padding: 10px;
}


/* ===================================== End Revision History page style =============================== */


/* ===================================== Start Subscribe Style =========================================== */

.subs_dashstyle {
    border: 1px solid #ccc;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
    padding: 10px 20px;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

    .subs_dashstyle a {
        border: solid 1px transparent;
        background: rgba(0, 0, 0, 0.1);
        background-color: #1AA8EF;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        height: 35px;
        line-height: 33px;
        margin-left: 10px;
        margin-top: 7px;
        text-align: center;
        width: 35px;
        display: inline-block;
        color: #fff;
    }

        .subs_dashstyle a:hover {
            color: #fff;
        }

    .subs_dashstyle .renewalcolor {
        background: #0b6c9c;
    }

.align_subsdetail .col-md-12 {
    margin-bottom: 10px;
}


/* ===================================== End Subscribe Style ============================================== */


/* ===================================== Start Payment Style ============================================== */

.payment_style .control-label {
    font-size: 15px;
    margin-bottom: 15px;
}

.payment_border {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.filename_lbl {
    font-weight: bold;
    font-size: 14px;
}

.price_lbl {
    color: #000;
    font-size: 14px;
}

.promecode_desc {
    color: #7E1113;
    margin-top: 10px;
}

.totalcost_style {
    margin-top: 10px;
    color: #087380;
    font-weight: bold;
}

a.ccvcard_toolstyle > span {
    margin-left: -241px !important;
    margin-top: -314px !important;
}

.echeck_style {
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
    padding: 15px 35px;
    margin-top: 20px;
}

.echeck_chkboxstyle {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

    .echeck_chkboxstyle .site-checkbox input[type="checkbox"] + label::before,
    .echeck_chkboxstyle .site-checkbox input[type="checkbox"] + label::after {
        top: 15px;
    }

.existingpayment_style {
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
    padding: 15px 5px 15px 15px;
    margin-top: 20px;
}

.visacard_style {
    background: #004D9A;
}


/*.visacard_style {
  width: 550px;
  height: 275px;
  background-color: #1133dd;
  border: 2px solid #000000;
  border-radius: 31px;
  background-image: linear-gradient(17deg, #1e5799 0%,#1e5799 12%,#207cca 37%,#2989d8 51%,#2989d8 64%,#2989d8 83%,#7db9e8 100%);
  position: relative;
  overflow: hidden;
}
.visacard_style::before, .visacard_style::after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 70%;
}
.visacard_style::after {
  top: 50%;
  right:40%;
  width: 370%;
  height: 140%;
  background-image: radial-gradient(ellipse at bottomleft, #b2e1ff 0%,#66b6fc 30%, transparent 100%);
  opacity: 0.19;
  box-shadow: 4px 2px 6px #b2e1ff, 4px 2px 3px #ffffff, 1000px 7px 6px #66b6fc, 1000px 6px 4px #223355;
}
.visacard_style::before {
  top: 37%;
  left:25%;
  width: 270%;
  height: 140%;
  background-image: radial-gradient(ellipse at bottom left, #b2e1ff 0%,#66b6fc 30%, transparent 100%);
  opacity: 0.37;
  box-shadow: -4px -2px 6px #b2e1ff, -4px -2px 3px #ffffff, -180px -2px 6px #66b6fc,-180px -2px 4px #223355;
}*/

@font-face {
    font-family: 'Iceland';
    font-style: normal;
    font-weight: 400;
    src: local('Iceland'), local('Iceland-Regular'), url(https://fonts.gstatic.com/s/iceland/v6/rax9HiuFsdMNOnWPaKtMBA.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOUuhs.ttf) format('truetype');
}


/*.visacard_style body {
  background-color: #ecf0f1;
}*/

.visacard_style .card {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 53.98mm;
    color: #fff;
    font: 22px/1 'Iceland', monospace;
    background: #23189a;
    border: 1px solid #1e1584;
    -webkit-border-radius: 10px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 10px;
    -moz-background-clip: padding;
    border-radius: 10px;
    background-clip: padding-box;
    overflow: hidden;
}

.bank-name {
    float: right;
    margin-top: 15px;
    margin-right: 10px;
    font: 800 28px 'Open Sans', Arial, sans-serif;
}

.chip {
    position: relative;
    z-index: 1000;
    width: 50px;
    height: 40px;
    margin-top: 50px;
    margin-bottom: 10px;
    margin-left: 30px;
    background: #fffcb1;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #fffcb1 0%, #b4a365 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fffcb1), color-stop(100%, #b4a365));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #fffcb1 0%, #b4a365 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #fffcb1 0%, #b4a365 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #fffcb1 0%, #b4a365 100%);
    /* IE10+ */
    background: linear-gradient(135deg, #fffcb1 0%, #b4a365 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffcb1", endColorstr="#b4a365", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    border: 1px solid #322d28;
    -webkit-border-radius: 10px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 10px;
    -moz-background-clip: padding;
    border-radius: 10px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px #322d28, 0 0 5px 0 0 5px rgba(144, 133, 87, 0.25) inset;
    -moz-box-shadow: 0 1px 2px #322d28, 0 0 5px 0 0 5px rgba(144, 133, 87, 0.25) inset;
    box-shadow: 0 1px 2px #322d28, 0 0 5px 0 0 5px rgba(144, 133, 87, 0.25) inset;
    overflow: hidden;
}

    .chip .side {
        position: absolute;
        top: 8px;
        width: 12px;
        height: 24px;
        border: 1px solid #322d28;
        -webkit-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1) inset;
    }

        .chip .side.left {
            left: 0;
            border-left: none;
            -webkit-border-radius: 0 2px 2px 0;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 0 2px 2px 0;
            -moz-background-clip: padding;
            border-radius: 0 2px 2px 0;
            background-clip: padding-box;
        }

        .chip .side.right {
            right: 0;
            border-right: none;
            -webkit-border-radius: 2px 0 0 2px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 2px 0 0 2px;
            -moz-background-clip: padding;
            border-radius: 2px 0 0 2px;
            background-clip: padding-box;
        }

        .chip .side:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            display: inline-block;
            width: 100%;
            height: 0px;
            margin: auto;
            border-top: 1px solid #322d28;
            -webkit-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1);
        }

    .chip .vertical {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 8.66666667px;
        height: 12px;
        border: 1px solid #322d28;
        -webkit-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1) inset;
    }

        .chip .vertical.top {
            top: 0;
            border-top: none;
        }

            .chip .vertical.top:after {
                top: 12px;
                width: 17.33333333px;
            }

        .chip .vertical.bottom {
            bottom: 0;
            border-bottom: none;
        }

            .chip .vertical.bottom:after {
                bottom: 12px;
            }

        .chip .vertical:after {
            content: '';
            position: absolute;
            left: -8.66666667px;
            display: inline-block;
            width: 26px;
            height: 0px;
            margin: 0;
            border-top: 1px solid #322d28;
            -webkit-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 5px rgba(144, 133, 87, 0.25) inset, 0 0 5px rgba(144, 133, 87, 0.25), 0 0 4px rgba(0, 0, 0, 0.1);
        }

.data {
    position: relative;
    z-index: 100;
    margin-left: 30px;
    text-transform: uppercase;
}

    .data .pan,
    .data .month,
    .data .year,
    .data .year:before,
    .data .name-on-card,
    .data .date {
        position: relative;
        z-index: 20;
        letter-spacing: 1px;
        text-shadow: 1px 1px 1px #000;
    }

        .data .pan:before,
        .data .month:before,
        .data .year:before,
        .data .year:before:before,
        .data .name-on-card:before,
        .data .date:before,
        .data .pan:after,
        .data .month:after,
        .data .year:after,
        .data .year:before:after,
        .data .name-on-card:after,
        .data .date:after {
            position: absolute;
            z-index: -10;
            content: attr(title);
            color: rgba(0, 0, 0, 0.2);
            text-shadow: none;
        }

            .data .pan:before,
            .data .month:before,
            .data .year:before,
            .data .year:before:before,
            .data .name-on-card:before,
            .data .date:before {
                top: -1px;
                left: -1px;
                color: rgba(0, 0, 0, 0.1);
            }

                .data .pan:after,
                .data .month:after,
                .data .year:after,
                .data .year:before:after,
                .data .name-on-card:after,
                .data .date:after {
                    top: 1px;
                    left: 1px;
                    z-index: 10;
                }

    .data .pan {
        position: relative;
        z-index: 50;
        margin: 0;
        letter-spacing: 1px;
        font-size: 26px;
    }

    .data .first-digits {
        margin: 0;
        font: 400 10px/1 'Open Sans', Arial, sans-serif;
    }

    .data .exp-date-wrapper {
        margin-top: 5px;
        margin-left: 64px;
        line-height: 1;
        *zoom: 1;
    }

        .data .exp-date-wrapper:before,
        .data .exp-date-wrapper:after {
            content: " ";
            display: table;
        }

        .data .exp-date-wrapper:after {
            clear: both;
        }

        .data .exp-date-wrapper .left-label {
            float: left;
            display: inline-block;
            width: 40px;
            font: 400 8px/9px 'Open Sans', Arial, sans-serif;
            letter-spacing: 0.5px;
            margin-top: 4px;
        }

        .data .exp-date-wrapper .exp-date {
            display: inline-block;
            float: left;
            margin-top: -5px;
            margin-left: 10px;
            text-align: center;
        }

            .data .exp-date-wrapper .exp-date .upper-labels {
                font: 400 8px/1 'Open Sans', Arial, sans-serif;
            }

            .data .exp-date-wrapper .exp-date .year:before {
                content: '/';
            }

    .data .name-on-card {
        margin-top: 10px;
    }

.visacard_style .lines-down:before {
    content: '';
    position: absolute;
    top: 80px;
    left: -200px;
    z-index: 10;
    width: 550px;
    height: 400px;
    border-top: 2px solid #392db2;
    -webkit-border-radius: 40% 60% 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 40% 60% 0 0;
    -moz-background-clip: padding;
    border-radius: 40% 60% 0 0;
    background-clip: padding-box;
    box-shadow: 1px 1px 100px #4035b2;
    background: #2d21a6;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2d21a6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(45, 33, 166, 0)), color-stop(100%, #2d21a6));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2d21a6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(45, 33, 166, 0)", endColorstr="#2d21a6", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.visacard_style .lines-down:after {
    content: '';
    position: absolute;
    top: 20px;
    left: -100px;
    z-index: 10;
    width: 350px;
    height: 400px;
    border-top: 2px solid #392db2;
    -webkit-border-radius: 20% 80% 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 20% 80% 0 0;
    -moz-background-clip: padding;
    border-radius: 20% 80% 0 0;
    background-clip: padding-box;
    box-shadow: inset -1px -1px 44px #4035b2;
    background: #2d21a6;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2d21a6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(45, 33, 166, 0)), color-stop(100%, #2d21a6));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2d21a6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(45, 33, 166, 0)", endColorstr="#2d21a6", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.visacard_style .lines-up:before {
    content: '';
    position: absolute;
    top: -110px;
    left: -70px;
    z-index: 2;
    width: 480px;
    height: 300px;
    border-bottom: 2px solid #392db2;
    -webkit-border-radius: 0 0 60% 90%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 60% 90%;
    -moz-background-clip: padding;
    border-radius: 0 0 60% 90%;
    background-clip: padding-box;
    box-shadow: inset 1px 1px 44px #4035b2;
    background: #4031b2;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 100%, #23189a 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(64, 49, 178, 0)), color-stop(100%, #23189a));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 100%, #23189a 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 44%, #23189a 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 44%, #23189a 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(64, 49, 178, 0) 44%, #23189a 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(64, 49, 178, 0)", endColorstr="#23189a", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.visacard_style .lines-up:after {
    content: '';
    position: absolute;
    top: -180px;
    left: -200px;
    z-index: 1;
    width: 530px;
    height: 420px;
    border-bottom: 2px solid #4035b2;
    -webkit-border-radius: 0 40% 50% 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 40% 50% 50%;
    -moz-background-clip: padding;
    border-radius: 0 40% 50% 50%;
    background-clip: padding-box;
    box-shadow: inset 1px 1px 44px #4035b2;
    background: #2d21a6;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2d21a6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(45, 33, 166, 0)), color-stop(100%, #2d21a6));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2d21a6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(45, 33, 166, 0) 44%, #2d21a6 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(45, 33, 166, 0)", endColorstr="#2d21a6", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.american_style .card {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 53.98mm;
    color: #fff;
    font: 22px/1 'Iceland', monospace;
    background: #000103;
    border: 1px solid #000103;
    /*-webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  border-radius: 10px;*/
    background-clip: padding-box;
    overflow: hidden;
}

.american_style .lines-down:before {
    content: '';
    position: absolute;
    top: 80px;
    left: -200px;
    z-index: 10;
    width: 550px;
    height: 400px;
    border-top: 2px solid #587388;
    -webkit-border-radius: 40% 60% 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 40% 60% 0 0;
    -moz-background-clip: padding;
    border-radius: 40% 60% 0 0;
    background-clip: padding-box;
    box-shadow: 1px 1px 100px #587388;
    background: #2d21a6;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #587388 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(45, 33, 166, 0)), color-stop(100%, #2d21a6));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #587388 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #587388 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #587388 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(45, 33, 166, 0) 44%, #587388 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(45, 33, 166, 0)", endColorstr="#587388", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.american_style .lines-down:after {
    content: '';
    position: absolute;
    top: 20px;
    left: -100px;
    z-index: 10;
    width: 350px;
    height: 400px;
    border-top: 2px solid #587388;
    -webkit-border-radius: 20% 80% 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 20% 80% 0 0;
    -moz-background-clip: padding;
    border-radius: 20% 80% 0 0;
    background-clip: padding-box;
    box-shadow: inset -1px -1px 44px #587388;
    background: #587388;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #587388 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(45, 33, 166, 0)), color-stop(100%, #587388));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #587388 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #587388 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #587388 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(45, 33, 166, 0) 44%, #587388 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(45, 33, 166, 0)", endColorstr="#587388", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.american_style .lines-up:before {
    content: '';
    position: absolute;
    top: -110px;
    left: -70px;
    z-index: 2;
    width: 480px;
    height: 300px;
    border-bottom: 2px solid #587388;
    -webkit-border-radius: 0 0 60% 90%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 60% 90%;
    -moz-background-clip: padding;
    border-radius: 0 0 60% 90%;
    background-clip: padding-box;
    box-shadow: inset 1px 1px 44px #587388;
    background: #587388;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 100%, #587388 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(64, 49, 178, 0)), color-stop(100%, #587388));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 100%, #587388 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 44%, #587388 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 44%, #587388 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(64, 49, 178, 0) 44%, #587388 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(64, 49, 178, 0)", endColorstr="#587388", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.american_style .lines-up:after {
    content: '';
    position: absolute;
    top: -180px;
    left: -200px;
    z-index: 1;
    width: 530px;
    height: 420px;
    border-bottom: 2px solid #587388;
    -webkit-border-radius: 0 40% 50% 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 40% 50% 50%;
    -moz-background-clip: padding;
    border-radius: 0 40% 50% 50%;
    background-clip: padding-box;
    box-shadow: inset 1px 1px 44px #587388;
    background: #587388;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #587388 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(45, 33, 166, 0)), color-stop(100%, #587388));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #587388 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #587388 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #587388 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(45, 33, 166, 0) 44%, #587388 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(45, 33, 166, 0)", endColorstr="#587388", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.mastercard_style .card {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 53.98mm;
    color: #fff;
    font: 22px/1 'Iceland', monospace;
    background: #0085BD;
    border: 1px solid #0085BD;
    /*-webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  border-radius: 10px;*/
    background-clip: padding-box;
    overflow: hidden;
}

.mastercard_style .lines-down:before {
    content: '';
    position: absolute;
    top: 80px;
    left: -200px;
    z-index: 10;
    width: 550px;
    height: 400px;
    border-top: 2px solid #2197C7;
    -webkit-border-radius: 40% 60% 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 40% 60% 0 0;
    -moz-background-clip: padding;
    border-radius: 40% 60% 0 0;
    background-clip: padding-box;
    box-shadow: 1px 1px 100px #2197C7;
    background: #2d21a6;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2197C7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(45, 33, 166, 0)), color-stop(100%, #2d21a6));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2197C7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(45, 33, 166, 0)", endColorstr="#2197C7", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.mastercard_style .lines-down:after {
    content: '';
    position: absolute;
    top: 20px;
    left: -100px;
    z-index: 10;
    width: 350px;
    height: 400px;
    border-top: 2px solid #2197C7;
    -webkit-border-radius: 20% 80% 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 20% 80% 0 0;
    -moz-background-clip: padding;
    border-radius: 20% 80% 0 0;
    background-clip: padding-box;
    box-shadow: inset -1px -1px 44px #2197C7;
    background: #587388;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2197C7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(45, 33, 166, 0)), color-stop(100%, #2197C7));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2197C7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(45, 33, 166, 0)", endColorstr="#2197C7", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.mastercard_style .lines-up:before {
    content: '';
    position: absolute;
    top: -110px;
    left: -70px;
    z-index: 2;
    width: 480px;
    height: 300px;
    border-bottom: 2px solid #2197C7;
    -webkit-border-radius: 0 0 60% 90%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 60% 90%;
    -moz-background-clip: padding;
    border-radius: 0 0 60% 90%;
    background-clip: padding-box;
    box-shadow: inset 1px 1px 44px #2197C7;
    background: #2197C7;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 100%, #2197C7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(64, 49, 178, 0)), color-stop(100%, #2197C7));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 100%, #2197C7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 44%, #2197C7 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 44%, #2197C7 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(64, 49, 178, 0) 44%, #2197C7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(64, 49, 178, 0)", endColorstr="#2197C7", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.mastercard_style .lines-up:after {
    content: '';
    position: absolute;
    top: -180px;
    left: -200px;
    z-index: 1;
    width: 530px;
    height: 420px;
    border-bottom: 2px solid #2197C7;
    -webkit-border-radius: 0 40% 50% 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 40% 50% 50%;
    -moz-background-clip: padding;
    border-radius: 0 40% 50% 50%;
    background-clip: padding-box;
    box-shadow: inset 1px 1px 44px #2197C7;
    background: #2197C7;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2197C7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(45, 33, 166, 0)), color-stop(100%, #2197C7));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2197C7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(45, 33, 166, 0)", endColorstr="#2197C7", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.discover_style .card {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    width: 100%;
    height: 53.98mm;
    color: #fff;
    font: 22px/1 'Iceland', monospace;
    background: #114C6C;
    border: 1px solid #114C6C;
    /*-webkit-border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10px;
  -moz-background-clip: padding;
  border-radius: 10px;*/
    background-clip: padding-box;
    overflow: hidden;
}

.discover_style .lines-down:before {
    content: '';
    position: absolute;
    top: 80px;
    left: -200px;
    z-index: 10;
    width: 550px;
    height: 400px;
    border-top: 2px solid #2197C7;
    -webkit-border-radius: 40% 60% 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 40% 60% 0 0;
    -moz-background-clip: padding;
    border-radius: 40% 60% 0 0;
    background-clip: padding-box;
    box-shadow: 1px 1px 100px #2197C7;
    background: #2d21a6;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2197C7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(45, 33, 166, 0)), color-stop(100%, #2d21a6));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2197C7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(45, 33, 166, 0)", endColorstr="#2197C7", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.discover_style .lines-down:after {
    content: '';
    position: absolute;
    top: 20px;
    left: -100px;
    z-index: 10;
    width: 350px;
    height: 400px;
    border-top: 2px solid #2197C7;
    -webkit-border-radius: 20% 80% 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 20% 80% 0 0;
    -moz-background-clip: padding;
    border-radius: 20% 80% 0 0;
    background-clip: padding-box;
    box-shadow: inset -1px -1px 44px #2197C7;
    background: #587388;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2197C7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(45, 33, 166, 0)), color-stop(100%, #2197C7));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2197C7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(45, 33, 166, 0)", endColorstr="#2197C7", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.discover_style .lines-up:before {
    content: '';
    position: absolute;
    top: -110px;
    left: -70px;
    z-index: 2;
    width: 480px;
    height: 300px;
    border-bottom: 2px solid #2197C7;
    -webkit-border-radius: 0 0 60% 90%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 60% 90%;
    -moz-background-clip: padding;
    border-radius: 0 0 60% 90%;
    background-clip: padding-box;
    box-shadow: inset 1px 1px 44px #2197C7;
    background: #2197C7;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 100%, #2197C7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(64, 49, 178, 0)), color-stop(100%, #2197C7));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 100%, #2197C7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 44%, #2197C7 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(64, 49, 178, 0) 44%, #2197C7 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(64, 49, 178, 0) 44%, #2197C7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(64, 49, 178, 0)", endColorstr="#2197C7", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.discover_style .lines-up:after {
    content: '';
    position: absolute;
    top: -180px;
    left: -200px;
    z-index: 1;
    width: 530px;
    height: 420px;
    border-bottom: 2px solid #2197C7;
    -webkit-border-radius: 0 40% 50% 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 40% 50% 50%;
    -moz-background-clip: padding;
    border-radius: 0 40% 50% 50%;
    background-clip: padding-box;
    box-shadow: inset 1px 1px 44px #2197C7;
    background: #2197C7;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2197C7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(45, 33, 166, 0)), color-stop(100%, #2197C7));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 100%, #2197C7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(45, 33, 166, 0) 44%, #2197C7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(45, 33, 166, 0)", endColorstr="#2197C7", GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.name-on-card img {
    position: absolute;
    width: auto;
    right: 10px;
    bottom: -10px;
}


/*.paymentcard_edit {
    margin-bottom: 2em;
}*/

.paymentcard_edit label {
    font-size: 16px;
    margin-right: 10px;
}

.paymentcard_edit a .editbtn_icon {
    color: #2773b3;
    font-size: 18px;
}

.paymentcard_edit a {
    position: relative;
    top: 4px;
}

    .paymentcard_edit a .deletebtn_icon {
        color: #f20;
        font-size: 18px;
    }

.cardborder_style {
    border: 1px solid #ccc;
    padding: 10px 10px !important;
    width: 95%;
    border-radius: 8px;
    margin-bottom: 20px;
}


/* ===================================== End Payment Style ================================================ */


/* ===================================== Start Subscription Style ========================================= */

.newsebscribe_style {
    margin-top: 4.74em;
    margin-bottom: 0em;
}

.subsleft_panelstyle {
    height: 100vh;
    background: #e9e9e9;
    min-height: 100vh;
}

.subsright_panelstyle {
    /*margin-top: 2em;*/
}

.subsleft_panelstyle ul {
    padding-top: 30px;
}

    .subsleft_panelstyle ul li {
        padding: 0;
        padding-bottom: 0px;
        padding-bottom: 0px;
        margin-bottom: 10px;
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 5px;
    }

        .subsleft_panelstyle ul li a {
            color: #023f47;
            font-size: 13px;
        }

            .subsleft_panelstyle ul li a.btn {
                color: #fff;
            }

                .subsleft_panelstyle ul li a.btn:hover {
                    color: #fff;
                }

            .subsleft_panelstyle ul li a:hover {
                color: #890000;
            }

.assetview_list {
    border: 1px solid #ccc;
    padding: 0 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
}

.subscription_assetdetails h4 {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.subsleft_panelstyle ul li.yearfilter {
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    padding: 10px;
}

.subsleft_panelstyle ul li a i {
    font-size: 18px;
    margin-right: 5px;
}

.subspervnext_style a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    line-height: 26px;
}

    .subspervnext_style a i {
        margin: 0;
    }

.subscription_assetdetails p {
    padding-bottom: 0;
    line-height: 22px;
}

.price_style {
    color: #000;
    font-weight: bold;
    font-size: 22px;
}

.cd-pricing-header {
    pointer-events: auto;
    color: #173d50;
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 7px;
    float: left;
    width: 50%;
    background: #f3f3f3;
    padding: 10px;
    border-right: 1px solid #ccc;
    text-align: center;
}

    .cd-pricing-header h5 {
        font-size: 14px;
        font-weight: bold;
    }

.pricedown {
    border: none;
}

    .pricedown .cd-value {
        color: #0B7B77;
    }

.cd-currency {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
    font-size: 1.5rem;
    font-weight: 700;
}

.cd-currency,
.cd-duration {
    color: rgba(23, 61, 80, .4);
}

.cd-value {
    font-size: 2rem;
    font-weight: bold;
    margin-top: 15px;
    display: inline-block;
}

.cd-duration {
    font-size: 1.4rem;
}

    .cd-duration::before {
        content: '/';
        margin-right: 2px;
    }


/*#discount_panel
    {
        display:none;
    }*/

.daterange {
    background: #D9D7CB;
    text-align: left;
    padding: 5px;
}

    .daterange i {
        margin-right: 5px;
    }

.date {
    text-align: left;
    color: #000;
    font-size: 13px;
    width: 100%;
    float: left;
}

    .date i {
        margin-right: 5px;
    }

    .date ul {
        padding: 0;
    }

    .date li {
        list-style: none;
        display: inline-block;
        border-right: 1px solid #ccc;
        padding-right: 11px;
        padding-left: 8px;
    }

        .date li:last-child {
            padding: 0;
            border: none;
            padding-left: 8px;
        }

.published_date {
    color: #a5a1a1;
    text-align: right;
}

.off-info {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.off-info {
    /*height: 100px;
    width: 120px;*/
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    color: #6a1b9a;
    font-size: 30px;
    line-height: 1;
    border-bottom: 1px solid #e7e7e7;
    font-weight: 700;
    background: #CCD4C5;
    /*margin-top:15px;*/
}

.off-info {
    color: #6a1b9a;
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    padding: 5px;
    padding-bottom: 0px;
}

.pct-off {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.off-info .pct-off p:first-child {
    font-size: 48px;
}

.off-info .pct-off p:nth-child(2) {
    font-size: 22px;
    line-height: 18px;
}


/*.off-info .pct-off p span {
        font-size: 22px;
        line-height: 18px;
    }*/


/*.promocode_style {
    background: #D9D7CB;
    padding: 20px;
}*/

.subsimg,
.subscription_assetdetails {
    padding-top: 15px;
    /*padding-bottom: 15px;*/
    padding-left: 0;
    padding-right: 0;
}

.subsimgClassified,
.subscription_assetdetails {
    padding-top: 15px;
    /*padding-bottom: 15px;*/
    padding-left: 0;
    padding-right: 0;
}

.promocode_style {
    background: #CCD4C5;
    margin-top: 25px;
}

    .promocode_style h4 {
        font-family: 'Yatra One', cursive;
        font-weight: bold;
        font-style: normal;
        font-size: 16px;
        color: #8D0303;
        text-align: center;
    }

        .promocode_style h4 span {
            font-weight: normal;
            font-size: 14px;
            /*font-family: "Roboto", sans-serif;*/
            color: #000;
        }

.btnsubs_style {
    font-family: 'Yatra One', cursive;
    font-size: 28px;
    animation: Color 4s linear infinite;
    -webkit-animation: Color 4s ease-in-out infinite;
    display: inline-block;
    margin-top: 28px;
    font-weight: bold;
    text-align: center;
    /*text-shadow: 10px 10px #F0F0F0;*/
}

.display_none {
    display: none;
}

.display_block {
    display: block;
}

@keyframes Color {
    0% {
        color: #A0D468;
    }

    20% {
        color: #4FC1E9;
    }

    40% {
        color: #FFCE54;
    }

    60% {
        color: #FC6E51;
    }

    80% {
        color: #ED5565;
    }

    100% {
        color: #AC92EC;
    }
}

@-moz-keyframes Color {
    0% {
        color: #A0D468;
    }

    20% {
        color: #4FC1E9;
    }

    40% {
        color: #FFCE54;
    }

    60% {
        color: #FC6E51;
    }

    80% {
        color: #ED5565;
    }

    100% {
        color: #AC92EC;
    }
}

@-webkit-keyframes Color {
    0% {
        color: #A0D468;
    }

    20% {
        color: #4FC1E9;
    }

    40% {
        color: #FFCE54;
    }

    60% {
        color: #FC6E51;
    }

    80% {
        color: #ED5565;
    }

    100% {
        color: #AC92EC;
    }
}

div.subsbtn_align {
    /*display: flex;*/
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
}

a.btnsubs_style {
    display: inline-block;
    align-self: flex-end;
}

.assetpreview_title h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}

.assetpreview_title p {
    color: #000;
    font-size: 16px;
}

    .assetpreview_title p span {
        color: #7E1214;
        font-size: 14px;
        font-weight: bold;
    }

.price_style {
    font-size: 32px;
    font-weight: bold;
}

.discount {
    min-height: 47px;
    position: relative;
    font-size: 42px;
    line-height: 38px;
    text-align: center;
    font-weight: bold;
    padding: 6px 15px 0;
    color: #f1c40f;
    margin-bottom: 20px;
}

.alizarin {
    background: #e74c3c;
}

.discount .type {
    font-size: 17px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 0px;
}

.discount.alizarin::after {
    border-top: 20px solid #e74c3c;
}

.discount::after {
    content: " ";
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 20%;
}

.subspromocode_style .control-label {
    font-size: 16px;
}

.subscribelink_style {
}

.desc_subsstyle h4 {
    font-size: 16px;
    color: #007673;
    font-weight: 700;
}

.descpublish_style {
    margin-top: 10px;
}

.descbody_subsstyle p {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin-top: 10px;
}

.imgcountsmall_text {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    width: 50px;
    height: 40px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    line-height: 36px;
    border-radius: 0px 0 0px 40px;
    /*padding-right: 12px;*/
}

.imgcountsmall_textClassified {
    position: absolute;
    top: 0;
    right: 0;
    background: #ccc;
    text-align: right;
    color: #fff;
    font-size: 5px;
    line-height: 36px;
    padding-right: 12px;
}

.disabled {
    cursor: default !important;
}

.subsleft_panelstyle ul.assetpage_link li a {
    color: #7D1114;
    font-size: 14px;
}

.individualasset_style .individual_title {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

    .individualasset_style .individual_title + h4 {
        font-size: 14px;
    }

.individual_subsright h5 {
    font-size: 16px;
    line-height: 20px;
    padding-top: 10px;
    color: #02373e;
}

.individualasset_style {
    padding-top: 20px;
}

.individual_subsright h6 {
    font-size: 13px;
    line-height: 20px;
    color: #7F1114;
}

.paymentdetail_boxstyle {
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    border: 1px solid #ccc;
    margin-top: 20px;
    padding: 0px;
    margin-bottom: 20px;
}

    .paymentdetail_boxstyle .price {
        font-weight: bold;
        font-size: 20px;
        color: #C21D30;
    }

    .paymentdetail_boxstyle .strike_price,
    .paymentdetail_boxstyle .save_text {
        font-size: 13px;
        color: #000;
        margin-top: 3px;
    }

        .paymentdetail_boxstyle .strike_price span {
            text-decoration: line-through;
        }

.taxstyle {
    font-size: 13px;
    font-weight: 500;
}

.instock_style {
    font-size: 16px;
    color: #258c34;
    margin-top: 8px;
    font-weight: 500;
}

.customerreview_style {
    color: #087380;
    font-size: 14px;
}

.readprice_style {
    border: 1px solid #7C1315;
    background-color: #fff2f2;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
    width: 170px;
    margin-left: auto;
    margin-right: auto;
}

    .readprice_style h4,
    .readprice_style h5 {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }

.downloadprice_style {
    border: 1px solid #087380;
    background-color: #ccf8fd;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

    .downloadprice_style h4,
    .readprice_style h5 {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }

.individualasset_style hr {
    margin: 1em 0 1em;
    border-color: #dadada;
}

.individualstyle_desc h4 {
    color: #087380;
    font-size: 20px;
    font-weight: bold;
}

.readprice_boxstyle {
    border-color: #7D1114;
}

    .readprice_boxstyle h4 {
        background: #7D1114;
        color: #fff;
        font-size: 20px;
        text-align: center;
    }

.readprice_body {
    padding: 15px;
}

.downloadprice_boxstyle {
    border-color: #087380;
}

    .downloadprice_boxstyle h4 {
        background: #087380;
        color: #fff;
        font-size: 20px;
        text-align: center;
    }

.downloadprice_body {
    padding: 15px;
}

.bckcolr {
    /*background-color: red;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.assetTitle {
    font-size: 24px !important;
    display: inline-block;
    margin-bottom: 10px;
}

.indigualpublished_date i {
    margin-right: 4px;
    font-size: 14px;
}

.indigualpublished_date {
    color: #aa5c5c;
    font-weight: normal;
    font-size: 12px;
}

    .indigualpublished_date span {
        color: #000;
        font-weight: bold;
    }

#lblAuthor {
    color: #a89999;
    display: inline-block;
    margin-bottom: 5px;
}

.rscolr {
    color: green;
}

.individualasset_style p {
    padding-bottom: 0px;
}

.imgcount_text {
    position: absolute;
    top: 15px;
    right: 16px;
    background: rgba(0, 0, 0, .5);
    width: 100px;
    height: 83%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
    padding-top: 42%;
}

.viewall_btnhover {
    position: absolute;
    width: 89%;
    top: 14px;
    height: 80%;
    background: rgba(0, 0, 0, .5);
    display: none;
    text-align: center;
    padding-top: 45%;
}

    .viewall_btnhover a {
        color: #fff;
        font-size: 16px;
    }


/*.subsimg:hover .viewall_btnhover {
    display: block;
}

.subsimg:hover .imgcount_text {
    display: none;
}

.subsimg:hover .imgcountsmall_text {
    display: none;
}*/

.subsimg .imgtitle_style {
    /*white-space: nowrap;
    width: 255px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 23px;
    font-size: 12px;
    color: #5a5a5a;
    font-weight: normal;
    padding: 5px;
    border-top: none;
    text-align: left;
    letter-spacing: 0.2px;
    margin: 0 auto;*/
    white-space: nowrap;
    width: 255px;
    background: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 15px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    border-top: none;
    text-align: left;
    letter-spacing: 0.2px;
    margin: 0 auto;
    text-transform: capitalize;
    margin-bottom: 0;
    padding: 10px;
}

.subscriptionfilter_backstyle {
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #f6f7f9;
}

.subsimgdiv {
    /*background-color: rgba(0,0,0,.03);
    text-align: center;
    vertical-align: middle;
    height: 255px;
    display: table-cell;
    width: 255px;
    border: 1px solid #e7e7e7;*/
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
    height: 255px;
    display: flex;
    /* width: 255px;*/
    border: 1px solid #ececec;
    flex-grow: 1;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    position: relative;
    box-shadow: 0px 0px 1px 0px #ccc;
}

.subsimgClassified .imgtitle_styleClassified {
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 23px;
    font-size: 12px;
    color: #5a5a5a;
    font-weight: normal;
    padding: 5px;
    border-top: none;
    text-align: left;
    letter-spacing: 0.2px;
    margin: 0 auto;
}

.subsimgdivClassified {
    background-color: rgba(0, 0, 0, .03);
    text-align: center;
    vertical-align: middle;
    height: 100px;
    display: flex;
    width: 150px;
    border: 1px solid #e7e7e7;
    flex-grow: 1;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    position: relative;
}

.subsimgdiv:hover {
    /*box-shadow: 0 2px 12px 0 rgba(0,0,0,0.35);*/
}

.subsimgdiv img {
    width: auto;
    height: 240px !important;
    border-style: none;
    /*max-width: initial;*/
}

.full_widthimg {
    width: auto !important;
}

.subsimg {
    padding-left: 15px;
    padding-right: 15px;
    /*width: 20%;*/
}

.assetcollection_style {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 23px;
    margin-left: 0px;
    font-size: 12px;
    color: #5a5a5a;
    font-weight: normal;
    padding: 5px;
    border-top: none;
    text-align: left;
    letter-spacing: 0.2px;
}

.readanddownload_style {
    text-align: center;
}

    .readanddownload_style h4 {
        font-size: 14px;
        font-weight: 500;
    }

        .readanddownload_style h4 i {
            margin-right: 5px;
        }

.readanddownload_style {
    font-size: 24px;
    font-weight: bold;
}

.individual_subsright {
    background: #f8f8f8;
    padding: 20px;
    border: 1px solid #ccc;
}

.indigualassetimg_style {
    width: 250px;
    height: 300px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, .03);
    border: 1px solid #e7e7e7;
}

    .indigualassetimg_style img {
        width: auto;
        max-width: initial;
    }

.individualcollect_thumb {
    display: table-cell;
    height: 250px;
    width: 250px;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, .03);
    border: 1px solid #e7e7e7;
    cursor: pointer;
}

    .individualcollect_thumb:hover {
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.35);
    }

    .individualcollect_thumb img {
        width: auto;
        max-width: initial;
    }

#dvThumbnailAssets {
    margin-top: 20px;
}

.prevnext_btn {
    display: table-cell;
    height: 250px;
    vertical-align: middle;
    padding-top: 125px;
}

.ratingstyle_individual {
    margin-top: 10px;
}


/*.subsimg {
    background-color: rgba(0,0,0,.03);
}*/

.rem {
    clear: both;
}

#lblDescription {
    /*min-height: 150px;*/
}

.nodesc_subscribe {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}


/* ===================================== End Subscription Style ========================================= */


/* ===================================== Start Payment page Style ======================================= */

.paymentleftpnl_style {
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    margin-bottom: 20px;
}

.leftpayment_lblstyle {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.rightpayment_lblstyle {
    color: #000;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.normallblstyle {
    color: #656565;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.paymentrightpnl_style {
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    margin-bottom: 20px;
    float: right;
}

    .paymentrightpnl_style p {
        color: #8b8b8b;
        font-size: 14px;
        letter-spacing: 0.5px;
        line-height: 24px;
        margin-top: 10px;
        padding: 0;
    }

    .paymentrightpnl_style h4 {
        color: #000;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.5px;
        margin: 0;
    }

.paypayment_lblstyle label {
    font-size: 14px;
    font-weight: normal;
    color: #656565;
    letter-spacing: 0.5px;
}


/*.ordertotal_lblstyle {
    border-top: 1px solid #ccc;
}*/

.ordertotal_lblstyle {
    color: #7E1113;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-top: 15px;
}

    .ordertotal_lblstyle hr,
    .paymentleftpnl_style hr {
        margin: 0;
        border-color: #ccc;
        margin-bottom: 15px;
    }


/* ===================================== End Payment page Style ======================================= */


/* ===================================== Start Feedback Style ========================================= */

.custom-radio {
    width: 36px;
    height: 36px;
    display: inline-block;
    position: relative;
    z-index: 1;
    top: 3px;
    margin-bottom: 5px;
    /*background-image:url(img/feedback_smile.png);

    background-repeat:no-repeat;

	background-position:-10px -11px;*/
}


/*Unsatisfactory*/

.radio-list li:nth-child(4) span.custom-radio {
    background-image: url(../../assets/images/feedback-emotion-icons.png);
    background-repeat: no-repeat;
    background-position: -7px -57px;
}

    .radio-list li:nth-child(4) span.custom-radio:hover {
        background-image: url(../../assets/images/feedback-emotion-icons.png);
        background-repeat: no-repeat;
        background-position: -46px -57px;
    }

    .radio-list li:nth-child(4) span.custom-radio.selected {
        background-image: url(../../assets/images/feedback-emotion-icons.png);
        background-repeat: no-repeat;
        background-position: -47px -57px;
    }


/*Below Average*/

.radio-list li:nth-child(5) span.custom-radio {
    background-image: url(../../assets/images/feedback-emotion-icons.png);
    background-repeat: no-repeat;
    background-position: -102px -9px;
}

    .radio-list li:nth-child(5) span.custom-radio:hover {
        background-image: url(../../assets/images/feedback-emotion-icons.png);
        background-repeat: no-repeat;
        background-position: -142px -9px;
    }

    .radio-list li:nth-child(5) span.custom-radio.selected {
        background-image: url(../../assets/images/feedback-emotion-icons.png);
        background-repeat: no-repeat;
        background-position: -142px -9px;
    }


/*Neutral*/

.radio-list li:nth-child(3) span.custom-radio {
    background-image: url(../../assets/images/feedback-emotion-icons.png);
    background-repeat: no-repeat;
    background-position: -6px -9px;
}

    .radio-list li:nth-child(3) span.custom-radio:hover {
        background-image: url(../../assets/images/feedback-emotion-icons.png);
        background-repeat: no-repeat;
        background-position: -46px -9px;
    }

    .radio-list li:nth-child(3) span.custom-radio.selected {
        background-image: url(../../assets/images/feedback-emotion-icons.png);
        background-repeat: no-repeat;
        background-position: -46px -9px;
    }


/*Good*/


/*.radio-list li:nth-child(3) span.custom-radio {
    background-image: url(../../assets/images/feedback-emotion-icons.png);
    background-repeat: no-repeat;
    background-position: -6px -57px;
}

    .radio-list li:nth-child(3) span.custom-radio:hover {
        background-image: url(../../assets/images/feedback-emotion-icons.png);
        background-repeat: no-repeat;
        background-position: -46px -57px;
    }

    .radio-list li:nth-child(3) span.custom-radio.selected {
        background-image: url(../../assets/images/feedback-emotion-icons.png);
        background-repeat: no-repeat;
        background-position: -46px -57px;
    }*/


/*Very Useful*/

.radio-list li:nth-child(1) span.custom-radio {
    background-image: url(../../assets/images/feedback-emotion-icons.png);
    background-repeat: no-repeat;
    background-position: -198px -9px;
}

    .radio-list li:nth-child(1) span.custom-radio:hover {
        background-image: url(../../assets/images/feedback-emotion-icons.png);
        background-repeat: no-repeat;
        background-position: -238px -9px;
    }

    .radio-list li:nth-child(1) span.custom-radio.selected {
        background-image: url(../../assets/images/feedback-emotion-icons.png);
        background-repeat: no-repeat;
        background-position: -238px -9px;
    }


/*Not Useful*/

.radio-list li:nth-child(2) span.custom-radio {
    background-image: url(../../assets/images/feedback-emotion-icons.png);
    background-repeat: no-repeat;
    background-position: -102px -57px;
}

    .radio-list li:nth-child(2) span.custom-radio:hover {
        background-image: url(../../assets/images/feedback-emotion-icons.png);
        background-repeat: no-repeat;
        background-position: -142px -57px;
    }

    .radio-list li:nth-child(2) span.custom-radio.selected {
        background-image: url(../../assets/images/feedback-emotion-icons.png);
        background-repeat: no-repeat;
        background-position: -142px -57px;
    }


/*.custom-radio:hover{            

	background-image:url(img/feedback_smile.png);

	background-repeat:no-repeat;

	background-position:-65px -10px;

}
E:\BESP Tasks\VSS-Projects\MGC_EIM\MCG_EIM\MCG_EIM\MCG_EIM\Assets\images\feedback-emotion-icons.png
.custom-radio.selected{

	background-image:url(img/feedback_smile.png);

	background-repeat:no-repeat;

	background-position:-65px -10px;

}*/

.custom-radio input[type="radio"] {
    margin: 1px;
    /*position: absolute;*/
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;
    /* CSS hacks for older browsers */
    _noFocusLine: expression(this.hideFocus=true);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    width: 100%;
    height: 100%;
}


/* Let's Beautify Our Form */

.radio-list label {
    display: block;
    padding: 2px 0;
}

.radio-list input[type="submit"] {
    float: left;
    background: #f2f2f2;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    margin-top: 20px;
    padding: 4px 10px;
    cursor: pointer;
    outline: none;
}

    .radio-list input[type="submit"]:hover {
        color: #fff;
        border-color: #1b7aa9;
        background-color: #239fdb;
    }

.radio-list {
    padding: 0;
    margin: 0;
}

    .radio-list li {
        /*  border-right: 1px solid #fff;*/
        display: inline-block;
        list-style: outside none none;
        padding: 12px 0 0;
        text-align: center;
        width: 110px;
    }

        .radio-list li:last-child {
            border-right: none;
        }


/* ===================================== End Feedback Style ========================================= */


/* ====================================== Start Settings Style ======================================== */

.settingsbox_style {
    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
    background: #fff;
    padding: 0 20px 20px;
    border: 1px solid #ccc;
}

    .settingsbox_style h6 {
        font-weight: 500;
        font-size: 20px;
        padding: 10px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
    }

.logobgcolor {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logostyle {
    max-width: 200px;
    max-height: 125px;
    width: 200px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:1px !important;
}


/* ====================================== End Settings Style ======================================== */


/*.readprice_style h6 strong
{
    font-size:13px;
}*/

.newreadprice_style h6 {
    border: 1px solid #7C1315;
    background-color: #fff2f2;
    color: #7C1315;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-top: 4px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    max-height: 25px;
}

    .newreadprice_style h6 span,
    .newreadprice_style h6 i {
        /*font-size: 1.2rem;*/
        margin-right: 2px;
        color: #333;
        display: inline-block;
        max-height: 15px;
        min-height: 15px;
        font-size: 14px;
    }

.newdownloadprice_style h6 {
    border: 1px solid #1c5e0b;
    background-color: #e0f7da;
    color: #1c5e0b;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-top: 4px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    max-height: 25px;
}

    .newdownloadprice_style h6 span,
    .newdownloadprice_style h6 i {
        font-size: 1.2rem;
        margin-right: 2px;
        color: #333;
        display: inline-block;
        max-height: 15px;
        min-height: 15px;
        font-size: 14px;
    }

    .newdownloadprice_style h6 strong,
    .newreadprice_style h6 strong {
        /*margin-left: 6px;*/
        font-size: 14px;
    }

.icon-overlay .icon-overlay-text p a i {
    display: inline-block;
}

.newfree_style h6 {
    border: 1px solid #1c5879;
    background-color: #cfe3ee;
    color: #1c5879;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin-top: 4px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    max-height: 25px;
}

    .newfree_style h6 i {
        /*font-size: 1.2rem;*/
        margin-right: 2px;
        color: #333;
        display: inline-block;
        max-height: 15px;
        min-height: 15px;
        font-size: 14px;
    }


/* ===================================== Start Membership Page Style ============================== */

.membership_style {
    display: flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    -webkit-justify-content: center;
}

.membership_pnlstyle {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
    border: none;
    padding: 20px;
    border: 1px solid #ccc;
    margin-right: 20px;
    margin-top: 2rem;
}

.membership_pnlbordercolor1 {
    border-color: #4be3e6 !important;
}

.membership_pnlbordercolor2 {
    border-color: #ffc0c8 !important;
}

.membership_pnlstyle h4 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #ccc;
}

.membership_pnlstyle .titlecolor1 {
    color: #01a9ac !important;
}

.membership_pnlstyle .titlecolor2 {
    color: #fe5d70 !important;
}

.desc_membership {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.5px;
    margin-top: 2rem;
}

.membership_pnlstyle .price {
    color: #4a4a4a;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0px;
    display: inline-block;
}

    .membership_pnlstyle .price small {
        font-size: 13px;
        /*display: block;*/
        line-height: 25px;
    }

.membership_pnlstyle .bgcolor1 {
    background: #01a9ac !important;
    border-color: #01a9ac !important;
}

span.margin_right {
    margin-right: 3rem;
}

.chooseplan_style {
    margin-top: 1rem;
}

    .chooseplan_style label {
        font-size: 16px;
    }

#dvCustomPlan {
    margin-top: 1rem;
}

.membership_amountstyle h3 {
    font-size: 16px;
    text-align: center;
}

.membership_amountstyle h6 {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

    .membership_amountstyle h6.memberamount {
        font-size: 24px;
        color: #EA770B;
        font-weight: 600;
    }


/* ===================================== End Membership Page Style ============================== */


/* ============================= Start Responsive Style ======================== */

@media (max-width:766px) {
    .margin_bottomstyle span {
        margin-bottom: 5px;
    }
}

@media (min-width:320px) and (max-width:575px) {
    .right-icon {
        padding: 5px;
    }

    .media_alignment,
    .media_alignment a {
        display: inline-flex;
        margin: 0 5px 0 0;
    }
}

@media (min-width:320px) and (max-width:740px) {
    .custom_overlayheight {
        height: 296px !important;
    }

    .col-md-9 input {
        position: relative;
        /*z-index: 999;*/
    }

    .media_btnright {
        float: right;
    }

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

    .datatablewidth_scroll .dataTables_scrollHead {
        overflow: inherit !important;
    }

    .datatablewidth_scroll .dataTables_scroll {
        width: -moz-max-content;
    }

    .accessright_rightbtn {
        margin: 1em 0 0 0;
    }

    .datatable-width .dataTables_scrollHead {
    }

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

    .setdetails_popup {
        position: absolute;
        top: auto;
        bottom: 23px;
        right: 0px;
        padding: 0;
    }

    .mediaalert_success {
        margin-top: 4em !important;
    }

    .sectionpull_top {
    }

    .customcard_block {
        padding: 1.25rem 0;
    }

    .img_pullleft {
        padding: 0px !important;
    }

    .img_pullleft_width {
        width: 208px !important;
    }

    .media_bottomzero {
        margin-bottom: 0px !important;
    }

    .actionBar {
        margin: 1rem 0 !important;
    }

    .card.custom_content {
        margin: 0 !important;
    }

    .data_postion,
    .data_postion a {
        display: inline-flex;
        float: right;
        margin: 0 2px;
    }

    .sectionpull_bottom a {
        margin-bottom: 1em;
    }

    .content .custom_contenttop {
        margin: 1em 0 !important;
        padding: 5px !important;
    }

    .searchasset_bgstyle.box-alignment {
        right: 0 !important;
    }

    .responsive_margintop a {
        margin: 1em 0 0;
    }

    .content {
        margin: 20px !important;
    }

    .btn-file {
        position: relative;
        z-index: 9;
    }
}

@media (max-width:770px) {
    .responsive_margintop {
        width: auto;
    }
}

@media (max-width:770px) {
    .media_sclectbox select {
        margin-bottom: 10px;
    }
}

@media (max-width:826px) {
    .assetlayout_setting div.radio-button {
        margin-right: 15px;
    }
}

@media (min-width:325px) and (max-width:740px) {
    .nav_alignmenttop {
        width: -moz-max-content !important;
    }
}

@media (min-width:1200px) and (max-width:1250px) {
    .overlay-box-shadow {
        height: 350px !important;
    }
}

@media (min-width:320px) and (max-width:767px) {
    .asset_uploadtab .nav-tabs .nav-item {
        display: block;
    }

    .text_overflowhidden a {
        overflow: hidden;
    }

    .searchasset_pageination select {
        width: auto !important;
    }


    select.js-example-basic-single {
        width: auto;
    }

    .actionBar_mediaright {
        width: auto !important;
        float: right !important;
    }

    .uploadimg_details label {
        word-break: break-word;
    }

    .widget-box {
        margin-bottom: 10px;
        min-height: 165px;
    }

    .assetlayout_setting img {
        width: auto !important;
        display: block;
    }

    .widget-box .text-xs-center h3 span.testresponsive_alignment {
        /*margin: 0 3.5rem;*/
    }

    .media_dropdownclass select {
        width: auto;
        min-width: 140px;
    }

    .media_postion {
        position: relative;
        top: 1rem;
        padding: 0px;
    }

    .subsimg {
        padding: 0px !important;
        margin-top: 1rem;
    }

    .responsive_margintop a {
        margin: 1em 0 0;
    }

    .small_divewidth {
        width: 100%;
    }

    span.to_margintop {
        margin: 2em 0 !important;
        position: relative !important;
    }

    .tab-height {
        /*height: 360px !important;*/
    }

    .media_sclectbox select {
        width: auto !important;
        float: left;
        position: relative;
        z-index: 9;
    }

    .viewmore_btn {
    }

    .right_icon_Free {
        margin-left: 0px !important;
    }

    .search_digitalheight {
        min-height: 370px !important;
    }

    .positionset_top {
        position: inherit !important;
        right: 0;
    }

    .col-xl-6.newreadprice_style,
    .col-xl-6.newdownloadprice_style {
        width: 50%;
        float: left;
    }

    .col-xl-6.newdownloadprice_style {
        width: 50%;
        float: left;
    }

    .searchasset_selectpagetop {
        /*width: auto !important;*/
        display: flex;
        /*min-width: 170px;*/
    }

    .custom-media-20 {
        width: 100% !important;
        float: initial;
    }

    .nav_alignmenttop {
        position: relative !important;
        padding: 0;
    }

        .nav_alignmenttop span.btn {
            padding: .5rem 14px;
            margin: 1em 0;
        }

    span.membership_gif img {
        left: auto !important;
        position: absolute !important;
    }

    .col-md-3.responisve-full-width {
        width: 100%;
    }

    .col-md-9.responisve-full-width {
        width: 100%;
    }

    .icon-bottom-overlay:hover span.membership_gif img {
        top: 4rem !important;
    }

    .responisve-text-center {
        text-align: center !important;
        margin: 1em 0 0 0;
    }

    .responsive-alignment {
        text-align: right !important;
        margin: 1em 0 0;
    }

    .border {
        margin-bottom: 1em;
    }

    .uploadimg_details h4 {
        display: flex;
    }

    .custom-style .offset-md-1 {
        margin-left: auto !important;
    }

    a.btn.btn-size {
        position: absolute;
        bottom: 0em;
        top: auto;
        right: 0;
        margin-bottom: 0 !important;
        z-index: 22 !important;
    }

    .searchblock input.form-control {
        line-height: inherit !important;
    }

    .card {
        min-height: 120px;
    }

    .input-right-icon .input-group-addon.box-alignment {
        display: inline-block;
        width: auto;
        float: right;
        position: relative;
        left: auto;
        margin-top: -2.4em;
        z-index: 99;
        margin: -2.4em 0.1em 0em 0.1em;
    }



    .searchasset_bgstyle.box-alignment {
        /*display: inline-block;
        width: auto;
        float: right;
        position: relative;
        left: auto;
        margin-top: -2.4em;
        z-index: 999;
        margin: -2.6em 0.1em 0em 0.1em;
        min-height: 30px;
        bottom: 2px;
        right: 12px;*/
        min-height: 30px;
        padding: 8px 10px;
        position: relative;
        z-index: 9999;
        /*top: -2.4rem;*/
        /*top:2.3rem;*/
        margin-top: 1rem;
        float: right;
        margin: 0 1px;
        /*left: 4.5rem;*/
        left: 1.5rem;
        bottom: 2.4rem;
    }

    .popupcustom_style {
        bottom: auto !important;
    }



    .col-md-8 input.form-control {
        position: relative;
        z-index: 9;
    }

    .subspervnext_style {
        margin-top: 1rem;
    }

    .bottom_spacealignment {
        margin-top: 1rem;
    }

    .input-right-icon .overflow_text, {
        text-overflow: ellipsis;
        width: 100px;
    }

    .input-right-icon input.form-control {
        text-overflow: ellipsis;
        width: 100px;
    }

    .btn-file {
        margin-bottom: 5px;
    }

    .curHand {
        vertical-align: initial;
    }

    .searchasset_bgstyle.box-alignment2 {
        display: inline-block;
        width: auto;
        float: right;
        position: relative;
        left: auto;
        margin-top: -2.4em;
        z-index: 999;
        bottom: 3px;
    }

    .custom-style .col-md-3.input-alignment2 {
        position: relative;
        right: 30px;
        top: 0px;
        left: auto;
    }

    input#txtAssetCollectionSearchText {
        position: relative;
        z-index: 999;
    }

    .custom-style .col-md-3.input-alignment {
        position: absolute;
        right: 2.5em;
        top: 0;
    }

    .custom-style .col-md-3.input-alignment1 {
        position: relative;
        right: 0em;
        top: 0;
    }
}

@media (max-width: 575px) {
    .subsleft_panelstyle {
        height: auto;
        background: #e9e9e9;
        min-height: inherit;
    }

    .btnworkflowsearch {
        padding: 8px 0px !important;
    }

    footer#footer {
        height: auto;
        line-height: 20px;
        padding: 10px 0;
    }

    .pollstatus_icon {
        width: 50px;
        float: right;
    }

        .pollstatus_icon i {
            font-size: 13px;
        }

    .pollvotecount_style {
        font-size: 13px;
    }

    .pollqus_title {
        font-size: 14px;
    }

    .pollquestion_style h6 {
        font-size: 14px;
    }

    .pollmobstyle_options {
        clear: both;
        margin-bottom: 10px;
    }

    div.cardheight {
        height: auto;
    }

    .align_subsdetail {
        margin-top: 10px;
    }

    .indigualassetimg_style img {
        max-width: 100%;
    }

    .dashboardtop_icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0;
    }

    .secondary_menu li a {
        line-height: 20px;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .text-overlay-description p a.btn {
        padding: 8px 2px;
    }

    div.cardheight {
        height: 250px;
    }

    .col-xs-12 .media_width {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .content_aligndash .content {
        margin-right: 20px;
    }

    .to_margintop {
        margin: 2em 0;
    }

    .content_alignfulldash .content {
        margin-left: 20px;
        margin-right: 20px;
    }

    .content_alignthree_column .content {
        margin-left: 20px;
    }

    .linkbutton_style a {
        display: block;
        /*margin-bottom: 10px;*/
    }

    .user_detailstyle .content {
        margin: 0;
    }

    .preview {
        width: 100%;
    }

    .meta_details {
        width: 100%;
        position: relative;
    }

    .quick_view {
        overflow: scroll !important;
    }

    .box_asset {
        width: 42%;
    }

    .dataTables_wrapper .dataTables_paginate .pagination {
        display: inline-block !important;
    }

    .dataTables_paginate .pagination .page-item {
        margin-bottom: 7px !important;
    }

    .assetupload_imgheight {
        vertical-align: middle;
        display: block;
        width: 100%;
        height: auto;
    }

        .assetupload_imgheight .tab-pane {
            display: block;
            vertical-align: middle;
        }

    .browsebtn_align .btn {
        margin: 0.5em 0 0;
    }

    .uploadimg_details h4 {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .linkbutton_style a {
        display: inline-block;
        margin-bottom: 5px;
    }

    a.btn_alignment {
        margin-top: 5px;
    }

    .left_assetsearch {
        position: relative;
        top: inherit;
    }

    .secondary_header + .content {
        margin-top: 0em;
    }

    .left_assetsearch {
        padding: 0;
    }

        .left_assetsearch .content {
            /*padding-right: 0;*/
            padding: 0;
        }

    .nav-tabs .nav-item {
        float: none;
        padding-left: 0;
        display: inline-block;
    }

    .widgetsetting_boxstyle {
        margin-bottom: 20px;
    }

    .dashboardtop_icon {
        margin-top: 7px;
    }
    /* common style for responsive only*/
    .px-0-mobile {
        padding: 0;
    }

    .inprogress_list .content {
        height: auto;
    }

        .inprogress_list .content h6 {
            font-size: 13px;
            line-height: 24px;
        }

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

    .completed_list {
        padding-right: 15px !important;
    }
    /*.completed_list .content {
            height: auto;
        }

            .completed_list .content h6 {
                font-size: 13px;
                line-height: 24px;
            }*/
    .thumbnail {
        height: 100%;
    }

    .subscriptionfilter_backstyle .col-xs-12.px-0 {
        padding-left: 15px !important;
        padding-right: 15px !important;
        /* margin-bottom: 5px;*/
    }

    .subscriptionfilter_backstyle select {
        margin-bottom: 5px;
    }

    .secondary_header {
        padding-bottom: 10px;
        margin-bottom: 10px;
        position: relative;
        top: 0;
        height: auto;
    }

    .content-datatable {
        overflow-x: auto;
        width: 100%;
    }

    .search_hide {
        overflow-x: inherit !important;
    }

    .sectionpull_top a {
        margin: 1em 0 0 0;
    }

    .search_hide .ps-container {
        overflow: scroll !important;
    }

    .collectionlbl_style {
        min-height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .content-lightbox .lightbox-image.downimg_align {
        justify-content: center;
    }

    .pollstatus_icon {
        padding: 0 5px;
    }
}


/****************************** 01-09-2019 *********************************/

@media (max-width: 500px) {
    .button_bottom {
        margin-bottom: 10px;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    .actionBar {
        margin-bottom: 2rem !important;
    }

    .media_bottomzero {
        margin-bottom: 0px !important;
    }

    .mediaalert_success {
        margin-top: 4em !important;
    }
}

@media (min-width: 1028px) and (max-width: 1366px) {
    .positionset_top {
        position: inherit !important;
        right: 0;
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        .col-xs-12 .media_width {
            width: 50%;
        }

        .to_margintop {
            margin: 2em 0;
        }

        select.js-example-basic-single {
            width: auto;
        }

        .positionset_top {
            position: inherit !important;
            right: 0;
        }

        .setdetails_popup {
            position: absolute;
            display: inline-flex;
        }

        .sectionpull_topfree {
            margin-top: 1em;
        }

        .indigualassetimg_style img {
            width: auto !important;
            max-width: 180px;
        }

        .media_bottomzero {
            margin-bottom: 0px;
        }

        .sectionpull_top a {
            margin-top: 0.5em;
        }

        .subsimg .imgtitle_style {
            width: auto;
        }

        a#navtoggle {
            position: absolute;
            right: 15px;
            left: auto;
        }
    }

    @media (min-width: 768px) and (max-width: 992px) {
        .collectionlbl_style {
            min-height: auto;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        div.cardheight {
            height: 220px;
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .engagement_style {
            font-size: 12px;
        }

        /*span.to_margintop {
            position: absolute;
        }*/

        label.labelhead {
            font-size: 10px;
        }
    }

    @media (min-width: 992px) and (max-width: 1280px) {
        .subsimgdiv {
            /*width: 230px;*/
        }

        .text-overlay-description p a.btn {
            padding: 8px 2px;
        }
    }

    @media (min-width: 768px) and (max-width: 1148px) {
        /*.subspervnext_style .btn {
        padding: 11px 3px;
        font-size: 10px;
    }*/
        div.subspervnext_style label#lblCount {
            font-size: 10px !important;
        }

        .button_bottom {
            margin-bottom: 10px;
        }
    }

    @media (min-width: 1200px) and (max-width: 1359px) {
        /*.engagement_style {
        font-size: 11px;
    }*/
        /*.overlay-box-shadow {
        height: 350px;
    }*/
        label.labelhead {
            font-size: 12px;
        }

        .custom-media-20 {
            float: inherit;
            min-width: 849px !important;
        }

        #nav > ul > li > a {
            padding: 4px 13px !important;
        }
    }

    @media (min-width: 1200px) and (max-width: 1340px) {
        .leftadvance_searchbtn .btn {
            font-size: 12px;
        }

        .leftadvance_searchbtn + div .btn {
            font-size: 12px;
        }
    }
    /* ============================= End Responsive Style ========================== */
    @media only screen and (min-width: 1400px) {
        .left_assetsearch div.always-visible {
            height: 100vh !important;
        }
    }

    .settingsleft_panel ul li a i {
        margin-right: 10px;
        font-weight: bold;
    }

    .site-content-title h2 {
        color: #000;
    }

    li.breadcrumb-item {
        color: #000;
    }

    .icon-bottom-overlay .icon-bottom-overlay-text p a i {
        font-weight: bold;
    }

    .datestyle_release i {
        font-size: 1.2rem;
    }

    #footer {
        color: #fff;
    }

    .searchasset_popuppnl {
        margin-bottom: 0 !important;
    }

        .searchasset_popuppnl.content {
            padding: 0 !important;
            border-top: none !important;
        }

        .searchasset_popuppnl .card-header {
            padding: 0 10px;
        }

    .assetuploadinfo_style a span {
        font-size: 14px;
        line-height: 25px;
        text-align: left;
    }

    .assetuploadinfo_style .infotooltip {
        width: auto;
        background: none;
        color: #0e81c2;
        border: none;
        font-size: 14px;
    }

    .assetuploadinfo_style i {
        margin-right: 5px;
    }

    .assetuploadinfo_style .infotooltip:hover {
        color: #0e81c2;
    }
    /********************************************************** 26-09-2019 *********************************************/
    .box-show span {
        color: #801214;
        font-weight: 600;
    }

    .box-show i.fas {
        color: #333;
        cursor: pointer;
    }

        .box-show i.fas:hover {
            color: #801315;
        }

    .box-show {
        width: 255px;
        margin: 0 auto;
        padding: 10px;
        padding-top: 0px;
    }

    h3.value-text {
        font-size: 14px;
        margin: 0;
        padding: 0;
        line-height: inherit;
        text-transform: capitalize;
    }

    .box-show i.fa-star {
        font-size: 14px;
    }

    .margin-bottom {
        clear: both;
        margin-bottom: 10px;
        display: flex;
    }

    .box-show i.fa-star:hover {
        color: #127d33;
        transition: 0.5s ease;
        cursor: pointer;
    }

    .padding-zero {
        padding: 0px;
    }

    .border {
        border: 1px solid #7C1315;
        background-color: #fff2f2;
        color: #7C1315;
        text-align: center;
    }

    .sub-border {
        border: 1px solid #1c5e0b;
        background-color: #e0f7da;
        color: #1c5e0b;
        text-align: center;
    }

    .block-text {
        color: #333 !important;
    }

    .custom-style .offset-md-1 {
        margin-left: 5.033%;
    }

    .imgcountsmall_text span {
        /*float: right;
    margin: 0 0.1em;*/
    }

    .subsimg1 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .subsimgdiv1 {
        box-shadow: #087380 0 0 4px !important;
        padding: 10px 20px 10px 20px;
        width: auto;
        height: auto;
        text-align: left;
        justify-content: left;
    }

        .subsimgdiv1 a [type=checkbox] {
            color: #b0c61f !important;
            border: 2px solid #b0c61f !important;
        }

    .custom-style .offset-md-2 {
        margin-left: 11.033%;
    }

    ol.unorderlist_stylecustom a {
    }

    .btn-size a {
        /*padding: 6px 10px 6px 10px;*/
    }

        .btn-size a i {
            font-size: 14px;
            margin: 0;
        }

    .btn-size span {
        /* padding:6px 10px 6px 10px;*/
    }

        .btn-size span i {
            font-size: 14px;
            margin: 0;
        }

        .btn-size span#btnPreAssetCollectionTop {
            /*padding: 6px 10px 6px 10px;*/
        }

        .btn-size span#btnPreAssetCollection {
            padding: 6px 10px 6px 10px;
        }

    .custom-padding {
        padding: 0px !important;
    }

    .btn-size span#btnNextAssetCollectionTop {
        /*padding: 6px 10px 6px 10px;*/
    }

    .btn-size span#btnNextAssetCollection {
        padding: 6px 10px 6px 10px;
    }

    .box-border {
        clear: both;
    }

    .custom-border {
        margin: 0em 0 2em 0;
        box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
        padding: 10px;
    }

    a.btn.btn-size {
        font-size: 14px;
        padding: 0.5rem 0.6rem;
    }

    .custom-row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .dashboard-header.content .box-height {
        border: 1px solid #000;
    }

    div.box-height {
        height: 544px !important;
    }

    .custom-model {
        background: #fff;
    }

    .footer-border {
        border-top: 1px solid transparent;
    }

    .modal-border {
        border: 0px solid transparent;
    }

    .offset-md-1-custom {
        margin-left: 9.033%;
    }

    .card-box {
        height: 280px;
    }

    .img-border {
        max-width: 100px;
        max-height: 100px;
        border: 1px solid #ccc;
        padding: 5px;
        text-align: center;
    }

    .document-height .content {
        height: 535px !important;
    }

    ul.custom-nav a {
        padding: .5em 0.7em !important;
    }

    input.promo-field {
        max-width: 100% !important;
        text-align: left !important;
    }

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

    .mylibrary_bodystyle .border-bottom-none {
        border-bottom: 0px solid transparent;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    a.btn-size {
        font-size: 14px;
    }

    .custom-height-scroll {
        height: 0px !important;
    }

    .search-alignment {
        margin-left: 0.033% !important;
    }

    .search-alignment1 {
        margin-left: 10.033% !important;
    }

    .box-alignment3 {
        margin-left: 9.033% !important;
    }

    .input-alignment1 {
        margin-left: 0.033% !important;
    }

    .input-alignment2 {
        margin-left: 9.033% !important;
    }

    .subscription-details {
        margin-left: 10.033% !important;
    }

    custom-height-scroll {
        height: 111px;
    }

    ul.dropdown-menu-height {
        /*height: 230px !important;*/
    }
    /********************************** 02-09-2019 ************************************/
    .padding-right-0 {
        padding-right: 0px;
    }

    .custom-mb {
        /*margin-bottom: 25px;*/
    }

    .custom-style .searchasset_bgstyle {
        padding: 7px 9px;
        margin-right: 1px;
        min-height: 37px;
        display: inline-block;
    }

    .searchasset_bgstyle {
        color: #fff;
    }

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

    ul.nav-tabs li a i {
        margin-right: 2px;
    }

    .accountbox_style1.accountbox_style11 {
        /*margin-top: 0px !important;*/
    }

    .dashboard-action1 {
        position: absolute;
        right: 4em;
        z-index: 2;
        top: 1.7rem;
    }

    .tab-height {
        /*height: 380px !important;*/
    }


    .mylibrary_bodystyle:last-child {
        border-bottom: none;
    }

    ul.notification_height {
        height: 150px !important;
    }

    span.membership_gif img {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 115px !important;
        padding: 0;
        top: 8.9rem;
        left: 8rem;
    }

    .icon-bottom-overlay:hover span.membership_gif img {
        top: 5rem;
    }

    .icon-bottom-overlay:hover img span.membership_gif img {
        transform: scale(1.3);
    }

    @media (min-width:636px) and (max-width:748px) {
        .search_digitalheight {
            min-height: 376px !important;
        }
    }

    @media (min-width:636px) and (max-width:1920px) {
        .col-xl-6.newreadprice_style,
        .col-xl-6.newdownloadprice_style {
            width: 50%;
            float: left;
        }

        .newfree_style.col-xl-6 {
            width: 50%;
            float: left;
        }
    }

    @media (min-width:990px) and (max-width:1920px) {
        .searchasset_selectpagetopresponsive {
            /*width: 100% !important;*/
            display: -webkit-box;
            min-width: 150px;
        }
        /*.search_digitalheight {
        min-height: 350px !important;
    }*/
        .custom-media-20 {
            /*width: 100% !important;
        float: inherit;*/
            min-width: 678px;
        }

        .col-lg-3.btn-size {
            width: 100% !important;
        }
    }

    @media (min-width:768px) and (max-width:990px) {
        .left_assetsearch {
            width: 100%;
        }

        .slideshowrightbtn_align {
            padding: 0 10px;
            width: 100%;
        }

        .searchasset_selectpagetop {
            /*width: 100% !important;
        display: flex;
        min-width: 170px;*/
            padding: 0 0px 0px 8px;
        }

        .custom-media-20 {
            width: 100% !important;
            float: initial;
        }
    }

    @media (max-width: 1156px) {
        .nav_alignmenttop {
            position: inherit !important;
        }

        .small_divewidth {
            width: 100%;
        }
    }

    @media (min-width: 1000px) and (max-width: 1290px) {
        .btn-round.curHand {
            vertical-align: inherit !important;
        }

        .card-block.cardheight {
            padding: 10px;
        }
    }

    @media (max-width: 75em)  {
        .custom_tooltip a span{
            margin-top: -75px;
            background:#ccc;
        }
    }

    @media (min-width: 767px) and (max-width: 1290px) {


        .searchasset_pageination select {
            width: auto !important;
        }

        .media_btnright {
            float: right;
        }

        /*.to_margintop {
        position: relative !important;
         margin:2rem 0 !important;
    }*/

        .actionBar {
            margin-bottom: 2rem;
        }

        .radio-inline span {
            display: flex;
        }

        .radio-button input {
            margin-right: 0px !important;
        }

        .btn-file {
            position: relative;
            z-index: 9;
        }

        .fullrow_style strong {
            font-size: 11px !important;
        }

        .tab-height {
            /*height: 360px !important;*/
            height: 340px !important;
        }

        .media_sclectbox select {
            width: auto !important;
            float: left;
            position: relative;
            z-index: 9999;
        }

        .right_icon_Paid {
            width: 23px !important;
            margin-right: auto !important;
        }

        .right_icon_Free {
            width: 23px !important;
            margin-right: auto !important;
        }
    }

    @media (max-width: 1246px) {
        .overlay-box-shadow {
            /*height: 350px !important;*/
        }
    }

    .custom_boxheight {
        min-height: 305px;
    }

    .fileupload_img,
    .fileupload_img img {
        /*height: 150px;*/
        width: 100%;
    }

    .uploaded_thumbimg,
    .uploaded_thumbimg img {
        height: auto;
        height: 150px;
    }

    .search_digitalheight {
        min-height: 335px;
    }

    .nav_alignmenttop {
        position: absolute;
        left: 10px;
    }

    .subpicture_width {
        /*width: 255px;*/
    }

    .custom_overlayheight {
        height: 270px;
    }

    .custom_calender {
        width: auto;
        float: right;
        position: absolute;
        top: 2.6rem;
        right: 0;
    }

    .calender_addon {
        padding: .4rem .75rem;
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.25;
        color: #55595c;
        text-align: center;
        background-color: #eceeef;
        position: absolute;
        left: auto;
        right: 0em;
    }

    table.dtr-inline collapsed tr td:before {
        font-family: 'Courier New', Courier, monospace;
        line-height: 14px;
        content: '+';
        background-color: #0275d8;
    }

    .positionset_top {
        position: absolute;
        right: 0;
    }

    .media-body p.no_record {
    }
    /* ===================================== Start Asset Preview Viewer Style ==================================== */
    /*.viewer {
        width: 100%;
        height:500px;
        border: none;
        position: relative;
    }*/

    /* ===================================== End Asset Preview Viewer Style ==================================== */
    /* ================================ Start Full width Modal Style ================================= */
    div.modal-full {
        min-width: 100%;
        margin: 0;
    }

    .modal-full .modal-content {
        min-height: 100vh;
    }

    .modal-full .modal-header {
        background-color: #1c7982;
        height: 38px;
        padding: 0 1rem;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1;
    }

        .modal-full .modal-header .close::after {
            content: '';
        }

        .modal-full .modal-header .close {
            opacity: 1;
        }

        .modal-full .modal-header h4 {
            font-style: normal;
            font-weight: 700;
            color: #ffffff;
            display: inline-block;
            overflow-x: hidden;
            padding-top: 7px;
            text-align: left;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: calc(70%);
            font-size: 16px;
            letter-spacing: 0.5px;
            line-height: 28px;
        }

    .modal-full .modal-body {
        margin-top: 38px;
    }

    .modal-full .modal-content .modal .modal-content {
        min-height: initial;
    }

    .modal-full .modal-content .modal .modal-dialog {
        margin-top: 4rem;
    }

    .modal-full .modal-content .modal a:not([href]):not([tabindex]), .modal-full .modal-content .modal a:not([href]):not([tabindex]):focus, .modal-full .modal-content .modal a:not([href]):not([tabindex]):hover {
        color: #fff;
    }

    .modal-full .modal-dialog {
        margin-top: 38px;
    }


    .left_assetsearch div.always_visible1 {
        min-height: 10vh !important;
        height: 173px !important;
    }

        .left_assetsearch div.always_visible1 .content {
            overflow: revert;
            box-shadow: none;
            background: transparent !important;
        }

    .left_assetsearch1 {
        border-top: 3px solid #b0c61f !important;
        border-radius: 4px;
    }

    .searchpnl_left {
        margin-top: 0 !important;
    }


    .custom-style {
        /*bottom: 0px;*/
        position: absolute;
        z-index: 2;
        /*right: 0;*/
    }

    .searchasset_bgstyle {
        padding: 7px 10px;
        margin-right: 1px;
        min-height: 37px;
        display: inline-block;
    }
    .select2-container--default .select2-selection--multiple:focus, .select2-container--default .select2-selection--single:focus, .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #000 !important;
}

    /* ================================ End Full width Modal Style ================================= */
    /*.avoidautofill {
        position: absolute;
        z-index: -1;
        top: -10000px;
    }*/