@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html,body{
    font-family: "Poppins", sans-serif !important;

}
.margin-bottom-view-slider {
    margin-bottom: 10px;
}
.main-header .logo {
    height: 55px !important;
    object-fit: contain;
    padding: 5px 5px 5px 5px !important;
}
textarea {
    resize: none;
}
.product-diy-form .dynamicform_wrapper .col-md-6:nth-child(2n-1) {
    float: left;
    clear: left;
}
.product-diy-form .dynamicform_wrapper .col-md-6:nth-child(2n) {
    float: right;
}
.header_logo{
    background: #E1983D !important;
    float: left;
    width: 275px;
    height: 62px;
    position: fixed;
    border-bottom: 2px solid #dfdfdf;
}
.skin-blue .main-header .logo, .skin-blue .main-header .logo:hover{
    background-color: #E1983D !important;
}
.content-header {
    position: relative;
    padding: 3px 13px 0 15px;
}
.text{
    width: 130px;
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title
{
    font-size: 17px;
    font-weight:600;
}
.btn-danger{
    text-transform: uppercase;
}
.btn-success{
    text-transform: uppercase;
}
.datepicker
{
    left:633px;
    width: 21%;
}
.alert
{
    padding: 10px;
}
.alert-dismissable .close
{
    right: 1px;
}
#state-grid table tbody tr td:nth-child(4) a
{
    border-bottom: none !important;
}
form div.required label.control-label:after {
    content:" * ";
    color:red;
}

form div.field-user-state label.control-label:after {
    content: " * ";
    color: red;
}
.radio-btn-gap{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.radio-btn-gap{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
form div.field-user-zone label.control-label:after {
    content: " * ";
    color: red;
}
.overflow-hidden {
    overflow: hidden;
}
.bulk-list-wrapper{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}
.w-30{
    width: 30%;
}
.btn1
{
    display: inline-block;
    padding: 5px 6px;
    margin-bottom: 0;
}
.active {
    color: #f97478 !important;
}
.btn-small-letter{
    text-transform: capitalize;
}
.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 100px;
    height: 100px;
    margin: -75px 0 0 -75px;
    border: 16px solid #ffc0c7;
    border-radius: 50%;
    border-top: 16px solid #f97478;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
}

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

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.address-box ,.profile-box{
    border-top: 1px solid #f4f4f4;
    padding: 15px 5px 5px 5px;
}
.kv-file-upload {
    display: none;
}
.fileinput-upload-button {
    display: none;
}
.form_loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #333;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.input-daterange {
    width: 88%;
}
.label-marron {
    background-color: #D81B60;
}
.searchform
{
    margin-top:10px !important;
}

.label-danger-bg{
    background-color: #dd4b393d !important;
    color: #dd4b39 !important;

}
.label-success-bg{
    background-color: #00a65a4f !important;
    color: #3c763d !important;
}
.label-primary-bg{
    background-color: #E1983D42 !important;
    color: #0282ef !important;

}

.audio-alignment{
    display: flex;
    flex-direction: column;
}

.slider-container {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
}
.mt-5px{
    margin-top: 5px;
}
/* Added by Riya */
.mt10 { margin-top:10px;}
.mb10 { margin-bottom:10px;}
.dropdown_icon{
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto 5px auto;
}
.chnage_password{
    display: flex;
    align-items: center;
}
.chnage_password .dropdown_icon{
    border: 2px solid #2bb4e8;
}
.user_settings_list a:hover{
    background-color:transparent !important;
}
.chnage_password a:hover{
    color:#2bb4e8 !important;
}
.logout .dropdown_icon {
    border: 2px solid #fa5561;
}
.logout a:hover{
    color:#fa5561 !important;
}
.user_profile .dropdown_icon {
    border: 2px solid #ffc81a;
}
.user_profile a:hover{
    color:#ffc81a !important;
}
.open>.dropdown-menu.user_settings_list {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-flow: row wrap !important;
}
.dropdown-menu.user_settings_list:before {
    content: "";
    position: absolute;
    top: -10px;
    right: 15px;
    left: auto;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e1e5f1;
}
.dropdown-menu.user_settings_list:after {
    content: "";
    position: absolute;
    top: -7px;
    right: 16px;
    left: auto;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ffffff;
}
ul.user_settings_list {

    justify-content: space-around;
    padding: 10px 0 !important;
    background-color: #fff;
    top: 55px;
}
ul.user_settings_list > li  {
    border-right: 1px solid #e1e5f1;
    width: 33.33%;
    list-style:none;
}
ul.user_settings_list > li > a{
    line-height: 16px;
    text-align: center;
}
.dropdown_icon i {
    font-size: 18px;
    margin: 7px 10px;
    display: block;
    color: #a7b4c5;
}
.form-control:focus {
    border: 1px solid #ba1c5c;
    outline: none !important;
}
td a.btn.dlt_option{
    padding:2px 7px;
    color: red;
}
select{
    width: 75px;
    display: inline-block;
    border: 1px solid #e1e5f1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 30px;
    padding: 3px 5px;
    margin-right: 5px;
}
select:focus{
    border: 1px solid #ddd;
    outline: none !important;
}
.page_show{
    margin-bottom:10px;
}
.summary{
    float: left;
    margin: 5px 0 0;
    /* display: none; */
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff !important;
}
.table>thead>tr>th a, .table>thead>tr>th {
    color: #444;
}
.btn{ text-transform: uppercase;    padding: 4px 12px;}
.btn i{ margin-right:3px;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #444444;
    background-color: #f2f3f9;
    border-color: #dfe1ec;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;

}
.sidebar-menu .treeview-menu>li>a>.fa, .sidebar-menu .treeview-menu>li>a>.glyphicon, .sidebar-menu .treeview-menu>li>a>.ion {
    width: 20px;
    margin-right: 3px !important;
}
td a.btn{ 
    padding: 7px;
    font-size: 15px;
    border: none;   
}
/* td a.btn{ padding:2px 5px; margin-right:10px; font-size: 15px;} */
td a.btn:last-child{ margin-right:0;}
td a.btn i{ margin-right:0;}
.modal .close {
    color: #fff;
    opacity: 1;
}
.modal .new-close {
    color: #555;
    opacity: 1;
}
select, select.form-control{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    position:relative;
    border-radius:3px;
}
select{
    background-image:
            linear-gradient(45deg, transparent 50%, gray 50%),
            linear-gradient(135deg, gray 50%, transparent 50%),
            linear-gradient(to right,transparent,transparent);
    background-position:
            calc(100% - 10px) calc(1em - 2px),
            calc(100% - 6px) calc(1em - 2px),
            calc(100% - 1.5em) 0.25em;
    background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
    background-repeat: no-repeat;
}
select.form-control {
    background-image: url(../images/icon-arrow-down.png);
    background-size: 11px 10px;
    background-repeat: no-repeat;
}
/*select:focus, select.form-control:focus {
  background-image:
    linear-gradient(45deg, gray 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, gray 50%),
    linear-gradient(to right,transparent, transparent);
  background-position:
    calc(100% - 6px) 0.8em,
	calc(100% - 11px) 0.8em,
	calc(100% - 1.5em) 0.2em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  outline: 0;
}*/
.margin-top{
    margin-top: 1rem;
}
.margin-bottom{
    margin-bottom: 1.5rem;
}
.padding-none{
    padding: 0;
}
.padding-left-none{
    padding-left: 0;
}
.border-bottom-none{
    border-bottom: unset !important;
}
.data-list-container{
    /* background: #ff00000d; */

    .table>thead>tr>th a, .table>thead>tr>th{
        color: red !important;
    }
    table.dataTable tbody th, table.dataTable tbody td{
        color: red !important;

    }

}

.data-list-heading{
    background: #ff00002b !important;
    color: red !important;

    .button-export{
        color: red !important;
        background: white;

    }
}

/* .add-remove-btn-margin{
    margin-right: 50px;
} */
.box-wrapper{
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}
.sidebar-csr-icon{
    display: flex !important;
    /* align-items: center; */
    justify-content: space-between;
}
.box-wrapper-buttons{
    /* display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end; */
    display: block;
    text-align: end;
}
.active-calls{
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) !important;
    border-radius: 5px !important;
    background: #ccc;
}

