
@font-face {
  font-family: ProximaNovaRegular;
  src: url("../fonts/ProximaNova-Regular.otf") format("opentype");
}

@font-face {
  font-family: ProximaNovaRegular;
  src: url("../fonts/Proxima-Nova-Semibold.otf") format("opentype");
  font-weight:bold;
}

@font-face {
  font-family: ProximaNovaLight;
  src: url("../fonts/Proxima Nova Light.otf") format("opentype");
}

body {
    color: #222;
    font-family: ProximaNovaRegular,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
}

h1, h2, h3, h4, h5, h6 {
    font-family: ProximaNovaLight,Helvetica,Arial,sans-serif;
}

.ion,.ion-pie-graph:before{ display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ion-pie-graph:before { content: "\f2a5"; }

/* skin-blue navbar */
.skin-logaholic .navbar {
  background-color: #333333;
}

.skin-logaholic .logaholiclogo {
    background-color: #222222;
    color: #f9f9f9;
}

.skin-logaholic .navbar .nav a {
  color: rgba(255, 255, 255, 0.8);
}
.skin-logaholic .navbar .nav > li > a:hover,
.skin-logaholic .navbar .nav > li > a:active,
.skin-logaholic .navbar .nav > li > a:focus,
.skin-logaholic .navbar .nav .open > a,
.skin-logaholic .navbar .nav .open > a:hover,
.skin-logaholic .navbar .nav .open > a:focus {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-logaholic .navbar .navbar-right > .nav {
  margin-right: 10px;
}
.skin-logaholic .navbar .sidebar-toggle .icon-bar {
  background: rgba(255, 255, 255, 0.8);
}
.skin-logaholic .navbar .sidebar-toggle:hover .icon-bar {
  background: #f6f6f6 !important;
}

/* skin-blue content header */
.skin-logaholic .right-side > .content-header {
  background: #fbfbfb;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  min-height:57px;
}
/* Skin-blue user panel */
.skin-logaholic .user-panel > .image > img {
  border: 1px solid #dfdfdf;
}
.skin-logaholic .user-panel > .info,
.skin-logaholic .user-panel > .info > a {
  color: #555555;
}
/* skin-blue sidebar */
.skin-logaholic .sidebar {
  border-bottom: 1px solid #fff;
}
.skin-logaholic .sidebar > .sidebar-menu > li {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #dbdbdb;
}
.skin-logaholic .sidebar > .sidebar-menu > li:first-of-type {
  border-top: 1px solid #dbdbdb;
}
.skin-logaholic .sidebar > .sidebar-menu > li:first-of-type > a {
  border-top: 1px solid #fff;
}
.skin-logaholic .sidebar > .sidebar-menu > li > a {
  margin-right: 1px;
}
.skin-logaholic .sidebar > .sidebar-menu > li > a:hover,
.skin-logaholic .sidebar > .sidebar-menu > li.active > a {
  color: #222;
  background: #f9f9f9;
}
.skin-logaholic .sidebar > .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #f9f9f9;
}
.skin-logaholic .left-side {
  background: #f4f4f4;
  -webkit-box-shadow: inset -3px 0 8px -4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset -3px 0 8px -4px rgba(0, 0, 0, 0.1);
  box-shadow: inset -3px 0 8px -4px rgba(0, 0, 0, 0.07);
}
.skin-logaholic .sidebar a {
  color: #555555;
}
.skin-logaholic .sidebar a:hover {
  text-decoration: none;
}
.skin-logaholic .treeview-menu > li > a {
  color: #777;
}
.skin-logaholic .treeview-menu > li.active > a,
.skin-logaholic .treeview-menu > li > a:hover {
  color: #111;
}
.skin-logaholic .sidebar-form {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #dbdbdb;
  margin: 10px 10px;
}
.skin-logaholic .sidebar-form input[type="text"],
.skin-logaholic .sidebar-form .btn {
  box-shadow: none;
  background-color: #fafafa;
  border: 1px solid #fafafa;
  height: 35px;
}
.skin-logaholic .sidebar-form input[type="text"] {
  color: #666;
  -webkit-border-top-left-radius: 2px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 2px !important;
  -moz-border-radius-topleft: 2px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -moz-border-radius-bottomleft: 2px !important;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 2px !important;
}
.skin-logaholic .sidebar-form input[type="text"]:focus,
.skin-logaholic .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-logaholic .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-logaholic .sidebar-form .btn {
  color: #999;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 2px !important;
  -webkit-border-bottom-right-radius: 2px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 2px !important;
  -moz-border-radius-bottomright: 2px !important;
  -moz-border-radius-bottomleft: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 0 !important;
}

.skin-logaholic .navbar .nav .tutorial-start.disabled{ color:#a9a9a9; }

.logaholiclogo {
	display: block;
    float: left;
    /*font-family: "Source Sans Pro",sans-serif;*/
    font-size: 20px;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    text-align: center;
    width: 220px;	


}
.logaholiclogo > span{
  float: left;
}
.logaholiclogo > i {
    background: rgba(0, 0, 0, 0) url("../../../images/logaholic-ion-logo.png") no-repeat scroll 0 0;
    float: left;
    height: 20px;
    margin: 14px 0 0 40px;
    width: 25px;
}

.logaholiclogo.visible-xs{width: 50px; padding:0;}
.logaholiclogo.visible-xs i{margin: 14px 0 0 10px;}

.user-menu .anonymous {
	color:red;
}

.user-menu .dropdown-menu {
	width:310px !important;
}

.skin-logaholic .navbar .help-menu .dropdown-menu a{  color: #333; }
.skin-logaholic .navbar .help-menu .dropdown-menu a:hover{  color: #FFF; }

.dashboard-settings .form-group{ clear: both; }

.content_templates {
    display: none;
}

.styled-select select {
   background: #EC971F;
   width: 100px;
   font-size: 14px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 32px;
   -webkit-appearance: none;
   cursor: pointer;   
}

.styled-select {
    position:relative;
   float:left;
   width: 80px;
   height: 34px;
   overflow: hidden;
   background: url('../../../images/caret-down-white.png') no-repeat right #EC971F;
   border: 1px solid #CC810A;
   color: #fff;
   border-radius: 3px 0 0 3px;
}

.iframe-widget {
    width: 100%;
    min-height: 300px;
}

.ui-helper-hidden-accessible { display:none; }
ul.ui-autocomplete{ position: absolute; }


.ui-autocomplete{ border: 1px solid #cccccc; padding: 10px; background: #FFF; max-width:254px; z-index: 5; list-style-type: none; }
.ui-autocomplete li{ padding: 3px; }
.ui-autocomplete li:hover{ background:#e0e0e0; cursor: pointer; }

.active_menu_item {
  text-decoration:underline !important;
}

.system-response .callout{ margin:15px; }

div.dataTables_length label{ float:right; }
div.dataTables_filter label{ float:left;  }
#profile-view{ cursor: pointer; }

.help_content { display: none; margin-top: 1em; text-align: left;}

#errorModal .modal-body {
  font-size:12px;
  overflow: scroll !important;
}

#widgetModal .modal-dialog{
  width: 800px;
}

#widgetModal .modal-body .nav-tabs-custom{ box-shadow: none; }
#widgetModal .modal-body .nav-tabs-custom .nav a{ cursor: pointer; }

.generic-dateselector label{ clear: both; display: block; float: left; line-height: 32px; margin: 0 5px; }
.generic-dateselector select{
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  width: 90px;
  float: left;
  margin-right: 5px;
}

.formatform-buttons{ clear: both; margin: 10px 0; }

#globalstats_table_wrapper{ padding: 5px; }

.open_delete_ipnumber, .open_delete_page, .link-to-exitclicks{ cursor: pointer; }

#licenseModal h4 { font-size:24px; }
#licenseModal h5 { font-size:18px; font-weight: bold;  }

#licenseModal .licenseVolumeWrapper { padding:10px 40px 6px 50px; }
#licenseModal .slider_wrap { height: 116px; }
#licenseModal .licenseloader { text-align: center; color: gray; font-size:30px;}

#licenseModal .alert { margin-top:30px; }

#licenseModal .license_price,.currentVolume { text-align: center; }

#licenseModal .license_buy_buttons { text-align: center; margin-top:16px;}
#licenseModal .currentVolume { display:none; }
#licenseModal .license_price .amount { font-size: 24px; }
#licenseModal button { margin:6px; }
#licenseModal .custom_code { margin:0; }
#licenseModal .license_contact_us { text-align: center; margin-top:16px;}
#licenseModal .processing { text-align: center; margin-top:40px; margin-bottom:60px;}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header .ulabel { display: inline-block; width : 108px; text-align:right; padding-right:6px; color:gray; font-size:11px;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header span { line-height:22px; }
.user-menu .upgrade-but { text-align:center; display:block; padding-top:5px; }
.user-menu .prolabels { margin:0; padding:0;}
.license_info .billing_info div {
//  float:left;
}
.license_info .billing_info label {
  display:inline-block;
  width:190px;
  font-weight:normal;
  color:gray;
}
/*#tutorialPopUp {
  position: absolute;
  width: 700px;
  left: 25% ;
  z-index: 9002;
}
*/
#tutorialPopUp .modal-footer{ clear: both; }

.skin-logaholic #tutorialPopUp .tutorial-start.disabled{ 
  color:#a9a9a9; 
  text-decoration: line-through;
}

.profilemenu .menurow .btn-group {
  display:none;
  position:absolute;
  right:12px;
}

.twitter-remove-list ul{ list-style: outside none none; float: left; margin: 0; padding: 0; width: 100%; }
.twitter-remove-list li{ float: left; font-size: 14px; line-height: 1.42857; margin: 2px 3px 2px 0; position: relative; z-index: 1; padding: 6px; }

.profiles-box,.countries-box,.tag-box { 
    border: 1px solid #ccc; 
    /*padding: 0px 2px; */ 
    cursor: text;
    position: relative;
    z-index: 1;
    
}
.profiles-box ul,.countries-box ul,.tag-box ul{ list-style: outside none none; float: left; margin: 0; padding: 0; width: 100%; }
.profiles-box li,.countries-box li,.tag-box li{ float: left; font-size: 14px; line-height: 1.42857; margin: 1px; position: relative; z-index: 1; padding: 2px 6px 2px 2px; }
.profiles-box li .search,.countries-box li .search,.tag-box li .search{ 
    font-size: 14px; line-height: 1.42857;
    border: 0;
    float: left;
    margin: 0;
    resize: none;
    width: 100%;
    padding: 3px 6px;
}
.profiles-box .users-profile .name,.countries-box .users-country .name,.tag-box .users-tag .name{ line-height: 30px;  margin: 5px; }
.profiles-box .users-profile i:hover,.countries-box .users-country i:hover,.tag-box .users-tag i:hover{ cursor: pointer; color:gray; }
.tagBox { display:none; }
.user-content .table-username span{ float: left; }
.user-content .table-profiles { overflow:hidden;text-overflow: ellipsis; max-width:150px; }
.user-content .table-subs { overflow:hidden;text-overflow: ellipsis; max-width:50px; }
.user-content td .admin-label{
    border-radius: 50%;
    font-size: 10px;
    font-weight: normal;
    height: 15px;
    line-height: 1em;
    padding: 2px;
    text-align: center;
    width: 15px;
    margin: -5px 0 0;
}