.clear {clear: both;}
/*Dashboard Start*/
#gritter-notice-wrapper {display: none;}
.table-chart .table {background: transparent !important;}
.table-chart table>tbody>tr>td, 
.table-chart .table>tbody>tr>th, 
.table-chart .table>tfoot>tr>td, 
.table-chart .table>tfoot>tr>th, 
.table-chart .table>thead>tr>td, 
.table-chart .table>thead>tr>th {
background: transparent !important; 
color: #fff !important;
}
.table-chart .table>thead>tr>th {
color: #fff !important;
font-weight: 600;
border-bottom: 1px solid #e2e7eb!important;
}
.fixed-datepicker {
position:fixed; 
right:10px;
z-index:99;
}
/*test*/
#load {
position: fixed;
/*background: #E6E8EC;*/
/*opacity: 0.2;*/
background: transparent; 
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
}
#load .faa-tada {position:absolute; margin: 0 auto; left:50%; top: 10%;}
#load .text-load {position:absolute;font-size: 14px; font-weight: 600;margin: 0 auto; left: 46%; top: 45%;}
.custom-bg-white {background:#fff; padding: 10px; box-shadow: 2px 2px 10px 2px #ddd; border-radius: 5px;}

/*Dashboard End*/

/*Campaign Start*/
.btn-green {
background: #008a8a !important;
border-color: #008a8a !important;
font-size:12px;
color:#fff !important;
font-weight: 700;
}
.color-dropd li a {
	color: #333 !important;
}
div.campaign-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 20px;
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.campaign-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 0;
}
div.campaign-tab-menu div.list-group{
  margin-bottom: 0;
}
div.campaign-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.campaign-tab-menu div.list-group>a .glyphicon,
div.campaign-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.campaign-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.campaign-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.campaign-tab-menu div.list-group>a.active,
div.campaign-tab-menu div.list-group>a.active .glyphicon,
div.campaign-tab-menu div.list-group>a.active .fa{
  background-color: #348fe2;
  background-image: #5A55A3;
  color: #ffffff;
}
div.campaign-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #348fe2;
}

div.campaign-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.campaign-tab div.campaign-tab-content:not(.active){
  display: none;
}
.camp-panel-30 {
    padding:0 30px;
}
.camp-right-fixed {
    background:#F8F8F8; 
    position:fixed; 
    right:0; 
    top:100px; 
    bottom:0; 
    border-left:1px solid #ddd;
}
.camp-summary-text {
    padding: 80px 15px 15px;
}
.camp-summary-text p {
    line-height:16px;
}
/*Campaign End*/

/*Ads Start*/
.centeredImageContainer {
width: 250px;
height: 250px;
margin: 0 auto;
vertical-align: middle;
border:1px solid #ccc;
}
.centeredImageContainerTable {
width: 140px;
height: 140px;
margin: 0 auto;
vertical-align: middle;
border:1px solid #ccc;
}
.centeredImageContainer img {
width: 100%;
height: 100%;
object-fit: contain;
}
.centeredImageContainerTable img {
width: 100%;
height: 100%;
object-fit: contain;
}
.dropdown-adsc {
	position: absolute;
	left:280px;
}
		
.dropdown-adsc .dropdown-submenu {
    position: relative;
}

.dropdown-adsc .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-adsc .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-adsc .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: 10px;
    margin-right: -10px;
}

.dropdown-adsc .dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-adsc .dropdown-submenu.pull-left {
    float: none;
}