.margin-right{
    margin-right: 1rem;
}
.margin-left{
    margin-left: 1.5rem;
}
.ml-2px{
    margin-left: 2px !important;
}

.radio-btn-gap{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.span-of-the-day{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.progress-bar-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.border-bg-none{
    border: none !important;
    background: none !important ;
}
.margin-bottom-none{
    margin-bottom: 0 !important;
}
.font-weight-500{
    font-weight: 500 !important;
}
select:-moz-focusring, select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #555;
}
.reset_pass{ padding:10px 12px;}
.table-responsive{ width:100%; border-width: 0 !important; }
.action_field{ width:10%;}
.check_boxes{ width:5%;}
.check_boxes input {
    opacity: 1;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    width: 19px;
    height: 19px;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none !important;
}
.check_boxes span {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    text-align: center;
    background-position: 0 -257px;
    width: 20px;
    height: 20px;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}
.check_boxes span input{
    cursor: pointer;
}
.check_boxes.hover span, .check_boxes.focus span {
    background-position: -38px -257px;
}
.check_boxes span.checked {
    background-position: -76px -257px;
}
.alert-basic{
    background-color: #F15D23;
    border-color: #F15D23;
    color: #fff;
}
.mt25{ margin-top: 25px;}
.plusminus
{
    margin-top:23px;
}
.treeview-menu .fa-icons{
    color: #2d2d2d;
}
.btn-pink{
    color: #fff !important;
    background-color: #ea76a5;
    border-color: #d86f99;
}
.btn-pink:hover{
    color: #fff !important;
    background-color: #de719d;
    border-color: #d86f99;
}
.btn-grey{
    color: #fff !important;
    background-color: #777777;
    border-color: #585858;
}
.btn-grey:hover{
    color: #fff !important;
    background-color: #6d6d6d;
    border-color: #676767;
}
.field-destinationcode-destinationcode_csv_file{
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.import_icon{
    position: absolute;
    font-size: 80px;
    border: 3px solid #f2f3f9;
    padding: 15px;
    margin-top: 25px;
    border-radius: 3px;
    cursor: pointer;
}
.import_opt{
    font-size: 80px;
    opacity: 0;
    cursor: pointer;
    overflow: hidden;
    width: 20%;
}

.vb-report-btns-container{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}
.global-configuration-update-padding{
    padding: 15px 10px;
}
.select2 .selection .select2-selection--single, .select2-container--default .select2-search--dropdown .select2-search__field {
    border-width: 1px !important;
    border-radius: 5px !important;
    height: 34px;
    font-size: 12px !important;
}
.select2-results__option {
    padding: 12px !important;
    font-size: 12px;
}
.select2-container .select2-search--inline .select2-search__field{
    font-size: 12px !important;
}
.mobile-btn-toggle {
    display: none !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    padding: 15px 20px; vertical-align: middle; font-size: 12px;
}
.content{ padding:16px;}
.table>thead>tr>th{ }
.cust_table .table>tbody>tr>td, .cust_table .table>tbody>tr>th, .cust_table .table>tfoot>tr>td, .cust_table .table>tfoot>tr>th, .cust_table .table>thead>tr>td, .cust_table .table>thead>tr>th{ padding: 7px 5px;}
.p0{ padding:0 !important; }
#wait{ position:absolute;top: 76%;left: 8%; display:none; }
.mask_group{ border:1px solid #d2d6de; padding:15px; margin-bottom:10px; }


@media screen and (max-width: 1440px) and (min-width: 1025px) {
    #wait{left: 10%;}
    .add-remove-btn-margin{
        margin-right: 30px;
    }
}
@media screen and (max-width: 1024px) and (min-width: 990px) {
    #wait{left: 15%;}
    .add-remove-btn-margin{
        margin-right: 50px;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .action_field{ width:20%;}
    .box-header>.box-tools{
        float: none !important;
        position: relative;
        padding: 5px 0;
        padding-left: 10px;
    }
    #wait{left: 25%;}
    .datepicker.dropdown-menu{    min-width: 200px; }
    .add-remove-btn-margin{
        margin-right: 50px;
    }
    .w-50{
        width: 80% !important;
    }

}
@media screen and (min-width:768px) {

    .sidebar-collapse .main-sidebar, .sidebar-collapse .left-side {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-275px, 0) !important;
    }

}
@media screen and (max-width: 767px) {
    .width-50{
        width: 50%;
    }
    .mobile-btn-toggle {
        display: flex !important;
    }
    .header-mobile-logo{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .refresh-btn{
        float: left !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
    }
    .padding-left-zero{
        padding-left: 0;
    }
    .box-wrapper-buttons{
        display: flex !important;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .mb0{
        margin-bottom: 0 !important;

    }
    .content-wrapper, .right-side, .main-footer{
        margin-left: 0 !important;
    }
    .main-sidebar, .left-side {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-270px, 0);
        width: 235px !important;
    }
    .header_logo {
        left: 0px !important;
        width: 275px !important;
    }
    .main-header>.navbar{
        min-height: 62px;
    }

    .modal-dialog{
        width: 95% !important;
    }
    .label-mobile label{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
    }
    .box-header .box-tools{
        float:none!important;position: relative;right:0;
        /* margin-top: 10px; */
    }
    .box-tools.pull-right .btn {margin-bottom: 5px; }
    .action_field{ width:auto;}
    .check_boxes {
        width: auto;
    }
    .datepicker.dropdown-menu{    min-width: 200px; }
    .table-responsive{ border-width: 1px !important; }
    .import_opt { width: 40%;  }
    .header_logo{
        position: absolute;
        z-index: 11000;
        background: transparent;
        float: none;
        border-right: 0;
        border-bottom: 0;
        width: 115px;
        left: 30px;
    }
    .navbar-custom-menu .navbar-nav>li>a {padding-top: 10px; }
    .skin-blue .main-header .logo {background: transparent;}
    #wait{left: 40%;}

    .add-remove-btn-margin{
        margin-right: 50px;
    }

    .mb-mobile{
        margin-bottom: 90px !important;
    }
    .div2{
        margin-bottom: 35px;
    }
}
.disabled {
    pointer-events: none !important;
    cursor: not-allowed !important;
}
.breakline
{
    margin-top: 9px !important;
    margin-bottom: 9px !important;
    border: 0 !important;
    border-top: 1px solid #cbc5c5 !important;
}

/* New CSS For voice and sms project */
.btn-info, .btn-success{
    /* background-color:#F15D23 !important;
    border-color: #F15D23 !important;
    color: #fff !important; */
}
.btn-basic
{
    background-color: #555 !important;
    border-color: #555 !important;
    color: #fff;
}
.btn-info:hover,.btn-success:hover, .btn-info:active,.btn-success:active, .btn-info.hover, .btn-success.hover {
    /* background-color: #d8470e !important; */
}
.alert-success {
    background-color: #3b77138f !important; ;
    border-color: #45f1234f !important;
}
.btn-basic:hover, .btn-basic:focus {
    background-color: #0d0d0d !important;
    color: #fff;
}
.btn-primary1{
    background-color: #E1983D !important;
    border-color: #E1983D !important;
    color: #fff !important;

}
.btn-primary1:hover, .btn-primary1:active,  .btn-primary1.hover {
    background-color: #fff !important;
    color: #E1983D !important;
}
.btn-secondary1{
    background-color: #fff !important;
    border-color: #E1983D !important;
    color: #E1983D !important;

}
.btn-secondary1:hover, .btn-secondary1:active, .btn-secondary1.hover {
    background-color: #E1983D !important;
    color: #fff !important;
    border-color: #E1983D;
}
.active-calls-data{
    background-color: #fff !important;
    border-color: #777 !important;
    color: #777 !important;

}
/* .active-calls-data:hover, .active-calls-data:active, .active-calls-data.hover {
    background-color: #fff !important;
    border-color: #E1983D !important;
    color: #E1983D !important;
} */
.main-sidebar, .left-side{
    width: 240px;

}
.main-header .sidebar-toggle
{
    background-color: #fff !important;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #ddd !important;
}
.box {
    border-top: 3px solid #7b2260;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background: #dddddd52 !important;
}
.skin-blue .sidebar a {
    color: #2d2d2d !important;
}
.sidebar-menu>li>a {
    padding: 5px 5px 5px 15px;
    display: block;
}
.skin-blue .sidebar a.active {
    /*background: #210519 !important;*/
    /*border-left: 3px solid #efa835;*/
}
.skin-blue .sidebar-menu>li>a:hover, .skin-blue .sidebar-menu>li.active>a {
    color: #2d2d2d !important;
    background: #ccc !important;
    fill: #2d2d2d;
}

.skin-blue .treeview-menu>li>a {
    color: #555 !important;
}
.skin-blue .treeview-menu>li>a:hover {
    color: #2d2d2d !important;
    background: #ccc !important;
}
.sidebar-menu .treeview-menu{
    padding-left: 0 !important;
}
.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #dddddd52 !important;
}

.sidebar-menu span{
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}

/*.skin-blue .sidebar-menu>li>a:hover, .skin-blue .sidebar-menu>li.active>a {*/
/*    color: #ecf0f5;*/
/*    background: #210519 !important;*/
/*    border-left: 3px solid #efa835;*/
/*}*/


.alert-reset
{
    background-color: #F15D23;
    border-color: #F15D23;
    color : #fff;
}
.modal-header {
    border-bottom-color: #1C242F;
    background: #1C242F;
    color: #fff;
}
.new-modal-header {
    border-bottom-color: #e1e5f1 !important;
    background: #fff !important;
    color: #555 !important;
    border-radius: 5px;
}
.modal-header-vb{
    border-bottom-color: #1C242F !important;
    background: #fff !important;
    color: #555 !important;


}
.audit-summary-header{
    background: #E1983D38  !important;
    color: #E1983D !important;
    border-bottom: none !important;
    margin: 0;
}

.audit-summary-container h5{
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0;
}
.new-bootstrap-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.table-show-search{
    margin-top: 5rem !important;
    margin-bottom: 2rem !important;
}
#campaign_report_list_table_wrapper .table-show-search{
    margin-top: 0rem !important;
    margin-bottom: 1rem !important;
}
#campaign_report_list_table  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    padding: 8px 20px !important;
}

#campaign_report_list_table 
.show-all-rows{
    display: flex;
    align-items: center;
    padding: 0;
    gap: 1rem;
    justify-content: space-between;
    margin: 2rem 0;
}
.label-mobile select{
    padding: 0 8px !important;
    margin: 0 5px;
}

.heading-name {
    margin: 0;
}
.margin-top-2rem{
    margin-top: 2rem;
}

.modal-content {
    border-radius : 5px;
}
.area-code-csv{
    width: 94% !important;
    margin: auto !important;
}
@media (min-width: 992px){
    .modal-lg {
        width: 486px !important;
    }
}
.main-header>.navbar{
    margin-left: 275px;
}

/***END************/
.upload_option{
    opacity: 0;
    position: relative;
    height: 40px;
    z-index: 5;
}
.file_upload_icon{ margin-right:5px;}
.uploaded_label{
    position: absolute;
    top: 24px;
    background: #ecf0f5;
    padding: 10px 25px;
    color: #444444;
    border-radius: 3px;
}
div#campaign-schedule_flag label, div#campaign-contact_flag label  {
    padding: 0px 15px 0px 20px !important;
}
.sidebar-menu .treeview-menu>li>a {
    padding: 7px 7px 3px 22px !important;
    display: block;
    font-size: 14px;
}
.cam_active {
    color: #fff !important;
    background-color: #40a040 !important;
    border-color: #4cae4c !important;
}
.cam_active:hover {
    background-color: #3c863c !important;
}
.cam_inactive {
    color: #fff !important;
    background-color: #dd4b39 !important;
    border-color: #d73925 !important;
}
.cam_inactive:hover {
    background-color: #bb311f !important;
    border-color: #ac2925 !important;
}
.cam_start {
    color: #fff !important;
    background-color: #E1983D !important;
    border-color: #E1983D !important;
}
.cam_start:hover {
    background-color: #ff8100b8 !important;
}
.cam_stop {
    color: #fff !important;
    background-color: #ff8100b8 !important;
    border-color: #ff810012 !important;
}
.cam_stop:hover {
    background-color: #ff8100f7 !important;
    border-color: #ff8100d1 !important;
}
.prompt_file audio{
    vertical-align:middle !important;
}
.auto_class{
    color: #fff !important;
    background-color: #E1983D !important;
    border-color: #E1983D !important;
    line-height: 1.5;
    padding: 2px 5px;
    font-size: 10px;
    border-radius: 3px;
    vertical-align: middle;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 400;
}

