@charset "UTF-8";
/*----------------------------------------------------------------------------------- */
/*  Mixins/variables */
/*----------------------------------------------------------------------------------- */

.inline {
    display: inline-block;
    *display: inline;
    zoom: 1;
}
/*----------------------------------------------------------------------------------- */
/*  Document Setup */
/*----------------------------------------------------------------------------------- */

* {
    outline: 0 !important;
}
html,
body {
    width: 100%;
}
html {
    height: 100%;
}
body {
    font-family: "Lato", sans-serif !important;
    color: #666666;
    min-height: 100%;
}
body.page-header-fixed{padding-top:164px}

body.layout-boxed .container-fluid.main-content{/*max-width:1210px !important;*/ margin:0 auto;}

body.bg-1 {
    background: #e8e8e8;
}
body.bg-2 {
    background: url(../images/bg-2.png) repeat 0 0;
}
body.bg-3 {
    background: url(../images/bg-3.png) repeat 0 0;
}
body.bg-4 {
    background: url(../images/bg-4.png) repeat 0 0;
}
body.bg-5 {
    background: url(../images/bg-5.png) repeat 0 0;
}
.main-content {
    padding-bottom: 20px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 15px;
    font-weight: 300;
}
h3 {
    line-height: 0.4em;
}
p.lead {
    font-weight: 300;
}
strong {
    font-weight: 700;
}
a {
    color: #007aff;
}
a:hover {
    color: #666666;
    text-decoration: none;
}
ul.no-style {
    list-style: none;
    padding: 0;
    margin-left: 0;
}
li {
    margin-bottom: 5px;
}
blockquote {
    margin-bottom: 30px;
}
blockquote p {
    margin-bottom: 10px;
}
blockquote.pull-right {
    text-align: right;
}
dl {
    margin: 0 0 20px;
}
dl dd {
    margin-bottom: 15px;
}
::-moz-selection {
    background: #007aff;
    color: white;
    text-shadow: none;
}
::selection {
    background: #007aff;
    color: white;
    text-shadow: none;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-thumb {
    background: #bbbbbb;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}
::-webkit-scrollbar-track {
    background: #dddddd;
    background: rgba(0, 0, 0, 0.05);
}
/*----------------------------------------------------------------------------------- */
/*  Background color helper classes */
/*----------------------------------------------------------------------------------- */

.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger,
.bg-muted {
    color: white;
}
.bg-primary {
    background-color: #007aff;
}
.bg-success {
    background-color: #60c560;
}
.bg-info {
    background-color: #5bc0de;
}
.bg-warning {
    background-color: #f0ad4e;
}
.bg-danger {
    background-color: #d9534f;
}
.bg-muted {
    background-color: #bbbbbb;
}
.bg-white {
    background-color: white;
}
/*----------------------------------------------------------------------------------- */
/*  Login 1 */
/*----------------------------------------------------------------------------------- */

body.login1 {
    padding: 0;
    background: url(../images/login-blurry-bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}
body.login1.signup .login-container {
    margin-top: -215px;
    height: 430px;
}
body.login1 .login-wrapper {
    width: 100%;
    height: 100%;
}
body.login1 .login-container {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 40px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
    padding: 30px;
    margin-bottom: 15px;
    width: 380px;
    height: 380px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -190px 0 0 -190px;
    opacity: 0;
    -webkit-transition: all 1s 0.5s;
    -moz-transition: all 1s 0.5s;
    transition: all 1s 0.5s;
}
body.login1 .login-container.active {
    opacity: 1;
}
body.login1 .login-container img {
    margin: 10px auto 30px;
}
body.login1 .login-container .form-group {
    position: relative;
    margin-bottom: 0;
}
body.login1 .login-container input.form-control {
    height: 48px;
    font-size: 15px;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #d6d6d6;
    padding-left: 0;
    padding-right: 0;
    background: transparent;
}
body.login1 .login-container .form-options {
    margin: 20px 0 30px;
}
body.login1 .login-container .form-options .checkbox {
    display: inline-block;
}
body.login1 .login-container input[type="submit"] {
    position: absolute;
    top: 10px;
    right: 0;
    opacity: 0.5;
    font-family: "FontAwesome";
    background: transparent;
    color: #888888;
    border: 2px solid #888888;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding-left: 7px;
    line-height: 24px;
}
body.login1 .login-container input[type="submit"]:hover {
    opacity: 1;
}
body.login1 .login-container .social-login {
    margin-bottom: 25px;
}
body.login1 .login-container .social-login > .btn {
    width: 49%;
    margin: 0;
}
body.login1 .login-container .social-login .facebook {
    background-color: #335397;
    border-color: #335397;
}
body.login1 .login-container .social-login .facebook:hover {
    background-color: transparent;
    color: #335397;
}
body.login1 .login-container .social-login .twitter {
    background-color: #00c7f7;
    border-color: #00c7f7;
}
body.login1 .login-container .social-login .twitter:hover {
    background-color: transparent;
    color: #00c7f7;
}
body.login1 .login-container p.signup {
    margin-bottom: 0;
}
/*----------------------------------------------------------------------------------- */
/*  Login 2 */
/*----------------------------------------------------------------------------------- */

body.login2 {
    padding: 30px 0 0;
    background: #eeeeee;
}
body.login2 .login-wrapper {
    max-width: 420px;
    margin: 0 auto;
    text-align: center;
}
body.login2 .login-wrapper img {
    margin: 40px auto;
}
body.login2 .login-wrapper .input-group-addon {
    padding: 8px 0;
    background: #f4f4f4;
    min-width: 48px;
    text-align: center;
}
body.login2 .login-wrapper .input-group-addon i.falock {
    font-size: 18px;
}
body.login2 .login-wrapper input.form-control {
    height: 48px;
    font-size: 15px;
    box-shadow: none;
}
body.login2 .login-wrapper .checkbox {
    margin-bottom: 30px;
}
body.login2 .login-wrapper input[type="submit"] {
    padding: 10px 0 12px;
    margin: 20px 0 30px;
}
body.login2 .login-wrapper input[type="submit"]:hover {
    background: transparent;
}
body.login2 .login-wrapper .social-login {
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #cccccc;
}
body.login2 .login-wrapper .social-login > .btn {
    width: 49%;
    margin: 0;
}
body.login2 .login-wrapper .social-login .facebook {
    background-color: #335397;
    border-color: #335397;
}
body.login2 .login-wrapper .social-login .facebook:hover {
    background-color: transparent;
    color: #335397;
}
body.login2 .login-wrapper .social-login .twitter {
    background-color: #00c7f7;
    border-color: #00c7f7;
}
body.login2 .login-wrapper .social-login .twitter:hover {
    background-color: transparent;
    color: #00c7f7;
}
/*----------------------------------------------------------------------------------- */
/*  Header Styles */
/*----------------------------------------------------------------------------------- */
.third-level-menu{
    display: none !important;
    margin-left: 276px;
    margin-top: -38px;
}
.no-boxshadow .navbar {
    border-bottom: 1px solid #dddddd;
}
.navbar {
    background: white;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    padding: 0;
    min-height: 45px;
    height: 112px;
    width: 100%;
    border: 0;
    margin-bottom: 28px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.navbar .nav .open > a,
.navbar .nav .open > a:hover,
.navbar .nav .open > a:focus {
    background-color: transparent !important;
}
.navbar .container-fluid.top-bar {
    height: 80px;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 10px 0 20px;
    width: 100%;
    float: left;
}
.navbar .container-fluid.top-bar .navbar-toggle {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 42px;
    height: 32px;
    padding: 8px 9px;
    margin: 0;
    background-color: #b3b358;
    border: 1px solid #b3b358;
/* background-color: transparent;
border: 1px solid #fff; */

border-radius: 4px;
}
.navbar .container-fluid.top-bar .navbar-toggle .icon-bar {
    background-color: #fff;
    width: 22px;
    height: 2px;
    display: block;
    margin-bottom: 4px;
}
.navbar .container-fluid.top-bar .logo {
    width: auto;
    float: left;
    height: 73px;
    margin: 7px 10px 0 0;
}
.navbar .container-fluid.top-bar .logo img {
    max-width: 100%;
    height: 56px;
    background-repeat: no-repeat;
}

.links_button button{ background: #9E6012; border: 0; color: #fff; font-size: 20px; height: 30px; padding: 0 8px; border-radius: 4px; margin:25px 0; right: 20px; top: 0; position: absolute; z-index: 999}
.links_button button i{ display:table-cell }
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .navbar .container-fluid.top-bar .logo {
        background-size: 54px 16px;
    }
}
.navbar .container-fluid.top-bar form {
    margin-top: 6px;
}
.navbar .container-fluid.top-bar form .form-control {
    height: 30px;
    border-color: #e6e6e6;
    box-shadow: none;
    background: white url("../images/icon-search.png") no-repeat center left;
    padding-left: 24px;
    margin-top: 1px;
    width: 200px;
}
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .navbar .container-fluid.top-bar form .form-control {
        background-image: url("../images/fasearch@2x.png");
        background-size: 18px 12px;
    }
}
.navbar .container-fluid.top-bar form .form-control:focus {
    border-color: #007aff;
}
.navbar .container-fluid.top-bar .nav {
    height: 100%;
    position: relative;
    z-index: 100;
    margin-top: 20px
}
.navbar .container-fluid.top-bar .nav > li {
    float: left;
    height: 100%;
    margin-right: 1px;
    margin-top: 5px;
}
.navbar .container-fluid.top-bar .nav > li > a {
    display: block;
    height: 35px;
    line-height: 25px;
    padding: 5px 6px 9px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.navbar .container-fluid.top-bar .nav > li > a:hover {
    background: #BEDBB2;
    color: #fff
}
.navbar .container-fluid.top-bar .nav > li > a > span {
    color: #393939;
    display: block;
    font-size: 24px;
    height: 28px;
    width: 28px;
}

.new_nav_class{}

.navbar .new_nav_class.container-fluid.top-bar .nav > li > a {
    padding: 5px 4px 9px;

}
    
/*.navbar .container-fluid.top-bar .nav > li > a p.counter {
position: absolute;
top: 5px;
left: 0px;
height: 18px;
min-width: 18px;
padding: 0 5px;
border-radius: 9px;
background: #e62828;
text-align: center;
line-height: 17px;
color: white;
font-size: 11px; }*/

.navbar .container-fluid.top-bar .nav > li > a p.counter {
    background: #e62828 none repeat scroll 0 0;
    border-radius: 9px;
    color: #ffffff;
    font-size: 9px;
    height: 18px;
    left: 0;
    line-height: 17px;
    min-width: 18px;
    padding: 0 3px;
    position: absolute;
    text-align: center;
    top: 1px;
}
.navbar .container-fluid.top-bar .nav > li.open > a,
.navbar .container-fluid.top-bar .nav > li.active > a,
.navbar .container-fluid.top-bar .nav > li.open.active > a {
    background-color: #eeeeee;
}
.navbar .container-fluid.top-bar .nav > li.open > a span,
.navbar .container-fluid.top-bar .nav > li.active > a span,
.navbar .container-fluid.top-bar .nav > li.open.active > a span {
    color: #007aff;
}
.navbar .container-fluid.top-bar .nav > li.settings .settings-link span {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 12px;
}
.navbar .container-fluid.top-bar .nav > li.settings .settings-link.blue span {
    background: #007aff;
}
.navbar .container-fluid.top-bar .nav > li.settings .settings-link.green span {
    background: #60c560;
}
.navbar .container-fluid.top-bar .nav > li.settings .settings-link.orange span {
    background: #f0ad4e;
}
.navbar .container-fluid.top-bar .nav > li.settings .settings-link.magenta span {
    background: #c741c9;
}
.navbar .container-fluid.top-bar .nav > li.user {
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    width: auto;
}
.navbar .container-fluid.top-bar .nav > li.user {
    width: auto;
    margin-left: 5px;
    margin-right: 0;
}
.navbar .container-fluid.top-bar .nav > li.user > a {
    padding:5px 0;
    color: #999999;
}
.schedule-demo-call {
    border: unset;
    padding: 3px;
    color: #FFF;
    width: 37%;
    border-radius: 5px !important;
    transform: rotate(0deg);
    animation: wiggle 1.5s infinite;
    position: relative;
    float: left;
    margin-right: 3px;
    background-image: linear-gradient(to top right, #F44336 , #f44336bf) !important;
    color: #FFF !important;
    text-decoration: none !important;
    text-align: center;
}
@keyframes wiggle {
    0% {transform:rotate(0deg)}
    8% {transform:rotate(-2deg)}
    16% {transform:rotate(2deg)}
    32% {transform:rotate(-2deg)}
    40% {transform:rotate(2deg)}
    48% {transform:rotate(0deg)}
}

.navbar .container-fluid.top-bar .nav > li.user img {
    border-radius: 50%;
    margin-right: 8px;
}
.navbar .container-fluid.top-bar .nav > li.user .caret {
    vertical-align: middle;
    margin: -2px 0 0 8px;
    border-top-color: #999999;
}
.navbar .container-fluid.main-nav {
    height: 66px;
    float: left;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.navbar .container-fluid.main-nav .nav-collapse {
    width: 100%;
}
.navbar .container-fluid.main-nav .nav-collapse .nav {
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0;
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li {
    float: none;
    display: inline-block;
    text-align: center;
    margin: 0;
}
.navbar .container-fluid.main-nav .nav-collapse .nav.manager_nav > li ul.dropdown-menu {
    display: none
}
.navbar .container-fluid.main-nav .nav-collapse .nav.manager_nav > li:hover ul.dropdown-menu {
    display: block;
 
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li > a {
    display: block;
    height: 100%;
    text-align: center;
    padding: 10px 15px 9px;
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li > a span {
    font-size: 29px;
    width: 28px;
    height: 28px;
    display: block;
    margin: 0 auto 2px;
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li > a .caret {
    margin-left: 6px;
    margin-right: -6px;
    border-top-color: #fff;
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li > a.current {
    color: #007aff;
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li > a.current span {
    color: #007aff;
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li > a.current .caret {
    border-top-color: #007aff;
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li > a:hover {
    background: #f8f8f8;
    background: rgba(0, 0, 0, 0.04);
}
.navbar .container-fluid.main-nav .nav-collapse .nav > li .dropdown-menu {
    text-align: left;
}
.navbar .nav > li > a {
    padding: 0;
}
.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {
    display: none;
}
.navbar.scroll-hide.closed {
    top:-68px;
}
/*----------------------------------------------------------------------------------- */
/*  Sidebar nav */
/*----------------------------------------------------------------------------------- */

body.sidebar-nav {
    padding: 104px 0 0 260px;
}
body.sidebar-nav .navbar {
    height: 79px !important;
}
body.sidebar-nav .navbar.scroll-hide.closed {
    top: 0;
}
body.sidebar-nav .navbar .container-fluid.top-bar {
    border-bottom: 0;
    background: white;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
body.sidebar-nav .navbar .container-fluid.main-nav {
    position: fixed;
    z-index: -1;
    top: 0;
    height: 100%;
    width: 260px;
    background: #dddddd;
    box-shadow: inset -4px 0 0 rgba(0, 0, 0, 0.05);
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    padding-top: 94px;
}
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav {
    padding-left: 15px;
    text-align: left;
}
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li {
    display: block;
    text-align: left;
    margin: 0;
    background-color: transparent !important;
}
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li > .dropdown-menu {
    position: relative;
    background: none;
    box-shadow: none;
    margin: 0;
    width: 100%;
    float: none;
    border-bottom: 1px solid #aaaaaa;
    text-align: left;
}
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li > .dropdown-menu li a {
    border-color: #aaaaaa;
    margin-left: 15px;
    font-weight: bold;
    color: #FFF;
}
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li > .dropdown-menu li a.current {
    border-bottom-color: #007aff;
    color: #007aff;
}
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li > .dropdown-menu li a:hover,
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li > .dropdown-menu li a:active {
    color: black;
    border-bottom-color: black;
}
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li > a {
    display: block;
    text-align: left;
    padding: 0;
    font-size: 14px;
    line-height: 44px;
    height: 46px;
    color: #777777;
    border-bottom: 1px solid #aaaaaa;
    background-color: transparent !important;
}
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li > a:hover,
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li > a:active {
    color: black;
    border-bottom-color: black;
}
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li > a span {
    display: block;
    float: left;
    margin: 8px 15px 0 0;
    background-position: left -140px;
}
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li > a .caret {
    float: right;
    margin: 20px 15px 0 0;
}
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li > a.current {
    color: #007aff;
    border-bottom-color: #007aff;
}
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li > a.current span {
    background-position: left -28px;
}
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li > a.current .caret {
    border-top-color: #007aff;
}
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li > a:hover {
    background: #eeeeee;
    background: rgba(0, 0, 0, 0.04);
}
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li.open > a .caret,
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li.active > a .caret,
body.sidebar-nav .navbar .container-fluid.main-nav .nav-collapse .nav > li.open.active > a .caret {
    border-bottom: 4px solid #999999;
    border-top-color: transparent;
    margin-top: 16px;
}
/*----------------------------------------------------------------------------------- */
/*  Style selector */
/*----------------------------------------------------------------------------------- */

.style-selector, .style-selector1 {
    position: fixed;
    top: 150px;
    right: -242px;
    width: 240px;
   /* z-index: 100;*/
    background: #464855 ;
    border: 1px solid #dddddd;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.style_selector_low
{
    z-index: 214748300394;
}

.style-selector1{ top:255px; background:#71514e !important; z-index:21474830039; right:-570px; width:570px;}
.style-selector .style-selector-container, .style-selector1 .style-selector-container {
    position: relative;
    padding: 15px;
}
.style-selector .style-selector-container .style-toggle
{
   background: #464855 ;
   top: -1px;
}
.style-selector .style-selector-container .style-toggle, .style-selector1 .style-selector-container .style-toggle1 {
    position: absolute;
    right: 100%;
    border-radius: 5px 0 0 5px;
    width: 48px;
    height: 46px;
    text-align: center;
    border: 1px solid #dddddd;
    border-right: 0;
    cursor: pointer;
}

.style-selector1 .style-selector-container .style-toggle1{ background: #71514e;top: -5px; }

.style-selector .style-selector-container .style-toggle span, .style-selector1 .style-selector-container .style-toggle1 span {
    font-size: 28px;
    line-height: 44px;
    color: #FFFFFF;
    margin-left: -2px;
}
.style-selector .style-selector-container .style-toggle:hover span, .style-selector1 .style-selector-container .style-toggle1:hover span
{
opacity: .7;
}
.style-selector .style-selector-container .style-toggle:hover span {
    color: #fff;
}
.style-selector .style-selector-container h2 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #ffffff;
}
.style-selector .style-selector-container span {
    color: #ffffff;
}
.style-selector .style-selector-container select {
    margin-bottom: 20px;
    width: 100%;
    height: 30px;
    background: transparent;
    border-color: #cccccc;
}
.style-selector .style-selector-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.style-selector .style-selector-container ul li {
    float: left;
    width: 30px;
    margin-right: 10px;
}
.style-selector .style-selector-container ul li a {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.style-selector .style-selector-container .color-options {
    margin: 0 0 16px;
}
.style-selector .style-selector-container .color-options a.blue {
    background: #007aff;
}
.style-selector .style-selector-container .color-options a.green {
    background: #60c560;
}
.style-selector .style-selector-container .color-options a.orange {
    background: #f0ad4e;
}
.style-selector .style-selector-container .color-options a.magenta {
    background: #c741c9;
}
.style-selector .style-selector-container .color-options a.gray {
    background: #999999;
}
.style-selector .style-selector-container .color-options a.active {
    opacity: 0.25;
}
.style-selector .style-selector-container .pattern-options a#bg-1 {
    background: #e8e8e8;
}
.style-selector .style-selector-container .pattern-options a#bg-2 {
    background: url(../images/bg-2.png) repeat 0 0;
}
.style-selector .style-selector-container .pattern-options a#bg-3 {
    background: url(../images/bg-3.png) repeat 0 0;
}
.style-selector .style-selector-container .pattern-options a#bg-4 {
    background: url(../images/bg-4.png) repeat 0 0;
}
.style-selector .style-selector-container .pattern-options a#bg-5 {
    background: url(../images/bg-5.png) repeat 0 0;
}
.style-selector .style-selector-container .pattern-options a.active {
    border: 2px solid #007aff;
}
/*----------------------------------------------------------------------------------- */
/*  Page Titles */
/*----------------------------------------------------------------------------------- */
.title-margin {
    margin-top: 65px;
}
.page-title {
    padding: 0px 20px 17px 20px;
}
.page-title h1 {
    margin-bottom: 15px;
    color: #5e5e5e;
    font-weight: 300;
    font-size: 28px;
}

.page-title h3, .page-title h1{ font-weight: 400; font-size: 24px; line-height: 0.4em }
.page-title h3 a i, .page-title h1 a i{ font-size: 18px; margin: 0 5px 0 0; position: relative; top: -2px; }


.camp-tabs-contents h2{ font-size: 18px; font-weight: 400 }

.form-group.folowid{ display: table; width: 100% }
.form-group.folowid label{ float:left; line-height: 34px; margin: 0 10px 0 0}
.form-group.folowid .select2-container{ width: 240px; float: left; }

.widget-container .heading.camp_submenu.camp_submenu_b{ padding: 15px 0 5px }

.actions_nw{}
.actions_nw .dropup a.table-actions{ margin: 0 } 
.actions_nw .dropup a.table-actions button, .actions_nw .dropup a.table-actions a{ padding: 3px 6px; float: left; }
.actions_nw .dropup a.table-actions button.statisticbtn{ border-color: purple !important }
.actions_nw .dropup a.table-actions button i, .actions_nw .dropup a.table-actions a i{ font-size: 13px; margin: 3px 5px 0 0; float: left; }
.actions_nw .dropup a.table-actions button.statisticbtn:hover{ background: #fff !important; color: purple }
.actions_nw .dropup a.table-actions button.btn-report {background: #73460d; border-color: #73460d;}
.actions_nw .dropup a.table-actions button.btn-report:hover{ background: none; color:#73460d}


/*----------------------------------------------------------------------------------- */
/*  Buttons */
/*----------------------------------------------------------------------------------- */

.btn {
    font-weight:400;
    margin: 0 5px 5px 0;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
}
.btn.active {
    box-shadow: none;
}
.btn .caret {
    margin: -2px 0 0 6px;
}
.btn [class^="fa"],
.btn[class*="fa"] {
    display: inline-block;
    margin-right: 8px;
}
.btn-default,
.btn-default.disabled,
.btn-default[disabled] {
    background: #bbbbbb;
    border-color: #bbbbbb;
    color: white;
}
.btn-default .caret {
    border-top-color: white;
}
.btn-default:hover,
.btn-default.active {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.btn-default:hover .caret,
.btn-default.active .caret {
    border-top-color: #bbbbbb;
}
.btn-primary {
    background: #007aff;
    border-color: #007aff;
}
.btn-primary:hover,
.btn-primary.active {
    background: transparent;
    color: #007aff;
    border-color: #007aff;
}

.actions_nw .dropup.btn_group_camp a.table-actions.btn.btn-primary:hover i[class^="fa"],
.actions_nw .dropup.btn_group_camp a.table-actions.btn.btn-primary.active i[class^="fa"] {
    color: #007aff !important;
}

.btn-primary:hover .caret,
.btn-primary.active .caret {
    border-top-color: #007aff;
}
.btn-success {
    background: #60c560;
    border-color: #60c560;
}
.btn-success:hover,
.btn-success.active {
    background: transparent;
    color: #60c560;
    border-color: #60c560;
}
.actions_nw .dropup.btn_group_camp a.table-actions.btn.btn-success:hover i[class^="fa"],
.actions_nw .dropup.btn_group_camp a.table-actions.btn.btn-success.active i[class^="fa"]{
   color: #60c560 !important; 
}
.btn-success:hover .caret,
.btn-success.active .caret {
    border-top-color: #bbbbbb;
}
.btn-info:hover,
.btn-info.active {
    background: transparent;
    color: #5bc0de;
    border-color: #5bc0de;
}

.actions_nw .dropup.btn_group_camp a.table-actions.btn.btn-info:hover i[class^="fa"],
.actions_nw .dropup.btn_group_camp a.table-actions.btn.btn-info.active i[class^="fa"] {
    color: #5bc0de !important;
}

.btn-info:hover .caret,
.btn-info.active .caret {
    border-top-color: #5bc0de;
}
.btn-warning:hover,
.btn-warning.active {
    background: transparent;
    color: #f0ad4e;
    border-color: #f0ad4e;
}

.actions_nw .dropup.btn_group_camp a.table-actions.btn.btn-warning:hover i[class^="fa"],
.actions_nw .dropup.btn_group_camp a.table-actions.btn.btn-warning.active i[class^="fa"] {
    color: #f0ad4e !important;
}

.btn-warning:hover .caret,
.btn-warning.active .caret {
    border-top-color: #f0ad4e;
}
.btn-danger:hover,
.btn-danger.active {
    background: transparent;
    color: #d9534f;
    border-color: #d9534f;
}

.actions_nw .dropup.btn_group_camp a.table-actions.btn.btn-danger:hover i[class^="fa"],
.actions_nw .dropup.btn_group_camp a.table-actions.btn.btn-danger.active i[class^="fa"] {
    color: #d9534f !important;
}

.btn-blue
{
    background:#4233FF;
    color: #fff;
}
.btn-blue:hover,
.btn-blue.active {
    background: transparent;
    color: #4233FF;
    border-color: #4233FF;
}

.actions_nw .dropup.btn_group_camp a.table-actions.btn.btn-blue:hover i[class^="fa"],
.actions_nw .dropup.btn_group_camp a.table-actions.btn.btn-blue.active i[class^="fa"] {
    color: #4233FF !important;
}

.btn-danger:hover .caret,
.btn-danger.active .caret {
    border-top-color: #d9534f;
}
.btn-magenta {
    background: #d94084;
    border-color: #d94084;
    color: white;
}
.btn-magenta:hover,
.btn-magenta.active {
    background: transparent;
    color: #d94084;
    border-color: #d94084;
}

.actions_nw .dropup.btn_group_camp a.table-actions.btn.btn-magenta:hover i[class^="fa"],
.actions_nw .dropup.btn_group_camp a.table-actions.btn.btn-magenta.active i[class^="fa"] {
    color: #d94084 !important;
}

.btn-magenta:hover .caret,
.btn-magenta.active .caret {
    border-top-color: #d94084;
}
.btn-default-outline,
.btn-primary-outline,
.btn-success-outline,
.btn-info-outline,
.btn-warning-outline,
.btn-danger-outline {
    background: transparent;
}
.btn-default-outline {
    color: #999999;
    border: 1px solid #bbbbbb;
}
.btn-default-outline .caret {
    border-top-color: #bbbbbb;
}
.btn-default-outline:hover,
.btn-default-outline.active {
    background: #bbbbbb;
    color: white;
}
.btn-default-outline:hover .caret,
.btn-default-outline.active .caret {
    border-top-color: white;
}
.btn-primary-outline {
    color: #007aff;
    border: 1px solid #007aff;
}
.btn-primary-outline .caret {
    border-top-color: #007aff;
}
.btn-primary-outline:hover,
.btn-primary-outline.active {
    background: #007aff;
    color: white;
}
.btn-primary-outline:hover .caret,
.btn-primary-outline.active .caret {
    border-top-color: white;
}
.btn-success-outline {
    color: #60c560;
    border: 1px solid #60c560;
}
.btn-success-outline .caret {
    border-top-color: #60c560;
}
.btn-success-outline:hover,
.btn-success-outline.active {
    background: #60c560;
    color: white;
}
.btn-success-outline:hover .caret,
.btn-success-outline.active .caret {
    border-top-color: white;
}
.btn-info-outline {
    color: #5bc0de;
    border: 1px solid #5bc0de;
}
.btn-info-outline .caret {
    border-top-color: #5bc0de;
}
.btn-info-outline:hover,
.btn-info-outline.active {
    background: #5bc0de;
    color: white;
}
.btn-info-outline:hover .caret,
.btn-info-outline.active .caret {
    border-top-color: white;
}
.btn-warning-outline {
    color: #f0ad4e;
    border: 1px solid #f0ad4e;
}
.btn-warning-outline .caret {
    border-top-color: #f0ad4e;
}
.btn-warning-outline:hover,
.btn-warning-outline.active {
    background: #f0ad4e;
    color: white;
}
.btn-warning-outline:hover .caret,
.btn-warning-outline.active .caret {
    border-top-color: white;
}
.btn-danger-outline {
    color: #d9534f;
    border: 1px solid #d9534f;
}
.btn-danger-outline .caret {
    border-top-color: #d9534f;
}
.btn-danger-outline:hover,
.btn-danger-outline.active {
    background: #d9534f;
    color: white;
}
.btn-danger-outline:hover .caret,
.btn-danger-outline.active .caret {
    border-top-color: white;
}
.btn-magenta-outline {
    color: #d94084;
    border: 1px solid #d94084;
}
.btn-magenta-outline .caret {
    border-top-color: #d94084;
}
.btn-magenta-outline:hover,
.btn-magenta-outline.active {
    background: #d94084;
    color: white;
}
.btn-magenta-outline:hover .caret,
.btn-magenta-outline.active .caret {
    border-top-color: white;
}
.btn-group {
    margin: 0 5px 5px 0;
}
.btn-group.pull-right {
    margin-right: 0;
}
.btn-group > .btn {
    margin: 0;
}
.btn-group > .btn + .dropdown-toggle {
    margin-left: 1px;
}
.btn-group > .btn + .dropdown-toggle .caret {
    margin-left: 0;
}
.btn-group > .btn + .dropdown-toggle[class^="-outline"],
.btn-group > .btn + .dropdown-toggle[class*="-outline"] {
    margin-left: -1px;
}
.btn-group.dropup .btn .caret {
    border-bottom-color: white;
}
.btn-group.dropup .btn:hover[class^="-outline"] .caret,
.btn-group.dropup .btn:hover[class*="-outline"] .caret {
    border-bottom-color: white;
}
.btn-group.dropup .btn-default:hover .caret,
.btn-group.dropup .btn-default-outline .caret {
    border-bottom-color: #bbbbbb;
}
.btn-group.dropup .btn-primary:hover .caret,
.btn-group.dropup .btn-primary-outline .caret {
    border-bottom-color: #007aff;
}
.btn-group.dropup .btn-success:hover .caret,
.btn-group.dropup .btn-success-outline .caret {
    border-bottom-color: #60c560;
}
.btn-group.dropup .btn-info:hover .caret,
.btn-group.dropup .btn-info-outline .caret {
    border-bottom-color: #5bc0de;
}
.btn-group.dropup .btn-warning:hover .caret,
.btn-group.dropup .btn-warning-outline .caret {
    border-bottom-color: #f0ad4e;
}
.btn-group.dropup .btn-danger:hover .caret,
.btn-group.dropup .btn-danger-outline .caret {
    border-bottom-color: #d9534f;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #007aff;
}
/*----------------------------------------------------------------------------------- */
/*  Dropdowns */
/*----------------------------------------------------------------------------------- */

.dropdown-menu {
    margin-top: 0;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #dddddd;
    padding: 0;
    min-width: 120px;
    max-width: 300px;
}
.dropdown-menu > li {
    margin: 0;
}
.dropdown-menu > li > a {
    padding: 9px 15px 9px 2px;
    border-bottom: 1px solid #e2e2e2;
    color: #999999;
    font-size: 12px;
    margin-left: 14px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a.current {
    border-bottom-color: #007aff;
    color: #007aff;
    background: transparent;
}
.dropdown-menu > li > a i {
    margin-right: 10px;
    font-size: 18px;
    vertical-align: middle;
}
.dropdown-menu > li:last-child > a {
    border: 0;
}
.dropdown-menu > li .notifications {
    margin: -1px -4px 0 0 !important;
    float: right;
}
.dropdown-menu > li p {
    margin: 0 60px 0 0;
}
.messages img {
    border-radius: 50%;
    margin-right: 14px;
}
autosearch-not dropdown-menu
/*----------------------------------------------------------------------------------- */
/*  DataTables */
/*----------------------------------------------------------------------------------- */

.dataTable th {
    padding-right: 20px;
    position: relative;
    font-weight: normal;
}
.dataTable th.sorting {
    color: #007aff;
    cursor: pointer;
    position: relative;
}
.dataTable th.sorting:after,
.dataTable th.sorting:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 12px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.dataTable th.sorting:after {
    top: 22px;
    border-top: 5px solid #007aff;
}
.dataTable th.sorting:before {
    top: 14px;
    border-bottom: 5px solid #007aff;
}
.dataTable th.sorting_asc {
    color: #007aff;
    cursor: pointer;
    position: relative;
}
.dataTable th.sorting_asc:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 12px;
    top: 18px;
    border-bottom: 5px solid #007aff !important;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.dataTable th.sorting_desc {
    color: #007aff;
    cursor: pointer;
    position: relative;
}
.dataTable th.sorting_desc:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 12px;
    top: 18px;
    border-top: 5px solid #007aff !important;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
th:active {
    outline: none;
}
#add-row {
    margin-right: 0;
}
/*----------------------------------------------------------------------------------- */
/*  Tables */
/*----------------------------------------------------------------------------------- */

.table {
    margin-bottom: 10px;
}
.table th {
    font-size: 13px;
}
.table td {
    font-size: 13px;
}
.table td i{ margin:0 3px }

.table td .dropdown-toggle.btn{margin:0; font-size:12px; padding:2px 6px;}

.table td.actions {
    width: 90px;
    padding-right: 0;
}
.table td.actions.setting_acton {
    width: 60px;
}
.table td.actions .action-buttons {
    width: 80px;
    margin: 0;
}
.table td.actions .action-buttons a:last-child {
    margin-right: 0;
}
.table tfoot > tr > td {
    border-top: 0;
}
.table tfoot > tr:first-child > td {
    border-top: 1px solid #dddddd;
    padding-top: 15px;
}
.boxshadow .table input[type="checkbox"] + span:before,
.boxshadow .table input[type="radio"] + span:before {
    margin-right: 0;
    margin-left: 0;
}
.check {
    width: 20px;
}
.check-header .sorting {
    display: none;
}
.table > thead > tr > th {
    border-bottom: 1px solid #ddd;
}

.table > thead > tr > th a{ color: #666 }
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
    vertical-align: middle;
}
.waiting-cls {
    color: #f0ad4e;
}
.processed-cls {
    color: #60c560;
}
.stopped-cls {
    color: #d9534f;
}
.table-actions {
    margin: 0 6px 0 6px;
}
/*----------------------------------------------------------------------------------- */
/*  Labels */
/*----------------------------------------------------------------------------------- */

.label {
    font-size: 85%;
    line-height: 1.4;
    font-weight: 600;
    border-radius: 4px;
    margin: 0 5px;
    display: inline-block;
}
.label.label-success {
    background-color: #60c560;
}
.label-container {
    min-height: 160px !important;
}
.label-container h3 {
    margin-bottom: 25px;
}
.label-container .label {
    font-weight: 300;
}
.label-primary {
    background-color: #007aff;
}
/*----------------------------------------------------------------------------------- */
/*  Wells */
/*----------------------------------------------------------------------------------- */

.well {
    padding: 15px 15px 1px;
    border: 0;
    background-color: #dadada;
    background-color: rgba(0, 0, 0, 0.06);
    margin-bottom: 0;
    box-shadow: none;
    color: #555555;
}
/*----------------------------------------------------------------------------------- */
/*  Modal Styles */
/*----------------------------------------------------------------------------------- */

.modal {
    overflow-y: hidden;
}
.modal-open .modal {
    overflow-y: scroll;
}
.modal-open .modal-shiftfix,
.modal-open .modal-shiftfix .navbar-fixed-top,
.modal-open .modal-shiftfix .navbar-fixed-bottom {
    overflow-y: scroll;
}
/*----------------------------------------------------------------------------------- */
/*  List groups */
/*----------------------------------------------------------------------------------- */

.list-group {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    list-style: none;
    padding: 0;
}
.list-group .list-group-item.active a,
.list-group .list-group-item.active:hover a,
.list-group .list-group-item.active:focus a {
    color: white;
    background-color: #007aff;
}
.list-group .list-group-item.active p,
.list-group .list-group-item.active:hover p,
.list-group .list-group-item.active:focus p {
    border-bottom: 0;
}
.list-group .list-group-item.active .badge,
.list-group .list-group-item.active:hover .badge,
.list-group .list-group-item.active:focus .badge {
    color: #007aff;
    background-color: white;
}
.list-group-item {
    border: 0;
    margin-bottom: 0;
    padding: 0;
}
.list-group-item a {
    color: #666666;
    display: block;
    padding: 0 0 0 15px;
}
.list-group-item a:hover {
    background-color: #f2f2f2;
}
.list-group-item p {
    margin-bottom: 0;
    padding: 10px 15px 10px 0;
    border-bottom: 1px solid #dddddd;
}
.list-group-item .badge {
    float: right;
}
.list-group-item:first-child {
    border-radius: 0;
}
.list-group-item:last-child {
    border-radius: 0;
}
.list-group-item:last-child p {
    border-bottom: 0;
}
/*----------------------------------------------------------------------------------- */
/*  Widget-Container */
/*----------------------------------------------------------------------------------- */

.widget-container {
    min-height: 320px;
    background: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.widget-container.fluid-height {
    height: auto; min-height: 0; border:0; border-radius:3px;
}
.widget-container.small {
    min-height: 120px;
    height: 200px;
}
.widget-container.gallery {
    min-height: 400px;
}
.widget-container .heading {
    background: rgba(255, 255, 255, 0.94);
    height: 50px;
    padding: 15px 15px;
    color: #007aff;
    font-size: 15px;
    width: 100%;
    font-weight: 400;
    margin: 0;
}
.widget-container .heading [class^="fa"],
.widget-container .heading [class*="fa"] {
    margin-right: 10px;
    font-size: 14px;
}
.widget-container .heading [class^="fa"].pull-right,
.widget-container .heading [class*="fa"].pull-right {
    margin-right: 0px;
    margin-left: 15px;
    opacity: 0.35;
    font-size: 1.1em;
}
.widget-container .heading [class^="fa"]:hover,
.widget-container .heading [class*="fa"]:hover {
    cursor: pointer;
    opacity: 1;
}
.widget-container .tabs {
    background: whitesmoke;
    border-bottom: 1px solid #dddddd;
}
.widget-container .widget-content {
    width: 100%; display: table;
}
.widget-container.scrollable {
    position: relative;
    height: 400px;
    padding-top: 50px;
}
.widget-container.scrollable.chat-home {
    height: 427px;
}
.widget-container.scrollable .heading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.widget-container.scrollable .shadow {
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
}
.widget-container.scrollable .widget-content {
    height: 100%;
    position: relative;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.padded {
    padding: 15px;
}
.suggestions {position: absolute; top: 7px; right: 46px;}
.suggestions i {color:#d8caca;}
.suggestions i:hover {color:#bbbbbb;}
.sms-suggestions {position: absolute; top: 27px; right: -22px;z-index: 1000; }

/*----------------------------------------------------------------------------------- */
/*  Statistics Figures */
/*----------------------------------------------------------------------------------- */

.stats-container {
/*min-height: 120px;
height: 120px;*/

text-align: center;
}
.stats-container [class^="col-"],
.stats-container [class*="col-"] {
    border-right: 1px solid #e6e6e6;
    height: 100%;
    margin-bottom: 0;
}
.stats-container [class^="col-"]:last-child,
.stats-container [class*="col-"]:last-child {
    border: 0;
}
.stats-container [class^="col-"] .number,
.stats-container [class*="col-"] .number {
    font-size: 3.8em;
    font-weight: 100;
    color: #007aff;
    line-height: 1.4em;
    padding-top: 8px;
    letter-spacing: -0.06em;
}
.stats-container [class^="col-"] .number .icon,
.stats-container [class*="col-"] .number .icon {
    background: url("../images/info-data-sprite.png") no-repeat left top;
    width: 50px;
    height: 38px;
    display: inline-block;
    vertical-align: top;
    margin: 20px 12px 0 0;
}
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .stats-container [class^="col-"] .number .icon,
    .stats-container [class*="col-"] .number .icon {
        background-image: url("../images/info-data-sprite@2x.png");
        background-size: 200px 190px;
    }
}
.stats-container [class^="col-"] .number .icon.visitors,
.stats-container [class*="col-"] .number .icon.visitors {
    background-position: -50px top;
}
.stats-container [class^="col-"] .number .icon.money,
.stats-container [class*="col-"] .number .icon.money {
    background-position: -100px top;
}
.stats-container [class^="col-"] .number .icon.chat-bubbles,
.stats-container [class*="col-"] .number .icon.chat-bubbles {
    background-position: -150px top;
}
.stats-container [class^="col-"] .text,
.stats-container [class*="col-"] .text {
    font-weight: 300;
    color: #999999;
}
/*----------------------------------------------------------------------------------- */
/*  jQuery Sparkline Tooltip fix */
/*----------------------------------------------------------------------------------- */

.jqstooltip {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
/*----------------------------------------------------------------------------------- */
/*  Line Charts */
/*----------------------------------------------------------------------------------- */

.line-chart {
    width: 100%;
}
.line-chart .chart-text-axis {
    margin: 4px 0 0 !important;
}
.line-chart .chart-text-axis li {
    width: 8.33% !important;
    margin: 0 !important;
}
.pie-chart {
    text-align: center;
}
.pie-chart #pie-chart {
    display: inline-block;
    vertical-align: middle;
}
.pie-chart #pie-chart1 {
    display: inline-block;
    vertical-align: middle;
}
.pie-chart #pie-chart2 {
    display: inline-block;
    vertical-align: middle;
}
.pie-chart ul.chart-key {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    padding: 0;
    margin: 0 0 0 30px;
}
.pie-chart ul.chart-key li {
    margin: 10px 0;
    text-align: left;
    color: #888888;
}
.pie-chart ul.chart-key li span {
    width: 20px;
    height: 15px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.pie-chart ul.chart-key li span.green {
    background: #81e970;
}
.pie-chart ul.chart-key li span.orange {
    background: #f5af50;
}
.pie-chart ul.chart-key li span.red {
    background: #f46f50;
}
.pie-chart ul.chart-key li span.blue {
    background: #a0eeed;
}
/*----------------------------------------------------------------------------------- */
/*  Weather Widget */
/*----------------------------------------------------------------------------------- */

.weather {
    background: #5bc0de;
    color: white;
    min-height: 100px;
    height: 200px;
}
.weather .heading {
    background: transparent;
    font-weight: 300;
    color: white;
}
.weather .padded {
    padding: 0 10px 0 0;
}
.weather .padded .row > div {
    border-right: 1px solid #89d1e6;
    padding-top: 20px;
    height: 200px;
    margin-bottom: 0;
}
.weather .padded .row > div:last-child {
    border: 0;
}
.weather .padded .row > div canvas {
    display: block;
    margin: 20px auto 14px;
}
.weather .padded .row > div .number {
    font-size: 40px;
    color: white;
    font-weight: 300;
    letter-spacing: -0.05em;
    display: inline-block;
    vertical-align: middle;
}
.weather .padded .row > div .number small {
    font-size: 70%;
    margin: 2px 0 0 4px;
    display: inline-block;
}
.weather .padded .row > div.today canvas {
    display: inline-block;
    margin: 0 10px 0 6px;
    vertical-align: middle;
}
.weather .padded .row > div.today .number {
    font-size: 40px;
    display: inline-block;
}
.weather .padded .row > div.today .number small {
    margin: 12px 0 0 5px;
}
.weather .padded .row > div.today p {
    margin-bottom: 6px;
}
.weather .padded .row > div p {
    margin: 0;
}
.weather .padded .row > div p.location {
    margin: 5px 0 0;
}
/*----------------------------------------------------------------------------------- */
/*  jQuery Easy Pie Chart */
/*----------------------------------------------------------------------------------- */

.easyPieChart {
    position: relative;
    text-align: center;
    margin: 5px auto 27px;
}
.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
.pie-number {
    font-size: 4.5em;
    font-weight: 100;
    letter-spacing: -0.05em;
    color: #bbbbbb;
    width: 100% !important;
    height: 100% !important;
    line-height: normal !important;
    padding: 30% 0
}
.pie-text {
    text-align: center;
    padding: 8px 0 14px 0;
}
/*----------------------------------------------------------------------------------- */
/*  Stats Styles */
/*----------------------------------------------------------------------------------- */

.chart-list {
    text-decoration: none;
    display: inline;
    padding: 0 2px 0 0;
}
.chart-list-item {
    width: 55px;
    text-align: left;
}
.chart-number {
    font-size: 2.5em;
    font-weight: 100;
}
.bar-chart-widget {
    text-align: center;
}
.bar-chart-widget .bar-chart-info {
    display: inline-block;
    vertical-align: middle;
    margin: 0 40px 14px -21px;
    text-align: center;
}
.bar-chart-widget .bar-chart-info.visible-lg {
    display: inline-block !important;
}
.bar-chart-widget .bar-chart-info p {
    font-weight: 300;
    color: #bbbbbb;
}
.bar-chart-widget .bar-chart-info .chart-number {
    font-size: 4em;
    font-weight: 100;
    color: #60c560;
    line-height: 1.2em;
}
.bar-chart-widget .bar-chart-info .chart-number i {
    margin: 12px 10px 0 0;
    opacity: 0.5;
    font-size: 0.9em;
    display: inline-block;
    vertical-align: top;
}
.bar-chart-widget .bar-chart-info .chart-text {
    font-size: 0.8em;
    font-weight: 400;
    color: #888888;
}
.chart-graph {
    display: inline-block;
    vertical-align: middle;
}
.chart-graph .chart-text-axis {
    padding: 0 0 0 5px;
    width: 100%;
    margin: 6px 0 0;
    list-style: none;
}
.chart-graph .chart-text-axis li {
    font-size: 0.7em;
    font-weight: 400;
    text-align: center;
    width: 12px;
    margin-right: 6px;
    float: left;
    color: #aaaaaa;
}
/*----------------------------------------------------------------------------------- */
/*  Morris Charts */
/*----------------------------------------------------------------------------------- */

.morris-hover.morris-default-style {
    background: white;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #bbbbbb;
}
/*----------------------------------------------------------------------------------- */
/*  Social Dashboard */
/*----------------------------------------------------------------------------------- */

.social-wrapper #hidden-items {
    display: none;
}
.social-wrapper #social-container {
    margin: 0 auto;
    max-width: 100%;
}
.social-wrapper #social-container .item {
    width: 350px;
    margin-bottom: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    margin: 10px;
    float: left;
}
.social-wrapper #social-container .item-hidden {
    display: none;
}
.social-wrapper #social-container .share-widget {
    background: #f8f8f8;
    font-weight: 200;
    padding-top: 3px;
    height: 180px;
}
.social-wrapper #social-container .share-widget textarea {
    height: 94px;
    resize: none;
}
.social-wrapper #social-container .share-widget .share-options {
    text-align: center;
    cursor: pointer;
    margin: 0;
}
.social-wrapper #social-container .share-widget .share-options:hover,
.social-wrapper #social-container .share-widget .share-options.active {
    color: #007aff;
}
.social-wrapper #social-container .share-widget .share-options p {
    margin-bottom: 0;
}
.social-wrapper #social-container img.social-avatar {
    border-radius: 50%;
    margin-right: 15px;
}
.social-wrapper #social-container .profile-widget {
    height: 180px;
    padding: 5px;
    position: relative;
}
.social-wrapper #social-container .profile-widget .profile-info {
    padding: 0;
    margin: 0;
}
.social-wrapper #social-container .profile-widget .profile-info .social-avatar {
    margin-right: 20px;
}
.social-wrapper #social-container .profile-widget .profile-info .user-name {
    font-size: 20px;
    line-height: 1;
    font-weight: 300;
    display: inline-block;
    margin-bottom: 6px;
}
.social-wrapper #social-container .profile-widget .profile-info .profile-details {
    display: inline-block;
}
.social-wrapper #social-container .profile-widget .profile-info .profile-details p {
    font-size: 13px;
    margin-bottom: 2px;
    color: #999999;
    font-weight: 300;
}
.social-wrapper #social-container .profile-widget .profile-info .profile-details em {
    font-size: 13px;
    color: #999999;
    font-weight: 300;
}
.social-wrapper #social-container .profile-widget .profile-info .profile-details em i {
    margin-right: 6px;
}
.social-wrapper #social-container .profile-widget .profile-stats {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75px;
}
.social-wrapper #social-container .profile-widget .profile-stats > div {
    height: 100%;
    border-left: 1px solid #e0e0e0;
    padding: 0px;
    margin: 0px;
    text-align: center;
    padding-top: 6px;
    color: #999999;
}
.social-wrapper #social-container .profile-widget .profile-stats > div:first-child {
    border-left: 0px;
}
.social-wrapper #social-container .profile-widget .profile-stats > div h2 {
    font-weight: 100;
    margin-bottom: 5px;
}
.social-wrapper #social-container .profile-widget .profile-stats > div p {
    font-weight: 300;
}
.social-wrapper #social-container .social-entry p.content {
    font-size: 14px;
    font-weight: 300;
    margin: 15px 0;
}
.social-wrapper #social-container .social-entry .padded p.content {
    margin-top: 0;
}
.social-wrapper #social-container .social-entry .profile-info .social-avatar {
    margin-right: 14px;
}
.social-wrapper #social-container .social-entry .profile-info .user-name {
    font-size: 18px;
    font-weight: 300;
    margin: 2px 0 6px;
}
.social-wrapper #social-container .social-entry .profile-info + p.content {
    margin-top: 15px;
}
.social-wrapper #social-container .social-entry .profile-details {
    display: inline-block;
}
.social-wrapper #social-container .social-entry .profile-details p {
    font-size: 13px;
    margin-bottom: 2px;
    color: #999999;
}
.social-wrapper #social-container .social-entry .profile-details em {
    font-size: 13px;
    color: #999999;
    font-weight: 300;
}
.social-wrapper #social-container .social-entry .profile-details em i {
    margin-right: 6px;
}
.social-wrapper #social-container .social-entry .social-content-media {
    display: block;
}
.social-wrapper #social-container .social-entry .btn {
    margin: 0 2px 0 0;
    cursor: pointer;
    font-size: 14px;
    padding: 2px 8px;
}
.social-wrapper #social-container .social-entry .btn i {
    margin-right: 0;
    font-size: 14px;
}
.social-wrapper #social-container .social-entry .comments {
    background: #f6f6f6;
    margin-top: 5px;
    padding-top: 15px;
}
.social-wrapper #social-container .social-entry .comments .social-avatar {
    margin-right: 12px;
}
.social-wrapper #social-container .social-entry .comments p.content {
    margin: 8px 0 22px;
}
.social-wrapper #social-container .social-entry .comments .form-group {
    margin-bottom: 0px;
}
.social-wrapper #load-more {
    margin-top: 20px;
    padding-bottom: 12px;
    padding-top: 8px;
}
/*----------------------------------------------------------------------------------- */
/*  Social Communities Widget */
/*----------------------------------------------------------------------------------- */

