@import "bootstrap.min.css";
@import "daterangepicker.css";
@import "font-awesome.min.css";
@import "fira-sans-font.css";
@import "custom-forms.css";
@import "action-settings.css";
@import "header.css";
@import "sidebar.css";
@import "spacing-helper.css";
@import "progress-circle.css";

@import "main-update.css";
body{
    font-family: 'Fira sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 24px;
    color: #333333;
}

.table{
    color: #333333;
}
.fa-phone{
    color: #0BCE35;
}
.fa-commenting-o{
    color: #FD9B27;
}
.fa-envelope-o{
    color: #27A3FD;
}
.fa-times-circle-o{
    color: #FF465C;
}
.bg-blue{
    background: #E1EEF5;
    border-radius: 5px;
    font-size: 14px;
    color: #3A8BBB;
    font-weight: bold;
    padding: 7px 13px;
    display: inline-block;
    border: none;
}
.text-red{
    color: #FF465C;
}
.text-green{
    color: #0BCE35;
}
.green-btn{
    background-color: #00b2a9;
    padding: 13px;
    color: white;
    border: none;
    line-height: 27px;
    border-radius: 10px;
}
.green-btn i{
    font-size: 27px;
    float: left;
    margin-right: 10px;
}

/** Head Title */
.head-title{
    margin: 3rem 0 40px 0;
}
.head-title h2{
    font-size: 24px;
    line-height: 66px;
    margin-bottom: 0;
    font-weight: bold;
    float: left;
}
.head-title h2.double{
    line-height: 24px;
    margin-top: 10px;
}
.head-title h2 span{
    font-size: 14px;
    line-height: 24px;
    color: #9299A2;
    font-weight: normal;
    text-align: left;
}
.head-title .links{
    float: right;
}
.head-title .links a.blue-bg,
.head-title .links a.white-bg{
    background-color: #E1EEF5;
    border-radius: 18px;
    padding: 9px 17px;
    color: #3A8BBB;
    font-weight: bold;
    font-size: 16px;
    line-height: 48px;
    display: inline-block;
}
.head-title .links a.double{
    line-height: 24px;
}
.head-title .links a.white-bg{
    background-color: white;
    color: #3A8BBB;
    border: 1px solid #DDDFE0;
}
.head-title .links a i{
    font-size: 24px;
    line-height: 47px;
    float: left;
    margin-right: 12px;
}
.head-title .last-upload{
    float: left;
    margin: 0 0 0 21px;
    color: #9299A2;
    font-size: 14px;
    line-height: 21px;
}
@media (max-width: 992px) {
    .head-title .last-upload {
        display: none;
    }
}
.head-title .close-ico{
    float: right;
    font-size: 26px;
    color: #9299A2;
    line-height: 66px;
}

/** Table Selectable */
.table.table-custom.selectable tbody tr{
    cursor: pointer;
}
.table.table-custom.selectable tr.active{
    background-color: #3A8BBB;
    border-radius: 6px;
    color: white;
}
.table.table-custom.selectable tr.active td{
    border-bottom: none;
}
.table.table-custom.selectable tr.active td:first-child{
    border-radius: 6px 0 0 6px;
}
.table.table-custom.selectable tr.active td:last-child{
    border-radius: 0 6px 6px 0;
}
.table.table-custom.selectable td{
    padding: 28px;
    position: relative;
}
.table.table-custom.selectable td .fa.fa-check-circle-o,
.table.table-custom.selectable td .fa.fa-circle-thin{
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -12px;
}
.table.table-custom.selectable td .fa.fa-circle-thin{
    color: #DDDFE0;
}