.box-header {
    color: #555;
    display: block;
    padding: 15px 10px;
    position: relative;
    text-transform: none !important;
    border-bottom: 1px solid #f2f3f9;
    background-color: #fff;
    font-size: 12px !important;
    font-weight: 700;
    border-radius: 5px;
}
.summary{
    font-size: 12px !important;
}
.summary b {
    font-size: 12px !important;
}
.box-header:before, .box-header:after{
    display: none !important;
}
.box {
    border-top: none;
}

input#campaign-welcome_prompt , input#campaign-exit_prompt , input#questions-question_file , input#questions-answer_file , input#answeroptions-answer_summary_file {
    border-radius: 0px !important;
}
.radius input , .radius textarea , .radius select {
    border-radius: 5px !important;
    border-color: #E4EBF1;
}
.btn {
    text-transform: none !important;
    padding: 6px 15px;
}
.full-width{
    width: 100% !important;
}
.w80{
    width: 70% !important;
    padding: 5px !important;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex !important;
    margin: auto;
}
.w-50{
    width: 50%;
    /* margin: auto; */
}
.form-control{
    font-size: 12px !important;
}
.w-50{
    width: 50%;
    /* margin: auto; */
}

.mt30{
    margin-top:30px;
}
.mr-right{
    margin-right: 8px !important;
}
.mr-left{
    margin-left: 8px;
}
.mr-top-right{
    margin-right: 3px;
}
.mr-top-left{
    margin-left: 3px;
}
.menu-icon{
    width:15px;
    height: 15px;
    margin-right:8px;
}
.sidebar-menu a:hover .menu-icon{
    fill: #2d2d2d;
}
.sidebar-menu a.active .menu-icon{
    fill: #2d2d2d;
}
.skin-blue .treeview-menu>li>a:hover .menu-icon{
    fill: #2d2d2d;
}