.social-widget {
    font-weight: 200;
    color: white;
    text-align: center;
    height: 120px;
    padding-top: 14px;
}
.social-widget.twitter {
    background-color: #00b2f1;
}
.social-widget.facebook {
    background-color: #517fa4;
}
.social-widget.pinterest {
    background-color: #e54c42;
}
.social-widget.instagram {
    background-color: #f0ad4e;
}
.social-widget.dribbble {
    background-color: #ea4c89;
}
.social-widget [class^="fa"],
.social-widget [class*=" fa"] {
    vertical-align: middle;
    font-size: 70px;
    margin: 0 10px 0 -20px;
}
.social-widget .social-data {
    text-align: center;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}
.social-widget .social-data h1 {
    font-weight: 100;
    font-size: 60px;
    margin: 0;
    padding: 0;
}
/*----------------------------------------------------------------------------------- */
/*  Gallery with Captions */
/*----------------------------------------------------------------------------------- */

.gallery-grid {
    list-style: none;
    padding: 0;
    margin: 0;
}
.gallery-grid li {
    float: left;
    width: 25%;
    padding: 10px;
    position: relative;
}
.gallery-grid li figure {
    margin: 0;
    position: relative;
    overflow: hidden;
}
.gallery-grid li figure img {
    max-width: 100%;
    display: block;
    position: relative;
    top: 0;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}
.gallery-grid li .caption {
    width: 100%;
    height: 90px;
    position: absolute;
    bottom: -90px;
    left: 0px;
    padding: 15px 20px 20px;
    background: black;
    color: white;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}
.gallery-grid li .caption h3 {
    margin: 0;
    padding: 0;
    color: white;
    font-weight: 100;
}
.gallery-grid li .caption span {
    margin-top: 5px;
    display: inline-block;
}
.gallery-grid li .caption a {
    margin: 0 0 0 15px;
    border: 1px solid white;
}
.gallery-grid li:hover figure img {
    top: -50px;
}
.gallery-grid li:hover .caption {
    bottom: 0px;
}

.campaigntwo{}
.campaigntwo .page-title h1{ margin: 0 }
.campaigntwo .campaign_filter .form-group input.form-control{ width: 198px }
.campaigntwo .campaign_filter .form-group select.form-control{ width: 190px }
.campaigntwo .campaign_filter .form-group input.btn{ float: right; }

