@charset "UTF-8";
/*!
 *
 * Upleadr - CSS
 *
 * Version: 1.0.0
 * Author: Jesús Vergara Cortés
 *
 */
.sidebar-subnav > li > a, .sidebar-subnav > li > .nav-item {
    padding-left: 30px;
}
.sidebar-subnav li a div.pull-right{
    margin-right: 6px!important;
}
.img-language{
    width: 50%;
    margin: 0 auto;
}
.language-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.dashboard-language-list{
    min-width: 145px !important;
}
.flag-icon{
    width: 20px;
}
fieldset:last-of-type{
    border-bottom: none;
}
.alert-success{
    background-color: #27c24c;
    border-color: rgba(0, 0, 0, 0.1);
    color: #ffffff;
}
.alert-danger {
    background-color: #f05050;
    border-color: rgba(0, 0, 0, 0.1);
    color: #ffffff;
}
.form-control:focus {
    border-color: #317efe;
}
.date .form-control[readonly]{
    background-color: #fff;
}
.date .form-control,.form-control.dashboard,.form-control.dashboard:focus{
    border: 1px solid #000;
}
.date .input-group-addon{
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-color: #0058a8!important;
    background-image: -moz-linear-gradient(to bottom,#0984cf,#0070ba)!important;
    background-image: -ms-linear-gradient(to bottom,#0984cf,#0070ba)!important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#0984cf),to(#0070ba))!important;
    background-image: -webkit-linear-gradient(to bottom,#0984cf,#0070ba)!important;
    background-image: -o-linear-gradient(to bottom,#0984cf,#0070ba)!important;
    background-image: linear-gradient(to bottom,#0984cf,#0070ba)!important;
    border-color: #0984cf #0070ba #0058a8!important;
}
.c-checkbox span:before, .c-radio span:before {
    margin-left: 1px;
}
td.details-control {
   /* background: url('/assets/img/icons/details_open.png') no-repeat center center;*/
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
td.details-control .fa-plus-square-o{
    color : #27c24c;
}
td.details-control .fa-minus-square-o{
    color : #f05050;
}
tr.shown td.details-control {
    /*background: url('/assets/img/icons/details_close.png') no-repeat center center;*/
}
div.slider {
    display: none;
}
table.dataTable tbody td.no-padding {
    padding: 0;
}
.show-details span{
    border: 1px solid #c0c0c0;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 4px;
}
.adwords,.yp{
    width: 15px;
}
.adwords-dash{
    width: 28px;
}
.alert-warning{
    background-color: #ff902b;
    border-color: rgba(0, 0, 0, 0.1);
    color: #ffffff;
}
#addRedirection{
    margin-bottom: 15px;
}
.btn-default {
    background-color: #fff;
}
.btn-label.refresh {
    padding: 6px 0px;
}
.detail-square{
    font-size: 23px;
    font-weight: 100;
    text-transform: uppercase;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background: transparent;
}
table.dataTable tbody tr{
    background-color: #f7f7f7;
}
#calls thead{
    display:none
}
tr.approved {
    background-color: #ffffff !important;
}
div.dataTables_wrapper div.dataTables_filter,.dataTables_wrapper .dataTables_length {
    padding-top: 14px;
}
.dataTables_wrapper .dataTables_filter{
    text-align: left;
}
.text-success {
    color: #27c24c;
}
.text-danger {
    color: #f05050;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*=====================General========================*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
a{
    color: #0058a8;
}
a:hover{
    text-decoration: none;
}
.loadie {
    z-index: 9999;
    left: 16px;
}
body {
    font-family: "Open Sans", sans-serif;
    font-weight: lighter;
    color: #000;
}
body, .wrapper > section{
    background-color: #f7f7f7;
}
.content-wrapper > h3, .content-wrapper > .content-heading{
    background-color: #e8e8e8;
}
.topnavbar .navbar-nav > li > a:hover, .topnavbar .navbar-nav > .open > a:hover, .topnavbar .navbar-nav > li > a:focus, .topnavbar .navbar-nav > .open > a:focus {
    color: #0058a8;
}
.nav>li>a:focus, .nav>li>a:hover{
    background-color: initial;
}
.c-checkbox input[type=checkbox]:checked + span, .c-radio input[type=checkbox]:checked + span, .c-checkbox input[type=radio]:checked + span, .c-radio input[type=radio]:checked + span {
    border-color: #0058a8;
    background-color: #162737;
}
.services .c-checkbox input[type=checkbox]:checked + span, .c-radio input[type=checkbox]:checked + span, .c-checkbox input[type=radio]:checked + span, .c-radio input[type=radio]:checked + span {
    border-color: #0058a8;
    background-color: #162737;
}
.c-radio .redirections{
    margin-right: 40px;
}
.c-checkbox:hover span,
.c-radio:hover span {
    border-color: #0058a8;
}
.light{
    font-weight: lighter !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #ffffff;
    background-color: #2C2D31;
    border-color: #111113;
}
.modal-content {
    border-radius: inherit;
}
.btn-connection-erase{
    background: transparent;
    border: none;
}
.content-wrapper > h3, .content-wrapper > .content-heading {
    font-size: 24px;
    line-height: 1.1;
    color: #162737;
    margin-bottom: 20px;
    padding: 15px;
    font-weight: bold;
    border-bottom: 1px solid #cfdbe2;
}
.content-wrapper > h3 span{
    color: #323030;
}

.c-checkbox input[type=radio]:checked + span:before, .c-radio input[type=radio]:checked + span:before {
    color: #fff;
}
.c-checkbox span:before, .c-radio span:before {
    left: -1px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 100;
    line-height: 1.1;
    color: inherit;
}
.hide{
    display:none;
}
/*=====================Colors Upleadr========================*/
.back-blue-first{
    background: #0058a8;
    background: -webkit-linear-gradient(right, #0059a8, #0070ba); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #0059a8, #0070ba); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #0059a8, #0070ba); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #0059a8, #0070ba);
}
.back-blue-second{
    background: #0070ba;
    background: -webkit-linear-gradient(right, #0070ba, #0984cf); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,#0070ba, #0984cf); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #0070ba, #0984cf); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #0070ba, #0984cf);
}
.back-blue-third{
    background: #0984cf;
    background: -webkit-linear-gradient(right, #0984cf, #0058a8);/* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #0984cf, #0058a8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #0984cf, #0058a8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #0984cf, #0058a8);
}
.back-blue-dark{
    background-color: #162737;
}
.text-blue-first{
    color: #0058a8;
}
.text-blue-second{
    color: #317efe;
}
.text-blue-third{
    color: #0984cf;
}
.text-black{
    color: #191919;
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #0058a8;
    border-right: 10px solid #0070ba;
    border-bottom: 10px solid #0984cf;
    border-left: 10px solid #a3a3a3;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
    display: none;
    z-index: 1;
}
.loader-pages{
    float: right;
}
.loader-table{
    margin: 25px auto;
    display: block;
}
.dataTables_wrapper .dataTables_processing{
    background-color: transparent;
    border: none;
    background: none;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.date-mobile{
    display:none;
}
/*=====================Login========================*/
.logo-up{

}
.login-welcome{

}
.center-block{
    padding: 13rem 2rem;
    min-height: 100vh;
    text-align: center;
}
.body-login{
    color : #474748;
}
.body-login{
    /*background-color: #162737;*/
    background-image: radial-gradient(circle 800px at center,#fff 0%,#e2e2e2 100%);
}
.margin-login{
    margin-bottom: 35px;
}
.body-login button{
    height: 50px;
    padding: 0 26px;
    border: 2px solid #659bd5;
    border-radius: 25px;
    color: #fff;
    line-height: 46px;
    cursor: pointer;
    outline: none;
    background-color: #0058a8;
    width: 256px;
    margin: 0 auto 35px auto;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: width 250ms,padding 250ms,border-color 250ms,background-color 250ms;
    transition: border-color 250ms,background-color 250ms;
}
.body-login button:hover{
    background-color: transparent;
}
.login-logo{
    width: 200px;
}
.text-login{
    color: #d8d8d8;
    text-shadow: 1px 1px #191919;
}
.link-login{
    text-decoration: none;
    color: #F79D51;
    text-shadow: 1px 1px #191919;
}
.wd-xl-exp {
    width: 80%;
    text-align: center;
}
.img-logo-login{
    width: 40%;
}
.panel-dark > .panel-heading {
    color: #ffffff;
    background-color: #0058a8;
}
#form-login label {
    font-weight: lighter;
}
/* Add animation to "login panel" */
.animate-top{
    position: relative;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 2s;
    animation-name: animatetop;
    animation-duration: 2s
}
/*=====================Menu========================*/
.animate-fadeIn{
    -webkit-animation: fadeIn 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeIn 2s; /* Firefox < 16 */
    -ms-animation: fadeIn 2s; /* Internet Explorer */
    -o-animation: fadeIn 2s; /* Opera < 12.1 */
    animation: fadeIn 2s;
}
.delay-0{
    -webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
    animation-delay: 0s;
}
.delay-1{
    -webkit-animation-delay: 1.5s; /* Safari 4.0 - 8.0 */
    animation-delay: 1.5s;
}
.delay-2{
    -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
    animation-delay: 2s;
}
.delay-3{
    -webkit-animation-delay: 2.5s; /* Safari 4.0 - 8.0 */
    animation-delay: 2.5s;
}

.sidebar .nav .logout-mobile{
    display: none;
}
.wrapper > .aside {
    background-color: #12202d;;
}
/*=====================Page elements========================*/
/*Header*/
.topnavbar{
    background-color: #162737;
}
.sidebar{
    background: #162737;
}
.brand-logo img{
    max-width: 160px;
}
.brand-logo-collapsed img{
    width: 90%;
}
.info{
    position: absolute;
    top: 6px;
    right: 10px;
}
.sidebar .nav-heading {
    color: #808080;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}
.nav-heading.user-options{
    margin-top: 15px;
}
.sidebar > .nav > li > a, .sidebar > .nav > li > .nav-item {
    color: #ffffff;
}

.sidebar-subnav > li > a {
    color: #d8d8d8;
}
.sidebar > .nav > li.active > a > em, .sidebar > .nav > li.open > a > em, .sidebar-subnav li.active a {
    color: #0984cf!important;
}
.sidebar .nav > li.active {
    border-left-color: #0984cf;
}
.sidebar-subnav {
    background-color: #111e2b;
}
.sidebar .nav > li > a, .sidebar .nav > li > .nav-item {
    color: #fff;
}
.sidebar .nav > li.active, .sidebar .nav > li.open, .sidebar .nav > li.active > a, .sidebar .nav > li.open > a, .sidebar .nav > li.active .nav, .sidebar .nav > li.open .nav {
    background-color: #111e2b;
    color: #fff;
}
.sidebar .nav > li > a:focus, .sidebar .nav > li > .nav-item:focus, .sidebar .nav > li > a:hover, .sidebar .nav > li > .nav-item:hover {
    color: #fff;
    background-color: #111e2b;
}
/*=====================Dashboard========================*/
#logo-dashboard{
    width: 25%;
}
.page-header {
    margin: 20px 0 21px;
}
#filterCalls{
    margin-bottom: 5px;
    margin-top: -50px;
}
.margin-filter{
    margin-bottom: 10px;
}
.ct-label {
    fill: rgba(0, 0, 0, 1)!important;
    color: rgba(0, 0, 0, 1)!important;
    font-size: 10px!important;
    font-weight: 400!important;
}
.ct-series-a .ct-line{
    /* Set the colour of this series line */
    stroke: #0984cf!important;
    /* Control the thikness of your lines */
    /*stroke-width: 4px;*/
    /* Create a dashed line with a pattern */
    fill:none;
    stroke-width:4px;
    stroke-dasharray:5px;
    -webkit-animation:dashoffset 2s linear infinite;
    -moz-animation:dashoffset 2s linear infinite;
    -o-animation:dashoffset 2s linear infinite;
    animation:dashoffset 2s linear infinite;
}
.ct-series-a .ct-point{
    stroke: #0058a8!important
}
.ct-series-a .ct-bar{
    stroke: #162737!important;
}
.ct-series-b .ct-bar{
    stroke: #317efe!important;
}
audio{
    width: 240px;
    height: 30px;
    margin-bottom: -5px;
}
@keyframes dashoffset{
    0%{
        stroke-dashoffset:0
    }
    100%{
        stroke-dashoffset:-20px
    }
}
.chartist-tooltip{
    background: #191919!important;
    color: #ffffff!important;
    font-family: "Open Sans", sans-serif!important;
}
.chartist-tooltip:before{
    border-top-color: #191919!important;
}
.label-green{
    background-color: #1e983b;
}
.label-red{
    background-color: #ec2121;
}
.filters-button{
    float: left;
    margin-right: 5px;
}
select.filters-button,.date.filters-button{
    width: 45px;
}
.leads-panels{

}
.leads-panels h3{
    margin: 0;
}
/*=====================Accounts page========================*/
.title-dashboard{
    margin-bottom: 30px;
}
.dashboard-squares{
    height: 115px;
    color: #fff;
}
.select-expertiseo{
    display: block;
    width: 100%;
    height: 35px;
    padding: 6px 16px;
    font-size: 12px;
    line-height: 1.52857143;
    color: #3a3f51;
    background-color: transparent;
    border: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.user-site{
    color: #000;
    text-decoration: none;
}
.user-site:hover{
    color: #0058a8;
    text-decoration: none;
}
.non-clickable:hover{
    background-color: transparent!important;
}
.non-clickable > td{
    padding: 0px!important;
}
td .icon-user-following{
    color: #27C24C;
    margin-right:5px;
}
td .icon-user-unfollow {
    color: #F05050;
    margin-right: 5px;
}
.btn-create{
    margin-bottom: 30px;
    margin-top: 21px;
}
.site-link{
    color: initial;
    text-decoration: none;
}
.site-link:hover{
    color: initial;
    text-decoration: none;
}
.panel-number{
    border: 1px solid #363435;
    margin-bottom: 10px;
}

tr.clickable{
    font-size: 12px;
}
tr.clickable strong,tr.clickable em{
    font-size: 14px;
}
/*=====================Services========================*/
.panel-conditions {
    border: none;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.panel-conditions .panel-body {
    padding: 0;
}
.panel-conditions table{
    text-align: center;
}
.panel-conditions table tr td{
    padding: 13px;
}
.heading-services p{
    font-size: 29px;
    font-weight: lighter;
}
.heading-services, .footer-link{
    color: #fff;
}
.footer-services{
    text-align: center;
    border-radius: initial;
}
.heading-services{
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    text-align: center;
}
.footer-link{

}
.list-services{
    text-align: center;
}
.list-services li{
    height: 25px;
}
.list-services li hr{
    margin-top: 6px;
}
/*=====================Audio player========================*/
/*.audiojs{
    width: 226px;
    height: 19px;
    float: right;
}
.audiojs .play-pause{
    height: 22px;
    padding: 0px 0px;
}
.audiojs .play {
    background: url("/V3/assets/vendor/audiojs/player-graphics.gif") -2px -5px no-repeat;
}
.audiojs .pause {
    background: url("/V3/assets/vendor/audiojs/player-graphics.gif") -2px -95px no-repeat;
}
.audiojs p {
    width: 25px;
    height: 19px;
}
.audiojs .scrubber{
    width: 90px;
    margin: 4px;
    height: 12px;
}
.audiojs .progress {
    height: 10px;
}
.audiojs .time{
    line-height: 20px;
    height: 19px;
}*/
.audiojs{
    width: 90px;
    height: 15px;
    background: transparent;
    padding: 1px 0px;
    color: #333333;
    box-shadow: none;
    font-family: inherit;
    font-size: 10px;
}
.audiojs .play-pause{
    width: 18px;
    height: auto;
    padding: 0px;
    margin-right: 3px;
    border-right: none;
}
.audiojs .play {
    background: none;
}
.audiojs .pause {
    background: none;
}
.audiojs p {
    width: 22px;
    height: 13px;
}
.audiojs .scrubber{
    width: 35px;
    margin: 2px 0px 0px 6px;
    height: 12px;
    background: transparent;
    border-top: none;
}
.audiojs .progress {
    height: 10px;
}
.progress {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.audiojs .played {
    display: none;
}
.audiojs .time{
    height: auto;
    line-height: 12px;
    margin: auto;
    padding: 0;
    border-left: none;
    color: #333333;
    text-shadow: none;
}
.audiojs .progress {
    background: #27c24c;
}
/*otro*/
/*.audiojs audio { position: absolute; left: -1px; }
.audiojs {
    width: 460px; height: 36px; background: #404040; overflow: hidden; font-family: monospace; font-size: 12px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
    background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}
.audiojs .play-pause { width: 25px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #000; }
.audiojs p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }
.audiojs .play { display: block; }
.audiojs .scrubber { position: relative; float: left; width: 280px; background: #5a5a5a; height: 14px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden; }
.audiojs .progress { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #ccc; z-index: 1;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
    background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%);
}
.audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
    background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%);
}
.audiojs .time { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); }
.audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; }
.audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }
.audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff;
    text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;
}
.audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }
.audiojs .play { background: url("$1") -2px -1px no-repeat; }
.audiojs .loading { background: url("$1") -2px -31px no-repeat; }
.audiojs .error { background: url("$1") -2px -61px no-repeat; }
.audiojs .pause { background: url("$1") -2px -91px no-repeat; }
.playing .play, .playing .loading, .playing .error { display: none; }
.playing .pause { display: block; }
.loading .play, .loading .pause, .loading .error { display: none; }
.loading .loading { display: block; }
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }
.error .error { display: block; }
.error .play-pause p { cursor: auto; }
.error .error-message { display: block; }*/
/*=====================Animations========================*/

/*From top to bottom*/
@-webkit-keyframes animatetop {
    from { top:-40px; opacity:0 }
    to { top:0px; opacity:1 }
}
@keyframes animatetop {
    from{ top:-40px; opacity:0 }
    to{ top:0; opacity:1 }
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*FadeIN*/

/* Firefox < 16 */
@-moz-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/*=====================DATES=================================*/

.ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #E8CEB7;
    border-radius: 4px;
    color: #000;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer;
}
.ranges li.active {
    background: #F79D51;
    border: 1px solid #F79D51;
    color: #fff;
}
.ranges li:hover {
    background: #DD5C34;
    border: 1px solid #DD5C34;
    color: #fff;
}
.applyBtn{
    background: #DD5C34;
    color: #fff;
}
.applyBtn:hover{
    color: #ffffff;
    background-color: #B34826;
    border-color: #DD5C34;
}
.applyBtn[disabled]{
    background-color: #DD5C34;
    color: #fff;
}

.daterangepicker .input-mini.active {
    border: 1px solid #ccc;
    border-radius: 4px;
}
.daterangepicker td.in-range {
    background-color: #f7f7f7;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #DD5C34;
    border-color: transparent;
    color: #fff;
}
/*======================PRICE Tables========================*/
/*Pricing table and price blocks*/
.price-head h1 {
    text-align: center;
    margin-top: 2em;
    font-size: 3em;
    color: #fff;
}
.price-head h3 {
    color: #404042;
    font-size: 3em;
    text-decoration: none;
    font-weight: 700;
}
.pricing-grids {
    margin: 12% 0;
}
/*----*/
.pricing-grid1,.pricing-grid2,.pricing-grid3 {
    text-align: center;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    padding: 0;
    border: none;
    border-radius: 0.7em;
    -webkit-border-radius: 0.7em;
    -o-border-radius: 0.7em;
    -moz-border-radius: 0.7em;
}
.pricing-grid3{
    margin-right: 0;
}
.pricing-grid1:hover,.pricing-grid2:hover,.pricing-grid3:hover {
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    z-index: 1;
    border: none;
}
.pricing-grid1:nth-child(3){
    margin-right:0;
}
.price-value h2 a,.price-value.two h3 a,.price-value.three h4 a{
    font-size: 119%;
    color:#fff;
}
.price-value,.price-value.two,.price-value.three {
    background: #512884;
    padding: 2.8em 1.8em 2em;
    border-bottom:2px solid#ffd500;
    border-top-left-radius:0.7em;
    -webkit-border-top-left-radius:0.7em;
    -o-border-top-left-radius: 0.7em;
    -moz-border-top-left-radius:0.7em;
    border-top-right-radius:0.7em;
    -webkit-border-top-right-radius:0.7em;
    -o-border-top-right-radius:0.7em;
    -moz-border-top-left-radius: 0.7em;
    position: relative;
}
.price-value.two{
    background: #312F2F;
    border-bottom:2px solid#fd6e70;
}
.price-value.three {
    background: #04dbdd;
    border-bottom:2px solid#028f87;
}
.price-value ul,.pricing-grid1 ul,.pricing-grid2 ul,.pricing-grid3 ul{
    padding: 0;
}
.price-value ul li,.pricing-grid1,.pricing-grid2 ul li,.pricing-grid3 ul li {
    list-style: none;
}
.price-value ul li{
    list-style: none;
}
.price-value  h5 span{
    color: #fbd707;
    font-size: 19px;
}
.price-value .lable{
    color: #817d94;
    font-size: 17px;
}
.price-value.two h5 span{
    color:#fe6d72;
}
.price-value.two h5 .lable{
    color:#8c8c94;
}
.price-value.three h5 span{
    color: #018f90;
}
.price-value.three h5 .lable{
    color:#9CF7F8;
}
.price-value h5 {
    padding: 11px 0;
}
.sale-box,.sale-box.two,.sale-box.three{
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 130px;
    width: 143px;
    text-align: center;
    z-index: 0;
    right:0;
    border-top-right-radius: 0.7em;
    -o-border-top-right-radius: 0.7em;
    -moz-border-top-right-radius: 0.7em;
    -webkit-border-top-right-radius: 0.7em;
}
.sale-box span.on_sale{
    font-size: 14px;
    color: #fff;
    background: #ffd400;
    text-transform: uppercase;
    padding: 58px 35px 4px 40px;
    width: 281px;
    text-align: center;
    display: block;
    position: absolute;
    left: -5px;
    top: -36px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: rotate(-44deg);
    -ms-transform: rotate(-44deg);
    transform: rotate(45deg);
    box-shadow: 3px -4px 13px 3px rgba(0,0,0,0.75);
}
.sale-box.two.sale-box span.on_sale{
    background: #F05050;
}
.sale-box.three.sale-box span.on_sale{
    background:#05AEA7;
}
.pricing-grid1 ul li a,.pricing-grid2 ul li a,.pricing-grid3 ul li a{
    color: #C7C7C7;
    font-size: 15px;
    text-align: center;
    display: block;
    padding: 16px 0;
    text-decoration: none;
    font-weight: 400;
}
.pricing-grid1 ul li.whyt a,.pricing-grid2 ul li.whyt a,.pricing-grid3 ul li.whyt a{
    background:#f4f4f4;
}
.pricing-grid1:hover div.price-bg ul li a,.pricing-grid1:hover div.price-value h3 a{
    color:#512884;
}
.pricing-grid2:hover div.price-bg ul li a,.pricing-grid2:hover div.price-value h3 a{
    color:#F05050;
    text-decoration: none;
}
.pricing-grid3:hover div.price-bg ul li a,.pricing-grid3:hover div.price-value h3 a{
    color:#04dbdd;
}
.price-bg {
    background: #fff;
}
.price-bg ul {
    padding: 0;
}
.price-bg ul li{
    list-style: none;
}
.cart1,.cart2,.cart3{
    padding: 5px 0em 20px;
    display: block;
    border-bottom: 2px solid#ffd500;
}
.cart2{
    border-bottom: 2px solid#f96d70;
}
.cart3{
    border-bottom: 2px solid#04dbdd;
}
.cart1 a,.cart2 a,.cart3 a{
    color: #FFF;
    font-size: 0.9em;
    font-weight: 500;
    padding: 0.8em 2em;
    text-decoration: none;
    background: #f7d30b;
    text-transform:uppercase;
    -webkit-appearance:none;
    border-radius:1em;
    -webkit-border-radius:1em;
    -o-border-radius:1em;
    -moz-border-radius:1em;
    outline: none;
}
.cart2 a{
    background:#F05050;
}
.cart3 a{
    background: #04dbdd;
}
.cart1 a:hover,.cart2 a:hover,.cart3 a:hover{
    color: #2b2b33;
}
/*----*/
/*---start-pricing-tabels-----*/
.payment-online-form-left{
}
form li {
    list-style: none;
}
form ul {
    padding:0;
}
.payment-online-form-left h4{
    font-size: 1.8em;
    color: #222222;
    padding: 0.5em 0;
    text-align: left;
}
.payment-online-form-left span{
    vertical-align:sub;
    margin-right: 5px;
}
.payment-online-form-left form{
    padding:0 3%;
}
.payment-online-form-left input[type="text"]{
    padding: 1em 1em;
    color: #485460;
    width: 42%;
    margin: 0.5em 0;
    border: 1px solid;
    outline: none;
    transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    float: left;
    font-size: 0.9em;
    border-color: #EEE;
    -webkit-appearance:none;
}
.payment-online-form-left input[type="text"]:hover{
    border-color:#F05050;
}
.text-box-dark{
}
/*=====================Domains========================*/
.star-active{
    color:#f8a537!important;
}
.favorite-icon{
    cursor: pointer;
    color: #8c8582;
}
.text-info{
    color: #f7a639;
}
[class*="spinner-"] {
    display: none;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 1;
    left: 50%;
    right: 50%;
    top: 50%;
    bottom: 50%;
}
.opacity-5{
    opacity: 0.5;
}
#panel-domains .tab-content {
    border-bottom: none;
}
.disabledTab {
    pointer-events: none;
}
/*=====================Extras========================*/
.show-print{
    display: none;
}

@media(max-width:1366px){
    .pricing-grid1 ul li a, .pricing-grid2 ul li a, .pricing-grid3 ul li a {
        font-size: 17px;
    }
}
@media(max-width:1024px){
    .pricing-grid1 ul li a, .pricing-grid2 ul li a, .pricing-grid3 ul li a {
        font-size: 15px;
    }
    .price-value, .price-value.two, .price-value.three {
        padding: 2em 0 1em 0;
    }
    .price-value h2 a, .price-value.two h3 a, .price-value.three h4 a {
        font-size: 1.6em;
    }
    .price-head h1 {
        margin-top: 1em;
        font-size: 2.6em;
    }
    .pricing-grids {
        margin: 8% 0;
    }
}
@media(max-width:768px){
    .pricing-grid1 h3 a, .pricing-grid2 h3 a, .pricing-grid3 h3 a {
        padding: 0.4em 1em;
        font-size: 0.7em;
    }
    .pricing-grid1, .pricing-grid2, .pricing-grid3 {
        width: 55%;
        float: none;
        text-align: center;
        margin: 1em auto;
    }
    .price-head h1 {
        margin-top: 1em;
        font-size: 2.4em;
    }
    .cart1, .cart2, .cart3 {
        padding: 2em 0em 2em;
    }
}
@media(max-width:640px){
    .pricing-grid1 ul li a, .pricing-grid2 ul li a, .pricing-grid3 ul li a {
        font-size: 15px;
    }
    .pricing-grid1, .pricing-grid2, .pricing-grid3 {
        width: 65%;
        float: none;
        text-align: center;
        margin: 1em auto;
    }
    .pricing-grid1 ul li a, .pricing-grid2 ul li a, .pricing-grid3 ul li a {
        font-size: 15px;
        padding: 13px 0;
    }
    .payment-online-form-left input[type="text"] {
        padding: 1em 1em;
        width: 93%;
    }
    .payment-sendbtns {
        float: none;
        margin: 2em 0 1.5em;
    }
}
@media(max-width:480px){
    #dashboard #content-div{
        margin-top: -25px;
    }
    .margin-bottom{
        margin-bottom: 10px;
    }
    .content-wrapper {
        padding: 0px;
        padding-top: 15px;
    }
    .table > tbody > tr > td {
        line-height: 1.4;
    }
    .navbar-right,.date-desktop{
        display:none;
    }
    .navbar-nav {
        margin: 0px -15px;
    }
    .sidebar .nav .logout-mobile,.date-mobile{
        display:block;
    }
    td .icon-user-following,td .icon-user-unfollow {
        margin-right: 0;
    }
    .td-calls strong{
        font-size: 12px;
    }
    .wrapper > .aside .aside-inner {
        padding-top: 50px;
    }
    .layout-fixed .wrapper > section {
        margin-top: 57px;
    }
    .pricing-grid1, .pricing-grid2, .pricing-grid3 {
        width: 81%;
    }
    .price-head h1 {
        margin-top: 1em;
        font-size: 2.1em;
    }
    .payment-online-form-left input[type="text"] {
        padding: 1em 1em;
        width: 91%;
    }
    .pop_up {
        border: 7px solid#485460;
    }
}
@media(max-width:320px){
    .pricing-grid1, .pricing-grid2, .pricing-grid3 {
        width: 100%;
        margin-right: 0;
    }
    .price-value h2 a, .price-value.two h3 a, .price-value.three h4 a {
        font-size: 1.2em;
    }
    .price-value h5 span,.price-value .lable {
        font-size: 16px;
    }
    .price-head h1 {
        margin-top: 1em;
        font-size: 1.5em;
    }
    .payment-online-form-left input[type="text"] {
        padding: 0.8em 0.8em;
        width: 86%;
        font-size: 13px;
        margin: 3px;
    }
    .pop_up {
        border: 4px solid#485460;
    }
    .payment-online-form-left h4 {
        font-size: 1.4em;
    }
    .payment {
        background: url(http://preview.w3layouts.com/demos/flat_pricing_tables_design/web/images/icon.png) no-repeat -152px -21px;
    }
    .footer p {
        font-size: 0.9em;
        line-height: 1.5em;
    }
    ul.payment-sendbtns li {
        margin-top: 1em;
    }

}

/*=====================Responsive========================*/
@media only screen and (max-width: 768px){
    .navbar-header {
        background-image: none!important;
    }
    #filterCalls{
        margin-top: 0;
    }
}
@media only screen and (max-width: 700px){
    .table{
        font-size: 12px;
    }
    .details-call{
        font-size: 10px;
    }
}
@media only screen and (max-width: 480px){
    .hide-mobile{
        display: none;
    }
}

/*=====================Rapport========================*/
@media print{
    /*=====================General========================*/
    *{
        -webkit-print-color-adjust: exact!important;
        print-color-adjust: exact!important;
    }
    body {

    }
    body, .wrapper > section{
        background-color: #FFFFFF !important;
    }
    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #FFFFFF; !important;
    }
    .content-wrapper{
        border-top: none!important;
        margin-top: 30px!important;
    }
    .show-print{
        display: block;
    }
    .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,.col-md-2,.col-md-10,.col-md-12,.col-print-2,.col-print-10,.col-print-6 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10,.col-print-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2,.col-print-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-6 {
        width: 33.33333333%;
    }
    .col-md-12 {
        width: 33.33333333%;
    }
    .layout-fixed .wrapper > section {
        margin-top: 0 !important;
    }
    .hide-print{
        display: none;
    }
    .print-full{
        /*width: 100% !important;*/
    }
    .widget {
        margin-bottom: 5px!important;
    }
    .page-header {
        margin: 15px 0 10px!important;
    }
    .col-print-6{
        width: 50%!important;
    }
    /*===================== Squares ========================*/
    .dashboard-squares{
        background-color: #0058a8 !important;
    }
    .back-blue-first{
        background: linear-gradient(to right, #0059a8, #0070ba)!important;
    }
    .back-blue-second{
        background: linear-gradient(to right, #0070ba, #0984cf)!important;
    }
    .back-blue-third{
        background: linear-gradient(to right, #0984cf, #0058a8)!important;
    }
    .back-blue-dark{
        background-color: #162737;
    }
    .text-blue-first{
        color: #0058a8;
    }
    .text-blue-second{
        color: #317efe;
    }
    .text-blue-third{
        color: #0984cf;
    }
    .text-black{
        color: #191919;
    }

    .dashboard-squares em:before,.dashboard-squares span,.text-uppercase{
        color: #fff !important;
        /*font-size: 14px;*/
        -webkit-print-color-adjust: exact!important;
    }
    .pv-lg {
        /*padding-top: 0 !important;
        padding-bottom: 0 !important;*/
    }
    .dashboard-squares span{
        /*font-size: 14px;*/
    }
    .h3, h3 {
        /*font-size: 17px;*/
    }
    .fa-3x {
        /*font-size: 2em;*/
    }
    /*===================== Two columns ========================*/
    .col-left-print{
        display: none;
    }
    .col-right-print {
        width: 100%!important;
    }
    .page-header {
        margin: 15px 0 15px 0 !important;
    }
    /*=====================Charts========================*/
    line.ct-grid {
        stroke: rgba(0,0,0,.2)!important;
        stroke-width: 1px!important;
        stroke-dasharray: 2px!important;

    }
    span.ct-label{

    }
    span.span-print{

    }

    /*===================== Source ========================*/
    .bg-danger em:before{
        color: #fff !important;
        -webkit-print-color-adjust: exact!important;
    }
    .bg-danger{
        background-color: #f05050!important;
    }
    .bg-gray{
        background-color: #dde6e9!important;
    }
    /*=====================Table========================*/
    .table {
        width:100%!important;
    }

    .fa-google:before{
        color: #ea4335!important;
    }
    .icon-user-unfollow:before{
        color: #F05050!important;
    }
    .icon-user-following:before{
        color: #27C24C!important;
    }
    .text-blue-second:before {
        color: #317efe!important;
    }
    .bottom{
        display: none;
    }
/*==================Info========================*/
    .text-muted{
        color: #777!important;
    }
    span.ct-horizontal{
        display: none!important;
    }

}