/* .menu-icon:hover{
    fill: #fff;
} */

.view-link{
    cursor: pointer;
     color: #999;
}

.view-link.focus, .view-link:focus, .view-link:hover {
    color: #333;
    text-decoration: none;
}


.arrow-down{

    margin-top: 4px;
    background: unset;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    text-align: center;
    padding-top: 2px;
    font-size: 18px;
}
.grid-top-button{
    padding:2px 10px;
}
.box-header>.box-tools {
    position: absolute;
    right: 10px;
    top: 10px;
}
label {
    font-size: 13px;
}
.vb-report-icon{
    height: 13px !important;
}
.main-text-heading{
    font-size:17px;
    font-weight : 600;
}
.btn-danger {
    background-color: #F15D23;
    border-color: #F15D23;
}
.form-control {
    border-radius: 5px !important;
    box-shadow: none;
    border-color: #d2d6de;
}
/* index page css (Darshak) */
.index-title {
    font-size: 25px;
    padding-bottom: 9px;
}
.content-wrapper, .right-side{
    background-color: #dddddd52 !important;
}

.content-wrapper, .right-side, .main-footer{
    margin-left: 240px;

}
.box {
    border: 1px solid #dde6ee;
}
.overwright-table table.table-striped.table-bordered th{
    background: #F2F2F2;
    padding: 10px !important;
}
.overwright-table table.table-striped.table-bordered th, .overwright-table table.table-striped.table-bordered td{
    padding: 5px;
    font-size: 12px;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
    height: 40px;
}
.perpagerecord select{
    border-radius: 5px;
    width: 52px;
    background-color: #fff;
    color: #555;
    background-image: linear-gradient(45deg, transparent 50%, #555 60%), linear-gradient(135deg, #555 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
}
.btn-round-class {
    /* border-radius: 50%;
    width: 25px;
    height: 25px; */
    color: green;
}
/* .action-icons{
    top: 4px;
    position: relative;
} */
.btn-i-class{
    padding-top: 4px !important;
}
.skin-blue .main-header .navbar {
    -webkit-box-shadow: 0 10px 20px -10px #e4ebf1 !important;
    -moz-box-shadow: 0 10px 20px -10px #e4ebf1 !important;
    box-shadow: 0 10px 20px -10px #e4ebf1 !important;
    background: #E1983D !important;
}
.status-radius{
    border-radius: 10px;
}
.common-btn-radius{
    border-radius: 5px;
}
.search-plus{
    color:#E1983D;
}
.skin-blue .sidebar a.active {
    color: #E1983D !important;
    background: unset;
}

.actions-container-gap{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.inner-heading{
    font-size:14px;
    /* color: #616f82; */
    font-weight: 700;
}
div#questions-answer_entered_via   label {
    padding: 0px 15px 0px 20px !important;
}
.file-preview .fileinput-remove {
    display: none;
}
.kv-file-remove{
    display: none !important;
}
#roles_grid input[type=checkbox] {
    width: 15px;
    height: 15px;
}
.container-fluid{
    padding-left: unset;
    padding-right: unset;

    .info-box {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) !important;
        border-radius: 5px !important;

    }
}

