/**
 * Login template using angular js
 *
 * @author      Snehal Rayamwala
 * @date        15th Jun 2016
 * @package     Custom CSS
 * @return      CSS
 * @IMPNote: Do not use any color out of "00aeef 1b75bb 404041" this is branding. If needed meet TL/Client first.
*/
/* 
==================================================================================
======================================== Developer 1 ============================= 
==================================================================================
*/
/* Some general classes starts */
.marginTop10 {margin-top: 10px;}
.marginTop20 {margin-top: 20px;}
.marginTop5 {margin-top: 5px;}
.paddingLeft20{padding-left:20px!important;}
.padding0 {padding: 0 !important;}
.marginTB20 {margin: 20px 0;}
.marginB20 {margin-bottom: 20px;}
.lineHeight39 {line-height: 39px;}
.paddingLeft0{padding-left:0px!important;}
@media (min-width: 1200px) {.margin-lg-left-minus-20 {margin-left: -20px;} .margin-lg-right-20{margin-right: 20px;} .padding-lg-left-0 {padding-left: 0;}}
@media (min-width: 768px) {.padding-xs-auto {padding: 0;} .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color: #428bca !important;color: #fff !important;}}
@media (min-width: 992px) {.padding-md-0 {padding: 0;}.padding-md-right-0{padding-right: 0;}}
@media (min-width: 992px) and (max-width: 1199px) {.padding-md-col-15 {padding: 0 15px;} .margin-md-top-10 {margin-top: 10px;} .padding-md-left-0 {padding-left: 0;} .cl_body_pages .project-head .breadcrumb li.active a{max-width:160px !important;}.padding-md-right-0{padding-right: 0;}}
@media (min-width: 768px) and (max-width: 991px) {.clear-sm {clear: left;}.padding-sm-right-15 {padding-right: 15px;}.margin-sm-top-10 {margin-top: 10px;} .padding-sm-left-0{padding-left: 0 !important;} .padding-sm-col-15 {padding: 0 15px;}}
@media (max-width: 767px) {.margin-xs-top-10 {margin-top: 10px;}.margin-xs-align-left {text-align: left;} .padding-xs-left-0 {padding-left: 0;}}
.clear-sm
/* Some general classes ends */
.cl_body a:visited,
.cl_body select:visited,
.cl_body option:visited,
.cl_body a:target,
.cl_body select:target,
.cl_body option:target,
.cl_body a:active,
.cl_body select:active,
.cl_body option:active,
.cl_body .form-control:focus
{
    outline: 0 !important;
    outline-color: transparent;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: medium none;  
}
*,*:fpcus,*:active,*:target{outline: medium none !important;}

.fontWeightNormal *{font-weight: 300;}

.modal .modal-backdrop{
    z-index: 0 !important;
}

[ng-cloak]{
    display: none !important;
}

.angular-message{
    color: white;
}

@media(max-width:767px){
    .clSmPaddL0{
        padding-left: 0;
    }
}

.text-red, .text-red-inline {
    color: red;
    font-size: 14px;
    line-height:1;
    margin-bottom: 5px;
}

.cl_note, .text-maroon {
    color: #800000;
    font-size: 14px;
    line-height: 1;
}
.passowrdNoteCustom {
    display: inline-block;
    line-height: 20px;
    margin-bottom: 5px;
}
#loadingDiv, #popup_loadingDiv {
    background-color:#000;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:10020;
    filter:alpha(opacity=70);
    -moz-opacity:.5;
    -khtml-opacity:.5;
    opacity:.5
}

.ajax-loader {
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-32px;
    margin-top:-32px;
    display:block;
    z-index:10020!important
}

.btn-success-modal {
    background: #00adee;
    border-color: #00adee;
    color: #fff;
    border-radius: 4px;
    font-size: 24px;
}

.btn-success-modal:hover, .btn-success-modal:active, .btn-success-modal:focus, .btn-success-modal:visited, .btn-success-modal:active:focus {
    background: #0086b8;
    border-color: #0086b8;
    color: #fff;
}

textarea {
    resize: none !important;
    height: 135px !important;
}

.dataTables_empty_tr{
    background-color: transparent !important;
}
td.dataTables_empty{
    text-align: center;
}
.required-sign
{
    color: red !important;
    margin-left: 2px !important;
    font-weight: normal !important;    
}

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

.noleftpadding{
    padding-left: 0 !important;
}
.norightpadding{
    padding-right: 0 !important;
}

.notoppadding{
    padding-top: 0 !important;
}

.nobottompadding{
    padding-top: 0 !important;
}
.amount-sort{
    text-align: right; 
    padding-right: 20px !important;
}
.portfolio-link:hover, portfolio-link:focus {
    text-decoration: none !important;
}

.subuser_active{
    color: #ee0000 !important;
    outline: none;
}

.customModal .custom-buttons{
    text-align: left;
    padding-left: 20px;
}

#divRemeberMe .control__indicator{
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#divRemeberMe input[type=radio], input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

#divRemeberMe .control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

#divRemeberMe .control input:checked ~ .control__indicator:after {
    display: block;
}
#divRemeberMe .control--checkbox .control__indicator:after,#add-user .control--checkbox .control__indicator:after  {
    top: 4px;
    left: 7px;
    width: 5px;
    height: 8px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -sand-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    border: solid #fff;
    border-width: 0 2px 2px 0;
}
#divRemeberMe .control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

#divRemeberMe .control input:checked ~ .control__indicator {
    background: #00adee;
    border: 1px solid #00adee;
}

.labelRemeberMe{
    margin-bottom: 15px !important;
}

.labelRemeberMe:hover{
    cursor: pointer;
}

.modal_grid_size .modal-dialog {
    width: 800px !important;
}

.subaccount .dataTables_length{
    width: 30% !important;
}

.subaccount .dataTables_filter{
    width: 70% ;
}

.mc_subuserpermission{
    /*max-height: 100px;*/
    max-height: 400px;
}

.clscvc .custom-eye-icon{
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
}
.custom-crmask{
    border-left: 1px solid #ccc;
}
.custom-cvcmask{
    border-left: 1px solid #ccc;
}

.clsccard .custom-eye-icon{
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
}

.mCSB_inside>.mCSB_container {
    margin-right: 0 !important;
}

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: rgb(0, 173, 238); }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgb(0, 173, 238) !important;}

.marginnone{
    margin: 0;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.custom-padding-permission{
    padding-top:2px;   
    font-weight: normal;
}

.custom-span-permission{
    font-size: 16px;
    vertical-align: middle;
}

.spancustom-plan-details{
    display: inline-block !important;
    max-width: 100% !important;
    margin-bottom: 5px !important;
    font-weight: normal !important;
    vertical-align: middle !important;
}

#packageValidation .displayError{
    display: block !important;
}
.custom_cc_number{
    font-size: 16px;
    font-family: 'proxima_nova_rgbold';
    color: #333;
    margin-top: 6.5px;
    margin-bottom: 10px;
}

.custom-crno{
    border-right: 0 !important;
}

.custom-cvc{
    border-right: 0 !important;
}


#frmSignin .btn-success{
    background: #00adee;
    border-color: #00adee;
    color: #fff;
    border-radius: 4px;
    font-size: 24px;    
    margin: 0 0 0 0;
}

#frmSignin .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:visited, .btn-success:active:focus {
    background: #0086b8;
    border-color: #0086b8;
}

.custom-form-group-login
{

    margin: 0 0 60px 0;
}

.modal {
    text-align: center;
    padding: 0!important;
}

@media (min-width: 425px)
{
    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    z-index: 1051;
}

.custom-billing-history {
    margin-top: 0;
    margin-bottom: 30px;
    border: 1px solid #e1e1e1;
    padding: 20px 0 0;
    overflow: hidden;
}


.custom-table-bottom{
    margin-bottom: 40px !important;
}

.custom-billing-top{
    margin-top: 0 !important;
}

.signup-row .row {
    display: -webkit-flex;
    flex-wrap: wrap;
}
.signup-row .row > [class*='col-'] {
    flex-direction: column;
}

.bulletlistelement-ulol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.bulletlistelement-li {
    float: left;
    padding: 16px;
    display: block;
}

.optBootstrapOutline .outline {
    background-color: transparent;
    color: inherit;
    transition: all .25s;
}
.optBootstrapOutline .btn-primary.outline {
    color: #1b75bb;
}
.optBootstrapOutline .btn-success.outline {
    color: #5cb85c;
}
.optBootstrapOutline .btn-info.outline {
    color: #00aeef;
}
.optBootstrapOutline .btn-warning.outline {
    color: #f0ad4e;
}
.optBootstrapOutline .btn-danger.outline {
    color: #d9534f;
}
.optBootstrapOutline .btn-primary.outline:hover,
.optBootstrapOutline .btn-success.outline:hover,
.optBootstrapOutline .btn-info.outline:hover,
.optBootstrapOutline .btn-warning.outline:hover,
.optBootstrapOutline .btn-danger.outline:hover {
    color: #fff;
}

.cl_body_subaccount .radio-info label
{
    display: inline-block;
    line-height: 19px;
    vertical-align: middle;
}
.cl_body_subaccount .control--checkbox span
{
    display: inline-block;
    line-height: 19px;
    vertical-align: middle;
    margin-top: 3px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .vertical-center {
        min-height: 100%;  /* Fallback for vh unit */
        min-height: 100vh; /* You might also want to use
                              'height' property instead.
                              
                              Note that for percentage values of
                              'height' or 'min-height' properties,
                              the 'height' of the parent element
                              should be specified explicitly.
        
                              In this case the parent of '.vertical-center'
                              is the <body> element */

        /* Make it a flex container */
        display: -webkit-box;
        display: -moz-box;
        display: none;
        display: -webkit-flex;
        display: block; 

        /* Align the bootstrap's container vertically */
        -webkit-box-align : center;
        -webkit-align-items : center;
        -moz-box-align : center;
        -ms-flex-align : center;
        align-items : center;

        /* In legacy web browsers such as Firefox 9
           we need to specify the width of the flex container */
        width: 100%;

        /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
           hence the bootstrap's container won't be aligned to the center anymore.
        
           Therefore, we should use the following declarations to get it centered again */
        -webkit-box-pack : center;
        -moz-box-pack : center;
        -ms-flex-pack : center;
        -webkit-justify-content : center;
        justify-content : center;
    }
}
@media (max-width: 1024px){
    .dataTables_filter label input{
        width: 190px !important;
    }

    .subaccount_contactno{
        width: 130px !important;
    }
}
@media (max-width: 767px){
    .dataTables_length {
        width: 100% !important;
    }

    .dataTables_filter
    {
        width: 100% !important;
    }
    .dataTables_filter label {
        float: none;
        width: 100% !important;
    }

    .dataTables_filter label input{
        width: 100% !important;
        margin-bottom: 10px;
        margin-left: 0 !important;
    }

    .dataTables_filter b{
        float: left;
        margin-left: 0 !important;
    }

    .dataTables_filter select{
        margin: 0 0 !important;
        width: 100% !important;
    }

    .subaccount_contactno{
        min-width: 130px !important;
    }

    .paginate_button{
        margin: 5px !important;
    }

    .user-status-custom{
        width:100% !important;
    }
    .resend_email{
        text-align: left !important;
        float: left !important;
    }
}

/* 
==================================================================================
======================================== Developer 2 =============================
==================================================================================
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

#loadingDiv {
    background-color:#000;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:10020;
    filter:alpha(opacity=70);
    -moz-opacity:.7;
    -khtml-opacity:.7;
    opacity:.7
}

.ajax-loader {
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-32px;
    margin-top:-32px;
    display:block;
    z-index:10020!important
}

.text-green {
    color: green;
}

.text-orange {
    color: orange;
}

.view-list .table .options a {
    display: inline-block;
}

.view-list .table .options a.clDashPreviewBtn {
    text-decoration: none;
    margin-top: 3px;
}

.paginate_button.current {
    background-color: #00adee;
    border-color: #00adee;
    color: #fff;
    cursor: default;
    text-decoration: none;
}

.paginate_button {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #1b75bb;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}

.paginate_button:hover, .paginate_button:focus {
    background-color: #eee;
    border-color: #ddd;
    color: #2a6496;
    text-decoration: none;
}

.paginate_button {
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

.dataTables_paginate {
    text-align: center;
    margin: 20px 0;
}

.dataTables_info {
    display: none;
}

.dataTables_length {
    float: left;
    font-size: 12px;
    padding: 0 0 10px 30px;
    width: 50%;
}

.dataTables_length label, .dataTables_filter label {
    font-weight: normal;
    height: auto;
    line-height: 26px;
    margin: 0;
    padding: 0;
}

.dataTables_length select {
    display: inline;
    width: 70px;
}

.dataTables_filter label {
    float: right;
}

.dataTables_filter label input {
    display: inline;
    margin-left: 5px;
    width: 300px;
}

.dataTables_filter {
    float: right;
    font-size: 12px;
    padding: 0 30px 8px;
    width: 50%;
}

.dataTables_length .form-control, .dataTables_filter .form-control {
    padding: 5.5px 10px 7px;
    height: auto;
    font-size: 14px;
    margin-right: 10px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    cursor: pointer;
    *cursor: hand;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right;
}

/* Bootstrap Dialog CSS */

.bootstrap-dialog .modal-header > .bootstrap-dialog-header, .bootstrap-dialog .modal-body > .bootstrap-dialog-body {
    text-align: center;
}

.bootstrap-dialog .modal-body > .bootstrap-dialog-body {
    margin-bottom: 10px;
}

.bootstrap-dialog .modal-title, .bootstrap-dialog .bootstrap-dialog-title {
    color: #00adee;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.bootstrap-dialog .modal-footer {
    padding-bottom: 50px;
}

.customModal .modal-footer {
    padding: 15px;
}

.customModal .modal-body .form-label, .customModal .modal-body .check {
    margin: 0;
    padding-top: 10px;
    font-weight: normal;
}

.customModal .modal-title, .customModal .bootstrap-dialog-title {
    color: #00adee;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}

.customModal .modal-header .close {
    color: #000;
    cursor: pointer;
    opacity: 0.5;
    font-size: 24px;
    font-weight: bold;
    padding: 0 6px;
}

.customModal .modal-header .close:hover, .customModal .modal-header .close:focus, .customModal .modal-header .close:visited, .customModal .modal-header .close:active {
    color: #000;
    cursor: pointer;
    opacity: 0.5;
    text-decoration: none;
}

.customModal .modal-content {
    border-radius: 3px !important;
}

.customModal .rdblabel {
    line-height: 15px;
}

.customModal input[type="radio"], .customModal input[type="checkbox"] {
    line-height: normal !important;
    margin: 2px 5px 0 !important;
}

.customModal .iradio {
    float: left;
}

/* Bootstrap Dialog CSS */

.modalLargeSize .modal-dialog {
    width: 700px !important;
}

.categoryTable .dataTables_length {
    width: 30%
}

.categoryTable .dataTables_filter {
    width: 70%
}

.dataTables_filter select {
    display: inline;
    width: 115px;
    margin-left: 10px;
}

.menuAction .displayView {
    color: #333;
}

.menuAction .displayView.fontBold {
    font-size: 15px;
    font-weight: bold;
}

.menuAction .displayView.active {
    color: #00adee;
}

.displayView {
    outline: 0 none !important;
}

a, a:active, a:hover, a:focus {
    outline: 0 none !important;
}

#categoryDisplay {
    height: 508px;
    overflow-y: scroll;
}

.deleteRow {
    margin: 0 !important;
    vertical-align: middle;
}

.mediaImage > .thumb {
    height: 96px;
    line-height: 70px;
    margin-left: 2px;
    margin-right: 2px;
}
.media-manager .thumb .caption-float{line-height:1;}

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

.modal-body .check.selectType {
    padding-top: 0 !important;
}

.dropfiles, .dropfield {
    margin-bottom: 20px;
}

.padding-or {
    padding: 10px 0 0;
}

#displayData .thumb.thumbView {
    height: 258px;
    text-align: center;
}

.thumbView img {
    width: auto !important;
    display: inline !important;
}

.displayList {
    display: block;
    float: left;
    height: 108px;
    line-height: 108px;
    overflow: hidden;
    text-align: center;
    width: 108px !important;
}

.listView div img {
    display: inline-block !important;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

.listView div span.listViewPageName {
    width: 50%;
    padding-left: 5px;
    line-height: 108px;
}

.media-manager .thumb img {
    width: auto !important;
    display: inline !important;
    max-height: 100%;
    max-width: 100%;
}

.displayView.blueColor, .displayView.blueColor i {
    color: #00adee;
}

.view-list .sort {
    cursor: pointer;
}

.sort > .fa-sort-up, .sort > .fa-sort-down, th > .fa-sort-up, th > .fa-sort-down {
    color: #00adee;
}

.project-head span.customSpan {
    width: 50%;
}

.contentWrap.projects .dataTables_length {
    padding-left: 26px;
}

.dataTables_length.datatableSearch {
    font-size: 12px;
    float: right;
    width: auto;
}

.datatableSearch .txtDatatableSearch {
    width: 300px;
}

.fa.pull-right {
    margin-top: 3px;
}

.customSpan a, tr > td > a.folderName {
    box-shadow: none !important;
    outline: 0 none !important;
}

table.dataTable thead .sorting {
    content:"\f0dc"
}

.contentWrap .pagination > li {
    display: inline-block;
    margin: 0 5px;
}

.add-category-modal-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}