.leadrecord{ width:150px}
.table tbody>tr>td .leadrecord td{ border: 0; width: auto; padding: 0; text-align: center; min-width:60px; color:#000}

.leadrecordth{ width:150px}
.table table.leadrecordth tbody > tr > th{ border: 0; width: auto; padding:0; text-align: center; min-width:60px}

.table table.leadrecordth tbody > tr > th.color_a, .table tbody>tr>td .leadrecord td.color_a{ background:#beecfb }
.table table.leadrecordth tbody > tr > th.color_b, .table tbody>tr>td .leadrecord td.color_b{ background:#abffab }
.table table.leadrecordth tbody > tr > th.color_c, .table tbody>tr>td .leadrecord td.color_c{ background:#fdc1c1 }
.table table.leadrecordth tbody > tr > th.color_d, .table tbody>tr>td .leadrecord td.color_d{ background:#D8DE88 }
/*----------------------------------------------------------------------------------- */
/*  Gallery with Filter */
/*----------------------------------------------------------------------------------- */

.gallery-filters a.selected {
    background: #007aff;
    color: white;
}
.gallery-item {
    width: 200px;
    height: 150px;
    margin: 10px;
    position: relative;
    background: black;
}
.gallery-item img {
    width: 100%;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.gallery-item .actions {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 36px;
    margin-top: -18px;
    text-align: center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.gallery-item .actions i {
    display: inline-block;
    margin: 0 4px;
    font-size: 18px;
    color: white;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 35px;
    border: 1px solid white;
    border-radius: 50%;
    vertical-align: top;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s;
}
.gallery-item .actions i:hover {
    background: white;
    color: #333333;
}
.gallery-item .actions i.fa-search-plus {
    font-size: 24px;
    width: 50px;
    height: 50px;
    line-height: 48px;
    margin-top: -7px;
}
.gallery-item:hover img {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.gallery-item:hover .actions {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media (max-width: 450px) {
    .gallery-item {
        width: 280px;
        height: 210px;
        margin: 0 0 15px;
    }
  
}
/*----------------------------------------------------------------------------------- */
/*  Carousel */
/*----------------------------------------------------------------------------------- */

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
}
.carousel-control.left,
.carousel-control.right {
    background: none;
    background: rgba(0, 0, 0, 0.06);
    opacity: 1;
    width: 10%;
}
.carousel-control.left:hover,
.carousel-control.right:hover {
    background: rgba(0, 0, 0, 0.25);
}
.carousel-control .glyphicon,
.carousel-control .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block;
    height: 40px;
    font-size: 40px;
    margin-top: -20px;
    margin-left: -10px;
}
.carousel-control .fa-angle-right {
    margin-left: -5px;
}
.carousel-indicators li {
    margin: 1px 5px;
}
.carousel-indicators li.active {
    margin: 0 5px;
}
/*----------------------------------------------------------------------------------- */
/*  List widget */
/*----------------------------------------------------------------------------------- */

.list ul {
    list-style: none;
    padding-left: 15px;
    margin: 0;
}
.list ul li {
    padding: 10px 15px 12px 2px;
    border-bottom: 1px solid #e2e2e2;
    margin: 0;
}
.list ul li:last-child {
    border: 0;
}
.list ul li:only-child {
    border-bottom: 1px solid #e2e2e2;
}
.list ul li img {
    margin-right: 10px;
}
/*----------------------------------------------------------------------------------- */
/*  Task widget */
/*----------------------------------------------------------------------------------- */

.task-widget ul li {
    padding: 0;
}
.task-widget ul li label {
    font-weight: normal;
    margin: 0;
    cursor: pointer;
    width: 100%;
    display: block;
    padding: 10px 15px 12px 10px;
}
.task-widget ul li label:hover {
    background-color: #f6f6f6;
}
.task-widget input[type="checkbox"]:checked + .task-checkbox {
    color: #007aff;
}
.opacity .task-widget input[type="checkbox"] + span:before,
.opacity .task-widget input[type="radio"] + span:before {
    margin-left: 0px;
}
/*----------------------------------------------------------------------------------- */
/*  Ratings widget */
/*----------------------------------------------------------------------------------- */

.rating-widget ul li {
    padding-bottom: 4px;
}
.rating-widget ul li .reviewer-info {
    margin-bottom: 10px;
}
.rating-widget ul li .reviewer-info img {
    margin-right: 8px;
}
.rating-widget ul li .reviewer-info em {
    color: #aaaaaa;
    font-size: 0.85em;
    margin-left: 4px;
}
.rating-widget ul li .reviewer-info .star-rating i {
    margin-left: 2px;
    font-size: 20px;
    color: #cccccc;
}
.rating-widget ul li .reviewer-info .star-rating i.fastar,
.rating-widget ul li .reviewer-info .star-rating i.fastar-half-empty {
    color: #f7c310;
}
/*----------------------------------------------------------------------------------- */
/*  Rollodex Styles */
/*----------------------------------------------------------------------------------- */

.rollodex {
    height: 500px !important;
}
.rollodex img {
    border-radius: 50%;
}
.rollodex ul li:only-child {
    border: 0;
}
.roll-title {
    background: #efefef;
    width: 100%;
    text-align: center;
    padding: 2px 0 2px 0;
    margin: 1px 0 1px 0;
}
.roll-item {
    padding: 20px 0 20px 0;
}
/*----------------------------------------------------------------------------------- */
/*  Chat widget */
/*----------------------------------------------------------------------------------- */

.chat {
    padding-bottom: 52px;
}
.chat .widget-content {
    padding-right: 20px;
    background-color: white;
}
.chat .widget-content .scrollbar-path-vertical {
    bottom: 56px !important;
}
.chat .widget-content ul {
    list-style: none;
    padding: 0;
}
.chat .widget-content ul li {
    margin-bottom: 14px;
    padding-left: 40px;
    padding-right: 80px;
    position: relative;
}
.chat .widget-content ul li:last-child {
    margin-bottom: 0;
}
.chat .widget-content ul li img {
    position: absolute;
    bottom: -2px;
    left: 0;
    border-radius: 50%;
}
.chat .widget-content ul li .bubble {
    padding: 12px 15px;
    background: #e5e5ea;
    border-radius: 15px;
    position: relative;
}
.chat .widget-content ul li .bubble:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -5px;
    background: url("../images/chat-left.png") left top no-repeat;
    width: 13px;
    height: 13px;
    display: block;
}
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .chat .widget-content ul li .bubble:after {
        background-image: url("../images/chat-left@2x.png");
        background-size: 13px 13px;
    }
}
.chat .widget-content ul li .bubble .user-name {
    font-size: 1.1em;
    margin-bottom: 8px;
    display: inline-block;
}
.chat .widget-content ul li .bubble p.message {
    font-size: 0.95em;
    margin-bottom: 12px;
    color: #333333;
}
.chat .widget-content ul li .bubble p.message a{ border-radius: 50px; width: 16px; height: 16px; padding: 0; background:#ccc; margin: -18px 0 0; border:0; opacity: 0}
.chat .widget-content ul li .bubble p.message a i.fa{ margin:3px 0 0 3px; float: left; font-size: 10px;}
.chat .widget-content ul li .bubble p.message a:hover i{ }

.chat .widget-content ul li .bubble:hover p.message a{ opacity: 1 }
.chat .widget-content ul li .bubble .time {
    font-size: 0.8em;
    color: #888888;
    margin-bottom: 0;
}
.chat .widget-content ul li.current-user {
    padding-right: 40px;
    padding-left: 80px;
}
.chat .widget-content ul li.current-user img {
    right: 0;
    left: auto;
}
.chat .widget-content ul li.current-user .bubble {
    background: #178efe;
}
.chat .widget-content ul li.current-user .bubble:after {
    background: url("../images/chat-right.png") left top no-repeat;
    left: auto;
    right: -6px;
}
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .chat .widget-content ul li.current-user .bubble:after {
        background-image: url("../images/chat-right@2x.png");
        background-size: 13px 13px;
    }
}
.chat .widget-content ul li.current-user p,
.chat .widget-content ul li.current-user a {
    color: white !important;
}
.chat .widget-content ul li.current-user .time {
    opacity: 0.75;
}
.chat .post-message {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 52px;
    padding: 8px 60px 8px 8px;
    background: #f2f2f2;
    border-top: 1px solid #cccccc;
}
.chat .post-message input[type="text"] {
    width: 100%;
    height: 100%;
}
.chat .post-message input[type="submit"] {
    position: absolute;
    top: 12px;
    right: 10px;
    margin: 0;
    border: 0;
    background: transparent;
    color: #007aff;
    font-weight: 600;
    font-size: 14px;
}
.show-manage-notes{
    border: 1px solid #ccc;width: auto;height: 150px;overflow-y:scroll;
}
.widget-container.chat-page {
    height: 700px;
    padding: 0 0 102px 222px;
    position: relative;
    background-color: #f2f2f2;
}
.widget-container.chat-page .contact-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 222px;
    height: 100%;
    border-right: 1px solid #dddddd;
    padding-top: 50px;
}
.widget-container.chat-page .contact-list .heading {
    background-color: transparent;
    color: #777777;
    border-bottom: 1px solid #d6d6d6;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 14px;
    background-color: #f2f2f2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.widget-container.chat-page .contact-list .heading i {
    margin-top: 4px;
    font-size: 1em;
}
.widget-container.chat-page .contact-list ul {
    list-style: none;
    padding-left: 15px;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}
.widget-container.chat-page .contact-list ul li {
    border-bottom: 1px solid #d6d6d6;
    margin: 0;
}
.widget-container.chat-page .contact-list ul li a {
    display: block;
    position: relative;
    left: -15px;
    width: 220px;
    padding-left: 15px;
    padding: 8px 0 8px 15px;
    color: #888888;
}
.widget-container.chat-page .contact-list ul li a:hover {
    background-color: #e6e6e6;
    color: #666666;
}
.widget-container.chat-page .contact-list ul li img {
    border-radius: 50%;
    margin-right: 10px;
}
.widget-container.chat-page .contact-list ul li i {
    font-size: 12px;
    float: right;
    margin: 9px 20px 0 0;
}
.widget-container.chat-page > .heading {
    position: relative !important;
}
.widget-container.chat-page .post-message {
    position: relative;
}
/*----------------------------------------------------------------------------------- */
/*  Icons */
/*----------------------------------------------------------------------------------- */

.icons .row {
    margin: 0 !important;
}
.icons .row [class^="col-"],
.icons .row [class*="col-"] {
    height: 32px;
    line-height: 32px;
    border-radius: 5px;
    margin-bottom: 0 !important;
    color: #666666;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.icons .row [class^="col-"] [class^="fa"],
.icons .row [class^="col-"] [class*="fa"],
.icons .row [class*="col-"] [class^="fa"],
.icons .row [class*="col-"] [class*="fa"] {
    width: 32px;
    font-size: 14px;
    text-align: right;
    margin-right: 20px;
    vertical-align: middle;
    -webkit-transition: all 0.12s;
    -moz-transition: all 0.12s;
    transition: all 0.12s;
}
.icons .row [class^="col-"] .glyphicon,
.icons .row [class*="col-"] .glyphicon {
    margin-top: -5px;
    width: 32px;
    font-size: 14px;
    text-align: center;
    margin-right: 10px;
    vertical-align: middle;
    -webkit-transition: all 0.12s;
    -moz-transition: all 0.12s;
    transition: all 0.12s;
}
.icons .row [class^="col-"]:hover,
.icons .row [class*="col-"]:hover {
    background-color: #f6f6f6;
}
.icons .row [class^="col-"]:hover [class^="fa"],
.icons .row [class^="col-"]:hover [class*="fa"],
.icons .row [class^="col-"]:hover .glyphicon,
.icons .row [class*="col-"]:hover [class^="fa"],
.icons .row [class*="col-"]:hover [class*="fa"],
.icons .row [class*="col-"]:hover .glyphicon {
    font-size: 28px;
}
.icons .row [class^="col-"]:hover .glyphicon,
.icons .row [class*="col-"]:hover .glyphicon {
    margin-top: -8px;
}
/*----------------------------------------------------------------------------------- */
/*  Grid Structure */
/*----------------------------------------------------------------------------------- */

.grid-structure .row .widget-container {
    color: #999999;
    padding: 10px 15px 12px;
    min-height: 0;
}
/*----------------------------------------------------------------------------------- */
/*  jQuery Map Styles */
/*----------------------------------------------------------------------------------- */

.map {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.jqvmap-label {
    position: absolute;
    display: none;
    background: white;
    background: rgba(255, 255, 255, 0.95);
    color: #666666;
    font-size: smaller;
    font-weight: 300;
    padding: 4px 6px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.jqvmap-zoomin,
.jqvmap-zoomout {
    position: absolute;
    left: 10px;
    border-radius: 0px;
    background: #c2c2c2;
    padding: 8px 6px;
    color: white;
    width: 22px;
    height: 22px;
    cursor: pointer;
    line-height: 5px;
    text-align: center;
}
.jqvmap-zoomin:hover,
.jqvmap-zoomin:active,
.jqvmap-zoomout:hover,
.jqvmap-zoomout:active {
    background: #007aff;
}
.jqvmap-zoomin {
    top: 10px;
}
.jqvmap-zoomout {
    top: 36px;
}
.jqvmap-region {
    cursor: pointer;
}
.jqvmap-ajax_response {
    width: 100%;
    height: 500px;
}
/*----------------------------------------------------------------------------------- */
/*  Form styles */
/*----------------------------------------------------------------------------------- */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
label {
    font-weight: normal;
}
label.error {
    color: #d9534f;
    margin-top: 5px;
}
input[type="text"] {
    box-shadow: none !important;
}
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.form-control {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.form-control:focus {
    border-color: #007aff;
    box-shadow: none;
}
.form-control.has-error,
.form-control.error {
    border-color: #d9534f;
}
.form-group [class^="col-"],
.form-group [class*="col-"] {
    margin-bottom: 0;
    margin-top: 5px;
}
.form-group label {
    margin-bottom: 5px;
}
.input-group-btn > .btn {
    margin-left: -1px;
}
.input-group-btn > .btn + .btn {
    margin-left: -1px;
}
.opacity .radio,
.opacity .checkbox {
    margin: 0 0 10px;
}
.opacity .radio-inline,
.opacity .checkbox-inline {
    padding-top: 9px;
    margin-right: 20px;
}
.opacity .radio-inline + .radio-inline,
.opacity .radio-inline + .checkbox-inline,
.opacity .checkbox-inline + .radio-inline,
.opacity .checkbox-inline + .checkbox-inline {
    margin-left: 0;
}
.opacity input[type="checkbox"],
.opacity input[type="radio"] {
    display: none;
}
.opacity input[type="checkbox"] + span:before,
.opacity input[type="radio"] + span:before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
    background: white;
    border-radius: 3px;
    border: 1px solid #c8c8c8;
}
.opacity input[type="checkbox"]:checked + span:before {
    background: #007aff url("../images/checkmark.png") no-repeat center center !important;
    border-color: #007aff;
}
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .opacity input[type="checkbox"]:checked + span:before {
        background-image: url("../images/checkmark@2x.png");
        background-size: 14px 14px;
    }
}
.opacity input[type="radio"] {
    display: none;
}
.opacity input[type="radio"] + span {
    position: relative;
}
.opacity input[type="radio"] + span:before {
    border-radius: 50%;
}
.opacity input[type="radio"]:checked + span:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 6px;
    left: -15px;
    background-color: #007aff;
    border-radius: 50%;
    display: block;
}
.has-warning .help-block,
.has-warning .control-label {
    color: #FF0000;
    /*#f0ad4e*/
}
.has-warning .form-control {
    border-color: #f0ad4e;
}
.has-error .help-block,
.has-error .control-label {
    color: #d9534f;
}
.has-error .form-control {
    border-color: #d9534f;
}
.has-success .help-block,
.has-success .control-label {
    color: #60c560;
}
.has-success .form-control {
    border-color: #60c560;
}
.radio + .radio:last-child,
.checkbox + .checkbox:last-child {
    margin-bottom: 0;
}
.form-photo {
    margin: 4px 0 12px;
}
/*----------------------------------------------------------------------------------- */
/*  iOS 7 Toggle switch */
/*----------------------------------------------------------------------------------- */

.check-ios {
    visibility: hidden;
}
.holder {
    width: 56px;
    height: 28px;
    position: relative;
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
}
.holder span {
    background-color: #e2e2e2;
    display: block;
    height: 30px;
    width: 54px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.holder span:after {
    background-color: white;
    content: "";
    display: block;
    height: 28px;
    width: 52px;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 2;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.holder label {
    background: white;
    cursor: pointer;
    display: block;
    height: 28px;
    width: 28px;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.check-ios:checked ~ span {
    background-color: #4fd065;
}
.check-ios:checked ~ span:after {
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
}
.check-ios:checked + label {
    left: 25px;
}
/*----------------------------------------------------------------------------------- */
/*  Drag and drop */
/*----------------------------------------------------------------------------------- */

.single-file-drop {
    text-align: center;
    border: 2px dashed #dddddd;
}
.single-file-drop h4 {
    padding: 50px 0 45px;
    line-height: 1.4;
}
.single-file-drop img {
    max-width: 100%;
}
.single-file-drop.profile-drop {
    display: inline-block;
    min-width: 200px;
    height: 200px;
    margin: 4px 0 8px;
    overflow: hidden;
    position: relative;
}
.single-file-drop.profile-drop h4 {
    padding-top: 70px;
}
.single-file-drop.profile-drop img {
    max-width: none;
    height: 200px;
}
/*----------------------------------------------------------------------------------- */
/*  Custom image upload button */
/*----------------------------------------------------------------------------------- */

.btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}
.btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    direction: ltr;
}
.btn-file + .fileupload-preview {
    padding: 0 5px 0 10px;
    vertical-align: middle;
}
.fileupload .form-control {
    height: 34px;
    display: inline-block;
    box-shadow: none;
}
.fileupload .uneditable-input {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: text;
}
.fileupload .img-thumbnail {
    display: inline-block;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    border: 0;
    border-radius: 0;
    padding: 0;
}
.fileupload .img-thumbnail > img {
    margin-left: auto;
    margin-right: auto;
    max-height: 100%;
}
.fileupload .btn {
    vertical-align: middle;
    margin: 0 2px 0 -1px;
}
.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
    display: none;
}
.fileupload-inline .fileupload-controls {
    display: inline;
}
.fileupload-new .input-append .btn-file {
    border-radius: 0 3px 3px 0;
}
.thumbnail-borderless .img-thumbnail {
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.fileupload-new.thumbnail-borderless .im-thumbnail {
    border: 1px solid #dddddd;
}
.fileupload .fileupload-preview + .close {
    vertical-align: middle;
}
.control-group.warning .fileupload .uneditable-input {
    color: #a47e3c;
    border-color: #a47e3c;
}
.control-group.warning .fileupload .fileupload-preview {
    color: #a47e3c;
}
.control-group.warning .fileupload .img-thumbnail {
    border-color: #a47e3c;
}
.control-group.error .fileupload .uneditable-input {
    color: #b94a48;
    border-color: #b94a48;
}
.control-group.error .fileupload .fileupload-preview {
    color: #b94a48;
}
.control-group.error .fileupload .img-thumbnail {
    border-color: #b94a48;
}
.control-group.success .fileupload .uneditable-input {
    color: #468847;
    border-color: #468847;
}
.control-group.success .fileupload .fileupload-preview {
    color: #468847;
}
.control-group.success .fileupload .img-thumbnail {
    border-color: #468847;
}
/*----------------------------------------------------------------------------------- */
/*  select2 Dropdowns */
/*----------------------------------------------------------------------------------- */

.select2-container {
    width: 100%;
    height: 32px;
}
.select2-container .select2-choice {
    height: 100%;
}
.select2-container .select2-choice > .select2-chosen {
    height: 100%;
    line-height: 30px; font-size:13px;
}
.select2-container .select2-choice .select2-arrow {
    width: 34px;
    text-align: center;
}
.select2-container .select2-choice .select2-arrow b {
    background: none;
    width: 0;
    height: 0;
    margin: 2px 0 0;
    display: inline-block;
    vertical-align: middle;
    border-top: 4px solid #444;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border-color: #007aff;
}
.select2-container-multi .select2-choices {
    background: white;
    border-color: #cccccc;
    border-radius: 4px;
    padding-top: 0;
}
.select2-container-multi{
    height: auto;
}
/*----------------------------------------------------------------------------------- */
/*  Bootstrap Tooltip Styles */
/*----------------------------------------------------------------------------------- */

.tooltip-inner {
    border-radius: 0px;
    padding: 8px;
}
/*----------------------------------------------------------------------------------- */
/*  Bootstrap Progress Bar */
/*----------------------------------------------------------------------------------- */

.progress {
    height: 12px;
    box-shadow: none;
    border-radius: 10px;
    background-color: #f2f2f2;
}
.progress .progress-bar {
    box-shadow: none;
    background-color: #007aff;
}
.progress .progress-bar-success {
    background-color: #60c560;
}
.progress .progress-bar-warning {
    background-color: #f0ad4e;
}
.progress .progress-bar-danger {
    background-color: #d9534f;
}
/*----------------------------------------------------------------------------------- */
/*  jQuery UI Slider */
/*----------------------------------------------------------------------------------- */

.slider-container {
    margin-bottom: 25px;
}
.ui-slider {
    background-color: #e2e2e2;
    height: 4px;
    border-radius: 2px;
    position: relative;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border-radius: 2px;
    top: 0;
    height: 100%;
}
.ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 28px;
    height: 28px;
    top: -13px;
    margin-left: -14px;
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 3px 4px rgba(0, 0, 0, 0.1);
}
.ui-widget-header {
    background-color: #007aff;
}
/*----------------------------------------------------------------------------------- */
/*  Bootstrap Well */
/*----------------------------------------------------------------------------------- */

.well {
    min-height: 38px;
}
/*----------------------------------------------------------------------------------- */
/*  Bootstrap Emphasis Classes */
/*----------------------------------------------------------------------------------- */

.text-primary {
    color: #007aff;
}
.text-success {
    color: #60c560;
}
.text-info {
    color: #5bc0de;
}
.text-warning {
    color: #f0ad4e;
}
.text-danger {
    color: #d9534f;
}
/*----------------------------------------------------------------------------------- */
/*  Bootstrap Accordion */
/*----------------------------------------------------------------------------------- */

.panel {
    box-shadow: none;
}
.panel-heading {
    padding: 0;
    border-radius: 0;
    background-color: #f8f8f8;
}
.panel-heading .panel-toggle {
    background: #f9fafa;
}
.panel-title {
    font-size: 16px;
}
.panel-title > a {
    font-weight: 300;
    padding: 8px 15px 10px;
    display: block;
}
.panel-title > a .caret {
    margin-top: 5px;
    border-bottom: 5px solid #999999;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.panel-title > a.collapsed .caret {
    border-top: 5px solid #999999;
    border-bottom: 5px solid transparent;
    margin-top: 10px;
}
.panel-title:hover {
    color: #007aff;
}
.accordion-group {
    margin: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #f1f1f1;
}
.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 0px;
    border: 0;
    border-top: 1px solid #e1e1e1;
}
.panel-group .panel + .panel {
    margin-top: 0;
}
/*----------------------------------------------------------------------------------- */
/*  Bootstrap Modal Styles */
/*----------------------------------------------------------------------------------- */

.modal-content {
    border-radius: 0px;
    box-shadow: none;
    background: rgba(255, 255, 255, 1);
    border: 0;
}
.modal-footer .btn {
    margin: 0 0 0 10px;
}
.modal-footer {
    border: 0px;
    padding: 19px 20px 20px;
}
.modal-header {
    /*background: #f1f1f1;*/ padding: 13px 18px; 
}

.modal-title {
    font-size: 20px;
    font-weight: 400;
}

.modal-header .close{ margin: 1px 0; color: #333 }


.email_modal .modal-content {
    border-radius:4px;
    box-shadow:0 5px 15px rgba(0,0,0,0.5);
    background:#fff;
    border:1px solid #e5e5e5;
}
.email_modal .modal-footer {
    border:1px solid #e5e5e5;
    padding:19px 20px 20px;
}
.email_modal .modal-header {
    background: #f1f1f1;
}
.email_modal .modal-footer .btn {
    margin: 0 10px 0px 0;
}
.email_modal .modal-footer .btn{margin:0 0 0 5px }
.email_modal .modal-header .close{ margin:-22px 0 0 }

.email_modal .modal-title{ font-weight: bold; font-size: 16px }
.email_modal .widget-container.fluid-height {
    box-shadow: 0 !important;
}
/*----------------------------------------------------------------------------------- */
/*  Bootstrap Tab Styles */
/*----------------------------------------------------------------------------------- */

.nav-tabs > li > a {
    border-radius: 0px
}
.nav-tabs {
    margin-top: -8px; border-bottom:0
}

.widget-container .heading.phonebattles_tabs{ height: auto; }
.phonebattles_tabs .nav-tabs {
    margin-top:0; border-bottom:0
}
/*----------------------------------------------------------------------------------- */
/*  Bootstrap Alert Styles */
/*----------------------------------------------------------------------------------- */

.alert {
    border-radius: 0px;
}
button.close {
    margin-left: 18px;
}
/*----------------------------------------------------------------------------------- */
/*  Bootstrap Pagination */
/*----------------------------------------------------------------------------------- */

.pagination {
    margin: 12px 0;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #007aff;
}
/*----------------------------------------------------------------------------------- */
/*  Bootstrap Badge Styles */
/*----------------------------------------------------------------------------------- */

.badge {
    background-color: #aaaaaa;
    font-weight: 400;
}
/*----------------------------------------------------------------------------------- */
/*  Bootstrap Breadcrumb */
/*----------------------------------------------------------------------------------- */

.breadcrumb {
    padding: 9px 15px 6px;
    border-radius: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
/*----------------------------------------------------------------------------------- */
/*  Bootstrap Popover */
/*----------------------------------------------------------------------------------- */

.popover {
    /*border-radius: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);*/
    background: rgba(255, 255, 255, 0.92);
    padding: 0;
}
.popover-title {
    border-radius: 0px;
    color: #007aff;
    margin-left: 14px;
    background: none;
    padding-left: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.popover-content {
    padding: 0px;
    margin-left: 14px;
    padding: 12px 15px 12px 0;
}
/*----------------------------------------------------------------------------------- */
/*  Fancybox */
/*----------------------------------------------------------------------------------- */

.fancybox-skin {
    border-radius: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
    background: white;
    background: rgba(255, 255, 255, 0.9);
}
.fancybox-skin .fancybox-prev span,
.fancybox-skin .fancybox-next span {
    background: none;
    font-family: "FontAwesome";
    font-size: 40px;
    left: 50%;
    right: auto;
    width: 16px;
    height: 56px;
    margin: -28px 0 0 -8px;
}
.fancybox-skin .fancybox-prev span:before,
.fancybox-skin .fancybox-next span:before {
    color: white;
}
.fancybox-skin .fancybox-prev {
    left: -80px;
}
.fancybox-skin .fancybox-prev span:before {
    content: "\f104";
}
.fancybox-skin .fancybox-next {
    right: -80px;
}
.fancybox-skin .fancybox-next span:before {
    content: "\f105";
}
.fancybox-skin .fancybox-close {
    background: none;
    font-family: "FontAwesome";
    font-size: 38px;
    color: white;
    top: -15px;
    right: -55px;
    opacity: 0.6;
}
.fancybox-skin .fancybox-close:hover {
    opacity: 1;
}
.fancybox-skin .fancybox-close:before {
    content: "×";
}
.fancybox-nav {
    width: 60px;
}
.fancybox-nav span {
    visibility: visible;
    opacity: 0.5;
}
.fancybox-nav:hover span {
    opacity: 1;
}
.fancybox-title {
    text-align: center;
}
/*----------------------------------------------------------------------------------- */
/*  Bootstrap Tab Styles */
/*----------------------------------------------------------------------------------- */

.nav-tabs > li > a {
    border-radius:4px 4px 0 0; padding:7px 15px; text-transform: uppercase; font-weight: bold; font-size: 12px
}

.nav-tabs > li > a i.fa{ font-size:12px; margin:0 3px 0 0 }


.nav-tabs > li .btn-group{ margin: 0 }
.nav-tabs > li .btn-group button.tab-nav-item{ height:36px; font-weight:bold; text-transform:uppercase; font-size:14px; border-radius:4px 4px 0 0}

.nav-tabs > li .btn-group>.btn{ height: 36px }

.nav-tabs > li .btn-group>.btn span.caret{border-top-color:#fff; border-bottom-color:#fff; }
.nav-tabs > li .btn-group>.btn:hover span.caret{border-top-color:#000; border-bottom-color:#000;}
/*----------------------------------------------------------------------------------- */
/*  Bootstrap Alert Styles */
/*----------------------------------------------------------------------------------- */

.alert {
    border-radius: 0px;
    padding: 15px;
}
.alert .close {
    line-height: 17px;
}
/*----------------------------------------------------------------------------------- */
/*  Full Calendar */
/*----------------------------------------------------------------------------------- */

#calendar {
    margin-top: 5px;
}
.fc-button-today {
    display: none;
}
.fc-event {
    opacity: 0.85;
}
.fc-event.label-primary {
    background-color: #d6eaff;
    border-left: 2px solid #007aff;
    color: #007aff;
}
.fc-event.label-success {
    background-color: #dff3df;
    border-left: 2px solid #60c560;
    color: #60c560;
}
.fc-event.label-default {
    background-color: #e6e6e6;
    border-left: 2px solid #999999;
    color: #666666;
}
.fc-event.label-info {
    background-color: #e3f4f9;
    border-left: 2px solid #5bc0de;
    color: #49a4bf;
}
.fc-event.label-warning {
    background-color: #fdf3e4;
    border-left: 2px solid #f0ad4e;
    color: #f0ad4e;
}
.fc-event.label-danger {
    background-color: #fbefee;
    border-left: 2px solid #d9534f;
    color: #d9534f;
}
.fc-event-hori {
    margin: 0 2px 4px;
}
#external-events input[type="text"],
#external-events .select2-container {
    margin-bottom: 10px;
}
#event_box {
    margin:0;
}
#event_box .label {
    margin: 0 8px 8px 0;
    cursor: move;
}
#event_box .label.label-primary {
    background-color: #d6eaff;
    border-left: 2px solid #007aff;
    color: #007aff;
}
#event_box .label.label-success {
    background-color: #dff3df;
    border-left: 2px solid #60c560;
    color: #60c560;
}
#event_box .label.label-default {
    background-color: #e6e6e6;
    border-left: 2px solid #999999;
    color: #666666;
}
#event_box .label.label-info {
    background-color: #e3f4f9;
    border-left: 2px solid #5bc0de;
    color: #49a4bf;
}
#event_box .label.label-warning {
    background-color: #fdf3e4;
    border-left: 2px solid #f0ad4e;
    color: #f0ad4e;
}
#event_box .label.label-danger {
    background-color: #fbefee;
    border-left: 2px solid #d9534f;
    color: #d9534f;
}
/*----------------------------------------------------------------------------------- */
/*  Responsive Styles */
/*----------------------------------------------------------------------------------- */

.row {
    margin: 0 10px 0;
}
.row .row {
    margin: 0 -10px 0;
}
.row + .row {
    margin-top: 20px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    padding: 0 10px;
}
.hideme {
    display: none;
}
.hidden-xs {
    display: inline-block;
}
/*----------------------------------------------------------------------------------- */
/*  Filter/Advanced Search */
/*----------------------------------------------------------------------------------- */

.selected-filters {
    padding: 10px 10px 12px;
    margin-bottom: 15px;
}
.selected-filters .label {
    margin: 0 8px 0 0;
}
.selected-filters .label [class^="fa"],
.selected-filters .label [class*="fa"] {
    margin-left: 6px;
    cursor: pointer;
}
.arrow-left {
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 7px solid white;
    float: right;
    clear: both;
    margin-right: -8px;
    margin-top: 5px;
}
.table-filters {
    margin-bottom: 20px;
}
.table-filters tbody tr td.filter-category {
    text-align: center;
    color: white;
    border-bottom: 1px solid white;
}
.table-filters tbody tr td.filter-category [class^="fa"],
.table-filters tbody tr td.filter-category [class*="fa"] {
    font-size: 24px;
}
.table-filters tbody tr td.blue {
    background: #5bc0de;
}
.table-filters tbody tr td.green {
    background: #60c560;
}
.table-filters tbody tr td.orange {
    background: #f59b3b;
}
.table-filters tbody tr td.red {
    background: #d9534f;
}
.table-filters tbody tr td.magenta {
    background: #d94084;
}
.table-filters tbody tr td.inactive {
    background: #8e8e93;
}
.table-filters tbody tr td h3 {
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: 18px;
    font-weight: 300 !important;
}
.table-filters tbody tr td .success {
    color: #60c560;
}
.table-filters tbody tr td .danger {
    color: #d9534f;
}
.table-filters tbody:last-child td.filter-category {
    border-bottom: 0;
}
.filter-categories .btn-group {
    margin: 0;
    display: block;
}
.filter-categories .btn-group .btn {
    font-size: 14px;
    font-weight: 300 !important;
    text-align: left;
    border-radius: 4px !important;
    margin: 0 0 10px;
}
.filter-categories .btn-group .btn [class^="fa"],
.filter-categories .btn-group .btn [class*="fa"] {
    margin: 0 5px 0 0;
    width: 45px;
    font-size: 20px;
    vertical-align: middle;
    text-align: center;
}
/*----------------------------------------------------------------------------------- */
/*  WYSIWYG */
/*----------------------------------------------------------------------------------- */

.text-editor-toolbar .btn {
    float: left;
}
.text-editor-toolbar .btn [class^="fa"],
.text-editor-toolbar .btn [class*="fa"] {
    margin-right: 0;
    font-size: 14px;
}
.text-editor-toolbar .btn-group > .btn:first-child {
    border-radius: 4px 0 0 4px;
}
.text-editor-toolbar .btn-group > .dropdown-toggle {
    border-radius: 4px !important;
}
.text-editor-toolbar .btn-group .add-link {
    border-radius: 4px 0 0 4px !important;
    border-right: 0;
}
.text-editor-toolbar .btn-group #pictureBtn {
    border-radius: 4px;
}
.text-editor-toolbar .btn-group #pictureBtn + input[type="file"] {
    z-index: 10 !important;
    height: 34px !important;
}
#editor {
    overflow-y: scroll;
    height: 314px;
    width: 100%;
    background: white;
    padding: 10px 12px;
    border: 1px solid #cccccc;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    border-radius: 5px;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    transition: border 0.3s;
}
#editor:focus {
    border: 1px solid #007aff;
}
#editor .btn [class^="fa"] {
    margin-right: 0px !important;
}
.voice-container {
    height: 30px;
    width: 34px;
    float: left;
    text-align: center;
    padding-top: 4px;
}
.voice-container #voiceBtn {
    width: 18px;
    color: transparent;
    background-color: transparent;
    transform: scale(1.75);
    -webkit-transform: scale(1.75);
    -moz-transform: scale(1.75);
    border: 0;
    cursor: pointer;
    box-shadow: none;
    opacity: 0.65;
}
.voice-container #voiceBtn:hover {
    opacity: 1;
}
/*----------------------------------------------------------------------------------- */
/*  Timeline */
/*----------------------------------------------------------------------------------- */