.fileinput-cancel-button{
    display:none;
}
.question-modal{
    width:85% !important;
}
.question-height-popup{
    height:400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.msearch{
    background-color: #fff;
    color: #5550006e;
    padding: 9px 12px;
    font-weight: 400;
}
.d-none{
    display: none;
}
.mplus{
    padding: 0px 10px;
}
.disabled {
    pointer-events: auto !important;
}
.d-none{
    display: none;
}
.rate-per-hr {
    border: 1px solid;
    border-radius: 4px;
    padding:2px;
    cursor: pointer;
}
.bg-success {
    background-color: #00a65a;
    color: #fff;
}
.bg-danger {
    background-color: #dd4b39;
    color: #fff;

}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: unset !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb !important;
    color: white;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #5897fb !important;
    color: white !important;
}
/* dark-mode */

.dark .treeview-menu .fa-icons{
    color: #f4f4f4;
}

.dark #trip-chart-container4 svg {
    background-color: #444 !important;
}
.dark #trip-chart-container7 svg {
    background-color: #444 !important;

}
.dark .audit-summary-header{
    background: #1C242F !important;
    color: #fff !important;
}
.dark .view-link.focus, .dark .view-link:focus, .dark .view-link:hover {
    color: #f5f5f5;
}
.dark .minuteselect option, .dark .hourselect option , .dark .secondselect option, .ampmselect option {
    color: #ffffff !important;
    background-color: #444 !important;
}

