:root {
    --primary: #00b7ff;
    --secondary: #00c2ff;
    --tertiary: #017eff;
    --fourth: #007aff;
}


.theme-color{
    color: var(--primary);
}

.login-btn{
	background-image: linear-gradient(to left ,#00c2ff ,#007aff );
}

a.menu_active span{
    color:var(--primary) !important;
}

.edit_selected ,.edit_all,#add_extension_selected{
    color:var(--primary);
}

.call-select select > option ,.call-select select ,.managePhone_sideblock a{
    color:var(--primary);
}

.managePhone_sideblock .form-group input::placeholder{
    color:var(--primary);
}

.managePhone_sideblock .form-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:var(--primary);
}

.managePhone_sideblock .form-group input::-ms-input-placeholder { /* Microsoft Edge */
    color:var(--primary);
}

.managePhone_sideblock input[type='radio']:checked:after {
    background-color: var(--primary);
}

.manage_phoneBlock p {
    color: var(--primary);
}
.circle{
    background: var(--primary);
}

.customStyleTables div.dataTables_paginate a.paginate_button.current{
    background:linear-gradient(to right ,var(--secondary) ,var(--fourth) ) !important;
}

.pages-bg .select2-container--default .select2-results__option--selected,.pages-bg .select2-results__option--highlighted{
    background-image: linear-gradient(to bottom ,var(--secondary) ,var(--fourth) );
}

.calling-btn .active-calling-btn button,.calling-btns .active-calling-btn button{
    background-image: linear-gradient(to left ,var(--secondary) ,var(--fourth) );
}

select[multiple]:focus option:checked{
    background-image: linear-gradient(to left ,var(--secondary) ,var(--fourth) );
}

.text-clr-blue{
    color:var(--secondary) !important;
}

.fieldinput label ,.fieldpwd label{
    color:var(--secondary);
}

.login-btn{
    background-image: linear-gradient(to left ,var(--secondary) ,var(--fourth) );
}

.login-ext{
    border:1px solid var(--secondary);
    color:var(--secondary);
}

.text-register{
    color:var(--secondary);
}

.register-form input::placeholder{
    color:var(--secondary) !important;
}

.nav-dropdown.dropdown-menu {
    background: linear-gradient(to bottom ,var(--secondary) ,var(--fourth) );
}

#sidebar{
    background-image: linear-gradient(to bottom ,var(--secondary) ,var(--fourth) );
}

.view-btn{
    background-image: linear-gradient(to left ,var(--fourth) ,var(--secondary));
}

.call_center_tabs .card .card-header{
    background-image:linear-gradient(to left ,var(--secondary) ,var(--fourth) ) !important;
}

tr.selected td.select-checkbox:before{
    background:var(--tertiary) !important;
}

p.activeLine_text{
    color:var(--tertiary);
}

.callrecord_table .routingDiv p ,.callrecord_table .routingDiv a{
    color: var(--tertiary);
}

.grp_head{
    background:var(--tertiary);
}

.customStyleTables table thead{
    background: var(--tertiary);
}

#sidebar ul li:hover {
    background: var(--tertiary) !important;
}

.call_center_tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background:var(--fourth);
}

.call_center_tabs .card .card-body .cardBlock p , .bg-blue p{
    color:var(--fourth);
}

.blue-button_bg{
    background:var(--fourth);
}

.bg-blue{
    background: var(--fourth);
}

.callrecord-box.mb-3 .bg-white h2{
    color:var(--fourth);
}

.border-blue{
    border:1px solid var(--fourth) !important;
}

.create-form .nice-select .option:hover,.gray-bg .nice-select .option:hover,.global-setting .nice-select .option:hover,
.pages-bg .select2-container--default .select2-results__option--selected,.pages-bg .select2-results__option--highlighted{
 background-image: linear-gradient(to bottom ,#00c2ff ,#007aff );
}