@font-face {
        font-family: "calibri";
        src: url('../fonts/calibri.eot');
        src: url('../fonts/calibri.eot?#iefix') format('embedded-opentype'),
        url('../fonts/calibri.svg#Calibri') format('svg'),
        url('../fonts/calibri.woff') format('woff'),
        url('../fonts/calibri.ttf') format('truetype');
}

@font-face {
    font-family: 'Digital-7';
    src: url('../fonts/Digital-7.eot');
    src: url('../fonts/Digital-7.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Digital-7.woff2') format('woff2'),
        url('../fonts/Digital-7.woff') format('woff'),
        url('../fonts/Digital-7.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



.sarvv-body{ margin:0px; padding:0px; font-family:calibri!important; width:100%; height:100%; background:#fff;}
.sarvv-body a:hover, .sarvv-body a:focus{ text-decoration:none!important; outline:none!important}



.sarv-top-secnn-area{z-index:999; width:100%; position:fixed; top:0px; }
.sarv-headerr{ background:#337ab7;padding-top:10px; padding-bottom:10px; box-shadow: 0px 10px 5px -7px rgba(0,0,0,0.40); z-index:999 }
.sarv-headerr .logo{ float:left; width:218px!important;  text-align:left}
.sarv-headerr .logo img{ width:100px;}
.sarv-headerr .search-bar{ padding-top:4px;}
.sarv-headerr .search-bar input[type="text"]{ background:#fff; padding:5px; width:80%; border:1px solid #d4dee8;}
.sarv-headerr .search-bar input[type="submit"]{ background:#4683ea url(../images/search-iconn.png) no-repeat center; border:solid 1px #4683ea; padding:5px; width:50px;}

.sarv-headerr .menu-link {  padding-left:15px; line-height:normal; padding-top:2px;}
.sarv-headerr .menu-link ul{ list-style:none; margin:0px; padding:0px;}
.sarv-headerr .menu-link ul li { float:left;}
.sarv-headerr .menu-link ul li a{ color:#fff; padding:2px 10px; font-size:14px; border:solid 1px transparent; font-family:Calibri; display:inline-block; border-radius:20px; transition:all 0.2s ease-out 0s}
.sarv-headerr .menu-link ul li a:first-child{ margin-left:0px;}
.sarv-headerr .menu-link ul li a:hover, .sarv-headerr .menu-link ul li a.active{ border:solid 1px #fff;}
.sarv-headerr .menu-link ul li .dropdown-menu { padding-top:10px; padding-bottom:10px; background:#337ab7 ; top:34px; left:-40px; border-radius:0px 0px 4px 4px}
.sarv-headerr .menu-link ul li .dropdown-menu li{ display:block; width:100%;}
.sarv-headerr .menu-link ul li .dropdown-menu li a{ display:block; width:100%; margin:0px!important; color:#fff; border-radius:0px; border:none;}
.sarv-headerr .menu-link ul li .dropdown-menu li a:hover, .sarv-headerr .menu-link ul li .dropdown-menu li a:focus{ background:none; border:0px!important}




.sarv-headerr .dropdown-submenu {position: relative;}
.sarv-headerr .dropdown-submenu>.dropdown-menu { top: 0 !important;  left: 100%!important; margin-top: -6px !important; margin-left: -1px !important;  
    border-radius:6px!important;}
.sarv-headerr .dropdown-submenu:hover>.dropdown-menu { display: block;}
.sarv-headerr .dropdown-submenu>a:after { display: block;  content: " "; float: right;  width: 0;  height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 7px; margin-right: -10px;}
.sarv-headerr .dropdown-submenu:hover>a:after { border-left-color: #fff;}
.sarv-headerr .dropdown-submenu.pull-left {  float: none;}
.sarv-headerr .dropdown-submenu.pull-left>.dropdown-menu { left: -100%!important; margin-left: 10px;  border-radius:6px!important;}




.sarv-headerr .right-top-menu{text-align:right; padding-top:0px; width:auto; display:inline-block!important; position:absolute; top:10px; right:15px!important;}
.sarv-headerr .right-top-menu a{ color:#337ab7; padding:3px 10px; font-size:13px; border:solid 1px #fff; border-radius:4px; display:inline-block; background:#fff}
.sarv-headerr .right-top-menu a i{ vertical-align:inherit; margin-right:5px;}
.sarv-headerr .right-top-menu .dropdown{ display:inline-block}
.sarv-headerr .right-top-menu .dropdown .dropdown-menu{ right:0!important; background:#337ab7  ; left:auto; border-radius:0px 0px 4px 4px; min-width:170px!important; top:35px!important}

.sarv-headerr .right-top-menu .dropdown .dropdown-menu li a{ color:#fff; border:none; border-bottom:1px solid rgba(0, 0, 0, 0.15); border-radius:0px; display:block; background:none;}
.sarv-headerr .right-top-menu .dropdown .dropdown-menu li a:hover{ background:none;}
.sarv-headerr .right-top-menu .dropdown .dropdown-menu li:last-child a{ border-bottom:none;}
.sarv-headerr .right-top-menu .dropdown .dropdown-menu li a i{ padding-right:10px;}

.sarv-actionbar-area{z-index:100; padding-top:7px; padding-bottom:7px; padding-left:15px!important; padding-right:15px!important; position:fixed;   background:#f7f5ee  ; width:calc(100% - 204px); border-bottom:solid 1px #e5eff9; box-shadow: 0px 7px 5px -7px rgba(0,0,0,0.40);}
.left-menu-section .toggle-btmn{float:left; text-align:left; font-size:18px; padding-left:15px; padding-top:7px; margin-bottom:25px;}
.left-menu-section .toggle-btmn a{ color:#dd4b39}
.left-menu-section .toggle-btmn .dropdown{ display:inline-block}
.left-menu-section .toggle-btmn .dropdown .dropdown-menu{ border-radius:0px;}
.left-menu-section .toggle-btmn .dropdown .dropdown-menu a{ color:#222}

.sarv-actionbar-area .left-actn-btn{ float:left; padding-left:0px!important}
.sarv-actionbar-area .left-actn-btn .dropdown{ display:inline-block}
.sarv-actionbar-area .left-actn-btn .btn{ background:#fff !important; border:solid 1px #d4dee8; border-radius:3px!important; padding:5px 10px;  font-size:13px; color:#636e7b!important; transition:all 0.2s ease-out 0s}
.sarv-actionbar-area .left-actn-btn .btn:hover{border-color:#d4dee8; background:#f4f4f4 !important;}
.sarv-actionbar-area .left-actn-btn .link-btn{ display:inline-block; padding-left:15px; padding-right:15px;}
.sarv-actionbar-area .left-actn-btn .link-btn a{ padding-left:20px; padding-right:20px; color:#666}
.sarv-admn-back-btn{padding-left:0px!important;}
.sarv-actionbar-area .left-actn-btn .btn input[type="checkbox"]{ margin-top:0px; vertical-align:sub}

.sarv-actionbar-area .right-actn-btn{ float:right; text-align:right;}
.sarv-actionbar-area .right-actn-btn .dropdown{ display:inline-block}
.sarv-actionbar-area .right-actn-btn .dropdown .dropdown-menu{ left:auto; right:0px!important}
.sarv-actionbar-area .right-actn-btn .btn{ background:#f4f4f4!important; border:solid 1px #d4dee8; border-radius:3px!important; padding:5px 10px; min-width:100px; font-size:13px;}
.sarv-actionbar-area .right-actn-btn .btn:hover{border-color:#abbdc0}
.sarv-actionbar-area .right-actn-btn .link-btn{ display:inline-block; padding-left:15px; padding-right:15px;}
.sarv-actionbar-area .right-actn-btn .link-btn a{ padding-left:20px; padding-right:20px; color:#333}

.pagination-areaa{ display:inline-block; vertical-align:middle; padding-top:4px;}
.pagination-areaa .pgnt-btnn{ display:inline-block; margin-left:10px; overflow:visible}
.pagination-areaa .pgnt-btnn a{ color:#a94442  ; padding:6px 15px; border:solid 1px #a94442  ; vertical-align:middle; margin-left:-1px;}
.pagination-areaa .pgnt-btnn a:hover{ color:#fff; border-color:#a94442 ; background:#a94442 }

.sarvv-pg-cntnt-area{ width:100%; margin-top:37px; position:relative} 
.sarvv-pg-cntnt-area .left-menu-section{ width:205px; float:left; position:fixed; padding:0px; background:#F7F5EE  ; height:100%; border-right:1px solid #d4dee8;}
.left-menu-section .compose-mail-btn a{ background:#f0ecdf  ; color:#a94442 ; border-radius:0px;  text-align:left; cursor:default; font-size:14px; font-weight:bold; width:100%; display:inline-block; height:47px; line-height:47px; padding-left:30px; font-family:Calibri; text-transform:uppercase}

.left-menu-section .menu-bar ul{ list-style:none; margin:0px; padding:0px;}
.left-menu-section .menu-bar ul li{ display:block; float:none; width:100%;}
.left-menu-section .menu-bar ul li a{ padding:6px 5px 6px 30px; text-align:left; color:#222; font-size:14px; display:block; font-family:Calibri; }
.left-menu-section .menu-bar ul li.active a{ color:#dd4b39;}
.left-menu-section .menu-bar ul li a:hover{ background:#f4f4f4;}
.left-menu-section .menu-bar ul li .dropdown-menu{ z-index:999999;  position:relative; margin-bottom:10px;}
.left-menu-section .menu-bar ul li .dropdown-menu li a{ padding:4px 10px!important;}
.left-menu-section .menu-bar ul li .dropdown-menu{ z-index:999999;}
.left-menu-section .menu-bar ul li .dropdown-menu li a{ padding:4px 10px!important;}
.left-menu-section .menu-bar ul.sarv-submenu{ width:100%; clear:both }
.left-menu-section .menu-bar ul.sarv-submenu li.sarv-hdngg{padding:6px 5px 6px 30px; font-weight:bold; text-align:left; color:#222; font-size:14px; display:block; font-family:Calibri; border-top:solid 1px #d4d4d4}
.left-menu-section .menu-bar ul.sarv-submenu li a{ padding-left:45px; font-size:16px;}
.left-menu-section .menu-bar ul.sarv-submenu li a  i{ vertical-align:middle; padding-right:10px; color:#666; font-size:12px;}
.left-menu-section .dropdown-menu{ left:30px; box-shadow:none;}

.sarv-admin-left-submenu ul{ list-style:none; margin:0px; padding:0px;}
.sarv-admin-left-submenu ul li{ text-align:left;  font-size:14px; display:block; font-family:Calibri; padding-left:18px!important;}
.sarv-admin-left-submenu ul li a{ color:#444!important;}
.sarv-admin-left-submenu ul li.active a{ color:#dd4b39!important}

.sarvv-pg-cntnt-area .content-pags{ width:calc(100% - 225px); float:right; margin-right:20px;}
.content-pags .top-menu-bar{ position:relative;  border-bottom:solid 1px #d4dee8; display:inline-block; width:100%; margin-top:56px; margin-left:15px;}
.content-pags .top-menu-bar ul{ list-style:none; margin:0px; padding:0px; border-bottom:solid 1px #d4dee8; display:inline-block; width:100%; margin-top:10px;}
.content-pags .top-menu-bar ul li{ min-width:150px; float:left; border: solid 1px #d4dee8;  background:#f4f4f4; margin-right:-1px; border-bottom:none}
.content-pags .top-menu-bar ul li.active{ background:#fff; border-bottom:solid 2px #fff; margin-bottom:-2px; box-shadow: inset 0px 4px 0px -1px rgba(25,125,232,1);}
.content-pags .top-menu-bar ul li.active a i{ color:#2196f3}
.content-pags .top-menu-bar ul li a{ color:#222; font-size:18px; display:block; padding:7px 10px 7px 15px; font-family:Calibri;}
.content-pags .top-menu-bar ul li a i{ margin-right:10px; vertical-align:middle; font-size:18px; color:#6e6e6e}
.content-pags .top-menu-bar ul li.active a{ color:#197de8}

.content-pags .top-menu-bar .search-boxx{ display:inline-block; padding-bottom:7px;}
.content-pags .top-menu-bar .search-boxx input[type="text"]{background:#fff; padding:5px; width:300px; border:1px solid #d4dee8; vertical-align:middle}
.content-pags .top-menu-bar .search-boxx .select-boxx1{background:#fff; padding:5px 5px 6px; width:300px; border:1px solid #d4dee8; vertical-align:middle}
.content-pags .top-menu-bar .search-boxx input[type="submit"]{ background:#4683ea url(../images/search-iconn.png) no-repeat center; border:solid 1px #4683ea; padding:5px; width:50px; vertical-align:middle}

.content-pags .top-menu-bar .search-boxx{ display:inline-block; padding-bottom:7px;}
.content-pags .top-menu-bar .search-boxx input[type="text"]{background:#fff; padding:6px 15px; width:300px; border:1px solid #d4dee8; vertical-align:middle}
.content-pags .top-menu-bar .search-boxx .select-boxx1{background:#fff; padding:5px 5px 6px; width:300px; border:1px solid #d4dee8; vertical-align:middle}
.content-pags .top-menu-bar .search-boxx input[type="submit"]{ background:#4683ea url(../images/search-iconn.png) no-repeat center; border:solid 1px #4683ea; padding:5px; width:50px; vertical-align:middle}


.content-pags .mail-inbox-area{ width:100%; margin-top:12px; background:#F4F4F4;border-top: solid 1px #d4dee8; margin-left:15px;}
.content-pags .mail-inbox-area .table-fixed-layout { table-layout: fixed; margin-bottom:0px;}
.content-pags .mail-inbox-area .table-fixed-layout tr td{  overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.content-pags .mail-inbox-area .table tr td{ border-top:none!important; font-size:13px; border-bottom: solid 1px #d4dee8; color:#222;}
.content-pags .mail-inbox-area .table td.clickable { cursor: pointer;}

.content-pags .mail-inbox-area .table tr td.check-sctn{padding-left:8px; padding-right:8px; width:30px;}
.sarv-convrts-mark{width:14px; height:11px; vertical-align:text-top; display:inline-block; margin-left:5px;}
.content-pags .mail-inbox-area .table tr td.email-snd-dtl    {width:230px!important;}
.content-pags .mail-inbox-area .table tr td.email-snd-dtl a{ color:#222}
.content-pags .mail-inbox-area .table tr td.mail-dtl{ width:auto; overflow:hidden;}
.content-pags .mail-inbox-area .table tr td.sarv-flag-icon{ width:30px; position:relative; overflow:visible; padding-right:8px; text-align:left; padding-left:8px;}
.content-pags .mail-inbox-area .table tr td.sarv-flag-icon i{ vertical-align:middle; color:#666}
.content-pags .mail-inbox-area .table tr td.sarv-flag-icon span{ position:absolute;min-width:100px; background:#0099cc; font-size:14px; text-align:center; padding:2px 5px; color:#fff; border-radius:5px; left:28px;  font-family:Calibri; z-index:999999!important; top:5px; display:none;}
.content-pags .mail-inbox-area .table tr td.sarv-flag-icon span:after{ right:100%; top:50%; border:solid transparent; content: " ";height: 0; width:0;
  position: absolute; pointer-events: none; border-right-color: #0099cc;  border-width: 5px;  margin-top: -5px;}
.content-pags .mail-inbox-area .table tr td.sarv-flag-icon:hover span{ display:block}

.content-pags .mail-inbox-area .table tr td.mail-dtl a{ color:#222}
.content-pags .mail-inbox-area .table tr td.mail-dtl font{padding:2px 5px; color:#fff; margin-right:5px; border-radius:2px; font-size:12px;}
.content-pags .mail-inbox-area .table tr td.mail-dtl font.green{ background:#009933;}
.content-pags .mail-inbox-area .table tr td.mail-dtl font.blue{ background: #0066CC;}
.content-pags .mail-inbox-area .table tr td.mail-dtl font.red{ background: #CC3333;}
.content-pags .mail-inbox-area .table tr td.mail-dtl font.gray{ background: #666666;}
.content-pags .mail-inbox-area .table tr td.mail-dtl font.yellow{ background: #d89e3a;}
.content-pags .mail-inbox-area .table tr td.mail-dtl span{ padding-left:10px; color:#777}
.content-pags .mail-inbox-area .table tr td.attetchment-icon{ width:40px;}
.content-pags .mail-inbox-area .table tr td.attetchment-icon .sarv-spam-scoree{ display:inline-block; background:#cc3333 ; color:#fff; border-radius:2px; width:30px; text-align:center!important; padding:0px;}
.content-pags .mail-inbox-area .table tr td.attetchment-icon .sarv-nospam-scoree{ display:inline-block; background:#009933  ; color:#fff; border-radius:2px; width:30px; text-align:center!important; padding:0px;}

.content-pags .mail-inbox-area .table tr td.date-dtl{ padding-right:20px; width:80px;}


.content-pags .sarv-email-showing-area{ float:left; width:calc(100% - 280px); padding-left:25px;}
.sarv-email-showing-area .sarv-email-subject{ width:100%; border-bottom:1px solid #d4dee8; padding-bottom:10px; padding-top:10px; display:inline-block; position:relative}
.sarv-email-showing-area .sarv-email-subject h2{ font-size:22px; margin:0px; padding:0px; width:84%; display:inline-block; font-family:Calibri;}
.sarv-email-showing-area .sarv-email-subject h2 span{ margin-left:20PX; font-size:12px;  color:#fff; padding:2px 15px; border-radius:2px; vertical-align:middle}
.sarv-email-showing-area .sarv-email-subject h2 span.sarv-bluubg{ background:#0066cc!important ;}
.sarv-email-showing-area .sarv-email-subject h2 span.sarv-grayy-bggf{ background:#666666!important ;}
.sarv-email-showing-area .sarv-email-subject h2 span.sarv-greennbg{background:#009933 !important}
.sarv-email-showing-area .sarv-email-subject h2 span.sarv-yellowbgg{ background:#d89e3a !important;}
.sarv-email-showing-area .sarv-email-subject h2 span.sarv-reddbgg{ background:#cc3333 !important ;}
.sarv-email-showing-area .sarv-email-subject .sarv-emial-pbls-date{ float:right; font-size:13px; color:#666; font-family:Calibri}
.sarv-email-showing-area .sarv-mial-sendr-dtl{ display:block; font-size:12px; margin-top:5px;}
.sarv-email-showing-area .sarv-mial-sendr-dtl .sarv-spma-score{ display:inline-block; width:30px; float:left; height:30px; vertical-align:top; border:solid 1px #009933; margin-right:10px; text-align:center; line-height:27px; font-family:Calibri; font-size:16px; font-weight:bold; color:#fff; background:#009933 ; margin-top:2px;}

.sarv-email-showing-area .sarv-mial-sendr-dtl .sarv-spma-score_inspam{ display:inline-block; width:30px; float:left; height:30px; vertical-align:top; border:solid 1px #dd4b39; margin-right:10px; text-align:center; line-height:27px; font-family:Calibri; font-size:16px; font-weight:bold; color:#fff; background:#d94c41; margin-top:2px;}

.sarv-spam-test-dtl{ width:100%; margin-top:12px;}
.sarv-spam-test-dtl .sarv-spm-tst-tbl{ font-family:Calibri; width:100%; margin-top:20px;}
.sarv-spam-test-dtl .sarv-spm-tst-tbl thead td{ padding:5px; background:#259dab; color:#fff;}
.sarv-spam-test-dtl .sarv-spm-tst-tbl tbody td{ padding:5px; background:#e9f3fa; color:#3e7278;}
.sarv-spam-test-dtl .sarv-spm-tst-tbl thead td, .sarv-spam-test-dtl .sarv-spm-tst-tbl tbody td:first-child{ padding-left:10px;}

.sarvv-adtn-dtl-boxx{width:100%; background:#e9f3fa ; padding:10px; font-family:Calibri; font-size:16px; font-weight:bold; color:#666; margin-bottom:10px;}
.sarvv-adtn-dtl-boxx span{display:inline-block; float:right}

.sarv-right-email-dtl-sectin{width:240px; float:right;  margin-top:12px; position:fixed; right:20px; z-index:9999;}
.sarv-right-email-dtl-sectin-after-scroll{ margin-top:-40px;}
.sarv-inner-mail-dtl{border-top:solid 2px #2196f3; color:#666; text-transform:uppercase; width:100%; background:#f7fdff ; padding-bottom:5px; }
.sarv-inner-mail-dtl ul{ list-style:none; margin:0px; padding:0px; font-family:Calibri; display:inline-block; width:100%;}
.sarv-inner-mail-dtl ul li{ float:left; display:inline-block; width:50%; padding:5px 10px 5px 20px; border-bottom:solid 1px #def0f7; font-size:14px;  }
.sarv-inner-mail-dtl ul li span{ min-width:20px; display:inline-block; font-weight:bold; font-size:18px;}
.sarv-inner-mail-dtl ul li span.sarv-spam-scroe{ color:#e17190; }
.sarv-inner-mail-dtl ul li span.sarv-images-dtll{ color:#ea9131}
.sarv-inner-mail-dtl ul li span.sarv-links-dtls{ color:#42c1d2}

.sarv-inner-mail-dtl .sarv-email-webite-dtl{ border:solid 1px #0099cc ; padding:2px 15px; display:table; border-radius:15px; color:#333; font-size:12px; text-align:center; text-transform:lowercase; float:none; margin:0 auto;  clear:both}
 
.sarvv-sepretor-linee{width:100%;}
 
.sarv-inner-mail-tags{ width:100%; margin-top:8px; color:#666}
.sarv-inner-mail-tags i{ font-size:20px; vertical-align:middle}
.sarv-inner-mail-tags a{  border: 1px solid #e4e7e9;  border-radius: 20px;  color: #999; display: inline-block; font-size: 11px;  margin-right: 5px;   padding: 2px 8px;}
.sarv-inner-mail-tags a:hover{background: #f9f9f9 none repeat scroll 0 0; }

.sarv-email-showing-area .email-actn-detal{ width:100%; padding-top:10px;}
.sarv-email-showing-area .email-actn-detal .snder-detal{ float:left; padding-left:0px;}
.sarv-email-showing-area .email-actn-detal .snder-detal .pict-email-sendr{ width:40px; display:inline-block; vertical-align:top}
.sarv-email-showing-area .email-actn-detal .snder-detal .dtddl{ display:inline-block; color:#777; font-size:13px;}
.sarv-email-showing-area .email-actn-detal .snder-detal .dtddl span{ font-weight:bold; color:#222; margin-right:5px;}
.sarv-email-showing-area .email-actn-detal .snder-detal .dtddl a{ margin-left:5px; color:#777; text-decoration:underline}
.sarv-email-showing-area .email-actn-detal .snder-detal .dropdown{ display:inline-block}
.sarv-email-showing-area .email-actn-detal .snder-detal .dropdown .btn{ padding:2px 5px!important; line-height:normal; border-radius:2px; font-size:6px;}
.sarv-email-showing-area .email-actn-detal .snder-detal .dropdown .btn .caret{ margin-right:0px;}
.sarv-email-showing-area .email-actn-detal .snder-detal .dropdown .dropdown-menu{ border-radius:0px; min-width:200px; font-size:13px; margin:0px; padding:0px;}
.sarv-email-showing-area .email-actn-detal .snder-detal .dropdown .dropdown-menu .analysics-prfrmd-bx{width:295px;  background:#eee; padding:20px; font-family:Calibri}
.sarv-email-showing-area .email-actn-detal .snder-detal .dropdown .dropdown-menu .analysics-prfrmd-bx .sarv-linee{ font-size:14px; padding:5px 0px; border-bottom: solid 1px #ccc;}
.sarv-email-showing-area .email-actn-detal .snder-detal .dropdown .dropdown-menu .analysics-prfrmd-bx .sarv-linee:last-child{ padding-bottom:0px; border-bottom:none}
.sarv-email-showing-area .email-actn-detal .snder-detal .dropdown .dropdown-menu .analysics-prfrmd-bx .sarv-linee:first-child{ padding-top:0px;}
.sarv-email-showing-area .email-actn-detal .snder-detal .dropdown .dropdown-menu .analysics-prfrmd-bx .sarv-linee span{width:200px; display:inline-block; font-weight:bold; color:#666666}

.sarv-email-showing-area .email-actn-detal .fordwrd-dtlss{ float:right; text-align:right;}
.sarv-email-showing-area .email-actn-detal .fordwrd-dtlss .dropdown{ display:inline-block}
.sarv-email-showing-area .email-actn-detal .fordwrd-dtlss .dropdown .btn{ padding:0px 8px; background:#f2f2f2}
.sarv-email-showing-area .email-actn-detal .fordwrd-dtlss .dropdown .dropdown-menu{ left:auto; right:0px!important;}



.emal-show-bx-areaa{ width:100%; padding:5px 0px; clear:both;}

.content-pags .right-sid-area{ width:100%; background:#f2f2f2; float:right; padding:10px;}
.content-pags .right-sid-area ul{ list-style:none; margin:0px ; padding:0px; font-size:12px;}
.content-pags .right-sid-area  .sarv_links{height:280px; overflow-y:scroll;
}

.sarvvinbx-tbl .panel{ background:none!important; border:none!Important; box-shadow:none!important; margin-bottom:0px; }
.sarvvinbx-tbl .panel-body{ padding:0px!important}
.sarvvinbx-tbl .panel-group{ margin-bottom:0px;}
.sarvvinbx-tbl .panel-group .panel + .panel{ margin-top:0px;}

.sarvvinbx-tbl table tr td{ padding:5px 8px!important;}

.sarvvinbx-tbl .sarvextrna-id{width:30%; padding-left:20px!important; vertical-align:middle}
.sarvvinbx-tbl .sarvwebsitee{ width:20%; vertical-align:middle}
.sarvvinbx-tbl .sarvwebsitee a{ cursor:pointer}
.sarvvinbx-tbl .sarvnu-ae{ width:11%; vertical-align:middle}
.sarvvinbx-tbl .sarvstatusss{ width:15%; position:relative; font-size:11px!important; text-align:left; vertical-align:middle}
.sarvvinbx-tbl .sarvtotla-mail {vertical-align:middle}
.sarvvinbx-tbl .sarvcollps-icon    { width:5%; vertical-align:middle}                       

.sarvvinbx-tbl .sarvstatusss .label{font-size:11px; padding:3px 5px; width:60px; display:inline-block} 
            
.sarvvinbx-tbl .sarvcollps-icon    i{ font-size:20px;}

.sarvinner-tbll{background:#fff; border:none;}


.sarvv-iner-ul{ list-style:none; margin:0px; padding:0px; line-height:normal}
.sarvv-iner-ul li{float:left; width:100%; display:inline-block; padding-left:70px; font-size:13px; padding-top:3px; line-height:normal; border-bottom:solid 1px #d4dee8; margin:0px!important;}
.sarvv-iner-ul li div{ display:inline-block; float:left}
.sarvv-iner-ul li div.sarvv-emailidd { width:36%; padding-top:5px;}
.sarvv-iner-ul li div.sarv-inner-status{ width:20%; font-size:11px; position:relative}
.sarvv-iner-ul li div.sarv-mailss-des{ width:15%; text-align:center;}
.sarvv-iner-ul li div.sarvv-frst-maill{ width:15%; padding-top:5px;}

.sarvv-iner-ul li div.sarv-inner-status .label{font-size:13px; display:block; text-align:left; padding:0px; padding-bottom:2px;} 
.sarvv-iner-ul li div.sarv-inner-status .label.active{ color:#5cb85c;}
.sarvv-iner-ul li div.sarv-inner-status .label.block{ color:#d9534f;}
.sarvv-iner-ul li div.sarv-inner-status .label.pending{ color:#5bc0de}
.sarvv-iner-ul li div.sarv-inner-status i { position:absolute; left:65px; top:10px;}

.sarvv-iner-ul li div.sarv-mailss-des span{ display:block; font-size:11px;}


#add-webiste-model .modal-dialog{ margin-top:90px!important;}
.sarv-add-webiste-block ul{ list-style:none; margin:0px; padding:0px; margin-left:1px; border: 1px solid #eee}
.sarv-add-webiste-block ul li{ float:none; width:100%; padding:3px 0px 3px 10px; cursor:pointer}
.sarv-add-webiste-block ul li a{ color:#333}
.sarv-add-webiste-block ul li:hover, .sarv-add-webiste-block ul li.active{ background:#eee;}

.sarvv-session-msg{position:absolute; top:40px; left:0px; right:0px; z-index:999999; margin:0 auto; width:500px; padding-top:5px!important; padding-bottom:5px!important; color:#222!important}

.sarv-admn-tbl-dtl thead tr td span.editr input{ width:100%;}
.sarv-admn-tbl-dtl thead tr td{ vertical-align:middle!important; position:relative; overflow:visible!important}
.sarv-admndtl-wbste{ width:18%}
.sarv-admndtl-wbste span{ display:block; color:#666666}
.sarv-admndtl-ae{width:15%}
.sarv-admndtl-name{width:15%}
.sarv-admn-dtl-phne{width:15%}
.sarv-admndtl-paswrd{width:10%}
.sarv-admndtl-gendr{width:7%}
.sarv-admndtl-dob{width:9%}
.sarv-admn-dtl-contry{width:10%}
.sarv-admin-actn-btn{ width:5%; vertical-align:middle}

.admn-user-dtl-left-part{ width:70%px; float:left; display:inline-block;}
.admn-user-dtl-right-part{ float:right; display:inline-block; width:20%;}
@media (max-width: 1150px) {
.admn-user-dtl-right-part{ float:left!important; padding-bottom:10px; width:100%;}
.admn-user-dtl-right-part .col-xs-12{ width:50%!important; padding:0px!important}
}
.admn-user-dtl-right-part .sarv-mail-dtl{font-size:15px; font-weight:bold; color:#666666; width:130px; display:inline-block}

.sarv-admn-colpse-sectn{ width:100%; background:#fff;}
.sarv-admn-colpse-sectn .sarv-admn-step-sctn{ width:100%; padding:10px 10px 0px 10px; display:inline-block;}
.sarv-admn-colpse-sectn .sarv-admn-step-sctn:last-child{ border-bottom:solid 1px #d4dee8}
.sarv-admn-colpse-sectn .tab-pane{display:inline-block; background:#fff; text-align:center; border:solid 1px #d4dee8 ; border-top:none; padding:5px; }
.sarv-accountcreate{ width:155px;}
.sarv-accountcreate .sarvvbtn{ background:#009933; color:#fff; display:block; border:none}
.sarv-email-conf{ width:175px; margin-left:158px;}
.sarv-mobile-conf{ width:177px; margin-left:335px;}
.sarv-completeer{width:174px; margin-left:515px;}
.sarv-admn-colpse-sectn .tab-pane .btn{ padding:0px 2px!important; margin:0px}

.sarv-admn-dtl-inpt-bx{width:700px; margin-top:10px;}
.sarv-admn-dtl-inpt-bx .form-control, .sarv-admn-dtl-inpt-bx .form-control{ box-shadow:none!important; }
.sarv-admn-dtl-inpt-bx .form-control{ padding:0px !important; height:auto; border-radius:0px!important}
.sarv-admn-dtl-inpt-bx .form-control input[type="text"]{ width:90%; border-radius:5px; border:none; outline:none; vertical-align:middle}
.sarv-admn-dtl-inpt-bx .form-control input[type="submit"]{ width:10%; border:none; vertical-align:middle; background:#0099FF url(../images/sarv-white-tick-icon.png) no-repeat center center; height:100%;  height:22px;}
.sarv-admn-dtl-inpt-bx .form-group .control-label{ font-weight:normal!important; text-shadow:none!important; font-family:Calibri}

.sarv-brdcmb-optn{position:absolute; top:30px; text-align:center; border: solid 1px #d4dee8; padding:3px 0px; width:100%; border-left:0px;}
.sarv-brdcmb-optn.accnt-createe{border-left:solid 1px #d4dee8; width:90%;}
.sarv-brdcmb-optn.email-cnfrmation{ left:-10%;}
.sarv-brdcmb-optn.mobnile-cnfrmation{ left:-10%;}
.sarv-brdcmb-optn.sarv-complrte{ left:-12%; width:112%;}
.sarv-brdcmb-optn .btn{padding:2px 2px 0px!important;}

.sarv-admin-breadcrumb {
  list-style: none;
  display: inline-block; font-family:Calibri; margin:0px; padding:0px; border: solid 1px #d4d4d4; border-radius:0 4px 4px 0
}
.sarv-admin-breadcrumb .icon { font-size: 14px;}
.sarv-admin-breadcrumb li { float: left; position:relative;}
.sarv-admin-breadcrumb li a {
  color: #999;
  display: block;
  background: #ededed ;
  text-decoration: none;
  position: relative;
  height: 30px;
  line-height: 30px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px; width:155px;
}
.sarv-admin-breadcrumb li:nth-child(even) a {
  background-color: #ededed ;
}
.sarv-admin-breadcrumb li:nth-child(even) a:before {
  border-color: #ededed ;
  border-left-color: transparent;
}
.sarv-admin-breadcrumb li:nth-child(even) a:after {
  border-left-color: #ededed ;
}
.sarv-admin-breadcrumb li:first-child a {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
.sarv-admin-breadcrumb li:first-child a:before {
  border: none;
}
.sarv-admin-breadcrumb li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0; margin-right:0px;
}
.sarv-admin-breadcrumb li:last-child a:after {
  border: none;
}
.sarv-admin-breadcrumb li a:before, .sarv-admin-breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #ededed ;
  border-width: 15px 10px;
  width: 0;
  height: 0;
}
.sarv-admin-breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
.sarv-admin-breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #ededed ;
}
.sarv-admin-breadcrumb li a:hover {
  background-color: #f4f4f4  ; color:#337ab7;
}
.sarv-admin-breadcrumb li a:hover:before {
  border-color: #f4f4f4  ;
  border-left-color: transparent;
}
.sarv-admin-breadcrumb li a:hover:after {
  border-left-color: #f4f4f4  ;
}
.sarv-admin-breadcrumb li.active a {
  background-color: #f4f4f4  ;
}
.sarv-admin-breadcrumb li.active a:before {
  border-color: #f4f4f4  ;
  border-left-color: transparent;
}
.sarv-admin-breadcrumb li.active a:after {
  border-left-color: #f4f4f4  ;
}
.sarv-admin-breadcrumb li.active a{ color:#337ab7;}


.content-pags .mail-inbox-area .table tr td.sarv-mail-reciver-dtl{ width:100px;}
.content-pags .mail-inbox-area .table tr td.sarv-mail-reciver-dtl span{display:inline-block; border:solid 1px #d4dee8; border-radius:10px; min-width:50px; padding:0px 10px; text-align:center;font-size:12px;}



#add-webiste-model .modal-dialog{ margin-top:90px!important;}
.sarv-add-webiste-block ul{ list-style:none; margin:0px; padding:0px; margin-left:1px; border: 1px solid #eee}
.sarv-add-webiste-block ul li{ float:none; width:100%; padding:3px 0px 3px 10px; cursor:pointer}
.sarv-add-webiste-block ul li a{ color:#333}
.sarv-add-webiste-block ul li:hover, .sarv-add-webiste-block ul li.active{ background:#eee;}

.modal{ z-index:999}
.sarv-admin-notice-bar{ margin-bottom:0px!important; margin-top:10px!important; padding:8px 40px 8px 8px!important}
.sarv-admin-notice-bar .sarv-ntcie-iconn{ padding-right:10px;}
.sarv-admn-actn-btnn{background:none; border:none; padding:3px 20px; display:block; width:100%;}
.sarv-admn-actn-btnn:hover{ background:#f2f2f2}


.sarv-post-compare-tbll{ width:100%; margin-top:10px; background:#e9f3fa;}
.sarv-post-compare-tbll tr td{ padding:5px 10px; border:solid 1px #d4dee8;white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.sarv-post-compare-tbll tr td.srvv-hnggtd{ background:#259dab; color:#fff; font-weight:bold}

.sarvv-extra-btn{padding-right:0px!important;}
.sarvv-extra-btn a{padding:5px 10px!important}
.sarvv-extra-btn a img{opacity:.6}


.sarv-admin-detail-page{width:100%; margin-top:12px; background:#f4f4f4;border: solid 1px #d4dee8; padding:15px 25px 30px; position:relative;}
.sarv-admin-detail-page .carousel-control.left, .sarv-admin-detail-page .carousel-control.right{ width:auto; height:auto; bottom:-46px; top:auto; border:1px solid #d4dee8; background:#fff!important;  padding:5px 20px; opacity:1; color:#666; border-radius:20px; font-size:16px;}
.sarv-admin-detail-page .carousel-control.left{  }
.sarv-admin-detail-page .carousel-control.right{   }
.sarv-admin-detail-page .carousel-control{ text-shadow:none; color:#000}
.sarv-admin-detail-page .carousel-control:hover, .sarv-admin-detail-page .carousel-control:focus{ color:#000}
.sarv-admindtl-content-pge{ width:100%; margin:0 auto; }
.sarvuser-pr-dtl{ padding-left:0px!important}
.sarv-admn-dtl-user-id{padding:4px 20px; font-size:13px; background:#fff; display:inline-block;  border-radius:20px; border:1px solid #3c948b; margin-right:10px; min-width:200px; line-height:normal}
.sarv-admn-dtl-usr-name{padding:4px 20px; font-size:13px;  background:#fff; display:inline-block;  border-radius:20px; border:1px solid #df6c4f; margin-right:10px; margin-top:10px; min-width:200px; line-height:normal}
.sarv-admn-dtl-usr-webite{padding:4px 20px; font-size:13px; background:#fff; display:inline-block;  border-radius:20px; border:1px solid #1a99aa; margin-right:10px; min-width:200px; line-height:normal}
.sarv-admn-dtl-usr-phnno{padding:4px 20px; font-size:13px; background:#fff; display:inline-block;  border-radius:20px; border:1px solid #ae9749; margin-right:10px; min-width:200px; line-height:normal}

.sarv-admn-dtl-user-id input[type="text"]{ background:none; border:none; outline:none; width:75%;}
.sarv-admn-dtl-usr-name input[type="text"],
.sarv-admn-dtl-usr-webite input[type="text"],
.sarv-admn-dtl-usr-phnno input[type="text"]{ background:none; border:none; outline:none; width:68%;}

.sarvuser-pr-dtl ul{ list-style:none; margin:0px; padding:0px; margin-top:20px; margin-left:10px;}
.sarvuser-pr-dtl ul li{ display:block; width:100%; padding:5px 0px; border-bottom:dotted 1px #ccc;}
.sarv-hdng-secc{ width:100px; display:inline-block; text-transform:capitalize; color:#333333; font-size:14px; font-weight:bold; vertical-align:top}
.srv-admn-hdng-dtl{ display:inline-block; color:#666666; font-size:13px; width:calc(100% - 110px)}
.srv-admn-hdng-dtl input[type="text"]{ width:100%; outline:none; border:none; background:none;}
.srv-admn-hdng-dtl textarea{ background:none; border:none; width:100%; resize: none; outline:none;}
.srv-admn-hdng-dtl textarea:focus, .srv-admn-hdng-dtl input[type="text"]:focus{ outline:none}

.sarv-admn-step-sctn-new{ width:100%; padding:10px 10px 0px 10px; display:inline-block;}
.admn-user-action-dtl{ float:right; display:inline-block;}
.sarv-admin-usr-dtl-top{width:calc(100% - 306px); display:inline-block; float:left}
.sarv-admin-user-genrate-new{width:306px; float:right; display:inline-block; text-align:right}
.sarv-admin-user-genrate-new span{padding:4px 20px; font-size:13px; background:#ededed  ; display:inline-block;  border-radius:20px; border:1px solid #ccc; margin-right:10px; color:#666666; cursor:pointer}
.sarv-admin-dtl-erroe-show{padding:5px 40px 5px 15px!important;  margin-bottom:15px;}

@media (max-width: 1402px) {
.sarvuser-pr-dtl, .sarv-admindtl-content-pge .col-md-8{ width:100%!important; padding:0px;}
.admn-user-action-dtl{ width:100%!important;}
.sarvuser-pr-dtl ul li{ width:48%; float:left; margin-right:10px;}
.srv-amnd-ae{ width:100%!important;}
.srv-amnd-ae br{ display:none}
.sarv-admn-step-sctn-new{ margin-top:15px;}
.srv-admn-hdng-dtl textarea{ height:22px;}
 
}

.sarvamnd-stl-uplod{float:right; text-align:right; width:500px;}
.sarvamnd-stl-uplod .input-group-btn{ vertical-align:top!important}
.sarvamnd-stl-uplod .btn-file input[type="file"] {background: red none repeat scroll 0 0; cursor: inherit; display: block; min-height: 100%;   min-width: 100%; opacity: 0;position: absolute; right: 0; text-align: right; top: 0; width:75px;}
.sarvamnd-stl-uplod .sarv-file-upld-btn { border: 1px solid #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; padding: 6px 10px; float:left}
.sarvamnd-stl-uplod input[readonly] {background-color: white !important; cursor: text !important; width:300px;}
.sarvamnd-stl-uplod span a{ text-transform:capitalize; font-size:13px; margin-top:8px; display:inline-block}

.sarv-admin-dtepicker{ width:300px; display:inline-block; vertical-align:middle; margin-left:20px;}
.sarv-admin-dtepicker .input-group .form-control{ width:85%; border-radius:0px; box-shadow:none; border-color:#d4dee8}
.sarv-admin-mail-srch-btn { width:50px; display:inline-block}
.sarv-admin-mail-srch-btn input[type="submit"]{ background:#4683ea url(../images/search-iconn.png) no-repeat center; border:solid 1px #4683ea; padding:5px; width:50px; vertical-align:middle}

.input-daterange .input-group-addon{border-color:#d4dee8!important}



a.tgl-dwnn .fa-plus-circle:before{content:"\f056";}
a.tgl-dwnn.collapsed .fa-plus-circle:before{content:"\f055"!important;}


.srv-nwlst-ad-fb-page-left-secn{ margin:20px 0px 20px 20px; width:270px; float:left}
.srv-nwlst-ad-fb-page-left-secn .sarvjasnws{ list-style:none; margin:0px; padding:0px; margin-left:-5px; width:260px; margin-top:10px;}
.srv-nwlst-ad-fb-page-left-secn .sarvjasnws li{ float:left; margin-top:10px; width:55px; height:55px; margin:5px; border:#CCCCCC solid 1px; padding:2px; cursor:pointer; text-align:center; position:relative;}
.srv-nwlst-ad-fb-page-left-secn .sarvjasnws li img{ width:auto; max-width:100%; vertical-align:middle}
.srv-nwlst-ad-fb-page-left-secn .sarvjasnws li .srv-shrt-img-dscrptn{ position:absolute; bottom:0px; left:0px; background:#000; color:#FFFFFF; font-size:10px; padding:0px; width:100%;}

.srv-show-big-imgg{ width:250px; clear:both; text-align:center; position:relative}
.srv-show-big-imgg img{ width:100%;vertical-align:middlep; padding:5px; background:#eee; }
.srv-show-big-imgg .srv-img-decptn{ position:absolute; bottom:5px; left:5px; padding:2px 10px; color:#fff; background:#000; border-radius:5px;}

.srv-nsw-post-fb{background:#fff; padding:0px!important; margin:0px!important;}
.srv-nwlst-ad-fb-page-right-secn{margin-top:20px; width:450px; float:left}
.srv-nwlst-ad-fb-page-right-secn .col-xs-12{ margin-bottom:10px;}


.sarv-fixit-bar{ position:fixed!important; top:96px!important; width:calc(100% - 227px)!important; z-index:9999}
.sarv-amdin-website-dtl-tble thead th{ background:#004369!important; color:#fff;}
.sarv-amdin-website-dtl-tble{ width:100%; position:relative}
.sarv-amdin-website-dtl-tble .s_website{width:15%; vertical-align:middle; font-weight:bold; padding-right:0px!important}
.sarv-amdin-website-dtl-tble .s_ee{ width:7%; vertical-align:middle; text-align:center}
.sarv-amdin-website-dtl-tble .s_post{ width:7%; vertical-align:middle; text-align:center}
.sarv-amdin-website-dtl-tble .s_publshd{ width:8%; vertical-align:middle; background:#e3f1ff; text-align:center}
.sarv-amdin-website-dtl-tble .s_inbx{ width:7%; vertical-align:middle; text-align:center}
.sarv-amdin-website-dtl-tble .s_pending{ width:7%; vertical-align:middle; text-align:center}
.sarv-amdin-website-dtl-tble .s_promote{ width:7%; vertical-align:middle; background:#dcedfd; text-align:center}
.sarv-amdin-website-dtl-tble .s_monitrng{ width:7%; vertical-align:middle; text-align:center}
.sarv-amdin-website-dtl-tble .s_monitrng_sp{ width:10%; vertical-align:middle; text-align:center}
.sarv-amdin-website-dtl-tble .s_block{ width:7%; vertical-align:middle; text-align:center}
.sarv-amdin-website-dtl-tble .s_unpblshd{ width:7%; vertical-align:middle; text-align:center}
.sarv-amdin-website-dtl-tble .s_tag{ width:10%; vertical-align:middle; text-align:center}
.sarv-amdin-website-dtl-tble .s_tag a{ padding:2px 8px; color:#0066CC; cursor:pointer; border-radius:20px; min-width:70px; display:inline-block; text-align:center; border:solid 1px #ccc;}
.sarv-amdin-website-dtl-tble .s_fb{ width:15%; vertical-align:middle}
.sarv-amdin-website-dtl-tble .s_fb span{ background: #0099cc ; color:#fff; padding:2px 5px; border-radius:20px; display:inline-block; min-width:70px; text-align:center}
.sarv-amdin-website-dtl-tble .s_ststuss{ width:3%; vertical-align:middle}

.srv-ns-admn-web-dtl-row .s_website{width:15%; vertical-align:middle; font-weight:bold; padding-right:0px!important; overflow:hidden;  white-space:nowrap;   -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;}
.srv-ns-admn-web-dtl-row .s_ee{ width:7%; vertical-align:middle; text-align:center}
.srv-ns-admn-web-dtl-row .s_post{ width:7%; vertical-align:middle; text-align:center}
.srv-ns-admn-web-dtl-row .s_publshd{ width:7%; vertical-align:middle; background:#e3f1ff; text-align:center}
.srv-ns-admn-web-dtl-row .s_inbx{ width:7%; vertical-align:middle; text-align:center}
.srv-ns-admn-web-dtl-row .s_pending{ width:7%; vertical-align:middle; text-align:center}
.srv-ns-admn-web-dtl-row .s_promote{ width:7%; vertical-align:middle; background:#dcedfd; text-align:center}
.srv-ns-admn-web-dtl-row .s_monitrng{ width:7%; vertical-align:middle; text-align:center}
.srv-ns-admn-web-dtl-row .s_block{ width:7%; vertical-align:middle; text-align:center}
.srv-ns-admn-web-dtl-row .s_unpblshd{ width:7%; vertical-align:middle; text-align:center}
.srv-ns-admn-web-dtl-row .s_tag{ width:10%; vertical-align:middle; text-align:center}
.srv-ns-admn-web-dtl-row .s_tag a{ padding:2px 8px; color:#0066CC; cursor:pointer; border-radius:20px; min-width:70px; display:inline-block; text-align:center; border:solid 1px #ccc;}
.srv-ns-admn-web-dtl-row .s_fb{ width:15%; vertical-align:middle}
.srv-ns-admn-web-dtl-row .s_fb span{ background: #0099cc ; color:#fff; padding:2px 5px; border-radius:20px; display:inline-block; min-width:70px; text-align:center}
.srv-ns-admn-web-dtl-row .s_ststuss{ width:3%; vertical-align:middle}
.srv-nwlst-ad-fb-page-right-secn .sarv_fb_post {padding:5px 25px; color:#fff; background:#4683ea; border:none; font-weight:bold }

.left-menu-section .dropdown-menu li.active a, .left-menu-section .dropdown-menu li.active a{ background:#f4f4f4 ; color:#333!important; font-weight:normal; }

.content-pags .mail-inbox-area .table tr td.check-sctn-fbposted{padding-left:8px; width:30px; background:#88a2bb ; padding-right:8px;}

.srv-nwlst-ad-fb-page-right-secn .col-xs-12 textarea{ padding:5px; border:solid 1px #eee; background:#f7fdff ; width:100%; text-align:left; resize:none}

.srv-nws-admn-srchmail-drp{ display:inline-block; margin-right:10px;}
.srv-nws-admn-srchmail-drp select{ padding:5px; vertical-align:middle; height:32px; border:1px solid #d4dee8}

.srv-nws-admn-blue-hdr{width:100%; padding:7px; background:#004369; color:#fff; display:inline-block}
.srv-nws-admn-blue-hdr .col-xs-8{ font-weight:bold}
.srv-nws-admn-blue-hdr .col-xs-8 span{ vertical-align:middle; margin-left:15px; background:#fff; color:#000033; display:inline-block; padding:0px 10px; border-radius:20px; font-weight:normal}
.srv-nws-admn-blue-hdr .col-xs-4 a{ color:#fff;}
.srv-nws-admn-blue-hdr .col-xs-4 a i{ vertical-align:middle}


/************************add slider css*********************************/
.srv-admn-web-link-slidr{   position: relative;  width: auto; }
.sarv-slider-area { position: relative;  width: 100%;  min-height:400px; }
.sarv-slider-area .slide-box { position: absolute;  top: 0;  left: 0;  width:100%; height:100%;}
.srv-admn-web-link-slidr .next-sarvnws, .srv-admn-web-link-slidr .prev-sarvnws {  position: absolute;  cursor: pointer;  bottom:-45px; background:#FFFFFF; padding:5px 20px; border-radius:20px; border:1px solid #d4dee8}
.srv-admn-web-link-slidr .next-sarvnws {right: 0px;}
.srv-admn-web-link-slidr .prev-sarvnws {left:0px; }

/*************************/
.sarv-transfer-website-page{ padding-bottom:15px;}
.sarv-transfer-website-page h2{ margin:0px; padding:15px 0px 10px; font-size:18px; border-bottom:#d4dee8 solid 1px; margin-bottom:10px;}
.sarv-transfer-website-page .form-group label{ font-size:13px!important}


.sarv-mobile-number{ width:120px;}
/* .sarv-mobile-number font.yellow{ background: #d89e3a; padding:2px 5px; color:#fff; margin-right:5px; border-radius:2px; font-size:12px;  display:inline-block} */
.sarv-nws-message-dtl{ width:auto; color:#333; overflow:visible!important; text-overflow:none!important;white-space: normal!important;}
.sarv-mobile-number font.yellow{ background: #d89e3a; padding:2px 5px; color:#fff; margin-right:5px; border-radius:2px; font-size:12px; display:inline-block; text-align:center; width:101px;}
.sarv-amdin-website-dtl-tble .s_post a, .sarv-amdin-website-dtl-tble .s_publshd a{ color:#fff}
.sarv-amdin-website-dtl-tble .s_post a:hover, .sarv-amdin-website-dtl-tble .s_publshd a:hover{ color:#fff}


/************************************************************************/
.sarv-setting-listingg{ list-style:none; padding:0px; margin:0px;}
.sarv-setting-listingg li{ width:100%; display:block; margin-bottom:5px;}
.sarv-setting-listingg li .sarv-widtjss{ width:200px; padding:5px; height:25px;}
.sarv-setting-listingg li .sarv-widtjss-short{width:50px; padding:5px; height:25px;}
.sarv-setting-rwa{ border-bottom:1px solid #d4dee8; padding:8px 15px!important; margin:0}
.sarv-setting-rwa:last-child{ border-bottom:none}




.sarv-assign-website-listing{ margin:0px; padding:0px; list-style:none;}
.sarv-assign-website-listing li{ display:block; padding:7px 10px;background:#FFFFFF; border:#CCCCCC solid 1px; border-bottom:none;}
.sarv-assign-website-listing li:hover, .sarv-assign-website-listing li.active{ background:#f2f2f2;}
.sarv-assign-website-listing li:last-child{border-bottom:solid 1px #ccc;}


.sarv-assign-ctgory-upload{ float:none!important; text-align:left!important; padding-left:20px;}

.sarv-amil-butiful-section{ width:30px!important; padding-right:0px; text-align:left; overflow:visible!important}
.sarv-nsw-beautiful{ vertical-align:bottom;  font-size:15px; cursor:pointer; text-shadow:0 1px 1px rgba(150, 150, 150, 1); position:relative}
.sarv-nsw-beautiful.rtng-vlu0{color:#cbc9c9}
.sarv-nsw-beautiful.rtng-vlu1{ color:#f9c53b}
.sarv-nsw-beautiful.rtng-vlu2{ color:#f69906}
.sarv-nsw-beautiful.rtng-vlu3{ color:#fd6b00}
.sarv-nsw-beautiful.rtng-vlu4{ color:#fc574a}
.sarv-nsw-beautiful.rtng-vlu5{ color:#b50b03}
.sarv-nsw-beautiful.beautiful-done-icon{ color:#0099cc}
 
.sarv-admninner-beautiful{ font-size:25px; vertical-align:middle; text-shadow:0 1px 1px rgba(150, 150, 150, 1); cursor:pointer; position:relative;}
.sarv-admninner-beautiful.rtng-vlu0 {color:#cbc9c9}
.sarv-admninner-beautiful.rtng-vlu1 {color:#f9c53b}
.sarv-admninner-beautiful.rtng-vlu2 {color:#f69906}
.sarv-admninner-beautiful.rtng-vlu3 {color:#fd6b00}
.sarv-admninner-beautiful.rtng-vlu4 {color:#fc574a}
.sarv-admninner-beautiful.rtng-vlu5 {color:#b50b03}
.sarv-admninner-beautiful.beautiful-done-icon {color:#0099cc}

.sarv-nsw-beautiful .tooltip-text-outer{position:absolute;min-width:180px; background:#0099cc; font-size:14px; text-align:center; padding:8px 3px; color:#fff; border-radius:5px; left:25px; top:-8px; font-family:Calibri; z-index:999999!important; display:none}
.sarv-nsw-beautiful:hover .tooltip-text-outer{ display:block}
.sarv-nsw-beautiful .tooltip-text-outer:after{ right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #0099cc;
    border-width: 5px;
    margin-top: -5px;}

.sarv-admninner-beautiful:hover .tooltip-text{ display:block}
.sarv-admninner-beautiful .tooltip-text{ position:absolute;min-width:180px; background:#0099cc; font-size:14px; text-align:center; padding:8px 3px; color:#fff; border-radius:5px; left:35px; top:-5px; font-family:Calibri; display:none;}

.sarv-admninner-beautiful .tooltip-text:after{right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #0099cc;
    border-width: 5px;
    margin-top: -5px;}



.user-wbste-listing-area{ width:300px; float:left; background:#f8f8f8; border-right:solid 1px #e7e8e8; font-family:"San Francisco Text","Helvetica Neue",Helvetica,Arial,sans-serif!important}
.user-wbste-listing-area ul{height:500px; overflow-y:hidden}
.user-wbste-listing-area ul:hover{ overflow-y:auto;}
.user-wbste-listing-area .add-btnn{ text-align:center; padding:10px 0px; border-bottom:solid 1px #e7e8e8; }
.user-wbste-listing-area .add-btnn .btn{ padding:4px 10px!important; font-family:Calibri;}
.user-wbste-listing-area ul li a{ color:#333; border-bottom:solid 1px #eff0f1; padding:14px 15px!important; font-size:16px;} 
.user-wbste-listing-area ul li a span{ display:inline-block; width:10px; height:10px; border-radius:100%; margin-right:10px; vertical-align:sub}
.user-wbste-listing-area ul li a span.red{ background:#993333}
.user-wbste-listing-area ul li a span.blue{background:#0099FF}
.user-wbste-listing-area ul li a span.green{ background:#009933}
.user-wbste-listing-area ul li a span.gray{ background:#999999}
.user-wbste-listing-area ul li a span.yellow{ background:#CC9900}
.user-wbste-listing-area ul li a font{ padding-left:20px; font-size:14px; display:inline-block; width:100%; color:#999999}
.user-wbste-listing-area ul li.active a, .user-wbste-listing-area li a:hover{ background:#efefef!important; border-bottom:#e7e8e8 solid 1px!important}



.user-webacnt-dtl-area{ width:calc(100% - 300px); float:left; padding-left:20px; font-family:"San Francisco Text","Helvetica Neue",Helvetica,Arial,sans-serif!important}
.horigentl-tbing{ border-color:#0cc2aa!important; margin-top:10px;}
.horigentl-tbing li a{ color:#000; border-radius:0px!important; border:0px!important; font-size:16px;}
.horigentl-tbing li a i{ margin-right:5px;}
.horigentl-tbing li.active a{ background:#0cc2aa!important; color:#fff!important;}
.horigentl-tbing li a:hover{ background:#0cc2aa!important; color:#fff;}

.user-webacnt-dtl-area .tab-content{ background:#fff; padding:25px 15px 30px 15px; display:inline-block; width:100%; min-height:480px}
.user-webacnt-dtl-area .tab-content .srv-hdng{padding:5px 20px; text-align:center; font-size:2.8rem; font-weight:300; color:#4d96d5; margin-bottom:20px; background:#eff0f1}
.user-email-info-dtlsection{padding-top:10px; padding-left:10px!important; border-bottom:#e7e7e7 dashed 1px; padding-bottom:10px; font-size:16px; color:#000}
.user-email-info-dtlsection h2{ margin:0px; padding:0px; font-size:18px; color:#000}
.user-email-info-dtlsection input[type="radio"]{ vertical-align:sub; margin-left:10px; margin-right:5px;}
.user-email-info-dtlsection input[type="radio"]:first-child{ margin-left:0px;}
.user-email-info-dtlsection input[type="checkbox"]{ vertical-align:sub; margin-right:5px; margin-left:-15px; margin-bottom:13px;}
.user-email-info-dtlsection .btn{ padding:3px 10px!important; font-size:14px!important;}
.user-email-info-dtlsection .dwnlod-linkk{ margin-left:20px; vertical-align:middle}
.user-email-info-dtlsection .user-ac-int-text{  width:90%!important;   border: 1px solid #ccc;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.045) inset; vertical-align:middle; padding:5px;}

.left-label-sectn{ width:100px; text-align:left; display:inline-block; float:left;}

.running-textt{ font-family:JBCursive-V3-Medium!important}


.custom-radio{width: 16px;height: 16px;display: inline-block;position: relative;z-index: 1;	top: 3px;background: url("../images/radio.png") no-repeat; margin-left:10px; margin-right:10px;}
.custom-radio:first-child{ margin-left:0px!important}
.custom-radio:hover{background: url("../images/radio-hover.png") no-repeat;	}
.custom-radio.selected{	background: url("../images/radio-selected.png") no-repeat;	}
.custom-radio input[type="radio"]{margin: 1px;position: absolute;z-index: 2; cursor: pointer;outline: none;opacity: 0;	
		_noFocusLine: expression(this.hideFocus=true); 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
	}

.sarc-ad-box-row{ margin:25px 0px 0px; }
.sarc-ad-box-row:last-child{ margin-bottom:25px;}	
.sarv-ad-das-box{ background:#fff; width:100%; height:50px; border:solid 1px #eee;}


.bottom-box-shadow{box-shadow: 0px 7px 5px -7px rgba(0,0,0,0.40);}

.verify-site-popup .modal-header{ background:#0cc2aa !important; color:#fff!important;}
.verify-site-popup .modal-header h4{ font-size:24px;}
.verify-site-popup .modal-header button.close{ background:#fff; text-align:center; width:30px; height:30px; line-height:30px; border-radius:100%; margin-top:2px;}
.verify-site-popup{ font-family:Calibri}





/**************************************css for dashboard section*******************/	

/*new added css*/

.sarv-dasborad-section{ padding:0px 20px 20px; background:#fff; font-family:Calibri}
 .left-no-padding{ padding-left:0px;}
.right-no-padding{ padding-right:0px;}
.no-padding{ padding:0px!important;}
.sarv-dasborad-section .page-headerr{ margin:15px 0px; font-size:28px; color:#84868e; font-family:Calibri}
.sarv-dasborad-section .page-headerr small{ font-size:18px;}

.website-dsbrd-wbdtl{ background:url(../images/user-website-dtl-bg.jpg) no-repeat; background-size:cover; width:100%;  border-radius:2px; display:inline-block; padding-bottom:10px; position:relative}
.webiste-name{ display:block; width:100%; padding:10px; background:rgba(0, 0, 0, .3); text-align:center; font-size:18px; color:#fff; letter-spacing:1px; text-transform:uppercase}
.website-post-detaill{ width:86%; text-align:center; margin:20px auto 0px; display:block}
.website-post-detaill .dtl-bltbk{ height:70px; text-align:center; margin-bottom:20px; font-size:14px; color:#fff; text-transform:uppercase; background:rgba(256, 256, 256, .2); margin-right:20px; padding-top:10px; width:100%}
.website-post-detaill .dtl-bltbk a{ display:block; color:#fff}
.website-post-detaill .dtl-bltbk a:hover{ color:#fff}
.website-post-detaill .dtl-bltbk span{ display:block; font-size:25px; }

.srvwebsite-reputation-bx{width:86%; padding:17px 0px; background:rgba(256, 256, 256, .2); margin:0 auto; text-align:center; color:#fff; text-transform:uppercase}
.srvwebsite-reputation-bx a{ color:#fff; display:block;}
.srvwebsite-reputation-bx a:hover{ color:#fff;}
.srvwebsite-reputation-bx span{ font-size:25px; font-weight:bold; vertical-align:sub; margin-left:50px;}
.srvwebsite-reputation-bx p{ margin-bottom:0px;}
 
.soacil-link-website{ width:100%; margin:18px 0px 10px; display:inline-block; text-align:center}
.soacil-link-website a{ margin-right:5px; padding:2px 7px; font-size:16px; border-radius:50px; border:none}
.soacil-link-website a i{ vertical-align:middle}
.soacil-link-website a:first-child{padding:2px 11px;}

.chart-section{background:#417ba9; width:100%}
.chart-section h2{ border-bottom:solid 1px rgba(255,255,255,0.10); font-size:16px; text-transform:uppercase; margin:0px; padding:10px; color:#f2f2f2}

.todays-post-section{ background:#f2f2f2; padding:10px; margin:15px 0px;}
.todays-post-section h2{ border-bottom:solid 1px rgba(0, 0, 0 ,0.10); font-size:16px; text-transform:uppercase; margin:0px 10px; padding:10px 0px; color:#444}
.todays-post-section h2 i{ float:right; color:#417ba9 }
.left-no-padding{ padding-left:0px!important;}
.todays-post-section  ul{ margin:0px; padding:0px; list-style:none}
.todays-post-section ul li{ float:left; width:18%; border:solid 5px #fff;  margin:1%; height:290px; cursor:pointer; box-shadow:0 1px 3px #ccc } 
.post-image-show{ width:100%; height:235px; overflow:hidden}
.sarvpost-titmle{ width:100%;  padding:5px 0px 5px; background:#fff; display:inline-block }
.sarvpost-titmle p{ margin-bottom:0px; font-size:14px; color:#000; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.sarvpost-titmle span{ display:block; width:100%; background:#fff;}
.sarvpost-titmle span  .publish-datee{display:inline-block; float:left; font-size:11px; color:#666; vertical-align:middle}
.sarvpost-titmle span  .srv-post-spm-scoree{ display:inline-block; float:right; font-size:11px; color:#fff;  padding:0px 7px}
.sarvpost-titmle span  .srv-post-spm-scoree.itntspam{background:#5b9a42;}
.sarvpost-titmle span  .srv-post-spm-scoree.itisspam{background:#d9534f!important;}

.post-back-detl{ width:100%;  background:#417ba9  ; height:279px!important; padding:10px; position:relative}
.post-back-detl h3{ display:block; color:#fff; font-size:15px;  margin:0px 0px 15px; padding:0px 0px 5px 0px; border-bottom:solid 1px rgba(256, 256, 256, .2)}
.sarv-ltstpost-tag{ width:100%;}
.sarv-ltstpost-tag span:first-child{ display:inline-block; width:25px; float:left; vertical-align:middle}
.sarv-ltstpost-tag span:last-child{ display:inline-block; width:calc(100% - 25px); float:left; vertical-align:middle}
.sarv-ltstpost-tag i{ color:#fff; float:left; vertical-align:top; padding-top:5px;}
.sarv-ltstpost-tag a{ display:inline-block; font-size:11px; color:#fff; text-decoration:none; border:solid 1px rgba(256, 256, 256, .7); border-radius:4px; padding:0px 5px; line-height:normal}
.sarv-ltstpost-tag a:hover{ color:#fff} 

.sarv-ltstpost-website{ padding-bottom:15px; width:100%; display:inline-block; text-align:center}
.sarv-ltstpost-website a{ display:inline-block; font-size:14px; color:#337ab7; text-decoration:none; background:#fff  ; border-radius:8px; padding:5px 10px; line-height:normal; width:150px;}
.sarv-ltstpost-website a:hover{ color:#333} 

.sarv-sahre-postss{ width:100%; margin-top:15px; display:inline-block}
.sarv-sahre-postss span:first-child{ display:inline-block; width:25px; float:left; vertical-align:middle}
.sarv-sahre-postss span:last-child{ display:inline-block; width:calc(100% - 25px); float:left; vertical-align:middle}
.sarv-sahre-postss i{ color:#fff; float:left; vertical-align:top; padding-top:5px;}
.sarv-sahre-postss a{ display:inline-block; font-size:12px; color:#fff; text-decoration:none; width:25px; height:25px; border-radius:50%; vertical-align:middle; padding-top:2px; padding-left:7px; margin-right:5px;}
.sarv-sahre-postss a.fb-iconn{background:#3b5998; padding-left:9px}
.sarv-sahre-postss a.twitter-iconnne{background:#29c1f1}
.sarv-sahre-postss a.googleplus-iconee{background:#d14836}
.sarv-sahre-postss a.email-ionnre{background:#009933}

.view-post-btn{ width:100%; margin-top:15px; display:inline-block; text-align:center; bottom:17px; position:absolute; left:0px;}
.view-post-btn a{ background:#fff; padding:7px 40px; font-size:12px; text-decoration:none; color:#337ab7; text-transform:uppercase; border-radius:20px;  box-shadow: -1px 0px 5px #666;}
 
 .srvlist-empty-bx{ width:100%; text-align:center; margin-top:126px;}
.flip-container { -webkit-perspective: 1000;-moz-perspective: 1000;  -o-perspective: 1000;  perspective: 1000; width:100% }
.flip-container:hover .flipper,  .flip-container.hover .flipper {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg); -o-transform: rotateY(180deg);
transform: rotateY(180deg);}
.flip-container, .front, .back {width: 100%;height: 427px;}
.flipper {-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-moz-transition: 0.6s;-moz-transform-style: preserve-3d; -o-transition: 0.6s;-o-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;position: relative;}
.front, .back {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden; -o-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;
left: 0;} 
.back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg); -o-transform: rotateY(180deg);transform: rotateY(180deg); }


.srv-offer-post{ margin-top:0px!important;}
.srv-offer-post .view-post-btn a{background:#d75742!important; color:#fff}
.srv-offer-post h2{color:rgba(199,59,59,1.00); font-family:JBCursive-V3-Medium!important; text-transform:capitalize}

.top-5-beutiful-post{ width:100%;  background:#f2f2f2; padding:10px; display:inline-block; margin-bottom:15px;}
.top-5-beutiful-post h2{  font-size:16px; text-transform:uppercase; margin:0px 10px; padding:10px 0px; color:#444; border-bottom:1px solid rgba(0, 0, 0, 0.1)}
.top-5-beutiful-post .beautiful-post-lists{ width:100%; padding:10px 10px 0px;}
.top-5-beutiful-post .beautiful-post-lists ul{ margin:0px; padding:0px; list-style:none}
.top-5-beutiful-post .beautiful-post-lists ul li{ padding:5px 5px 5px 0px; font-size:13px; color:#222; display:inline-block; border-bottom:1px solid #d4dee8; width:100%;}
.top-5-beutiful-post .beautiful-post-lists ul li:last-child{ border-bottom:none; padding-bottom:0px;}
.top-5-beutiful-post .beautiful-post-lists ul li .post-list-count{width:30px; display:inline-block; float:left}
.top-5-beutiful-post .beautiful-post-lists ul li .post-list-count span{width:20px; display:inline-block; vertical-align:middle;  height:20px; border-radius:4px; text-align:center; font-size:12px; background:#1c84c6; color:#fff; line-height:20px ; }
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-title{ width:calc(100% - 300px); display:inline-block; float:left; padding-right:15px}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-title a{ color:#222; vertical-align:middle}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-likes{ width:70px; display:inline-block; float:left}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-likes span{background: #ef6149; border: medium none; border-radius:2px; color: #fff;  padding:2px; vertical-align:middle; display:inline-block; width:60px; text-align:center; line-height:normal}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-likes span i{ margin-right:5px; vertical-align:initial}
.list-post-webstee{width:110px; display:inline-block; float:left}

.top-5-beutiful-post .beautiful-post-lists ul li .list-post-webstee{ width:110px; display:inline-block; float:left}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-webstee span{background: #6bafbd; border: medium none; border-radius:2px; color: #fff;  padding:2px; vertical-align:middle; display:inline-block; width:96px; text-align:center; line-height:normal}

.top-5-beutiful-post .beautiful-post-lists ul li .list-post-score{ width:40px; display:inline-block; float:left}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-score span{background: #65cea7; border-radius: 2px;  color: #fff; display: inline-block;padding:0; text-align: center !important; width: 33px; vertical-align:middle; line-height:20px;}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-publish-post{ width:50px; font-size:12px; display:inline-block; float:right; text-align:right}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-publish-post font{color:#999; font-size:10px; padding:0px; margin:0px; display:block;}

.top-5-beutiful-post .beautiful-post-lists ul li.no-more-post-avaialble{padding:5px 5px 10px 0}
.top-5-beutiful-post .beautiful-post-lists ul li.no-more-post-avaialble:last-child{ padding-bottom:0px!important}
.top-5-beutiful-post .beautiful-post-lists ul li.no-more-post-avaialble .post-list-count span{ background:#d0d3d6!important}
.top-5-beutiful-post .beautiful-post-lists ul li.no-more-post-avaialble .list-post-title a{ width:80%; height:5px; background:#ddd!important; border-radius:5px; display:inline-block}
.top-5-beutiful-post .beautiful-post-lists ul li.no-more-post-avaialble .list-post-likes span{width:80%;; height:5px; background:#ddd!important; border-radius:5px; display:inline-block}
.top-5-beutiful-post .beautiful-post-lists ul li.no-more-post-avaialble .list-post-webstee span{width:80%;; height:5px; background:#ddd!important; border-radius:5px; display:inline-block}
.top-5-beutiful-post .beautiful-post-lists ul li.no-more-post-avaialble .list-post-score span{width:80%;; height:5px; background:#ddd!important; border-radius:5px; display:inline-block}


.website-reputsation-sec{ width:100%;  background:#f2f2f2; padding:10px; display:inline-block; margin-bottom:15px; position:relative}
.website-reputsation-sec h2{  font-size:16px; text-transform:uppercase; margin:0px 10px; padding:10px 0px; color:#444; border-bottom:1px solid rgba(0, 0, 0, 0.1)}
.website-reputsation-sec ul{ list-style:none; margin:5px 10px 0px; padding:0px}
.website-reputsation-sec ul li{ font-size:16px; color:#444; padding:8.7px 0px; display:block; border-bottom:1px solid #d4dee8; transition:all 0.2s ease 0s; position:relative }
.website-reputsation-sec ul li font{ margin-right:20px; vertical-align:middle; border-radius:100%; width:25px; height:25px; display:inline-block; text-align:center; line-height:25px; background:#fbae3c  ; color:#fff; border:none}
.website-reputsation-sec ul li:last-child{ border-bottom:none}
.website-reputsation-sec ul li:hover{ background:#f7f7f7}
.website-reputation-score{ float:right;display:inline-block; border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    height: 30px;
    line-height: 30px;   
    vertical-align: middle;
    width: 30px;
 text-align:center;  background:#22becc ; color:#fff;  position:relative; z-index:2; cursor:pointer}
.hover-effect-btn-show-dahsbrd{display:inline-block; float:right; margin-top:-5px; position:relative}
.hover-show-vbtn-dhbrd{ position:absolute; right:0px; z-index:1; width:30px; transition:all 0.5s ease-out 0s; overflow:hidden; height:30px; }
.hover-show-vbtn-dhbrd i{ width:30px; height:30px; background:rgb(239, 108, 0); color:#fff; text-align:center; border-radius:50%; line-height:30px; margin-right:5px; cursor:pointer}
.hover-effect-btn-show-dahsbrd:hover .hover-show-vbtn-dhbrd{ right:30px!important; width:115px; height:30px;}

.website-reputsation-sec .viewmore-btnn{text-align:center; margin:10px 0px; display:inline-block; width:100%; position:absolute; bottom:-21px}
.website-reputsation-sec .viewmore-btnn a{background:#1c84c6   ; border:none; padding:3px 8px}

.website-reputsation-sec ul li.no-more-post-awailable{ position:relative}
.website-reputsation-sec ul li.no-more-post-awailable:after{ position:absolute; left:50px; top:20px; width:40%; background:#ddd; height:5px; border-radius:5px; content:"";}
.website-reputsation-sec ul li.no-more-post-awailable font{ background:#ddd; border:none}
.website-reputsation-sec ul li.no-more-post-awailable .hover-effect-btn-show-dahsbrd{  background:#ddd; box-shadow:none; width:30px!important; height:5px!important; display:inline-block; border-radius:5px; margin-top:15px;}
.website-reputsation-sec ul li.no-more-post-awailable .hover-effect-btn-show-dahsbrd span.hover-show-vbtn-dhbrd{ display:none}


.top-5-post-section{ width:100%; display:inline-block; padding:0px;}
.top-5-post-section .col-md-6:first-child{ padding-right:7px;}
.top-5-post-section .col-md-6:last-child{ padding-left:7px;}
.top-spam-score-post{ width:100%;  background:#f2f2f2; padding:10px 10px 20px; position:relative; min-height:300px;}
.top-spam-score-post h2{  font-size:16px; text-transform:uppercase; margin:0px 10px; padding:10px 0px; color:#444; border-bottom:1px solid rgba(0, 0, 0, 0.1)}
.top-spam-score-post ul{ list-style:none; margin:0px; padding:0px 10px;}
.top-spam-score-post ul li{ float:none; display:inline-block; width:100%;  padding:10px 0px; border-bottom:dashed 1px #ddd; }
.top-spam-score-post ul li a{ display:inline-block; color:#333; font-size:14px; width:calc(100% - 220px); float:left}
.top-spam-score-post ul li a:hover{ color:#337ab7}
.top-spam-score-post ul li  font{ vertical-align:middle;}
.top-spam-score-post ul li  font.post-publish-dtl{ color:#666; font-size:11px; margin-left:5px; float:right}
.top-spam-score-post ul li  span{ display:inline-block; float:right; font-size:11px; width:100px; }
.top-spam-score-post ul li  font.label{ font-size:12px; padding:2px 5px; border-radius:2px;}
.top-spam-score-post ul li .s-post-wbst-nme{ background:#6bafbd ; border-radius:2px; text-align:center; color:#fff; padding:2px; float:left}

.top-spam-score-post ul li.no-available-post{ padding-top:18px;}
.top-spam-score-post ul li.no-available-post a{ width:calc(100% - 270px); background:#ddd; height:5px; border-radius:5px; vertical-align:middle; margin-right:50px;}
.top-spam-score-post ul li.no-available-post .s-post-wbst-nme{background:#ddd; height:5px; border-radius:5px; vertical-align:middle; }
.top-spam-score-post ul li.no-available-post font.label{background:#ddd; height:5px; border-radius:5px; width:40px!important; display:inline-block; vertical-align:top}
.top-spam-score-post ul li.no-available-post font.post-publish-dtl{background:#ddd; height:5px; border-radius:5px; width:40px;}


/*new added css*/
 

.website-category-add-listing-btn{ margin:0px; padding:0px; list-style:none; display:inline-block;}
.website-category-add-listing-btn li{ display:inline-block; float:left; min-width:100px;  margin-right:20px; margin-bottom:10px;}
.website-category-add-listing-btn li a{ display:block; text-align:center; height:40px; line-height:40px; border:dashed 1px #aaa; position:relative; padding:0px 5px; color:#999}
.website-category-add-listing-btn li a i{font-size:22px;}
.website-category-add-listing-btn li.ctegry-seleted a i{ padding-right:5px; font-size:16px; vertical-align:middle}
.website-category-add-listing-btn li a:hover, .website-category-add-listing-btn li.ctegry-seleted a{ border:dashed 1px #337ab7}
.sarv4pop-up-lisnitng{ list-style:none; margin:0px; padding:0px; border:solid 1px #ccc; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; }
.sarv4pop-up-lisnitng li{ float:none; display:block; padding:5px 10px; border-bottom:solid 1px #eee; cursor:pointer}
.sarv4pop-up-lisnitng li:hover{ background:#f2f2f2}
.sarv4pop-up-lisnitng li:last-child{ border-bottom:none}

.sr-categry-lisitng{ width:700px!important;}
.sr-categry-lisitng .modal-body{display:inline-block!important; width:100%!important; padding:0px!important;}
.sr-categry-lisitng .modal-content{border-radius:0px!important}
.sarv-category-listing-scroll{ display:inline-block; padding:0px!important;border-right:1px solid #e7e8e8; }
.sarv-category-listing-scroll h4{ margin:0px 0px; padding:10px; background:#f4f4f4 ; font-size:18px; border-bottom:solid 1px #ddd}
.sarv-category-listing-scroll ul{ margin:0px; padding:0px; list-style:none; height:300px!important; overflow-y: scroll!important;}
.sarv-category-listing-scroll ul li{ display:block; float:none;margin-bottom: 0px;    margin-right: 0px;    min-width: auto; position:relative;}
.sarv-category-listing-scroll ul li a{ padding:5px 10px 5px 30px!important; border-bottom:1px solid #eff0f1!important; display:block; color:#333!important; text-transform:capitalize!important; margin:0px; height:auto; line-height:normal; text-align:left; border:none; position:relative;}
 
.sarv-category-listing-scroll ul li a:hover, .sarv-category-listing-scroll ul li.active a{ background:#f2f2f2!important; border:none;}
.sarv-category-listing-scroll ul li:last-child a{border-bottom:none!important;}
.sarv-category-listing-scroll ul li.selected a{ color:#ccc!important}

.ctgry-drcption{padding-top:38px!important;  background:#f2f2f2; min-height:341px!important;}
.ctgry-drcption p{ text-transform:capitalize;}
.ctgry-drcption .tab-content{ padding:0px!important; background:none!important; min-height:auto!important}
 
 
/******************css for dashbord graph****************************/
.amcharts-graph-g1 .amcharts-graph-stroke {
stroke-dasharray: 3px 3px;
stroke-linejoin: round;
stroke-linecap: round;
-webkit-animation: am-moving-dashes 1s linear infinite;
animation: am-moving-dashes 1s linear infinite;
}

@-webkit-keyframes am-moving-dashes {
100% {
 stroke-dashoffset: -30px;
 }
 }
@keyframes am-moving-dashes {
 100% {
 stroke-dashoffset: -30px;
  }
}


 .lastBullet {
-webkit-animation: am-pulsating 1s ease-out infinite;
 animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes am-pulsating {
 0% {
stroke-opacity: 1;
 stroke-width: 0px;
}
 100% {
 stroke-opacity: 0;
stroke-width: 50px;
}
 }
 @keyframes am-pulsating {
  0% {
stroke-opacity: 1;
 stroke-width: 0px;
}
100% {
stroke-opacity: 0;
 stroke-width: 50px;
}
}

.amcharts-graph-column-front {
 -webkit-transition: all .3s .3s ease-out;
transition: all .3s .3s ease-out;
}
.amcharts-graph-column-front:hover {
fill: #fff;
 stroke: #fff;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
  }


.amcharts-graph-g2 {
stroke-linejoin: round;
stroke-linecap: round;
stroke-dasharray: 500%;
stroke-dasharray: 0 \0/;    /* fixes IE prob */
stroke-dashoffset: 0 \0/;   /* fixes IE prob */
-webkit-animation: am-draw 40s;
animation: am-draw 40s;
}
@-webkit-keyframes am-draw {
0% {
stroke-dashoffset: 500%;
}
100% {
stroke-dashoffset: 0px;
 }
}
@keyframes am-draw {
0% {
stroke-dashoffset: 500%;
}
100% {
 stroke-dashoffset: 0px;
 }
}





.sarv-headerr .right-top-menu-user{text-align:right; padding-top:0px; width:160px; display:inline-block!important; position:absolute; top:6px; right:10px!important; }
.sarv-headerr .right-top-menu-user a{ color:#fff; padding:3px 10px; font-size:13px; border:solid 1px #fff; border-radius:20px; display:inline-block}
.sarv-headerr .right-top-menu-user a i{ vertical-align:middle}
.sarv-headerr .right-top-menu-user .dropdown{ display:inline-block}
.sarv-headerr .right-top-menu-user .dropdown .dropdown-menu{ right:0!important; background:#eee ; left:auto; border-radius:0px 0px 4px 4px; min-width:290px!important; top:29px!important; padding:10px;}
.sarv-headerr .right-top-menu-user .dropdown .dropdown-menu .col-sm-3 i{ width:50px; height:50px; background:#999999; color:#fff; text-align:center; line-height:50px; border-radius:50%; font-size:24px;}
.sarv-headerr .right-top-menu-user .dropdown .dropdown-menu h3{ margin:0px; padding:0px; font-size:15px; font-weight:bold; font-family:Calibri}
.sarv-headerr .right-top-menu-user .dropdown .dropdown-menu p{ font-size:14px; font-family:Calibri}
.sarv-headerr .right-top-menu-user .dropdown .dropdown-menu a.btn{border-radius:50px; border:none!important}

.post-anylsis-result-list{ margin:0px; padding:0px; list-style:none;}
.post-anylsis-result-list  li{ display:inline-block; float:none; width:100%; }
.post-anylsis-result-list  li a{ display:inline-block; font-size:13px; padding:0px; position: relative; width:auto; float:left;}
.post-anylsis-result-list  li  a .resultlist-hover-ppopup{ width:250px; padding:10px; z-index:1000;  min-height:200px; background:#fff; display:none; position:absolute; top:5px; left:100%; border:solid 2px ; border-radius:5px}
.post-anylsis-result-list  li a:hover .resultlist-hover-ppopup { display:block}




/*add new css for email dashobrd page*/

.hedr-fixed-submenu{ width:100%; position:fixed; top:47px; background:#f7f5ee;  border-bottom: 1px solid #e5eff9; box-shadow: 0 7px 5px -7px rgba(0, 0, 0, 0.4); z-index:555; padding-left:15px; margin-left:-15px;}
.hedr-fixed-submenu .extra-btn{ width:100%; float:left; display:inline-block;  padding:5px 0px;}
.hedr-fixed-submenu .extra-btn .btn{ font-size:12px;}
.hedr-fixed-submenu .extra-btn ul.btn-sectionn{ list-style:none; margin:0px; padding:0px; display:inline-block; vertical-align:text-top}
.hedr-fixed-submenu .extra-btn ul.btn-sectionn li{ float: left; display:inline-block; padding-right:15px;}
.hedr-fixed-submenu .extra-btn .dropdown-menu li, .hedr-fixed-submenu .extra-btn .dropdown-menu li a{ display:block; width:100%; padding-right:0px!important; font-size:12px!important;}

.hedr-fixed-submenu .extra-btn .search-popup-btn{width:300px; display:inline-block; float:right; vertical-align:middle; text-align:right}
.hedr-fixed-submenu .extra-btn .search-popup-btn .btn{ font-size:14px; text-transform:uppercase; padding:4px 10px;  outline:none}

.left-side-menu{  background: #f7f5ee;  border-right: 1px solid #d4dee8;  float: left;  height: 100%;  padding: 0;  position: fixed;  width: 215px; top:47px; display:none}
.left-side-menu .search-bx{ width:100%; padding:6px 10px; float:left; border-bottom:1px solid #d4dee8; margin-bottom:15px;}
.left-side-menu .search-bx .btn{ padding:4px 12px;}
.left-side-menu .search-bx .form-control{ height:30px;}
.left-side-menu ul{ list-style:none; margin:0px; padding:10px 0px 0px;}
.left-side-menu ul li{ display:block;}
.left-side-menu ul li a{ display:block; padding:6px 5px 6px 30px; font-size:14px; color:#222; font-family:calibri!important}
.left-side-menu ul li.active a{ color:#dd4b39}
.content-panel-section{ width:100%; padding:10px 15px; display:inline-block; margin-left:0px; margin-top:94px; font-family:calibri!important;}
.content-panel-section h2{ margin:5px 0px 10px; padding:0px 0px 10px; font-size:18px; color:#444; border-bottom:1px solid rgba(0, 0, 0, 0.1); font-family:calibri}
 
.content-panel-section .breadcrumb{ margin-bottom:10px; padding:5px 10px;}
.content-panel-section .breadcrumb li{ line-height:normal}
.content-panel-section .breadcrumb li a{ font-size:12px;  }
.content-panel-section .breadcrumb li.active a{ font-size:12px;}

.content-panel-section .main-tab-btn_s li a span{ vertical-align:middle; padding:0px 5px; font-weight:normal}
.content-panel-section .main-tab-btn_s li.active a{ background:#f2f2f2!important;}
.content-panel-section .tab-content{ border:solid 1px #ddd; border-top:none; padding:5px; background:#f2f2f2; width:100%; display:inline-block}
.content-panel-section .tab-content .panel-box{ background:#fff; width:100%; padding:10px; border:1px solid #e7eaec !important; margin-bottom:15px; display:inline-block}
.content-panel-section .tab-content .panel-box:last-child{ margin-bottom:0px;}
.content-panel-section .tab-content .panel-box .inner-navbtnS{border:none}
.content-panel-section .tab-content .panel-box .inner-navbtnS li a{ padding:4px 10px; margin-right:10px;border-radius:0px; font-size:12px; border:solid 1px #337ab7 }
.content-panel-section .tab-content .panel-box .inner-navbtnS li.active a{ background:#337ab7 ; color:#fff;}
.content-panel-section .tab-content .panel-box .inner-tabS{ background:none!important; padding:10px 0px 0px; border:none}
.content-panel-section .tab-content .panel-box .inner-tabS .chart-section h2{ border-bottom:none; font-size:16px; text-transform:uppercase; margin:0px; padding:10px; color:#f2f2f2}
.content-panel-section .tab-content .panel-box h3{ border-bottom: 1px solid rgba(0, 0, 0, 0.1);  color: #444;  font-size: 16px;  margin: 0px 0px 10px;  padding: 0px 0px 10px;
 text-transform: uppercase;}
.content-panel-section .tab-content .panel-box h3 .btn{ vertical-align:middle; padding:0px 5px; margin-left:10px;}
.content-panel-section .tab-content .panel-box h3.jyada-space{font-size:18px!important; margin-left:15px!important; margin-right:10px!important;}
.ibox-content{background-color:#ffffff; border-bottom:#e7eaec solid 1px; color:#676a6c; padding:15px 20px 20px;}
.ibox-content:last-child{border-bottom:none}
.stats-label{ font-size:14px;}
.stats-label a{ color:#676a6c; text-decoration:underline}
.ibox-content h4{ margin-top:5px; font-size:16px; margin-bottom:0px; padding:0px; font-weight:600}

.bx-report-cntent{ border:1px solid rgba(221, 221, 221, 0.7); box-shadow:0 1px 1px -1px rgba(0, 0, 0, 0.2); color:#777; font-size:13px; background:#fff; margin-right:10px; margin-bottom:5px; padding:5px 15px;}
.bx-report-cntent span{ font-size:19px; font-weight:bold; color:#2a6496; margin-right:10px;}

.panel-email-listing-bx{ width:100%; } 
.panel-email-listing-bx .table-responsive{ margin-top:15px; background:#f4f4f4}
.panel-email-listing-bx .table-responsive table{ margin-bottom:0px;}
.panel-email-listing-bx .table-responsive table tr th{ padding:8px 5px!important; background:#ddd;}
.panel-email-listing-bx .table-responsive table tr th:first-child{ padding-left:10px!important;}
.panel-email-listing-bx .table-responsive table tr td{border-bottom:#d4dee8; color:#222; font-size:13px; padding:5px; line-height:none; vertical-align:middle}
.panel-email-listing-bx .table-responsive table tr td a{ color:#222; vertical-align:middle; padding-left:5px;}
.panel-email-listing-bx .table-responsive table tr td.p-date{ font-size:12px;}
.panel-email-listing-bx .table-responsive table tr td.p-date small{color:#999; font-size:10px; padding:0px; margin:0px; display:block; padding-left:10px;}
.panel-email-listing-bx .table-responsive table tr td span.gray-lable{ display:inline-block; padding:0px 5px; background:#777777; font-size:12px; vertical-align:middle; border-radius:2px; color:#fff;}
.panel-email-listing-bx .table-responsive table tr td span.label{ padding:2px 10px; font-size:12px; border-radius:20px; vertical-align:initial; }
.panel-email-listing-bx .table-responsive table tr td span.code_s{padding:0px 10px; font-size:12px; border-radius:20px; vertical-align:initial; min-width:80px; border:solid 1px #aaa}
.panel-email-listing-bx .table-responsive table tr td span.type-soft{padding:0px 10px; font-size:12px; border-radius:20px; vertical-align:initial; min-width:80px; background:#d9534f; color:#fff}
.panel-email-listing-bx .table-responsive table tr td span.type-hard{padding:0px 10px; font-size:12px; border-radius:20px; vertical-align:initial; min-width:80px; background:#5cb85c; color:#fff}

.panel-email-listing-bx .table-responsive table tr td span.publish{padding:0px 10px; font-size:12px; border-radius:20px; vertical-align:initial; min-width:80px; background:#d9534f; color:#fff}

.panel-email-listing-bx .table-responsive table tr td span.unpublish{padding:0px 10px; font-size:12px; border-radius:20px; vertical-align:initial; min-width:80px; background:#5cb85c; color:#fff}


.tbl-footer{ margin-top:15px;}
.tbl-footer ul.pagination{ margin:0px;}
.page-selection-bx{ width:200px; float:right}
.panel-alert-s{ margin-bottom:10px!important; padding:10px!important; margin-top:5px;}

/***************css for list campaign page*********************/
.capmpaign-report-hdng{border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:0px; padding-bottom:5px; margin-bottom:10px;}
.capmpaign-report-hdng h2{ border-bottom:none; margin-bottom:0px;}
.capmpaign-report-hdng h2 span{ vertical-align:inherit; background:#1ab394; color:#fff; border-radius:10px; padding:2px 10px; margin-left:5px; font-size:14px; display:inline-block; min-width:40px;}
.list-campaign-section{ width:100%; background:#f2f2f2;  margin-top:10px; clear:both; border:solid 1px #ddd; padding:5px;}
.list-campaign-section ul{ list-style:none; margin:0px; padding:0px;}
.list-campaign-section ul li{ float:none; display:inline-block; width:100%; padding:0px 0px 5px; border-bottom:solid 1px #ddd; background:#fff}
.list-campaign-section ul li:hover{ background:#f9f9f9}
.list-campaign-section ul li:first-child{ padding-top:0px!important;}
.campaign-image-sectin{ width:170px; float:left}
.campaign-image-sectin .campign-img{ width:100%; height:125px; overflow:hidden;  border:solid 5px #fff;}
.campaign-image-sectin .campign-img	img{ width:100%; border:solid 1px #ddd}
.campaign-image-sectin .campgin-send-date{ width:94%; margin-top:5px; background:#f2f2f2; padding:1px 10px; font-size:12px; margin:0 auto; border:solid 1px #ddd}

.campaign-details{ width:calc(100% - 185px); float:right; }
.campaign-details h1{ margin:0px; padding:5px 0px 0px; font-size:18px;   margin-bottom:10px; color:#222}
.campaign-details h1 a{color:#222;}
.campaign-details h1 font{ margin-right:5px; color:#444 }
.campaign-details h1 span{ float:right; font-size:12px; color:#666; padding-right:10px; padding-top:5px;}
.campaign-details h1 span i { margin-right:5px;}
.number-subscriber{ width:200px; font-size:14px; color:#676a6c; display:block;}
.number-subscriber span{ font-size:18px; font-weight:bold; color:#1B8A00; margin-right:5px; line-height:normal}
.number-contct-list{ display:inline-block;  font-size:14px; color:#676a6c; text-align:center}
.number-contct-list span{ font-size:18px; font-weight:bold; color:#C58F07; margin-right:5px; line-height:normal}

.campaign-details .link-btn-sectn{ margin-top:10px;}
.campaign-details .link-btn-sectn .btn{ padding:1px 5px 1px 10px; margin-right:15px; text-align:center}
.campaign-details .link-btn-sectn .btn i{ margin-right:5px;}
.campaign-details .link-btn-sectn .btn-default{ background:#eee; color:#666; margin-right:0px; border-radius:0px!important; padding:1px 10px;}
.campaign-details .link-btn-sectn .btn-default.active{ background:#337ab7; color:#fff; border-color:#2e6da4}
.no-margin{ margin:0px!important;} 
.campaign-status{ font-size:14px; color:#676a6c; margin-bottom:0px;}
.campaign-status tr td{  border-top:none!important}
.campaign-status tr td span{ margin-right:5px; font-weight:bold; font-size:18px; line-height:normal; vertical-align:bottom}
.pers-vlau-show{ background:#f7f5ee ; border-radius:5px; padding:10px 10px 5px; display:inline-block; line-height:normal; text-align:left; margin-top:10px;} 
.pers-vlau-show .per-v-icon{width:40px; display:inline-block; float:left; vertical-align:middle}
.pers-vlau-show .per-v-icon i{font-size:30px; color:#aaa}
.pers-vlau-show .per-v-deatl{display:inline-block; vertical-align:middle; line-height:16px; font-size:22px; color:#48cfad; text-align:center}
.pers-vlau-show .per-v-deatl font{display:block; font-size:12px; color:#888; }
.list-campaign-section ul li:hover .pers-vlau-show{ background:#fff;}


.campaign-saved-schedule{line-height:57px; background:#f2f2f2; height:60px; border:solid 1px #f2f2f2; margin-top:10px; }
.campaign-saved-intercation-rate{background:#f7f5ee ; width:100%; height:60px; text-align:center; font-size:16px; color:#666; padding-top:10px; line-height:20px; border:solid 1px #f7f5ee; margin-top:10px;}
.campaign-saved-intercation-rate a{ display:block; color:#666}
.campaign-saved-last-schedule{width:100%; height:60px; background:#f2f2f2; padding-top:10px; color:#666; border:solid 1px #f2f2f2; margin-top:10px;}

.list-campaign-section ul li:hover .campaign-saved-last-schedule, .list-campaign-section ul li:hover .campaign-saved-intercation-rate, .list-campaign-section ul li:hover  .campaign-saved-schedule{border:solid 1px #eee}

.campaign-list-status-dtl{ background:#f7f5ee ; border-radius:5px; padding:10px 10px 10px; display:inline-block; line-height:normal; text-align:left; margin-top:10px; min-width:200px;} 
.campaign-list-status-dtl span{display:block; vertical-align:middle; line-height:16px; font-size:16px;  text-align:left; padding-left:17px; position:relative}
.campaign-list-status-dtl span.success_c{color:#4ca34c;}
.campaign-list-status-dtl span.success_c:after{ position:absolute; left:0px; font-family:FontAwesome; content:'\f00c'; font-size:12px;}

.campaign-list-status-dtl span.pending_c{color:#f8ac59;}
.campaign-list-status-dtl span.pending_c:after{ position:absolute; left:0px; font-family:FontAwesome; content:'\f110'; font-size:12px;}

.campaign-list-status-dtl span.sending_c{color:#428bca;}
.campaign-list-status-dtl span.sending_c:after{ position:absolute; left:0px; font-family:FontAwesome; content:'\f110'; font-size:12px;}

.campaign-list-status-dtl span.reject_c{color:#d9534f;}
.campaign-list-status-dtl span.reject_c:after{ position:absolute; left:0px; font-family:FontAwesome; content:'\f071'; font-size:12px;}

.campaign-list-status-dtl span.error_c{color:#d9534f;}
.campaign-list-status-dtl span.error_c:after{ position:absolute; left:0px; font-family:FontAwesome; content:'\f071'; font-size:12px;}

.campaign-list-status-dtl span.stop_c{color:#d9534f;}
.campaign-list-status-dtl span.stop_c:after{ position:absolute; left:0px; font-family:FontAwesome; content:'\f071'; font-size:12px;}

.campaign-list-status-dtl span.process_c{color:#428bca  ; }
.campaign-list-status-dtl span.process_c:after{ position:absolute; left:0px; font-family:FontAwesome; content:'\f252'; font-size:12px;}

.campaign-list-status-dtl span.hold_c{color:#f8ac59;}
.campaign-list-status-dtl span.hold_c:after{ position:absolute; left:0px; font-family:FontAwesome; content:'\f256'; font-size:12px;}
  
.campaign-list-status-dtl span.pause_c{color:#46b8da; } 
.campaign-list-status-dtl span.pause_c:after{ position:absolute; left:0px; font-family:FontAwesome; content:'\f04c'; font-size:12px;}

.campaign-list-status-dtl span i{ margin-right:5px; vertical-align:initial; font-weight:normal; font-size:12px;}
.campaign-list-status-dtl font{display:block; font-size:12px; color:#666; font-family:calibri}

.dashbord-cmpgin-status-gh{display: table!important; margin: -10px auto 10px!important;  padding: 4px 10px 8px!important;   width: 180px!important; background:#fff!important; }

/*.list-campaign-section ul li:hover .campaign-list-status-dtl{ background:#fff;}*/

.camaign-list-subscriber-sectn{ width:100%; background:#f7f5ee ; border:1px solid #f7f5ee; padding:7px 10px}
.camaign-list-subscriber-sectn h3{margin:0px; padding:0px; display:inline-block; font-size:16px; font-weight:bold; color:#666; vertical-align:middle; margin-right:5px;}
.camaign-list-subscriber-sectn .count-box{padding:1px 5px;  background:#999; color:#fff; vertical-align:middle; min-width:40px; display:inline-block; text-align:center}
.camaign-list-subscriber-sectn .btn{border-radius:0px; background:none; color:#666}
.camaign-list-subscriber-sectn .upload-link-sbcrbe{display:block; text-align:left; margin-left:80px; margin-top:2px}
.camaign-list-subscriber-sectn .upload-link-sbcrbe a{font-size:12px;}
.sbscbr-notificetion{display:block; margin-top:5px; margin-bottom:3px;}
.sbscbr-notificetion a{background:#fcf8e3; padding:2px 5px; color:#8a6d3b; font-size:12px; border:solid 1px #faebcc}
.sbscbr-notificetion a i{font-size:11px; vertical-align:baseline}
.sbscbr-notificetion .well{background:#fff; box-shadow:none;  margin-bottom:0px; border-radius:0px; margin-top:5px; padding:0px}
.sbscbr-notificetion .well table{ margin-bottom:0px;}
.sbscbr-notificetion .well table thead th{ background:#ddd; color:#222; border-bottom:solid 1px #d4dee8; padding:5px 10px; font-size:13px;}
.sbscbr-notificetion .well table tbody td{ background:#fff; color:#222; border-bottom:solid 1px #d4dee8; padding:5px 10px; font-size:13px;}
.sbscbr-notificetion .well table tbody tr:last-child td{border-bottom:none}
.listcamgn-cutom-fields{ padding-top:7px!important}
.listcamgn-cutom-fields .field-count{padding:1px 5px;  background:#999; color:#fff; vertical-align:middle; min-width:40px; display:inline-block; text-align:center}
.listcamgn-cutom-fields .btn{border-radius:0px; background:none; color:#666}

 
.contact-list-action-btn{ position:absolute; top:0px; right:0px;}
.contact-list-action-btn .btn{border-radius:0px; background:#f2f2f2; font-size:18px; padding:0px 20px; border:solid 1px #e9e9e9; color:#666}
.contact-list-action-btn .dropdown-menu{ right:0px!important; left:auto; line-height: normal}
.contact-list-action-btn .dropdown-menu li { margin:0px; line-height: normal; background:none; padding:0px; border-bottom:none; display:block}
 
.form-sectionarea .extra-nots-section{ margin-top:15px; padding:15px; border:1px solid #e7eaec; background:#f2f2f2}
.form-sectionarea .extra-nots-section h2{ font-size:18px; margin:0px 0px 10px; padding:0px 0px 10px; }
.form-sectionarea label{ font-weight:normal}
.form-sectionarea .error-msgg{ margin-bottom:0px; margin-top:10px; padding:5px 10px;}
.form-sectionarea .extra-nots-section ul{ list-style:none; margin:0px; padding:0px;}
.form-sectionarea .extra-nots-section ul li{ display:block; padding-bottom:10px; padding-left:10px; font-size:13px; position:relative; color:#444}
.form-sectionarea .extra-nots-section ul li:after{ position:absolute; content:""; width:5px; height:5px; border-radius:100%; left:0px; top:7px; background:#666}
.form-sectionarea .extra-nots-section ul li a{display:block; color:#444; text-decoration:none}


.no-margin-left{ margin-left:0px!important}
.no-margin-right{ margin-right:0px!important}

.contact-list-tbl{ width:100%;}
.contact-list-tbl thead tr td{ background:#004369 ; font-weight:bold; color:#fff}
.contact-list-tbl thead tr{box-shadow:0px 1px 1px #aaa}
.contact-list-tbl tr td{ padding:10px 5px; color:#222; font-size:13px; border-bottom:1px solid #d4dee8; text-align:left!important}
.contact-list-tbl tr:last-child td{ border-bottom:none}
.contact-list-tbl tr td.list-name a{ display:inline-block;  color:#222; text-decoration:underline}
.contact-list-tbl tr td.action-btn .dropdown-menu{ left:auto; right:0px!important; font-size:13px;}
.contact-list-tbl tr td.action-btn .dropdown-menu li { background:none; display:block; padding:0px;}
.contact-list-tbl tr td.action-btn .dropdown-menu li a{ padding:5px 15px;}
.contact-list-tbl tbody tr, .contact-list-tbl tbody tr .action-btn .btn{ transition: all ease-in 0.1s}
.contact-list-tbl tbody tr:hover{ background:#fff;}
.contact-list-tbl tbody tr:hover .action-btn .btn{ background:#fff!important; border-color:#ccc; color:#333}
 
.error-msg-top{ margin-bottom:10px; clear:both; padding:5px 10px; border-radius:0px;}
.error-msg-top .close, .error-msg-top .close{ right:0px; top:0px;}



.respo-tbl{ overflow-x:visible;}
.blue-header-tbl{ width:100%; margin-bottom:0px;}
.blue-header-tbl thead tr th{ background:#004369 ; font-weight:normal; color:#fff}
.blue-header-tbl thead tr td{ background:#004369 ; font-weight:normal; color:#fff}
.blue-header-tbl thead tr{box-shadow:0 1px 5px #999}
.blue-header-tbl tr td{ padding:10px 5px; color:#222; font-size:13px; border-bottom:1px solid #d4dee8; text-align:left!important}
.blue-header-tbl tr:last-child td{ border-bottom:none}
.blue-header-tbl tr td.list-name a{ display:inline-block;  color:#222; text-decoration:underline}
.blue-header-tbl tr td.action-btn .dropdown-menu{ left:auto; right:0px!important; font-size:13px;}
.blue-header-tbl tr td.action-btn .dropdown-menu li { background:none; display:block; padding:0px;}
.blue-header-tbl tr td.action-btn .dropdown-menu li a{ padding:5px 15px;}
.blue-header-tbl tbody tr, .contact-list-tbl tbody tr .action-btn .btn{ transition: all ease-in 0.1s}
.blue-header-tbl tbody tr:hover{ background:#fff;}
.blue-header-tbl tbody tr:hover .action-btn .btn{ background:#fff!important; border-color:#ccc; color:#333}

span.border-rd-red{ display:inline-block; vertical-align:middle; padding:0px 10px; border-radius:20px; border:solid 1px #C05052; min-width:50px; text-align:center; }
span.border-rd-blue{ display:inline-block; vertical-align:middle; padding:0px 10px; border-radius:20px; border:solid 1px #3C7DB3; min-width:50px; text-align:center}
span.border-rd-green{ display:inline-block; vertical-align:middle; padding:0px 10px; border-radius:20px; border:solid 1px #5fa75f; min-width:50px; text-align:center}

span.border-rd-red-fill{ display:inline-block; vertical-align:middle; padding:0px 10px; border-radius:20px;  min-width:50px; text-align:center; background:#C05052; color:#fff; cursor:pointer}
span.border-rd-blue-fill{ display:inline-block; vertical-align:middle; padding:0px 10px; border-radius:20px;  min-width:50px; text-align:center; background:#3C7DB3; color:#fff; cursor:pointer}
span.border-rd-green-fill{ display:inline-block; vertical-align:middle; padding:0px 10px; border-radius:20px;  min-width:50px; text-align:center; background:#5fa75f; color:#fff; cursor:pointer}

.no-submenu-page{ margin-top:47px!important}

.tble-tootip i{ font-size:16px; margin-right:3px; vertical-align:text-top; font-weight:normal; color:#1ab394 }
.tble-tootip.open .dropdown-toggle{box-shadow:none}
.tble-tootip .dropdown-menu{ padding:5px 10px; font-size:12px;}
.tble-tootip .dropdown-menu .tooltip-heading{ border-bottom:solid 1px #eee; padding-bottom:3px!important; margin-bottom:3px;}
 
 
 
/*****css for search popup box*****/ 
.serach-popup-bx .modal-content{ background:#f9f9f9; border-top:#eea236  solid 7px ; border-radius:2px; font-family:calibri!important}
.serach-popup-bx .modal-content .modal-title{ text-transform:uppercase; color:#333}
.serach-popup-bx .modal-content .modal-title i{ margin-right:5px; color:#aaa}
/*.serach-popup-bx .modal-header .close{ margin-top:-28px; background:#eea236; margin-right:-24px; font-size:24px; opacity:1; color:#fff; width:30px; height:30px; border-radius:50px; } */
.serach-popup-bx .modal-body{ padding-bottom:15px; display:inline-block}
.serach-popup-bx .modal-body ul{ list-style:none; margin:0px 0px 0px -20px; padding:0px; width:100%}
.serach-popup-bx .modal-body ul li{ display:inline-block; width:45%; float:left; margin-bottom:10px; margin-left:28px;}
.serach-popup-bx .modal-body ul li .form-control{border-radius:0px; box-shadow:none; background:#f0f0f0}
.serach-popup-bx .modal-body ul li label{ font-weight:normal}
.serach-popup-bx .modal-body .srch-btn-sect .btn{ padding:6px 20px;}
.serach-popup-bx .modal-body .sarv-admin-dtepicker{ width:100%; margin-left:0px;}
.serach-popup-bx .modal-body .sarv-admin-dtepicker .input-group .form-control{ width:100%; border-color:#ccc}
/*****css for search popup box*****/ 



/*****css for creat email campaign pages******/
.email-campaign-section{ padding:0px 5px!important}
.email-campaign-section h1.page-header{border-bottom: 1px solid rgba(0, 0, 0, 0.1);  color: #444;  font-family: calibri;  font-size: 18px;  margin: 5px 0 10px;   padding: 0 0 10px;}
.email-campaign-section h1.page-header span{ color:#1c84c6}
.creat-capmaing-header{ padding:8px 0px;}
.creat-capmaing-header .col-sm-4 a{ margin-right:7px;} 
.campaing-step-endicater{ list-style:none; margin:0px; padding:0px; float:right}
.campaing-step-endicater li{ float:left; padding:0px 10px; line-height:26px;}
.campaing-step-endicater li a{ color:#4a4a4a; text-decoration:none}
.campaing-step-endicater li a span{background: rgba(0, 0, 0, 0) url(../images/bg_pgrs_status.png) no-repeat scroll 0 -54px;  color: #fff;  display: block;  float: left; font-size: 15px;font-weight: 700; height: 27px;  line-height: 28px; margin-right: 6px; min-height: 27px; min-width: 27px; text-align: center; width: 27px;}
	
.campaing-step-endicater li.active span{ background:rgba(0, 0, 0, 0) url(../images/bg_pgrs_status.png) no-repeat scroll 0 -27px}
.campaing-step-endicater li.done span{ background:rgba(0, 0, 0, 0) url(../images/bg_pgrs_status.png) no-repeat scroll 0 0; text-indent:-9999px}

.campangn-step-secn h3{ margin:0px; padding:0px; font-size:18px!important; padding-bottom:15px;}
.campangn-step-secn .campnan-namea{ width:100%; padding:10px; background:#f9fdff ; margin-bottom:25px; border-radius:5px; border:solid 1px #e1eff6;}
.campangn-step-secn .capmaign-type-sec{ width:100%; padding:10px; background:#f2f2f2 ; margin-bottom:25px; border-radius:5px; border:solid 1px #ccc;}
.campangn-step-secn .ligh-bg{width:100%; padding:10px; background:#fdfff3 ; margin-bottom:10px; border-radius:5px; border:solid 1px #dcefa8;}
.campangn-step-secn .ligh-gray-bg{width:100%; padding:10px; background:#f9f8f4  ; margin-bottom:10px; border-radius:5px; border:solid 1px #e8e7e2;}
.campangn-step-secn .capmaign-type-sec table td{ text-align:left!important}
.campangn-step-secn .capmaign-type-sec table .dtlss{ font-size:12px;}

.campangn-step-secn .select-list-sectn{ width:100%; padding:10px; background:#f2f2f2 ; margin-bottom:25px; border-radius:5px; border:solid 1px #ccc;}
.campangn-step-secn .select-list-sectn ul{ list-style:none; margin:0px; padding:0px;}
.campangn-step-secn .select-list-sectn ul li{ float:none; display:block; margin-bottom:10px;}
.campangn-step-secn .select-list-sectn ul li:last-child{ margin-bottom:0px;}
.campangn-step-secn .select-list-sectn ul li label input{ margin-right:10px;}
.campangn-step-secn .select-list-sectn ul li label{ font-weight:normal}
.campangn-step-secn .select-list-sectn ul li label span{ color:#666}
.campangn-step-secn .select-list-sectn .alert-warning{ margin-bottom:0px; margin-top:20px; color:#333}
.campangn-step-secn .select-list-sectn .alert-warning a{ text-decoration:underline; color:#333}

.segmentt-box{display:none; padding:15px; width:700px; background:#fff; margin-top:20px; border:solid 1px #ccc; padding-bottom:15px;}
.segmentt-box .add-group{ width:100%; margin-top:15px; border:#dce5ea  solid 1px; display:inline-block; padding-bottom:15px;}
.segmentt-box .add-group .head{ padding:5px; background:#dce5ea; display:inline-block; width:100%; margin-bottom:15px; }
.segmentt-box .add-group select, .segmentt-box .add-group input{ padding:5px; border:solid 1px #ccc!important; width:100%; margin-bottom:15px;}
.segmentt-box .add-group .dlt-btn{ padding-top:5px; font-size:18px;}
.segmentt-box .add-group-btnn{ margin-top:15px; margin-left:0px;}
.segmentt-box .add-group-btnn{ background:#46b8da; border:#1d9cc2 solid 1px; color:#fff!important; padding:5px 10px; text-decoration:none!important; width: auto; display: inline-block; cursor: pointer}

.campangn-step-secn .template-gallery{width:100%; background:#f2f2f2 ; margin-bottom:25px; border-radius:5px; border:solid 1px #ccc;}
.campangn-step-secn .template-gallery .head-bar{ width:100%;  padding:10px; border-bottom:solid 1px #e7e7e7;}
.campangn-step-secn .template-gallery .head-bar span{ margin-left:15px;}
.campangn-step-secn .template-gallery .head-bar span input{ border:1px solid #c3c3c3; box-shadow:0 1px 3px rgba(0, 0, 0, 0.1) inset}
.campangn-step-secn .template-gallery .head-bar span i{ margin-right:5px;}

.campangn-step-secn .template-gallery  .glry-sectn{ width:100%; display:inline-block}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section{ width:175px; height:600px; background:#f6f6f6 ; float:left; padding:10px;}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section h3{ font-size:16px; margin:0px; padding:0px; border-bottom:dotted 1px #ccc; padding-bottom:10px;}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul{ margin:0px; padding:0px; list-style:none; border-bottom:none!important}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li{ float:none; display:block; padding:5px 0px 5px 15px;}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li a{ color:#999; text-decoration:underline; padding:0px!important; line-height:normal!important; border-radius:0px!Important; display:inline-block; border:none}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li a:hover{ color:#333; background:none; border:none!Important}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li.active { background:none!important; color:#333!important}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li.active a{ background:none!important; color:#333!important}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li a.blue-link{ color:#428bca; text-decoration:none!important}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li.active a.blue-link{ color:#428bca!important; text-decoration:none!important}
.campangn-step-secn .template-gallery  .glry-sectn .menu-section ul li span{ color:#999; padding-left:10px;}

.temlpt-area{ background:#fff; height:600px; overflow-y: scroll; padding:10px;}
.temlpt-area ul{ list-style:none; margin:0px; padding:0px;}
.temlpt-area ul li{ margin:5px; float:left; width:210px; padding:5px 5px 2px; border:solid 1px #d6d6d6}
.temlpt-area ul li a{ color:#333!important}
.temlpt-area ul li:hover{border-color:#333;}
.temlpt-area ul li img{ width:200px; height:250px; border:none}
.temlpt-area ul li .col-xs-9, .temlpt-area ul li .col-xs-3{ padding:0px!important}
.temlpt-area ul li .dtl{ background:#edece7; padding:5px; width:100%; display:inline-block; border-top:solid 2px #fff; }

.reply-to-email-bx{ display:none; float:right}
.subjct-nd-msg input[type="text"]{ width:98%!important; display:inline-block}
.subjct-nd-msg span{width:2%; float:right; padding-top:10px; text-align:right; display:inline-block}
.campangn-step-secn .summryandoptn{ width:100%; padding:10px; background:#f0faff ; margin-bottom:15px; border-radius:5px; border:solid 1px #e1eff6;}
.campangn-step-secn .summryandoptn.dark{ background:#d9edf7!important; border:#bce8f1 solid 1px!important; margin-bottom:50px; color:#000}
.campangn-step-secn .summryandoptn p{ margin-bottom:0px; display:inline-block;}
.campangn-step-secn .summryandoptn p span{ font-weight:bold; display:inline-block; float:none}
.campangn-step-secn .summryandoptn span{ float:right; display:inline-block}
.campangn-step-secn .summryandoptn span a{ margin-left:10px; color:#333}
.campangn-step-secn .summryandoptn span a i{ vertical-align:middle; padding-right:2px;}

.campangn-step-secn .send-tst-mail-row{width:100%; padding:10px; background:#f2f2f2 ; margin-bottom:25px; border-radius:5px; border:solid 1px #ccc;}
.campangn-step-secn .send-tst-mail-row input[type="text"]{ width:300px!important; display:inline-block; float:left; margin-right:20px;}

.campangn-step-secn .comaign-success-msg-box h3{ color:#333; margin:0px; padding:0px; padding-bottom:20px; font-size:22px!important; font-weight:bold}
.campangn-step-secn .comaign-success-msg-box h3 i{ vertical-align:middle; padding-right:5px;}
.campangn-step-secn .comaign-success-msg-box p{ font-size:16px; padding-bottom:10px; color:#333; padding-left:35px;}

.campangn-step-secn .pages-link-btn{ padding:0px!important; margin-bottom:25px; margin-top:10px;}
.campangn-step-secn .pages-link-btn a{ margin-right:10px;}

.campangn-step-secn .upload-templt-sectn{ margin-bottom:20px;}
.campangn-step-secn .upload-templt-sectn .row{ margin-bottom:20px;}
.campangn-step-secn .upload-templt-sectn .row:last-child{ margin-bottom:0px}
.browse-btn{background: transparent none repeat scroll 0 0;  cursor: inherit;  display: block;  min-height: 100%;  min-width: 100%;  opacity: 0;  position: absolute; right: 0; text-align: right;  top: 0;} 
.campangn-step-secn .upload-templt-sectn .row .btn i{ margin-right:8px;}
.campangn-step-secn .upload-templt-sectn .loading-image{ margin-left:10px; display:inline-block}
.campangn-step-secn .upload-templt-sectn .row .btn { position:relative}

.campangn-step-secn .upload-templt-sectn .loading-image{ margin-left:10px; display:inline-block; float:none; width:auto; padding:0px;}
.campangn-step-secn .upload-templt-sectn .loading-image .alert{padding:5px; margin:0px;}
.campangn-step-secn .add_int_cond_sk{clear: both;margin-left: 15px;padding: 0;width: auto;}

.mid_cond{float: left; width: 100%;}
.mid_cond select{border: 1px solid rgb(204, 204, 204) ! important; height: 30px; margin-top: 15px; width: 10%;}

/*end css for creat email campaign pages*/



/*style for css bar chart*/
.campaign-list-graph{ display:inline-block; margin-top:20px;}
#q-graph { display: block; position: relative; width:46%; height:60px; padding: 0; background: transparent; font-size: 11px; margin:0 auto} 
#q-graph tr, #q-graph th, #q-graph td { position: absolute; bottom: 0; width: 25%; z-index: 2; margin: 0; padding: 0; text-align: center;}
#q-graph td { -webkit-transition: all .3s ease; transition: all .3s ease;}
#q-graph td:hover { background-color: #4d4d4d; opacity: .9; color: white;} 
#q-graph thead th { width: 7.5em; height: auto; padding: 0.5em 1em;}
#q-graph thead th.sent {top: 0; left: 0; line-height: 2;}
#q-graph thead th.paid { top: 2.75em; line-height: 2; left: 0;}
#q-graph tbody tr { height:60px;   color: #AAA;}
#q-graph #grph-1 {left: 0;}
#q-graph #grph-2 { left: 15%;}
#q-graph #grph-3 { left: 30%;}
#q-graph #grph-4 { left: 45%; }
#q-graph #grph-5 { left: 60%; }
#q-graph #grph-6 { left: 75%; }
#q-graph #grph-7 { left: 90%;  border-right: none;}
#q-graph tbody th { bottom: -18px; vertical-align: top; font-weight: normal; color: #333; width:100%;}
#q-graph .bar { width:50%; border: 1px solid; border-bottom: none;  color: #000;}
#q-graph .graph-open{background:#9ecf9c!important}
#q-graph .graph-click{ background:#7197b7!important}
#q-graph .graph-bounce{background:#999!important}
#q-graph .graph-spam{background:#ce807e!important}
#q-graph .graph-subscriber{background:#a3be8c!important}
#q-graph .graph-delivered{ background:#f3ce85!important}
#q-graph .graph-unsubscriber{background:#ff8a65!important} 

#q-graph .bar p { margin: -17px 0 0; padding: 0; color:#333;}
#q-graph .sent { left: 30%;  background-color: #39cccc;  border-color: transparent;}
#q-graph .paid { left: 77px; background-color: #7fdbff;  border-color: transparent;}
#ticks { position: relative; top:-60px;  left: 2px;  width: 40%;  height: 60px;  z-index: 1;  margin-bottom: -300px;  font-size: 10px; margin:0 auto -300px}
#ticks .tick { position: relative;   width: 100%;}
#ticks .tick p {position: absolute; left: -37px;  top: -5px; min-width:30px; text-align:right; color:#666}
#ticks .tick-top{height: 28px; }
#ticks .tick-middle{height: 25px;}
#ticks .tick-bottom{height: 0px; border-bottom:none}

.campaign-list-graph-point{ position:absolute; right:30px; top:-20px;}
.campaign-list-graph-point ul{ margin:0px; list-style:none; padding:0px;}
.campaign-list-graph-point ul li{ display:block; font-size:10px; background:none; border:none; padding:0px; color:#444; line-height:normal}
.campaign-list-graph-point ul li span{ width:10px; height:5px; vertical-align:middle; display:inline-block; margin-right:5px;}
.campaign-list-graph-point ul li:hover{ background:none}
.campaign-list-graph-point ul li span.open-bullet{background:#9ecf9c!important}
.campaign-list-graph-point ul li span.sent-bullet{background:#f3ce85!important}
.campaign-list-graph-point ul li span.click-bullet{background:#7197b7!important}
.campaign-list-graph-point ul li span.bounce-bullet{background:#999!important}
.campaign-list-graph-point ul li span.spam-bullet{background:#ce807e!important}
.campaign-list-graph-point ul li span.subscribe-bullet{background:#a3be8c!important}
.campaign-list-graph-point ul li span.delivered-bullet{background:#f3ce85!important}
.campaign-list-graph-point ul li span.unsubscribe-bullet{background:#ff8a65!important}

/*style for css bar chart*/

.no-left-side-bar{ width:100%!important; margin-left:0px;}
.no-left-side-bar .hedr-fixed-submenu{ width:100%;}
.capmaignlist-row-withoutimage{ width:100%; padding-left:10px;}

/*CSS USED BY PEEYUSH*/

.marg{ margin-bottom:50px!important; display:block}
.marg label{ font-weight:normal; padding-top:5px}
.marg .state-icon { margin-right:8px}
.heightfixed{ position:relative;   border:solid 0px}
.rowfixed{ position:fixed; bottom:0px; background:#f7f5ee ; width:100%;  left:0px;  box-shadow:0 -7px 5px -7px rgba(0, 0, 0, 0.4); border-top:1px solid #e5eff9}
.rowfixed ul{ list-style:none; margin:0px; padding:0px; width:80%}
.rowfixed ul li{ width:33%; float:left; text-align:center}
.rowfixed ul li a{ display:block; padding:10px; font-size:18px; color:#888; border-right:solid 1px #ddd; font-weight:bold; }
.rowfixed ul li a i{ opacity:0; vertical-align:middle; margin-right:5px;}
.rowfixed ul li a.active{ color:#337ab7; background:#f2f2d1}
.rowfixed ul li a.step-done{ color:#5cb85c }
.rowfixed ul li a.step-done i{ opacity:1}
.next-btn-section{width:20%; display:inline-block; text-align:center; margin-top:3.4px;}
.next-btn-section .btn{ font-size:18px; padding:5px 30px; border-radius:0px;}
 

.marg .list-group-item{ padding:1px 15px; font-size:18px;}
.marg .list-group-item input[type="checkbox"]{ margin-right:10px;}
.marg .list-group-item  label {width:95%; cursor:pointer}

.ligh-bg.mapping-row{ display:inline-block; background:rgba(247,245,238,.8); width:150px; font-size:12px; text-align:center; height:90px; border-radius:2px; padding-top:15px; margin:0 10px 0 0; border:solid 1px #ddd;}
p.light{ color:#ec971f; margin:0}
.ligh-bg.mapping-row .dropdown{margin-top:10px; left:0px; right:0}
.ligh-bg.mapping-row .dropdown .btn{ padding:4px 12px; font-size:13px }
.mappingscroll{margin:5px 0;white-space: nowrap; border:solid 0px #000; padding-bottom:5px}
.campnan-namea.mapping{ padding-bottom:0px; padding-top:5px; margin-bottom:5px}
.ligh-bg.mapping-row .dropdown .dropdown-menu{ left:-16px; top:28px;font-size:12px;}
.ligh-bg.mapping-row .dropdown .dropdown-menu li a{padding:3px 10px}
.heightcontrol{ overflow:auto;border:solid 0px;}
.heightfixed .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{background-color: #eee;border-color: #ddd; color:#337ab7 }
 .upload-file-btn { visibility: hidden; position: absolute;}
 .maping-upload-file-section{ background:#f2f2f2; padding:70px 10px 10px 10px; height:200px;}
 .maping-upload-file-section .form-control[disabled],  .maping-upload-file-section  .input-group-addon{ background:none}


/*css for interaction rate  page*/
.intercation-page-hedng-srv{margin:0px 0px 10px; padding:0px 0px 5px; font-size:16px; border-bottom:solid 2px #1bbc9b}
.intercation-page-hedng-srv font{ color:#2fa17e; font-size:25px; position:relative;}
.intercation-page-hedng-srv span{color:#666; font-size:14px; vertical-align:calc();}
.intercation-page-hedng-srv .intercation-value-intpg{   font-size:25px; font-weight:bold; color:#fff; background:#1bbc9b;   border-radius:50%; width:70px; height:70px; line-height:70px; text-align:center; position:absolute; top:-3px; right:10px;}
.intercation-page-hedng-srv .intercation-value-intpg i{ font-size:16px; vertical-align:calc();}
.intercation-rate-graph-section{ background:#f2f2f2; border:solid 1px #ddd; margin-top:30px}
.intercation-rate-graph-section h2{  border-bottom: 1px solid rgba(0, 0, 0, 0.1);   color: #444;  font-size: 16px;  margin: 0 10px 10px;  padding: 10px 0 10px;   text-transform: uppercase;}
.datepicker-dropdown{ z-index:1000000!important}


/*css for login page design*/
 
.login-bx h1{display: inline-block;  font-size: 28px;  margin-bottom: 35px;  margin-top: 10px;  position: relative;}
.login-bx h1:after{background-color: #c5c5c5;  bottom: -15px;  content: "";  height: 2px;  left: 0;  position: absolute;  width: 30px;   z-index: 0;}
.login-bx label{ font-size:14px; font-weight:bold; color:#333}
.login-bx input[type="text"], .login-bx input[type="email"],  .login-bx input[type="password"], .login-bx input[type="number"], .login-bx textarea {
    background-color: whitesmoke;
    border: 2px solid #c5c5c5;
    border-radius: 0;
    box-shadow: none;
    font-size: 12px;
    min-height: 40px;
    padding: 10px 9px 9px;
    transition: all 0.3s ease 0s;
    width: 100%;
}


/*----------------CSS USED FOR DASHBOARD PAGE ON DATE OF 9th FEB, 2016 BY PEEYUSH--------------------------------------------*/

.top-5-beutiful-post .beautiful-post-lists ul li .list-post-likes.campaigns{margin:0 0px; text-align:center;color:#999;}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-likes.campaigns span{padding:0px 4px;width:auto;display:table;margin:0 auto;line-height:inherit; color:#dd534f; background:none; font-size:13px!important;font-weight:bold;letter-spacing:.5px}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-score.campaigns{margin:0 0px; text-align:center;color:#999}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-score.campaigns span{padding:0px 4px;width:auto;display:table;margin:0 auto;line-height:inherit; background:none;color:#65cea7;  font-size:13px!important;font-weight:bold;letter-spacing:.5px}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-webstee.campaigns{margin:0 0px; text-align:center;color:#999}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-webstee.campaigns span{padding:0px 4px;width:auto;display:table;margin:0 auto;line-height:inherit;background:none;color:#f8b229; font-size:13px!important;font-weight:bold;letter-spacing:.5px}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-webstee.click{margin:0 0px; text-align:center; color:#999}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-webstee.click span{padding:0px 4px;width:auto;display:table;margin:0 auto;line-height:inherit;background:none;color:#337ab7; font-size:13px!important;font-weight:bold;letter-spacing:.5px}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-likes.subscriber{margin:0 0px; text-align:center;color:#999}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-likes.subscriber span{padding:0px 4px;width:auto;display:table;margin:0 auto;line-height:inherit; background:none;color:#5855aa; font-size:13px!important;font-weight:bold;letter-spacing:.5px}
.top-5-beutiful-post .beautiful-post-lists ul li .campaigns{min-width:70px!important;width:auto}
.top-5-beutiful-post .beautiful-post-lists ul li .click{min-width:70px!important;width:auto}
.top-5-beutiful-post .beautiful-post-lists ul li .subscriber{min-width:70px!important;width:auto}
.top-5-beutiful-post .beautiful-post-lists ul li .bounce{min-width:70px!important;width:auto}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-likes.bounce{margin:0 0px; text-align:center;color:#999}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-likes.bounce span{padding:0px 4px;width:auto;display:table;margin:0 auto;line-height:inherit; background:none;color:#ff0000; font-size:13px!important;font-weight:bold;letter-spacing:.5px}
 
.no-more-post-avaialble .somelarge{ min-width:70px!important; width:auto!important; border:solid 0px; text-align:center}
.green{margin-bottom:5px!important; padding-bottom:7px!important}
.orange{ border-bottom:0!important; margin-top:10px!important}
.green span{display:inline-block;padding:2px 4px 3px!important;background:#4cbf94;border-radius: 2px;color:#fff;float:right;font-size:12px;}
.orange span{display:inline-block;padding:2px 4px 3px!important;background:#fbae3c;border-radius: 2px;color:#fff;float:right;font-size:12px;}
.sender {margin-bottom:5px!important; padding-bottom:7px!important}
.sender.last{ border-bottom:0px!important; margin-top:5px!important; margin-bottom:25px!important}
.sender span{display:inline-block;padding:2px 4px 3px!important;background:none;border-radius: 2px;color:#fff;float:right;font-size:12px;}
.statusbar{background:#fff;border-radius:4px;color: #337ab7;font-size:14px;line-height:normal;padding:4px 10px 8px 10px;width:180px;margin:0 auto;text-align:center; display:table; margin-bottom:10px; margin-top:-10px}
.statusbar i{float: left; width:15px; text-align:left; padding-left:4px; padding-top:8px}
.statusbar .info-text{ float:left; margin-left:10px;text-align:left; font-weight:bold; font-size:14px; letter-spacing:.5px}
.statusbar .info-text p{ display:block; font-size:11px; color:#696969; margin:0; padding:0; margin-top:0px; font-weight:normal;letter-spacing:0; line-height:10px}
.statusbar.success i, .statusbar.success span{color:#4ca34c}
.statusbar.reject i, .statusbar.reject span{color:#d9534f}
.statusbar.process i, .statusbar.process span{color:#428bca}
.dashboardlist-graph{width:100%; padding-top:10px; position:relative}
/*.dashboardlist-graph:before{ content:"Campaign Stats"; font-size:11px; text-transform:uppercase; color:#fff; text-align:center; position:absolute; top:-20px ; left:35%;}*/
.dashboardlist-graph.report{ margin-top:10px; height:90px; border:solid 0px; margin-bottom:5px; text-align:center; color:#fff; font-size:40px; font-weight:bold!important}
.dashboardlist-graph.report:before{ content:"Interaction Rate"; top:10px;left:35%; font-size:11px; text-transform:uppercase; color:#fff; text-align:center; position:absolute; font-weight:normal  }
.dashboardlist-graph table{ width:80%!important;}
.dashboardlist-graph table td p{color:#ddd!important}
.dashboardlist-graph #ticks{ position:absolute; left:40px; top:7px; }
.dashboardlist-graph #ticks p{ color:#fff!important}
.infotext:first-child{ margin-top:30px}
.infotext:last-child{ border-bottom:0}
.infotext{margin:10px 10px 18px; border-bottom:solid 1px #ddd; padding-bottom:20px;; font-size:14px; color:#555; text-transform:uppercase}
.infotext span{float:right; font-weight:bold; font-size:15px; letter-spacing:.5px; vertical-align:middle; margin-top:-3px;border:solid 1px #499c49; padding:2px 12px; border-radius:40px  }
.infotext span.send{ color:#499c49;border-color:#499c49;}
.infotext span.bounce{ color:#dd534f;border-color:#dd534f;}
.infotext span.click{ color:#337ab7;border-color:#337ab7;}
.infotext span.open{ color:#f8b229;border-color:#f8b229;}
.balance{font-size:24px; letter-spacing:.5px; color:#337ab7; font-weight:bold; line-height:normal;padding:20px 10px}
.balance span{ font-size:16px; letter-spacing:0px; color:#666; font-weight:normal; margin-top:3px; display:block; line-height:none}
.link{margin-top:0px}
.link button{padding-left:30px;padding-right:30px}
.subscribe{font-size:21px; letter-spacing:.5px; color:#666; font-weight:normal; line-height:normal;padding:20px 10px}
.subscribe strong{color:#337ab7;}
.subscribe button{ clear:both; margin-top:20px; display:block;padding:10px 30px}
.statsinfo{ padding:15px 20px}
.statsinfo .information{margin-bottom:12px; border-bottom:solid 1px #ddd; font-size:18px; padding-bottom:12px;}
.statsinfo .information span{ font-weight:bold; font-size:20px; float:right; color:#337ab7; letter-spacing:.5px}
.statsinfo .information > i{font-size:13px; margin-right:5px; color:#777}
.statsinfo .information span i{ margin-left:10px; font-size:11px}
.statsinfo .information span i.green{ color:#499c49}
.statsinfo .information span i.red{ color:#dd534f}
h2.dark{ font-weight:bold; color:#555!important}
.top-5-beutiful-post{ position:relative}
.top-5-beutiful-post .viewmore-btnn{text-align:center; margin:10px 0px; display:inline-block; width:100%; position:absolute; bottom:-21px}
.top-5-beutiful-post .viewmore-btnn a{background:#1c84c6   ; border:none; padding:3px 8px}
.website-reputsation-sec.padding ul li{ padding:12px 0}
span.newdate{clear:both; display:block;color:#999}
.top-5-beutiful-post .beautiful-post-lists ul li .list-post-title.campaigns{width:calc(100% - 470px);}
i.size{ font-size:20px; padding-top:5px; padding-left:0}
.newbut { text-align:center}
.newbut a{ padding:6px 6px; font-size:13px; margin-left:5px;}

/*----------------CSS USED FOR LEFTBAR INFO  STATISTICS ON DATE OF 10th FEB, 2016 BY PEEYUSH--------------------------------------------*/
.leftbarinfo{ border:solid 0px; height:100%}
.leftbarinfo .reputation{ padding:10px 10px 20px 10px; border-bottom:solid 0px #e8e8e8; float:left; width:100%;}
.leftbarinfo .reputation .infostas{ float:left;font-size:48px; color:#f8b229; font-weight:bold; padding-left:10px; line-height:normal; margin-top:-3px; letter-spacing:0px; text-align:center; width:100%}
.leftbarinfo .reputation .infostas p{margin:0px; padding:0; font-size:24px;display:inline-block; position:relative;top:-6px}
.leftbarinfo .reputation .infostas span{ display:block;font-size:14px; color:#8e8e8e; font-weight:normal;margin-top:2px;line-height:0px; letter-spacing:.3px}
.leftbarinfo .morestats{ padding:5px 15px 5px 10px; border-bottom:solid 0px #e8e8e8; float:left; width:100%;}
.leftbarinfo .morestats .infostas{color:#8e8e8e;font-size:13px;font-weight:normal; padding-left:10px;}
.leftbarinfo .morestats .infostas span{font-size:14px; color:#428bca; font-weight:normal;letter-spacing:0; float:right; margin-top:0px}
.leftbarinfo .morestats .infostas span a{color:#428bca;}
.activities{ padding:20px 0px 20px 20px; clear:both; height:100%}
.activities h3{ margin:0px; padding:0px; font-size:15px; color:#4d6c84; margin-bottom:10px; letter-spacing:.2px}
.activities .colrow{border:solid 0px;padding:3px 0 6px 12px;font-size:11px; color:#8e8e8e; position:relative; border-left:solid 1px #9c9c9c; margin:0; margin-left:5px}
.activities .colrow:before{ content:""; position:absolute; left:-4px; top:8px; border-radius:100%; border:solid 1px #9c9c9c; width:7px; height:7px; background:#9c9c9c;}
.activities .colrow span{ display:block; font-size:11px; color:#626262; margin-top:1px; line-height:14px; padding-right:5px}
.activities .colrow span.color{ color:#428bca}
.activities .colrow.showinblue{border-left:solid 1px #428bca;}
.activities .colrow.showinblue:before{border:solid 1px #428bca; background:#428bca; top:7px;}
.activities .colrow.showingreen{border-left:solid 1px #69bb6a;}
.activities .colrow.showingreen:before{border:solid 1px #69bb6a; background:#69bb6a; top:7px;}
.activities .colrow.showinred{border-left:solid 1px #ff0000;}
.activities .colrow.showinred:before{border:solid 1px #ff0000; background:#ff0000; top:7px;}
.activities .colrow.showinorange{border-left:solid 1px #f0ad4e;}
.activities .colrow.showinorange:before{border:solid 1px #f0ad4e; background:#f0ad4e; top:7px;}
.bluecolor{color:#337ab7!important} 
.greencolor{color:#69bb6a} 
.greycolor{color:#222} 
.redcolor{color:#ff0000} 
.orangecolor{color:#f0ad4e} 
.activities a:hover{text-decoration:underline!important;} 
.scrolldiv{height:calc(100% - 200px);overflow:auto;overflow-x:hidden; width:100%;padding-bottom:50px; border:solid 0px}
.accountinfo thead td{ padding:7px 5px!important; background:#f0f3f7!important; color:#2e6da4!important; letter-spacing:.2px;}
.accountinfo tbody td{ padding:7px 5px!important;}
.accountinfo tr td:first-child{ padding-left:10px!important}
.accountinfo tr td:first-child, .accountinfo tr td:nth-child(2),.accountinfo tr td:nth-child(3){ color:#777}
.list-campaign-section.no-padding{ border-left:0px!important;border-right:0px!important}

/*----------------CSS USED FOR ORDER AND INVOICE PAGES ON DATE OF 12th FEB, 2016 BY PEEYUSH--------------------------------------------*/
.orderlistrow{border:solid 0px; padding:12px 30px 5px 35px; margin:10px 5px; clear:both; border-bottom:solid 1px rgba(221,221,221,.30); transition: all ease-in-out.3s}
.orderlistrow:not(.heading):hover{box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.20);}
.orderlistrow.linegreen{ background:#f1f4f5 url(../images/linegreen.png) no-repeat 10px 5px}
.orderlistrow.linered{ background:#f1f4f5 url(../images/linered.png) no-repeat 10px 5px}
.orderlistrow.lineblue{ background:#f1f4f5 url(../images/lineblue.png) no-repeat 10px 5px}
.orderlistrow.lineorange{ background:#f1f4f5 url(../images/lineorange.png) no-repeat 10px 5px}
.orderlistrow.order.linegreen{ background:#f1f4f5 url(../images/linegreen.png) no-repeat 10px 1px}
.orderlistrow.order.linered{ background:#f1f4f5 url(../images/linered.png) no-repeat 10px 1px}
.orderlistrow.order.lineblue{ background:#f1f4f5 url(../images/lineblue.png) no-repeat 10px 1px}
.orderlistrow.order.lineorange{ background:#f1f4f5 url(../images/lineorange.png) no-repeat 10px 1px}
.orderlistrow .orderid{ color:#337ab7; font-weight:bold; font-size:15px; letter-spacing:.3px;}
.orderlistrow .orderid span{ color:#979797; font-weight:normal; font-size:13px; letter-spacing:.3px; margin-top:0px; display:block}
.orderlistrow .orderid button{ color:#979797; font-size:13px; padding:3px 10px; margin-top:1px;box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.07);}
.orderlistrow .samefont{ color:#979797; font-weight:normal; font-size:14px; letter-spacing:.2px;margin-top:22px; }
.orderlistrow .samefont.smallfont{font-size:14px; line-height:16px}
.orderlistrow .samefont a{color:#979797;}
.orderlistrow .samefont span{ border-radius:100%; width:10px; height:10px; margin-right:6px; background:#7ed321; display:inline-block; vertical-align:middle; margin-top:-2px!important;}
.orderlistrow .samefont span.green{background:#7ed321;margin-top:4px!important;}
.orderlistrow .samefont span.red{background:#ff0000;}
.orderlistrow .samefont span.blue{background:#5bc0de;}
.orderlistrow .samefont span.orange{background:#f0ad4e;}
.orderlistrow .samefont.dark{ color:#535353;}
.orderlistrow .pricefont{ color:#3379b6; font-weight:bold; font-size:18px; letter-spacing:.5px;margin-top:20px; }
.orderlistrow .pricefont span{ color:#979797; display:block; font-size:12px; font-weight:normal; margin-top:-1px;}
.orderlistrow .date{ color:#bebebe; font-weight:normal; font-size:12px; letter-spacing:.2px; padding:5px 10px; background:#f5f8f9; margin-left:5px; margin-top:-10px; border:solid 0px; display:inline-block; width:auto; border-radius:0px 5px 5px 0px}
.orderlistrow .date span{ margin:0 8px}
.orderlistrow .date a{ font-weight:bold; color:#1a97cf; margin-right:4px; display:inline-block;text-decoration:underline!important;}
.orderlistrow .date a.nolink{text-decoration:none!important; cursor:default}
.orderlistrow .date a:hover{ color:#337ab7}
.orderlistrow .date.invoice{margin:6px 0px 0px 5px!important; }

.orderlistrow.heading{ font-size:13px; color:#777!important; font-weight:bold;}
.greenround{background:#fff;border-radius: 20px;display: inline-block;font-size:11px;font-weight: normal;letter-spacing: 0;margin: 0;
padding:2px 7px 3px 7px; color:#6abc0f!important; outline:none!important; border:solid 1px #ddd;}
.greenround:hover{border:solid 1px #6abc0f;}
.greenround i{ display:inline; color:#6abc0f;}
.redround{background:#fff;border-radius: 20px;display: inline-block;font-size: 11px;font-weight: normal;letter-spacing: 0;margin: 0;
padding:2px 7px 3px 7px; color:#ff0000!important; outline:none!important;border:solid 1px #ddd;}
.redround:hover{border:solid 1px #ff0000;}
.redround i{ display:inline; color:#ff0000;}

.orderlistrow .row > div{display:inline-block; vertical-align:top}
.col-id{width:14%; margin-left:15px}
.col-service{width:13%}
.col-service i{font-size:10px; border:solid 1px #a6a8a8; padding:2px 4px 1px; border-radius:100px; background:#fff; color:#a6a8a8; cursor: pointer}
.col-type{width:9%}
.col-status{width:12%}
.col-amount{width:11%}
.col-des{width:16%}
.col-des p{ display: inline; margin-right:5px; float:left}
.col-des i{font-size:10px; border:solid 1px #a6a8a8; padding:2px 4px 1px; border-radius:100px; background:#fff; color:#a6a8a8; cursor: pointer}
.col-mode{width:9%}
.col-process{width:11%;}
.orderlistrow .popover-content{font-size: 12px;padding: 5px 10px;}

.invoice{border:solid 0px #000; margin:20px 10px!important; padding:20px; background:#f1f4f5; clear:both; font-size:14px;}
.invoice-header {border-bottom: 1px solid #e6e8e9;margin-bottom:30px; padding-bottom:15px}
.invoice-header .logo {height:35px;}
.invoice-header ul {margin-top: 0;position: relative;text-align: right;top:15px; right:-10px}
.invoice-header ul li {padding: 0 15px;display: inline-block; color:#888}
.invoice-header ul li strong {color:#337ab7}
.invoice-header ul li:not(:first-child) {border-left: 1px solid #ddd;}
.invoice-from-to {margin-bottom:30px; color:#696565; letter-spacing:.3px; font-size:13px}
.invoice-from-to .name {font-size:15px;font-weight: 700;margin-top: 10px; margin-bottom:0}
address {font-style: normal;line-height: 1.42857;margin-bottom: 20px;}
.invoice-from-to address .contact {margin-top: 10px;}
.invoice-from-to address .contact p {margin-bottom: 0;}
.invoice-from-to address .contact p span {font-weight: 700;}
.table-responsive {min-height: 0.01%;overflow-x: auto;}
.table-responsive {min-height: 0.01%;overflow-x: auto; overflow-y:visible;}
.invoice-total {padding-right: 10px;}
.invoice-total .row > div {padding: 0;}
.invoice-total .row > div:first-child p {padding-left: 10px;}
.invoice-total p:last-child {border-bottom:1px solid #ccc;border-top:1px solid #ccc;font-size:1.3em;font-weight:700;padding-bottom:10px;padding-top:10px;}
.invoice-buttons {margin-top:10px;text-align: right;}
.invoice-table .aligr{text-align:right}
.invoice-table thead tr th { border-bottom:solid 1px rgba(221,221,221,.7); padding-bottom:20px; color:#676a6c}
.invoice-table tbody tr td { border:0px!important; border-bottom:solid 1px #e7eaec!important; padding-bottom:10px; font-size:14px; color:#888; letter-spacing:.5px; padding: 10px 8px}
.invoice-table tbody tr:last-child td {border-bottom:solid 0px #e7eaec;}
.invoice-table tbody tr.lastitem td {border:0px!important;}
.invoice-table tbody tr td:nth-child(2) { font-weight:bold;}
.invoice-table td span{ display:block; font-size:13px; color:#999; font-weight:normal; line-height:16px}
.invoice-buttons button, .invoice-buttons a{box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.07);}
.invoice-table tbody tr.totalrow td:first-child{ border-bottom:0px!important}
.invoice-table tbody tr.totalrow td:last-child{ color:#000}
.invoice-table tbody tr.totalrow td{ border-bottom: solid 1px #ddd!important; padding-top:12px!important; padding-bottom:12px!important}
.invoice-table tbody tr.totalrow:last-child td{ color:#337ab7; font-weight:bold; font-size:18px}
.invoice > div:not(.invoice-footer) {margin-bottom: 20px;}
.invoice-note {color: #999;margin-top:40px; font-size:11px; border-top:solid 1px #ddd; padding-top:20px; line-height:18px}
ul.posright{ left:auto; right:0}
ul.posright li a{ font-size:13px;}
button.nobtn{background:none; border:0; padding:0}
.posrel{ position:relative; display:inline}
.showinvoices{ width:470px}
.showinvoices li{text-transform:uppercase; color:#777; border-bottom:solid 1px #ddd; padding:4px 10px;}
.showinvoices li:first-child{color:#555; padding:5px 10px;}
.showinvoices li:last-child{ border-bottom:0}
.showinvoices li:first-child span{font-size:11px;color:#999;  }
.showinvoices li span.invoicec{color:#337ab7; font-weight:bold;}
.showinvoices li span.greenc{color:#7ed321; font-weight:bold}
.showinvoices li span.redc{color:#ff0000; font-weight:bold}
.showinvoices li span.stau{ width:70px;}
.showinvoices li span{ width:90px; border:solid 0px; display:inline-block; margin:0!important; font-size:12px;color:#555; letter-spacing:.5px}
.showinvoices li span.amountn{font-weight:bold;}
.showinvoices li span button {color:#979797;padding:3px 10px; margin-top:0px;box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.07); text-align:right}

.orderlistrow.orderdetails{border:solid 0px; padding:12px 30px 5px 35px; margin:10px 5px; clear:both; border-bottom:solid 1px rgba(221,221,221,.30); transition: all ease-in-out.3s; background:#f1f4f5}
.orderlistrow.orderdetails .row{ margin-bottom:10px; letter-spacing:.5px; color:#777; border-bottom:solid 1px rgba(221,221,221,.5); padding-bottom:10px}
.orderlistrow.orderdetails .row:last-child{border-bottom:solid 0px rgba(221,221,221,.5);}
.orderlistrow.orderdetails .row div:last-child{ text-align: right; font-weight:bold; color:#666}
.orderlistrow.orderdetails .row div.bluecolor{ color:#337ab7;}


.services-hover-btn{ position:relative; margin-right: 5px; }
.services-hover-btn a{ background:#fff; color:#337ab7!important}
.services-hover-btn .service-menu-list{ position:absolute; border-radius:5px; background:#fff; min-width:175px;  top:0px; left:0px;  margin:0 auto;overflow:hidden; display:none; z-index: 999}
.services-hover-btn:hover .service-menu-list{ display:block;border:1px solid rgba(0, 0, 0, 0.15); box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); }
.service-menu-list a{ display:inline-block; width:100%; margin:5px 0px; color:#262626!important; font-size:14px!important; text-transform:capitalize}
.service-menu-list a img{ vertical-align:middle; margin-right:5px;}


.overlay-layer-sarv{ position:absolute; left:0px; width:100%; top:0px; height:100%;  } 

.overlay-blur-row-content:before{  position:absolute; left:0px; width:100%; content:''; z-index:9999;   height:100%; text-align:center} 
.overlay-blur-row-content .col-md-12{-webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); position:relative;   }
.overlay-blur-row-content:hover{ background:#fff!important;}
.merging-indecatior{ position:absolute; left:0px; width:100%; text-align:center; top:50px;}
.merging-indecatior i{ vertical-align:middle; margin-right:5px;}
 
.createcmpgnbtn{top:45%;  position:absolute; left:0px; right:0px; text-align:center; }
.createcmpgnbtn a{ text-transform:uppercase;}

.infostas a.smallinf{color:#156fbd;font-size:11px;font-weight:normal; margin-top:2px; margin-right:5px; display: inline-block}
.circliful {position: relative; font-size:10px}
.circle-text, .circle-info, .circle-text-half, .circle-info-half {width:100%;position:absolute;text-align:center;display:inline-block;left:auto;top:-5%}
.circle-text{ font-size:14px!important; color:rgba(0, 0, 0, 0.7)!important; padding-top:5px; font-weight:normal!important; letter-spacing:.2px}
.circle-info, .circle-info-half {color: #999;}
.circle-info {font-size:10px;margin-top:10px; color:#8d8d8d}
.circle-text{color: #2e2f35;font-weight: bold;letter-spacing: 0.5px;}
.graphrow{border: 0px solid;display: inline-block;float: left;margin: 0 4px;position: relative;width: 45%;; margin-top:10px;}
.graphrow .textheading{color:#666;text-align:center;position:relative;font-size:13px;margin-top:-8px}



/*css for box layout*/
.sarv-boxed-layout{ margin:10px -20px; padding:0px; list-style:none;}
.sarv-boxed-layout li{ float:left; margin-bottom:15px;}
.sarv-boxed-layout li .fill-bx-gray{ width:100%; padding:25px 20px; background:#f2f2f2; border:solid 1px #ddd; min-height:200px; }
.sarv-boxed-layout li .fill-bx-gray h3{ margin:15px 0px; padding:0px; font-size:22px; font-weight:bold; text-align:center; color:#555}
.sarv-boxed-layout li .fill-bx-gray span{ display:block; font-size:28px; text-align:center; color:#337ab7 ; font-weight:bold}
.sarv-boxed-layout li .fill-bx-gray p{ font-size:16px; margin-top:15px; text-align:center;}
/*css for box layout*/

/*css for domain add popup box*/
.add-domain-name-popup .modal-content{ background:#f0f0f0!important; border-radius:0px!important; position:relative; padding:20px 20px 40px; border-left:solid #428cc8 5px;}
.add-domain-name-popup .modal-dialog { margin-top:100px;}
.add-domain-name-popup .modal-content .close{ position:absolute; right:-10px; top:-10px; z-index:999; border:solid 2px #fff!important; background:#418bc6; border-radius:100%; opacity:1; color:#fff; width:30px; height:30px; text-shadow:none}
.add-domain-name-popup .modal-content h4{ margin:0px 0px 15px; padding:0px; font-size:25px;}
.add-domain-name-popup .modal-content h4 font{ color:#4cae4c}
.add-domain-name-popup .modal-content p{ font-size:16px;}
.add-domain-name-popup .modal-content a{border-radius:0px!important}
.add-domain-name-popup .modal-content a.btn-default{ background:#eee;}
.message-popup-full-row{ width:100%; margin-bottom:15px; background:#fff; display:block}
.message-popup-full-row span{ width:50px; height:50px; text-align:center; color:#fff; display:inline-block; vertical-align:middle; font-size:25px; line-height:50px; margin-right:10px;}
.message-popup-full-row.success span{ background:#70b75b;}
.message-popup-full-row.error span{ background:#da2931;}
.message-popup-full-row.warning span{ background:#f8b229;} 
.message-popup-full-row.info span{ background:#1eb2a6;}
.message-popup-full-row font{ vertical-align:middle; font-size:16px;}
/*css for domain add popup box*/




/*css for action alert design in inner pages*/
.page-action-alert{width:980px; margin:100px auto 0px; text-align:center; color:#337ab7;}
.page-action-alert .action-title { font-size:40px;}
.page-action-alert .action-title i{ font-size:100px; display:block; padding-bottom:20px;}
.page-action-alert .action-title p{ font-size:26px; display:block; font-style:italic; margin-top:20px; color:#333; padding:0px 100px}
.page-action-alert .action-title font{ display:block; margin-top:50px; font-style:normal; font-size:26px;}
.page-action-alert .action-title font i{ font-size:26px; display:inline-block; vertical-align:inherit}

.page-action-alert.error{ color:#d9534f!important}
.page-action-alert.info{ color:#46b8da}
.page-action-alert.warning{ color:#eea236}
.page-action-alert.success{ color:#4cae4c}
/*css for action alert design in inner pages*/




.merge-contact-list-srv{ margin:0px; padding:0px; list-style:none;  padding-top:5px;}
.merge-contact-list-srv li{ display:block; float:none; padding-bottom:10px;}
.merge-contact-list-srv li input[type="radio"]{ vertical-align:sub; margin-right:5px;}
.merge-contact-list-srv li span{ display:inline-block; border:solid 1px #ddd; padding:5px 10px; background:#f2f2f2; border-radius:5px; cursor:pointer}
.merge-contact-list-srv li label{ margin:0px; padding:0px;}

.action-row-src{ padding-top:5px;}
.action-row-src span{ margin-right:10px;}
.action-row-src span input[type="radio"]{ vertical-align:sub; margin-right:5px;}

/*css for test campign list model box*/
.test-campgin-model-bx .modal-dialog{ width:910px; margin-top:50px;}
.test-campgin-model-bx .modal-content{ background:#f9f9f9; border-top:7px solid #eea236; border-radius:2px;}
.test-campgin-model-bx .modal-body{ background:#fff; padding:10px;}
.test-campgin-model-bx .modal-header .close{ margin-top:3px;}
.test-campgin-model-bx .modal-content .modal-title{ text-transform:uppercase; color:#333}
.test-campgin-model-bx .modal-content .modal-title i{ color:#aaa; margin-right:5px;}
.test-campgin-model-bx .modal-content .modal-title button{float:right; margin-right:100px; margin-top:2px;}
.test-campgin-model-bx .modal-content .modal-title button i{ color:#fff}
.test-campgin-model-bx  .test-campign-list-popup{ list-style:none; margin:0px; padding:0px; max-height:550px; overflow-y:scroll;}
.test-campgin-model-bx  .test-campign-list-popup li { float:none; margin:0px;  display:inline-block; width:100%; padding:10px 0px; border-bottom:solid 1px #ddd;}
.test-campgin-model-bx  .test-campign-list-popup li:first-child{ padding-top:0px;}
.test-campgin-model-bx  .test-campign-list-popup li h4{ margin:0px 0px 0px; padding:0px; color:#337ab7 ; font-size:18px; font-weight:bold}
.test-campgin-model-bx  .test-campign-list-popup li h4 span{ float:right; font-size:12px; color:#666; padding-right:10px;}
.test-campgin-model-bx  .test-campign-list-popup li h4 span i{ padding-right:5px;}
.campign-reoprt-dtl-srv-web ul{ list-style:none; margin:15px 0px 0px; padding:0px;}
.campign-reoprt-dtl-srv-web ul li{ float:left!important; width:33% !important; font-size:12px; color:#444; padding:0 0 10px 20px!important; border-bottom:none!important}
.campign-reoprt-dtl-srv-web ul li font{background: #e1eded ;  border-radius: 5px; display: inline-block; font-size: 11px; margin-left: 5px;  padding: 1px 5px; float:right}
.campign-reoprt-dtl-srv-web ul li span{display:inline-block;  height:10px; margin-right:5px;  vertical-align:inherit;  width:10px;}
.campign-reoprt-dtl-srv-web ul li span.subscribe-bullet{ background:#a3be8c }
.campign-reoprt-dtl-srv-web ul li span.sent-bullet{ background:#39cccc  }
.campign-reoprt-dtl-srv-web ul li span.open-bullet{ background:#9ecf9c  }
.campign-reoprt-dtl-srv-web ul li span.click-bullet{ background:#7197b7  }
.campign-reoprt-dtl-srv-web ul li span.unsubscribe-bullet{ background:#ff8a65  }
.campign-reoprt-dtl-srv-web ul li span.bounce-bullet{ background:#999 }
.campign-reoprt-dtl-srv-web ul li span.spam-bullet{ background:#ce807e  }
/*css for test campign list model box*/


/* css for schedule campaign listing*/
.campign-on-schedule-srv{ background:#f4f4f4!important}
.schedule-timer-sec-srv{ position:relative; padding-left:80px; padding-top:10px; }
.schedule-timer-sec-srv:before{font-size:80px; vertical-align:middle; color:#ccc; content: "\f017"; position:absolute; left:0px; top:-10px;  font-family: 'FontAwesome';}
.schedule-timer-sec-srv .schdule-timenddate{ color:#999; padding-left:35px;}
#clockdiv{ color: #ccc; font-size: 22px; font-weight: bold;  display: inline-block; text-align: center; clear:both;}
#clockdiv > div{display: inline-block; padding:0px 5px 0px 5px; float:left; width:auto;}
#clockdiv div > span{ display: inline-block;}
.smalltext{font-size: 12px;}


@media (min-width: 1250px) and (max-width: 1450px) {
.schedule-timer-sec-srv {
     width:300px; margin-left:80px;
  }
}

@media (min-width: 1451px) and (max-width: 1800px) {
.schedule-timer-sec-srv {
     width:300px; margin-left:150px;
  }
}

@media (min-width: 1801px) and (max-width:2500px) {
.schedule-timer-sec-srv {
     width:300px; margin-left:200px;
  }
}
/* css for schedule campaign listing*/


.pgen-titles-sas{padding:0px 10px 2px; margin-bottom:0px; color:#444; border:solid 1px #ddd; background:#fff; border-radius:5px; position:relative} 





/*.user-all-cmigndtl-section .usrcmpgn-dtl-srvr{ margin:0px; padding:0px; list-style:none;}
.user-all-cmigndtl-section .usrcmpgn-dtl-srvr li{ display:inline-block; width:20%; float:left; text-align:center; font-size:14px; color:#818080 ; padding-bottom:5px; border-bottom:solid 1px #ddd!important}
.user-all-cmigndtl-section .usrcmpgn-dtl-srvr li:last-child{border:none}
.user-all-cmigndtl-section .usrcmpgn-dtl-srvr li span{ display:block; font-size:22px; font-weight:bold; line-height:25px; color:#337ab7;}

.user-all-cmigndtl-section .cmgn-sng-dtl-ul{ margin:10px 0 0 0 ; padding:0px; list-style:none; width:100%; clear:both}
.user-all-cmigndtl-section .cmgn-sng-dtl-ul li{ display:inline-block; float:left;   width:15%; font-size:14px; text-align:center; color:#555}
.user-all-cmigndtl-section .cmgn-sng-dtl-ul li span{ display:inline-block; vertical-align:inherit; margin-left:5px; font-size:16px; font-weight:bold; padding:0px 5px 2px;  line-height:18px;}*/


.user-all-cmigndtl-section{ width:100%; display:inline-block;   padding:10px 5px 5px; margin-right:0px!important; margin-bottom:-5px; }
.user-all-cmigndtl-section .usrcmpgn-dtl-srvr-new{ margin:0px; padding:0px; list-style:none;}
.user-all-cmigndtl-section .usrcmpgn-dtl-srvr-new li{ display:inline-block; width:33%; float:left; text-align:center; font-size:14px; color:#555 ; padding-top:4px;} 
.user-all-cmigndtl-section .usrcmpgn-dtl-srvr-new li span{ display:block; font-size:16px;   line-height:25px; color:#337ab7;}
.user-all-cmigndtl-section .usrcmpgn-dtl-srvr-new li a, .user-all-cmigndtl-section .usrcmpgn-dtl-srvr-new li a:hover{ text-decoration:none; color:#555}

.user-all-cmigndtl-section .cmgn-sng-dtl-ul-new{ margin:10px 0 0 0 ; padding:0px; list-style:none; width:100%; clear:both}
.user-all-cmigndtl-section .cmgn-sng-dtl-ul-new li{ display:inline-block; float:left;   width:25%; font-size:14px; text-align:center; color:#555; padding:0px 0px 10px 0px;}
.user-all-cmigndtl-section .cmgn-sng-dtl-ul-new li span{ display:block; vertical-align:inherit; margin-left:5px; font-size:16px;   padding:0px 5px 2px;  line-height:18px;}
.user-all-cmigndtl-section .cmgn-sng-dtl-ul-new li a, .user-all-cmigndtl-section .cmgn-sng-dtl-ul-new li a:hover{ text-decoration:none; color:#555}

.campign-stst-scg6{border-right:solid 1px #ddd; position:relative;}
.campign-stst-scg6:after{ position:absolute; right:-5px; top:42px; content:''; width:10px; height:10px; border:solid 1px #ddd; border-radius:100%; background:#f7f5ee }

 


/*css for attecthment upload btn*/
.upload-file-popup{ width:100%;}
.upload-file-popup .btn-file{ margin-bottom:20px; padding:7px 25px; border-radius:30px; text-transform:uppercase}
.upload-file-popup table{ width:100%; padding-top:20px; }
.upload-file-popup table tr td{ border-top:solid 1px #ddd; padding:8px 0px; color:#333} 
.upload-file-popup table tr td .btn{ padding:2px 7px;}
.upload-file-popup table tr td:last-child{ text-align:right} 
.upload-file-popup table tr:hover{ background:#eee}














.cbp_tmtimeline {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative; font-family:calibri;
} 

.cbp_tmtimeline li{ position:relative;}

/* The line */
.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 110px;
	width: 10px;
	background: #afdcf8;
	left: 20%;
	margin-left: -10px;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	width: 25%;
	padding-right: 100px;
	position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
	display: block;
	text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
	font-size: 0.9em;
	color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
	font-size: 2.9em;
	color: #3594cb;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
	color: #6cbfee;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 0 25px 25%;
	background: #f6f7ee;
	color: #6a6a68;
	padding: 1em;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4;
	position: relative;
	border-radius: 5px;  
	
}

.cbp_tmtimeline > li .cbp_tmlabel:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
	background: #f6f7ee;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 { 
	margin-top: 0px!important;
	padding: 0 0 10px 0!important; border-bottom:none;  color:#6a6a68!important; font-size:18px!important
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #f7f5ee;
	border-width: 10px;
	top: 10px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: #f7f5ee;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
	width: 40px;
	height: 40px;
	font-family: 'ecoico';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #46a4da;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #afdcf8;
	text-align: center;
	left: 20%;
	top: 0;
	margin: 0 0 0 -25px;
}

.cbp_tmicon-phone:before {
	content: "\e000";
}

.cbp_tmicon-screen:before {
	content: "\e001";
}

.cbp_tmicon-mail:before {
	content: "\e002";
}

.cbp_tmicon-earth:before {
	content: "\e003";
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {

	.cbp_tmtimeline > li .cbp_tmtime span:last-child {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 47.2em) {
	.cbp_tmtimeline:before {
		display: none;
	}

	.cbp_tmtimeline > li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;
	}

	.cbp_tmtimeline > li .cbp_tmtime span {
		text-align: left;
	}

	.cbp_tmtimeline > li .cbp_tmlabel {
		margin: 0 0 30px 0;
		padding: 1em;
		font-weight: 400;
		font-size: 95%;
	}

	.cbp_tmtimeline > li .cbp_tmlabel:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		border-bottom-color: #3594cb;
		top: -20px;
	}

	.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
		border-right-color: transparent;
		border-bottom-color: #6cbfee;
	}

	.cbp_tmtimeline > li .cbp_tmicon {
		position: relative;
		float: right;
		left: auto;
		margin: -55px 5px 0 0px;
	}	
}


.box-slomn-block{width:100%; display:inline-block; text-align:center;}
.mini-clomun-capmsule{width:100px; height:40px; display:inline-block; background:#fff; border-radius:40px; color:#6cbfee; line-height:36px; font-weight:bold; text-transform:uppercase; border:solid 2px #fff;}
.link-contct-list-jh-blck{  padding:0px 15px 10px; border-radius:10px; width:48%;  display:inline-block; border:dashed 1px #bbb;}
.link-contct-list-jh-blck h4{margin:0px;  text-align:center; padding:5px 0px 5px 10px;   margin-bottom:5px; color:#999 !important; font-weight:bold; text-transform:uppercase; font-size:18px}
.mini-clomun-capmsule-secnd{width:auto; height:31px; display:inline-block; background:#e1e2d2 ; border-radius:40px; color:#747565 ; line-height:27px ; font-weight:bold; text-transform:uppercase; font-size:13px; padding:0px 20px; border:solid 2px #fff;}
.span-dtlkjfhgu{display:inline-block; color:#999; font-size:16px; text-align:center; margin-top:9px; font-weight:bold}
.gray-bgkjg{ background:#e1e2d2 !important; color:#747565}







.custom-fileld-crty{margin:15px auto; float:none; text-align:center}
.page-tilelpo{ width:100%; margin-bottom:40px;}
.page-tilelpo span{ display:inline-block; margin:0 auto; padding:5px 0px; border-bottom:solid 2px #495d77 ; background:#fff; font-size:22px;   color:#495d77  }
.form-sectin-sdd{ width:800px; margin:0 auto;}
.form-sectin-sdd label{ font-size:20px; padding-top:0px!important; margin-top:0px; color:#666}
.form-sectin-sdd .form-group{ margin-bottom:30px;}
.form-sectin-sdd .form-control{ border-radius:20px; border:solid 2px #ddd; height:44px;}

.timeline-notest{ background:#f2f2f2;   border-top:1px solid rgba(0, 0, 0, 0.1); border-bottom:1px solid rgba(0, 0, 0, 0.1); margin-top:20px; padding:0px;  }
.timeline-notest ul{ list-style:none; margin:0px; padding:0px;}
.timeline-notest ul li{ display:inline-block; float:left; border-left:1px solid rgba(0, 0, 0, 0.1);  border-right:1px solid rgba(0, 0, 0, 0.1); height:280px; padding:15px;}
.timeline-notest ul li .iconifgghd-dhry{ width:100%; text-align:center;}
.timeline-notest ul li .iconifgghd-dhry i{ font-size:1.4em; width:50px; height:50px; line-height:50px; border:solid 1px #3887be; border-radius:100%; display:inline-block; color:#3887be; background:#fff;}
.timeline-notest ul li h3{ margin:15px 0px 15px; padding:0px; font-size:22px; font-weight:bold; text-align:center; color:#3887be}
.timeline-notest ul li p{ text-align:center;}
.timeline-notest ul li p strong{font-size:16px;}
.timeline-notest ul li h4{ font-size:16px; margin:0px; padding: 0px; font-weight:bold; text-align:center; color:#333}

.filed-detlifk{ width:100%; text-align:center; margin-top:20px;}
.filed-detlifk span{ display:inline-bloxk; padding:5px 15px; background:#9e9e9e ; color:#fff; border-radius:20px; text-transform:uppercase;  }
.contcqt-list-nchgt{ margin-top:20px; font-size:14px; text-align:center; width:100%;}
@media (max-width: 1560px) {
.timeline-notest ul li{ height:300px;}	
.filed-detlifk span{ margin-bottom:5px;} 	
	
}



/*new css for view contact list page*/
.new-content-panel-scfgh{width:100%!important; margin-left:0px!important;}
.new-content-panel-scfgh .hedr-fixed-submenu{width:100%!important; background:#fff; box-shadow:none;}
.new-content-panel-scfgh .hedr-fixed-submenu .extra-btn{ padding:10px 0px;}
.new-content-panel-scfgh .contct-view-sec{width:calc(100% - 310px); padding:0px 15px; float:left; }

.light-table-sectionsdb{  width:100%!important; display:inline-block   } 
 
.light-table-sectionsdb .blue-header-tbl{border-top:none!important; table-layout:fixed; margin-bottom:30px!important; }
.light-table-sectionsdb .blue-header-tbl thead tr{box-shadow:none;  border-bottom:2px solid #FFE082 !important;}
.light-table-sectionsdb .blue-header-tbl thead tr th{ background:#fff; color:#7C7A77;   font-size:18px; border-top:0px!important;  width:200px; max-width:200px;    border-bottom:none!important}
.light-table-sectionsdb .blue-header-tbl tbody tr td{  color:#7b7976; width: 200px; max-width:200px; white-space: nowrap;  overflow-x: hidden; overflow:visible;   text-overflow: ellipsis;   border:none!important; position:relative}
.light-table-sectionsdb .blue-header-tbl thead tr th:first-child, .light-table-sectionsdb .blue-header-tbl tbody tr td:first-child{ width:50px;}
.light-table-sectionsdb  .blue-header-tbl tbody tr td:last-child{ color:#337ab7; } 	
.light-table-sectionsdb  .blue-header-tbl tbody tr{ border-bottom:1px solid #d4dee8}
.light-table-sectionsdb  .blue-header-tbl tbody tr:hover{ background:#f2f2f2}
.light-table-sectionsdb  .blue-header-tbl tbody tr:last-child td .dropdown-menu{ bottom:18px; top:auto} 
/*.light-table-sectionsdb  .blue-header-tbl tbody tr td button{ padding:0px; background:none; border:none}*/
.light-table-sectionsdb  .blue-header-tbl tbody tr td .dropdown-menu{ z-index:222!important} 
.light-table-sectionsdb  .btn-group.open .dropdown-toggle{box-shadow:none}

.light-table-sectionsdb  .blue-header-tbl tbody tr.reserved-row{ background:#f6f6f6} 
 

/*.light-table-sectionsdb .tooltip.top .tooltip-arrow {bottom: 0;  left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #337ab7;} 
.light-table-sectionsdb .tooltip-inner { width: 250px!important;  padding: 3px 8px;  color: #fff;  text-align: center;  text-decoration: none;  background-color: #337ab7;  border-radius: 4px;   height:auto; min-height:25px;
 white-space:pre-wrap; font-family:calibri;}*/


.more-colmen-chck-drop{ position:absolute; right:0px; top:7px;}
.more-colmen-chck-drop button {font-size:18px!important; padding:0px 6px}
.more-colmen-chck-drop .dropdown-menu{ z-index:222!important; border:solid 2px #ddd ; overflow:auto; height:200px;}
.more-colmen-chck-drop .dropdown-menu li a{ font-size:14px;}
.more-colmen-chck-drop .dropdown-menu li a input[type="checkbox"]{ vertical-align:sub; margin-right:5px;}

.app-bracdumnop{  padding:3px 0px 0px!important; margin:0px!important; border:none; background:none; }
.app-bracdumnop li a{ font-size:20px!important; color:#666}
.app-bracdumnop li a span{ display:inline-block; font-size:15px; background: #eee; padding:2px 10px; border-radius:5px; vertical-align:middle}
.app-bracdumnop li.active a{ font-size:16px!important; color:#337ab7 }
.edit-buttonjgh{background:none; border:none; vertical-align:middle; color:#999}
.edit-buttonjgh:hover{ color:#666}
.title-edit-bxsd{ display:inline-block;} 
.title-edit-bxsd input[type="text"]{ border:solid 1px #ddd; padding:3px 10px; width:300px;}
.title-edit-bxsd input[type="submit"]{ background:#337ab7; border:solid 1px #2e6da4; padding:3px 10px; color:#fff}
 
.fixed-menu-mdl-dtl-sec{ float:right; padding-right:0px; text-align:right;}
.fixed-menu-mdl-dtl-sec span{  display:inline-block; color:#555; text-align:center; font-size:14px; border-right:solid 1px #ddd; margin-top:2px; background:#f2f2f2; border-radius:5px; padding: 0px 5px;}
.fixed-menu-mdl-dtl-sec span:last-child{border-right:0px;}
.fixed-menu-mdl-dtl-sec span font{ font-size:18px; font-weight:bold}
  
.info-box-ctct-list-dtl{ background:rgba(0, 0, 0, 0) linear-gradient(to right, #f7f7f7, #fff) repeat scroll 0 0;  width:300px; display:inline-block; float:right;  padding:15px 10px 20px; margin-top:20px;  }
.info-box-ctct-list-dtl { [;background: #f7f7f7;]; } /*for safari browser*/
.info-box-ctct-list-dtl h3{ margin:0px 0px 10px; padding:0px 0px 0px 0px; list-style:none; font-size:22px!important;}
.info-box-ctct-list-dtl ul{ list-style:none; margin:0px; padding:0px;} 
.info-box-ctct-list-dtl ul li{ display:block; float:none;  padding:5px 15px 5px 15px; font-size:16px; color:#666; position:relative; clear:both}  
.info-box-ctct-list-dtl ul li a{ display:block; color:#337ab7; position:relative; font-size:15px; } 
.info-box-ctct-list-dtl ul li a font{ display:inline-block; margin-left:10px; background:#eee; border-radius:5px; padding:0px 5px; font-size:12px; color:#555; vertical-align:middle}
.info-box-ctct-list-dtl ul li span{ display:block; font-size:12px; color:#777;}
.info-box-ctct-list-dtl ul li span a{ font-size:12px; margin-bottom:10px; margin-top:0px; color:#F9A825}
.info-box-ctct-list-dtl ul li span a i{ color:#999}
.info-box-ctct-list-dtl ul li span a.contniew{ display:inline-block; width:100%; margin:0px 0px; padding:0px; font-size:12px; text-align:right; color:#F9A825}

.right-br-btn{ margin:20px 0px;}
.right-br-btn span{ display:block; font-size:12px; margin-top:10px; color:#777}
.right-br-btn span a.contniew{ display:inline-block; width:100%; margin:0px 0px; padding:0px; font-size:12px; text-align:right; color:#F9A825}
.right-br-btn span a.contniew font{display:inline-block; margin-left:10px; background:#eee; border-radius:5px; padding:0px 5px; font-size:12px; color:#555; vertical-align:middle}
.table-titile-onpage h3{ font-size:40px; margin:10px 0px; padding:0px; color:#7C7A77; line-height: normal;} 
.table-titile-onpage h3 font.count-value12{ font-size:18px; padding:2px 10px; border-radius:5px; background:#f2f2f2; vertical-align:top; color:#337ab7; display:inline-block; margin-top:11px; line-height: normal}
.table-titile-onpage h3 .search-pop-button{ border:none; padding:6px 10px 5px; font-size:16px; background:#999; margin-left:20px; vertical-align:top; margin-top:10px; border-radius:3px; color:#fff}
.hfjrylpo4r{display:inline-block; margin-left:10px; background:#eee; border-radius:5px; padding:0px 5px; font-size:12px; color:#555; vertical-align:middle; margin-top:10px;}
/*new css for view contact list page*/ 




/*new added css for subscriber list page on 24-5-2016*/
.box-lsyuout-dashbrd-sec .col-md-3{ height:168px;}
.box-lsyuout-dashbrd-sec .inner-bxeskjk{ width:100%; background:#f7f5ee; position:relative; padding:15px; border-radius:5px; }
 
.box-lsyuout-dashbrd-sec .inner-bxeskjk h3{ margin:0px 0px 10px; padding:0px 0px 5px; font-size:20px; color:#444; display:block; border-bottom:solid 1px #ddd;}
.box-lsyuout-dashbrd-sec .inner-bxeskjk h3 a{ float:right; font-size:12px; display:inline-block; background:#999; border-radius:10px; padding:4px 10px; color:#fff; }
.box-lsyuout-dashbrd-sec .inner-bxeskjk .icon{ font-size:50px; color:#999}
.box-lsyuout-dashbrd-sec .inner-bxeskjk .count-value { text-align:right}
.box-lsyuout-dashbrd-sec .inner-bxeskjk .count-value span{ font-size:24px; color:#337ab7; display:block}
.box-lsyuout-dashbrd-sec .inner-bxeskjk .count-value p{ font-size:12px; color:#98a6ad } 

/*new added css for subscriber list page on 24-5-2016*/

 
/*new css for uploaded file page*/ 
.uploaded-files-list{ width:100%; margin:10px 0px 0px; padding:0px; display:inline-block}
.uploaded-files-list ul{ list-style:none; margin:0px; padding:0px;}
.uploaded-files-list ul li{ display:block; float:none; width:100%; padding:15px; background:#fff;   border-radius:5px; margin-bottom:10px; border-bottom:solid 2px #f2f2f2 }
 
.uploaded-files-list ul li h2{ margin:0px 0px 10px; padding:0px 0px 10px; font-size:18px;  position:relative; border-bottom:none;}
.uploaded-files-list ul li h2 font{ display:inline-block; float:right; font-size:12px; color:#666; vertical-align:middle; padding-top:3px;}
.uploaded-files-list ul li h2 span{ display:inline-block;   font-size:12px; border-radius:5px; background:#f9a825; padding:2px 5px; vertical-align:middle; color:#fff; position:absolute; right:200px; top:3px; }
.uploaded-files-list ul li h2 span.greenbgh{ background:#CC3333}
.uploaded-files-list ul li h2 span.redbgh{background:#009933}

.uploaded-files-list ul li h2 a{color:#337ab7}
.uploaded-files-list ul li h2 a i{ font-size:18px;  }
 
.uploaded-files-list ul li .record-detailshj{padding-left:30px;}
.uploaded-files-list ul li .record-detailshj span{ color:#676a6c ; text-align:center}
.uploaded-files-list ul li .record-detailshj span font{ display:block;   font-size:15px;}
.uploaded-files-list ul li .record-detailshj span a{ display:block;   font-size:15px; color:#999} 
 
.uploaded-files-list ul li .action-btn-sec{ padding-top:5px; text-align:right}
.uploaded-files-list ul li .action-btn-sec .dropdown-menu  li{ margin:0px; padding:0px!important; background:#fff;}
 /*new css for uploaded file page*/ 
 
 
.alert-message-box{ width:100%; margin:20px 0px; padding:20px; background:#f9f9fb; display:inline-block; border:dashed 1px #ddd; border-radius:5px; }
.alert-message-box h3{ margin:0px; padding:0px; font-size:22px;} 
.alert-message-box p{ font-size:14px; color:#999; margin:8px 0px 0px 25px; word-spacing:1px;} 
.alert-message-box.error h3{ color:#ed344e }
.alert-message-box.info h3{ color:#eea236 }
.alert-message-box.success h3{ color:#009933  }
 
.instruction_lkop{ margin:0px; padding:0px; list-style:none; position:relative}
.instruction_lkop:after{ position:absolute; left:8px; top:0px; width:2px; height:100%; content:""; background:#ddd;}
.instruction_lkop li{ display:block; float:none; margin-bottom:10px; font-size:12px!important; color:#888; position:relative; padding-left:20px!important;}
.instruction_lkop li:after{ position:absolute; left:5px; top:9px; content:""; width:8px; height:8px; border-radius:100%; background:#aaa; z-index:222}
 
 
 .custom-filed-popup .modal-dialog{ width:100%;   height:101%; position:fixed; left:0px; top:-1px; margin:0px;} 
 .custom-filed-popup .modal-content{border-radius:0px; height:100%;}
 .custom-filed-popup .modal-header{background:#f6f6f6 ; border-bottom:solid 2px #f1f1f1;}
 .custom-filed-popup .modal-header .modal-title{ font-size:24px; color:#555; }
 .custom-filed-popup .modal-body{ padding:7px 15px!important}
 .custom-filed-popup .modal-header button.close{ position:absolute; right:18px; top:-6px; font-size:77px; z-index:999}
 .custom-filed-popup .modal-body{ width:100%; height:100%;}
 
 .iframe-placeholder
    {
       background: url(images/iframe-loader.gif) 50% 50px no-repeat;
    }
 
.fixedTable .table {width:100%;}
.fixedTable .table tr td,.fixedTable .table tr th {min-width: 100px;width: 100px;min-height: 20px;height: 20px;padding: 5px;}
.fixedTable-header {width: calc(100% - 150px);height: 30px;  margin-left: 150px;overflow: hidden;border-bottom: 1px solid #CCC;}
.fixedTable-sidebar {width:150px;height:350px;float: left;overflow: hidden;border-right: 1px solid #CCC;}
.fixedTable-body {overflow: auto;width:calc(100% - 150px);height:350px;float: left;}


font.highlisght{ background:#eee; border-radius: 5px; color: #555;  display: inline-block;  font-size: 12px;  margin-left: 10px;  padding: 0 5px;  vertical-align: middle; width:auto}
.gray-text-p{margin-bottom:0px; color:#888; display:inline-block; vertical-align:text-top; padding-left:3px; width:auto}
	 
	 
	 
	 
/*css for step wizard*/

.step-section-footer{ position:fixed; bottom:0px; left:0px; width:100%; box-shadow:0 8px 6px 10px #ccc; background:#fff;} 
 .nav-wizard > li {float: left; width:25%; text-align:center;}
.nav-wizard > li > a {  position: relative;  background-color: #eeeeee; font-size:18px; color:#a29c92}
.nav-wizard > li > a .badge {  margin-left: 3px;  color: #eeeeee; background-color: #428bca;}
.nav-wizard > li:not(:first-child) > a {  padding-left: 34px;}
.nav-wizard > li:not(:first-child) > a:before {  width: 0px;  height: 0px;  border-top: 26px inset transparent;  border-bottom: 20px inset transparent;  border-left: 20px solid #ffffff;
  position: absolute;  content: "";  top: 0;  left: 0;	}
.nav-wizard > li:not(:last-child) > a { margin-right: 6px;}
.nav-wizard > li:not(:last-child) > a:after {  width: 0px; height: 0px; border-top: 26px inset transparent;  border-bottom: 20px inset transparent;  border-left: 20px solid #eeeeee;
  position: absolute;	  content: "";	  top: 0;  right: -20px;  z-index: 2;}
 
.nav-wizard > li:hover > a { background-color: #eee;}

.nav-wizard > li.done:hover > a{ background:#333;}
.nav-wizard > li.done:hover > a:before{border-right-color: #333;}
.nav-wizard > li.done:hover > a:after{border-right-color: #333;}
 
.nav-wizard > li:hover > a:before {  border-right-color: #eee;}
 .nav-wizard > li:hover > a:after {  border-left-color: #eee;}
.nav-wizard > li.done > a { background-color: #333; color:#fff}
.nav-wizard > li.done > a:before {  border-right-color: #333;}
.nav-wizard > li.done > a:after {  border-left-color: #333;}
.nav-wizard > li.active > a,
.nav-wizard > li.active > a:hover,
.nav-wizard > li.active > a:focus {  color: #ffffff; background-color: #426494;	}

.nav-wizard > li.active > a:after { border-left-color: #426494;}
.nav-wizard > li.active > a .badge { color: #428bca; background-color: #ffffff;
}
.nav-wizard > li.disabled > a {	  color: #777777;}
.nav-wizard > li.disabled > a:hover, .nav-wizard > li.disabled > a:focus { color: #777777;  text-decoration: none;  background-color: #eeeeee;  cursor: default;}
.nav-wizard > li.disabled > a:before { border-right-color: #eeeeee;}
.nav-wizard > li.disabled > a:after { border-left-color: #eeeeee;}
.nav-wizard.nav-justified > li { float: none;}
.nav-wizard.nav-justified > li > a { padding: 10px 15px;}
@media (max-width: 768px) {
  .nav-wizard.nav-justified > li > a {
	border-radius: 4px;
	margin-right: 0;
  }
  .nav-wizard.nav-justified > li > a:before,  .nav-wizard.nav-justified > li > a:after {border: none !important; }
}/*css for step wizard*/			


.add-field-inpopup{ margin:0px!important; padding:0px 10px!important; list-style:none}
.add-field-inpopup li{ display:inline-block; float:none; border-bottom:dashed 1px #ddd; width:100%!important; padding:10px 0px; margin:0px!important}
.add-field-inpopup li:last-child{border-bottom:none!important;}
.add-field-inpopup li span.headingkj{font-size:18px!important;}
.add-field-inpopup li span input[type="checkbox"]{ vertical-align:middle; margin:0 5px 0 0;}


/*--------------------------------------------------css used by peeyush for user profile page on date 13th june, 2016-------------------------*/
.login_modal{background-color: #fff;border-radius: 3px;display:block;padding:3em 3em 2.5em;position: relative;text-align: left;vertical-align: middle;width: 90%; margin:40px auto 50px; font-family:Calibri;max-width:48em;; box-shadow:none!important}
.login_modal > label{text-transform:uppercase; font-size:14px;color:#777; letter-spacing:.5px; margin-top:25px; clear:both}
.login_modal label.inputeffect{font-weight: normal;left:5px;margin-left: 0;padding-left: 0;position: absolute;text-transform: none;top:15px;transition:0.2s ease all; pointer-events: none; font-size:16px}
input:focus ~ label.inputeffect, input.hascontent ~ label.inputeffect{top:-20px!important; font-size:13px;}
.login_modal input[type=text], .login_modal input[type=password], .login_modal input[type=url]{background-color: #fff; border:0px;border-bottom: solid 1px rgba(191,191,191, .8);border-radius: 3px;font-size:14px;margin-bottom: 1.5em;padding:14px 10px 7px;transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;width: 100%; padding-left:5px!important; letter-spacing:.5px; background:none!important}
.login_modal a{ font-size:14px; display:inline-block; margin-top:12px;} 
.login_modal input[type=tel]{background-color: #fff; border:0px;border-bottom: solid 1px rgba(191,191,191, .8);border-radius: 3px;font-size:16px;margin-bottom: 1.5em;padding:14px 10px 7px;transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;width: 100%; padding-left:5px!important; letter-spacing:.5px; background:none!important}
.login_modal a{ font-size:14px; display:inline-block; margin-top:12px;} 
.login_modal button.sign{background-color: #2980b9;color: #fff; font-size:16px; border:0px; letter-spacing:.6px; padding:10px 50px 11px; font-weight:bold; margin-bottom:15px; border-radius:3px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24), 0 2px 10px 0 rgba(0, 0, 0, 0.12); transition: all 0.3s ease-out 0s; position:relative} 
.login_modal input[type=text]:focus, .login_modal input[type=password]:focus, .login_modal input[type=tel]:focus, .login_modal input[type=url]:focus{ outline:none!important}
.login_modal .btn-primary:hover, .login_modal .btn-primary:focus, .login_modal .btn-primary:active, .login_modal .btn-primary.active {
background-color: #3295d6 !important;border: 0px solid #369f36 !important;outline: none!important;outline-offset:0px;}
.login_modal button.sign:hover{box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); background:#3295d6}
.bottomtext{ font-size:17px;color:#999;}
.bottomtext a{ font-size:18px!important;}
.ripple{overflow:hidden;}
.ripple-effect{position: absolute;border-radius: 50%; width: 50px; height: 50px;background: white; animation: ripple-animation 2s;}
@keyframes ripple-animation {
from { transform: scale(1); opacity: 0.4; } to { transform: scale(100); opacity: 0; }
}

.login_modal.second{max-width:64em;padding: 3em 2em 2.5em;}
.login_modal.second h2{ margin-bottom:35px}
.login_modal p{ margin:0px 10px 0px; padding:0; font-size:16px; font-weight:normal; color:#555;letter-spacing:.1px; position:relative}
.login_modal.second input:focus ~ label.inputeffect, input.hascontent ~ label.inputeffect{top:-22px!important;}
.login_modal.second button.sign{padding: 10px 20px 11px;}
.login_modal.second .row:last-child{ margin-top:20px!important}
.login_modal.second select{border: 1px solid #e0e0e0;border-radius: 0.375em;padding: 9px 12px; height:auto;background-color: #f5f9fa;}
.login_modal.second .checkbox{background:#eee;}
.login_modal.second .checkbox label{font-size:14px;text-transform:none;letter-spacing:0;color:#555;margin-top:0px;padding:8px 20px!important;font-weight:bold}
.login_modal.second .checkbox label input{ margin-left:0px!important; margin-right:7px!important;position:relative}
.bar{ position:relative; display:block; width:100%; }
.bar:before, .bar:after{content:'';height:2px;width:0;bottom:20px;position:absolute;background:#2980b9;transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
.bar:before {left:50%;}
.bar:after {right:50%;}
input:focus ~ .bar:before, input:focus ~ .bar:after {width:50%;}

.bar.error:before, .bar.error:after {width:50%;background:#f44336;}
.bar.success:before, .bar.success:after {width:50%;background:#388e3c;}

.scrollable-menu {height: auto;max-height: 200px;overflow-x: hidden; width:100%; border-radius:0px!important; border:0px!important}
.scrollable-menu li {border: 0px solid #fff!important;box-shadow:none!important;cursor: pointer;float: left;height: auto!important;width:100%!important; margin:0!important}
.scrollable-menu li a { font-size:16px!important; padding:0 10px!important}
.dropdown.angulartype{ margin:7px 10px;}
.dropdown.angulartype.nomar{ margin:16px 10px 18px;}
.dropdown.angulartype button{border:0px;border-bottom: solid 1px rgba(191,191,191, .8); border-radius:0px; width:100%; text-align:left;color: #777; font-size:16px;padding:6px 0 6px 5px; position:relative; background:none!important; outline:none!important; box-shadow:none!important}
.dropdown.angulartype button .caret{ position:absolute; right:10px; top:14px}
p.subheading{ color:#2980b9; font-size:17px; font-weight:bold; margin-bottom:20px!important;letter-spacing:.5px; display:inline-block; margin-top:0px!important; padding-left:5px}
.login_modal.second{max-width:65em;padding:2em 2em 2.5em;}
.required:before{border:1px solid #88bb8a;border-radius: 3px;top:14px;color: #88bb8a;content: "Compulsory";font-size:10px;letter-spacing: 0.1px;opacity:1;padding: 1px 4px 2px;position: absolute;right: 0; background:#fff}
compnaifo .col-md-11{ float:right;}
.login_modal.second .col-md-11{ margin-bottom:8px}
.login_modal.second.third{max-width:45em;padding:2em 2em 2.5em;}
.login_modal.second.third .col-md-12{ margin-bottom:7px}
.intl-tel-input{ width:100%;}
.flag-container:hover{ background:none!important}
.country-list li{border: 0px solid #fff!important;box-shadow:none!important;cursor: pointer;float: left;height: auto!important;width:100%!important; margin:0!important}
input[type=tel]::-webkit-input-placeholder {color: #777; opacity:.8}
input[type=tel]::-moz-placeholder {color: #777; opacity:.8}
input.weburl, input.addresstt{ padding-right:70px!important;}
input.weburl::-moz-placeholder{ opacity:0}
input.weburl:focus::-moz-placeholder{ opacity:.6}
input.weburl::-webkit-input-placeholder{ opacity:0}
input.weburl:focus::-webkit-input-placeholder{ opacity:.6}
.login_modal :focus{ outline:none!important}
.required.error:before{border:1px solid #f44336;border-radius: 3px;top:14px;color: #f44336;content: "Compulsory";font-size:10px;letter-spacing: 0.1px;opacity:1;padding: 1px 4px 2px;position: absolute;right: 0; background:#fff}
.dropdown.angulartype button .caret{ position:absolute; right:auto; top:17px; margin-left:10px}
.errordiv{color:#f44336;margin-left:15px; margin-top:-10px; display:inline-block}


/*--------------------------------------------------css used by peeyush for campaign design pages on date 17th june, 2016-------------------------*/
.login_modal div.wrapmsg{ margin:0px 10px 0px; padding:0; font-size:16px; font-weight:normal; color:#555;letter-spacing:.1px; position:relative}

.required::before{ top:10px}
.subheading.campaign{ width:100%; text-align:center; padding-left:0; margin-bottom:30px; font-size:20px;}

.campaing-types{ margin:0px; padding:0;}
.campaing-types li{ list-style:none; font-size:16px; color:#999; margin:3px 0; padding:0; text-transform: uppercase; letter-spacing:.5px}
.campaing-types li:first-child{ margin-bottom:10px;font-weight:bold}
.campaing-types li a{ text-decoration:none; font-size:15px; color:#2980b9; text-transform:none;}
.campaing-types li.active a{ background:#fff;padding:5px 20px; border:solid 1px #e1eff6; font-weight:bold; border-radius:50px; margin-left:-20px}

.summarycheckbox{ margin-bottom:20px;}
.summarycheckbox h3{color:#2980b9; font-size:18px; font-weight:bold; margin-bottom:0px}
.summarycheckbox h3 button{ float:none; margin-top:0px; padding: 3px 10px; margin-left:10px}
.summarycheckbox ul{background:none;border: 0px solid #e1eff6;border-radius: 0px;list-style: outside none none;padding:10px; margin-bottom:40px}
.rowdesign li {border-bottom: 1px solid #eee;color: #777;font-size: 16px;font-weight: bold;letter-spacing: 0.5px; padding:8px 0}
.rowdesign > li  button{ border:0px; background:#3295d6; outline:none}
.rowdesign li div {float: left; width:20%; display:inline-block;}
.rowdesign li span {font-weight: normal;text-align: left;}
.rowdesign li span a{background:#fff;border-radius: 5px;display: inline;margin-left: 10px;padding: 3px 8px;}
/*.hedr-fixed-submenu { background:#398bd1; box-shadow:0 7px 5px -7px rgba(0, 0, 0, 0.8) !important; border-bottom:0px!important}*/
.creat-capmaing-header button{border: 0 none;font-size: 15px;margin: 3px 2px 0;padding: 4px 10px; box-shadow:0 0px 2px 1px rgba(0, 0, 0, 0.2) !important; transition:all ease-in-out .3s}
.creat-capmaing-header:hover button.btn-success{ box-shadow:0 0px 5px 1px rgba(0, 0, 0, 0.6) !important}
.btn-info-outline {background-color: transparent;background-image: none;border-color: #5bc0de;color: #5bc0de;}
.btn-info-outline:hover {background-color: #5bc0de;border-color: #5bc0de;color: #fff;}

.campaign-step-header{ background:#607d8b!important; box-shadow:none!important }
.campaing-step-indicator{list-style:none; margin:0px; padding:0px; float:none; margin-top:6px}
.campaing-step-indicator li{ float:left; padding:0px 2px; line-height:26px; position:relative; opacity:.5; margin:0 15px 0 0px;}
.campaing-step-indicator li.active{ opacity:1}
.campaing-step-indicator li.active:after{ content:""; border-bottom:solid 5px #6acd6a; position:absolute; width:100%; bottom:-18px; left:0}
.campaing-step-indicator li a{color: #fff;}
.campaing-step-indicator li a .number{background:#fff;border-radius: 100%;color: #000;display: inline-block;font-size: 13px;height: 19px;line-height: 19px;margin-right: 8px;text-align: center;width: 19px;}
.creat-capmaing-header{padding:0px 0;}
.campaing-step-indicator li.done{ opacity:.8}
.campaing-step-indicator li.done a{color:#ffeb3b}
.campaing-step-indicator li.done a .number{background:#607d8b ; }
.creat-capmaing-header{padding:8px 0;}
.campaing-step-indicator li.done a .number i{ color:#fff}

.twobutton{ margin-top:20px; border-bottom:0px!important;}
.twobutton button{ margin:0 10px; font-size:19px!important}
.twobutton button.btn-default{border-radius: 3px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.10);color:#777;font-weight: bold;letter-spacing: 0.6px;margin-bottom: 15px;padding: 10px 20px 11px;
position: relative;transition: all 0.3s ease-out 0s; opacity:.7!important}

.uploadfilerow{width:60%; margin:30px auto; border:solid 0px; font-size:15px; color:#777; letter-spacing:.5px; opacity:.8}
.uploadfilerow .progressbar{}
.duynamic li table tr{ border-bottom:solid 1px #ddd;}
.duynamic li table tr:last-child{ border-bottom:solid 0px #ddd;}
.duynamic li table td{padding:5px 0px; opacity:.7}
.duynamic li table td:first-child{padding:5px 0px; width:120px}
.duynamic li table td button{padding: 2px 8px;}

ul.texthtml {margin: 0 auto;max-width: 800px; text-align:center; border:0}
ul.texthtml li { float:none; display:inline-block;margin: 0 -3px;}
ul.texthtml li.active > a, ul.texthtml li.active > a:hover, ul.texthtml > li.active > a:focus {border:0; border-radius:0;border-bottom: 1px solid #e2e2e2;color:#337ab7;}
ul.texthtml li.active > a{border-bottom: 1px solid #e2e2e2;}
ul.texthtml li a{ border:0; border-radius:0; color:#74777b; font-size:24px;padding: 0 60px 10px; background:none!important;border-bottom: 1px solid #e2e2e2;overflow: visible;transition: color 0.2s ease 0s; line-height:normal;position: relative; margin-right:0; opacity:.90; margin-top:0!important}
ul.texthtml li a:hover{color:#337ab7;}
ul.texthtml li.active a{color:#337ab7;}
ul.texthtml li.active a:before{border-left:10px solid transparent!important;border-right:10px solid transparent!important;border-top:10px solid!important;position:absolute; content:""; width:0; left:45%; bottom:-10px; color:#e2e2e2}

.uploadedfiles{ margin:0; padding:0; list-style:none}
.uploadedfiles li{ margin:0; padding:2px; list-style:none; border-bottom:solid 1px #dbdee2; padding-bottom:6px; margin-bottom:4px; color:#7aa8d0; font-size:18px!important; letter-spacing:.2px; text-align:left}
.uploadedfiles li:last-child{border-bottom:solid 0px #dbdee2;}
.uploadedfiles li i{ vertical-align:middle; margin-right:5px; font-size:15px}
.uploadedfiles li i.fa-trash{ margin-left:5px;}
.uploadedfiles li a{ margin-top:0!important; color:#a4a4a4}
.uploadedfiles li span{ float:right; margin-right:5px;color:#a4a4a4; font-size:15px!important; margin-top:2px}

/*-------------------------------CSS ADDED BY PEEYUSH FOR HEADER NEW MENU ON DATE 25th Juny, 2016 --------------------------------------------------*/
.menu_link_block{ font-size:18px!important; color:#7d7d7d!important; padding:0px!important; }
.menu_link_block i{ font-size:14px; vertical-align:middle; margin-right:5px;}
.module_link_menu h2{margin:0px; padding:0px 11px; font-size:19px; color:#337AB7; text-align:left}
.module_link_menu { margin-top:20px; box-shadow: 0 5px 5px rgba(182, 182, 182, 1); text-align:left}
.module_link_menu .rows .col a{ font-size:13px!important;  background:#f9f9f9; border-radius:5px!important; padding:5px 12px; width:120px!important;}
.module_link_menu .rows .col a:hover{ background:#f2f2f2!important;}

.report_menu .rows{ width:50%!important}

.live_call_link{background:rgb(133,182,67); padding-bottom:0px!important; padding-left:11px; opacity:.7; padding-top:0px!important; text-align:center}
.live_call_link i{vertical-align:middle; margin-right:5px;}

.menunew{background:#fff!important; max-width: none; left:0px!important; border:0!important;width: auto;white-space: nowrap; border-bottom:solid 3px #337ab7!important; top:22px!important; padding-bottom:0px!important}
.menunew li{ padding:5px 5px 10px!important}
.menunew li .rows{display:inline-block; margin-right:10px; vertical-align:top; border-right:solid 0px #eee; }
.menunew li .rows:last-child{border-right:solid 0px #eee; padding-right:0; margin-right:0}
.menunew li .col{margin-bottom:0px;border-bottom:solid 0px #eee; padding:10px 10px 10px; }
.menunew li .col .links{ margin-left:5px}
.menunew li .col:last-child{ margin-bottom:0px; border-bottom:0; padding-bottom:0}
.menunew li h3{ color:#112f49; font-size:18px; font-weight:normal; margin:0; padding:0;margin-bottom:5px; letter-spacing:.1px}
.menunew li .links{margin-left:4px!important; text-align:left}
.menunew li .links a{ color:#337ab7!important; text-decoration:none; font-size:13px!important; padding:2px 2px 2px 0px!important; line-height:14px}
.menunew li .links a:hover{ text-decoration:underline;}
.menunew li .links a i{font-size:11px!important;}
.menunew li .links button{font-size:13px!important;font-weight:normal;vertical-align:middle; margin-right:1px; margin-top:2px;padding:2px 10px!important; letter-spacing:0px!important;margin-bottom:7px; margin-left:2px;border:solid 1px #dbdbdb;color:#888!important}
.menunew li .buttons{margin-top:5px!important;margin-bottom:5px!important; display:inline-block}
.menunew li .buttons a{border: 1px solid #dbdbdb!important;color: #888 !important; font-size: 13px !important;font-weight: normal;letter-spacing: 0 !important;
margin-bottom: 7px!important;margin-right: 1px;margin-top: 5px!important;padding:4px 10px!important;vertical-align: middle;border-radius: 3px!important;
width:auto!important;text-align:center; display:inline-block!important}
.sarv-headerr .menu-link ul li .dropdown-menu.menunew li .buttons a:hover, .sarv-headerr .menu-link ul li .buttons .dropdown-menu.menunew li a:focus{border: 1px solid #337ab7!important;}
.menunew li .buttons button{font-size:13px!important;font-weight:normal;vertical-align:middle; margin-right:1px; margin-top:5px;padding:2px 10px!important; letter-spacing:0px!important; margin-bottom:7px;border:solid 1px #dbdbdb;color:#888!important}
li.whitefill:hover > a{background:#fff;border-radius:3px!important;border:1px solid #fff;color:#337ab7!important;display:inline-block;font-size:13px;}
li.whitefill.open > a{background:#fff;border-radius:3px!important;border:1px solid #fff;color:#337ab7!important;display:inline-block;font-size:13px;}
li.whitefill{position:relative;margin-left:5px!important;}
li.whitefill > a.active{background:#fff;border-radius:3px!important;border:1px solid #fff;color:#337ab7!important;display:inline-block;font-size:13px;}
.menunew li .buttons.small{ width:100%}
.menunew li .buttons.large.small a{margin-bottom: 7px!important;margin-top: 5px!important;padding:8px 10px!important;vertical-align: middle;border-radius: 3px!important;text-align:center; border:1px solid #dbdbdb!important;color: #888888 !important;font-weight: normal;letter-spacing:.5px !important;display:inline-block!important;margin-right:5px!important; width:49%!important; font-size:15px!important}
.bigtextfont{border:solid 0px;}
.bigtextfont i{border:solid 1px #ddd;border-radius:100%;; color:#ddd; font-size:28px; width:50px; height:50px; line-height:50px; text-align:center; font-weight:normal; vertical-align:middle; margin-right:5px; margin-top: -4px;}
.bigtextfont a{display:inline-block!important; color:#337ab7!important; width:auto!important; vertical-align:middle; font-size:30px!important;
padding:0!important}
.dahbord-block-row {margin-top: 10px;}

.dropdown.single ul li{padding-bottom:0px!important;}
.dropdown.single ul li a{ color: #7d7d7d!important; font-size: 16px!important;}
.dropdown.single ul li.active{background:#337AB7!important}
.dropdown.single ul li.active a{ color: #fff!important ; background:none!important }
.dropdown.single ul li:hover{ background: #F1F8FF }

#header-fixed {position: fixed;  top: 47px; display:none;background-color:white;  width: calc(100% - 30px)}
#header-fixed tr {box-shadow: 0 8px 6px -6px #ccc;}
#header-fixed  tr th{ padding-top:18px; width: auto;}
.diplsy_block{ display: table!important}


/*add css for domain setting page (copy of sending domain in transection email panel)*/
.smpp-add-setting-page .nav-tabs li.active a{ background:#f2f2f2;}
.tabbing-section-mta-setting{-moz-border-bottom-colors: none;  -moz-border-left-colors: none;  -moz-border-right-colors: none;  -moz-border-top-colors: none; background: #f2f2f2;  border-bottom: 1px solid #ddd;
    border-image: none;  border-left: 1px solid #ddd;  border-right: 1px solid #ddd;  border-top: medium none !important;  padding: 5px;}	
.dahbord-block-row{background: #fff;   border: 1px solid #e7eaec !important;   display: inline-block;  margin-bottom: 15px;  padding: 10px;  width: 100%;}
.erroe-higlight2{word-wrap: break-word;}
.inner-box-table tr th{ background: #ddd; color: #222; text-align: left !important; font-size:12px; text-transform:uppercase}
.inner-box-table tr td{background: #f2f2f2;  color: #222;  text-align: left; vertical-align: middle !important; font-size:13px;}
.inner-box-table tr td .label-success{ font-size: 12px; font-weight: normal;  margin-bottom: 0;  padding: 3px 5px;}
.page-selection-bx { float: right;  width: 200px;}
.table-responsive.respo-tbl{overflow:visible!important; overflow-x:visible!important; overflow-y:visible!important}
.creat-capmaing-header.newlook{padding:15px 0!important}
.hidefilename{ color: #7aa8d0 !important;display: inline-block;margin: 0 !important;overflow: hidden;padding: 0 !important;text-overflow: ellipsis;vertical-align: middle;white-space: nowrap;width: 65%;}

.form-control{ border-color:#e0e0e0!important}

font.ab_test{ width:25px; height:25px; display:inline-block; border-radius:100%; text-align:center; color:#fff; vertical-align:middle; line-height:1.250; padding:1px 0px; text-height:auto}
font.ab_test_default{background:#9E9E9E}			
font.ab_test_1{ background:#7DAB2D}
font.ab_test_2{ background:#2196F3}
font.ab_test_3{ background:#FF9800}
font.ab_test_4{ background:#C9302C}
font.ab_test_5{ background:#9C27B0}
font.ab_test_0{ background:#9C4446}
font.ab_test_all{background:#ddd; font-size:12px!important; width:70px!important; border-radius:20px!important; color:#607d8b!important; border:none; height:auto!important;}


.border-popup .modal-content{ background:#f9f9f9; border-top:#eea236  solid 7px ; border-radius:2px; font-family:calibri!important}
.border-popup .modal-content .modal-title{ text-transform:uppercase; color:#333}
.border-popup  .modal-content .modal-title i{ margin-right:5px; color:#aaa} 
.border-popup  .modal-body{ padding-bottom:15px; display:inline-block}
.border-popup  .modal-body p{ color:#666}
ul.check_listing{ margin:0px auto; width:80%; list-style:none}
ul.check_listing li{ display:inline-block; float:left; width:50%; margin-bottom:10px;}
ul.check_listing li label{ font-weight:normal; color:#555}
ul.check_listing li font{ line-height:1.300; padding:3px 0px!important;}
ul.check_listing li input[type="checkbox"]{ vertical-align:middle; margin-top:0px; margin-right:5px;}
ul.check_listing li font{ margin-left:5px;}

.ivr_n_drp{ display:inline-block; position:relative; cursor:pointer}
.ivr_n_drp:hover ul{ display:block}
.ivr_n_drp ul{ margin:0px; padding:2px; list-style:none; position:absolute; left:0px; top:0px; background:#F2F2F2; width:100%; border-radius:5px; display:none; border:solid 1px #ddd;}
.ivr_n_drp ul li{ display:inline-block; width:100%; text-align:center; padding:5px;}
.ivr_n_drp ul li:hover{ background:#eee;}
.ivr_n_drp ul li a{ font-size:16px; color:#337ab7!important}

.campaign_design_choose .post-image-show img:hover{animation: animationFrames linear 10s;animation-iteration-count: 1;transform-origin: 50% 50%;}
@keyframes animationFrames{
	0% { transform:  translate(0px,0px)  ; }
	50% { transform:  translate(0px,-200px) ; }
	100% { transform:  translate(0px,0px)  ; }
}

/*css added by prem for replace inline css to class for make resposive layout on 11-7-2016*/
.current-balace-dash{background:#fff;height:180px; border-right:solid 10px #f2f2f2}
.reputation-dash{ background:#fff}
.dashboard-graph-section{width:80%; height: 300px; background-color: #fff ; border:solid 0px; float: left}
.dasboard-graph-detail{float:left; width:20%; border:solid 0px; background-color: #fff ; height: 300px;}

/*set css by brijendra*/



/*----------------------Popup Window Widget-------------------------------*/
.fixpopup_widget{backface-visibility: hidden;bottom:0px;font-size: 14px;position:fixed;right:30px;width:400px;z-index:9999;}
a.popup-close i{opacity:0.6; margin: 0 3px; vertical-align: middle; position: absolute; right: 24px; top: 12px;color: #fff; cursor: pointer; font-size: 14px;z-index: 2}
a.popup-close:hover i{opacity:1;}
.fixpopup_widget_wrapper {backface-visibility: hidden;background:#fff;border: 1px solid #d1d5d7;border-radius:4px 4px 0px 0px;bottom: 0;box-shadow: 0 0 1px rgba(76, 86, 103, 0.25), 0 2px 13px rgba(31, 37, 50, 0.22);left: 0;overflow: hidden;position: absolute;right: 0;width: 100%;}
.fixpopup_widget_wrapper.changecss {border-bottom:0px;}
.fixpopup_widget_wrapper.changecss .fixpopup_widget_header { opacity:.80}
.fixpopup_widget_header {background:rgba(50,58,69,.85);border-bottom: 0px solid #e4e4e4;border-top-left-radius: 4px;border-top-right-radius: 4px;height:34px;padding-left: 18px;padding-right:18px; cursor: pointer}
.fixpopup_widget .fixpopup_widget_utility_table {display: table;height: 100%;table-layout: fixed;width: 100%;}
.fixpopup_widget .fixpopup_widget_utility_table_item {display: table-cell;vertical-align: middle;}
.fixpopup_widget_utility_table_item{display: table-cell; vertical-align: middle;}
.fixpopup_widget_header_title {text-align:left;width:88%;}
.fixpopup_widget .fixpopup_widget_utility_h2 {color:#fff;font-size: 1.14286em;font-weight: 600;margin: 0;padding: 0}
.fixpopup_widget_headerminimize{position: relative;}
.fixpopup_widget_header_minimize a{color: #fff; cursor: pointer}
.fixpopup_widget_header_minimize i{opacity:0.6; margin: 0 3px; vertical-align: middle}
.fixpopup_widget_header_minimize i.fa-minus{ margin-top:2px; display: inline-block;}
.fixpopup_widget_header_minimize i:hover{opacity:0.95;}
.fixpopup_widget_body .highlights{background:rgba(51,122,183,1);padding:10px 18px; font-size: 15px; letter-spacing:0px; color: #fff}
.fixpopup_widget_body .highlights span{ font-weight: bold; color:#31e77e}
.contenttext{ display: inline-block;width:49%}
.fixpopup_widget .nav-tabs li{width:50%}
.fixpopup_widget .nav-tabs li a{background:#f5f7fb;border:solid 1px #e2e5eb;line-height:inherit;border-radius:0;font-size:14px;text-transform: uppercase; text-align: center; padding: 11px 15px 10px;color:#555555; margin-right: 0;}
.fixpopup_widget .nav-tabs li.active a{background:#fff;border:solid 1px #fff;color:#337ab7}
.fixpopup_widget .tab-content{padding:10px;}
.fixpopup_widget .light-table-sectionsdb .blue-header-tbl{margin-bottom: 0!important}
.fixpopup_widget .light-table-sectionsdb .blue-header-tbl thead tr th{font-size:14px; padding:8px 10px 2px 4px!important;width: auto!important; max-width:auto !important; color: #aaa}
.fixpopup_widget .light-table-sectionsdb .blue-header-tbl tbody tr td{font-size:14px; padding: 8px 10px 8px 4px!important;width: auto!important; max-width:auto !important; position: relative}
.actionbg{background:#fff;border-radius:1px;padding:9px 10px 10px;position: absolute;left:0px;top:-1px; opacity: 0; transition:all .3s}
.actionbg .action-icons a{ margin: 0 6px!important}
.fixpopup_widget .light-table-sectionsdb .blue-header-tbl tbody tr:hover .actionbg{ opacity: 1;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15)}
.fixpopup_widget .light-table-sectionsdb .blue-header-tbl tbody tr:hover span{ opacity: 0}







/*css for module deduct log report */
.module_credit{ overflow:visible!important;} 
.module_credit .modal-dialog{ width:600px;}
.module_credit .modal-content{border-radius:0px; border:none; }
.module_credit .modal-header{ background:#337ab7}
.module_credit .modal-header .close{ font-size:29px; text-shadow:none; opacity:.5; color:#fff;}
.module_credit .modal-header .close:hover{opacity:1; }
.module_credit .modal-header h4{ font-size:22px; color:#fff; letter-spacing:.5px}
.module_credit .modal-header h4 span{ background:#fff; border-radius:5px; padding:4px 10px 0px; margin-left:40px; color:#337AB7;}
.module_credit .modal-body{ display:inline-block; width:100%;}
.module_credit .modal-body ul{ list-style: none; margin:0px; padding: 0px; max-height: 400px; overflow-y: auto }
.module_credit .modal-body ul li{ display: inline-block; width: 100%; padding: 5px 10px; margin-bottom: 10px; background: #f7f7f7; border:solid 1px #f2f2f2;}
.module-name_sc{ display: block; font-size: 18px; }
.module-name_sc b{ color: #337ab7; font-weight: normal; margin-right: 3px; }
.module-name_sc span{ float: right;   background: #fff; border-radius:20px; padding:1px 10px; text-align: center; min-width: 65px; color: #efb620; font-size: 18px; vertical-align: middle}
.module-name_sc span i{ vertical-align: middle; margin-right: 3px; }
.module_deduct_dtl{ width: 100%; display: inline-block;}
.module_deduct_dtl span{ display: inline-block; width: 30%; text-align: center; color: #888; font-size: 14px; }
.module_deduct_dtl span font{ display: block; color: #337AB7; margin-top: 5px; font-size: 16px; }
/*css for module deduct log report*/


.add_condition11{margin-top: 15px;}
.add_condition11 span{ display: block; margin-bottom: 5px; }
.add_condition11 input { width: 30%; padding: 2px; margin-right: 5px; vertical-align: top;}
.add_condition11 select{ width: 30%; padding: 5px; margin-right: 5px; }
.append_div12{ display: inline-block; width: 30%; vertical-align: top;}
.append_div12 input{ width: 100%!important;	vertical-align: top; }

.balance_inq .card{transition: all .5s;}
.balance_inq .card:hover {border-color: #4008ae}
.balance_inq .card-block {flex: 1 1 auto;  padding: 1.25rem; text-align: center; }
.balance_inq .card-block i{ margin-bottom: 10px; color: #666; transition: all .5s; font-size: 20px; }
.balance_inq .card-block:hover i{ color:#4008ae; transform: scale(1.5);}

.card-block {flex: 1 1 auto;  padding: 1.25rem;  }
.card-block .list-group .list-group-item span{ font-size: 16px; color: #666; padding-right: 20px; text-align: right; }
.card-block .list-group .list-group-item{ font-size: 18px; }


.card-title span {  background: #1ab394; border-radius: 10px;  color: #fff;  display: inline-block;  font-size: 14px; margin-left: 5px; min-width: 40px; padding: 2px 10px;    vertical-align: inherit; text-align: center;}

.quote-card { background: #fff; color: #222222;   padding-left: 32px;  position: relative;  overflow: hidden;
  min-height: 60px; border-left:solid 3px #5eab5c;}
.quote-card p { font-size: 14px;  line-height: 1.5;  margin: 0;  max-width: 95%; font-family: Courier New;} 
.quote-card:before {font-family: Georgia, serif; content: "“"; position: absolute; top: -15px; left: 5px; font-size:3em; color: rgba(169, 166, 174, 0.9); font-weight: normal;}
.quote-card:after {font-family: Georgia, serif; content: "”"; position: absolute; bottom: -15px; line-height: normal; right: 0px; font-size: 3em; color: rgba(169, 166, 174, 0.9);
  font-weight: normal;}


.pattern_bg{background-image: url("../images/zigzag_bg.jpg")!important; background: repeat;}

/*new css added from inline pages*/

.r_clock_duration{font-family: 'Digital-7'; font-size: 17px; color: #0b3d7d}

.create_conf_section{width:1040px; max-width: 1200px; margin:0px auto; background: #f9f9f9; padding: 25px 35px; display: table; box-shadow: 0px 0px 2px #ddd; min-width: 950px;}
.create_campaign_form label{ font-size: 16px; font-family: arial; font-weight: normal; }
.create_campaign_form .form-control{border-radius: 0px; box-shadow: none;}
.create_campaign_form .input-group-addon{border-radius: 0px; background: #fff;}
.create_campaign_form .input-group-btn .btn.browse {border-radius: 0px;}

.create_campaign_form .form-control[disabled]{background: #fff; cursor:alias; }

.add_cntct_btn { border-color: #ddd;  background: #e6e6e6; color: #6f6969}
.add_cntct_btn:hover, .add_cntct_btn:focus{background: #e2e2e2; border-color: #ccc;}
.add_cntct_btn .badge{font-weight: normal; background: #9e9e9e61; color: #7f7c7c}

.mini_contact_listsec{width:65%; max-width: 1200px; margin:0px auto; background: #f9f9f9; padding: 25px 35px; display: table; box-shadow: 0px 0px 2px #ddd; min-width: 950px;}
.minictnct_decrptn{width: 65%; margin: 10px auto 0px; font-size: 17px; color: dimgray; font-family: 'Times New Roman';   background: #ffe3b8; text-align: center; padding: 10px;}