.dark .rate-per-hr {
    border-color: #f4f4f4 !important;
}
.dark body{
    background-color: #333;
    color:  #f4f4f4;
}
.dark .skin-blue .wrapper, .dark .skin-blue .main-sidebar, .dark .skin-blue .left-side{
    background-color: #444 !important;

}
.dark .content-wrapper, .dark .right-side {
    background-color: #212121 !important;
}
.dark .skin-blue .sidebar a {
    color:  #f4f4f4 !important;
}
.dark .skin-blue .sidebar a.active {
    color: #E1983D !important;
}
.dark .skin-blue .sidebar-menu>li>.treeview-menu {
    background-color: #444 !important;
}
.dark .box , .dark .box-header, .dark .modal-content , .dark .new-modal-header{
    background-color: #333 !important;
    color:  #f4f4f4 !important;
}

.dark .modal .new-close{
    color: #f4f4f4;
}
.dark .table>thead>tr>th a,
.dark .table>thead>tr>th{
    color:  #f4f4f4 ;
}
.dark .overwright-table table.table-striped.table-bordered th{
    background-color: #333;
}

.dark .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #444 !important;
    color: #f4f4f4 !important;
}
.dark .skin-blue .main-header .navbar, .dark .header_logo, .dark .skin-blue .main-header .logo, .dark .skin-blue .main-header .logo:hover {
    background-color: #E1983D !important;
    color:  #f4f4f4 !important;
}
.dark .main-footer{
    background-color: #333;
    color: #fff;
}

.dark .skin-blue .main-header .navbar{
    box-shadow: none !important;
}

.dark * {
    border-color: #555 !important;
}

.dark .menu-icon {
    fill: #f4f4f4 !important;
}