ul.timeline {
    list-style: none;
    position: relative;
    max-width: 1200px;
    padding: 20px;
    margin: 0 auto;
    overflow: hidden;
}
ul.timeline:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2px;
    background-color: #d2d2d2;
    height: 100%;
    width: 4px;
    border-radius: 2px;
    display: block;
}
ul.timeline li {
    padding-left: 50%;
    position: relative;
    z-index: 10;
}
ul.timeline li .timeline-time {
    position: absolute;
    right: 50%;
    top: 31px;
    text-align: right;
    margin-right: 40px;
    font-size: 16px;
    line-height: 1.3;
}
ul.timeline li .timeline-time strong {
    display: block;
    text-transform: uppercase;
    color: #999999;
    font-size: 11px;
    font-weight: 400;
}
ul.timeline li .timeline-icon {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: white;
    text-align: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 3px;
}
ul.timeline li .timeline-icon > div {
    border-radius: 50%;
    line-height: 34px;
    font-size: 16px;
}
ul.timeline li .timeline-content {
    background-color: white;
    padding: 15px 15px 1px;
    margin-left: 40px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    position: relative;
}
ul.timeline li .timeline-content:after,
ul.timeline li .timeline-content:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
}
ul.timeline li .timeline-content:after {
    top: 38px;
    left: -20px;
    border: 10px solid transparent;
    border-right: 10px solid white;
}
ul.timeline li .timeline-content:before {
    top: 36px;
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #dddddd;
}
ul.timeline li .timeline-content h2 {
    font-size: 22px;
    margin-bottom: 12px;
    line-height: 1.2;
}
ul.timeline li .timeline-content.image,
ul.timeline li .timeline-content.video {
    padding: 15px 10px 10px;
}
ul.timeline li .timeline-content.image h2,
ul.timeline li .timeline-content.video h2 {
    padding: 0 5px 15px;
    margin-bottom: 0;
}
ul.timeline li .timeline-content.image p,
ul.timeline li .timeline-content.video p {
    padding: 15px 5px;
}
ul.timeline li .timeline-content.image img,
ul.timeline li .timeline-content.video img {
    width: 100%;
}
ul.timeline li .timeline-content.image img + p,
ul.timeline li .timeline-content.image .fluid-width-video-wrapper + p,
ul.timeline li .timeline-content.video img + p,
ul.timeline li .timeline-content.video .fluid-width-video-wrapper + p {
    padding-bottom: 0;
}
ul.timeline li:nth-child(odd) {
    padding-left: 0;
    padding-right: 50%;
}
ul.timeline li:nth-child(odd) .timeline-time {
    right: auto;
    left: 50%;
    text-align: left;
    margin-right: 0;
    margin-left: 40px;
}
ul.timeline li:nth-child(odd) .timeline-content {
    margin-right: 40px;
    margin-left: 0;
}
ul.timeline li:nth-child(odd) .timeline-content:after {
    left: auto;
    right: -20px;
    border: 10px solid transparent;
    border-left: 10px solid white;
}
ul.timeline li:nth-child(odd) .timeline-content:before {
    left: auto;
    right: -24px;
    border: 12px solid transparent;
    border-left: 12px solid #dddddd;
}
ul.timeline.animated li .timeline-content {
    opacity: 0;
    left: 20px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}
ul.timeline.animated li:nth-child(odd) .timeline-content {
    left: -20px;
}
ul.timeline.animated li.active .timeline-content {
    opacity: 1;
    left: 0;
}
ul.timeline.animated li.active:nth-child(odd) .timeline-content {
    left: 0;
}
/*----------------------------------------------------------------------------------- */
/*  Messages */
/*----------------------------------------------------------------------------------- */

.compose-btn {
    margin-bottom: 10px;
}
.messages {
    height: 650px;
}
.messages .widget-container {
    height: 100%;
}
.messages .message-list {
    padding: 0;
    height: 100%;
}
.messages .message-list .list-group {
    box-shadow: none;
    margin: 0;
    border-right: 1px solid #dddddd;
    height: 100%;
    overflow-y: auto;
}
.messages .message-list .list-group .list-group-item:last-child p {
    border-bottom: 1px solid #dddddd;
}
.messages .message-list .list-group .list-group-item a {
    position: relative;
}
.messages .message-list .list-group .list-group-item a .status {
    width: 10px;
    height: 10px;
    float: left;
    border-radius: 50%;
    margin-top: 13px;
}
.messages .message-list .list-group .list-group-item a .status.unread {
    background-color: #007aff;
}
.messages .message-list .list-group .list-group-item a .favorite {
    position: absolute;
    left: 13px;
    top: 30px;
    display: none;
}
.messages .message-list .list-group .list-group-item a .favorite.fa-star-o {
    color: #aaaaaa;
}
.messages .message-list .list-group .list-group-item a .favorite.fa-star {
    color: #f0ad44;
    display: block;
}
.messages .message-list .list-group .list-group-item a h2 {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 10px 0 20px;
    margin-bottom: 4px;
}
.messages .message-list .list-group .list-group-item a h2 span {
    float: right;
    font-size: 12px;
    font-weight: 400;
}
.messages .message-list .list-group .list-group-item a p {
    padding-top: 0;
    padding-left: 20px;
    font-size: 13px;
}
.messages .message-list .list-group .list-group-item:hover a .favorite {
    display: block;
}
.messages .message-content {
    padding: 0;
    height: 100%;
    overflow-y: auto;
    padding-left: 20px;
}
.messages .message-content .message-header {
    position: relative;
    padding: 15px 15px 5px 0;
    border-bottom: 1px solid #dddddd;
}
.messages .message-content .message-header .date {
    font-size: 13px;
}
.messages .message-content .message-header .message-actions {
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin: 0 0 0 -64px;
}
.messages .message-content .message-header .message-actions .btn {
    font-size: 14px;
    width: 32px;
    padding: 0;
    background: white;
    height: 24px;
    line-height: 1.6;
}
.messages .message-content .message-header .message-actions .btn:hover {
    background: #bbbbbb;
}
.messages .message-content .message-header .message-actions .btn .fa {
    margin: 0;
}
.messages .message-content .message-text {
    padding: 30px 15px 15px 0;
}
/*----------------------------------------------------------------------------------- */
/*  Pricing Tables */
/*----------------------------------------------------------------------------------- */

.pricing-table [class^="col-"],
.pricing-table [class*="col-"] {
    padding-top: 20px;
}
.pricing-table [class^="col-"].featured,
.pricing-table [class*="col-"].featured {
    padding-top: 0;
}
.pricing-table [class^="col-"].featured .widget-container,
.pricing-table [class*="col-"].featured .widget-container {
    padding: 20px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.pricing-table [class^="col-"] .widget-container.red,
.pricing-table [class*="col-"] .widget-container.red {
    border-top: 6px solid #d9534f;
}
.pricing-table [class^="col-"] .widget-container.blue,
.pricing-table [class*="col-"] .widget-container.blue {
    border-top: 6px solid #007aff;
}
.pricing-table [class^="col-"] .widget-container.green,
.pricing-table [class*="col-"] .widget-container.green {
    border-top: 6px solid #60c560;
}
.pricing-table [class^="col-"] .widget-container.orange,
.pricing-table [class*="col-"] .widget-container.orange {
    border-top: 6px solid #f0ad4e;
}
.pricing-table [class^="col-"] .widget-container h1,
.pricing-table [class*="col-"] .widget-container h1 {
    text-transform: uppercase;
    font-size: 16px;
    color: #bbbbbb;
    font-weight: 400;
}
.pricing-table [class^="col-"] .widget-container h2,
.pricing-table [class*="col-"] .widget-container h2 {
    font-size: 46px;
    margin-bottom: 20px;
    letter-spacing: -0.05em;
}
.pricing-table [class^="col-"] .widget-container h2 span,
.pricing-table [class*="col-"] .widget-container h2 span {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
}
.pricing-table [class^="col-"] .widget-container .btn,
.pricing-table [class*="col-"] .widget-container .btn {
    margin-bottom: 0;
}
.pricing-table [class^="col-"] .widget-container table th,
.pricing-table [class^="col-"] .widget-container table td,
.pricing-table [class*="col-"] .widget-container table th,
.pricing-table [class*="col-"] .widget-container table td {
    text-align: center;
    height: 40px;
}
.pricing-table [class^="col-"] .widget-container table th.red,
.pricing-table [class^="col-"] .widget-container table td.red,
.pricing-table [class*="col-"] .widget-container table th.red,
.pricing-table [class*="col-"] .widget-container table td.red {
    border-top: 6px solid #d9534f;
}
.pricing-table [class^="col-"] .widget-container table th.blue,
.pricing-table [class^="col-"] .widget-container table td.blue,
.pricing-table [class*="col-"] .widget-container table th.blue,
.pricing-table [class*="col-"] .widget-container table td.blue {
    border-top: 6px solid #007aff;
}
.pricing-table [class^="col-"] .widget-container table th.green,
.pricing-table [class^="col-"] .widget-container table td.green,
.pricing-table [class*="col-"] .widget-container table th.green,
.pricing-table [class*="col-"] .widget-container table td.green {
    border-top: 6px solid #60c560;
}
.pricing-table [class^="col-"] .widget-container table th.orange,
.pricing-table [class^="col-"] .widget-container table td.orange,
.pricing-table [class*="col-"] .widget-container table th.orange,
.pricing-table [class*="col-"] .widget-container table td.orange {
    border-top: 6px solid #f0ad4e;
}
.pricing-table [class^="col-"] .widget-container table th h2,
.pricing-table [class^="col-"] .widget-container table td h2,
.pricing-table [class*="col-"] .widget-container table th h2,
.pricing-table [class*="col-"] .widget-container table td h2 {
    font-size: 22px;
    margin: 5px 0;
}
.pricing-table [class^="col-"] .widget-container table th .fa,
.pricing-table [class^="col-"] .widget-container table td .fa,
.pricing-table [class*="col-"] .widget-container table th .fa,
.pricing-table [class*="col-"] .widget-container table td .fa {
    color: #60c560;
    font-size: 22px;
}
.pricing-table .pricing-categories {
    padding-top: 77px;
}
.pricing-table .pricing-categories td {
    height: 40px;
}
/*----------------------------------------------------------------------------------- */
/*  Invoice */
/*----------------------------------------------------------------------------------- */

.invoice .invoice-header img {
    margin-top: 20px;
}
.invoice .invoice-header h2 {
    font-size: 24px;
    margin-bottom: 5px;
}
.invoice .invoice-header p {
    color: #aaaaaa;
    margin: 0;
}
.invoice .well {
    padding-top: 10px;
    padding-right: 0;
}
.invoice .well strong {
    font-size: 85%;
    color: #888888;
    border-bottom: 1px solid #c6c6c6;
    display: block;
    padding-bottom: 8px;
    margin-bottom: 10px;
}
.invoice .invoice-table {
    margin: 0;
}
.invoice .invoice-table h4 {
    font-weight: 400;
    margin-bottom: 0;
}
/*----------------------------------------------------------------------------------- */
/*  Marketing Page */
/*----------------------------------------------------------------------------------- */

.hero {
    background: #007aff;
    margin-top: -30px;
    padding: 100px 0 420px 0;
    text-align: center;
    margin-bottom: 0px;
    background: url(../images/mark-bg.gif);
    background-size: cover;
    overflow: hidden;
    max-height: 780px;
}
.hero .btn {
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 20px;
    padding-left: 60px;
    padding-right: 60px;
}
.hero h1 {
    font-size: 3.2em;
    color: #333333;
    font-weight: 200;
}
.hero p {
    font-size: 1.5em;
    color: #333333;
    padding-bottom: 12px;
}
.hero img {
    width: 842px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    clear: both;
    display: block;
}
/* Section pages styles */

section {
    text-align: center;
    background-color: whitesmoke;
    z-index: 1;
    padding-top: 40px;
    padding-bottom: 60px;
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    margin: 0 auto;
}
#about {
    background: white;
    padding-top: 80px;
    padding-bottom: 100px;
}
#about h1 {
    font-size: 3em;
    font-weight: 200;
    line-height: 1.4em;
}
#about p {
    max-width: 640px;
    margin: 0 auto;
    font-size: 1.4em;
    font-weight: 200;
}
#about img {
    width: 50%;
    margin-top: 40px;
}
#about b {
    color: #007aff;
}
#about i {
    font-size: 4em;
    padding-top: 42px;
    padding-bottom: 16px;
    opacity: 0.5;
    transition: 400ms;
    color: transparent;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#about i:hover {
    opacity: 1;
    color: #007aff;
    transition: 400ms;
    text-shadow: none;
}
#features {
    background: #e8e8e8;
    padding-top: 40px;
    padding-bottom: 0px;
}
#features h1 {
    font-size: 3em;
    font-weight: 200;
    text-align: left;
    line-height: 1.2em;
    padding-top: 40px;
}
#features p {
    max-width: 640px;
    margin: 0 auto;
    font-size: 1.4em;
    font-weight: 200;
    text-align: left;
}
#features b {
    color: #007aff;
}
#features img {
    width: 100%;
}
#features i {
    font-size: 3.2em;
    padding-top: 52px;
    padding-bottom: 5px;
    opacity: 0.5;
}
#features i:hover {
    opacity: 1;
    color: #007aff;
}
#features .markunit p {
    font-size: 1.2em;
    font-weight: 200;
    text-align: center;
}
#extra {
    background: #f1f1f1;
    padding-top: 40px;
    padding-bottom: 60px;
    text-align: left;
}
#extra h1 {
    font-size: 3em;
    font-weight: 100;
    text-align: center;
}
#extra h2 {
    font-size: 1.6em;
    text-align: left;
    font-weight: 400;
}
#extra p {
    text-align: left;
    font-size: 1em;
    line-height: 1.6em;
    font-weight: 200;
}
#extra b {
    color: #007aff;
}
#extra i {
    font-size: 3.4em;
    padding-top: 42px;
    padding-bottom: 16px;
    opacity: 0.5;
    text-align: left;
}
#extra i:hover {
    opacity: 1;
    color: #007aff;
}
#quotes .blue {
    background: #007aff;
}
#quotes .carousel-inner > .item > img,
#quotes .carousel-inner > .item > a > img {
    width: 100%;
}
#quotes .carousel-control.left,
#quotes .carousel-control.right {
    background: none;
    background: rgba(0, 0, 0, 0.06);
    opacity: 1;
    width: 10%;
}
#quotes .carousel-control.left:hover,
#quotes .carousel-control.right:hover {
    background: rgba(0, 0, 0, 0.25);
}
#quotes .carousel-control .glyphicon,
#quotes .carousel-control .faangle-left,
#quotes .carousel-control .faangle-right {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block;
    height: 40px;
    font-size: 40px;
    margin-top: -20px;
    margin-left: -10px;
}
#quotes .carousel-indicators li {
    margin: 1px 5px;
}
#quotes .carousel-indicators li.active {
    margin: 0 5px;
}
/*----------------------------------------------------------------------------------- */
/*  404 Page */
/*----------------------------------------------------------------------------------- */

body.fourofour {
    background-color: #007aff;
    padding: 0;
    position: relative;
}
body.fourofour .fourofour-container {
    max-width: 400px;
    width: 400px;
    text-align: center;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -200px;
}
body.fourofour .fourofour-container h1 {
    font-size: 200px;
    font-weight: 100;
    text-shadow: #0062cc 1px 1px, #0062cc 2px 2px, #0062cc 3px 3px, #0062cd 4px 4px, #0062cd 5px 5px, #0062cd 6px 6px, #0062cd 7px 7px, #0062ce 8px 8px, #0063ce 9px 9px, #0063ce 10px 10px, #0063ce 11px 11px, #0063cf 12px 12px, #0063cf 13px 13px, #0063cf 14px 14px, #0063cf 15px 15px, #0063d0 16px 16px, #0064d0 17px 17px, #0064d0 18px 18px, #0064d0 19px 19px, #0064d1 20px 20px, #0064d1 21px 21px, #0064d1 22px 22px, #0064d1 23px 23px, #0064d2 24px 24px, #0065d2 25px 25px, #0065d2 26px 26px, #0065d2 27px 27px, #0065d3 28px 28px, #0065d3 29px 29px, #0065d3 30px 30px, #0065d3 31px 31px, #0065d4 32px 32px, #0065d4 33px 33px, #0066d4 34px 34px, #0066d4 35px 35px, #0066d5 36px 36px, #0066d5 37px 37px, #0066d5 38px 38px, #0066d5 39px 39px, #0066d6 40px 40px, #0066d6 41px 41px, #0067d6 42px 42px, #0067d6 43px 43px, #0067d7 44px 44px, #0067d7 45px 45px, #0067d7 46px 46px, #0067d7 47px 47px, #0067d8 48px 48px, #0067d8 49px 49px, #0068d8 50px 50px, #0068d9 51px 51px, #0068d9 52px 52px, #0068d9 53px 53px, #0068d9 54px 54px, #0068da 55px 55px, #0068da 56px 56px, #0068da 57px 57px, #0068da 58px 58px, #0069db 59px 59px, #0069db 60px 60px, #0069db 61px 61px, #0069db 62px 62px, #0069dc 63px 63px, #0069dc 64px 64px, #0069dc 65px 65px, #0069dc 66px 66px, #006add 67px 67px, #006add 68px 68px, #006add 69px 69px, #006add 70px 70px, #006ade 71px 71px, #006ade 72px 72px, #006ade 73px 73px, #006ade 74px 74px, #006bdf 75px 75px, #006bdf 76px 76px, #006bdf 77px 77px, #006bdf 78px 78px, #006be0 79px 79px, #006be0 80px 80px, #006be0 81px 81px, #006be0 82px 82px, #006be1 83px 83px, #006ce1 84px 84px, #006ce1 85px 85px, #006ce1 86px 86px, #006ce2 87px 87px, #006ce2 88px 88px, #006ce2 89px 89px, #006ce2 90px 90px, #006ce3 91px 91px, #006de3 92px 92px, #006de3 93px 93px, #006de3 94px 94px, #006de4 95px 95px, #006de4 96px 96px, #006de4 97px 97px, #006de4 98px 98px, #006de5 99px 99px, #006ee5 100px 100px, #006ee5 101px 101px, #006ee6 102px 102px, #006ee6 103px 103px, #006ee6 104px 104px, #006ee6 105px 105px, #006ee7 106px 106px, #006ee7 107px 107px, #006ee7 108px 108px, #006fe7 109px 109px, #006fe8 110px 110px, #006fe8 111px 111px, #006fe8 112px 112px, #006fe8 113px 113px, #006fe9 114px 114px, #006fe9 115px 115px, #006fe9 116px 116px, #0070e9 117px 117px, #0070ea 118px 118px, #0070ea 119px 119px, #0070ea 120px 120px, #0070ea 121px 121px, #0070eb 122px 122px, #0070eb 123px 123px, #0070eb 124px 124px, #0071eb 125px 125px, #0071ec 126px 126px, #0071ec 127px 127px, #0071ec 128px 128px, #0071ec 129px 129px, #0071ed 130px 130px, #0071ed 131px 131px, #0071ed 132px 132px, #0071ed 133px 133px, #0072ee 134px 134px, #0072ee 135px 135px, #0072ee 136px 136px, #0072ee 137px 137px, #0072ef 138px 138px, #0072ef 139px 139px, #0072ef 140px 140px, #0072ef 141px 141px, #0073f0 142px 142px, #0073f0 143px 143px, #0073f0 144px 144px, #0073f0 145px 145px, #0073f1 146px 146px, #0073f1 147px 147px, #0073f1 148px 148px, #0073f1 149px 149px, #0074f2 150px 150px, #0074f2 151px 151px, #0074f2 152px 152px, #0074f3 153px 153px, #0074f3 154px 154px, #0074f3 155px 155px, #0074f3 156px 156px, #0074f4 157px 157px, #0074f4 158px 158px, #0075f4 159px 159px, #0075f4 160px 160px, #0075f5 161px 161px, #0075f5 162px 162px, #0075f5 163px 163px, #0075f5 164px 164px, #0075f6 165px 165px, #0075f6 166px 166px, #0076f6 167px 167px, #0076f6 168px 168px, #0076f7 169px 169px, #0076f7 170px 170px, #0076f7 171px 171px, #0076f7 172px 172px, #0076f8 173px 173px, #0076f8 174px 174px, #0077f8 175px 175px, #0077f8 176px 176px, #0077f9 177px 177px, #0077f9 178px 178px, #0077f9 179px 179px, #0077f9 180px 180px, #0077fa 181px 181px, #0077fa 182px 182px, #0077fa 183px 183px, #0078fa 184px 184px, #0078fb 185px 185px, #0078fb 186px 186px, #0078fb 187px 187px, #0078fb 188px 188px, #0078fc 189px 189px, #0078fc 190px 190px, #0078fc 191px 191px, #0079fc 192px 192px, #0079fd 193px 193px, #0079fd 194px 194px, #0079fd 195px 195px, #0079fd 196px 196px, #0079fe 197px 197px, #0079fe 198px 198px, #0079fe 199px 199px, #007aff 200px 200px;
}
body.fourofour .fourofour-container h2 {
    font-size: 25px;
    font-weight: 100;
    margin-bottom: 40px;
}
body.fourofour .fourofour-container a.btn {
    border-color: white;
    color: white;
}
body.fourofour .fourofour-container a.btn:hover {
    color: #007aff;
    background-color: white;
}
body.fourofour.bg-danger {
    background-color: #d9534f;
}
body.fourofour.bg-danger h1 {
    text-shadow: #b84743 1px 1px, #b84743 2px 2px, #b84743 3px 3px, #b84743 4px 4px, #b84743 5px 5px, #b84743 6px 6px, #b94743 7px 7px, #b94743 8px 8px, #b94743 9px 9px, #b94743 10px 10px, #b94743 11px 11px, #b94743 12px 12px, #ba4743 13px 13px, #ba4743 14px 14px, #ba4743 15px 15px, #ba4743 16px 16px, #ba4844 17px 17px, #ba4844 18px 18px, #bb4844 19px 19px, #bb4844 20px 20px, #bb4844 21px 21px, #bb4844 22px 22px, #bb4844 23px 23px, #bb4844 24px 24px, #bc4844 25px 25px, #bc4844 26px 26px, #bc4844 27px 27px, #bc4844 28px 28px, #bc4844 29px 29px, #bc4844 30px 30px, #bd4844 31px 31px, #bd4844 32px 32px, #bd4844 33px 33px, #bd4945 34px 34px, #bd4945 35px 35px, #bd4945 36px 36px, #be4945 37px 37px, #be4945 38px 38px, #be4945 39px 39px, #be4945 40px 40px, #be4945 41px 41px, #be4945 42px 42px, #bf4945 43px 43px, #bf4945 44px 44px, #bf4945 45px 45px, #bf4945 46px 46px, #bf4945 47px 47px, #bf4945 48px 48px, #c04945 49px 49px, #c04a46 50px 50px, #c04a46 51px 51px, #c04a46 52px 52px, #c04a46 53px 53px, #c04a46 54px 54px, #c14a46 55px 55px, #c14a46 56px 56px, #c14a46 57px 57px, #c14a46 58px 58px, #c14a46 59px 59px, #c14a46 60px 60px, #c24a46 61px 61px, #c24a46 62px 62px, #c24a46 63px 63px, #c24a46 64px 64px, #c24a46 65px 65px, #c24a46 66px 66px, #c34b47 67px 67px, #c34b47 68px 68px, #c34b47 69px 69px, #c34b47 70px 70px, #c34b47 71px 71px, #c34b47 72px 72px, #c44b47 73px 73px, #c44b47 74px 74px, #c44b47 75px 75px, #c44b47 76px 76px, #c44b47 77px 77px, #c44b47 78px 78px, #c54b47 79px 79px, #c54b47 80px 80px, #c54b47 81px 81px, #c54b47 82px 82px, #c54b47 83px 83px, #c54c48 84px 84px, #c64c48 85px 85px, #c64c48 86px 86px, #c64c48 87px 87px, #c64c48 88px 88px, #c64c48 89px 89px, #c64c48 90px 90px, #c74c48 91px 91px, #c74c48 92px 92px, #c74c48 93px 93px, #c74c48 94px 94px, #c74c48 95px 95px, #c74c48 96px 96px, #c84c48 97px 97px, #c84c48 98px 98px, #c84c48 99px 99px, #c84d49 100px 100px, #c84d49 101px 101px, #c84d49 102px 102px, #c84d49 103px 103px, #c94d49 104px 104px, #c94d49 105px 105px, #c94d49 106px 106px, #c94d49 107px 107px, #c94d49 108px 108px, #c94d49 109px 109px, #ca4d49 110px 110px, #ca4d49 111px 111px, #ca4d49 112px 112px, #ca4d49 113px 113px, #ca4d49 114px 114px, #ca4d49 115px 115px, #cb4d49 116px 116px, #cb4e4a 117px 117px, #cb4e4a 118px 118px, #cb4e4a 119px 119px, #cb4e4a 120px 120px, #cb4e4a 121px 121px, #cc4e4a 122px 122px, #cc4e4a 123px 123px, #cc4e4a 124px 124px, #cc4e4a 125px 125px, #cc4e4a 126px 126px, #cc4e4a 127px 127px, #cd4e4a 128px 128px, #cd4e4a 129px 129px, #cd4e4a 130px 130px, #cd4e4a 131px 131px, #cd4e4a 132px 132px, #cd4e4a 133px 133px, #ce4f4b 134px 134px, #ce4f4b 135px 135px, #ce4f4b 136px 136px, #ce4f4b 137px 137px, #ce4f4b 138px 138px, #ce4f4b 139px 139px, #cf4f4b 140px 140px, #cf4f4b 141px 141px, #cf4f4b 142px 142px, #cf4f4b 143px 143px, #cf4f4b 144px 144px, #cf4f4b 145px 145px, #d04f4b 146px 146px, #d04f4b 147px 147px, #d04f4b 148px 148px, #d04f4b 149px 149px, #d0504c 150px 150px, #d0504c 151px 151px, #d1504c 152px 152px, #d1504c 153px 153px, #d1504c 154px 154px, #d1504c 155px 155px, #d1504c 156px 156px, #d1504c 157px 157px, #d2504c 158px 158px, #d2504c 159px 159px, #d2504c 160px 160px, #d2504c 161px 161px, #d2504c 162px 162px, #d2504c 163px 163px, #d3504c 164px 164px, #d3504c 165px 165px, #d3504c 166px 166px, #d3514d 167px 167px, #d3514d 168px 168px, #d3514d 169px 169px, #d4514d 170px 170px, #d4514d 171px 171px, #d4514d 172px 172px, #d4514d 173px 173px, #d4514d 174px 174px, #d4514d 175px 175px, #d5514d 176px 176px, #d5514d 177px 177px, #d5514d 178px 178px, #d5514d 179px 179px, #d5514d 180px 180px, #d5514d 181px 181px, #d6514d 182px 182px, #d6514d 183px 183px, #d6524e 184px 184px, #d6524e 185px 185px, #d6524e 186px 186px, #d6524e 187px 187px, #d7524e 188px 188px, #d7524e 189px 189px, #d7524e 190px 190px, #d7524e 191px 191px, #d7524e 192px 192px, #d7524e 193px 193px, #d8524e 194px 194px, #d8524e 195px 195px, #d8524e 196px 196px, #d8524e 197px 197px, #d8524e 198px 198px, #d8524e 199px 199px, #d9534f 200px 200px;
}
body.fourofour.bg-danger a.btn:hover {
    color: #d9534f;
}

.pagination {
    float: right;
}
.no-shadow {
    box-shadow: none;
}
.form-group label.note {
    /*  color: #fff;*/
    display: block;
    float: right;
    margin:5px 0 0;
    width: 100%;
}
.background-loader {
    background-color: hsl(0, 0%, 20%);
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.image-laoding {
    /* background-color: hsl(0, 0%, 100%);*/

    border-radius: 3px;
    height: auto;
    left: 50%;
    opacity: 0.99;
    padding: 3px;
    position: fixed;
    top: 40%;
    width: auto;
    z-index: 100001;
}
.wizard-class {
    padding-left: 8px;
    margin-top: 6px;
    display: block;
}
.wizard-class > a {
    margin-left: 5px;
}
.wizard-class > a:hover {
    color: #f0ad4e;
}
.widget-container.fluid-height.clearfix {
    border-radius: 3px;
    overflow-x: scroll;
}
.heading.tab-heading {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    font-size: 16px;
    height: 35px;
    padding-top: 4px;
}
#sortable .col-md-6 {
    margin-bottom: 15px;
}
.statisticbtn {
    background-color: purple !important;
    border-color: purple !important;
}

.statisticbtn:hover,
.statisticbtn.active {
    background: transparent !important;
    color: purple;
    border-color: purple;
}

.actions_nw .dropup.btn_group_camp a.table-actions.btn.statisticbtn:hover i[class^="fa"],
.actions_nw .dropup.btn_group_camp a.table-actions.btn.statisticbtn.active i[class^="fa"] {
    color: purple !important;
}

.campanalticbtn {
    background-color: #996600 !important;
    border-color: #996600 !important;
}