/** Custom table */
.table.table-custom.pad-st td{
    padding: .75rem;
}
.table.table-custom th,
.table.table-custom td{
    border-bottom: 1px solid #DDDFE0;
    border-top: none;
}
.table.table-custom th:first-child,
.table.table-custom td:first-child{
    padding-left: 0;
}
.table.table-custom th{
    cursor: pointer;
    font-size: 14px;
    line-height: 17px;
    color: #9299A2;
    font-weight: normal;
    vertical-align: top;
    position: relative;
    padding-right: 20px;
}
.table.table-custom th i {
    position: absolute;
    top: 13px;
    right: 0;
}
.table.table-custom th .fa-sort-up,
.table.table-custom th .fa-sort-down{
    color: #3A8BBB;
}
.table.table-custom td{
    padding: 28px;
    vertical-align: middle;
    position: relative;
}
.table.table-custom td a{
    color: #3A8BBB;
}
.table.table-custom td:last-child .fa-ellipsis-h{
    position: absolute;
    color: #DDDFE0;
    right: 25px;
    cursor: pointer;
    font-size: 24px;
}
.table.table-custom th.unload{
    min-width: 165px;
}
.table.table-custom th.unload div{
    margin-top: 5px;
    cursor: pointer;
}
.table.table-custom th.unload i{
    font-size: 24px;
    float: left;
    margin-right: 7px;
    line-height: 31px;
    position: inherit;
    top: 0;
}
.table.table-custom th.unload .fa-circle-thin{
    color: #DDDFE0;
}
.table.table-custom th.unload .fa-check-circle-o{
    color: #3A8BBB;
}
.table.table-custom td.td-ico i{
    font-size: 24px;
    margin-right: 8px;
    float: left;
}
.table.table-custom.processing th .header{
    font-size: 18px;
    line-height: 24px;
    color: #333333;
    font-weight: bold;
}
.table.table-custom.processing th .date-range-picker{
    color: #9299A2;
    cursor: pointer;
    margin-top: 10px;
    display: block;
}
.table.table-custom.processing th .date-range-picker i{
    position: inherit;
    font-size: 17px;
}
.table.table-custom.processing th .date-range-picker input{
    border: none;
    font-size: 14px;
    height: 17px;
    color: #9299A2;
    cursor: pointer;
}
.table.table-custom.processing td:first-child{
    color: #9299A2;
    padding-left: 0;
}
.table.table-custom.processing td{
    font-size: 14px;
    line-height: 17px;
}

/** Telemarketing */
.table.table-custom.telemarketing td a{
    color: #00B2A9;
}
.table.table-custom.telemarketing th .fa-sort-up,
.table.table-custom.telemarketing th .fa-sort-down{
    color: #00B2A9;
}
.table.table-custom.telemarketing td{
    font-size: 16px;
    line-height: 19px;
}

/** Table doc uploading*/
.table.table-custom.uploaded-files td,
.table.table-custom.doc-print td{
    color: #9299a2;
    font-size: 14px;
}
.table.table-custom.uploaded-files td:first-child,
.table.table-custom.doc-print td:first-child{
    color: #333333;
}
.table.table-custom.uploaded-files td i,
.table.table-custom.doc-print td i{
    cursor: pointer;
}

/** Table uploader */
.table.uploader{
    margin-top: 20px;
}
.table.uploader th,
.table.uploader td{
    border: none;
    color: #9299A2;
    font-size: 18px;
    font-weight: normal;
}
.table.uploader th{
    margin-bottom: 30px;
    font-size: 14px;
    vertical-align: top;
}
.table.uploader td i{
    color: #9299A2;
    cursor: pointer;
}
.table.uploader td a.invalid{
    color: #FF465C;
    text-decoration: underline;
}
.table.uploader td:first-child{
    color: #333333;
    font-size: 24px;
}
.table.uploader .progress{
    height: 10px;
    line-height: 41px;
    margin-top: 7px;
    border-radius: 5px;
}
.table.uploader .progress .progress-bar{
    background-color: #3EDF82;
}
.sent-scoring{
    display: block;
    font-size: 18px;
    line-height: 24px;
    padding: 21px;
    width: 100%;
    margin-top: 50px;
}
.sent-scoring i{
    font-size: 26px;
    margin-right: 10px;
}

/** Drag & Drop */
.drag-and-drop{
    padding: 40px;
    border: 1px dashed #9299A2;
    border-radius: 18px;
    text-align: center;
    cursor: pointer;
}
.drag-and-drop i{
    font-size: 58px;
    color: #EEF2F7;
    margin-right: 10px;
}
.drag-and-drop span{
    font-size: 18px;
    line-height: 30px;
    display: inline-block;
}
.drag-and-drop span a{
    font-weight: bold;
    color: #3A8BBB;
}