.dark .skin-blue .sidebar-menu>li>a:hover, .dark .skin-blue .sidebar-menu>li.active>a ,
.dark .skin-blue .treeview-menu>li>a:hover {
    color:  #f4f4f4 !important;
    background: #474646 !important;
}
.dark .perpagerecord select {
    background-image: linear-gradient(45deg, transparent 50%, #000 60%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
}

.dark .chnage_password .dropdown_icon {
    border: 2px solid #2bb4e8 !important;
}
.dark .user_profile .dropdown_icon {
    border: 2px solid #ffc81a !important;
}
.dark .logout .dropdown_icon {
    border: 2px solid #fa5561 !important;
}

.dark .btn-primary1 {
    background-color:  #212121 !important;
    color: #eee !important;
}
.dark .btn-primary1:hover {
    background-color: #f4f4f4 !important;
    color: #3A3A3A !important;
}
.dark .btn-secondary1{
    background-color: #444 !important ;
    color:  #f4f4f4 !important;
}
.dark .btn-secondary1:hover {
    background-color: #000 !important;
    color: #f4f4f4 !important;
}
.dark .active-calls-data{
    background-color: #000 !important;
    color: #f4f4f4 !important;
}
.dark .form-control{
    color: #f4f4f4 !important;
    background-color: #212121 !important;
}
.dark .main-header .sidebar-toggle , .dark .skin-blue .main-header .navbar .sidebar-toggle:hover{
    background-color: #555 !important;
}
.dark .info-box , .dark .card {
    background-color: #444;
    color:  #f4f4f4;
}
.dark td.details-control i {
    font-size: 20px; /* Adjust the size of the icon */
    color: #fff; /* Icon color */
    cursor: pointer;
}

.dark td.details-control i:hover {
    color: #fff; /* Hover color */
}
.dark .card .card-header-rose .card-text, .dark .user-menu {
    background: #777;
}
.dark ul.user_settings_list {
    background-color: #555;
}
.dark .dropdown-menu>li>a , .dark label {
    color: #f5f5f5;
}
.dark .select2-container--krajee-bs3 .select2-selection , .dark .select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered {
    color: #f4f4f4 !important;
    background-color: #212121 !important;
}
.dark table.dataTable tbody tr {
    /* background-color: rgba(0, 0, 0, .075); */
    background-color: #333;
}
.dark .pagination>.active>a, .dark .pagination>.active>a:focus, .dark .pagination>.active>a:hover, .dark .pagination>.active>span, .dark .pagination>.active>span:focus, .dark .pagination>.active>span:hover {
    background-color: rgba(0, 0, 0, .5);
}
.dark .pagination>li>a {
    background: #333;
    color: #ddd;
    border: 1px solid #ccc;
}
.dark .dataTables_wrapper .dataTables_processing{
    padding-top: 10px;
}
.dark .modal-header-vb {
    background: #1C242F !important;
    color: #fff !important;
}
/* .dark .select2-container--krajee-bs3 .select2-results__option[aria-selected] {
    background-color: #777;
    color: #f5f5f5;
    border-radius: 0;
} */
.dark .error {
    color: #e61519 !important;
}

.dark a {
    color: #757575;
}
.dark a:hover{
    color: #f5f5f5;

}
.dark .btn-basic {
    color: #eee !important;
}
.dark .btn.focus, .dark .btn:focus, .dark .btn:hover {
    color: #f5f5f5;
}
.dark .pagination>.disabled>a, .dark .pagination>.disabled>a:focus, .dark .pagination>.disabled>a:hover, .dark .pagination>.disabled>span, .dark .pagination>.disabled>span:focus, .dark .pagination>.disabled>span:hover {
    color: #f4f4f4;
    cursor: not-allowed;
    background-color: #777;
    border-color: #ddd;
}
.dark .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent !important;
}
.dark .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent !important;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #444444 !important;
    background-color: #f2f3f9 !important;
    border-color: #dfe1ec;
}
.dark .search-plus {
    color: #ddd;
}
.dark .radius input, .dark .radius textarea, .dark .radius select{
    color: #555;
}
.dark .select2-container--default .select2-selection--single .select2-selection__rendered, .dark .select2-search--dropdown , .dark .select2-results , .dark .select2-container--default .select2-search--dropdown .select2-search__field{
    color: #f4f4f4 !important;
    background-color: #444 !important;
    height: 100%;
    border-radius: 3px;
    line-height: 21px;
}
.dark .label-success-bg {
    color: #f4f4f4 !important;
}
.dark .has-error .checkbox, .dark .has-error .checkbox-inline,.dark .has-error .control-label,.dark .has-error .help-block,.dark .has-error .radio,.dark .has-error .radio-inline,.dark .has-error.checkbox label,.dark .has-error.checkbox-inline label,.dark .has-error.radio label,.dark .has-error.radio-inline label {
    color: #ff2929;
}
.dark .select2-container--krajee-bs3 .select2-results__option:not(.select2-results__option--selected,[aria-selected=true], .select2-results__option--highlighted[aria-selected]) {
    background-color: #444;
    color: #f4f4f4;
}
.dark .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #444;
}
.dark .panel {
    background-color: #444;
    color: white;
}
.dark .loading-spinner{
    border: 2px solid #fff !important;
    border-top-color: #0001 !important;
}
.dark .daterangepicker .calendar-table, .dark .daterangepicker {
    background-color: #444;
}
.dark .daterangepicker td.off,.dark .daterangepicker td.off.in-range,.dark .daterangepicker td.off.start-date,.dark .daterangepicker td.off.end-date {
    background-color: #444;
    border-color: transparent;
    color: #999;
}
.dark .daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #444;
}
/* .dark select.form-control {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 512 512"><path d="m98.9 184.7 1.8 2.1 136 156.5c4.6 5.3 11.5 8.6 19.2 8.6 7.7 0 14.6-3.4 19.2-8.6L411 187.1l2.3-2.6c1.7-2.5 2.7-5.5 2.7-8.7 0-8.7-7.4-15.8-16.6-15.8H112.6c-9.2 0-16.6 7.1-16.6 15.8 0 3.3 1.1 6.4 2.9 8.9z" fill="#cccccc" class="fill-000000"></path></svg>');
} */