@media screen and (max-width: 770px) {
    body.layout-boxed .container-fluid.main-content.dashboard-content {
        margin-top: 47px !important;
    }
}
.table.table-dashboard td {
    border-top: 1px dashed #ccc;
}
.table.table-dashboard thead th {
    border-bottom: 1px dashed #9d9d9d !important;
}
.table.table-dashboard tr:nth-child(odd) td {
    background: #EEEEEE;
}
.table.table-dashboard tr:nth-child(even) td {
    background: #FFFFFF;
}
.table.table-dashboard tr:hover td {
    background: #e9e9e9;
}
.heading.tab-heading {
    border-radius:3px 3px 0 0;
}
.quick-state {
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    height: 40px;
    margin: 0 8px 8px;
    padding: 8px 10px;
    text-align: left;
    vertical-align: middle;
    width: 46%;
    text-decoration: none;
}
.quick-state > span {
    color: #666666;
    font-size: 11px;
}
.quick-state > b {
    color: #666666;
    font-size: 15px;
    margin-right: 5px;
}
.ip-address-action-dropdown li{
    cursor: pointer;
    padding-bottom: 10px;
    padding-top: 5px;
    border-bottom: 1px solid #ccc;
}
.list-item-disable{
    pointer-events: none;
    opacity: 0.4;
}
.ip-address-action-dropdown li:last-child{
    border-bottom: none;
}
.ip-address-active-status{
    color: #00b300;
    font-size: 18px;
}
.ip-address-block-status{
    color: #ff0000;
    font-size: 18px;
}
.ip-address-active-icon{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #00ff00;
    display: inline-block;
    margin-right: 10px;
}
.ip-address-block-icon{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ff0000;
    display: inline-block;
    margin-right: 13px;
}

@media screen and (max-width: 480px) {

    .quick-state {
        width: 96%;
    }
    .nav-tabs>li.custom_marketp.active>a{margin-bottom: initial !important;}
    .text {padding: 14px 5px !important;}
    
} 
#sortable .padded {
    padding: 10px !important;
}
.widget-img {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 7px;
    margin-bottom: 1.5%;
    width: 31%;
    float: left;
    margin-right: 1.5%;
    background-color: #fdfdfd;
}
.img-left {
    float: left;
    width: 78%;
}
.btn-right {
    float: right;
    width: 22%;
}
.img-left img {
    width: auto;
    height: auto;
}
@media screen and (max-width: 960px) {
    .widget-img {
        width: 47%;
    }

}
@media screen and (max-width: 660px) {
    .widget-img {
        width: 98%;
    }

}
.widget-setting label {
    margin-top: 6px;
}
.heading.main-head {
    background: #f5deb3;
    border-radius: 2px;
    cursor: pointer;
    font-size: 16px;
    height: 33px;
    margin-top: 5px;
    padding: 4px 10px 10px;
    text-align: center;
}
.table.widget-table td {
    vertical-align: top;
}
.table.field-table td {
    padding: 6px 0 0;
    vertical-align: top;
    font-style: italic;
}
.table.field-table th {
    padding-left: 0;
}
.table.field-table .checkbox > span {
    cursor: pointer;
}
iframe#templateFrame {
    border: 1px solid #ccc;
    height: 600px;
    width: 100%;
    display: table;
}
.backGround {
    background: #ccc;
    height: 100%;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
.show-data {
    background-color: #fff;
    float: left;
    left: 14%;
    opacity: 1;
    position: fixed;
    top: 23%;
    z-index: 101;
    border-radius: 3px;
    padding: 7px;
}
.show-data-method {
    display: block;
    float: right;
    margin-bottom: 2px;
    margin-right: 3%;
    margin-top: 8px;
    text-align: right;
    width: 90%;
}
.show-data-method .submit-icon {
    background-color: #3333cc;
    border: 1px solid #3333cc;
    border-radius: 2px;
    color: #fff;
    margin-right: 10px;
    padding: 2px 14px;
    cursor: pointer;
}
.show-data-method .cancel-icon {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 2px 14px;
    cursor: pointer;
}
.table.widget-table td {
    border-top: none;
}
/*----------- Popup Leads -------------*/

.modal-content.lead_content {
    background: #fff
}
.modal-content.lead_content .row {
    margin: 0 -10px
}
.modal-content.lead_content .modal-body {
    padding-top: 0;
    overflow-y: scroll;
    height: 566px
}
.modal-content.lead_content .modal-body #viewAll {
    padding: 7px 30px;
    border-radius: 5px;
    margin: 0 auto;
    display: table;
    background: #EB901A;
    color: #fff;
    margin-top: 20px;
    transition: all .8s ease
}
.modal-content.lead_content .modal-body #viewAll a {
    color: #fff
}
.modal-content.lead_content .modal-body #viewAll:hover,
.modal-content.lead_content .modal-body #viewAll:focus {
    background: #007AFF
}
.well_lead {
    margin-top: 20px;
    padding: 15px;
    position: relative;
    transition: all .8s ease;
    border: 1px solid rgba(54, 64, 74, .12);
    background: #fff
}
.unNotificationReadclass{
    font-weight: 700;
    background-color: #a6e3a6;
}
.well_lead h4 {
    font-weight: 400;
    color: #828282;
    margin: 0 0 7px;
    transition: all .8s ease
}
.lead_addrs {
    color: #8d8c8d
}
.lead_phn {
    font-weight: 400;
    color: #EB901A
}
.dealstatus_added_by {
    font-weight: 400;
    color: #009900
}
.lead_email {
    font-weight: 400;
    color: #D9534F
}
.well_lead i {
    margin: 5px 7px 0 0
}
.lead_email i {
    font-size: 13px;
    font-size: 12px
}
.well_lead:hover,
.well_lead:focus {
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    border: 1px solid rgba(54, 64, 74, .25);
    text-decoration: none;
    background: #f9f9f9
}
.well_lead:hover h4,
.well_lead:focus h4 {
    color: #444244
}

.lead_popup{}
.lead_popup .alert{ margin-bottom: 0 }
.lead_popup .form-group-submit, .lead_popup .form-group-submit button{ margin-bottom: 0 }
.lead_popup button.btn-token{padding:7px 12px; font-size: 13px; margin: 0 3px }
.lead_popup button.btn-token.body-token{ margin-right: 0 }
.lead_popup .form-group{ display: table; width: 100% }

.form-group-b .col-md-7{ padding: 0 }
.form-group-b .col-md-7 .radio-inline{ padding-left: 0 }

.table-responsive .table .form-group-b .col-md-7 .radio-inline span::after{left:5px}

@media screen and (max-width: 960px) {
    .show-data {
        left: 10%;
    }
}
@media screen and (max-width: 750px) {
    .show-data {
        left: 2%;
    }
}
@media screen and (max-width: 700px) {
    .show-data {
        left: 0;
    }
}



.contact_info{ display: inline-block; width: 100%; padding:25px 0 0}
.contact_info a{margin-top: 14px;display: inline-block; background:#525252; border-color: #525252; font-size:12px;color: #fff;padding: 1px 10px;border-radius: 3px;}
.user_img{ float: left; border-radius: 50px; overflow: hidden; width: 50px }
.user_name, .user_working{ float: left; }
.user_name{ margin:0 0 0 15px}
.user_working .btn-group.bootstrap-select, .user_working .btn-group.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width:110px; margin:8px 0 8px 15px}
.user_social a, .user_info_right a, .widget-container-b table.table td a{height:18px; line-height:18px; border-radius:3px; padding:0 3px; float: left; margin: 0 2px; }
.user_social a.fa-envelope-o, .widget-container-b table.table td a.fa-envelope-o{ line-height: 17px }
/*.widget-container-b table.table td a.fa-mobile{ width: 18px; text-align: center; }*/
.user_social a:hover, .user_info_right a:hover, .widget-container-b table.table td a:hover{ }
.user_working .btn-group.bootstrap-select button.dropdown-toggle.selectpicker, .widget-container-b .btn-group.bootstrap-select    .btn-default, .email_form .form-group .btn-group.bootstrap-select .btn-default{
    color: #333;
    background-color: #fff;
    border-color: #ccc; font-weight: 400
}


