@import url('../fonts/fonts.css');
@import url('../fonts/icons/fonts.css?v=1');
@import url('../fonts/fontawesome/font-awesome.min.css');
:root{
    --font-family:'DM Sans', sans-serif;
}
html{font-size: 14px;}
body{
    font-family: var(--font-family);
    font-weight: 400;
    font-style: normal;
    margin: 0;
    color: #191B1D;
    font-size: 14px;
    overflow-x: hidden !important;
    background-color: #f5f7fa;
}

.container-lg{
    max-width:1302px;
}
.row-block{
    margin-right: -15px;
    margin-left: -15px;
}

.mix-overlay{mix-blend-mode: multiply;}

.text-theme{color:#076aff;}
.text-body{color:#191B1D;}
.text-black{color: #000 !important;}
.text-white{color:#fff; !important;}
.text-red{color:#dc3545!important;}

a{color:#076aff;}
a:hover{color:#076aff;}
a.disabled{pointer-events: none;opacity: 0.5;}

/*.btn+.btn,*/
/*.btn-action+.btn-action{margin-left: 5px;}*/

.bg-theme{background: #076aff;}

.fs-10{font-size: 10px !important;}
.fs-12{font-size: 12px !important;}
.fs-14{font-size: 14px !important;}
.fs-16{font-size: 16px !important;}
.fs-18{font-size: 18px !important;}
.fs-20{font-size: 20px !important;}
.fs-24{font-size: 24px !important;}
.fs-30{font-size: 30px !important;}

.show{display: block !important;}
.hide{display: none !important;}

.min-w-100{min-width: 100px;}
.min-w-80{min-width: 80px;}
.w-80{width: 80%;}

.badge.min-w-80{font-weight: 500;letter-spacing: 0.4px;}

.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}


/* Start : theme button */
.btn-theme {color: #fff;background-color: #076aff;border-color: #076aff}
.btn-theme:hover {color: #fff;background-color: #2f82ff;border-color: #2f82ff}
.btn-theme.focus,.btn-theme:focus {color: #fff;background-color: #2f82ff;border-color: #2f82ff;box-shadow: 0 0 0 .2rem rgba(47,130,255,0.5);}
.btn-theme.disabled,.btn-theme:disabled {color: #fff;background-color: #D1D5DB;border-color: #D1D5DB}
.btn-theme:not(:disabled):not(.disabled).active,
.btn-theme:not(:disabled):not(.disabled):active,
.show > .btn-theme.dropdown-toggle {color: #fff;background-color: #2775e9;border-color: #2775e9}
.btn-theme:not(:disabled):not(.disabled).active:focus,
.btn-theme:not(:disabled):not(.disabled):active:focus,
.show > .btn-theme.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(47,130,255,0.5)}


.btn-outline-theme{color:#076aff;border-color:#076aff !important;}
.btn-outline-theme:hover{color:#fff;background-color:#076aff;border-color:#076aff}
.btn-outline-theme.focus,
.btn-outline-theme:focus{box-shadow: 0 0 0 .2rem rgba(47,130,255,0.5)}
.btn-outline-theme.disabled,
.btn-outline-theme:disabled{color:#076aff;background-color:transparent}
.btn-outline-theme:not(:disabled):not(.disabled).active,
.btn-outline-theme:not(:disabled):not(.disabled):active,
.show>.btn-outline-theme.dropdown-toggle{color:#fff;background-color:#076aff;border-color:#076aff}
.btn-outline-theme:not(:disabled):not(.disabled).active:focus,
.btn-outline-theme:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-theme.dropdown-toggle:focus{box-shadow: 0 0 0 .2rem rgba(47,130,255,0.5)}

.btn{font-weight: 500;line-height: 1.822;}
.btn.btn-it i{margin-right: 4px;}

.btn-outline-danger{color:#EF4A42;border-color:#EF4A42 !important;}

/* End : theme button */

/* Start : Form custom css */
.form_wrap{}
.form-group{margin-bottom: 15px;position: relative;}
.form-group label:not(.custom-control-label):not(.error) em{color: red;}
.form-group label:not(.custom-control-label):not(.error){font-weight: 500;font-size: 14px;line-height: 18px;margin-bottom: 5px;color: #191B1D;letter-spacing: 0.5px;}
.form-group label .mandatory{color:#FF5444;}
.form-group .form-control{border-radius:4px;border-color:#cbd5e1;background-color: #FFF;font-size: 14px;line-height: 20px;padding: .3rem .5rem;height: 30px;font-weight: 500;}
.form-group textarea.form-control{height: auto}
.form-group .form-control:focus{box-shadow:none;border-color: #80bdff;}


.form-control:disabled,
.form-control[readonly] {background-color: rgba(224, 224, 224,0.4);}

.form-group input::-webkit-input-placeholder {color:#6b7280;font-weight: 500;}
.form-group input:-ms-input-placeholder {color:#6b7280;font-weight: 500;}
.form-group input::placeholder {color:#6b7280;font-weight: 500;}

.card-form{display: flex;align-items: center;justify-content: space-between;}
.card-form .card-inputs{flex:1;max-width: 100%;}
.card-form .form-control{border-radius:4px;border: 0;background-color: #F0F2F5;font-size: 14px;line-height: 20px;padding: 8px 12px;height: 38px;font-weight: 500;}
.card-form .form-control:focus{box-shadow: 0 0 0 0.2rem rgb(167 177 187 / 25%);}
.card-form .card-inputs .form-group{margin: 0;}
.card-form .card-action{display: flex;align-items: center;justify-content: flex-end;gap: 8px;}
/* End : Form custom css */


/* Start : Error */
.error.error_preview:empty {display: none !important}
.error.error_preview {position: absolute;background: #ea4031;font-weight: 400;z-index: 2;left: inherit;right: 0;bottom: 48px;min-width: 50px;padding: 2px 8px;color: #fff !important;text-align: center;text-decoration: none;border: 1px solid #ea4031;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;word-wrap: break-word;font-size: 12px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;width: auto !important;box-shadow: 0 1px 2px rgba(0, 0, 0, .4);max-width: 240px}
.error.error_preview:after {border-bottom: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #ea4031;content: "";left: 30px;z-index: 1;position: absolute;bottom: -6px}
/* End : Error */

/* Start : btn action */
.btn-action{padding: 5px 7px;position: relative;border-radius: 4px;text-decoration: none;border:1px solid transparent;line-height: 1;font-size: 14px;font-weight: normal;vertical-align: middle;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;user-select: none;text-align: center;display: inline-flex;align-items: center;justify-content: center;}
.btn-action:hover{text-decoration: none;border-color: transparent}
.btn-action:active,.btn-action:focus{border-color: transparent}
.btn-action>i{height: 17.5px;width: 17.5px;display: flex;align-items: center;justify-content: center}
.btn-action.btn-it>i{margin-right: 4px;}
.btn-action.btn-primary{background: #e0efff; color: #007bff;}
.btn-action.btn-warning{background: #fff7e1; color: #FBB000;}
.btn-action.btn-success{color:#1FB048;  background: #E7F7EA;}
.btn-action.btn-info{background: #dcf1f4; color:#17a2b8;}
.btn-action.btn-danger{background:#FFEDF0; color:#EF4A42;}
.btn-action.btn-dark{background:#e3e3e4; color:#191B1D;}
.btn-action.btn-light{background: #F0F2F5;color:#191B1D;}
/* End : btn action */


/* Start : action button set in each col */
.action-buttons {display: grid;gap: 7px;justify-content: end;}
.grid-column {grid-auto-flow: row;}
.grid-2x2 {grid-template-columns: repeat(2, auto);}
.grid-2-3 {grid-template-columns: repeat(2, auto);}
.grid-2-3 .btn-action:nth-child(n+3) {grid-column: span 1;}
/* Start : action button set in each col */

/* Start : theme table  */
.card{border-radius:8px;}
.card-theme{margin-bottom: 20px;border-radius: 8px;}
.card-theme .card-footer,
.card-theme .card-header{background-color: transparent;}
.card-theme .card-header.card-flex{display: flex;align-items: center;justify-content: space-between}
.card-theme .card-header .card-title{color:#4b5563;font-size: 15px;font-weight: 600;margin: 0;}

.card-tabs{}
.card-tabs .card-header{background-color: transparent;padding-bottom: 0;}
.card-tabs .card-header .nav-tabs{margin-bottom: -1px;}
.card-tabs .card-header .nav-tabs .nav-link{font-weight: 500;font-size: 15px;}

.card-table{margin-bottom: 20px;}
.card-table table{margin:0px;border-top:0;}
.card-table table .flag-icon{border-radius: 4px;max-width: 26px;display: block;}
.card-table tr td{font-size: 14px;}
.card-table tr td a:not(.btn){font-size: 14px;text-decoration: none;font-weight: 500;}

.table td{vertical-align: top;}

.dataTables_wrapper .dataTables_length{padding: 8px 0 8px 12px}
.dataTables_wrapper .dataTables_filter>label,
.dataTables_wrapper .dataTables_length>label{margin-bottom: 0;}
.dataTables_wrapper .dataTables_filter{padding: 8px 12px 8px 0px}
.dataTables_wrapper .dataTables_info{padding-left:12px;}
.dataTables_wrapper .dataTables_paginate{padding-right: 12px;}
.dataTables_wrapper .dataTables_paginate .pagination{margin: 8px 0 !important;}
.dataTables_wrapper .table.dataTable{margin-top: 0 !important;margin-bottom: 0 !important;border-bottom: 1px solid #dee2e6;}
.dataTables_wrapper .table.dataTable thead{background-color: #F6F7F9;}
.dataTables_wrapper .table.dataTable thead th{border-bottom-width: 0px;color:#fff;background-color: #0e4975;border-top-width:0px;}
.table thead th{border-bottom-width: 0px;color:#fff;background-color: #0e4975;border-top-width:0px;}

.table tbody td{padding: 8px;}
.table.campaign-lead-tbl.dataTable:not(.table-theme) thead th{padding-left:8px;}
.table.campaign-lead-tbl.dataTable:not(.table-theme) thead th.sorting{padding-right: 20px;}
.table.campaign-lead-tbl.dataTable:not(.table-theme) thead th.sorting:before,
.table.campaign-lead-tbl.dataTable:not(.table-theme) thead th.sorting:after{right: 6px;}
/* End : theme table */

/* Start : Select2 */
.card-form .select2-container--default .select2-selection--single{background-color: #F0F2F5;}
.card-form .select2-container--default:not(.select2-container--open) .select2-selection--single{border-color:transparent;}

.card-form .select2-container--default .select2-selection--single{height: 38px;}
.card-form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 38px;}
.card-form .select2-container--default .select2-selection--single .select2-selection__arrow{height: 38px;}

.select2-container--default:not(.select2-container--open) .select2-selection--single{border-color:#cbd5e1;}
.select2-container--default.select2-container--open .select2-selection--single{border-color:#80bdff;}
.select2-container--default .select2-selection--single{height: 30px;border-radius: 4px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 30px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 30px;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #076aff;}
.select2-container--default .select2-search--dropdown .select2-search__field{outline: none;}
.select2.select2-container{width: 100% !important;}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline: none !important;border-color: #80bdff;box-shadow: none;}
.bootstrap-select.form-control{padding: 0;}
.bootstrap-select>.dropdown-toggle{line-height: 1.25;border-color: #cbd5e1;background-color: #fff;}
/* End : Select2 */


/* Start : card iframe */
.card-cbox-iframe #cboxContent,
.card-cbox-iframe #cboxContent #cboxLoadedContent{border-radius: 8px;}
/*.card-cbox-iframe #cboxContent{border-radius: 8px;overflow: hidden;margin-top: 0;}*/
/*.card-cbox-iframe #cboxContent #cboxClose{top: 12px;right: 20px;}*/
/*.card-close-dark #cboxContent #cboxClose{filter: brightness(0.5);}*/
.iframe-wrapper .card-iframe>.card-header{padding-right: 50px;}

.iframe-wrapper .card-iframe{border:0px;margin: 0px;box-shadow: none;}
.iframe-wrapper .card-iframe .card-header{background: #fff;padding:1.25rem}
.iframe-wrapper .card-iframe .card-header>.card-title{font-weight: 500;font-size:16px;line-height:18px;margin-bottom: 0;}
.iframe-wrapper .card-iframe .card-body{}
.iframe-wrapper .card-iframe .card-footer{background: #fff;padding:1.25rem}
/* End : card iframe */

/* Start : information badge */
.info-badge{margin-left: 8px;height: 24px;width: 24px;cursor: pointer;border-radius: 100%;display: inline-flex;align-items: center;justify-content: center;}
.legend-square{font-size: 14px;font-weight: normal;position: relative;padding-left: 18px;}
.legend-square:before{content: "";height: 14px;width: 14px;position: absolute;background-color: gray;left: 0;top:5px;border-radius: 2px;border: 1px solid #ddd;}
.legend-theme:before{background-color:#dceff5;}
.legend-gray:before{background-color: #fff;}
.legend-colored:before{background-color:#e6d7ff;}
/* End : information badge */


/* Start : jQuery Overide */
.daterangepicker{font-family: var(--font-family);font-weight: 500;}
.daterangepicker td.active, .daterangepicker td.active:hover,
.daterangepicker .ranges li.active{background-color:var(--primary);}
/* End : jQuery Overide */