.dropdown-adsc .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/* Switch button */
.btn-white.btn-on.active{background-color: #5BB75B;color: white;}
.btn-white.btn-off.active{background-color: #DA4F49;color: white;}
/*ColVis*/
ul.dt-button-collection.dropdown-menu.fixed.three-column.colvis-model {
    width:470px !important;
    padding: 15px 15px 60px;
    /*box-shadow: 2px 2px 2px 2px #808080;   */
    box-shadow: -2px 2px 18px 1px rgba(0,0,0,0.22); 
}
.colvis-model li a {
    margin:3px;
    background: #edf0f5;
    font-weight: 600;
}
.colvis-model .restore-buttons a {
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 3px;
    position: absolute;
    bottom: 15px;
    left: 36%;
}
.colvis-model .restore-buttons a:hover {
    background: #edf0f5;
}
.colvis-model .restore-buttons a:focus {
    background: #fff;
}
.colvis-model .dropdown-menu .active {
    background: #000;
    border-radius: 5px;
}
.colvis-model.dropdown-menu>.active>a, 
.colvis-model.dropdown-menu>.active>a:focus, 
.colvis-model.dropdown-menu>.active>a:hover {
    background: #00acac;
}
/*Ads End*/

/*Create Campaign Start*/
 
.tabs {
margin:  0;
padding: 0;
list-style: none;
display: table;
table-layout: fixed; 
width: 100%; 
}

.tabs__item {
display: table-cell; 
}

.tabs__link {
display: block;
}
.primary-nav {
text-align: left;
border-radius: 0px;
overflow: hidden; 
}
.primary-nav a {
padding: 1em;
background-color: #BADA55;
color: #fff;
font-weight: bold;
text-decoration: none;
}
.primary-nav a:hover {
background-color: #A3C43B;
}
input[type=radio].css-checkbox {
position:absolute; 
z-index:-1000; 
left:-1000px; 
overflow: hidden; 
clip: rect(0 0 0 0); 
height:1px; 
width:1px; 
margin:-1px; 
padding:0; 
border:0;
}
input[type=radio].css-checkbox + label.css-label {
padding-left:26px;
height:21px; 
display:inline-block;
line-height:21px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:12px;
vertical-align:middle;
cursor:pointer;
}
input[type=radio].css-checkbox:checked + label.css-label {
background-position: 0 -21px;
}
label.css-label {
background-image:url(../../assets/img/radio.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.radio-tabl tr td {
padding-right:10px;
}
table.cus-margin10 {
margin: 10px 10px !important;
}
#div34 .bootstrap-duallistbox-container {
margin: 10px !important;
}
input[type=checkbox].cssc-checkbox {
position:absolute; 
z-index:-1000; 
left:-1000px; 
overflow: hidden; 
clip: rect(0 0 0 0); 
height:1px; 
width:1px; 
margin:-1px; 
padding:0; 
border:0;
}
input[type=checkbox].cssc-checkbox + label.cssc-label {
padding-left:21px;
height:16px; 
display:inline-block;
line-height:16px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:12px;
vertical-align:middle;
cursor:pointer;
}
input[type=checkbox].cssc-checkbox:checked + label.cssc-label {
background-position: 0 -16px;
}
label.cssc-label {
background-image:url(../../assets/img/checkbox.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox-tabl tr td {
padding-right:10px;
}
.table_basic>tbody>tr>td, 
.table_basic>tbody>tr>th, 
.table_basic>tfoot>tr>td, 
.table_basic>tfoot>tr>th, 
.table_basic>thead>tr>td, 
.table_basic>thead>tr>th {
padding: 5px 0px !important;
}
.table_basic>thead>tr>th {
border-bottom: 0px solid #e2e7eb!important;
}
.table_basic>tbody>tr>td, 
.table_basic>tbody>tr>th, 
.table_basic>tfoot>tr>td, 
.table_basic>tfoot>tr>th, 
.table_basic>thead>tr>td, 
.table_basic>thead>tr>th {
border-top: 0px solid #ddd !important;
}
.sidebar-less {
padding:0px!important; 
overflow-x: hidden;
margin-left: 0px !important;
}
.sidebar-less .panel .panel-body {
padding:0px !important;
}
.sidebar-less .select2-container {
width: 705px !important;
}
/*Create Campaign End*/
/*Create Audience Start*/
.box-card {
	padding: 10px;
	border:1px solid #ddd;
	background-color: #f2f2f2;
	text-align: center;
	box-shadow: 2px 2px 2px 2px #ddd;
}
.box-card .card-fixed-bottom {
	position: absolute;
	bottom: 10px;
	left: 25%;
	right: 25%;
}
.box-card .card-brand {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.aud-form .control-label {
	padding-top: 20px;
}
.cus-box {display: none;}
.audience-img {width: 22px; height: 22px;}
.audience-heading {
	font-size: 24px;
    padding: 10px 10px 10px 15px !important;
    border: none;
    line-height: 28px;
}
/*Create Audience End*/
.vertical-box {
    height: 92vh !important;
}
/*Global Styles*/
.border-right {
    border-right: 1px solid #ddd; 
}
.border-left {
    border-right: 1px solid #ddd; 
}
/*Fb Ad*/
.fb-preview {
    border: 1px solid #ddd;
    padding:15px;
    border-radius: 5px;
}
.fb-preview .preview-container {
    margin-bottom: 15px;
    box-shadow: 2px 3px 2px -3px #808080; 
    box-sizing: border-box;
}
.fb-preview .para-dark {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    padding-top:10px; 
    color:#191919;
}
.fb-preview .preview-footer {
    border-top: 1px solid #ddd; 
    padding-top: 10px;
    padding-left: 5px;
    margin-bottom: 0px;   
}
.fb-preview .preview-footer li {
    list-style: none;
    display: inline;
    padding: 0 10px;
    font-weight: 600;
}
.fb-preview .margin-right-30 {
    margin-right: -30px;
}
.fb-preview .acc-name {
    color:#3b5998; 
    font-size:14px; 
    font-weight:600; 
    padding:3px 0 0 25px;
}
.fb-preview .acc-spontext {
    padding-left:25px;
}
.fb-preview .preview-body {
    padding: 0 15px;
}
.fb-preview .preview-body h4 {
    margin-top:10px;
}
.fb-preview .preview-body p {
    color:#333;
}
.fb-preview .preview-body .preview-dlink {
    text-transform:uppercase; 
    padding-top:10px;
}
.dyn-tabs {
    background: transparent !important;
} 
.dyn-tabs li a {
    color: #242a30 !important;
    border:1px solid #ccc !important;
    background: #ddd;
    border-radius: 0;
    margin-right:2px;
}
.dyn-tabs li a:focus {
    background: #ddd;
}
.dyn-tabs li .active {
    color: #242a30 !important;
    border:1px solid #ccc !important;
}
.carousel-control.left {
    background-image: none !important;
}
.carousel-control.right {
    background-image: none !important;
}
.fb-car-img {    
    width:391px;
    height:391px;
}
.fb-car-logo {
    position:absolute;
    left:20%;
    top:20%; 
    border:1px solid #ddd;
}
.border-full {
    border:1px solid #ddd;
}
.border-top-1 {
    border-top: 1px solid #ddd;
}
.border-right-1 {
    border-right: 2px solid #808080;
}
.fb-spec-list {
    padding-left: 15px;
}
.dataTables_wrapper .dt-buttons .btn-default {
    font-size: 12px;
    background: #fff;
    color: #000;
    margin: 0 5px;
    border-radius: 3px !important;
}
.billing-table .billingrange {
    float: right;
    margin-bottom: 5px;
}
.billing-table .invoice {
    font-size:10px; 
    padding:0;
}
.r-m-20 {
    margin-right: 20px !important;
}
.f-w-600 {
    font-weight: 600;
}
.pay-success {
    font-size: 16px;
    font-weight: 600;
}
.pay-back {
    margin:40px 0;
}
.pay-back a {    
    font-size: 14px;
    text-decoration: none !important;
}
.height-camp {
    height: 100vh !important;
}
/*begin login*/
.login-container {
        max-width: 420px;
        margin: auto;
        padding-top: 7%;
    }
    .login-panel {
        background-color: none;
        border: none;
        box-shadow: none;
        margin-bottom: 25px;
    }
    .login-panel .panel-body {
        background: #fff;
        border: 1px solid #e4e5e7;
        border-radius: 2px;
        padding: 20px;
        position: relative;
    }
    .login-container .width-100 {width: 100% !important;}
    .login-container .login-small-logo {text-align:center;margin-bottom:25px;}
    .login-panel .panel-body .m-top-0 {margin-top: 0px;}
/*end login*/

.btn-whitelist {
    background: #00acac !important;
    border-color: #00acac !important;
    color:#fff !important;
    font-weight: 700;
}

.btn-blacklist {
   background: #1a2229 !important;
   border-color: #1a2229 !important;
   color:#fff !important;
   font-weight: 700;
}

@media screen and (min-width: 768px) {
#FbCarousel .modal-dialog, #FbImage .modal-dialog, #FbVideo .modal-dialog  {width:900px;}
}

#FbCarousel .modal-dialog, #FbImage .modal-dialog, #FbVideo .modal-dialog  {width:83%;}
/*Account Settings*/
.account-setting .nav-tabs {
  background: #fff;
}
  .account-setting .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #00acac;
    color: #fff !important;
}
  .account-setting .nav-tabs li a {
  color: #6e7179 !important;
}
  .account-setting .nav-tabs, .account-setting .nav-tabs.nav-justified>.active>a, .account-setting .nav-tabs.nav-justified>.active>a:focus, .account-setting .nav-tabs.nav-justified>.active>a:hover, .account-setting .nav-tabs.nav-justified>li>a, .account-setting .nav-tabs>li.active>a, .account-setting .nav-tabs>li.active>a:focus, .account-setting .nav-tabs>li.active>a:hover, .account-setting .nav-tabs>li>a {
}
  .account-setting .nav-tabs {
  border-bottom: 1px solid #ddd;
}
.multiple_emails-container { 
  border:1px #ccc solid; 
  border-radius: 2px; 
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
  padding:0; margin: 0; cursor:text; width:100%; 
}

.multiple_emails-container input { 
  clear:both; 
  width:100%; 
  height: 30px;
  border:0; 
  outline: none; 
  margin-bottom:3px; 
  padding-left: 5px; 
  box-sizing: border-box;
}

.multiple_emails-container input{
  border: 0 !important;
}

.multiple_emails-container input.multiple_emails-error {  
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px red !important; 
  outline: thin auto red !important; 
}
.multiple_emails-container ul {
  position: absolute; 
  list-style-type:none; 
  padding-left: 0; 
  top:100px;
}
.multiple_emails-email { 
  padding: 3px 5px 3px 5px; 
}
.multiple_emails-close { 
  float:left; 
  margin:0 9px 0 0;
  color:red;
}
pre#selected_emails {
  padding: 6.5px;
  height: 35px;
}
.phone-input{
  margin-bottom:8px;
}
#field {
    margin-bottom:20px;
}
/*.footer {position: absolute;width: 80%;bottom: 0;}*/
.footer {display:none;}
.navbar-header .navbar-brand {width:450px;}
.navbar-header .navbar-brand small {font-weight:500;}
.footer-sidebar {margin: 0;
    padding: 10px;
    position: absolute;
    bottom: 0;
    font-size: 12px;
    font-weight: 600;
    color: #ccc;
    border-top: 1px solid #ddd;
    width: 100%;
}
.footer-sidebar span {margin-left:15%;}
.slimScrollDiv {height:100% !important;}
.dropdown-billing {min-width:115px;}
.billing-list {display:inline-block;border-right:1px solid #777;}
.sidebar .nav>li>a i {
    font-size: 16px;
}
.nav li a {
    font-size: 14px;
    font-weight: 400;
}
.modal-backdrop {z-index:1019 !important;}
.pace .pace-activity {display: block;position: fixed;z-index: 2000;top: 65px;right: 8px;width: 36px;height: 36px;background:url("/assets/img/hour-glash.png") no-repeat;/* border: 2px solid transparent;border-top-color: #00acac;border-left-color: #00acac;border-radius: 10px;*/
/*-webkit-animation: pace-spinner 1s linear infinite;-moz-animation: pace-spinner 1s linear infinite;-ms-animation: pace-spinner 1s linear infinite;-o-animation: pace-spinner 1s linear infinite;animation: pace-spinner 1s linear infinite;*/ 
-moz-animation: pace-spinner 1s infinite linear;
    -o-animation: pace-spinner 1s infinite linear;    
    -webkit-animation: pace-spinner 1s infinite linear;
    animation: pace-spinner 1s infinite linear;
}
@-moz-keyframes pace-spinner {
    0% {
        -moz-transform: rotateY(0deg);
    }

    100% {
        -moz-transform: rotateY(360deg);
    }
}

@keyframes pace-spinner {
	0% { 
        transform: rotateY(0deg); 
	}
    100% {
        transform: rotateY(360deg);
    }
}


@-ms-keyframes pace-spinner {
	0% { 
        -ms-transform: rotateY(0deg); 
	}
    100% {
        -ms-transform: rotateY(360deg);
    }
}

@-o-keyframes pace-spinner {
	0% { 
        -o-transform: rotateY(0deg); 
	}
	100% { 
        -o-transform: rotateY(360deg); 
	}
}

@-webkit-keyframes pace-spinner {
	0% { 
        -webkit-transform: rotateY(0deg); 
	}
	100% { 
        -webkit-transform: rotateY(360deg); 
	}
}
.pace .pace-activity{border-top-color:transparent;border-left-color:transparent;}
@media (max-width: 420px){.login-container{max-width:300px;padding-top:5%;}.login-container .login-small-logo{width:100px;}}