.user_social a.toggle_tag{background:#525252; border-color: #525252; font-size:12px }
.user_social a.toggle_tag i{font-size:13px; margin:3px 5px 0 0 }
.tag_bottom{ float: left; margin:0 0 0 10px; width: 170px }
.contactprofile.contact_widget_container .tag_bottom .input-group .form-control{ height: 30px }
.tag_bottom .input-group{margin-top:0}
.tag_bottom_inner{margin-top: 0;}
.tag_bottom_inner p.help-block{ margin-bottom: 0 }

.right_content{ float: right; }
.right_content_inner{ float: left; }

.callerid{ float:left; margin: 0 0 0 10px; }
.callerid label{ float: left; margin: 7px 5px 0 0;}
.callerid select{ float: left; width: 140px; margin-bottom: 0; height: 30px; padding: 6px }
.call_option_outer{ float: left; margin: 0 0 0 10px }

.widget-container-b table.table td a{ float: none; margin:0 0 0 2px; width: 19px; text-align: center; padding: 0}
.widget-container-b table.table td a.fa-envelope{ font-size: 10px; line-height: 16px }

.user_working .btn-group.bootstrap-select ul.dropdown-menu li.dropdown-header, .email_form .form-group .btn-group.bootstrap-select .dropdown-menu > li.dropdown-header{ padding:3px 10px; font-weight:600; color:#6f6f6f}
.user_working .btn-group.bootstrap-select ul.dropdown-menu li a, .email_form .form-group .btn-group.bootstrap-select .dropdown-menu > li > a{border:0; padding:6px 0 4px 15px; margin: 0}
.user_working .btn-group.bootstrap-select button.dropdown-toggle.selectpicker .caret, .widget-container-b .btn-group.bootstrap-select .btn .caret, .email_form .form-group .btn-group.bootstrap-select .btn .caret{border-top-color:#333}
.widget-container-b .btn-group.bootstrap-select .dropdown-menu > li > a{margin: 0; padding: 9px 12px }
.user_name h4{ font-weight: bold; margin: 0;}
.user_name .user_social { float: left; margin: 0 0 0 10px }

.user_info_right{float: right; margin:15px 0}
.user_info_right a{ background: none; border-color:#a9a9a9; color:#a9a9a9}
.user_info_right a:hover{ color: #fff }

.widget-container-b h4{margin:1px 0; font-size:13px; font-weight:600; text-transform:uppercase; color: #666}
.widget-container-b table{ margin: 0 }
.widget-container-b table.table{ border-top:1px solid #eceeef }
.widget-container-b table.table tr{border-bottom: 1px solid #eceeef;}
.widget-container-b table.table tr:hover{ background: #faf9f9 }
.widget-container-b table.table th{width:150px; border:0; background:#F7F7F7; padding:8px 15px; color: #969696}
.widget-container-b table.table td{width:300px; border:0; padding:8px 15px; color: #969696}
/*.widget-container-b table.table td[colspan="4"]{ padding: 8px 0 }*/
.widget-container-b table.table td.groupname{ padding: 0 }
.widget-container-b table.table td.groupname table{ border:0 }

.widget-container-b table.table td i.edit_icon{opacity:0; float:right; color:#FB8C00; margin:2px 0 0; font-size: 18px; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s;}
.widget-container-b table.table td:hover i.edit_icon{opacity:1}


.widget_tabs{padding: 25px; }
.widget_tabs table.table{margin-bottom:0}
.widget_tabs .nav-tabs{ margin: 0; border: 0 }
.widget_tabs .nav-tabs>li{margin:0;}
.widget_tabs .nav-tabs>li a{}
.widget_tabs .nav-tabs>li a, .widget_tabs .nav-tabs>li.active a{border:0; background:#efefef !important; border-color:#dadada !important; border-radius:50px; padding:2px 7.8px; margin:0 6px 0 0; color:#5b5a5a !important; font-size:12px}
.widget_tabs .nav-tabs>li.active a{background:#EB930E !important; border-color: #da890e !important; color:#fff !important}
.widget_tabs .tab-content{margin-top:15px}
.widget_tabs .tab-content h3{margin:0 0 5px}

.note_text_panel, .note_disp_panel{width:100%; display:table;}
.note_text_panel{padding-bottom:15px}
.note_user{width:40px; height:40px; border-radius:50%; float:left; overflow:hidden;}
.note_text, .user_note{width:299px; float:left; margin:0 0 0 15px}
.text_area_button{margin-top:5px;}
.text_area_button a, .user_note_inner .user_note_btn a{background:#46CA5E; padding:0 5px; font-size:12px; border-radius:3px; color:#fff; float:left; margin: 0 3px 0 0; height: 19px; line-height: 18px}
.text_area_button a.cancel, .user_note_inner .user_note_btn a.delt{background:#FD3C31}
.note_panel_inner{border-bottom:1px solid #ddd; padding:10px 0; display:table; width:100%; position: relative; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s;}
.user_note{margin-left:10px; width:320px}
.user_note a{float:right; font-size:13px; color:#3994C6}
.user_note span{font-size:13px; float:left; width:270px}
.user_note_inner{margin-top:0}
.user_note_btn{ float: right; opacity:0; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s}
.user_note_btn span{ width: auto }
.user_note_inner .user_note_btn a{background:#FB8C00; padding:1px 5px 2px}
.user_note_inner .user_note_btn a.delt{ margin: 0 }
.note_panel_inner:hover{border-bottom-color:#3994C6; background:#f8f8f8}
.note_panel_inner:hover .user_note_btn{ opacity: 1 }

.note_panel_inner .fa-comment{position:absolute; left:-10px; top:6px; background:#F87B5B; border-radius:50px; color:#fff; width:22px; height:22px; line-height:16px; font-size: 10px; text-align: center; border: 2px solid #fff}
.email_form{}
.email_form .form-group .btn-group.bootstrap-select .dropdown-menu > li > a{ margin: 0 }
.email_form .form-group, .email-form .form-group{margin-bottom:10px; width:100%}
.widget_tabs_nw .form-group{margin-bottom:10px}
.email_form .form-group label{ display: block; }
.email_form .form-group .select_token{ margin: 0 }
.email_form .form-group .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .form_email .form-group{width:49%; margin: 0}
.email_form .form-group .select_token ul.dropdown-menu{ min-height:200px !important, max-height:250px !important }
.email_form .form-group label span{float:right}
.email_form .form-group label span a{font-size:13px; color:#3994C6; position: relative; padding:0 7px 0 5px}
.email_form .form-group label span a:before{content:''; width:1px; height:10px; background:#3994C6; position:absolute; right:0; top:3px}
.form_email .form-group{ margin-bottom: 0 }
.form_email .form-group+.form-group, body .email_form .form-group .bootstrap-select.btn-group.select_token:not(.input-group-btn){ margin-left:1% }
.cust_style{  float: none !important;   display: inline-block;  vertical-align: top;  width: 24.6% !important;}



.smalltitle{ padding:0 0 8px }
.smalltitle i{ margin-right:5px }
.event_box-append {margin-top:15px;}
.event_box-append span{background:#eee; border-radius:3px; border:1px solid #ccc; padding:2px 6px; display:inline-block; font-size:13px; margin:0 7px 0 0}
.event_box-append span i{color:#aaa; margin-right:4px; font-size:14px}
.event_box-append span:hover i{color:#c00; cursor:pointer;}
#livetags a {
    color: #fff;
    display: inline-table;
    padding: 5px 10px;
    text-align: left;
    font-weight: bold;
    background: #3994C6;
    position: relative;
    margin: 0 5px 5px 0;
}
.new-tag span {
    background: #eee;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 2px 6px;
    display: inline-block;
    font-size: 13px;
    margin: 0 7px 7px 0;
}
.livetags a {
    color: #fff;
    display: inline-table;
    padding: 5px 10px;
    text-align: left;
    font-weight: bold;
    background: #3994C6;
    position: relative;
    margin: 0 5px 5px 0;
}
#new-tag span {
    background: #eee;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 2px 6px;
    display: inline-block;
    font-size: 13px;
    margin: 0 7px 7px 0;
}
td.hvr_email_td{ position: relative; }
.hvr_email {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease; padding-left: 45px
}

.hvr_email_b{ padding-left: 25px }
.hvr_email_c{ padding-left: 35px }

.hvr_email .log_overlay i.fa {
    background: #EB901A;
    color: #fff;
    width: 21px;
    height: 18px;
    padding-top: 2px;
    border-radius: 3px;
    text-align: center; font-size: 13px; margin: 10px 1px 0
}

td.hvr_email_td:hover .hvr_email {
    opacity: 1;
}

.raking_panel{padding:0 0 15px; display: table; width: 100%}
.raking_panel_inner{border-radius: 5px; border:1px solid #acacac; display: table; width: 100%}
.usr_img{width:53px; height:50px; text-align:center; line-height:50px; border-right:1px solid #acacac; float: left;}
.usr_img img{ width: 43px; height: 40px; border-radius: 5px }
.raking_panel_sub{padding:10px; display:table; width:94%}
.ghost_icon{margin:0 10px 0 0; float: left;}
.pac_points{margin:0; float: left; position: relative; padding:0 0 0 5px}
.pac_points img{margin:0; float: left; position: absolute; left:0; z-index:9}
.score_transp_bar{ background: #fff; opacity: .5; position: absolute; left:0; width:0; height:20px; margin:0 0 0 5px }

.pac_points_inner{width:912px; float: left;}
.pac_points_sub{float:left; margin:10px 0}
.pac_points_sub span{width:6px; height:6px; margin:2px 3px; background: #707070; border-radius: 50px; float: left; }
.pac_points_sub span:last-child{width:10px; height:10px; margin:0 3px}

.pac_count_btn{ float: right; }
.pac_count{width:118px; height:28px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; line-height:26px; background:#acacac; border:1px solid #7e7e7e; border-radius:5px; float: left;  -moz-box-shadow:0 0 10px rgba(0,0,0,.5); -webkit-box-shadow:0 0 10px rgba(0,0,0,.5); box-shadow:0 0 10px rgba(0,0,0,.5); }
.pac_count+.pac_count{margin:0 0 0 5px}

.raking_panel_btm{padding:4px 0 0; float: left; }
.raking_panel_btm .user_nam{opacity:0; color:#fff; width:156px}
.raking_panel_btm_inner{float:left; margin:0 0 0 25px; font-size:14px; color:#656565; font-weight:bold; position:relative;}
.raking_panel_btm_inner span, .game_rating_icon span.gme_pont{margin:0; line-height:17px; width:17px; height:17px; background:#413E94; border-radius:50%; position: absolute; left:-10px; top:0; font-size:10px; text-align:center; color: #fff}

.raking_panel.raking_color_a .raking_panel_btm_inner span{background:#e31e25}
.raking_panel.raking_color_b .raking_panel_btm_inner span{background:#009746}
.raking_panel.raking_color_c .raking_panel_btm_inner span{background:#01a0e2}
.raking_panel.raking_color_d .raking_panel_btm_inner span{background:#ef7f1b}
.raking_panel.raking_color_e .raking_panel_btm_inner span{background:#f272ad}
.raking_panel.raking_color_f .raking_panel_btm_inner span{background:#37ca37}


.user_nam{width:200px; float: left;  -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}
    .raking_panel:hover .raking_panel_btm .user_nam{opacity:1}

    .raking_panel_btm_inner img{margin:0 5px; height:22px}

    .user_nam span {
        background:#acacac;
        /*color:#fff;*/
        display:table;
        padding:0 5px 1px; min-width:54px; text-align:center; font-size:12px; margin:-5px 0 0;
        pointer-events:none;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
        -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.22);
        -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.22);
        -ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.22);
        -o-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.22);
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.22);
    }
    .user_nam span:after {
        border-left: solid transparent 5px;
        border-right: solid transparent 5px;
        border-bottom: solid #acacac 5px;
        top:-5px;
        content:" ";
        height:0;
        left:5px;
        margin-left:0;
        position: absolute;
        width: 0;
    }

    .game_rating{padding:10px 0; text-align: center; position: relative;}
    .game_rating b{color:#939393; margin:10px auto 0; font-size:14px; display:table; position:relative;}

    .raking_color_a .raking_panel_inner, .raking_color_a .raking_panel_inner .usr_img{border-color:#e31e25}
    .raking_color_a .raking_panel_inner .pac_count, .raking_color_a .raking_panel_btm .user_nam span{background:#e31e25; border-color:#b6161c}
    .raking_color_a .raking_panel_btm .user_nam span:after{border-bottom-color:#e31e25}
    .raking_color_b .raking_panel_inner, .raking_color_b .raking_panel_inner .usr_img{border-color:#009746}
    .raking_color_b .raking_panel_inner .pac_count, .raking_color_b .raking_panel_btm .user_nam span{background:#009746; border-color:#01612d}
    .raking_color_b .raking_panel_btm .user_nam span:after{border-bottom-color:#009746}
    .raking_color_c .raking_panel_inner, .raking_color_c .raking_panel_inner .usr_img{border-color:#01a0e2}
    .raking_color_c .raking_panel_inner .pac_count, .raking_color_c .raking_panel_btm .user_nam span{background:#01a0e2; border-color:#0077a9}
    .raking_color_c .raking_panel_btm .user_nam span:after{border-bottom-color:#01a0e2}
    .raking_color_d .raking_panel_inner, .raking_color_d .raking_panel_inner .usr_img{border-color:#ef7f1b}
    .raking_color_d .raking_panel_inner .pac_count, .raking_color_d .raking_panel_btm .user_nam span{background:#ef7f1b; border-color:#b55f12}
    .raking_color_d .raking_panel_btm .user_nam span:after{border-bottom-color:#ef7f1b}
    .raking_color_e .raking_panel_inner, .raking_color_e .raking_panel_inner .usr_img{border-color:#f272ad}
    .raking_color_e .raking_panel_inner .pac_count, .raking_color_e .raking_panel_btm .user_nam span{background:#f272ad; border-color:#b75582}
    .raking_color_e .raking_panel_btm .user_nam span:after{border-bottom-color:#f272ad}
    .raking_color_f .raking_panel_inner, .raking_color_f .raking_panel_inner .usr_img{border-color:#37ca37}
    .raking_color_f .raking_panel_inner .pac_count, .raking_color_f .raking_panel_btm .user_nam span{background:#37ca37; border-color:#269026}
    .raking_color_f .raking_panel_btm .user_nam span:after{border-bottom-color:#37ca37}

    .user_count:nth-of-type(02) .user_nam span, .user_count:nth-of-type(03) .user_nam span, .user_count:nth-of-type(04) .user_nam span{color:#fff}

    .game_rating_icon{ position: relative; }
    .game_rating_icon span{font-weight:600; color:#7b7b7b}
    .game_rating_icon span.gme_pont{left:30px; top:-5px; height:22px; line-height:22px; width: auto; padding:0 8px}
    .game_rating_icon img{margin:0 7px}

    .score_outer{}
    .score_outer .row{ margin:0}
    .score_outer .col-sm-2{ padding: 0}

    .score_list{padding:20px; border:1px solid #ddd; border-left:0; border-top:0}
    .score_list h4.score_title{ font-weight: bold; margin: 0}
    .score_list_inner{ padding:20px 0 0}
    .score_list_user{ float:left; position:relative;}
    .score_list_user img{ width: 43px; height: 40px; border-radius: 50px; border:1px solid #ddd; }
    .score_list_user span{ position: absolute; width: 20px; height: 20px; text-align: center; font-weight: bold; border-radius: 50px; background:#e31e25; left: 0; top:27px; font-size: 11px; line-height: 19px; color: #fff}
    .score_list_detail{padding: 0 0 0 50px }
    .score_list_detail h4{ margin:0; font-weight:bold; font-size: 14px}
    .score_list_detail span{margin:3px 0 0; display:table; font-size:13px}
    .score_list_detail span.score_date{margin:0; font-size:12px; color:#979797}
    .score_outer_b .score_list{padding:20px 0; border:0;}
    .score_outer_b .score_list h4.score_title{padding:0 20px; border-right:1px solid #ddd;}
    .score_outer_b .score_list .score_list_inner{border:1px solid #ddd; border-left:0; border-top:0; padding:20px}
    .score_last .score_list, .score_last .score_list h4.score_title, .score_last .score_list .score_list_inner{ border-right: 0 }
    .score_top_title{margin-bottom:15px; padding:10px; background:#EB4767; display:table; width:100%; text-align: center;}
    .score_top_title h4{color:#fff; font-weight:600; /* padding:6px 0; */ margin: 0}
    .margin_top{ margin: 15px 0 0 }
    .date_wrap{padding:9px 15px; background:#ebebeb; float: left; width: 100%; text-align:; font-weight:bold}
    .score_outer_c{}
    .score_outer_c .score_list{ padding: 0 }
    .score_outer_c .score_list .score_list_inner, .top_winner .score_list{border-color:#ebebeb}
    .element_center{ text-align: center; }
    .top_winner{padding: 0; width: auto; text-align: left; float: none; display: inline-table;}
    .top_winner .score_list{padding:5px 20px 30px}
    .no_margin{margin:0}

    .top_winner .fa-dollar{width:16px; height:16px; background:#FC9F00; color:#fff; border-radius:50px; line-height:16px; text-align:center; font-size:9px; float:left; margin:1px 3px 0 0}
    .gold{background:#FC9F00}
    .silver{background:#9F9F9F}
    .bronze{background:#CD7F32}
    .fa-trophy{font-size: 18px;}
    .gold-color{color:#FC9F00}
    .silver-color{color:#9F9F9F}
    .bronze-color{color:#CD7F32}

    .game_rating_outer .col-sm-2{padding:0;}

    .game_rating b span{padding: 0;
    min-width: initial;
    position: absolute;
    top:-15px;
    width: 22px;
    height: 22px;
    border-radius:50px;
    background: #413E94;
    text-shadow: none;
    line-height: 22px;
    right:-22px;
    font-size: 10px;
    color: #fff}

    .list_record{}
    .list_record .score_list .score_list_inner{border-right:0}

    .top_winer{margin-top:10px;border-bottom: 1px solid;}
    .top_winer div.col-sm-4{padding-left:0}
    .top_winer div.col-sm-4+.col-sm-4+.col-sm-4{padding-right:0}
    .top_winer .thumbnail{border-radius:5px}
    .top_winer .caption h4{font-size:15px; font-weight:700; margin:5px 0 0}
    .top_winer .caption h4 span{width:40px; height:3px; background:#EB4767; display:table; margin:10px auto 0}
    .top_winer .caption .wnr_score{margin:7px 0 0; font-size:13px}
    /*.top_winer .caption .wnr_score span{font-size:13px; font-weight:700; background:#4e835a} */

    .top_winer div.col-sm-4 .thumbnail{background:rgba(255,250,198,.4); border-color:#dbc6a0; padding:0;}
    .top_winer div.col-sm-4+.col-sm-4 .thumbnail{background:rgba(215,198,255,.4); border-color:#b9a8e2}
    .top_winer div.col-sm-4+.col-sm-4+.col-sm-4 .thumbnail{background:rgba(198,255,210,.4); border-color:#91d5a0}

    .top_winer div.col-sm-4 .alert{background:#EB4767; color:#fff; margin:0 0 13px; border:0;}

    .top_winer div.col-sm-4 .alert, .top_winer div.col-sm-4 .caption .wnr_score span{background:#827152}
    .top_winer div.col-sm-4 .caption .wnr_score span{font-size:13px; font-weight:700; border-radius:4px; color: #fff; display: table; padding:1px 7px; margin:3px auto 0} 
    .top_winer div.col-sm-4+.col-sm-4 .alert, .top_winer div.col-sm-4+.col-sm-4 .caption .wnr_score span{background:#645783}
    .top_winer div.col-sm-4+.col-sm-4+.col-sm-4 .alert, .top_winer div.col-sm-4+.col-sm-4+.col-sm-4 .caption .wnr_score span{background:#4e835a}
    
    .label_title{margin:0; padding:3px 0;background: #f3f5f7;color: #000;font-weight: 400}
    .top_winer .thumbnail.content{width:100%; display:table; border:0; margin:0; padding:7px 10px; background:none}
    .top_winer .thumbnail.content img{ float: left; width: 50px; height: 50px; border-radius:50px; border:1px solid #ccc; padding:5px; margin-right:15px}
    .top_winer .thumbnail.content .caption{padding:16px 0}
    .top_winer .thumbnail.content .caption h4{ float: left; margin: 0}
    .top_winer .thumbnail.content .caption .wnr_score{ float: right; margin: 0 }

    /*.top_winer .thumbnail.content .caption .wnr_score span{background:rgba(255,250,198,.4); border:1px solid #dbc6a0; padding:4px 10px; border-radius: 4px}*/

    .top_winer_single{margin-top:10px}
    .top_winer_single div.col-sm-4{padding-left:0}
    .top_winer_single div.col-sm-4+.col-sm-4+.col-sm-4{padding-right:0}
    .top_winer_single .thumbnail{border-radius:5px}
    .top_winer_single .caption h4{font-size:15px; font-weight:700; margin:5px 0 0}
    .top_winer_single .caption h4 span{width:40px; height:3px; background:#EB4767; display:table; margin:10px auto 0}
    .top_winer_single .caption .wnr_score{margin:7px 0 0; font-size:13px}
    .top_winer_single .caption .wnr_score span{font-size:13px; font-weight:700; background:#4e835a;color: #fff;
    padding: 3px 10px;} 

    .top_winer_single div.col-sm-4 .thumbnail{background:rgba(255,250,198,.4); border-color:#dbc6a0; padding:0;}
    .top_winer_single div.col-sm-4+.col-sm-4 .thumbnail{background:rgba(215,198,255,.4); border-color:#b9a8e2}
    .top_winer_single div.col-sm-4+.col-sm-4+.col-sm-4 .thumbnail{background:rgba(198,255,210,.4); border-color:#91d5a0}

    .top_winer_single div.col-sm-4 .alert{background:#EB4767; color:#fff; margin:0 0 13px; border:0;}

    .top_winer_single div.col-sm-4 .alert, .top_winer_single div.col-sm-4 .caption .wnr_score span{background:#827152}
    .top_winer_single div.col-sm-4 .caption .wnr_score span{font-size:13px; font-weight:700; border-radius:4px; color: #fff; display: table; padding:1px 7px; margin:3px auto 0} 
    .top_winer_single div.col-sm-4+.col-sm-4 .alert, .top_winer_single div.col-sm-4+.col-sm-4 .caption .wnr_score span{background:#645783}
    .top_winer_single div.col-sm-4+.col-sm-4+.col-sm-4 .alert, .top_winer_single div.col-sm-4+.col-sm-4+.col-sm-4 .caption .wnr_score span{background:#4e835a}



    /** Farhan's css start here */
    .teamb-custom-alert-1,
    .teamb-custom-alert-2,
    .teamb-custom-alert-3,
    .teamb-custom-alert-4,
    .teamb-custom-alert-5,
    .teamb-custom-alert-6{
        color: #fff;
        padding: 2px 15px;
        font-weight: 700;
    }
    .teamb-custom-alert-1{
        background: #827152;
        border: 1px solid #827152;
    }
    .teamb-custom-alert-2{
        background: #645783;
        border: 1px solid #645783;
    }
    .teamb-custom-alert-3{
        background: #4e835a;
        border: 1px solid #4e835a;
    },
    .teamb-custom-alert-4{
        background: #827152;
        border: 1px solid #827152;
    }
    .teamb-custom-alert-5{
        background: #a204ad;
        border: 1px solid #a204ad;
    }
    .teamb-custom-alert-6{
        background: #4e835a;
        border: 1px solid #4e835a;
    }
    .teamb_score_list .score_list .score_list_inner{
        border-right: 0;
        border-bottom: 0;
        margin-bottom: 0px;
    }
    .teamb_sales_rank_color_1,
    .teamb_sales_rank_color_4,
    .teamb_sales_rank_color_7,
    .teamb_sales_rank_color_10{
        background: rgba(255,250,198,.4);
        border-color: #dbc6a0 !important;
    }
    .teamb_sales_rank_color_2,
    .teamb_sales_rank_color_5,
    .teamb_sales_rank_color_8,
    .teamb_sales_rank_color_11{
        background: rgba(215,198,255,.4);
        border-color: #b9a8e2 !important;
    }
    .teamb_sales_rank_color_3,
    .teamb_sales_rank_color_6,
    .teamb_sales_rank_color_9,
    .teamb_sales_rank_color_12{
        background: rgba(198,255,210,.4);
        border-color: #91d5a0 !important;
    }
    .teamb .tooltip {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    /* ... */
  }
  .teamb  .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
  }
  .teamb .score_top_title{
    background: none;
    border: 1px solid #ccc;
    bottom: 5px;
    position: relative;
  }
  .teamb .score_top_title h4{
    color: #5a5757;
  }
  .teamb .winning_trophy_1 img{
    position: relative;
    left: -26px;
    top: 13px;
    width: 25px;
  }
  .teamb .winning_trophy_2 img{
    position: relative;
    right: -26px;
    top: 13px;
    width: 25px;
  }
  .teamb .score_list_detail span{
    margin: 3px 0 0;
    display: table;
    font-size: 13px;
    padding: 0px 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  #exTab1 .nav-pills > li a {
    color: #6b1d2d; text-transform:uppercase; font-weight:700; padding:10px 29; border-radius: 0; background: #b93650
  }
  #exTab1 .nav-pills > li > a:hover{
    background: #a22c44
   
  }
  #exTab1 .nav-pills > li.active > a{
    border-radius: 0;
    color: #fff; background: none;
    background:#EB4767; cursor: default;
  }
  
  /*#exTab1 .nav-pills > li+li a{border-left:1px solid rgba(255,255,255,.4)}*/
  #exTab1 .nav{
    margin:0 auto; display: table;
  }
  #exTab1 .nav li{ margin: 0 }

  #exTab1 .date_wrap{margin-bottom:15px;}

  #exTab1 .row{margin:15px 5px 0}

  .thumbnail{}
  .points_thumbnail{ padding: 10px 0 0; }
  .points_thumbnail .score_list_user{ float: none; display:inline-table; padding-bottom:25px}
  .points_thumbnail .caption{padding:0}
  .points_thumbnail .caption h4{ font-weight: 500; padding-bottom:5px}

  .point_tabs_outer{background:#cb3c58; }

  #exTab1 .score_top_title{background:#f1f1f1; padding:0}
  #exTab1 .score_top_title h4{font-size:14px; color:#000; font-weight:500; padding:15px 0}
  #exTab1 .score_top_title h4 img{ height: 18px; margin: 0 5px 0 0 }
  #date_rank .row{ margin:5px 0 0}

  /*.btn-group > .seting_icon{ background: none; padding: 0 }*/
  .btn-group >  i.seting_icon{ font-size: 20px; color:#007aff; margin:8px 0 0 12px; cursor: pointer;}

  .table td.actions.setting_acton .btn-group.open .dropdown-toggle{ box-shadow: none }

  .score_alert{ margin: 0 }
  .score_list_content {
    box-shadow: 0px 3px 7px 2px #f3f5f7;
    padding: 2px;
    margin-bottom: 20px;
  }
  .score_list_content_1{ background: #f9f9f9}
  .score_list_content_2{ background: #ccc}
  .score_list_content_3{ background: #ddd}
  .contst_outer .score_list_content i{
    color: #fff;
  }
  .sales_contest_wn_1,
  .sales_contest_wn_2,
  .sales_contest_wn_3{
    color: #fff;
    padding: 2px 15px;
    font-weight: 700;
  }
  .top_winer-cnt .sales_contest_wn_1{
    background: #009746;
    border: 1px solid #009746;
  }
  .top_winer-cnt .sales_contest_wn_2{
    background: #e31e25;
    border: 1px solid #e31e25;
  }
  .top_winer-cnt .sales_contest_wn_3{
    background: #01a0e2;
    border: 1px solid #01a0e2;
  }
  .top_winer-cnt{
    margin-left: 0;
    margin-top: 15px;
  }


    .pagination-range{ display: inline-table; line-height: 34px; height: 34px; font-weight: bold;}

 .pagination-range+.pagination{ margin: 0 0 15px }
 .pagination-range+ul.pagination li.active a{ border-color: #EB4767 }

 .pagination{width:100%; margin:0}
 .pagination .pagination.ul-paging-new{width:auto; margin: 0}


 .outer-panel .thumbnail .caption img{ width: 30px }
.icon-nav .icon-menu {background: transparent; box-shadow: none;}

.camptabs_new{ margin-bottom: 15px }
.camptabs_new ul{ background: #f7f7f7}
.camptabs_new ul li+li a{ border-left: 1px solid #eaeaea }
.camptabs_new ul li a{ color: #989898; border-radius: 0; line-height: initial; padding:12px 0; border-top:2px solid #f7f7f7; border-bottom:1px solid #eaeaea}
.camptabs_new ul li a i{ display: table; margin:0 auto 5px; font-size: 16px; color: #989898}
.camptabs_new ul.nav-pills > li.active{ border-left: 1px solid #eaeaea; cursor: default; }
.camptabs_new ul.nav-pills > li.active > a, .camptabs_new ul.nav-pills > li.active > a:hover, .camptabs_new ul.nav-pills > li.active > a:focus{ background: #fff; border-color: #EB901A; color:#EB901A; border-left:#eaeaea; border-bottom:1px solid #fff; cursor: default;}
.camptabs_new ul.nav>li>a:hover, .camptabs_new ul.nav>li>a:focus{ border-top-color:#eee }
.timeConstraints_box{background:#f8f8f8; border:1px solid #ccc; border-radius:3px; padding:20px 15px 15px; display:table; width:100%; }

.widget-container .heading.camp_submenu{ padding: 5px 0 0; height: auto }
.widget-container .heading.camp_submenu ul.nav.nav-tabs{ margin: 0; border-bottom-color: #eaeaea }
.widget-container .heading.camp_submenu ul.nav.nav-tabs>li>a{ border: 0 !important; padding:6px 11px; background: none !important; color: #989898 !important; font-size: 14px}
.widget-container .heading.camp_submenu ul.nav.nav-tabs>li.active>a{ background: none; border-bottom:2px solid #73460D !important; color: #73460D !important; font-weight: bold; }

.camp-tabs-contents{ padding:15px 0 0}
.camp_tab_flied{ margin-top: 10px }
.camp_tab_flied label{ padding:7px 0 0; margin:0}
.camp_tab_flied label a i{ color: #e62828 }
.camp_tab_flied a i.fa-edit{ margin: 10px 0 0 }

.camp-tabs-contents table.table{ margin: 0 }


.edit_inbond{}
.edit_inbond i{ margin-top: 10px }



.sms_buttons{ display: table; width: 100%; margin: 0 }

.email_batch_content{}
.email_batch_content h2{ font-size:18px; font-weight: 500; }
.email_batch_content h2 i{ font-size: 13px; position: relative; top: -1px; margin: 0 5px 0 0; color:#EB901A }

.email_result{margin-top:15px; padding-top: 15px; border-top: 1px solid #eee;}
.email_result h4{ font-size:14px; font-weight: 400;}
.email_result h4 span.stats_titl{ font-weight: 600;}


.two_column{}
.two_column .col-md-6.column2 .col-md-12{ padding-left: 0 }
.two_column .col-md-6.column2+.col-md-6.column2 .col-md-12{ padding-right: 0 }

.widget-container.fluid-height.widget_tabs.widget_tabs_nw{ padding: 15px; overflow: initial; }
.widget_tabs_nw .note_text_panel+hr{ margin: 0 0 15px }

.widget_tabs_nw .chat{ padding: 0 }
.widget_tabs_nw .chat p.pull-left{ margin: 0; padding:6px 0 10px}
.widget_tabs_nw .chat .form-group.col-md-4{ padding-right:0; margin-bottom: 10px}
.widget_tabs_nw .chat select.form-control{ padding: 3px 0 3px 7px }
.widget_tabs_nw .chat br{ display: none }
.widget_tabs_nw .chat br+a{ margin: 10px 0 0 }
.navtop_page_title{ padding: 0; margin: 0; border: 0; box-shadow: 1px 0 5px rgba(0,0,0,.1); border-top: 1px solid #e8eef3; border-radius: 0 }
.navtop_page_title .panel-body{ padding: 15px 10px }
.navtop_page_title .panel-body button.btn, .right_content_inner button.btn{margin:0; padding:4px 10px 6px; line-height: initial; font-size: 12px; border-radius: 50px; background: #e5e9ee; color: #8d9196 }
.navtop_page_title .panel-body button.btn i, .right_content_inner button.btn i{font-size:10px; margin:0 3px 0 0; }
.navtop_page_title .panel-body button+button.btn, .right_content_inner button+button.btn{margin:0 0 0 5px; background: #21AE8C; color: #fff}
.navtop_page_title .panel-body button+button.btn i, .right_content_inner button+button.btn i{margin:0 0 0 3px}
.navtop_page_title .panel-body select.form-control{ height: 27px; padding: 3px 5px; font-size: 13px; }

.right_content_inner button.btn, .right_content_inner button+button.btn{ margin-top:2px }

.navtop_page_title .panel-body .call-option img{ height: 23px; margin: 2px 0 0; }

.contact_widget_container{ padding: 5px }
.contact_widget_container .contact_info{ padding: 10px 0 0 }
.contact_widget_container .user_social .contact_info a.toggle_tag{ height: 18px }

.contact_widget_container .widget-container-c{ padding:10px 0 0 }
.contact_widget_container .widget-container-c .with-nav-tabs{ margin-bottom: 0 }
.contact_widget_container .widget-container-c .panel-body{ padding:15px 0 0}

.contact_widget_container .widget-container-c .with-nav-tabs .panel-heading{ background: none }
.contact_widget_container .widget-container-c .with-nav-tabs .panel-heading .nav-tabs{ margin: 0; background: none; border: 0; /*border-left:1px solid #D7DBDA*/}
.contact_widget_container .widget-container-c .with-nav-tabs .nav-tabs > li{ margin: 0;  }
/*.contact_widget_container .widget-container-c .with-nav-tabs .nav-tabs > li:last-child{ border-right:1px solid #D7DBDA}
.contact_widget_container .widget-container-c .with-nav-tabs .nav-tabs > li+li{ border-left:1px solid #D7DBDA}*/
.contact_widget_container .widget-container-c .with-nav-tabs .nav-tabs > li > a{ /*margin:0; padding:7px 12px; font-size:12px; border:0 !important; background:none !important; border-top:0 !important; color:#009efb !important; text-transform: capitalize; font-weight: 500; border-radius:50px; line-height: initial;*/}
.contact_widget_container .widget-container-c .with-nav-tabs .nav-tabs > li > a i{ /*display: table; width: 100%; text-align: center;*/ font-size: 12px; margin:0 }
.contact_widget_container .widget-container-c .with-nav-tabs .nav-tabs > li.active a{ /*border-top-color: #EB930E !important; */ /*background:#1e88e5 !important; color:#fff !important;*/}

.sms_msm_log{ font-size: 13px; padding:0 0 13px; color:#7b7b7b}
.sms_msm_log span i{ font-size: 15px; margin: 0 5px 0 0 }
.sms_msm_log a{ color:#E85039 }
.sms_msm_log a i{ font-size: 13px; margin: 0 5px 0 0 }

.contact_widget_container .widget-container-b .table-responsive table.table thead>tr>th{padding:12px 15px; background:#E85039; color:#fff; border:0;}
.contact_widget_container .widget-container-b .table-responsive table.table tbody tr td{border-right:1px solid #ddd; padding:11px 15px; color:#666}
.contact_widget_container .widget-container-b .table-responsive table.table tbody{border-right:1px solid #ddd;}
.contact_widget_container .widget-container-b .table-responsive table.table tbody tr{border-bottom:1px solid #ddd; border-top: 0}

.contact_widget_container .widget-container-b .table-responsive table.table tbody tr td a{ color: #E85039; width: auto; margin: 0}
.contact_widget_container .widget-container-b .table-responsive table.table tbody tr td a i{ margin: 0 5px 0 0; font-size: 12px }

.contact_widget_container .widget-container-b .table-responsive table.table tbody tr:nth-child(even) {background:#f7f7f7;}

.col_9_adjst{ width: 85% }
.col_9_adjst .fileupload.fileupload-exists .btn{ margin: 0 1px 0 0 }
.col_1_adjst{ width: 15%; padding-left: 0 }
.col_1_adjst a.btn{ width: 100%; margin: 0 }

.contact_widget_container .fileupload-new{}
.contact_widget_container .form-horizontal label{ margin:0 0 3px; font-size: 13px }
.contact_widget_container .form-horizontal .fileupload-new{}
.contact_widget_container .form-horizontal .fileupload-new .btn-file, .contact_widget_container .form-horizontal .btn + .btn, .fileupload .input-group-btn .btn + .btn{ background:#666; border-color:#666; }
.contact_widget_container .form-horizontal a[data-dismiss="fileupload"], .fileupload .input-group-btn a[data-dismiss="fileupload"]{ background:#E85039; border-color:#E85039; }
.contact_widget_container .form-horizontal .fileupload-new .btn-file > input{ transform: translate(0, 0) scale(1);}

.contact_widget_container .lead_forms_documents_class .activity_row .note_activity{ line-height: initial; padding: 6px 10px; background: #f7f7f7; border-color:#dedede}
.contact_widget_container .lead_forms_documents_class .activity_row .note_activity a p{ margin: 0; color: #717171}
.contact_widget_container .lead_forms_documents_class .activity_row .note_activity a p strong{ font-weight: normal; }

.tab-heading .custom_datPicker.posit_right, .posit_right{ text-align: right; }
.tab-heading .custom_datPicker.posit_right .input-group{ float: none; display: inline; }

.padding_left_none{ padding-left: 0 }

.padding_left_none #sb_asr_submit select{ height: 25px }

.margin_zero{ margin: 0 }

.email_form .form-group.conversation_b{ margin: 10px 0 0 }
.radio_convertst{ float: right; }
.conversation .radio_convertst label{ margin: 0; display: inline; float: left; }
.conversation .radio_convertst label+label{ margin:0 0 0 15px}
.conversation .radio_convertst label input{ float: left; margin: 4px 4px 0 0}

.fileupload-exists{ margin-right: 0 }

.dailpaid_flied{ position: relative; }
.dailpaid_flied .btn-dial{ display: table-cell; position:absolute; top:5px; right:43px; font-size:9px; width:14px; background: #666; color: #fff; height:14px; padding:0 0 3px 3px; border-radius: 0 3px 3px 0; line-height: 13px; text-align: left;}
.dailpaid_flied .btn-dial:before{width:0; height:0; border-top:7px solid transparent; border-right:7px solid #666; border-bottom:7px solid transparent; content: ''; position: absolute; left:-7px}
.dailpaid_flied .btn-dial i.fa{ font-size: 9px; margin: 0 }
.dailpaid_flied .btn-dial:hover{ background: #E85039 }
.dailpaid_flied .btn-dial:hover:before{ border-right-color: #E85039}

.widget_tabs.widget_tabs_nw table.table tr, .widget_tabs.widget_tabs_nw table.table td, .widget_tabs.widget_tabs_nw table.table tr.dail_btn{ padding: 3px 0 }
.widget_tabs.widget_tabs_nw table.table tr.dail_btn td:last-child{ margin-right: 0 }
.widget_tabs.widget_tabs_nw table.table tr.dail_btn td{ margin: 3px 0; width: 76px }
.widget_tabs.widget_tabs_nw table.table tr.dail_btn td+td{ margin-left: 6px; }

.widget_custom_title{ font-weight: bold; margin: 0 0 10px; color: #343a40 }
.widget_tabs_nw a.btn i, .widget_tabs_nw button.btn i{ margin-right: 3px }
.widget_tabs_nw .form-group.form_group_last{ margin-bottom: 0 }
.widget_tabs_nw .form-group.form_group_last a, .widget_tabs_nw .form-group.form_group_last button{ margin-bottom: 0 }

.slider_range{ margin: 0 0 0 3%; width: 97% }

.widget_tabs_nw .datepicker{ padding: 0 }

.campaign_filter{}
.campaign_filter .form-group{ margin: 0 }
.campaign_filter .form-group label{ float: left; margin:0; line-height: 34px; font-size: 14px; color: #333 !important}
.campaign_filter .form-group input.form-control, .campaign_filter .form-group select.form-control{float: left; width:212px; margin: 0 0 0 10px; height:34px; line-height:34px; font-size:14px; padding: 0 10px}
.campaign_filter .form-group select.form-control{ width: 224px }
.campaign_filter .form-group input.btn{ height: 34px; font-size: 14px; padding: 5px 10px; margin: 0}

/*----------------- desktop notification design -----------------*/
.web_pushErrorMessageParent{ display: flex; justify-content: center; }
#web_pushErrorMessage a{ text-decoration: ; cursor: pointer; color:blue; }
#web_pushErrorMessage{min-width: auto; position: fixed; top: 0px; z-index: 999999;}
#web_pushErrorMessage .alert{-webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 2px 4px rgba(0,0,0,0.2); color: #222; padding: 6px 10px;}
#web_pushErrorMessage .alert-danger{background-color: #f9edbe; border: 1px solid #f0c36d; }
.web_pushDiffImage img{height: 100% !important; border-radius: 0 !important;}
.bell-icon{ position: fixed; bottom: 35px; left: 25px; border: 1px solid; border-radius: 100%; padding: 2px 5px; width: 50px; height: 50px; text-align: center; cursor: pointer;}
.bell-icon i{ top: 10px; position: absolute; left: 12px; font-size: 2em; }
.circle-ripple {animation: ripple 0.7s linear infinite; }
@keyframes ripple { 0% { box-shadow: 0 0 0 0 rgba(0,0,0, 0.3), 0 0 0 1.2em rgba(0,0,0, 0.3); } 100% { box-shadow: 0 0 0 1.2em rgba(0,0,0, 0.3), 0 0 0 1.25em rgba(0,0,0, 0.0); } }


/*----------------- Automation modal Popup Design -----------------*/
.automation_lg_popup{}
.automation_lg_popup .modal-dialog{ width: 920px; }
.automation_lg_popup .modal-dialog .modal-content{ background: #fff; border-radius: 10px; overflow: hidden;}
.automation_lg_popup .modal-dialog .modal-content .modal-header{ display: table; width: 100%; background: #fff}
.automation_lg_popup .modal-dialog .modal-content .modal_desp .form-group{ margin: 0; float: left; font-size: 14px}
.automation_lg_popup .modal-dialog .modal-content .modal_desp .form-group label{ float: left; margin: 0 10px 0 0; line-height: 34px; font-weight: bold;}
.automation_lg_popup .modal-dialog .modal-content .modal_desp .form-group.form_title input, .automation_lg_popup .modal-dialog .modal-content .modal_desp .form-group select{ width: 400px }
.automation_lg_popup .modal-dialog .modal-content .modal_desp .form-group select{ width: 140px }
.automation_lg_popup .modal-dialog .modal-content .modal-header h4.modal-title{ font-weight: bold; }
.automation_lg_popup .modal-dialog .modal-content .modal-header h4.modal-title span{ line-height: initial }
.automation_lg_popup .modal-dialog .modal-content .modal-header .close{ font-size: 30px; color: #E0E0E0; margin-top:-3px}
.automation_lg_popup .modal-dialog .modal-content .modal-header .close:hover{ color: #666 }
.automation_lg_popup .modal-dialog .modal-content .modal-body{ padding: 0 }
.modal_desp, .automation_popup_footer{width:100%; padding:15px; background:#f2f2f2; box-shadow:inset 0 -1px 0 0 #ebebeb; z-index: 3; display: table;}
.modal_desp .row{ margin:0 -8px  }
.automation_lg_popup .modal-dialog .modal-content .modal_desp .col-sm-8+.col-sm-4 .form-group{ float: right; }
.modal_desp_b{ background: #fff }
.select_automation{ margin: 0; padding: 24px 0 24px 24px; display: table; width: 100%}
.select_automation li{ width: 96px; float: left; list-style-type: none; margin:15px 23px 0; position: relative; cursor: pointer;}
.select_automation li .trigger_icon{width:96px; height:96px; border:2px solid #e0e0e0; border-radius:10px; margin:0; /*position:relative; overflow: hidden;*/ text-align: center; line-height:116px}
.select_automation li .trigger_icon i{ font-size: 48px; color: #4073B5}
.select_automation li span{ text-align: center; height: 35px; display: table; width: 100%; line-height: initial; margin: 8px 0 0; font-size: 13px; font-weight: bold;}
.select_automation li input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0; z-index: 1; display:block !important; opacity: 0; cursor: pointer;}
.select_automation li.active{}
.select_automation li.active .trigger_icon{ border-color: #4073B5; background: #F2F2F2 }
.select_automation li:hover .trigger_icon{background: #F2F2F2 }
.automation_popup_footer{ padding:15px 15px 0 }
.automation_popup_footer label{ line-height: 40px; margin: 0; font-weight: bold;}
.automation_popup_footer .select2-container-multi .select2-choices{ padding-top: 0; min-height:40px; }
.automation_popup_footer .select2-container-multi .select2-choices .select2-search-choice{ margin: 5px; padding: 5px 6px 6px 20px }
.automation_popup_footer .select2-container-multi .select2-search-choice-close{ left: 7px }
.automation_popup_footer .row{ margin: 0 -8px }
.automation_popup_footer button.btn{ padding: 7px 12px; text-transform: uppercase; font-weight: bold; font-size: 14px}
.automation_popup_footer .select2-container-multi .select2-choices .select2-search-field input{ padding:9px 15px; margin: 0}

 .opacity .sip_setting .radio-inline{ padding-top: 0 }

 .slip_setting_panel{ display: table; width: 100%; }
 .slip_setting_panel .control-label{ margin-top: 8px }
 .slip_setting_panel .radio-inline{ margin-top: 7px }
 .slip_setting_panel .col-md-3{ padding-right: 0 }

 .code_listing{}
 .code_listing .table thead th{ white-space: nowrap; }

 .opacity .code_listing .table .checkbox-inline{ padding-top: 0; padding-left: 2px}

 .code_listing .table tr td{ border: 0  }
 .code_listing .table thead>tr>th{ padding:10px 8px; font-size: 13px; background:#eee; border: 0; color: #1d1d1d; text-transform: uppercase;}
 .code_listing .table thead>tr>th> input.btn, .code_listing .table tbody>tr>td> input.btn{ margin: -4px -3px -3px 0; font-size: 12px; line-height: initial; }
 .code_listing .table tbody>tr>td> input.btn{ margin:0 }
 .code_listing .table tbody>tr>td{ padding: 8px }
 .code_listing .table tr:nth-child(even) {background: #f7f7f7}

 .leads_flied{}
 .leads_flied .form-group{ margin-right: 0; float: left; }
 .leads_flied .form-group input.form-control{ width: 156px; padding-right: 0 }

 .leads_counts{ float: right; }
 .leads_counts_inner{ float: left; font-size: 14px; color: #333 !important; margin:7px 0;}
 .leads_counts_inner span{ font-weight: bold; }
 .leads_counts_inner+.leads_counts_inner{margin-left:10px}

 .getcampaignstatus{}
 .getcampaignstatus .modal-content{ background: #fff }
 .getcampaignstatus ul{ padding: 0; margin: 0; }
 .getcampaignstatus ul li{ list-style-type: none; padding: 8px 10px; margin: 0; color: #6d6c6c}

 .getcampaignstatus ul li:nth-child(even) {background: #efefef !important}
 .getcampaignstatus label.control-label{ font-weight: bold; display: table; width: 100%; margin:0 0 10px}

 .getcampaignstatus .modal-header{ display: table; width: 100% }
 .getcampaignstatus .modal-header .modal-title{ font-weight: bold; float: left; line-height: 27px}
.getcampaignstatus .modal-header a.btn{ margin:-3px 0 -4px; padding:7px 15px; font-size:13px; float:right; font-weight:600; letter-spacing: .25px; height: 34px}

 .opacity .getcampaignstatus ul li .checkbox-inline{ padding-left: 0; padding-top: 0; margin-right: 10px; margin-bottom: 0; vertical-align: top; }

 .getcampaignstatus .flied_from{ width: 46%; float: left; }
 .getcampaignstatus .flied_from+.flied_from{ margin-left:10px }
 .getcampaignstatus .flied_to label, .getcampaignstatus .flied_from label{ margin: 0 10px 0 0; line-height: 28px }

 .getcampaignstatus .flied_to input.form-control, .getcampaignstatus .flied_from input.form-control{ height: 28px; padding-right: 6px  }

 .getcampaignstatus .form-group select.form-control{ padding: 6px 0 6px 6px }

 .getcampaignstatus .col-md-6{ width: 484px }
 .getcampaignstatus .col-md-4{ width: 220px }
 .getcampaignstatus .col-md-2{ width: 224px; padding-right: 0 }


 /* email inbox app */
.email-app .p-0{ padding: 0px; } 
.email-app .right-side .checkbox-lg input[type="checkbox"] + span::before{ width: 24px !important; height:24px !important; } 
.email-app .left-side{ background-color: #f2f2f2; position: relative; }  
.email-app .list-group{ box-shadow: none; } 
.email-app .list-group-item{ padding: 15px 15px; box-shadow: none;border-top: 1px solid #ccc;background: transparent; } 
/* .email-app .compose-btn{ margin: 15px; padding: 5px 0; } */
.email-app .right-side{ background-color: #fff; padding:  0px;border-left: 1px solid #ccc;}
.email-app .right-side .search-text{ padding: 4px 15px;height: 41px;}
.email-app .right-side .btn-outline{ font-size: 1.8rem;background: transparent; border: 1px solid #11868a; color: #11868a;}
.email-app .right-side .user-area img{ width: 30px;border-radius: 50%; }
.email-app .right-side .user-area i{ float: left; margin:10px; }
.email-app .right-side .user-area .username{ position: absolute; margin: 6px; color: #000; }
.email-app .right-side .email-text{ color: #000; }
.email-app .right-side tr:hover a{ color: blue; }
.email-app .badge{ float: right; border-radius: 0 }
.primary-color{ background-color:#137eff;color:#fff; }
.secondary-color{ background-color:#6c757d;color:#fff; }
.info-color{ background-color:#fa5838;color:#fff; }
.danger-color{ background-color:#4fc3f7;color:#fff;}
.success-color{ background-color:#5ac146;color:#fff; }
/* autoresponder new */
.arcamapign-tile{  }
.arcamapign-tile .campaign-title{ font-weight: 600; font-size: 17px; text-transform: capitalize; line-height:initial; padding:0 0 5px; color: #353535 }
.arcamapign-tile .created-by{ text-transform: capitalize; font-size: 12px; color: #333}
.arcamapign-tile .created-by span{ text-transform: capitalize; font-size: 12px; color:#7d7d7d; }
.autoresponder-new .interest-level{ font-size: 1.5em; }
.autoresponder-new .interest-value span{ margin: 0 4px; display: inline-table; width: 22px }
.extend-dropdown .dropdown-menu{ right: 0; left: inherit; }

.autoresponder-new{}
.autoresponder-new tr th{padding:0}
.autoresponder-new tr th{ text-transform: uppercase; font-weight: normal;}

.autoresponder-new tr th:first-child{ text-align: left; padding-left: 0 }
.autoresponder-new tbody tr td, .autoresponder-new tr th{ text-align: center; }
.autoresponder-new tbody tr td span.prsnt{ margin-left: 2px }

.respon_value{ cursor: pointer; }
.respon_value:hover .prsnt_hide, .respon_value .prsnt_show{ display: none }
.respon_value:hover .prsnt_show{ display: block; }


/*.autoresponder-new tbody tr td span:hover span.prsnt{ opacity: 0}
.autoresponder-new tbody tr td span:hover, .autoresponder-new tbody tr td span.prsnt_show{ display: none }
.autoresponder-new tbody tr td:hover span.prsnt_show{ display: block; }*/

.autoresponder-new .arcamapign-tile{padding:18px 0; text-align: left;}

.table.autoresponder-new td i{ font-size:30px }

.autoresponder-new .interest-level span{ margin:0 4px }
.autoresponder-new .interest-level span svg{ width: 22px }

.autoresponder-new .interest-level span{ margin:0 4px }
.autoresponder-new .interest-level span b{ vertical-align: top; }
.autoresponder-new .interest-level span.high svg, .track_interest_level span.high svg { fill: #a4ca54 }
.autoresponder-new .interest-level span.normal svg, .track_interest_level span.normal svg { fill: #2e91ca }
.autoresponder-new .interest-level span.low svg, .track_interest_level span.low svg { fill: #352e30 }

.autoresponder-new tbody tr td .btn-group{ margin: 0 }
.autoresponder-new tbody tr td .btn-group .btn-group .btn{ padding: 0; line-height: initial;}

.autoresponder-new tbody tr td .btn-group .btn-group .btn.dropdown-toggle:focus{ background:#007aff; color: #fff }

.autoresponder-new tbody tr td .btn-group .btn{ height: 33px; background:#ddd; color: #222 }
.autoresponder-new tbody tr td .btn-group .btn+.btn-group{ margin-left: 2px }

.autoresponder-new tbody tr td .btn-group .btn+.btn-group .dropdown-menu, .status_campgain_action .dropdown .dropdown-menu{ min-width: 80px; padding:6px 10px; left: initial; right: 0}
.autoresponder-new tbody tr td .btn-group .btn+.btn-group .dropdown-menu a, .status_campgain_action .dropdown .dropdown-menu a{ display: block; text-align: left; padding:6px 0; color:#555}
.autoresponder-new tbody tr td .btn-group .btn+.btn-group .dropdown-menu a:hover, .status_campgain_action .dropdown .dropdown-menu a:hover{ color: #007aff; }
.autoresponder-new tbody tr td .btn-group .btn+.btn-group .dropdown-menu a+a, .status_campgain_action .dropdown .dropdown-menu a+a{ border-top: 1px solid #ddd }

.stats_campaign_block{position:relative; border:1px solid #e7e6e6; margin-bottom:24px;}
.stats_campaign_block_title{height:77px; padding:22px 30px; font-size:22px; text-transform:uppercase; font-weight: bold; display: table; width: 100%; color: #333}
.stats_campaign_block_title span{ float: right; }
.stats_campaign_block_content{ padding: 35px 31px 33px }

.popupicon_stats_campaign{width:100%; padding:0 0 29px}
.popupicon_stats_campaign img+img{ margin-left: 31px }

.stats_campaign_block::after {
    content: '...';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    left: 50%;
    margin-left:32px;
    bottom:-9px; transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); font-size: 40px; color:#2e91ca}

.stats_progress_track{
    width: 100%;
    height: 2px;
    margin-bottom: 3px;
    background-color: #e7e6e6;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.stats_progress_track span.progress_red{background:#ec1940; display: table; height: 2px}

.stats_progress_label {
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 15px; float: left;
}

.stats_progress_values {
    position: relative;
    font-size: 16px;
    margin-left: 15px;
    margin-top: -2px;
    float: right; font-weight: bold; color: #333
}


.stats_progress_count {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    opacity: 0;
}


.stats_progress_count_prsnt {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
}

.stats_progress_widget{ display: table; width: 100% }
.stats_progress_widget:hover .stats_progress_track{ height: 4px; margin-top: -2px }

.stats_progress_widget:hover span.progress_red{ height: 4px; }

.stats_progress_widget:hover .stats_progress_count_prsnt{ opacity: 0 }
.stats_progress_widget:hover .stats_progress_count{ opacity: 1 }

.bars_wrap .stats_campaign_block_content:last-child{opacity:0; display:none}
.bars_wrap:hover .stats_campaign_block_content:first-child{opacity:0; display:none}
.bars_wrap:hover .stats_campaign_block_content:last-child{opacity:1; display:block;}

.stats_campaign_block_b{}
.stats_campaign_block_b .stats_campaign_block_title{ border-bottom:2px solid #f6f5f5; text-align: center;}


#wrapper{
    position: relative;
    display: table;
    transition: all 0.5s ease-out;
}
.center {
    left: 50%;
    -webkit-transform: translate( -50% );
    -ms-transform: translate( -50% );
    transform: translate( -50% );
}

/*===== The CSS =====*/
.progress{
    width: 180px;
    /*height: 180px;*/  /*this hight comment done by rizwan*/
    background: none; margin: 0 0 37px
}
.progress .track, .progress .fill{
    fill: rgba(0, 0, 0, 0);
    stroke-width: 1px;
    transform: rotate(90deg)translate(0px, -80px);
}
.progress .track{
    stroke: #e7e6e6;
}
.progress .fill {
    stroke: rgb(255, 255, 255);
    stroke-dasharray: 219.99078369140625;
    stroke-dashoffset: -219.99078369140625;
    transition: stroke-dashoffset 1s;
}
.progress.blue .fill {
    stroke: #ec1940;
}
.progress.green .fill {
    stroke: rgb(186, 223, 172);
}
.progress .value, .progress .text, .progress .no_prsnt {
    font-family: 'Open Sans';
    fill: rgb(0, 0, 0);
    text-anchor: middle;
   -webkit-transition-delay: 1s; /* Safari */
  transition-delay: 1s;
}


.progress .text {
    font-size: 12px;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
        cursor: default;
}

.progress:hover .value, .progress .no_prsnt{ display: none }
.progress:hover .no_prsnt{ display: block; }


.stats_progress_widget_b{}
.stats_progress_widget_b .stats_progress_count{ opacity: 1 }
.stats_progress_widget_b+.stats_progress_widget_b{ margin-top: 40px }

.stats_progress_widget_disable{opacity:.5; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

.stats_campaign_block.block_last:after{ display: none }

.counter_b{ margin:40px 0 65px }
.counter_b .progress{ width: 250px; height: 250px }

.track_interest_level{ padding: 0 5px }
.track_interest_level span svg{ width: 28px; height: 28px }

.track_interest_level span span.level_count{ font-size: 19px; vertical-align: top; margin: 0 0 0 5px; color: #5e5e5e; font-weight: bold; }

.stats_campgn_table{}
.stats_campgn_table .autoresponder-new{ margin:20px 0 0 }
.stats_campgn_table tbody td{ font-weight: bold; font-size: 16px }

.stats_campgn_table tbody td.respon_dash{ font-size: 30px; top: -14px; position: relative; }

.status_campgain_action{ display: table; width: 100%; margin:30px 0 0; border-top: 1px solid #ececec; padding:30px 0 0}
.status_campgain_action .dropdown{ float: right; }
.status_campgain_action .dropdown button.btn{ margin: 0; background:#ddd; color:#222;}

.status_campgain_action .dropdown .dropdown-menu{ min-width: 140px }

.status_campgain_action .dropdown button.btn i{ font-size: 18px; margin: 0 0 0 5px }
.tiny-small-input input{width: 50px;}

.statustabs{ margin:0 15px; padding:15px 0 0 }
.statustabs.nav-tabs > li > a{ padding:8px 14px; border-radius: 4px 4px 0 0 }
/*.opacity .tablestatus input[type="radio"]{ display: inline-table; }*/
.tablestatus{ margin-bottom:0 }
.tablestatus .select2-container-multi .select2-choices .select2-search-field input{ width: 100% !important }
.table.tablestatus tr > th{ font-size: 14px }
.table.tablestatus tbody > tr > td{ vertical-align:top; }
.table.tablestatus tbody > tr > td label.radio-inline{margin-top:7px;}
.table.tablestatus tbody > tr > td span.statuslabel{margin-top:7px; display: block; font-weight:bold; font-size:14px}

.tablestatus td span{}
.opacity .tablestatus input[type="radio"]:checked + span:after{ left:5px; top:4px}
.boxshadow .table.tablestatus input[type="checkbox"] + span:before, .boxshadow .table.tablestatus input[type="radio"] + span:before{ margin:-3px 5px 0 0 }
.opacity .tablestatus .radio-inline{ padding:0; margin-right:10px; }
.tablestatus select{ width: 365px }
.tablestatus select, .tablestatus .select2-container{ margin-top: 5px; width: 100% }
.statuscol_a{ width: 20% }
.statuscol_b{ width: 30% }
.statuscol_c{ width: 14% }
.statuscol_d{ width: 7% }

.tablestatus td input[type="number"]{ float: left; width: 49%}
.tablestatus td input.inputfull[type="number"]{ width: 100% }
.tablestatus td select.tablemints{ float: right; width: 49%; margin-top:0 }

.statuspagetitle{ padding: 0 }

.marketplacetabs .selectClass label{margin: 0; display: inline-table; }
.marketplacetabs .selectClass label a{font-size:14px; color:#888; font-weight:bold; border-bottom:2px solid transparent; padding:0 20px 6px; display:table; width:100%}
.marketplacetabs .selectClass label a.selected{ border-bottom-color:#3e474f; color:#3e474f;}
.marketplacetabs .tab-content{ padding:5px 15px; display:table; width:100%; border-bottom:0}

.marketplace_card{position: relative; 
    display:block; background:#fff; 
    border-radius:4px; border:1px solid #d1d6d9; 
    box-shadow:0 1px 1px rgba(0,0,0,.1); 
    margin:10px 0; min-height:276px; height: 330px;}

.marketplace_card a{color:#888}

.marketplace_card img{ max-width: 100% }

.market_content { padding:10px }

.market_content strong, .market_content .market_price {
    font-size: 14px; color:#3e474f; font-weight: bold;
}

.market_content  .market_price{
    font-size:14px; display: table; width: 100%
}
.market_content  .market_price label{ margin:0; float:left; line-height:22px; } 
.market_content  .market_price .btn{ width:auto; padding:1px 6px; display:inline-table; font-size:13px; float:right; margin:0 0 0 5px; }
.marketplace_stars {
    display: block;
    color: #ffc819;
    text-shadow: #e5ae00;
    vertical-align: middle;
}
.market_content p{color:#888; margin: 0}

.marketplace_card .row+.row{ margin-top: 5px }

.markettablist{ margin:26px 0 0; padding: 0; list-style-type:none}
.markettablist li{ margin:0 }
.markettablist li a{ color: #888; padding: 10px 15px; border-bottom: 1px solid #ccc; display: table; width: 100%}
.markettablist li.active a{  color:#fff }


.default_status_content{}
body.layout-boxed .container-fluid.main-content.default_status_content{max-width:1800px !important;}
.default_status_content .heading a.btn{ margin: 0 }

.default_status_content .widget-container{ display: table; width: 100%; background:#f1f1f1}


/* Style the tab */
.default_status_content .tab {
  float: left;
  background: #f1f1f1;
  width: 25%;
}

/* Style the buttons inside the tab */
.default_status_content .tab button {
  display: block;
  background-color: inherit;
  color:#5e5e5e;
  padding: 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 16px; border-left: 5px solid transparent
}

.default_status_content .tab button span{ font-weight: bold; }

.default_status_content .tab button i{ opacity: 0 }
/* Change background color of buttons on hover */
.default_status_content .tab button:hover {
  background-color: #ddd;
}
.default_status_content .tab button.active span i, .default_status_content .tab button:hover span i{ opacity: 1 }

/* Create an active/current "tab button" class */
.default_status_content .tab button.active, .default_status_content .tab button:hover {
  background-color: #fff; border-left-color: #11868A; color: #11868A
}

/* Style the tab content */
.default_status_content .tabcontent {
  float: left;
  padding:25px 30px 30px;
  width: 75%;
  border-left: none; background: #fff
}

.default_status_content .tabcontent h3{ font-weight: 500 }
.default_status_content .tabcontent .table.tablestatus thead tr th, .default_status_content .tabcontent .table.tablestatus tr td{ padding:12px 18px }
.default_status_content .tabcontent .table.tablestatus thead tr th{ font-size: 16px }
.default_status_content .tabcontent .table.tablestatus tbody td span.statuslabel{ margin-top: 0; font-size: 16px; font-weight: normal;}
.default_status_content .tabcontent .table.tablestatus tbody td label.radio-inline{ margin-top: 0 }

/*custom css*/
#small_nav_logo img{
    position: relative;
    right: 100px;
    width: 91px;
    height: 40px;
    top: -4px;
    background-color: white;
}

#large_nav_logo img{
    position: relative;
    right: 100px;
    width: 100px; 
    top:-20px;
    /*Commit by rizwan*/
    /*background-color: white;*/
}

body.layout-boxed .container-fluid.main-content.chatcontent{ max-width: 100% !important; padding: 0 20px 20px }
body.layout-boxed .container-fluid.main-content.chatcontent iframe{ bottom: 0; margin: 0; position: absolute; height: 100%; left: 0}

#standard_search .row+.row{ margin-top:0 }
#standard_search .row+.row .form-group{ margin-bottom:0 }

.standsearch_content{}
.opacity .standsearch_content .radio-inline{ padding-top:0 }
.opacity .standsearch_option{ margin-bottom:5px }

.form-group{ margin-bottom:10px }

/*.importtabs{}
.importtabs .nav-tabs > li > a, .importtabs .nav-tabs > li.active > a{ border-radius: 4px }
.importtabs .nav-tabs > li.active > a{ border-bottom-color:#ddd !important }
*/

.topnavbar{ position: absolute; top:68px; left: 0; right: 0; background:#f8f8f8; height:34px; border-top:1px solid #e9e9e9}
.navbar.scroll-hide.closed .topnavbar{ box-shadow:0 15px 20px rgba(0,0,0,.3); z-index:9999; background:#fff; }

.navbar .container-fluid.top-bar .topnavbar .nav{ margin: auto; display: table; float:none !important }
.navbar .container-fluid.top-bar .topnavbar .nav > li{ margin: 0 1px 0 0 }
.navbar .container-fluid.top-bar .topnavbar .nav > li.messages_notif{}


.navbar .container-fluid.top-bar .topnavbar .nav > li > a > span{ font-size: 16px; color:#6D6D6D; width: auto; height: auto }
.navbar .container-fluid.top-bar .topnavbar .nav > li > a > span.fa-comments-o{ font-size:18px }
.navbar .container-fluid.top-bar .topnavbar .nav > li > a > span.fa-mobile-phone{ font-size:22px; margin:-2px 0 }
.navbar .container-fluid.top-bar .topnavbar .nav > li > a > span.pe-7s-phone{font-size:18px; margin:-1px 0; font-weight:600;}
.navbar .container-fluid.top-bar .topnavbar .nav > li > a > span.fa-credit-card{font-size:18px; margin:-1px 0 -1px 20px; font-weight:600;}
.navbar .container-fluid.top-bar .topnavbar .nav > li > a > span.fa-money{font-size:18px; margin:-1px 0 -1px 2px; font-weight:600;}
.navbar .container-fluid.top-bar .topnavbar .nav > li > a > span.se7en-flag{font-size:18px; margin:-1px 0; font-weight:600;}
.navbar .container-fluid.top-bar .topnavbar .nav > li > a{ background:none !important; padding:9px 11px 8px; height: auto}
.navbar .container-fluid.top-bar .topnavbar .nav > li > a img{ height: 16px; width: auto }
.navbar .container-fluid.top-bar .topnavbar .nav > li > a p.counter, .navbar .container-fluid.top-bar .topnavbar .nav > li > a p.counter_sms, .navbar .container-fluid.top-bar .topnavbar .nav > li > a p.counter_cal_notification, .navbar .container-fluid.top-bar .topnavbar .nav > li > a p.counter_ivm, .navbar .container-fluid.top-bar .topnavbar .nav > li > a p{height:15px; left:0; line-height:15px; min-width: 15px; top:6px; margin: 0; padding:0 4px; position: absolute;}
.navbar .container-fluid.top-bar{ padding:0 10px !important; height:103px; border: 0 }
.navbar .container-fluid.top-bar .searchleads .nav{ margin:12px 0 }

.navbar .container-fluid.top-bar .topnavbar .nav > li > a:hover{background: #dcdcdc !important}
.navbar .container-fluid.top-bar .topnavbar .nav > li > a:hover span{ opacity:.7 }

.freeaccount_msg{ position: absolute; background: #f9f8f6;border-radius: 15px; left:25%; right:33%; top: 0; color: #818181; margin:15px 0 0; line-height: initial; text-align: center; }
.freeaccount_msg a{ color: #006633 }

.request_demo{ display: inline-table; color: #fff; padding: 0 10px; line-height: 34px; width: auto; }
.search_lead .input-group .request_demo span{ padding:0; margin: 9px 0 0 5px; width: auto; }

.contactprofile{}
.contact_widget_container.contactprofile .widget-container-b table.table{ border: 0 }
.contact_widget_container.contactprofile .widget-container-b table.table tr, .contact_widget_container.contactprofile .widget-container-b .table-responsive table.table tbody tr{ border: 0 }

.contact_widget_container.contactprofile .widget-container-b table.table tr:hover, .contact_widget_container.contactprofile .widget-container-b .table-responsive table.table tbody tr:hover{ background: none }

.contact_widget_container.contactprofile .widget-container-b table.table tr[bgcolor]:hover{ background:#f5f5f5; }
/*.contact_widget_container.contactprofile .widget-container-b table.table tr:nth-of-type(odd), .contactprofile .widget-container-b table.table tr:nth-of-type(odd) th, .contactprofile .widget-container-b table.table tr:nth-of-type(odd) td { background:rgba(0,0,0,.03) !important;}*/

.contact_widget_container.contactprofile .widget-container-b table.table tr td.groupname{ padding: 12px 0 }
.contact_widget_container.contactprofile .widget-container-b table.table tr td.groupname table tr, .contactprofile .widget-container-b table.table tr td.groupname table tr th, .contactprofile .widget-container-b table.table tr td.groupname table tr td{ background:none !important; padding: 3px 15px }

.contactprofile.contact_widget_container .widget-container-b table.table tr th, .contactprofile.contact_widget_container .widget-container-b table.table tr td,  .contactprofile.contact_widget_container .widget-container-b .table-responsive table.table tr th, .contactprofile.contact_widget_container .widget-container-b .table-responsive table.table tr td { font-size: 14px; padding: 10px 16px; border-right: 0; background: none; }
.contactprofile.contact_widget_container .widget-container-b table.table tr th, .contactprofile.contact_widget_container .widget-container-b .table-responsive table.table tr th{ font-weight: 600; color: #455a64 }
.contactprofile.contact_widget_container .widget-container-b table.table tr td, .contactprofile.contact_widget_container .widget-container-b .table-responsive table.table tr td{ color: #67757c; }

.contactprofile .widget-container-b table.table td a{ background: none !important; border: none !important; width: auto; height: auto; color: #000; font-size: 13px }
.contactprofile .widget-container-b table.table td a.fa-phone{ color: #3699FF; font-size: 15px; margin:0 0 0 10px }
.contactprofile .widget-container-b table.table td a.fa-mobile{ color: #F64E60; font-size: 18px; margin: 0 0 0 5px }
.contactprofile .widget-container-b table.table td a.fa-envelope{ color: #1BC5BD; margin: 0 0 0 10px }
.contactprofile .widget-container-b table.table td a.fa-map-marker{ color: #7460ee; margin: 0; position: relative; top: 1px; font-size: 18px; }

.contactprofile .widget-container-b table.table tr .custombtn {background: #21AE8C; border-radius: 3px; border: 1px solid #21AE8C; padding: 0px 5px; display: inline-block; font-size: 12px; margin: 0 5px 0 0; color: #fff; }
.contactprofile .widget-container-b table.table tr .custombtn i{ color: #fff; margin: 0 2px 0 0; font-size: 12px }
.main_content_inner{ /*background: #eef5f9;*/ padding: 20px 0px }
.main_content_inner .contact_widget_container{ padding: 16px; box-shadow: none; border-radius: 4px; }
.main_content_inner .contact_widget_container .user_social{ padding-left: 0 }
.main_content_inner .contact_widget_container .contact_info{ padding: 0; display: inline-table;}
.main_content_inner .contact_widget_container .contact_info .user_img{ width: 30px; display: inline-table }
.main_content_inner .contact_widget_container .contact_info .user_name{ float: none; padding: 0 0 0 40px; margin: 0; }
.main_content_inner .contact_widget_container .contact_info .user_name_inner{ display: flex; }

.main_content_inner .contact_widget_container .contact_info .user_name h4{ float: left; font-size: 16px; font-weight: 500; color: #181C32; padding:6px 0 } 
.main_content_inner .contact_widget_container .contact_info .user_name .cpl-btns-box{ float: left; padding:5px 0 0 10px}
.main_content_inner .contact_widget_container .contact_info .user_name .cpl-btns-box a.toggle_tag{ height: 27px; font-size: 10px; border-radius: 50px; padding: 1px 8px 0; text-transform: uppercase; }
.main_content_profile{ padding: 0; /*background: #eef5f9;*/ }

.callerid{ margin-bottom:0 }
.callerid .col-sm-4{ padding-right: 0; text-align: right; font-size: 13px; line-height: 27px }

.main_content_inner_left{ width: 66% }
.main_content_inner_right{ width: 34% }

.contactprofile .widget-container-b table.table tr td.tdtitle{ background:#d6dee5; /*color:#fff;*/ }
/*.contactprofile .widget-container-b table.table tr td.tdtitle h4{ color: #fff }*/

.contactprofile .widget-container-b table.table tr.cbinfo td{}
.contactprofile .widget-container-b table.table tr.cbinfo td input.form-control{ height: 27px }
.contactprofile .widget-container-b table.table tr.cbinfo+.cbinfo{ background: none !important }

.contactprofile.contact_widget_container .widget-container-b .table-responsive table.table thead>tr>th{ font-weight:600; color:#343a40; padding: 12px 16px; background: none !important; }

.contactprofile.contact_widget_container .widget-container-b .table-responsive table.table tr.norecord{ border: 0 }
.contactprofile.contact_widget_container .widget-container-b .table-responsive table.table tr.norecord td{ color: #F64E60; background-color: #FFE2E5 !important; border: 0; text-align: center; }

.main_content_inner_right .widget-container.fluid-height.widget_tabs.widget_tabs_nw{ box-shadow: none; border-radius: 4px; padding: 15px }
.main_content_inner_right .widget-container.fluid-height.widget_tabs.widget_tabs_nw .nav-tabs li a{ background: #fff !important; color: #009efb !important; border: 0 !important; margin: 0; font-size:inherit !important; height: auto; padding: 2px 9px 4px; line-height: initial; }
.main_content_inner_right .widget-container.fluid-height.widget_tabs.widget_tabs_nw .nav-tabs li.active a{ background: #009efb !important; color: #fff !important; }


.main_content_inner_right textarea{ resize: none }
.main_content_inner_right .note_panel .note_user{}
.main_content_inner_right .note_panel .note_text_panel .col-sm-10{ padding-left: 0 }
.main_content_inner_right .note_panel .notes-form{ display: inline-table; width: 100% }
.main_content_inner_right .note_panel .notes-form .note_text{ margin: 0; width: 100% }
.main_content_inner_right input.form-control, .main_content_inner_right select.form-control, .fileupload .form-control{ height: 30px; font-size: 12px; padding: 0 0 0 8px }
.main_content_inner_right .fileupload .form-control{ padding: 6px 0 6px 8px }
.main_content_inner_right .input-group .input-group-addon{ height: 27px; padding: 0 6px; font-size: 13px }
.main_content_inner_right .input-group .input-group-addon i{ font-size: 12px }
.main_content_inner_right .input-group .input-group-btn .btn{ padding: 5px 12px; font-size: 12px }
.main_content_inner_right label.error{ color: #F64E60; background-color: #FFE2E5; text-align: center; margin: 0; padding: 5px 0; width: 100%; font-size: 13px; }

.main_content_inner_right .widget_tabs_nw .form-group label{ font-size: 13px; margin: 0 0 3px }
.main_content_inner_right .widget_tabs_nw .form-group .btn{ background: #21AE8C !important; border-color: #21AE8C !important; height: 32px; padding: 0 12px; line-height: 30px; border-radius: 4px; margin-right: 0 }
.main_content_inner_right .widget_tabs_nw .form-group .btn:hover{ background: #fff !important; color: #21AE8C !important}

.main_content_inner_right p{ font-size: 12px; margin: 5px 0 }
.main_content_inner_right .widget_tabs_nw .form-group label.radio-inline{ margin: 0 10px 0 0 }
.opacity .main_content_inner_right .widget_tabs_nw .form-group input[type="radio"] + span:before, .opacity .main_content_inner_right .widget_tabs_nw .form-group input[type="checkbox"] + span:before{ width: 16px; height: 16px; margin: -3px 5px 0 -20px }
.opacity .main_content_inner_right .widget_tabs_nw .form-group input[type="radio"]:checked + span:after{ top: 5px; left: -16px }

.main_content_inner_right .widget_tabs_nw .form-group .select2-container{ height: 30px }
.main_content_inner_right .widget_tabs_nw .form-group .select2-container .select2-choice{ height: 30px; font-size: 12px; padding: 0 0 0 8px }
.main_content_inner_right .widget_tabs_nw .form-group .select2-container .select2-choice > .select2-chosen{ line-height: 30px }
.main_content_inner_right .widget_tabs_nw .form-group .select2-container .select2-choice .select2-arrow{ width: 30px }
.main_content_inner_right .widget_tabs_nw .form-group .select2-container .select2-choice .select2-arrow b{ margin: 3px 0 0 -2px }

body .swal2-container .swal2-modal h2{ font-size: 18px; line-height: initial; margin:0 0 15px }
body .swal2-container .swal2-modal .row{ margin: 0 }
body .swal2-container .swal2-modal .form-group label{ font-size: 14px }
body .swal2-container .swal2-modal hr.swal2-spacer{ display: none !important }
body .swal2-container .swal2-modal .styled{ font-size: 14px; margin: 5px 5px 0; padding: 7px 22px; }

.main_content_inner_left .input-group .form-control{ height: 34px; padding: 8px 12px }





@font-face {
    font-family: 'poppinsbold';
    src: url('font/poppins-bold-webfont.eot');
    src: url('font/poppins-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/poppins-bold-webfont.woff2') format('woff2'),
         url('font/poppins-bold-webfont.woff') format('woff'),
         url('font/poppins-bold-webfont.ttf') format('truetype'),
         url('font/poppins-bold-webfont.svg#poppinsbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'poppinsregular';
    src: url('font/poppins-regular-webfont.eot');
    src: url('font/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/poppins-regular-webfont.woff2') format('woff2'),
         url('font/poppins-regular-webfont.woff') format('woff'),
         url('font/poppins-regular-webfont.ttf') format('truetype'),
         url('font/poppins-regular-webfont.svg#poppinsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@media (max-width: 1200px) {
    .gallery-grid li {
        width: 33.33%;
    }
}
@media (max-width: 900px) {
    .gallery-grid li {
        width: 50%;
    }

}
@media (max-width: 770px) {
    .pie-number {
        width: 200px !important;
        height: 200px !important;
        padding: 0;
        line-height: 200px !important
    }
}
@media (max-width: 600px) {
    .gallery-grid li {
        width: 100%;
        margin: 0 0 15px;
    }
}

/*----------------------------------------------------------------------------------- */
/*  Mobile Styles */
/*----------------------------------------------------------------------------------- */

@media (max-width: 1200px) {
    .row + .row {
        margin-top: 0;
    }
    [class*="col-sm"],
    [class*="col-md"],
    [class*="col-lg"],
    [class*="col-xs"] {
        margin-bottom: 20px;
    }
    #choose-action .modal-dialog{width: 100% !important}
    #choose-action .modal-dialog #action-detail .form-group textarea{width: 100%;}
    #choose-action .modal-dialog #action-detail .form-group input{width: 100%;}
    #choose-action .modal-dialog #action-detail .form-group .input-group .form-control{width: 100%;}
    #choose-action .modal-dialog #action-detail .form-group .input-group{width: 100%;}

    .dashboard-content [class*="col-sm"], .dashboard-content [class*="col-md"], .dashboard-content [class*="col-lg"], .dashboard-content [class*="col-xs"]{ margin-bottom: 0 }
    .main_user_top_panel .admin_FN_user{ line-height: initial; }



}

@media (max-width: 991px) {
    .tab-heading .custom_datPicker .input-group{ width: 80% }
    .widget-container .heading .col-md-6{ float: left; }
    .table-responsive.load-more .col-md-6{ padding: 0 }

    .widget-container .heading .col-md-3{ float: left; }
    .widget-container .heading .col-md-5{ float: left; width: 160px }

}
@media (max-width: 979px) {

    .stats-container {
        height: 470px;
    }
    .stats-container [class^="col-"],
    .stats-container [class*="col-"] {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 12px;
        height: auto;
    }
   
}
@media (max-width: 767px) {
    html.nav-open {
        overflow: hidden;
    }
    body {
        padding: 0 !important;
    }
    body.nav-open {
        overflow: hidden;
    }
    body.nav-open .navbar,
    body.nav-open .container-fluid.main-content {
        left: 260px;
    }
    body.nav-open .container-fluid.main-nav {
        left: 0;
    }
    .container-fluid.main-content {
        position: relative;
        left: 0;
        -webkit-transition: left 0.3s;
        -moz-transition: left 0.3s;
        transition: left 0.3s;
    }
    .navbar {
        height: 45px !important;
        position: relative;
        -webkit-transition: left 0.3s;
        -moz-transition: left 0.3s;
        transition: left 0.3s;
    }
    .topnavbar .navbar .container-fluid.top-bar {
        border-bottom: 0; height: 78px
    }

    .topnavbar{ background: none; height: auto }
    .navbar .container-fluid.top-bar .logo img{ width: auto }
    .navbar .container-fluid.top-bar .logo {
        /*float: right;*/
        margin:12px 5px 0 65px;
    }
    .navbar .container-fluid.main-nav {
        position: fixed;
        left: -280px;
        top: 0;
        padding-top: 0 !important;
        height: 100%;
        width: 240px;
        background: #dddddd;
        box-shadow: inset -4px 0 0 rgba(0, 0, 0, 0.05);
        -webkit-transition: left 0.3s;
        -moz-transition: left 0.3s;
        transition: left 0.3s;
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
    }
    .navbar .container-fluid.main-nav .nav-collapse .nav {
        padding-left: 15px;
        text-align: left;
    }
    .navbar .container-fluid.main-nav .nav-collapse .nav > li {
        display: block;
        text-align: left;
        margin: 0;
        background-color: transparent !important;
    }
    .navbar .container-fluid.main-nav .nav-collapse .nav > li > .dropdown-menu {
        position: relative;
        background: none;
        box-shadow: none;
        margin: 0;
        width: 100%;
        float: none;
        border-bottom: 1px solid #aaaaaa;
        text-align: left;
    }
    .navbar .container-fluid.main-nav .nav-collapse .nav > li > .dropdown-menu li a {
        border-color: #aaaaaa;
        margin-left: 15px;
        color: #777777;
    }
    .navbar .container-fluid.main-nav .nav-collapse .nav > li > .dropdown-menu li a.current {
        border-bottom-color: #007aff;
        color: #007aff;
    }
    .navbar .container-fluid.main-nav .nav-collapse .nav > li > .dropdown-menu li a:hover,
    .navbar .container-fluid.main-nav .nav-collapse .nav > li > .dropdown-menu li a:active {
        color: black;
        border-bottom-color: black;
    }
    .navbar .container-fluid.main-nav .nav-collapse .nav > li > a {
        display: block;
        text-align: left;
        padding: 0;
        font-size: 14px;
        line-height: 44px;
        height: 46px;
        color: #777777;
        border-bottom: 1px solid #aaaaaa;
        background-color: transparent !important;
    }
    .navbar .container-fluid.main-nav .nav-collapse .nav > li > a:hover,
    .navbar .container-fluid.main-nav .nav-collapse .nav > li > a:active {
        color: black;
        border-bottom-color: black;
    }
    .navbar .container-fluid.main-nav .nav-collapse .nav > li > a span {
        display: block;
        float: left;
        margin: 8px 15px 0 0;
        background-position: left -140px;
    }
    .navbar .container-fluid.main-nav .nav-collapse .nav > li > a .caret {
        float: right;
        margin: 20px 15px 0 0;
    }
    .navbar .container-fluid.main-nav .nav-collapse .nav > li > a.current {
        color: #007aff;
        border-bottom-color: #007aff;
    }
    .navbar .container-fluid.main-nav .nav-collapse .nav > li > a.current span {
        background-position: left -28px;
    }
    .navbar .container-fluid.main-nav .nav-collapse .nav > li > a.current .caret {
        border-top-color: #007aff;
    }
    .navbar .container-fluid.main-nav .nav-collapse .nav > li > a:hover {
        background: #eeeeee;
        background: rgba(0, 0, 0, 0.04);
    }
    .navbar .container-fluid.main-nav .nav-collapse .nav > li.open > a .caret,
    .navbar .container-fluid.main-nav .nav-collapse .nav > li.active > a .caret,
    .navbar .container-fluid.main-nav .nav-collapse .nav > li.open.active > a .caret {
        border-bottom: 4px solid #999999;
        border-top-color: transparent;
        margin-top: 16px;
    }
    .widget-container > div .heading {
        padding-left: 5px;
    }
    .pricing-table [class^="col-"],
    .pricing-table [class*="col-"] {
        padding-top: 0px;
    }
    .pricing-table [class^="col-"].featured .widget-container,
    .pricing-table [class*="col-"].featured .widget-container {
        padding: 0;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }
    .pricing-table .pricing-categories {
        padding-top: 58px;
    }
    .messages {
        height: auto;
    }
    .messages > .widget-container {
        background: transparent;
        box-shadow: none;
    }
    .messages .message-list {
        height: 400px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .messages .message-list-modal {
        height: 200px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }
    .messages .message-content {
        background: white;
        height: auto;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        margin-bottom: 0;
    }
    .messages .message-content .message-header {
        padding-bottom: 15px;
    }
    .messages .message-content .message-header .date {
        float: none !important;
    }
    #action-nav .btn-group-vertical{
        height: 200px !important
    }
    #choose-action .modal-dialog #action-detail .form-group .input-group .form-control{
        margin-bottom: 20px;
    }
    #choose-action .modal-dialog #action-detail .form-group .input-group .btn-primary{
        width: 100%
    }
    #choose-action .modal-dialog #action-detail .form-group{
        margin-bottom: 0;
    }
    #choose-action .modal-dialog #action-detail .form-group textarea{
        height: 150px;
    }
    #choose-action .modal-dialog .modal-footer{padding: 0 0 30px 0;}
    #choose-action .modal-dialog .modal-body{padding-bottom: 0;}

    .navbar .container-fluid.top-bar .links{position:absolute; top:79px; background:#fff; border-top:1px solid rgba(0,0,0,.1); width:100%; left:0; box-shadow:0 4px 6px rgba(0,0,0,.3);}
    /*.navbar .container-fluid.top-bar .links[style="display: block;"]{ padding:5px 20px; }*/

    .navbar .container-fluid.top-bar .topnavbar .nav{ padding:5px 20px; }
    .navbar .container-fluid.top-bar .nav{ margin:3px 0}
    .navbar-nav .open .dropdown-menu{ position: absolute; }
    .navbar-nav .open .dropdown-menu>li>a{ padding:5px 15px 5px 0}

    .navbar .container-fluid.top-bar{ padding: 0 10px; height: 80px }
    .navbar .container-fluid.top-bar .searchleads .nav{ margin: 0 }
}

@media (max-width: 600px) {
    body.login1 {
        padding: 15px;
        background-size: auto;
    }
    body.login1.signup .login-container {
        height: auto;
        margin-top: 0;
    }
    body.login1 .login-container {
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        height: auto;
        padding: 25px;
    }
    body.login1 .login-container img {
        margin-bottom: 20px;
    }
    body.login1 .login-container input[type="submit"] {
        margin-bottom: 20px;
    }
    body.login1 .login-container .form-options {
        margin: 15px 0 15px;
    }
    body.login1 .login-container .social-login {
        margin-bottom: 15px;
    }
    body.login1 .login-container .social-login > .btn {
        width: 100%;
        margin-bottom: 6px;
    }
    body.login1 .login-container p.signup a {
        display: block;
    }
    body.login2 {
        padding-top: 0px;
    }
    body.login2 .login-wrapper {
        padding: 15px;
    }
    body.login2 .login-wrapper img {
        margin: 30px auto;
    }
    body.login2 .login-wrapper input[type="submit"] {
        margin-bottom: 20px;
    }
    body.login2 .login-wrapper .social-login {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    body.login2 .login-wrapper .social-login > .btn {
        width: 100%;
        margin-bottom: 6px;
    }
    .style-selector .style-selector-container .style-toggle {
        display: none;
    }
    .page-title {
        padding: 0 10px;
    }
    .page-title h1 {
        margin-bottom: 12px;
    }
    .row {
        margin: 0;
    }
    .fc-header-right {
        display: block;
    }
    .show-calendar #calendar td.fc-header-right { 
        width: auto;
    }
    .task-widget li.label {
        display: none;
    }
    .padded {
        padding: 10px;
    }
    .table th {
        font-size: 13px;
    }
    .dataTables_length,
    .dataTables_filter,
    .dataTables_info,
    .paginate_button.first,
    .paginate_button.last {
        display: none;
    }
    .pie-chart ul.chart-key {
        margin: 15px 0 10px;
        padding: 0;
        width: 100%;
    }
    .pie-chart ul.chart-key li {
        display: inline-block;
        margin: 4px 10px;
    }
    #composite-chart-1 canvas {
        width: 100% !important;
    }
    .social-wrapper {
        padding: 0 15px;
    }
    .social-wrapper .item {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    .nav-tabs > li > a > [class*="fa"] {
        margin-right: 0 !important;
    }
    .nav-tabs > li > a > [class*="fa"] + span {
        display: none;
    }
    body.fourofour .fourofour-container {
        max-width: 320px;
        width: 320px;
        margin: -190px 0 0 -160px;
    }
    body.fourofour .fourofour-container h1 {
        font-size: 160px;
    }
    body.fourofour .fourofour-container h2 {
        font-size: 28px;
    }
    .widget-container.chat-page {
        padding: 0;
        height: auto;
        margin-bottom: 45px;
    }
    .widget-container.chat-page .contact-list {
        display: none;
    }
    .widget-container.chat-page .post-message {
        position: fixed;
        bottom: 0;
        left: 0;
    }
    .chat .widget-content {
        padding-right: 10px;
    }
    .chat .widget-content ul li {
        padding-right: 0;
    }
    .chat .widget-content ul li.current-user {
        padding-left: 0;
    }
    ul.timeline {
        padding: 15px 10px;
    }
    ul.timeline:after {
        left: 28px;
    }
    ul.timeline li {
        padding-left: 0;
        margin-bottom: 16px;
    }
    ul.timeline li .timeline-time {
        position: relative;
        right: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px;
    }
    ul.timeline li .timeline-time strong {
        display: inline-block;
        margin-right: 10px;
    }
    ul.timeline li .timeline-icon {
        top: 52px;
        left: -2px;
        margin-left: 0;
    }
    ul.timeline li .timeline-content {
        margin-left: 56px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        position: relative;
    }
    ul.timeline li:nth-child(odd) {
        padding-right: 0;
    }
    ul.timeline li:nth-child(odd) .timeline-time {
        position: relative;
        right: auto;
        left: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px;
    }
    ul.timeline li:nth-child(odd) .timeline-content {
        margin-right: 0;
        margin-left: 55px;
    }
    ul.timeline li:nth-child(odd) .timeline-content:after {
        right: auto;
        left: -20px;
        border: 10px solid transparent;
        border-right: 10px solid white;
    }
    ul.timeline li:nth-child(odd) .timeline-content:before {
        right: auto;
        left: -24px;
        border: 12px solid transparent;
        border-right: 12px solid #dddddd;
    }
    ul.timeline.animated li:nth-child(odd) .timeline-content {
        left: 20px;
    }
    ul.timeline.animated li.active:nth-child(odd) .timeline-content {
        left: 0;
    }
}


body .fa_input{ font-family:"Lato", Helvetica, Arial, FontAwesome, sans-serif;  margin-bottom:0; }

.widget-container .bootstrap-select{ height: 22px; vertical-align: top; }
.widget-container .bootstrap-select>select{ display:block !important; width:100% !important; opacity:1 !important; position:initial !important; font-size:13px; background:#fff; border-radius:3px; padding:0 5px !important; }
.newtable .table thead tr th{ padding-top: 0; border-bottom:0 !important; font-size: 14px }
.newtable .table.table-dashboard td{ border-top:1px solid #ddd; color:#808080; padding: 12px 8px }
.newtable .table.table-dashboard td a{ color: #808080 }
.newtable .table.table-dashboard td+td a{ color: #08a742 }
.newtable .table.table-dashboard tr:nth-child(odd) td, .newtable .table.table-dashboard tr:hover td{ background: #f5f5f5 }

.activitywidget.recentactivity_table .bootstrap-select>select{ font-size: 13px }

.fullnavtabs li a i.fa{ display:table; width:100% }

.nav.nav-tabs.fullnavtabs > li > a, .nav.nav-tabs.fullnavtabs li button.tab-nav-item.dropdown-toggle {
    text-align: center;
    border-radius: 3px 3px 0 0;
    margin-top: 0;
    margin-right: 1px;
    padding: 10px 12px;
    height: 56px; font-size:12px;
}
.nav.nav-tabs.fullnavtabs > li.active > a{ border:0 !important; box-shadow:0 0px 2px rgba(0, 0, 0, 0.1); }

.nav.nav-tabs.fullnavtabs > li > a > i.fa {
    font-size: 14px;
    height: 16px;
    margin: 0 auto 2px;
}

.nav.nav-tabs.fullnavtabs > li .btn-group button i.fa {
    font-size: 14px;
    height: 16px;
    margin: 0 auto 2px; display: table; width: 100%
}
.nav.nav-tabs.fullnavtabs > li > a > i.pe {
    font-size: 16px;
    height: 16px;
    margin: 0 auto 2px;
}
.style-selector1 .style-selector-container{ padding:4px 0 10px }
.managecheck_list{}
.managecheck_list h3{ font-size: 18px; margin: 0; color: #5e5e5e; font-weight: 500; text-align: center; }
.managecheck_list ul{ padding: 11px 0 0; margin: 0 }
.managecheck_list ul li{ list-style-type: none; color: #5e5e5e; padding: 5px 0; margin: 0; font-size: 14px; cursor: pointer;}
.managecheck_list ul li i{ margin: 0 6px 0 0; position: relative; top: 1px }
.managecheck_list ul li:hover{ opacity: .8 }


.style-selector1 .managecheck_list ul li{ position: relative; padding: 0 }
.style-selector1 .managecheck_list ul li i{ font-size: 35px; margin:0 auto; display: table; position: initial; padding: 5px 0 }
.style-selector1 .managecheck_list ul li .list_item_content{ position: absolute; top: 0; width: 250px; display: none }
.style-selector1 .managecheck_list ul li .list_item_content span{ background: #71514e; font-size: 14px; padding: 13px 15px; display: table; width: 100%; border-radius: 5px 0 0 5px }
.style-selector1.style_selector_open .managecheck_list ul li:hover{ background:#8a6865 !important  }
.style-selector1.style_selector_open .managecheck_list ul li:hover  span{ background:#8a6865 !important  }
.style-selector1.style_selector_open .managecheck_list ul li:hover .list_item_content{ display: block; }
.style-selector1, .main_nav ul li{ background: #FFFFFF !important;}

.left_templetebar{}
.left_templetebar .anchr{padding:12px 20px; border-bottom:1px solid #eee; background:#f5f5f5; font-size:16px;} 
/*.left_templetebar .anchr+div{ display: none !important }*/
.left_templetebar .anchr i.fa{ float: right; font-size: 14px }
.left_templetebar .anchr:hover{ background: #f0f0f0 }
.left_templetebar .detail_inner{ padding:12px 20px; }
.left_templetebar .anchr.active{ background:#E33D43; border-bottom-color:#E33D43; color:#5e5e5e }
.left_templetebar .anchr.active i.fa{transform:rotate(180deg); margin:8px 0 0; }
/*.left_templetebar .anchr.active+div{ display: block !important }*/

body.frientrequest_container{ display: flex; }
.frientrequest_container .widget-container{ width: 900px; display: table; margin: auto; padding: 40px 0 20px; box-shadow: 0 0 90px rgba(0, 0, 0, 0.20); border-radius: 20px }
.frientrequest_left{ text-align: center; margin:40px 0; }
.frientrequest_container h1{ font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; margin: 0 0 20px }
.frientrequest_container h4{ font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; margin: 20px auto; display: table; width: 78%; text-align: left;  }
.frientrequest_container h4 a{ float: right; font-size:14px; color: #0063C5 }
.frientrequest_container h4 a i{ font-size: 12px; margin: 0 3px 0 0 }
.frientrequest_container button{ height: 60px; border-radius: 10px; width: 38%; font-size: 24px; font-weight: 600; margin: 0 5px; color: #5e5e5e; border: 0 }
.frientrequest_container button i{margin: 0 7px 0 0; font-size: 22px; position: relative; top: -1px;}
.frientrequest_container button.accept{ background: #35B637; box-shadow: 0 20px 30px rgba(54,179,52,.4); }
.frientrequest_container button.reject{ background: #E2222F; box-shadow: 0 20px 30px rgba(226,34,47,.4); }

.frientrequest_container button.accept:hover{ background: #2c932e; box-shadow: 0 20px 30px rgba(54,179,52,.6); }
.frientrequest_container button.reject:hover{ background: #bf1e29; box-shadow: 0 20px 30px rgba(226,34,47,.6); }
.frientrequest_img{ text-align: center; }
.frientrequest_img img{ max-height:380px }

.rr_dial_container{ padding: 0; margin: -40px auto -2px; display: table; position: relative; } 
.rr_dial_container button.dial{ background: #35B637; box-shadow: 0 20px 30px rgba(54,179,52,.4); }
.rr_dial_container button{ height: 40px; border-radius: 8px; font-size: 24px; font-weight: 600; color: #fff; border: 0;  padding: 0 20px }
.rr_dial_container button+button{ margin-left: 10px }
.rr_dial_container button.dial:hover{ background: #2c932e; box-shadow: 0 20px 30px rgba(54,179,52,.6); }

.rr_dial_container button.hang{ background: #E2222F; box-shadow: 0 20px 30px rgba(226,34,47,.4); }
.rr_dial_container button.hang:hover{ background: #bf1e29; box-shadow: 0 20px 30px rgba(226,34,47,.6); }
.approvedlead_dailer .table tbody tr td.tablecol{ padding: 16px 0 0 }

.toogletd{
    display: none;
}

.created_byinput{
    display:flex;
    margin-bottom:0px;
    column-gap:9px
}

.campaign_filter_btnsflex{
    display: flex;
}

@media (max-width: 991px) {
    body.frientrequest_container{ padding: 20px 0 }
    .frientrequest_container .widget-container{ width: 700px;}
    .frientrequest_left{ margin: 0 0 40px }
    body.approvedlead_dailer fieldset{ width: 720px }
    .approvedlead_dailer .tablecol .col-md-4{ padding: 0; margin: 0 0 10px }
    .approvedlead_dailer .note_text_panel .col-xs-1{ width: 50px; }
    .approvedlead_dailer .note_user{ width: 37px; height: 37px }
}

@media (max-width: 767px) {
    body.frientrequest_container{ padding: 20px !important;  }
    .frientrequest_container .widget-container{ width: 100%;}
    .frientrequest_left{ margin: 0 0 40px }
    .col-md-6{ margin-bottom: 0 }
    body.bg-1.approvedlead_dailer{ padding: 20px !important }
    body.approvedlead_dailer fieldset{ width: inherit; }

    .approvedlead_dailer .tabA .table tbody>tr>th,.approvedlead_dailer .tabA .table tbody>tr>td{ padding: 10px 12px !important; width:50%; display: inline-block; height: 42px; }
    .approvedlead_dailer .tabA .table tbody tr td.tablecol{ padding: 15px 0 0 !important; display:table-cell  }
    .approvedlead_dailer .reportingtable .table-responsive{ border:0; margin: 0 }
    .tabC .activity_row{}

    .reportingtable .table tbody>tr>th, .reportingtable .table tbody>tr>td{ padding: 10px 12px !important; width:50%; display: inline-block; height: 42px; }
    .tab-content>.tabC.active{ display: grid }
    .tabC .chat{ overflow-y: hidden;  }
    .tabC .chat .table-responsive{ margin: 0 }

    html body{
        background: #fff !important;
        padding-top: 50px !important;
    }




    .appo_dialer{
        background: #1b2127 !important;
        padding-top: 0px !important;

    }
    .appo_dialer label,
    .appo_dialer span{
        color:#fff;

    }


    .appo_dialer .form-group .form-control,
    .appo_dialer .input-group .form-control{
        background: #32383d;
        border-color: #858585;
        color: #f1eeee !important;
    }

    .appo_dialer .custom_date_time_div{
        display: table;
        width: 100%;
        margin-bottom: 15px;
    }

    .appo_dialer .input-group .input-group-addon{
        background: #58626a;
        border-color: #858585;
    }

    .appo_dialer .slots_type li{
        display: inline-flex;
        align-items: center;
        border: 0;
    }

    .appo_dialer .slots_type li.active {
        color: #fff;
        background-color: #703ce8;
        font-weight: bold;
    }

    .appo_dialer .btn.btn-primary{
        background: #703ce8 !important;
        border: 1px solid #703ce8 !important;
        color: #FFFFFF !important;
        font-weight: bold;
    }

    .appo_dialer .dailerappo_Zone{
        width: 70% !important;
    }

    .appo_dialer .dailerappo_Zone a {
        color: #00ff0a;
    }

    .dailerTimeZone{}

    .dailerTimeZoneLeft{
        width: 40% !important;
    }

    .dailerTimeZoneRight{
        width: 60% !important;
    }

    .dailerTimeZoneRight .form-group.sub_time_zone{
        width: 60%;
    }

    .dailerTimeZoneRight a.btn.btn-primary{
        width: 35%;
    }

    .dailerTimeZoneRight a.btn.btn-primary i{
        display: none;
    }

    .appo_dialer .dailer_titleLoct{
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .appo_dialer .dailer_titleLoct .col-md-6{
        width: 50% !important;
    }

    .appo_dialer .default_date_time_div .col-md-6{
        width: 50% !important;
    }

    .main-content {
        padding-bottom: 0;
    }
 .appo_dialer .modal{
    background: #32383d !important;
    color:#fff;
}
    .appo_dialer .datepicker,.appo_dialer .usetwentyfour,.appo_dialer .bootstrap-datetimepicker-widget{
        background: rgb(50, 56, 61);
        color:#fff;
    }

    .appo_dialer .datepicker,
    .appo_dialer .datepicker label,
    .appo_dialer .datepicker span,
    .appo_dialer .usetwentyfour,
    .appo_dialer .usetwentyfour label,
    .appo_dialer .usetwentyfour span{
        color:#fff;
    }

    .appo_dialer .usetwentyfour span:hover{
        background: rgba(0, 0, 0, .4);
    }
    .appo_dialer .timepicker{
        background: rgba(0, 0, 0, .4);
    }


    .appo_dialer .bootstrap-datetimepicker-widget td.old, 
    .appo_dialer .bootstrap-datetimepicker-widget td.new,
    .appo_dialer .bootstrap-datetimepicker-widget td.day,
    .appo_dialer .bootstrap-datetimepicker-widget th {
        color: #fff;
    }
    .appo_dialer .bootstrap-datetimepicker-widget th.disabled:hover,
    .appo_dialer .bootstrap-datetimepicker-widget thead tr:first-child th:hover ,
    .appo_dialer .bootstrap-datetimepicker-widget td.active:hover,
    .appo_dialer .bootstrap-datetimepicker-widget td.disabled:hover,
    .appo_dialer .bootstrap-datetimepicker-widget td span:hover,
    .appo_dialer .bootstrap-datetimepicker-widget td span.disabled:hover,
    .appo_dialer .bootstrap-datetimepicker-widget td.day:hover,
    .appo_dialer .bootstrap-datetimepicker-widget td.hour:hover,
    .appo_dialer .bootstrap-datetimepicker-widget td.minute:hover,
    .appo_dialer .bootstrap-datetimepicker-widget td.second:hover,
    .appo-dialer .bootstrap-datetimepicker-widget thead tr:first-child th:hover {
         background: rgba(0, 0, 0, .4);
        cursor: pointer;
    }

    .Custommaincontent .widget-container{
        box-shadow: none;
    }

    .created_byinput{
        margin: 10px 0;
    }

    .created_byinput .btn{
        margin: 0;
    }

    .campaign_filter_btnsflex{
        flex-wrap: wrap;
    }
    
    .campaign_filter_btnsflex .btn{
        width: 100%;
        margin-right: 0;
    }

    .tablecustom .titleremovemobile{
        display: none;
    }

    .getcampaignstatusmob{}

    .modal.getcampaignstatusmob .modal-dialog{
        width: 100% !important;
    }

    .modal.getcampaignstatusmob .modal-header{
        display: flex;
        direction: rtl;
        align-items: self-start;
        justify-content: space-between;
    }

    .getcampaignstatus.getcampaignstatusmob .modal-header .modal-title{
        font-size: 18px;
        line-height: initial;
        margin: 0 10px 0 0;
        text-align: left;
    }

    .modal.getcampaignstatusmob .modal-content{}

    .modal.getcampaignstatusmob .modal-content [class*="col-"]{
        padding: 0;
        width: 100% !important;
    }

    .modal.getcampaignstatusmob .modal-content .radio-inline{
        padding: 0;
        margin: 0;
        position: absolute;
        left: 10px;
    }

    .modal.getcampaignstatusmob .modal-content .radio-inline input[type="checkbox"] + span:before{
        width: 16px;
        height: 16px;
    }

    .modal.getcampaignstatus.getcampaignstatusmob ul li{
        padding: 8px 10px 8px 35px;
        line-height: initial;
        border-radius: 5px;
    }

    .modal.getcampaignstatus.getcampaignstatusmob ul li span:nth-child(3){
        display: block;
    }

    .modal.getcampaignstatusmob .filter_btm {
        padding: 0 0 0 10px;
    }

    .modal.getcampaignstatusmob .filter_btm .alert-info{
        font-weight: bold;
    }

    .modal.getcampaignstatusmob .filter_btm .buttons-col {
        margin: 0;
    }

    .modal.getcampaignstatusmob .filter_btm .select-col .col-md-12{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
    }

    .modal.getcampaignstatusmob .filter_btm .select-col{
        margin: 15px 0 0;
    }

    .modal.getcampaignstatusmob .filter_btm .select-col .row {
        margin: 0;
    }

    .modal.getcampaignstatusmob .filter_btm .select-col span {
        margin: 0 !important;
        top: -4px;
        position: relative;
    }

    .modal.getcampaignstatusmob .filter_btm .select-col .switch {
        width: 50px !important;
        height: 26px !important;
        margin: 0 !important;
    }

    .modal.getcampaignstatusmob .filter_btm .select-col .switch .slider:before {
        height: 18px;
        width: 18px;
    }

    .modal.getcampaignstatusmob .filter_btm .form-group{
        float: none;
    }

    .modal.getcampaignstatusmob .filter_btm .form-group .btn{
        float: none !important;
        width: 100%;
        margin: 0;
    }

    .modal.getcampaignstatusmob .filter_btm .row#mobile_link_dev{
        margin: 0;
    }

    .modal.getcampaignstatusmob .filter_btm .mobile_link{
        margin: 0;
    }

    .modal.getcampaignstatusmob .filter_btm .mobile_link.copy_btn{
        margin: 10px 0 0 !important;
    }

    .modal.getcampaignstatusmob .filter_btm .mobile_link.copy_btn .btn.pull-right{
        float: none !important;
        width: 100%;
    }

    .modal.getcampaignstatusmob .filter_btm .mobile_link.copy_btn .btn i.fa{
        color: #fff;
        margin: 0 5px 0 0;
    }

}
@media (max-width: 580px) {
    .frientrequest_container h1{ font-size: 30px }
    .frientrequest_container h4{ width: 90%; margin: 15px auto }
    .frientrequest_container button{ width: 44%; }
    .frientrequest_img img{ max-height: inherit; max-width: 80% }
    .with-nav-tabs .nav-tabs>li a{ padding: 8px 10px; height: 32px }
    .approvedlead_dailer .upper .left{ display: table; }
}
@media (max-width: 480px) {
    .frientrequest_container .widget-container{ padding: 30px 10px 20px }
    .frientrequest_container h1{ font-size: 26px }
    .frientrequest_container h4{ width: 100%; margin: 15px auto; text-align: center; }
    .frientrequest_container h4 a{ display: block; float: none; margin: 8px 0 0 }
    .frientrequest_container button{ width: 90%; font-size: 20px; height: 54px }
    .frientrequest_container button i{ font-size: 19px }
    .frientrequest_container button+button{ margin-top: 10px }
    .frientrequest_img img{ max-height: inherit; max-width: 80% }
    .approvedlead_dailer .nav{ border-radius: 5px; overflow: hidden; }
    .approvedlead_dailer .nav-tabs>li{ width: 100% }
    .approvedlead_dailer .nav-tabs>li a{ border-radius: 0; width: 100% }
    .approvedlead_dailer .tabA .table tbody>tr>th, .approvedlead_dailer .tabA .table tbody>tr>td{ width: 100% }
    .reportingtable .table tbody>tr>th, .reportingtable .table tbody>tr>td{ width:100%;}
    .approvedlead_dailer .upper{ min-height: auto !important; display: table; width: 100%; text-align: center; }
    .approvedlead_dailer .upper .left, .rr_dial_container{ width: 100%; float: none }
    .rr_dial_container{ padding-bottom: 0 }
    /*.rr_dial_container button{ float: none }*/
    .rr_dial_container button+button{ margin-top: 10px }
    .approvedlead_dailer .note_text, .approvedlead_dailer .user_note{ width: 100% }
    .approvedlead_dailer .show-notes .col-md-4{ width: 100%; margin: 0; padding: 0 }
    .reportingtable{ margin-top: -20px }
}

@media (max-width: 380px) {
    .approvedlead_dailer .note_activity p.pull-right{ display: table; width: 100%; float: none !important; padding: 2px 0 4px 15px}
    .approvedlead_dailer .note_text_panel .col-xs-1, .approvedlead_dailer .note_text_panel .col-xs-10{ width: 100%; margin-bottom: 5px }
}