/** Client Info */
.client-info{
    font-size: 14px;
    color: #333333;
    line-height: 30px;
}
.client-info a{
    color: #0099cc;
    font-weight: bold;
}
.client-info .color-green{
    color: #66cc00;
}

/** Dashboard */
.dashboard{
    background-color: #f1f4fa;
}
.dashboard img{
    width: 100%;
}
.dashboard .head-title .float-right a label,
.dashboard .head-title .float-right a input{
    cursor: pointer;
    font-size: 14px;
}
.dashboard .head-title .float-right a{
    text-decoration: none;
    color: #6c7687;
    cursor: pointer;
    font-size: 20px;
    line-height: 66px;
}
.dashboard .range ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.dashboard .range ul li{
    float: left;
}
.dashboard .range ul li a{
    background-color: #fcfdff;
    font-size: 12px;
    color: #8491a8;
    text-decoration: none;
    padding: 6px;
    border: 1px solid #adbbd4;
    border-left: none;
}
.dashboard .range ul li:first-child a{
    border-radius: 5px 0 0 5px;
    border-left: 1px solid #adbbd4;
}
.dashboard .range ul li:last-child a{
    border-radius: 0 5px 5px 0;
}

.dashboard p{
    margin-bottom: 0;
}
.dashboard .white-block{
    background-color: white;
    border-radius: 10px;
    padding: 10px;
}
.dashboard .sales-funnel{
    margin: 26px 0 6px 0;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    width: 227px;
    float: left;
}
.dashboard .trapezoid {
    position: relative;
    overflow: hidden;
    color: white;
}
.dashboard .trapezoid:nth-child(2) span{
    margin-top: 10px;
}
.dashboard .trapezoid span{
    display: inline-block;
    margin-top: 15px;
}
.dashboard .trapezoid:after{
    content: "";
    position: absolute;
    width: 25px;
    height: 118%;
    transform: rotate(20deg);
    transform-origin: 84% 100%;
    background: white;
    right: 0;
}
.dashboard .trapezoid:before{
    content: "";
    position: absolute;
    width: 50%;
    height: 25px;
    transform: rotate(70deg);
    transform-origin: 0 0;
    background: white;
    left: 0;
}
.dashboard .yellow{
    background-image: linear-gradient(180deg, rgba(247,219,103,1) 0%, rgba(237,190,1,1) 100%);
}
.dashboard .pink{
    background: linear-gradient(180deg, rgba(254,65,108,1) 0%, rgba(248,52,97,1) 100%);
}
.dashboard .violet{
    background: linear-gradient(180deg, rgba(168,33,107,1) 0%, rgba(183,33,115,1) 100%);
}
.dashboard  .sales-funnel-list{
    float: right;
    list-style: none;
    font-size: 10px;
    padding: 0;
    margin-top: 120px;
    line-height: 16px;
}
.dashboard  .sales-funnel-list li{
    margin-bottom: 10px;
}
.dashboard  .sales-funnel-list span{
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 10px;
    float: left;
}
.dashboard .progress-block{
    padding: 25px 15px;
}
.dashboard .progress-block .title{
    font-size: 12px;
    margin-bottom: 9px;
    line-height: 12px;
}
.dashboard .progress-block .value{
    font-size: 17px;
    line-height: 17px;
    font-weight: bold;
    color: #15b1b6;
    margin-bottom: 10px;
}
.dashboard .progress-block .progress{
    border-radius: 0;
}
.dashboard .progress-block .progress.green{
    background-color: #2a9a9d;
}
.dashboard .progress-block .progress.green .progress-bar{
    background-color: #f76c45;
}
.dashboard .progress-block .progress.yellow{
    background-color: #efc311;
}
.dashboard .progress-block .progress.yellow .progress-bar{
    background-color: #ef2151;
}

/** Progress circle */
.progress-circle canvas{
    height: 180px;
}
.progress-circle p.title{
    text-align: center;
    margin-top: 10px;
}