.categoryNote {
    color: grey;
}

.category-item-list-name a {
    outline: 0 none;
}
.category-item-list-notfound
{ padding: 10px;}

#displayMedia .list-group-item {
    margin-bottom: 10px;
}

.mediaCategoryScrollbar {
    border-top: 1px solid #e1e1e1;
}

.mediaDiv .customTab {
    min-height: 1030px;
}

/* Minimum height for the wrapper content (Dashboard, Pages, Variations, Applications)*/
.cl_body_dashboard .contentWrap, .cl_body_pages .contentWrap, .cl_body_variation .contentWrap,.cl_body_collaboration .contentWrap{
    min-height: 1195px;
}

.cl_body_categories .contentWrap {
    min-height: 695px;
}

/* Minimum height for the right side content (Templates, Design Blocks, Choose Templates)*/
.templateDiv .customTab, .designBlockDiv .customTab, .chooseTemplateDiv .customTab, .myAccountDiv .customTab, .manageUsers .customTab, .manageAppDiv .customTab{
    min-height: 1050px;
}

.myAccountDiv .customBillingTab {min-height: 720px;}
.myAccountDiv .billing-history {margin-bottom: 0;}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 0 !important;
}

.form-control-select
{
    color: #555555;
    display: block;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    height: 45px;
    font-size: 16px;
}
.form-control-small
{
    height: 40px;
    font-size: 14px;
}

.ni_template {
    background-image: url("../css/img/no-image-square.gif");
    background-repeat: no-repeat;
    background-size: cover;
    height: 260px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    max-width: 300px;
    background-position: center center;
}

.ni_template_thumb {
    background-image: url("../css/img/no-image-square.gif");
    background-repeat: no-repeat;
    background-size: cover;
    height: 108px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    max-width: 300px;
    background-position: center center;
}

.ni_project {
    background-image: url("../css/img/no-image-folder.png?expires=31536000");
    background-repeat: no-repeat;
    background-size: cover;
    height: 118px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    max-width: 118px;
    background-position: center center;
}

.ni_page {
    background-image: url("../css/img/no-image-folder.png?expires=31536000");
    background-repeat: no-repeat;
    background-size: cover;
    height: 118px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    max-width: 118px;
    background-position: center center;
}

.ni_project_list {
    background-image: url("../css/img/no-image-folder.png?expires=31536000");
    background-repeat: no-repeat;
    background-size: cover;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    max-width: 118px;
    background-position: center center;
}