/* .dark .next, .dark .prev , .dark .next:hover , .dark .prev:hover {
    background-color: #f4f4f4 !important;
} */
.dark .select2-container--krajee-bs3 .select2-search--dropdown .select2-search__field{
    color: #f4f4f4 !important;
    background-color: #555 !important;
}
.dark .bg-success {
    background-color: #00a65a;
}
.dark .label-success-bg {
    background-color: #00a65a !important;
}
.dark .bg-danger {
    background-color: #dd4b39;
}
.dark .label-danger-bg {
    background-color: #dd4b39 !important;
    color: #f4f4f4 !important;
}
.dark .input-group .input-group-addon , .dark .perpagerecord select{
    color: #f4f4f4 ;
    background-color: #555 ;
}
.dark svg g[class^="raphael-group"][class$="background"] rect  {
    fill: #444 !important ;
}
.dark svg g[class^="raphael-group"][class$="axisbottom"] > * ,.dark svg g[class^="raphael-group"][class$="dataset-axis"] > * ,.dark svg g[class^="raphael-group"][class$="messageGroup"] > * ,.dark svg g[class^="raphael-group"][class$="labels"] > *,.dark svg g[class^="raphael-group"][class$="item"] > text {
    /* filter: invert(1); */
    fill: white !important;
}
.dark .button-toggle{
    background: #fffffff0;
    color: #3c3c3c;
}
.dark .active-calls-box {
    border-radius: 7px !important;
}
/* Change the background and text color of the entire widget */

.dark .bootstrap-datetimepicker-widget {
    background-color: #333;
    color: #f4f4f4;
}


.dark .bootstrap-timepicker-widget.dropdown-menu.open {
    background-color: #555;
    color: #f4f4f4;
}

/* Change the color of selected dates */
.dark .bootstrap-datetimepicker-widget .active {
    background-color: #777; /* Bootstrap primary color */
    color: #fff;
}

/* Change hover effect on days */
.dark .bootstrap-datetimepicker-widget .day:hover {
    background-color: #6c757d; /* Gray shade */
    color: #fff;
}

/* Change disabled days' appearance */
.dark .bootstrap-datetimepicker-widget .disabled {
    color: #dcdcdc;
    cursor: not-allowed;
}

/* .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th */
.dark .bootstrap-datetimepicker-widget.usetwentyfour td.hour:hover , .dark .bootstrap-datetimepicker-widget table td span:hover{
    background-color: #1C242F;
    color: #fff;
}

.dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover{
    background-color: unset !important;
}
.dark .bootstrap-datetimepicker-widget.dropdown-menu {
    width: unset !important;
}
.dark .dataTables_wrapper .dataTables_length, .dark .dataTables_wrapper .dataTables_filter,.dark .dataTables_wrapper .dataTables_info, .dark .dataTables_wrapper .dataTables_processing, .dark .dataTables_wrapper .dataTables_paginate {
    color: #eee;
}
a.sortable {
    position: relative;
    display: inline-block;
    padding-right: 30px;
}
a.sortable:after {
    content: "";
    background-image: url(../../../sorting-arrows.png);
    display: block;
    position: absolute;
    right: 5px;
    width: 12px;
    height: 12px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}


/* Ascending arrow */
a.asc:after {
    background-image: url(../../../asc-arrow.png);
    background-position: center;
}

a.desc:after {
    background-image: url(../../../desc-arrow.png);
    background-position: center;
}
.active-calls-box .info-box-icon{
    height: 20px;
    width: 44px;
    font-size: 0px;
    line-height: 51px;
}
.active-calls-box .info-box-content {
    padding: 0;
    margin-left: 56px;
}
.active-calls-box .info-box {
    min-height: 57px;
    width: 100%;
    padding: 3px 15px !important;
    border-radius: 7px !important;
}
.active-calls-box .info-box-text {
    font-weight: 600;
}
.refresh-btn{
    float: right;
    /* margin-right: -116px; */
    /* margin-top: 16px; */
}
.refresh-btn .btn-basic{
    background-color: #fff !important;
    color: #555 !important;
}
.refresh-btn .btn-basic:hover{
    background-color: #555 !important;
    color: #fff !important;
}

.dark .refresh-btn .btn-basic{
    background-color: #555 !important;
    color: #eee !important;
}
.dark .refresh-btn .btn-basic:hover{
    background-color: #000 !important;
    color: #eee !important;
}
.field-vbcampaign-voice_mail_file_id .select2-container--krajee-bs3 .select2-selection--multiple .select2-search--inline .select2-search__field {
    padding-top: 13px !important;
    width: 470px !important;
}
.label-initial {
    background-color: #EA8D3FFF;
}
.label-initial[href]:hover,
.label-initial[href]:focus {
    background-color: #ea8d3f;
}
#history-modal .history-data {
    height: 400px;
    overflow-y: auto;
}
.bg-info{
    background: #00c0ef;
    padding: 10px;
    border-radius: 3px;
    color: white;
}

/* Search form reset button - red background */
.search-reset-btn,
.search-reset-btn:hover,
.search-reset-btn:focus,
.search-reset-btn:active {
    background-color: red !important;
    border-color: red !important;
    color: #fff !important;
}

/* Search reset button in dark mode - match btn-basic (#555) */
.dark .search-reset-btn,
.dark .search-reset-btn:hover,
.dark .search-reset-btn:focus,
.dark .search-reset-btn:active {
    background-color: #555 !important;
    border-color: #555 !important;
    color: #eee !important;
}