.ni_media {
    background-image: url("../css/img/no-image-rectangle.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    text-align: center;
    width: 100%;
    max-width: 127px;
}

.lblPagination {
    display: block; 
    font-weight: normal;
}

select.selectPagination {
    display: inline-block; 
    width: auto;
}

.menuAction .form-control-select {
    width: 24%;
}

.manageCategoryCustomScrollbar .mCSB_scrollTools {
    right: -6px !important;
}

.manageCategoryCustomScrollbar {
    border: 1px solid #ebebeb;
}

div.growlAlert {
    z-index: 9999 !important;
    top: 20px !important;
}

.control_small {
    display: inline-block !important;
    padding-left: 17px;
    margin-bottom: 14px;
}

.control__indicator_small {
    height: 15px;
    width: 15px;
    background: #fff none repeat scroll 0 0;
}

.control_small input:checked ~ .control__indicator_small {
    background: #ffffff none repeat scroll 0 0 !important;
    border: 1px solid #ffffff !important;
}

.control_small:hover input ~ .control__indicator_small,
.control_small input:focus ~ .control__indicator_small {
    background: #fff;
}

.control--checkbox .control__indicator_small::after {
    height: 8px;
    left: 4px;
    top: 2px;
    width: 5px;
    border-color: #00adee;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -sand-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
}

.no_counts {
    margin-top: 30px !important;
}

.clPaddL0 {
    padding-left: 0;
}
.clPaddR0 {
    padding-right: 0;
}
.clPaddT0 {
    padding-top: 0;
}
.clPaddB0 {
    padding-bottom: 0;
}

.clMargL0 {
    margin-left: 0;
}
.clMargR0 {
    margin-right: 0;
}
.clMargT0 {
    margin-top: 0;
}
.clMargT5 {
    margin-top: 5px;
}
.clMargT10 {
    margin-top: 10px;
}
.clMargB0 {
    margin-bottom: 0;
}
.clMargB15 {
    margin-bottom: 15px;
}

.growlAlert .close {
    line-height: 1.3;
    margin-left: 10px;
}

.saved-integration-list a { 
    vertical-align: text-bottom; 
}
.saved-integration-list p { font-size: 14px; font-weight: normal; font-family: 'proxima_novalight'; color: #333; }

.favorite span {
    left: 0.8px;
    /*top: 1px;*/
    line-height: 18px;
}

.progress {
    background-color: #f5f5f5 !important;
    background-color: rgba(245,245,245,1) !important;
}
.progress-bar {
    background-color: #fd7e7e !important;
    background-color: rgba(66,139,202,1) !important;
}

.tabWrap .tab_border {
    border: 1px solid #e1e1e1 !important;
}

.favStar {
    font-size: 20px;
    right: 5px;
    top: 3px;
    cursor: pointer;
}
.favStar.active {
    color: #ffc530 !important;
}

.cl_breadcrumb {
    margin-top: 10px;
}

.cl_breadcrumb a {
    cursor: pointer;
    text-decoration: none;
}

.cl_breadcrumb a.active {
    color: #00adee;
}

.cl_breadcrumb a.active:hover {
    text-decoration: none;
    cursor: default;
}

.projects select.form-control {
    width: 100% !important;
}

.project-head-select .select-small {
    height: 34px !important;
}

.project-head-select .span-small {
    width: 60px !important;
}

.mediaCategoryScrollbar .nav.displayCategory {
    border-top: none !important;
}

.breadcrumb { 
    overflow: hidden;
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
    font-weight: normal;
    line-height: 13px;
    font-size: 14px;
}
.project-head .breadcrumb li { 
    float: left;
    position: relative;
}
.project-head .breadcrumb li:before {
    color: #00aeef;
}

.project-head .breadcrumb li a:focus {
    background: #1b75bb;
}

.project-head .breadcrumb li a:hover {
    background: #1b75bb;
    color: #fff;
}

.project-head .breadcrumb li a {
    color: white;
    text-decoration: none; 
    padding: 10px 0 10px 15px;
    background: brown;                   /* fallback color */
    background: #1b75bb; 
    position: relative; 
    display: block;
    float: left;
}

.project-head .breadcrumb li.active a {
    color: white;
    text-decoration: none; 
    padding: 10px 1px 10px 45px;
    background: brown;                   /* fallback color */
    background: #00aeef; 
    position: relative; 
    display: block;
    float: left;
    z-index:0;
}

.project-head .breadcrumb li.active:not(:first-child) a {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 190px;
}

.cl_body_dblock .project-head .breadcrumb li.active:not(:first-child) a {
    max-width: 205px !important;
}

.cl_body_pages .project-head .breadcrumb li.active:not(:first-child) a {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 226px;
    overflow: hidden;
}

.project-head .breadcrumb li:after { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #1b75bb;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    left: 100%;
    z-index: 2; 
}
.project-head .breadcrumb li.active:after {
    border-left: 30px solid #00aeef;
}	

.project-head .breadcrumb li:before { 
    content: " "; 
    display: block; 
    width: 0; 
    height: 0;
    border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px; 
    margin-left: 1px;
    left: 100%;
    z-index: 1; 
}

.project-head .breadcrumb li:nth-child(2) a {
    padding-left: 45px;
}

.project-head .breadcrumb li.active:first-child a {
    padding-left: 15px;
}

.project-head .breadcrumb li.active a {
    color: white;
    cursor: default;
}
.project-head .breadcrumb li.active a:before { 
    border: 0; 
    border-left: 30px solid #00aeef; 
}

.thumb .preview {
    cursor: pointer;
}

.searchloadergif {
    background:url('../css/img/loader-16X16.gif') no-repeat right 5px center;
}


.saved-integration-list span {
    font-family: "proxima_nova_rgregular";
    font-size: 14px;
    vertical-align: text-bottom;
    color: #00adee;
}

.tab-panel-saved {
    margin-top: 0;
}

.cl_ds_part1, .cl_ds_part2, .cl_ds_part3,.cl_pg_part4, .cl_vr_part4 {padding-right:0;}
.cl_vr_part3 a, .project-head a i {
    line-height: 1.2;
    vertical-align: text-bottom;
}
.cl_vr_part3 a{margin-right: -1px;}
.cl_body_categories select.form-control{margin-left:0;}
.cl_body_categories select#searchByCategoryType{margin-left:10px;}
.cl_md_part3{padding-right:0;}
.cl_pg_part3 a {margin-right: -1px;padding-right:0;}

.cl_body_apps ul > li > a > img { max-width: 100%;}
#cmbCategory > option {max-width: 300px;}
.tab-panel-saved .panel-body {min-height: 314px !important;}

.project-head .cl_ds_part6 a { color: #fff;}
.project-head .cl_ds_part6 a.btn-primary:hover, .project-head .cl_ds_part6 a.btn-primary:focus {background: #0086b8 none repeat scroll 0 0;border-color: #0086b8;outline: medium none;}

.listView div span a { color: #333; }
.listView div span a:hover, .listView div span a:focus { text-decoration: none; }

.cl_body_pages .cl_publishPage, .cl_body_pages .cl_unpublishPage, .cl_body_variation .cl_publishPage, .cl_body_variation .cl_unpublishPage{
    display: inline-block;
    height: 18px;
    vertical-align: text-top;
    width: 18px;    
}

.cl_body_pages .pagesTable .cl_unpublishPage, .cl_body_variation .pagesTable .cl_unpublishPage{color:#bbbbbb}
.cl_body_pages .cl_publishPage, .cl_body_variation .cl_publishPage{color:#00aeef !important;}

.cl_body_pages .pagesTable [class^="kp-"], .cl_body_pages .pagesTable [class*=" kp-"] {font-size: 20px; vertical-align: top;}


/* Added by Khushang */
.frmPublishFolder .clPublishDomain, .frmPublishPage .clPublishDomain {margin-bottom: 20px;padding-left: 47px;}
.frmPublishFolder .radio.radio-info.radio-inline > label, .frmPublishPage .radio.radio-info.radio-inline > label {font-weight: bold;padding-left: 10px;}
.frmPublishFolder .publishUrlLabel, .frmPublishPage .publishUrlLabel {text-align: left; padding-top: 12px;}
.form-horizontal.frmPublishFolder .control-label, .form-horizontal.frmPublishPage .control-label {padding-top: 12px;}

.form-horizontal.frmPublishFolder .btn-default, .form-horizontal.frmPublishPage .btn-default {background-color:#F2F1F0;color:inherit;border:1px solid #F2F1F0}
.form-horizontal.frmPublishFolder .btn-default:hover, .form-horizontal.frmPublishPage .btn-default:hover {background: #bbb;}
.form-horizontal.frmPublishFolder .btn-default:focus, .form-horizontal.frmPublishPage .btn-default:focus{outline:0}

.frmPublishFolder .radio.radio-info.radio-inline span,
.frmPublishPage .radio.radio-info.radio-inline span {
    position: relative;
    top: -2px;
}

.custom_typehead .dropdown-menu > li > a:focus, 
.custom_typehead .dropdown-menu > li > a:hover {
    background-color: #1b75bb !important;
    color: #f4f4f4 !important;
}

.chooseTemplateDiv .selectButton {font-size: 12px;}

.cl_body_pages .view-folder .options a, .cl_body_variation .view-folder .options a {margin: 0 4%;}

/*
=============================================================================
======================================== Others =============================
=============================================================================
*/
#frmAddEditMediaGallery .text-red span{display: inline;}
span.text-red span, span.email_loader span {
    cursor: pointer;
    background: pink none repeat scroll 0 0;
    border-radius: 3px;
    margin: 2px;
    padding: 6px;
    position: absolute;
    z-index: 3;
    top: 100%;
    left: 15px;
}

span.text-red span:before, span.email_loader span:before, span.custom-text-red span:before {
    border-bottom: 12px solid pink;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    margin-top: -12px;
    width: 0;
}
.cl_body .blueimp-gallery {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
}

.email_loader i.fa-spinner { position: absolute; margin-top: 12px; margin-left: -10px; color: #00adee;}
.cl_body_myaccount .email_loader i.fa-spinner, .cl_body_signup .email_loader i.fa-spinner, .cl_body_subaccount .email_loader i.fa-spinner {margin-top: 43px;}
.editUploadImage {max-width: 100%; height: auto; max-height: 100%;}
.editImageDiv {height: 115px; line-height: 115px;}
ul.cl_categorybar{margin-bottom: 0}
.projects .view-folder .options a.publishPage:hover, .projects .view-folder .options a.publishPage:focus, .pagesTable a.publishPage:hover, .pagesTable a.publishPage:focus {text-decoration: none;}

.customBtnDefault{font-size:18px;}

.listView .favorite {left: 20px;top: 5px; }

.listView a.favorite {
    display: inline-table;
    left: 20px;
    top: 5px;
    width: auto;
}

.listView a.favorite i {
    left: 0.9px;
    top: 0;
}
@media (max-width: 991px) {
    .listView a.favorite i {
        left: 1.3px;
    }
}

.listView a.favorite i {
    color: #fff;
}
.listView a.favorite i.active {
    color: #ffc530;
}
.cl_body_dashboard .dataBlock .boxContentImage,.cl_body_collaboration .dataBlock .boxContentImage, .cl_body_pages .dataBlock .boxContentImage, .cl_body_variation .dataBlock .boxContentImage {
    text-align: center;
    /*line-height: 118px; commented by #NR for displaying tag in folder with image */ 
    height: 118px;
}

.cl_body_dashboard .dataBlock .boxContentImage img,.cl_body_collaboration .dataBlock .boxContentImage img,.cl_body_pages .dataBlock .boxContentImage img, .cl_body_variation .dataBlock .boxContentImage img {
    display: inline-block;
}

.cl_body_pages .circle-thumb, .cl_body_variation .circle-thumb {line-height: 49px;}
.cl_body_templates .tboxContentImage, .cl_body_dblock .tboxContentImage, .cl_body_choosetemplate .tboxContentImage {line-height: 204px;} /*Changed by #HPS 220px to 204 for task #994*/
.cl_body_signup .domain_check_loader i.fa-spinner { position: absolute; margin-top: 43px; margin-left: -10px; color: #00adee;}
.frmPublishFolder .domain_loader i.fa-spinner, .frmPublishFolder .domain_loader1 i.fa-spinner , .frmPublishPage .domain_loader i.fa-spinner, .frmPublishPage .domain_loader1 i.fa-spinner { margin-top: 10px; color: #00adee;}
.frmPublishFolder .domain_loader i.fa-spinner, .frmPublishPage .domain_loader i.fa-spinner {margin-left: 10px;}

.frmPublishFolderModal .modal-dialog, .frmPublishPageModal .modal-dialog {width: 650px;}
.publishPageLabel {
    float: left;
    font-weight: 300;
    position: relative;
}

.frmPublishFolder .publishPageLabel.control-label,
.frmPublishPage .publishPageLabel.control-label {
    text-align: center;
    width: 4%;
}

.frmPublishFolder .domainNameDiv, .frmPublishFolder .subDirectoryDiv,
.frmPublishPage .domainNameDiv, .frmPublishPage .subDirectoryDiv {
    float: left;
    width: 42%;
}

/*Bootstrap Select Dropdown starts.*/
.bootstrap-select span.filter-option, .bootstrap-select span.caret{color: #999999;}
.bootstrap-select .dropdown-menu > .selected > a, .bootstrap-select .dropdown-menu > .selected > a:hover, .bootstrap-select .dropdown-menu > .selected > a:focus {
    background-color: #00aeef !important;
}

.bootstrap-select .btn-default:hover, .bootstrap-select .btn-default:focus, .bootstrap-select .btn-default.focus, .bootstrap-select .btn-default:active, .bootstrap-select .btn-default.active, .bootstrap-select .open > .dropdown-toggle.btn-default {
    background-color: #fff;
    border-color: #cccccc !important;
    text-decoration: none;
}

.bootstrap-select .dropdown-menu > li > a:hover, .bootstrap-select .dropdown-menu > li > a:focus {
    background-color: #cccccc !important;
}

div.bootstrap-select>.btn:focus {
    outline-style: none !important;
    outline-offset: -2px;
}

.bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] {
    margin-bottom: 0 !important;
}

.cmbCategoryMedia .btn.dropdown-toggle.selectpicker,.cmbMyAccount .btn.dropdown-toggle.selectpicker {height: 45px;}
.cmbCategoryMedia .bootstrap-select.btn-group .btn .filter-option {font-size: 15px; }
.cmbMyAccount .bootstrap-select.btn-group .btn .filter-option 
{    
    font-family: 'proxima_nova_rgregular';
    font-size: 16px;
    color: #999999; 
}
.cmbCategoryMedia .bootstrap-select.btn-group .btn .caret,.cmbMyAccount .bootstrap-select.btn-group .btn .caret {top: 20px;}
.cmbMyAccount .dropdown-menu>li>a
{
    font-size: 16px;
    color: #999999;
}
.categoryTable .dataTables_length .bootstrap-select, .categoryTable .dataTables_length .bootstrap-select:not([class*=span]) {
    width: 60px;
}
.categoryTable .dataTables_filter .bootstrap-select, .categoryTable .dataTables_filter .bootstrap-select:not([class*=span]) {
    width: 145px;
}

/*Bootstrap Select Dropdown ends.*/

/*IE CSS hacks */
.ua-ie .project-head a.btn-primary:active, .ua-ie .project-head a.btn-primary:visited{background: #00aeef !important;}
.ua-ie .project-head .cl_ds_part6 a.btn-primary:hover, .ua-ie  .project-head .cl_ds_part6 a.btn-primary:focus {background: #0086b8 none repeat scroll 0 0 !important; border-color: #0086b8;outline: medium none;}
.ua-ie input[type='search'] {padding: 4.6px 10px 11px 10px !important;}
.ua-ie select::-ms-expand {display: none;}
.ua-ie .view-folder .thumbnail .caption p i {display: inline;line-height: 0;}

/*Safari CSS hacks */
.ua-safari a, .ua-safari-5 a{text-decoration: none;}
.ua-safari .cl_body_signup label{font-size: 15px;}

/* IE Edge css hacks */
.ua-edge input[type='search'] {padding: 5px 10px 7px !important; }
.ua-edge .project-head select.form-control {padding-top: 3px !important;}
.ua-edge .project-head-select select.form-control {padding-top: 5px !important; padding-bottom: 5px !important;}

.billing-history .bootstrap-select, .billing-history .bootstrap-select:not([class*=span])
{
    width: 60px !important;
}
.subaccount .dataTables_length .bootstrap-select, .subaccount .dataTables_length .bootstrap-select:not([class*=span])
{
    width: 60px !important;
}
.bootstrap-select .dropdown-menu {max-width: 200px;}
.bootstrap-select .dropdown-menu span.text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mozDropExpiryYear .bootstrap-select .dropdown-menu span.text { /* Added by #NR to resolve firefox scroll issue 20thAug2018 */
    display: block;
    overflow:visible !important;
    text-overflow: initial !important;
}
.view-list .circle-thumb, .circle-thumb {display: inline-block;}
.dropfield {margin-top: 0 !important; position: relative;}
.mediaNote {color: maroon;}
.cl_body_dashboard .dataBlock td:first-child, .cl_body_pages .dataBlock td:first-child, .cl_body_variation .dataBlock td:first-child
{
    line-height: 45px;
    padding: 6px 8px 8px 30px;
}
.cl_body_dashboard .dataBlock td:not(:last-child), .cl_body_pages .dataBlock td:not(:last-child), .cl_body_variation .dataBlock td:not(:last-child)
{
    color: #404041;
}
/* #NR - Add domain add message */
.cl_body_myaccount .domainAddMsg{display: inline-block;padding-top:3px;font-size: 15px;color: #333333;line-height: 1.3}
.cl_body_myaccount tr td:first-child, .cl_body_categories tr td:first-child, .cl_body_subaccount tr td:first-child
{
    color: #333;
    font-family: "proxima_nova_rgbold";
    font-size: 18px;
    line-height: 45px;
    padding: 6px 8px 8px 30px;
    /*text-align: center;*/
}
.cl_body_myaccount tr td:not(:last-child), .cl_body_categories tr td:not(:last-child), .cl_body_subaccount tr td:not(:last-child)
{
    color: #404041;
}
.cmbCategoryMedia span.text-red span {
    left: 13px;
    top: 100%
}

.modalbutton_fontsize
{
    font-size: 18px;
}

.cl_body .dataTable td.kp_wordbreak{
    word-break: break-all;
    line-height: 1.5;
}

.kp_wordbreak1{
    word-break: break-all;
}

.grayOverlay{position: relative;}
.grayOverlay .cl_overlay {
    background: #000000 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.grayOverlay .cl_overlay span {
    position: relative;
    top: 30%;
}

::-webkit-scrollbar:horizontal {
    height: 10px;
}

::-webkit-scrollbar-thumb {
    border: 2px solid #00aeef;
    border-left: 1px solid #ccc;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #00aeef;
}

.cl_body button:active:not([class*="selectpicker"]) span,
.cl_body button:focus:not([class*="selectpicker"]) span
{
    position: relative;
    top: 0;
    left: 0;
}

.categoryTable .dataTable td.categoryAction
{
    padding-left: 0 !important;
}

.subaccount .dataTable td.subaccountAction
{
    padding-left: 0 !important;
}

.modal-backdrop.custom-backdrop-transperent
{
    background-color: transparent !important;
}

/*View Invoice Modal*/
body.body_invoice
{
    background-color: rgba(204, 204, 204, 0.24);
}
.invoicePrintButton{
    margin-top: 50px;
    width: 55%;
    text-align: right;
    margin-bottom: 20px;
}
.invoicePrintBottomButton{
    margin-top: 20px;
    width: 55%;
    text-align: right;
    margin-bottom: 20px;
}

.invoicePrintButton .btn-success,
.invoicePrintBottomButton .btn-success {
    background: #00adee;
    border-color: #00adee;
    color: #fff;
    border-radius: 4px;
    font-size: 15px;    
    margin: 0 0 0 0;
    padding: 10px;
}

.invoicePrint
{
    background-color: #fff;
    margin: 0 auto;
    width: 60%;
}
#viewInvoice.modal .modal-header span,.invoicePrint .invoice-header span {font-size: 24px;}
#viewInvoice.modal h3,.invoicePrint h3 {color: #333}
#viewInvoice .invoiceLogo,.invoicePrint .invoiceLogo {margin-top: 15px;}
#viewInvoice.modal .billInfoMain, #viewInvoice.modal .statusInfo,.invoicePrint .billInfoMain, .invoicePrint .statusInfo {margin-top: 20px;}
#viewInvoice.modal .descriptionInfoMain,.invoicePrint .descriptionInfoMain {margin-top: 45px;}
#viewInvoice.modal span,.invoicePrint span {display: block; font-size: 13px;}
#viewInvoice.modal .statusInfoMain .statusInfo span,.invoicePrint .statusInfoMain .statusInfo span {display: inline-block; font-size: 13px;}
#viewInvoice.modal .descriptionInfo, #viewInvoice.modal .amountInfo,.invoicePrint .descriptionInfo, .invoicePrint .amountInfo {margin-top: 10px;}
#viewInvoice.modal .descriptionTitle, #viewInvoice.modal .amountTitle,.invoicePrint .descriptionTitle, .invoicePrint .amountTitle {border: 1px solid #cccccc;text-align: center;padding: 4px;}
#viewInvoice.modal .invoiceDescription,.invoicePrint .invoiceDescription {text-align: center;}
#viewInvoice.modal .totalInfoMain,.invoicePrint .totalInfoMain {margin-top: 20px;}
#viewInvoice.modal hr,.invoicePrint hr {border-top: 1px solid #cccccc;}
#viewInvoice.modal .statusInfo span div,.invoicePrint .statusInfo span div {display: inline-block;}
#viewInvoice.modal .statusInfo i,.invoicePrint .statusInfo i {
    font-size: 13px;
    font-weight: bold;
    border: 2px solid #00aeef;
    border-radius: 3px;
    padding: 6px 16px;
    font-style: normal;
    color: #00aeef;
}
.invoicePrint .transactionDate{ /* Added by niral*/
    margin-top: 10px !important;
    padding-left: 50px;
}


.animate-enter, 
.animate-leave
{ 
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
} 

.animate-enter.animate-enter-active, 
.animate-leave {
    opacity: 1;
    top: 0;
    height: 30px;
}

.animate-leave.animate-leave-active,
.animate-enter {
    opacity: 0;
    top: -50px;
    height: 0;
}

.templateDesignTitle {
    color: #404041;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: block;
    height: 30px;
}

.blueimp-gallery h3.title {word-wrap: break-word;word-break: break-all;}

.cl_permission_show{display:block; }
.cl_permission_hide{display:none !important; }
.cl_permission_hide_noclick{display:inherit !important;}

.textWrap {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.cl_body_dashboard .textDisplayOverflow { width: 25em;
                                          /*position: relative; #DRA to solve overflow issue in the error display*/
                                          overflow: visible;white-space: normal;line-height: 22px;padding:12px 0 8px 0;}/* @TPMS:12544 => in list view if project name is entered to max length than it is not displaying properly.  #AS*/
.cl_body_pages .textDisplayOverflow, .cl_body_variation .textDisplayOverflow{
    /*position: relative; #DRA to solve overflow issue in the error display*/
    overflow: visible;}

.chooseTemplateDiv .tab-content .form-control{
    height: auto;
    font-size: 14px;
}
.totalProjPageCount {
    margin-top: -21px;
    font-size: 12px;
    color: #404041;
}
.cl_body_dashboard .message.alert, .cl_body_myaccount .message.alert {margin: 15px;}
.dataBlock .options {min-height: 25px;}

@-moz-document url-prefix() {
    .favorite span {
        top: 1px;
    }
}

@media (max-width: 543px) 
{
    .cl_body_pages .view-folder .options a, .cl_body_variation .view-folder .options a {margin: 0 0%;} 
    #cmbCategory > option {width: 250px;}
    .ni_project, .ni_page {  height: 90px;  width: 90px;   }
    .cl_cat_part1, .cl_cat_part2, .cl_cat_part3{ padding: 10px 20px 0;}   
    .responsiveTransparent {padding: 7px 7px;}
    .navbar-top-links li a {padding: 9px !important;}
    .listView div img {width: 100% !important;}
    .listView div span.listViewPageName {line-height: 20px;width: 100%;}
    .removeMargin {margin-bottom: -10px !important;}
    .menuAction a {padding: 5px 10px !important;}
    .padding-or {left: 46%;}
    .modalLargeSize .modal-dialog {width: 95% !important;}
    .dashboardTable tr i.pull-right {float: none !important;}
    .pagesTable tr i.pull-right {float: none !important;}
    .pagesTable tr > .pageUniVisitor {min-width: 160px !important;}
    .categoryTable tr > .categoryCategoryTitle, .subaccount tr > .subAccountEmail {min-width: 250px !important;}
    .dashboardTable tr > .dashDateCreate, .dashboardTable tr > .dashDateModify, .dashboardTable tr > .dashAction, .pagesTable tr > .pageVisitor, .pagesTable tr > .pageConvRate, .pagesTable tr > .pageAction, .categoryTable tr > .categoryCategoryType, .categoryTable tr > .categoryTotalMedia, .subaccount tr > .subAccountName, .subaccount tr > .subAccountContact {
        min-width: 150px !important;
    }
    .subaccount tr > .subaccountAction { min-width: 180px; }
    .dashboardTable tr > .dashTotalPage {min-width: 140px !important;}
    .pagesTable tr > .pageVariations, .categoryTable tr > .categoryAction {min-width: 120px !important;}
    .pagesTable tr > .pageStatus {min-width: 90px !important;}

    .cl_ds_part6{margin-top:5px;}
    .cl_ds_part3 {margin-bottom: 5px;}
    .dataTables_length .bootstrap-select, .bootstrap-select:not([class*="span"]) {width: 100% !important;}
    .categoryDiv .categoryTable .dataTables_length {padding-right: 30px;}
    .dataTables_length label, .dataTables_filter label {width: 100%;}

    .frmPublishFolderModal .modal-dialog,
    .frmPublishPageModal .modal-dialog {width: unset;}
    .frmPublishFolder .clPublishDomain, .frmPublishPage .clPublishDomain {padding-left: 15px;}
    .frmPublishFolder .domainNameDiv, .frmPublishPage .subDirectoryDiv, .frmPublishPage .domainNameDiv, .frmPublishPage .subDirectoryDiv {width: 48%;}

    .cl_body_dashboard .dataBlock .boxContentImage,.cl_body_collaboration .dataBlock .boxContentImage, .cl_body_pages .dataBlock .boxContentImage, .cl_body_variation .dataBlock .boxContentImage {
        max-height: 90px;
        line-height: 90px;
    }
    .cl_body_dashboard .dataBlock .boxContentImage img,.cl_body_collaboration .dataBlock .boxContentImage img,.cl_body_pages .dataBlock .boxContentImage img, .cl_body_variation .dataBlock .boxContentImage img {        
        display: inline-block;
    }

    .invoicePrint .sequenceInfo, .invoicePrint .statusInfo{text-align: left; }
    .invoicePrint .statusInfo span div {display: block; margin-bottom: -8px;}
    .invoicePrint .addressInfo {margin-top: 10px;}
    .invoicePrint .invoiceTitle h3 {text-align: left;}
    .invoicePrint .descriptionInfoMain {margin-top: 20px;}
    .invoicePrint .sequenceInfo, .invoicePrint .statusInfo {margin-top: 10px;}
    .chooseTemplateDiv .tab-content .datatableSearch {width: 100%;}
    .project-head .cl_pg_part5{padding:0;}  
    .project-head .cl_pg_part51{margin-top:5px;}  
    .project-head .cl_pg_part52{margin-top:5px;}  
    .project-head .cl_pg_part3{margin-top:5px;}  
}

@media (min-width: 450px) and (max-width: 542px) 
{
    .cl_body_pages .view-folder .options a, .cl_body_variation .view-folder .options a {margin: 0 3%;}
}

@media (min-width: 544px) and (max-width: 767px) 
{
    .cl_body_pages .view-folder .options a {margin: 0 2%;} 
    .cl_cat_part1, .cl_cat_part2, .cl_cat_part3{ padding: 10px 20px 0;}
    .removeMargin {margin-bottom: -10px !important;}
    .padding-or {left: 46%;position: absolute;}
    .dataTables_length.datatableSearch {float: none;font-size: 12px;width: auto;}
    .modalLargeSize .modal-dialog {width: 95% !important;}
    .padding-or {left: 46%;}
    .dashboardTable tr i.pull-right {float: none !important;}
    .pagesTable tr i.pull-right {float: none !important;}
    .pagesTable tr > .pageUniVisitor {min-width: 160px !important;}
    .categoryTable tr > .categoryCategoryTitle, .subaccount tr > .subAccountEmail {min-width: 250px !important;}
    .dashboardTable tr > .dashDateCreate, .dashboardTable tr > .dashDateModify, .dashboardTable tr > .dashAction, .pagesTable tr > .pageVisitor, .pagesTable tr > .pageConvRate, .pagesTable tr > .pageAction, .categoryTable tr > .categoryCategoryType, .categoryTable tr > .categoryTotalMedia, .subaccount tr > .subAccountName, .subaccount tr > .subAccountContact {
        min-width: 150px !important;
    }
    .project-head .cl_pg_part5{padding:0;}  
    .project-head .cl_pg_part51{margin-top:5px;}  
    .project-head .cl_pg_part52{margin-top:5px;} 
    .project-head .cl_pg_part3{margin-top:5px;}  
    .subaccount tr > .subaccountAction { min-width: 180px; }
    .dashboardTable tr > .dashTotalPage {min-width: 140px !important;}
    .pagesTable tr > .pageVariations, .categoryTable tr > .categoryAction {min-width: 120px !important;}
    .pagesTable tr > .pageStatus {min-width: 90px !important;}

    .cl_ds_part6{margin-top:5px;}
    .cl_ds_part3 {margin-bottom: 5px;}

    .dataTables_length .bootstrap-select, .bootstrap-select:not([class*="span"]) {width: 100% !important;}
    .categoryDiv .categoryTable .dataTables_length {padding-right: 30px;}
    .dataTables_length label, .dataTables_filter label {width: 100%;}

    .frmPublishFolderModal .modal-dialog, .frmPublishPageModal .modal-dialog {width: unset;}
    .frmPublishFolder .clPublishDomain, .frmPublishPage .clPublishDomain {padding-left: 15px;}
    .frmPublishFolder .domainNameDiv, .frmPublishPage .subDirectoryDiv {width: 48%;}

    .invoicePrint .invoiceTitle h3, .invoicePrint .sequenceInfo {text-align: left;}
    .invoicePrint .sequenceInfo, .invoicePrint .statusInfo {margin-top: 10px;}
}

@media (min-width: 768px) and (max-width: 991px) 
{
    .cl_body_pages .view-folder .options a {margin: 0 2%;} 
    .cl_ds_part3, .cl_ds_part4, .cl_ds_part5, .cl_ds_part6, .cl_pg_part4, .cl_pg_part5, .cl_vr_part3, .cl_vr_part4, .cl_vr_part5, .cl_vr_part6{margin-top: 10px;}
    .cl_ds_part4, .cl_ds_part5, .cl_pg_part5{padding-right:0;}    
    .project-head .cl_pg_part51{padding-right:0;}  
    .project-head .cl_pg_part5{padding:0;}  
    .project-head .cl_pg_part3.cl_mem{margin-top: 10px;}
    .padding-or {left: 46%;position: absolute;}
    .dashboardTable tr.dataBlock > td:first-child, .pagesTable tr.dataBlock > td:first-child, .dashboardTable tr.dataBlock > td:last-child, .pagesTable tr.dataBlock > td:last-child {
        white-space: nowrap;
        min-width: 250px !important;
    }
    .dashboardTable tr i.pull-right {float: none !important;}
    .pagesTable tr i.pull-right {float: none !important;}
    .pagesTable tr > .pageUniVisitor {min-width: 160px !important;}
    .categoryTable tr > .categoryCategoryTitle, .subaccount tr > .subAccountEmail {min-width: 250px !important;}
    .dashboardTable tr > .dashDateCreate, .dashboardTable tr > .dashDateModify, .dashboardTable tr > .dashAction, .pagesTable tr > .pageVisitor, .pagesTable tr > .pageConvRate, .pagesTable tr > .pageAction, .categoryTable tr > .categoryCategoryType, .categoryTable tr > .categoryTotalMedia, .subaccount tr > .subAccountName, .subaccount tr > .subAccountContact {
        min-width: 150px !important;
    }
    .subaccount tr > .subaccountAction { min-width: 180px; }
    .dashboardTable tr > .dashTotalPage {min-width: 140px !important;}
    .pagesTable tr > .pageVariations, .categoryTable tr > .categoryAction {min-width: 120px !important;}
    .pagesTable tr > .pageStatus {min-width: 90px !important;}

    .invoicePrint.customModal .modal-dialog {width: 750px;}
    .invoicePrint .invoiceTitle h3, .invoicePrint .sequenceInfo {text-align: left;}
    .invoicePrint .sequenceInfo, .invoicePrint .statusInfo {margin-top: 10px;}
}

@media (min-width: 992px) and (max-width: 1199px) 
{
    .cl_body_pages .view-folder .options a {margin: 0 3%;} 
    .cl_ds_part4, .cl_ds_part5, .cl_pg_part5{padding-right:0;}
    .project-head .cl_pg_part5.cl_mem{padding: 0;margin-top: 10px;}
    .project-head .cl_pg_part51{padding-right:0;}
    .cl_pg_part3 a{padding-right:0}
    .cl_vr_part3, .cl_vr_part3 a{padding-right:0;margin-right: -6px;}
    .mediaDiv .mediaTitle, .mediaDiv .mediaButton {width: 50% !important;}
    .dashboardTable tr i.pull-right {float: none !important;}
    .pagesTable tr i.pull-right {float: none !important;}
    .pagesTable tr > .pageUniVisitor {min-width: 160px !important;}
    .categoryTable tr > .categoryCategoryTitle, .subaccount tr > .subAccountEmail {min-width: 250px !important;}
    .dashboardTable tr.dataBlock > td:first-child, .pagesTable tr.dataBlock > td:first-child, .dashboardTable tr.dataBlock > td:last-child, .pagesTable tr.dataBlock > td:last-child {
        white-space: nowrap;
        min-width: 250px !important;
    }
    .subaccount tr > .subaccountAction { min-width: 180px; }
    .dashboardTable tr > .dashDateCreate, .dashboardTable tr > .dashDateModify, .dashboardTable tr > .dashAction, .pagesTable tr > .pageVisitor, .pagesTable tr > .pageConvRate, .pagesTable tr > .pageAction, .categoryTable tr > .categoryCategoryType, .categoryTable tr > .categoryTotalMedia, .subaccount tr > .subAccountName, .subaccount tr > .subAccountContact {min-width: 150px !important;}
    .dashboardTable tr > .dashTotalPage {min-width: 140px !important;}

    .pagesTable tr > .pageVariations, .categoryTable tr > .categoryAction {min-width: 120px !important;}
    .pagesTable tr > .pageStatus {min-width: 90px !important;}
    .tabWrap .tab {border-left: 1px solid #e1e1e1 !important;}
    .padding-or {left: 46%;position: absolute;}
}

@media (min-width: 1200px) 
{
    .cl_ds_part4, .cl_ds_part5, .cl_pg_part5{padding-right:0;}
    .project-head .cl_pg_part51{padding: 0;}
    .padding-or {left: 46%;position: absolute;}
    .subaccount tr > .subaccountAction { min-width: 180px; }
    .subaccount tr > .subAccountEmail {min-width: 250px !important;}
    .subaccount tr > .subAccountName, .subaccount tr > .subAccountContact {min-width: 150px !important;}
}
@media(max-width: 991px) /* Set category bar max height for small screens. i.e <=991 */
{
    .templateCategoryScrollbar, .designBlockCategoryScrollbar, .mediaCategoryScrollbar, .chooseTemplateCategoryScrollbar
    { 
        height:auto !important;
        max-height:250px !important;
    }
}
/* >=992 */
@media(min-width: 992px) /* Unset category bar max height for big screens. i.e >=992 */
{
    .templateCategoryScrollbar, .designBlockCategoryScrollbar, .mediaCategoryScrollbar, .chooseTemplateCategoryScrollbar 
    {
        border-bottom: none ;
    }

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

@media (min-width: 404px) and (max-width: 567px)
{
    .chooseTemplateDiv .tab-content .datatableSearch {margin-top: 5px; width: 100%;}
}

@media print {
    body {
        margin: 0 auto !important;
    }
    .statusInfo .invoicePaymentInfo {margin-left: 15px;}
}

/* Styles added by Anish for new design of thumbnail view of pages and folders starts */
.boxWrap a.thumbnail {
    border: none;
    border-bottom: 1px solid #ddd;
}
.boxWrap .thumbnailWrapper {
    border: 1px solid #ddd;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.boxWrap .thumbnail .caption {
    padding-bottom: 0;
    padding-top: 7px;
    background-color: #333;
    color: white;
    border-bottom: 1px solid #ddd;
}
.boxWrap .thumbnail .folder-name {
    margin-bottom: 5px;
    margin-top: 2px;
}
.boxWrap .thumbnail .addToFavorite {
    top: 5px;
    font-size: 15px;
}
.boxWrap .thumbnailWrapper:active, .boxWrap .thumbnailWrapper:hover, .boxWrap .thumbnailWrapper:focus {
    border-color: #428bca;
}
.boxWrap .thumbnail .folder-count {
    font-size: 14px;
    background: #00aeef;
    border-radius: 4px;
    min-width: 19px;
    display: inline-block;
    text-align: center;
    margin-right: 2px;
}
.ni_project, .ni_page {
    height: 150px;
    max-width: none;
    width: auto;
    background-size: auto;
}
.cl_body_pages .ni_project, .ni_page {overflow: hidden;}
.cl_body_pages .view-folder .options a, .cl_body_dashboard .view-folder .options a, .cl_body_variation .view-folder .options a {
    text-decoration: none;
    display: table-cell;
    width: auto;
    margin: 0 auto;
}
.view-folder .dataBlock .options {
    display: table;
    width: 100%;
    height: 26px;
}
.clDashPreviewBtn {
    font-size: 20px;
}
.cl_body_dashboard .dataBlock .boxContentImage.ni_project{ background-image:none !important; }
.cl_body_dashboard .dataBlock .boxContentImage,.cl_body_collaboration .dataBlock .boxContentImage, .cl_body_pages .dataBlock .boxContentImage, .cl_body_variation .dataBlock .boxContentImage {
    /*line-height: 150px; commented by #NR for displaying tag in folder with image */
    height: 150px !important;
    max-height: 150px !important;
    overflow: hidden;
}
.boxWrap .thumbnailWrapper .boxContentImage .img-responsive {
    max-width: 100%;
    height: auto;
}
@media (max-width: 480px)
{
    .view-folder .boxWrap {
        width: 100%;
    }
}
.folderIcon {
    color: #00aeef !important;
    margin-right: 2px;
    position: absolute;
}
/* Styles added by Anish for new design of thumbnail view of pages and folders ends */
.changePackage {
    font-size: 16px;
    text-decoration: none;
    padding: 0 5px;
}
.zIndex10021 {
    z-index: 10021;
}
.packageFeaturesDiv {
    width: 100%;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}

/* New styles added by Anish for statistics module changes in pages list Starts */
.cl_body_pages #dispData .thumbnailContainer {overflow: auto; margin: 0 28px 0 30px; min-height: 280px;}
.cl_body_pages .row.view-folder {white-space: nowrap; padding-left: 0; padding-right: 0; margin: 0;}
.cl_body_pages .row.view-folder .col-sm-12 {padding: 0;}
.cl_body_pages .row.view-folder .boxWrap {display: inline-block; float: inherit; width: 192px !important; padding: 0; margin: 0 15px;}
.cl_body_pages .row.view-folder .boxWrap:first-child {margin-left: 0;}
/* Changed width : 198px to 192px by Hardik P savani at 16th march 2018 */
.cl_body_pages .row.view-folder .boxWrap:last-child {margin-right: 0; width: 192px !important;}
.cl_body_pages .row.view-list {margin: 0;}
.cl_body_pages .row.view-list .col-lg-12 {padding-left: 0; padding-right: 0;}
.cl_body_pages .view-list .table, .table {border-bottom: 0;}
.cl_body_pages .view-list .table-responsive {border-bottom: 1px solid #ddd;}
.cl_body_pages .row.view-list table.table {margin-bottom: 0;}
.cl_body_pages .row.view-list table > tbody td.tdPublish {padding-left: 15px;}
.cl_body_pages .row.view-list table > tbody td.tdOptions {padding-left: 16px;}
.cl_body_pages .row.view-list table thead {display: block;}
.cl_body_pages .row.view-list table > tbody {display: block; max-height: 300px; overflow-y: auto;}
.cl_body_pages .row.view-list table > tbody {width: 718px;}
.cl_body_pages .row.view-list table thead {width: 718px;}
.cl_body_pages .row.view-list table thead th {border-bottom: 0;}
@media (max-width: 992px)
{
    .cl_body_pages .row.view-list table thead th.pagePageName, .cl_body_pages .row.view-list table > tbody td.firstTd {width: 250px;}
    .cl_body_pages .row.view-list table > tbody td.firstTd { width: 250px !important;line-height: 43px;}/* #AS TPMS #12544 */
    .cl_body_pages .row.view-list table thead th.pageStatus, .cl_body_pages .row.view-list table > tbody td.tdPublish {width: 90px;}
    .cl_body_pages .row.view-list table thead th.pageAction, .cl_body_pages .row.view-list table > tbody td.tdOptions {width: 380px;}
    .cl_body_pages .row.view-list table thead th.pageAction {padding-left: 0;}
    .cl_body_pages .row.view-list table thead th.pageAction.noPublish, .cl_body_pages .row.view-list table > tbody td.tdOptions.noPublish {width: 400px;}
}

@media (min-width: 992px)
{
    .cl_body_pages .row.view-list table > tbody {width: 938px;}
    .cl_body_pages .row.view-list table thead {width: 938px;}
    .cl_body_pages .row.view-list table thead th.pagePageName, .cl_body_pages .row.view-list table > tbody td:first-child {width: 350px;}
    .cl_body_pages .row.view-list table > tbody td.firstTd { width: 350px !important;line-height: 43px;}/* #AS TPMS #12544 */
    .cl_body_pages .row.view-list table > tbody td.tdPublish {width: 160px;}
    .cl_body_pages .row.view-list table thead th.pageStatus {width: 150px;}
    .cl_body_pages .row.view-list table thead th.pageAction, .cl_body_pages .row.view-list table > tbody td.tdOptions {width: 440px;}
    .cl_body_pages .row.view-list table thead th.pageAction.noPublish, .cl_body_pages .row.view-list table > tbody td.tdOptions.noPublish {width: 550px;}
}

@media (max-width: 1600px) and (min-width: 1300px){
    .cl_body_pages .row.view-list table > tbody td.tdPublish {padding-left:38px!important;}
    .cl_body_pages .row.view-list table > tbody td.tdOptions {padding-left:29px!important;}
}

@media (min-width: 1200px)
{
    .cl_body_pages .row.view-list table > tbody {width: 1138px;}
    .cl_body_pages .row.view-list table thead {width: 1138px;}
    .cl_body_pages .row.view-list table thead th.pagePageName, .cl_body_pages .row.view-list table > tbody td:first-child {width: 564px;}
    .cl_body_pages .row.view-list table > tbody td.firstTd { width: 523px !important;line-height: 43px;}/* #AS TPMS #12544 */
    .cl_body_pages .row.view-list table > tbody td.firstTd.twocol{ width: 564px !important; }/*#AS TPMS #13095*/
    .cl_body_pages .row.view-list table thead th.pageStatus, .cl_body_pages .row.view-list table > tbody td.tdPublish {width: 225px;}
    .cl_body_pages .row.view-list table > tbody td.tdPublish {padding-left:32px;}
    .cl_body_pages .row.view-list table thead th.pageAction, .cl_body_pages .row.view-list table > tbody td.tdOptions {width: 430px;}
    .cl_body_pages .row.view-list table > tbody td.tdOptions {padding-left:25px;}
    .cl_body_pages .row.view-list table thead th.pageAction.noPublish, .cl_body_pages .row.view-list table > tbody td.tdOptions.noPublish {width: 574px;}
}

@media screen and (min-width: 1200px) {
    .remove_margin_right { margin-right: 0!important; }
}




.cl_body_pages .boxWrap.active .thumbnailWrapper, .cl_body_pages .boxWrap .thumbnailWrapper:active, .cl_body_pages .boxWrap .thumbnailWrapper:hover, .cl_body_pages .boxWrap .thumbnailWrapper:focus {border-color: #00aeef;}

.cl_body_pages .cl_tabWrap_custom {margin-top: 5px;}
.statisticsPageTitle { padding-left: 20px; font-weight: bold; color: #333;}
@media (max-width: 991px) {
    .cl_body_pages .tabWrap, .cl_body_leads .tabWrap {padding: 30px; }
}
@media (max-width: 767px) {
    .cl_body_pages #dispData .thumbnailContainer {margin: 0 20px;}
    .cl_body_pages .tabWrap, .cl_body_leads .tabWrap {padding: 20px; }
}
.cl_body_pages .form-control, .cl_body_leads .form-control { height: 34px; font-size: 14px;}
.cl_body_pages .form-control.leadsDate, .cl_body_leads .form-control.leadsDate {height: 32px; padding-top: 7px;}
.cl_body_pages label, .cl_body_leads label {margin-top: 8px; font-size: 16px !important;}
.cl_body_pages .input-group.datepicker, .cl_body_leads .input-group.datepicker {border: 1px solid #cccccc !important; border-radius: 3px;}
.cl_body_pages .input-group.datepicker input, .cl_body_leads .input-group.datepicker input, .cl_body_pages .input-group.datepicker .input-group-addon, .cl_body_leads .input-group.datepicker .input-group-addon {border: none !important;}
.cl_body_pages .input-group.datepicker input, .cl_body_leads .input-group.datepicker input {padding-right: 0;}
.cl_body_pages .input-group.datepicker .input-group-addon, .cl_body_leads .input-group.datepicker .input-group-addon {padding-left: 5px;}
.cl_body_pages .input-group.datepicker .input-group-addon span, .cl_body_leads .input-group.datepicker .input-group-addon span {margin-right: 6px;color: #00aeef;cursor: pointer;}
.cl_body_pages .tab.customTab {min-height: 500px;}
.cl_body_pages #canvas {width: 100% !important; margin-top: 30px; border-radius: 0; padding: 5px;}
.cl_body_pages .viewsCount .panel {border-radius: 0;}
.cl_body_pages .viewsCount .panel-heading {background: transparent;}
.cl_body_pages .viewsCount .panel-title {font-weight: bold; color: #333;}
.cl_body_pages .viewsCount .panel-body {padding: 5px 15px;}
.cl_body_pages .viewsCount .viewsText {font-size: 40px; font-weight: bold; word-wrap: break-word;}
.cl_body_pages .viewsCount .viewsText.viewsTextTotal {color: #4A90E2;}
.cl_body_pages .viewsCount .viewsText.viewsTextUnique {color: #1EC06A;}
.cl_body_pages .row#displayData {padding: 0 15px;}
.cl_body_pages #displayData ol.referralurls {padding-left: 30px; margin: 10px 0; padding: 10px 0 10px 30px; border-radius: 0;}
.cl_body_pages #displayData ol li {color: #333; word-wrap: break-word;}
/*.cl_body_pages .tabWrap .tab {padding: 5px 30px 10px 30px;} /*#AS-8thJan2020- Commented -#30mf4c*/
.cl_body_pages .li-without-a {margin-left: 30px; margin-right: 30px; white-space: initial;}
@media (max-width: 768px) {.cl_body_pages .li-without-a {margin-left: 20px; margin-right: 20px;}}

/* New styles added by Anish for statistics module changes in pages list Ends */
/* New styles added by Anish for leads module starts */
/*#DRAS - #9ewn4j - template info and assets*/
.cl_body_pages div.noStatsFound,.cl_body_pages div.noLeadsFound, .cl_body_leads div.noLeadsFound, .noPageEvents {color: #333; font-weight: bold; text-align: center; margin-top: 10px; padding: 10px; border: 1px solid #ddd; border-radius: 3px;}
.cl_body_pages .view-leads .table thead tr th, .cl_body_leads .view-leads .table thead tr th {background-color: transparent;color: #333;font-size: 18px; border-bottom: 0;} /*#DRA change for identical view of tables*/
.cl_body_pages .view-leads .table thead tr th:first-child, .cl_body_leads .view-leads .table thead tr th:first-child {padding-left: 30px;}/*#DRA change for identical view of tables*/
.cl_body_pages .view-leads .table thead tr th.leadsSort, .cl_body_leads .view-leads .table thead tr th.leadsSort {cursor: pointer;}
.cl_body_pages .view-leads .table tbody tr td {color: #999 !important; padding: 15px 8px;}
.cl_body_leads .view-leads .table tbody tr td {color: #333 !important; padding: 15px 8px;}
.cl_body_pages .view-leads .table tbody tr td .textDisplayOverflow, .cl_body_leads .view-leads .table tbody tr td .textDisplayOverflow {max-width: 15em; width: 100%;}
@media (max-width: 767px)
{
    .cl_body_pages .view-leads .table thead tr th.st_name {min-width: 180px;}
    .cl_body_pages .view-leads .table thead tr th.st_email {min-width: 250px;}
    .cl_body_pages .view-leads .table thead tr th.dt_added_at {min-width: 180px;}
    .cl_body_pages .view-leads .table thead tr th.st_ip_address {min-width: 180px;}
}
.cl_body_leads .control__indicator {top: -7px;}
.cl_body_leads .btnExport {background: #1b75bb; border-color: #1b75bb;}
.cl_body_leads .btnExport:hover, .cl_body_leads .btnExport:active, .cl_body_leads .btnExport:focus {background: #0086b8; border-color: #0086b8;}
.cl_body_leads td a.editLeadLink { color: initial; /*font-weight: bold; */cursor: pointer; text-decoration: none; min-width: 100px; display: inline-block;}
.cl_body_leads td .options {min-width: 100px;}
.cl_body_leads .totalProjPageCount, .cl_body_pages .totalProjPageCount {color: #00aeef; font-size: 14px; margin: 0 0 8px; text-align: right; font-weight: bold;}
/* New styles added by Anish for leads module ends */
/* New Styles added by Anish for list view project/page name style change starts */
.view-list .table a.folderName, .cl_body_categories tr td:first-child, .cl_body_subaccount tr td:first-child, .cl_body_myaccount tr td:not(:last-child) {
    font-size: 15px;
    font-family: 'proxima_novalight';
}
/* New Styles added by Anish for list view project/page name style change ends */
@media (min-width: 768px) {.appsRightPanel {padding-left: 5px;}} /* Fix for right panel padding in manage apps page */

/* Custom CSS for pages (settings on hover button) starts (26th Dec 2017) #KB */
.clPaddR10 {padding-right: 10px;}
.clPaddL10 {padding-left: 10px;}
.dropbtn {
    border: none;
    cursor: pointer;
    display: block !important;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    /* right: -10px; Commented by niral to resolve page options popup open at right side issue */ 
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 40;/*//AS-10thSept2019-#1mg9n9-#9yxjtu*/
    position: fixed;
    width: 166px;
    border: 4px solid #f51616;
}
.dropdown-content:before, .dropdown-content:after{
    bottom: 100%;
    left: 89.7%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.dropdown-content:after {
    border-color: rgba(109, 213, 175, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.dropdown-content:before {
    border-color: rgba(245, 22, 22, 0);
    border-bottom-color: #ddd;
    border-width: 10px;
    margin-left: -10px;
}
.dropdown-content a {
    padding: 3px 16px;
    text-decoration: none !important;
    display: block !important;
    text-align: left;
    position: relative;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown-content a:hover, .dropdown-content a:hover span {color: #00aeef !important;}
.dropdown:hover .dropdown-content {display: block; border: 1px solid #ddd; border-radius: 2px;}
.dropdown .dropdown-content a i {position: absolute;width: 25px;text-align: center;top: 7px;}
.dropdown-content a span {color: #333; padding-left: 35px; font-size: 14px;}
.cl_body_pages .dropdown-content .publishPage {height: auto;}

.folder-dropbtn {
    border: none;
    cursor: pointer;
    display: block !important;
}
.folder-dropdown {
    position: relative;
    display: inline-block;
}
.folder-dropdown-content {
    display: none;
    position: absolute;
    right: -10px;
    background-color: #fff;
    min-width: 166px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 3;
    top: 20px;
}
.folder-dropdown-content:before, .folder-dropdown-content:after{
    bottom: 100%;
    left: 89.7%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.folder-dropdown-content:after {
    border-color: rgba(109, 213, 175, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.folder-dropdown-content:before {
    border-color: rgba(245, 22, 22, 0);
    border-bottom-color: #ddd;
    border-width: 10px;
    margin-left: -10px;
}

.folder-dropdown-content a {
    padding: 3px 16px;
    text-decoration: none !important;
    display: block !important;
    text-align: left;
    position: relative;
}
.folder-dropdown-content a:hover {background-color: #f1f1f1}
.folder-dropdown-content a:hover, .folder-dropdown-content a:hover span {color: #00aeef !important;}
.folder-dropdown:hover .folder-dropdown-content {display: block; border: 1px solid #ddd; border-radius: 2px;}
.folder-dropdown .folder-dropdown-content a i {position: absolute;width: 25px;text-align: center;top: 7px;}
.folder-dropdown-content a span {color: #333; padding-left: 35px; font-size: 14px;}
.ua-windows_nt .folder-dropdown-content a span {font-size: 13px;}
.cl_body_pages .folder-dropdown-content .publishPage {height: auto;}
/* Custom CSS for pages (settings on hover button) ends (26th Dec 2017) #KB */

/* Custom CSS for pages (download popup) starts (29th Dec 2017) #KB */
/* npprogressbar */
#nprogress{pointer-events:none}
#nprogress .bar{background:#00aeef;z-index:1031;top:0;left:0;width:100%;height:4px}
#nprogress .peg{display:block;right:0;width:100px;height:100%;box-shadow:0 0 10px #00aeef,0 0 5px #00aeef;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}
#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}
#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#00aeef;border-left-color:#00aeef;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}
.nprogress-custom-parent{overflow:hidden;position:relative}
.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{}
/* Custom CSS for pages (download popup) ends (26th Dec 2017) #KB */
/* Custom CSS for pages (share page popup) starts (01st Jan 2018) #KB */
a.addShareEmail, a.removeShareEmail,a.copyShareURL,a.switchPrivateShare {height: 45px;width: 45px;line-height: 35px;}
.sharedURLCustom .modal-footer {padding-bottom: 20px;}
@media (max-width: 767px)
{
    .customShareModalClass .modal-dialog {
        width: 90%;
    }
    /* By #NR @18thSept2018 - Collaboration request popup */
    .cl_body .navbar-right .collaboration_menu .popover.bottom {
        min-width: 400px !important;
        left: 0px !important;
    }
    .cl_body .navbar-right .collaboration_menu .popover.bottom>.arrow{
        left:8% !important;
    } 
}
/* Custom CSS for pages (share page popup) ends (01st Jan 2018) #KB */
/* Custom CSS for pages (download popup) ends (26th Dec 2017) #KB */
.hideFormError {display: none !important;}
/* Custom CSS for pages (download popup) ends (26th Dec 2017) #KB */

/* Custom CSS for project and pages starts (08th Jan 2018) #KB */

.cl_body_dashboard .txtEditProjectName, .cl_body_pages .txtEditPageName {line-height: normal;}
.cl_body_dashboard .editProject, .cl_body_pages .editPage {cursor: text;}

.projects input.txtEditProjectName, .projects input.txtEditPageName {
    width: 80%;
    height: 21px;
    font-size: 13px;
    border: 1px solid #cccccc;
    outline: 0;
    border-radius: 3px;
    color: #333;
    padding-top: 0;
}
/*#DRA added line height, margin to prevent jumping*/
.projects .textDisplayOverflow.folderName{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.projects .textDisplayOverflow span.editProject, .projects .textDisplayOverflow span.editPage {
    border: 1px solid transparent;
    line-height: 34px;
    padding: 0;
}
/*#DRA added line height to prevent jumping*/
.projects .textDisplayOverflow span.editPage { 
    max-width: 480px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 41px;
    padding: 0;
    width: 100%;
}

.projects .textDisplayOverflow input.txtEditProjectName, .projects .textDisplayOverflow input.txtEditPageName {
    height: 34px;
    line-height: 34px;
    font-size: 15px;
    max-width: 480px;
    margin-left: 0; /*#DRA: Added to remove left space*/
    width: 100%;
    padding: 0;
    margin: 0;
}

.cl_body_pages .thumbnailWrapper .editPage {margin-left: 25px;}/* @TPMS:12544 => in list view if project name is entered to max length than it is not displaying properly #AS*/
.projects input.txtEditPageName {
    margin-left: 24px;
}

.custom-text-red {
    color: red;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 5px;
    position: absolute;
    left: 48px;
    background: pink none repeat scroll 0 0;
    padding: 6px;
    border-radius: 3px;
    top: 33px;
}

.custom-text-red.pageThumbnail {
    left: 35px;
    top: 37px;
}

.custom-text-red.projectListError, .custom-text-red.pageListError {
    top: 42px;
    left: 0;
}
.view-folder .thumbnail {
    border: none;
}
.view-folder .custom-border {
    border: none;
    border-bottom: 1px solid #ddd;
}

.noMarginBottom {margin-bottom: 0 !important;}

.view-folder .addToFavorite {cursor: pointer;}

.cl_body_templates .dataBlock .txtEditTemplateName, .cl_body_dblock .dataBlock .txtEditDesignBlockName, .cl_body_templates .dataBlock .txtEditProjectName, .cl_body_templates .dataBlock .txtEditTemplateNameOfProjectTemplate {
    font-size: 18px;
    border: 1px solid #cccccc;
    height: 30px;
    outline: 0;
    border-radius: 3px;
    color: #333;
    padding: 0;
    width: 100%;
}

.cl_body_templates .dataBlock .templateThumbnail, .cl_body_dblock .dataBlock .designBlockThumbnail {
    top: 31px;
    left: 15px;
    z-index: 1;
}

.cl_body_templates .dataBlock span.editTemplate, .cl_body_dblock .dataBlock span.editDesignBlock, .cl_body_templates .dataBlock span.editProject, .cl_body_templates .dataBlock span.editTemplateOfProjectTemplate {
    border: 1px solid transparent;
    padding-top: 2px;
}
/* Custom CSS for project and pages ends (08th Jan 2018) #KB */

/* Custom CSS for project and pages starts (23rd Jan 2018) #KB */
/* Thumbnail view starts */
.cl_body_dashboard .thumbnailWrapper span.fagearSpan, .cl_body_pages .thumbnailWrapper span.fagearSpan {
    position: relative;
    right: 22px;
    top: 1px;
    background-color: #fff;
}

.cl_body_dashboard .thumbnailWrapper i.fagear, .cl_body_pages .thumbnailWrapper i.fagear {
    font-size: 14px;
    color: #00aeef;
}
/* Thumbnail view ends */

/* List view starts */
.cl_body_dashboard .textDisplayOverflow span.fagearSpan, .cl_body_pages .textDisplayOverflow span.fagearSpan {
    position: relative;
    right: 25px;
    top: 1px;
    color: #00aeef;
}
/* List view ends */

.cl_body_templates .dataBlock span.fagearSpan, .cl_body_dblock .dataBlock span.fagearSpan {
    position: absolute;
    right: 18px;
    top: 2px;
    color: #00aeef;
}

.cl_body_templates .dataBlock i.fagear, .cl_body_dblock .dataBlock i.fagear {
    font-size: 14px;
    color: #00aeef;
}

/* Custom CSS for project and pages ends (23rd Jan 2018) #KB */

/* Added for new blue button on manage templates and choose templates starts. #KB */
.btn-blue, .btn-blue:visited, .btn-blue:active, .btn-blue.focus, .btn-blue:focus{
    color: #fff;
    background: #1b75bb;
    border-color: #1b75bb;
}

.btn-blue:hover{
    color: #fff;
    background: #204d74;
    border-color: #204d74;
    outline: none;
}
/* Added for new blue button on manage templates and choose templates ends. #KB */

/* Start Hardik Savani - This style added for /pages publish circle */
.publishpagecircle { color: green; float: left; margin-left: 10px; margin-top: 3px; font-size: 14px!important;}
.publishprojectcircle { color: green; float: left; margin-left: 10px; margin-top: 3px; font-size: 14px!important;}
.cl_body_pages .view-folder .thumbnail, .cl_body_dashboard .view-folder .thumbnail {
    background: #fff;
}
.view-folder .boxWrap{
    display: inline-block;
    /*float: inherit; */
    width: 192px !important;
    padding: 0;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0;
}
/* End Hardik */

/* #814 - Hovering issue fix on cog icon. */
.cogOverlay {pointer-events: none;}

/* Added by niral for vat and coupon block on signup form */
.cl_body_signup .vatTotal {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.cl_body_signup .vatDetail {
    display: table;
    width: 100%;
    vertical-align: middle;
    margin: 10px auto;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.cl_body_signup .vatDetail h4 {
    display: table-cell;
    width: auto;
    vertical-align: middle;
    font-weight: 700;
    font-size: 16px;
}

.cl_body_signup .couponErrMsg{
    text-align: left !important;
}

.cl_body_signup .vatDetail span {
    display: table-cell;
    text-align: right;
    width: 67%;
}

.cl_body_signup .VatNumberSec{
    padding-bottom:10px;display: none;
}
.cl_body_signup span.signup_trial_msg{
    color: #41bb1f !important;
}
/*.cl_body_signup h4.signup_msg_trial{
    margin-top: 5px;
    text-align: left;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    float: left;
}
.cl_body_signup h4.signup_msg_trial span{
    color: #41bb1f
}*/
.myAccountDiv .VatNumberSec{
    display: none;
    padding-bottom: 10px;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
.myAccountDiv .VatNumberSec .vatNumberAmount{
    text-align: right;
    padding-right: 0;
    line-height: 2.6;
}
.myAccountDiv .cardnumberDiv{
    border-top: 1px solid #eee;
    margin-top: 5px;
    padding-top: 10px;
}
.myAccountDiv .VatNumberSec .vatNumberTextBox,.myAccountDiv .couponCodeDiv .couponCodeTextBox,.myAccountDiv .couponAppliedDiv .couponAppliedLabel{
    padding: 0
}
.myAccountDiv .couponAppliedDiv .couponAppliedLabel b{
    color:red;
    font-size: 15px;
}
.myAccountDiv .couponCodeDiv .couponCodeAmount{
    text-align: right;
    padding-right: 0;
    color:red;
}
.myAccountDiv .couponAppliedDiv .couponAppliedValue{
    text-align: right;
    padding-right: 0;
    color: red;
}
.myAccountDiv .couponCodeDiv{
    padding-bottom: 10px;
    position: relative;
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0;
}
.myAccountDiv .couponAppliedDiv{
    padding-bottom: 10px;
    position: relative;
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0;
}
.cl_body_signup .VatNumberLabel{
    text-align:right;
}
.cl_body_signup .btnCouponWrapper{
    position:  absolute;
    right: 5px;
    top: 6px;
}
.myAccountDiv .btnCouponWrapper{
    position: absolute;
    right: 8px;
    top: 6px;
}
.cl_body_signup .couponCode span{
    position: relative;
}
.cl_body_signup .discountAmount span{
    width: 20%;
}
.cl_body_signup .discountAmount b{
    color:red;
    font-size: 14px
}
.myAccountDiv .packageRowData p {
    display: table-cell;
    text-align: right;
    vertical-align: bottom;
}
.myAccountDiv .packageRowData .radio-inline {
    display: table-cell;
    vertical-align: top;
}
.myAccountDiv .packageRowData {
    display: table;
    width: 100%;
    vertical-align: middle;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}
.myAccountDiv .noteUpgrade{
    padding: 0;
    font-size: 16px;
    text-align: center
}
/* added by niral for reload button of billing history */
.reloadBillingHistory{
    font-size: 19px;
    position: absolute;
    line-height: 1.9;
    padding-left: 5px;
}
/* Added by #NR to prevent content suppress below button */
#frmSignUp .couponCodeCls{
    padding-right:70px;
}

/* User permission layout change css */
.cl_body_subaccount .panel { margin-bottom: 0; background-color: #fff; border: 1px solid #e1e1e1; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; }
.cl_body_subaccount .panel-body {margin: auto 20px;}
.cl_body_subaccount .panel>.panel-heading { position: relative; background-color: #1b75ba; color: #fff; font-weight: 700; margin-bottom: 0; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;  padding: 0;}
.cl_body_subaccount .panel>.panel-heading h4.panel-tile { color: #fff; }
.cl_body_subaccount .panel-heading .panel-title a { color: #fff; padding: 12px 30px;}
.cl_body_subaccount .panel-title a { position: relative; display: block; text-decoration: none; width: 100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.cl_body_subaccount .panel-title a:after { font-family: "FontAwesome"; position: absolute; right: 15px; font-weight: 900; }
.cl_body_subaccount .panel-title a[aria-expanded="true"]:after { content: "\f107"; }
.cl_body_subaccount .panel-title a[aria-expanded="false"]:after { content: "\f107"; }
.cl_body_subaccount .panel-collapse { margin-bottom: 0; background-color: #fff; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.cl_body_subaccount .panel-heading {border-top-left-radius: 0;border-top-right-radius: 0;}
.cl_body_subaccount .panel-bar,.cl_body_subaccount .panel-bar1{border-bottom: 1px solid #DDD;padding-bottom: 15px;}
.cl_body_subaccount .panel-bar1{margin-right: 10px;}
.cl_body_subaccount .panel-body .panel-bar:last-child{border-bottom: none;margin-bottom: 0px;}
.cl_body_subaccount .panel-body .treeview_container {display:inline-block; }
.cl_body_subaccount .panel-body .clNewCheckbox .control--checkbox span {margin-top: 0;}
.cl_body_subaccount .panel-body .clNewCheckbox .control__indicator{border: none;text-align: center;vertical-align: middle;display: inline-table;top: 0;width: 22px;height: 22px;}
.cl_body_subaccount .panel-body .clNewCheckbox .control-group label.control.control {width: 46px;}
.cl_body_subaccount .panel-body .clNewCheckbox .control input:checked ~ .control__indicator {border: none;color: #FFF;}
.cl_body_subaccount .panel-body .clNewCheckbox .control input:checked ~ .control__indicator:after {display: none;}
.cl_body_subaccount .lbl_permission {margin: 10px 0;font-weight: normal;}
.cl_body_subaccount .clNewCheckbox label.control--checkbox {    width: 22px;    padding: 0;    height: 22px;    margin: 0 5px;    line-height: 22px;}
.cl_body_subaccount .clNewCheckbox label.control--checkbox:last-child {    margin-right: 0;}
.cl_body_subaccount  .control input {position: absolute;z-index: -1;opacity: 0;left: 5px;top:3px;margin: 0 auto !important;}
.cl_body_subaccount .dynamicFolders label.folderPagesCls{margin-left: 100px}
.cl_body_subaccount .dynamicFolders .treeview_title{cursor: pointer;    color: #333333;    font-size: 15px;    line-height: 25px;}
.cl_body_subaccount .dynamicFolders .treeview_content{margin-bottom: 15px;}
.cl_body_subaccount .radioActionCls{font-weight: bold}
.cl_body_subaccount .mc_subuserpermission1{max-height: 250px;}
.cl_body_subaccount .dynamicTemplates .mCSB_scrollTools_vertical,.cl_body_subaccount .dynamicBlocks .mCSB_scrollTools_vertical{margin-right:-6px;}

@media (max-width:576px){
    .cl_body_subaccount .panel-body {
        padding: 7px;
        margin: auto 7px;
    }

    .cl_body_subaccount .lbl_permission {
        margin: 10px 0;
        font-weight: normal;
        width: 100%;
        float: none !important;
    }
    .control-group.clNewCheckbox {
        float: none !important;
        width: 100%;
    }

    .control-group.clNewCheckbox > div {
        width: 100%;
    }

    .cl_body_subaccount .dynamicFolders .treeview_title {
        padding: 0;
    }
    .cl_body_subaccount .dynamicFolders label.folderPagesCls{margin-left: 0px}
    .cl_body_subaccount .clNewCheckbox label.control--checkbox{
        margin:0 5px 5px 5px;
    }
}

/* CSS for Project Tag module - START */
#tag_popup {}
.cl_body_dashboard a.clTagLink{float:left;font-size:14px;color:#00adee!important}
.cl_body_dashboard .ni_project div.clTagContainer{position: absolute; bottom: 32px; width: 190px; text-align: left; overflow: hidden; height: 27px;}
.cl_body_dashboard .ni_project .clTagContainer span:NOT(btnDeleteTag){font-size: 11px; color: #fff; padding: 3px 5px; border-radius: 5px; margin: 2px; display: inline-block; height: 20px;cursor: default;}
.cl_body_dashboard .clshow{display:block!important}
.cl_body_dashboard .clhide{display:none}
.cl_body_dashboard div#tag_popup{background:#e9e9e9;width:500px;padding:0;position:relative;right:0;top:0;z-index:1}
ul.ui-autocomplete{overflow-y:auto !important; border-radius: 0;border: 1px solid #DDD;overflow-y:scroll;max-height:1000px!important;background:#fff;height:auto!important;min-height:100px!important;min-width: 140px;}/*#AS-26thJun2018-#xzyu8- Updated min-width 100->140 And max-height 200->1000 */
li.ui-menu-item{font-size:12px;border:0 !important; outline: 0 !important;margin: 0 !important;}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active{background-color:#00aeef; border:0 !important; outline: 0 !important;border-radius: 0;margin: 0 !important;}
.ui-menu .ui-menu-item a.ui-state-focus span{color:#FFF;}
.tag_popup .tagHandler ul.tagHandlerContainer{border:none;margin:0px !important;}
.tagHandler ul.tagHandlerContainer li.tagInput{ padding: 0 0 0 5px !important; }
.popover-content .tagHandler ul.tagHandlerContainer li.tagInput{ padding: 3px 0 3px 4px !important;margin: 5px 0 0 0 !important; }
.tagHandler ul.tagHandlerContainer input.tagInputField {    vertical-align: text-bottom;}
.tag_popup .tagHandler ul.tagHandlerContainer{margin:0}
.tagHandlerContainer .tagItem{height:auto!important}
.tagHandlerContainer .tagInputField:focus{outline-offset:0;outline:0}
.popover-content .tagColorPopover{width:124px}
.popover-content .clPickColor{display:inline-block;height:23px;margin:4px;width:23px;text-align:center;border:1px solid transparent;cursor:pointer;padding:0;border-radius:3px}
.popover-content .clPickColor:hover{border:1px solid #999}
span.clDefaultColor:after { content: "\f00c"; color: #000; left: -2px;    position: relative;    font: normal normal normal 12px/1 FontAwesome;}
#tag_popup .popover .popover-content{padding:5px}
.hide_autocomplete{display:none!important}
.btnCloseTagFilter{position:absolute;right:15px;top:11px;width:30px;line-height:30px;text-align:center;color:#00aeef;font-size: 12px!important;}
/*AS  ID 1041=On click on Right Side in Filter Tag search Text Box*/
/*span.btnCloseTagFilter:hover { cursor: pointer; }*/
span.btnCloseTagFilter:hover { cursor: text; }
/*AS  ID 1041=On click on Right Side in Filter Tag search Text Box*/
.clPopoverContainer{margin-top:-3px;width:320px;}
/* #AS The ID 1114=Pointer of the popup to add tag is not pointing the clicked tag*/
.clPopoverContainer>.arrow { top: 36px !important;}
/* #AS The ID 1114=Pointer of the popup to add tag is not pointing the clicked tag*/
.clTagContainer i.btnDeleteTag:hover{color:#000;background-color:#DDD}
.clTagContainer span.defaultColor,span.defaultColor i.btnDeleteTag{color:#999!important}
ul#tag_search li input.tagInputField::placeholder, ul#tagHandler li input.tagInputField::placeholder { letter-spacing: 0.5px; color: #999; }
ul#tag_search { border: 1px solid #cccccc !important; border-radius: 4px;height: 30px;min-height: 30px;margin:10px 0; }
.cl_body_dashboard .ni_project i.btnDeleteTag:hover { cursor: pointer;}
.tagHandler ul.tagHandlerContainer li.tagItem {border-radius: 5px !important;cursor: pointer;}

.cl_body_dashboard .ni_project i.btnDeleteTag, 
ul#tag_search li i.btnDeleteTagPop {padding: 0 3px !important; margin: 0 0 0 2px !important;border: 0 !important;border-radius:5px;font-style: normal;}
ul#tagHandler input.tagInputField.ui-autocomplete-input { width: 60px; }
ul#tag_search li { display: inline-flex;font-size: 11px; }
ul#tag_search li i.btnDeleteTagPop { display: block; }
.tagHandler ul.tagHandlerContainer li.tagItem {background-color: #f6f8f9 !important;color: #999!important;}
#tag_popup .tagHandler ul.tagHandlerContainer li.tagItem *, 
#tag_popup .tagHandler ul.tagHandlerContainer input.tagInputField{font-size: 11px !important;}
.tagErrorMsg{font-size:11px;color: #ff0000;margin-top: -10px;display: block;}
/* CSS for Project Tag module - END */

/* Collaborate notification list css By #NR - START */
.co_notification_list{display: none}
.co_list{max-height: 300px;display: none}
.co_list .row{border-bottom: 1px solid #EEE;padding: 5px;color: #333}
.co_list .mCSB_scrollTools_vertical{margin-right:-6px;}
.collaboration_menu .popover-title{color: #333;font-weight: bold;}
.collaboration_menu .co_notification_count{vertical-align: text-bottom;}
.co_list .accept_co_request,.reject_co_request{color:#bbbbbb !important;}
.co_list .accept_co_request:hover,.co_list .reject_co_request:hover{color:#00aeef !important}
.cl_body_collaboration a.tag_link{float:left;font-size:14px;color:#00adee!important;}
.view-folder .collaborator .options {display:inline!important;}
.pull-left.colla_normal{width: 10%;margin-right:0.3em;}
.fa.fa-filter.pull-left.colla_funnel,.fa.fa-users.pull-left.colla_membership{width: 10%;}
.tag_link.nrmCollabUsr {white-space: nowrap;width: 71%;overflow: hidden;text-overflow: ellipsis;text-align: left;}
.tag_link.funCollabUsr, .tag_link.memCollabUsr {white-space: nowrap;width: 58%;overflow: hidden;text-overflow: ellipsis;text-align: left;}
#frmAddEditCollaborator .collaborator_status{color:#bbbbbb !important;}
.arch_membership, .colla_membership {
    display: inline-block;
    line-height: 21px;
    font-size: 14px;
}
.customPageError{ /* By #NR to display error page of page lock */
    width: 100%;
    margin-top: 20px;
    display: inline-block

}
@media screen and (max-width:420px){
    .cl_body .navbar-right .collaboration_menu .popover.bottom {
        min-width: 280px !important;
        left: 0px !important;
    }
}
/* Collaborate notification list css By #NR - END */


/* Search filter shadow By #UT */
ul#tag_search:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
body ul#tag_search {
    height: 34px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
body .tagHandler ul.tagHandlerContainer li {
    margin: 8px 5px 0 0;
}
#tag_search.tag_search{
    box-shadow: 0 0 8px rgba(102,175,233,.6);
}
/* Search filter shadow By #UT END*/
/* password eye symbol By #UT */
.eye-wrapper{ width: 100%;display:table;}
.toggle-password, .toggle-cpassword{
    width: auto !important;
    position: absolute !important;
    top: 31px;
    right: 15px;
    z-index: 9;    
    border-left: 0;
} 
.eye-div-icon{
    color: rgb(153,153,153) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    background: transparent !important;
}
.eye-div-icon :hover{
    color: rgb(153,153,153);
}
.eye-wrapper-icon{line-height:28px;}
@media (min-width: 0) and (max-width:767px){
    .toggle-password{
        top: 38px;
        right: 15px;} 
    .toggle-cpassword{
        top: 38px;
        right: 15px;} 
}
/* password eye symbol By #UT END */
/* @TPMS: 12823 #AS*/
.view-list .table thead tr th, .table thead tr th{position:relative}
.pull-right.fa{margin-left:0px;position:absolute;right:0px;z-index:9;top:8px;}
/* @TPMS: 12823 #AS*/
/* @TPMS: 12822 Please Check On Macbook pro For Safari Browser */
.view-list .table.dashboardTable .options a, .table .options a{margin:0 7px;}
.view-list .table .options a, .table .options a{margin:0 9px;}
/* @TPMS: 12822 Please Check On Macbook pro For Safari Browser */
/* @TPMS: 12826 Dashboard */
.ua-safari .cl_body_pages .row.view-folder{width:100%;display: inline-block !important;}
.ua-safari .boxWrap .thumbnailWrapper{max-width:192px;float:left;margin:10px 12px;width:192px;}
/* @TPMS: 12826 Dashboard */
/* tag popover on span - TPMS #12808 #UT */
#tag_popup .tagHandler ul.tagHandlerContainer li.tagItem span:before {
    content: "";
    position: absolute;
    top: -4px;
    left: -7px;
    width: 150%;
    height: 20px;
    z-index: 1;
}

#tag_popup .tagHandler ul.tagHandlerContainer li.tagItem span {
    position: relative;
}
.btnDeleteTagPop{
    z-index: 999;
    position: relative;
}
/* tag popover on span #UT */
/*#DRA for page list dropdown*/
.projectListContainer{
    position: absolute;
    left: 118px;
    z-index: 10;
    display: none;
}
.projectListContainer .btn-group.bootstrap-select.ng-pristine.ng-untouched.ng-valid.ng-not-empty.open{
    margin-top: -21px;
}
.projectListContainer .bootstrap-select.btn-group .dropdown-menu .bootstrap-select-searchbox{
    padding: 7px;
}
.projectListContainer .bootstrap-select.btn-group .dropdown-menu{
    margin-top: 0;
}
.projectListContainer .bootstrap-select .btn-default{
    display: none;
}
#openProjectList .caret{
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2px;
}
#openProjectList{
    cursor: pointer;
    padding-right: 15px;
}
.projectListContainer{
    color:#333333;
}
.projectListContainer .bootstrap-select .dropdown-menu > li > a:hover, .projectListContainer .bootstrap-select .dropdown-menu > li > a:focus{
    color:#00aeef !important;
    background: #f1f1f1 !important;
}

.projectListContainer .bootstrap-select .dropdown-menu > .selected > a, .projectListContainer .bootstrap-select .dropdown-menu > .selected > a:hover, .projectListContainer .bootstrap-select .dropdown-menu > .selected > a:focus{
    color:#ffffff !important;
    background: #00aeef !important;
}
.projectListContainer .dropdown-menu > .disabled.active > a,
.projectListContainer .dropdown-menu > .disabled > a, .projectListContainer .dropdown-menu > .disabled > a:hover, .projectListContainer .dropdown-menu > .disabled > a:focus{
    color: #777;
    background-color:#ffffff;
}
.projectListContainer .dropdown-menu > .active > a, .projectListContainer .dropdown-menu > .active > a:hover, .projectListContainer .dropdown-menu > .active > a:focus{
    color: #00aeef;
    background-color:#f1f1f1;
}


/* Publish Unpublish notification list css By #AS - START */
.pub_repub_notification_list{display: none}
.pub_repub_list{max-height: 300px;display: none}
.pub_repub_list .row{border-bottom: 1px solid #EEE;padding: 7px 5px 7px 5px;color: #333}
.pub_repub_list .mCSB_scrollTools_vertical{margin-right:-6px;}
.pub_repub_menu .popover-title{color: #333;font-weight: bold;}
.pub_repub_menu .pub_repub_notification_count{vertical-align: text-bottom;}
.pub_repub_list .markasread_pub_repub_request{color:#bbbbbb !important;}
.pub_repub_list .markasread_pub_repub_request:hover{color:#00aeef !important}
.pub_repub_list .masrkasread_notification{color:#bbbbbb !important;}
.pub_repub_list .masrkasread_notification:hover{color:#00aeef !important}
.pub_repub_list a{word-break: break-all;padding-left: 5px;}
.cl_body_pub_repub a.tag_link{float:left;font-size:14px;color:#00adee!important}
@media screen and (max-width:420px){
    .cl_body .navbar-right .pub_repub_menu .popover.bottom {
        min-width: 280px !important;
        left: 0px !important;
    }
}
/* Collaborate notification list css By #NR - END */


/* Manage Apps list css By #AS - START */
.view-apps {
    padding: 0 20px 20px;
}

@media(min-width: 768px){
    .view-apps {
        padding: 6px 30px 20px;
    }
}
.view-apps .boxWrap{
    margin-bottom: 20px;
    display: inline-block;
    padding: 0;
    margin-left: 15px;
    margin-right: 4px;
    margin-top: 0;
}

/*.view-apps .boxWrap.active{
    margin-bottom: 17px;
}*/


.view-apps .boxWrap .thumbnailWrapper{
    border-radius:4px;
    border-width: 2px;
}

.view-apps .boxWrap .thumbnailWrapper.active{
    border: 2px solid #4CC27E;

}

.view-apps .boxWrap .thumbnailWrapper:active, .boxWrap .thumbnailWrapper:hover, .boxWrap .thumbnailWrapper:focus {
    border-color: #428bca;
    cursor:pointer;
}

.view-apps .thumbnail{
    padding: 0;
    margin-bottom:0px;
    border-radius: 0;
    border: none;
}

.view-apps .thumbnail .active{
    color: #ffc530 !important;
}
.view-apps .custom-border {
    border: none;
    border-bottom: 1px solid #ddd;
}

.view-apps .dataBlock .boxContentImage{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    height: 150px !important;
    max-height: 150px !important;
    width:247px;
    overflow: hidden;
    padding: 20px;
}
.view-apps .dataBlock .boxContentImage .appImage {
    width: 80px;
    max-height: auto;
    display: inline-block;
}

.apps .boxContentImage .appImage {
    width: 80px;
    max-height: auto;
    display: inline-block;
}

.view-apps .dataBlock .boxContentImage img{
    margin-left: auto;
    margin-right: auto;


}
.view-apps .dataBlock .options{
    background-color: #F8F9FB;
    padding:6px;
}
.view-apps .dataBlock .options p{
    margin:0;
    text-align: center;
    vertical-align: middle;
}

.manageAppDiv .filter-option{
    text-align:center;
}

.manageAppDiv .btn{
    font-family: 'proxima_nova_rgregular';
    font-size: 14px;
}
.manageAppDiv .btn-success{
    margin:0;
}

.manageAppDiv .btn-success:active, .btn-success:focus{
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.has-search {
    position: relative;
}

.has-search .form-control-feedback {
    left:initial;
    right: 0;
    color: #B2B2B2;
}

@media (max-width: 480px)
{
    .view-apps .boxWrap {
        width: 90%;
    }

    .manageAppDiv .filter-option{
        text-align:left;
    }
}

@media (max-width: 543px){
    .manageAppDiv .toggle-filter{
        text-align:left;
        margin-top: 5px;
    }
    .manageAppDiv .text-filter{
        margin-top: 5px;
    }
}    

@media (min-width: 544px) and (max-width: 767px){
    .manageAppDiv .toggle-filter{
        text-align:left;
        margin-top: 5px;
    }
    .manageAppDiv .text-filter{
        margin-top: 5px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .manageAppDiv .toggle-filter{
        text-align:left;
        margin-top: 10px;
    }
    .manageAppDiv .text-filter{
        margin-top: 10px;
    }
}

@media (min-width: 992px){.view-apps .boxWrap {width: 23%;}.manageAppDiv .toggle-filter{text-align:right;padding-right:0;}}
@media (min-width: 1200px){.manageAppDiv .toggle-filter{text-align:right;padding-right:15px;}.manageAppDiv .text-filter{padding-left: 5px;}}
.apps .active{display: block;visibility: visible;}
.apps h5 {font-size: 16px;font-family: 'proxima_nova_rgbold';color: #333;}

@media (min-width: 768px){.apps .tab-panel-form {min-height: 360px;}}
.apps .tab-panel-form {border-radius: 0;padding: 0 20px 20px;}
.apps .boxContentImage img{margin-left: 0;margin-right: 0;display: inline-block;}
/* Manage Apps list css By #AS - END */
/*#DRA for admin top right notice*/
.user_identity_container{position: relative;}
.user_identity{position: absolute;right: 15px;top: 5px;font-size: 14px;}
/*#AS-14thJun2019-#wazb4*/
.publishLaterMainDiv .input-group .form-control{border-left: 1px solid #cccccc !important;border-right: none !important;}
.publishLaterMainDiv .input-group-addon{border: 1px solid #cccccc !important;border-right: 1px solid #ccc !important;background: #fff;padding-right: 12px !important;}
.publishLaterMainDiv .btn-default {background-color: #fff !important;border-color: #ccc!important;height:45px;}
/*#DRA css for lead table*/
.view-leads .extraDetails{
    display: none;
    position: inherit;
    overflow-x: hidden;
}
.view-leads .otherDetails .extraDetails{
    display: block;
}

/*Levels*/
/* SWITCH */
.switch {
    cursor: pointer;
    position: relative;
}
.switch input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}
.switch input:checked + span:after {
    left: 21px;
}
.switch input:checked + span {
    background-color: #95b75d;
}
.switch input:disabled + span {
    background-color: #CCC;
}
.switch span {
    position: relative;
    width: 50px;
    height: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #E04B4A;
    border: 1px solid #E5E5E5;
    display: inline-block;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-color: rgba(0, 0, 0, 0.1);
    left: 0px;
}
.switch span:after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 26px;
    top: 1px;
    bottom: 1px;
    left: 1px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.switch.switch-small {
    margin: 6px 0px 4px;
}
.switch.switch-small input:checked + span:after {
    left: 11px;
}
.switch.switch-small span {
    width: 30px;
    height: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.switch.switch-small span:after {
    width: 16px;
}
/* END SWITCH */
.customModal .modal-body .level-modal-title{
    font-weight: bold;
}
.level-modal-title{
    font-size: 16px;
    font-weight: 400;
}
.contentWrap .levelListContainer .dataTables_length,
.levelListContainer .dataTables_length{
    padding-left: 0;
}

.levelListContainer .dataTables_filter{
    padding-right: 0;
}
.levelListContainer .dataTables_length .bootstrap-select, .levelListContainer .dataTables_length .bootstrap-select:not([class*="span"]) {
    width: 60px;
}
/*Members List*/
.cl_body_pages div.noMembersFound{color: #333; font-weight: bold; text-align: center; margin-top: 10px; padding: 10px; border: 1px solid #ddd; border-radius: 3px;}
.cl_body_pages .view-members .table thead tr th{background-color: #404041;color: #fff;font-size: 15px; border-bottom: 0;}
.cl_body_pages .view-members .table thead tr th:first-child {padding-left: 30px;}
.cl_body_pages .view-members .table thead tr th.membersSort {cursor: pointer;}
.cl_body_pages .view-members .table tbody tr td {color: #404041 !important; padding: 15px 8px;}
.cl_body_pages .view-members .table tbody tr td .textDisplayOverflow{max-width: 15em; width: 100%;}
.cl_body_pages .view-members .table tbody tr td .options a{margin: 0 5px;}
@media (max-width: 767px)
{
    .cl_body_pages .view-members .table thead tr th.st_name {min-width: 180px;}
    .cl_body_pages .view-members .table thead tr th.st_email {min-width: 250px;}
    .cl_body_pages .view-members .table thead tr th.dt_added_at {min-width: 180px;}
    .cl_body_pages .view-members .table thead tr th.st_ip_address {min-width: 180px;}
}
/*Member edit poup*/
.bootstrap-select.btn-group.cmbMemberLevel{
    display: block;
    float: left;
}
.cmbError span.text-red span{
    left: 15px;
    margin-top: 36px;
}
/*Membership permission, Funnel permission*/
.cl_body_subaccount .dynamicMemberships .treeview_title,.cl_body_subaccount .dynamicFunnels .treeview_title{
    cursor: pointer;
    color: #333333;
    font-size: 15px;
    line-height: 25px;
}
.cl_body_subaccount .dynamicMemberships label.folderPagesCls,.cl_body_subaccount .dynamicFunnels label.folderPagesCls{
    margin-left: 100px;
}

/*collaborate project*/
.cl_body_collaboration .projects .textDisplayOverflow input.txtEditProjectName{
    width: calc(100% - 50px);
}

/*#AS-#13kb2m*/
.clPaddR3 {padding-right: 3px;}
.clPaddR0 {padding-right: 0px;}

#sharedURL{
    border: 1px solid #cccccc !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 45px;
    font-size: 16px!important;
}

.shareEmailAddress{
    height: 45px!important;
    font-size: 16px!important;
}
a.copyShareURL{
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #347AB8;
}
a.switchPrivateShare{
    background: #EBEBEB !important;
    color: #AAAAAA  !important;
    border:none;
}
a.switchPrivateShare.active{
    background: #3479B8 !important;
    color: #FFFFFF  !important;
    border:none;
}
.shareEmail .input-group-addon{
    border-left: 0 !important;
    border-right: 1px solid #ccc !important;
    padding: 11px 12px 11px 12px !important;
    background: #347AB8;
}
.shareEmail .input-group-addon i{
    color: #fff;
    font-size: 18px !important;
}
.btnSaveShareEmail
{
    height: 45px;
    width: 45px;
    line-height: 35px;
    cursor:pointer;
}
.fa-rotate-83{
    -webkit-transform: rotate(83deg);
    -moz-transform: rotate(83deg);
    -ms-transform: rotate(83deg);
    -o-transform: rotate(83deg);
    transform: rotate(83deg);
}

#frmSharePage .btn-private,#frmShareProject .btn-private{
    width:10%;
    padding-left:0;
}
#frmSharePage .modal-body,#frmShareProject .modal-body {
    padding-right:0;
}
.dashboardTable .shareProject.active{
    color:#00aeef !important;
    background: transparent;
}
.sharePage.active,.shareProject.active, .visitPage.active{
    color:#00aeef !important;
    background-color: #f1f1f1;
} 

.sharePage.active span,.shareProject.active span, .visitPage.active span{
    color:#00aeef !important
}

.dropdown-content.active {display: block; border: 1px solid #ddd; border-radius: 2px;}
.folder-dropdown-content.active {display: block; border: 1px solid #ddd; border-radius: 2px;}

#kp_sharepage{
    max-width:580px;
    width:580px;
}
#kp_visitpage{
    max-width:350px;
    width:350px;
    color: #333;
}

#kp_shareproject{
    max-width:580px;
    width:580px;
}

.popover.left{
    margin-left:1px !important;
}
.popover.right{
    margin-left:0px !important;
}

.blueimp-gallery > .slides > .slide > .imgZoom > .slide-content {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.blueimp-gallery, .blueimp-gallery > .slides > .slide > .imgZoom > .slide-content {-webkit-transition: opacity .5s linear;-moz-transition: opacity .5s linear;-ms-transition: opacity .5s linear;-o-transition: opacity .5s linear;transition: opacity .5s linear;}
.blueimp-gallery > .slides > .slide > .imgZoom > .slide-content {margin: auto;width: auto;height: auto;max-width: 100%;max-height: 100%;opacity: 1;z-index: 2;}
.blueimp-gallery, .blueimp-gallery > .slides > .slide > .imgZoom > .slide-content {position: absolute;top: 0;right: 0;bottom: 0;left: 0;-moz-backface-visibility: hidden;}
.blueimp-gallery > .slides > .slide > .imgZoom .zoomImg{display:none;z-index: 1;}
.blueimp-gallery > .slides > .slide > .imgZoom > .slide-content{cursor: url(../css/img/zoom-in.png), auto;}
.blueimp-gallery > .slides > .slide > .imgZoom > .slide-content:hover{cursor: url(../css/img/zoom-in.png), auto;}

.zoomOut{
    position:initial !important;
}

.zoom-in{
    cursor: url(../css/img/zoom-in.png), auto;
    position:relative !important;
}

.zoom-out {
    cursor: url(../css/img/zoom-out.png), auto !important;
    left:50% !important;
    z-index:3 !important;
}
/*Publish poup*/
.clPublishPages .form-group label{
    font-weight: normal;
    padding-top: 10px;
}
.customTooltip {
    position: relative;
    display: inline-block;
}
.customTooltip .tooltiptext {
    visibility: hidden;
    width: 330px;
    background-color: black;
    color: #fff;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    font-size: 14px;
}
.clPublishPages .form-group label a:hover, 
.clPublishPages .form-group label a:focus{
    text-decoration: none;
    cursor: pointer;
}
.customTooltip:hover .tooltiptext {
    visibility: visible;
}
.view-list .table.dashboardTable .options a:hover{
    text-decoration: none;
}
.view-list .table tr td:first-child,
.cl_body_pages .row.view-list table > tbody td.firstTd{
    /*position: relative; /*#DRA 5-09-2019 to solve error in table vie hidden issue*/
}
.cl_body_dashboard .textDisplayOverflow .text-red{
    top: 55px;
}
/*Folder publish popup*/
.frmPublishFolder .selectpicker.btn-default{
    border-color: #ccc;
    background-color: #fff;
    color: #999999;
    height: 45px;
}
.frmPublishFolder .bootstrap-select.btn-group .dropdown-menu li > a{
    position: relative;
}
.frmPublishFolder .selectpicker.btn-default:hover{
    background-color: #fff;
}
.frmPublishFolder .bootstrap-select.btn-group .selectpicker.btn .caret
{
    top: 19px;
}
.frmPublishFolder .bootstrap-select.btn-group .dropdown-menu .bootstrap-select-searchbox{
    padding : 7px 7px 5px;
}
.view-list .table.dashboardTable .options a.unPublishFolder
{
    color:#00aeef;
}
.view-list .table.dashboardTable .options a.unPublishFolder:hover
{
    color: #0086b8;
}

.view-list .table.dashboardTable .options a.publishFolder
{
    color:#bbbbbb;
}
#membersDisplayData .totalProjPageCount span{
    position: absolute;
    top: -34px;
    left: 0;
    line-height: 1;
    left: 140px;
}
#membersData #txtMemSearch{
    display: inline-block;
    width: auto;
    min-width: 210px;
    /*margin-right: 10px;*/
}
.alert.growlAlert.text-center.bootstrap-growl-top-center.alert-danger {
    font-size: 18px;
    font-family: 'proxima_novalight';
}
.cl_body_pages .membersDates .form-control{
    height: 32px;
    padding-top: 7px;
}
.project-head .btn-group .btn-success.active,
.project-head .btn-group .btn-success:active,
.project-head .btn-group .btn-success:focus,
.project-head .btn-group .btn-success:hover{
    background-color: #449d44;
    border-color: #398439;
}
.project-head .btn-group .btn-success{
    margin: 0;
    font-size: 14px;
}
.cl_body_pages .row.view-folder > .boxWrap.system {
    margin-left: 0;
}
.cl_body_pages .row.view-folder > .boxWrap.system ~ .system{
    margin-left: 15px;
}
.cl_body_pages .row.view-folder > .boxWrap.non_system {
    margin-left: 0;
}
.cl_body_pages .row.view-folder > .boxWrap.non_system ~ .non_system{
    margin-left: 15px;
}
/*#AS-11thNov2109-#1nhh1d*/
.editPageBtnWrapper .editPageButton{transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
.editPageBtnWrapper:hover .ni_page {background:rgba(0,0,0,1);opacity: 1;}
.editPageBtnWrapper:hover .boxContentImage{background:rgba(0,0,0,1);}
.editPageBtnWrapper:hover .boxContentImage img{opacity: 0.2;}
.editPageBtnWrapper:hover .editPageButton {opacity: 1;}
.editPageButton .text {padding: 6px 12px !important;}
/*#AS-11thNov2109-#1nhh1d*/
/*#DRA for integration app in mem page tab 25-12-2018*/
#frmAddEditMemApp .memApploader {
    position: absolute;
    right: -10px;
    top: 5px;
}
.project-head-select .tab-content .table .options a{margin:0 9px 0 0;}
#frmAddEditMemApp .legend{
    font-size: 18px;
}
#frmAddEditMemApp .radio{
    display: inline-block;
}
#frmAddEditMemApp span.text-red span,#frmAddEditMemApp span.email_loader span{
    left: 15px;
    top: 100%;
}
.contentWrap.projects .funAppListContainer .dataTables_length,
.contentWrap.projects .memAppListContainer .dataTables_length,
.contentWrap.projects .paymentListContainer .dataTables_length
{
    padding-left: 0;
}
.transactionListContainer .dataTables_filter,
.funAppListContainer .dataTables_filter,
.memAppListContainer .dataTables_filter,
.transactionEventListContainer .dataTables_filter,
.paymentListContainer .dataTables_filter
{
    padding-right: 0;
}
.transactionListContainer .dataTables_filter input#txtSearch,
.funAppListContainer .dataTables_filter input#txtSearch,
.memAppListContainer .dataTables_filter input#txtSearch,
.transactionEventListContainer .dataTables_filter input#txtSearch,
.paymentListContainer .dataTables_filter input#txtSearch
{
    margin-right: 0;
}
.transactionListContainer .dataTables_length .bootstrap-select,.transactionListContainer .dataTables_length .bootstrap-select:not([class*="span"]),
.funAppListContainer .dataTables_length .bootstrap-select, .funAppListContainer .dataTables_length .bootstrap-select:not([class*="span"]),
.memAppListContainer .dataTables_length .bootstrap-select, .memAppListContainer .dataTables_length .bootstrap-select:not([class*="span"]),
.transactionEventListContainer .dataTables_length .bootstrap-select,.transactionEventListContainer .dataTables_length .bootstrap-select:not([class*="span"]),
.paymentListContainer .dataTables_length .bootstrap-select, .paymentListContainer .dataTables_length .bootstrap-select:not([class*="span"])
{
    width: 60px;
}

.funAppListContainer .dataTables_length,
.memAppListContainer .dataTables_length,
.paymentListContainer .dataTables_length
{
    width: 30%;
}

.transactionListContainer .dataTables_filter .selectProduct,
.transactionEventListContainer  .dataTables_filter .selectProduct,
.funAppListContainer .dataTables_filter .selectProduct,
.memAppListContainer .dataTables_filter .selectLevel{
    margin-top: 8px;
}
.funAppListContainer .dataTables_filter,
.memAppListContainer .dataTables_filter,
.paymentListContainer .dataTables_filter
{
    width: 70%;
}
.transactionListContainer .dataTables_length, .transactionEventListContainer .dataTables_length{
    padding-left: 0 !important;
}
.transactionListContainer .dataTables_filter .form-control, .transactionEventListContainer .dataTables_filter .form-control{
    margin-right:0 !important;
}

#frmMovePage .bootstrap-select.btn-group .dropdown-menu .bootstrap-select-searchbox{padding: 7px;font-size: 14px;}/*#AS-13thDec2109-#2rnbqh*/
#frmMovePage .bootstrap-select.btn-group .dropdown-menu .bootstrap-select-searchbox .form-control{height: 34px!important;}/*#AS-13thDec2109-#2rnbqh*/
#frmAddEditMediaGallery .bootstrap-select.btn-group .dropdown-menu .bootstrap-select-searchbox{padding: 7px;}
.cl_body_leads .view-leads .table tbody tr td a,.cl_body_pages .view-leads .table tbody tr td a{color: #00aeef !important;}
.cl_body_leads .view-leads .table tbody tr td a:hover,.cl_body_pages .view-leads .table tbody tr td a:hover{color: #0086b8 !important;}
@media (min-width:768px) {
    .cl_body_leads .view-leads .table tbody tr.childDetailRow label{width:30.3%;padding-right: 0;}
    .cl_body_pages .view-leads .table tbody tr.childDetailRow label {width:30.7%;padding-right: 0;}
    .cl_body_leads .view-leads .table tbody tr.childDetailRow div.lead-value,.cl_body_pages .view-leads .table tbody tr.childDetailRow div.lead-value {padding-left: 0;}
    #frmChangePackage label.currentplan{width:27% !important;margin:0}
}

#frmChangePackage .custom-inline {
    display: inline-block;
    margin-right: 10px;
}

#forminputelement_yld2ar_1580474640 .custom-radio-label::before {
    background: #fff;
    background-color: rgb(255, 255, 255);
    border-color:  #888;
    width: 20px;
    height: 20px;
}
#frmChangePackage .custom-radio input[type="radio"] + .custom-radio-label::before {
    content: '';
    background: orange;
    border-radius: 100%;
    border: 1px solid  #bbb;
    border-top-color: rgb(187, 187, 187);
    border-right-color: rgb(187, 187, 187);
    border-bottom-color: rgb(187, 187, 187);
    border-left-color: rgb(187, 187, 187);
    display: inline-block;
    position: relative;
    margin-right: 5px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    padding-left: 0;
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

#frmChangePackage .summary{
    color: #000000; 
    margin: 0px; border-style: solid;
    border-width: 0px; 
    border-color: #000000; 
    text-shadow: none; 
    text-transform: none; 
    text-decoration: none; 
    line-height: 1.5; 
    word-spacing: 0px; 
    letter-spacing: 0px; 
    background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0));
}

#frmChangePackage .paypalBtnSuccess,#formPaymentOptions .paypalBtnSuccess{
    color: #fff;
    background-color: #35A037 !important;
    border-color: #35A037 !important;
    text-transform: uppercase;
}
.cl_body_dashboard .republishFolder , .cl_body_dashboard .unPublishFolder {color: #00aeef !important;}

/*#FUN funnel manage product*/
.customModal .modal-body .product-modal-title{
    font-weight: bold;
}
.product-modal-title{
    font-size: 16px;
    font-weight: 400;
}
.productListContainer #frmAddEditProduct .dataTables_length{
    padding-left: 0;
}
.productListContainer #frmAddEditProduct .dataTables_length .bootstrap-select, 
.productListContainer #frmAddEditProduct .dataTables_length .bootstrap-select:not([class*="span"]){
    width: 60px;
}
.productListContainer #frmAddEditProduct .form-control{
    height: auto;
    font-size: 14px;
}
.productListContainer #frmAddEditProduct .dataTables_filter{
    padding-right: 0;
}
.productListContainer #frmAddEditProduct .form-control.bootstrap-select{
    padding: 0;
    border: none !important;
}
#frmAddEditProduct span.text-red span
{
    bottom: -30px;
    left: 15px;
}
/*#FUN Funnel builder style*/
.funnelInfo ul{
    padding-left: 10px;
}
.funnelInfo ul li span{
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
}
.funnPageConn{
    background:#000;
}
.funnCheckoutConn{
    border: 2px solid #7AB02C;
}
.funnCheckoutFrmConn{
    background:#7AB02C;
}
.funnSummaryConn{
    background:blue;
}
.funnPaymentSuccConn{
    border: 2px solid orange;
}
.funnNothanksConn{
    border: 2px solid #000;
}
.funnelInfo ul li {
    width: 50%;
    float: left;
}
.funnelDetailSec{
    margin-top: 15px;
}
#funnelBuilderData .view-folder .thumbnail
{
    border: none;
    margin-bottom: 0;
    position: relative;
}
/*added builder css here to prevent new file call 23-09-2020*/
#canvas-funnel {
    /* for IE10+ touch devices */
    touch-action:none;
}

/** ELEMENTS **/
.view-folder #canvas-funnel .dragDropElement {
    z-index: 24;
    cursor: pointer;
    position: absolute;
    color: black;
}

.view-folder #canvas-funnel .dragDropElement:hover {
    opacity:0.9;
}

/** DRAG/DROP CLASSES **/
.dragActive { border:2px dotted orange; }
.dropHover { border:1px dotted red; }

path, .jtk-endpoint { cursor:pointer; }
.jtk-demo-main{
    overflow: hidden;
}
#canvas-funnel{
    height: 780px;
    max-height: 780px;
    overflow: auto !important;
}
.view-folder #canvas-funnel .boxWrap .dropdown-content
{
    z-index: 25;
}
.view-folder #canvas-funnel .boxWrap
{
    margin: 0;
}

#funnelBuilderData .view-folder{
    padding: 15px 0;
}
/*.funnel-container
{
    overflow: hidden;
    position: relative;
}*/
#funnelBuilderData .view-folder .boxWrap{
    width: 140px !important;
}
#funnelBuilderData .view-folder .boxWrap .ni_page{
    height: 105px;
    background-size: 85px;
}
#funnelBuilderData .dataBlock .boxContentImage
{
    width: 140px !important;
    height: 105px !important;
}
.jtk-overlay {
    padding: 0;
    font-size: 10px;
}
#funnelBuilderData .view-folder .options a
{
    text-decoration: none;
    display: table-cell;
    width: auto;
    margin: 0 auto;
}
#funnelBuilderData .view-folder .boxWrap .thumbnailWrapper{
    border-radius: 10px;
    overflow: hidden;
}
/*added builder css here to prevent new file call 23-09-2020*/
.tab-content .productListContainer label,
.tab-content .funnelAppsContainer label,
.tab-content .memAppsContainer label,
.tab-content .levelListContainer label,
.tab-content .memSmtpContainer  label,
.tab-content .funSmtpContainer label{
    font-weight: normal;
}
.view-list .table.dashboardTable td.dash-action{
    padding : 8px 0 8px 8px;   
}
.view-list .table.dashboardTable td.dash-action .options a{
    margin: 0 4px !important;
}

hr.tranasction-seprator{
    width:100%;
    float:left;
    border-top:1px solid #ccc;
}
#frmAddEditFunApp .funApploader {
    position: absolute;
    right: -10px;
    top: 5px;
}
#frmAddEditFunApp .legend{
    font-size: 18px;
}
#frmAddEditFunApp .radio{
    display: inline-block;
}
#frmAddEditFunApp span.text-red span,#frmAddEditFunApp span.email_loader span{
    left: 15px;
    top: 100%;
}

.productListContainer .table .options a{
    margin: 0 9px 0 0;
}
.transactionListContainer .dataTables_length, .transactionEventListContainer .dataTables_length{
    width:8%;
}
.transactionListContainer .dataTables_filter,.transactionEventListContainer .dataTables_filter{
    width:85%;
}
.transactionListContainer #transactionDateRange, .transactionEventListContainer #transactionEventDateRange {width: 40%;float: left;margin-top: 8px;}
.funnelPublish .isDisabled {
    cursor: not-allowed;
    opacity: 0.5;

}
.funnelPublish .isDisabled:hover {
    text-decoration: none;
}
textarea#txtEmailBody{min-height:360px !important; height: auto !important;}
div.transactionListContainer input#txtSearch, div.transactionEventListContainer input#txtSearch {width:97%;}
div.transactionListContainer input.form-control.transactionsDate, div.transactionEventListContainer input.form-control.transactionEventDates  {height:32px !important;}

/*Tag module bug fixing*/
#tag_popup #tagHandlerSample li{
    padding: 2px 0 4px 4px !important;
    margin: 4px 0 0 0 !important;
}
#tag_popup #tagHandlerSample{
    -webkit-border-radius:7px;-moz-border-radius:7px;
    border:1px solid #dfdfdf;overflow:hidden;
    min-height:30px;cursor:text;font-family:arial,helvetica,sans-serif;padding:0 5px;margin:10px 0}
#tag_popup #tagHandlerSample .sample_input{ font-family:arial,helvetica,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0;width:inherit;background-color:#FFF;color:#666;font-size:11px}
#tag_popup #tagHandlerSample input::placeholder {color: #999;letter-spacing: 0.5px;}
.cl_body_pages .extraDetails label, .cl_body_leads .extraDetails label,.cl_body_pages .extraDetails .lead-value, .cl_body_leads .extraDetails .lead-value{ margin: 7px 0;line-height: 1.3; font-size: 16px;}
.levelListContainer td .ipnUrl{opacity: 0;width: 1px;height: 1px;float: left;overflow: hidden;}
.levelListContainer .table .options a{margin: 0 9px 0 0;}
.chart-title{padding-top: 20px;text-align: center;padding-bottom: 10px;}
.pub_repub_list a.dwlPrj{padding:0!important;}
.transactionEventListContainer table.transactionEventDataTable  thead tr th:first-child,.transactionEventListContainer table.transactionEventDataTable tr td:first-child{padding-left:8px!important;}
.cl_body_pages div.noStatsFound{
    margin-bottom: 20px;
}
.transactionListContainer  table.transactionDataTable  thead tr th:first-child,.transactionListContainer table.transactionDataTable tr td:first-child{padding-left:8px!important;}
.subProdMsg{font-size: 15px;color: #333333;line-height: 1.3;}
.productErr{margin-bottom: 20px;}
.modal-dialog.resizeimage{width:450px!important;}
.resize-note {font-size: 14px;line-height: 1.2;display: inline-block;width: 87%;  vertical-align: top;padding-top: 13px;padding-left:4px;}
#billing-details .billing-details-txt,#upgrade-accounts .upgrade-account-txt{cursor:text;}
#billing-details .expired_at {width:13% !important;}
.affLbl {cursor: text;}
/* #SID - #17793n - Notifications Hover/Click */
.nav.navbar-top-links.navbar-right li.pub_repub_menu a:focus{background-color: transparent;}
.nav.navbar-top-links.navbar-right li.pub_repub_menu a:focus:hover{background-color: #eee;}
.nav.navbar-top-links.navbar-right li.pub_repub_menu a{z-index: 999;}
.nav.navbar-top-links.navbar-right li.pub_repub_menu .pub_repub_notification_count{line-height: 18px;}

.table.restrict tbody {
    display:block;
    height:100px;
    overflow:auto;
}
.table.restrict thead, .table.restrict tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
}
.table.restrict thead {
    width: calc( 100% - 1em )/* scrollbar is average 1em/16px width, remove it from thead width */
}
.table.restrict table {
    width:100%;
}
.table.restrict th{background-color: #fff;color: #000;font-weight: bolder;font-size: 18px;border: 0;text-align: left;}
.table.restrict td{border: 0;text-align: left;}
.table.restrict th.col1,.table.restrict td.col1{width:35%;}
.table.restrict th.col2,.table.restrict td.col2{width:50%;}
.table.restrict th.col3,.table.restrict td.col3{width:15%;}

/* #SID - #6uv7hj - global includes */
#popup_codeblock div.numberedtextarea-wrapper textarea {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#codeblock_popup_textarea_head, #codeblock_popup_textarea_body {
    min-height: 400px;
    max-height: 500px;
    overflow: auto;
    width: 100%;
    background-color: #F9F9F9;
    border: none;
    scroll-behavior: smooth;
    padding-left: 50px !important;
    color: #495f71;
    border: 1px solid rgba(0,0,0,.15);
}
#popup_codeblock textarea {
    resize: none;
}

#popup_codeblock div.numberedtextarea-wrapper {
    position: relative;
}

#popup_codeblock div.numberedtextarea-line-numbers {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    border-right: 1px solid rgba(0,0,0,.15);
    color: #495f71;
    overflow: hidden;
    padding-left: 0px !important;
    width: 50px !important;
}

#popup_codeblock div.numberedtextarea-number {
    text-align: center;
}

#popup_codeblock .codeblock_container a {
    width: 100%;
    margin-top: 10px;
    border-radius: 4px 4px 0px 0px;
}

.cl_body_dashboard .funnelTable .textDisplayOverflow{ width:22em; }/*#AS-#88njzq-24thSept2020*/
.cl_body_dashboard .funnelTable .options a, .table .options a {margin: 0 5px!important;}/*#AS-#88njzq-24thSept2020*/
.tab.tab_border.kp_tab_billingdetails {padding:5px 30px 17px 30px !important;}
.tab.tab_border.kp_tab_billingdetails.padB0 {padding-bottom:0px !important;}


.kp_myaccount_paymentoptons .input-wrapper {display: inline-block;}
.kp_myaccount_paymentoptons .custom-inline {
    display: inline-block;
    margin-right: 10px;
}
.kp_myaccount_paymentoptons .custom-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    vertical-align: middle;
    margin-top: 0
}

.kp_myaccount_paymentoptons .custom-radio-label {
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
}
.kp_myaccount_paymentoptons .custom-radio-label::before {
    background: #fff;
    background-color: rgb(255, 255, 255);
    border-color: #888;
    width: 20px;
    height: 20px;
    content: '';
    border-radius: 100%;
    border: 1px solid #bbb;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    padding-left: 0;
    position: absolute!important;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.kp_myaccount_paymentoptons .custom-radio input[type="radio"]:checked + .custom-radio-label::before {
    background-color: #888 !important;
    box-shadow: inset 0 0 0 3px #fff;
    background: #fff;
    border-color: #888 !important;
    width: 20px;
    height: 20px;
    content: '';
    border-radius: 100%;
    border: 1px solid #bbb;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    padding-left: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
#choosePaymentoptionModal .modal-title{margin-top: 0!important;}
.paymentSourceMsg{
    display: inline-block;
    font-size: 15px;
    color: red;
    line-height: 1.3;
    margin-bottom: 5px;
}
/* #DRAS - #96tt7m - tag field active shadow */
ul#tag_search li{margin-top: 3px;line-height: 20px;}
ul#tag_search li.tagInput input{line-height: 24px;}
.cl_body_subaccount .panel-body .dynamicFolders .treeview_container:only-child .panel-bar,
.cl_body_subaccount .panel-body .dynamicMemberships .treeview_container:only-child .panel-bar,
.cl_body_subaccount .panel-body .dynamicFunnels .treeview_container:only-child .panel-bar{
    border-bottom: none;
}
#choosePaymentoptionModal .modal-body {min-height: 190px;}
/*#DRAS - #9ewn4j - template info and assets*/
#pills-projectAssets.active div, #pills-pageAssets.active div{display: block;}
#pills-projectAssets div, #pills-pageAssets div{display: none;}
/*#AS-29thOCT2020 - 9ewn4j - template info and assets*/
.info{position: absolute;top: 10px;left: 10px;border-radius: 100%;padding: 5px;line-height: 0;}
.info i{color: #fff;width:18px;margin-top:1px;}
div.tooltip-inner {
    max-width: 500px !important;
}
div.tooltip-inner p{
    margin-bottom: 0;
}
#cancelSubscription div.modal-lg{width:864px}
#cancelSubscription div.modal-body{padding:0 60px;}
#cancelSubscription #step1{margin-bottom:20px;}
#cancelSubscription .radio-inline{display: table-cell;vertical-align: top;padding-top: 7px;margin-top: 0;margin-bottom: 0;}
#cancelSubscription .optReason{width:100%;}
#cancelSubscription .radio{min-height: 27px;}
#cancelSubscription .marB0{margin-bottom: 0px !important;}
#cancelSubscription .marB20{margin-bottom: 20px !important;}

#cancelSubscription .fullWidthOverlay{width:100%;}
#cancelSubscription .btn-pause{ color: #fff;background-color: #27BA6B;border-color: #4cae4c;width:100%;font-size: 18px;font-weight: bold;}
#cancelSubscription .btn-pause:hover, #cancelSubscription .btn-pause:focus, #cancelSubscription .btn-pause.focus, #cancelSubscription .btn-pause:active, #cancelSubscription .btn-pause.active {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
#cancelSubscription  ul.pause,#cancelSubscription  ul.delete{padding:0;}
#cancelSubscription .pause li{display: table; margin-bottom: 10px;}
#cancelSubscription .pause li i{display: table-cell; padding-right: 10px; font-size: 20px; color: #27BA6B; vertical-align: top;}
#cancelSubscription .pause li span{display: table-cell; vertical-align: middle;}
#cancelSubscription #step2 .col1{margin: 0px 30px 20px 0px;border-radius: 5px;border-width: 1px 1px 1px 1px;
                                 border-style: solid;border-color: #D3D3D3;width:100%!important;padding: 20px!important;}
#cancelSubscription #step2 .col2{margin: 0px 0px 20px 10px;border-radius: 5px;border-width: 1px 1px 1px 1px;border-style: solid;border-color: #D3D3D3;width:100%!important;padding: 20px!important;}
#cancelSubscription .delete li{display: table; margin-bottom: 10px;}
#cancelSubscription .delete li i{display: table-cell; padding-right: 10px; font-size: 20px; color: #D15D5D; vertical-align: top;}
#cancelSubscription .delete li span{display: table-cell; vertical-align: middle;}
#cancelSubscription .btn-cancel{ width:100%;margin-top:62px;font-size: 18px;font-weight: bold;background-color:#D15D5D!important;}
.couponModal .modal-dialog {width: 770px;}
#txtStartDate,#txtEndDate {border-left: 1px solid #cccccc !important;border-right: none !important;}
#couponStartDate .input-group-addon, #couponEndDate .input-group-addon{
    border: 1px solid #cccccc !important;
    background: #fff;
    padding-right: 12px !important;
}
#couponStartDate .form-control[readonly],#couponEndDate .form-control[readonly]{background-color: #fff;}
#couponStartDate .form-control[disabled],#couponEndDate .form-control[disabled]{background-color: #eee!important;}
#frmAddEditCoupon li.selected > div.div-contain ~ a i.glyphicon.glyphicon-ok.icon-ok.check-mark {
  margin-top: 50px;
}
#frmAddEditCoupon .btn-default {
    background-color: #fff !important;
    border-color: #ccc !important;
    height: 45px;
}
#frmAddEditCoupon .bootstrap-select.btn-group .btn .caret{
    top:19px;
}