@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap');

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #737781;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #737781;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #737781;
}
:-moz-placeholder { /* Firefox 18- */
    color: #737781;
}
input::placeholder {
    color: #737781!important;
    opacity: 1;
}
textarea::placeholder {
    color: #737781!important;
    opacity: 1;
}
.minict_wrapper input::placeholder {
    color: #737781!important;
    opacity: 1;
}
.fc-scroller::-webkit-scrollbar {
    width: 8px!important;
    border-left:1px solid #DCE0EB;
}
.fc-scroller::-webkit-scrollbar-track {
    border-radius: 16px!important;
}
.fc-scroller::-webkit-scrollbar-thumb {
    border-radius: 16px!important;
    background-color:#DCE0EB;
}

.invite_popup_box #results::-webkit-scrollbar {
    width: 8px!important;
    return:0
}
.invite_popup_box #results::-webkit-scrollbar-track {
    border-radius: 16px!important;
}
.invite_popup_box #results::-webkit-scrollbar-thumb {
    border-radius: 16px!important;
    background-color:#DCE0EB;
}

.invite_edit_box_section #results::-webkit-scrollbar{ width:thin}

.invite_edit_box_section #results::-webkit-scrollbar {
    width: 8px!important;
    return:0
}
.invite_edit_box_section #results::-webkit-scrollbar-track {
    border-radius: 16px!important;
}
.invite_edit_box_section #results::-webkit-scrollbar-thumb {
    border-radius: 16px!important;
    background-color:#DCE0EB;
}
.invite_edit_box_section #results::-webkit-scrollbar{width:thin}

.dropdown_select_list::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.dropdown_select_list::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.dropdown_select_list::-webkit-scrollbar-thumb {
    border-radius:5px!important;
    background-color:#DCE0EB;
}
.dropdown_select_list::-webkit-scrollbar{width:thin}

.multible_select_list::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.multible_select_list::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.multible_select_list::-webkit-scrollbar-thumb {
    border-radius:5px!important;
    background-color:#DCE0EB;
}
.multible_select_list::-webkit-scrollbar{width:thin}

/*Add Group*/
.add_group_content::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.add_group_content::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.add_group_content::-webkit-scrollbar-thumb {
    border-radius:5px!important;
    background-color:#DCE0EB;
}
/*Access control popup*/

.modal-body.access-control-content::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.modal-body.access-control-content::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.modal-body.access-control-content::-webkit-scrollbar-thumb {
    border-radius:5px!important;
    background-color:#DCE0EB;
}


.access-control_popup #results::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.access-control_popup #results::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.access-control_popup #results::-webkit-scrollbar-thumb {
    border-radius:5px!important;
    background-color:#DCE0EB;
}





/*device card scroller*/
.modal-body.view_device_content::-webkit-scrollbar{ width:thin}
.modal-body.view_device_content::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.modal-body.view_device_content::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.modal-body.view_device_content::-webkit-scrollbar-thumb {
    border-radius: 5px!important;
    background-color:#DCE0EB;
} 

.edit_devices_section #results::-webkit-scrollbar{ width:thin}
.edit_devices_section #results::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.edit_devices_section #results::-webkit-scrollbar{ width:thin}
.edit_devices_section #results::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.edit_devices_section #results::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.edit_devices_section #results::-webkit-scrollbar-thumb {
    border-radius: 5px!important;
    background-color:#DCE0EB;
} 

/*Session Info*/

.session_info_table_section #order-listing_wrapper::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.session_info_table_section #order-listing_wrapper::-webkit-scrollbar{ width:thin}
.session_info_table_section #order-listing_wrapper::-webkit-scrollbar {
    height:10px!important;
    return:0
}
.session_info_table_section #order-listing_wrapper::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.session_info_table_section #order-listing_wrapper::-webkit-scrollbar-thumb {
    border-radius: 5px!important;
    background-color:#DCE0EB;
} 
.session_info_table_section .groups_table::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.session_info_table_section .groups_table::-webkit-scrollbar{ width:thin}
.session_info_table_section .groups_table::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.session_info_table_section .groups_table::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.session_info_table_section .groups_table::-webkit-scrollbar-thumb {
    border-radius: 5px!important;
    background-color:#DCE0EB;
} 



.session_inner_row_two .groups_table::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.session_inner_row_two .groups_table::-webkit-scrollbar{ width:thin}
.session_inner_row_two .groups_table::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.session_inner_row_two .groups_table::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.session_inner_row_two .groups_table::-webkit-scrollbar-thumb {
    border-radius: 5px!important;
    background-color:#DCE0EB;
} 

.session_inner_row_two #order-listing1_wrapper::-webkit-scrollbar {
    height:10px!important;
    return:0
}
.session_inner_row_two #order-listing1_wrapper::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.session_inner_row_two #order-listing1_wrapper::-webkit-scrollbar-thumb {
    border-radius: 5px!important;
    background-color:#DCE0EB;
} 

.scroll_custombar::-webkit-scrollbar {
    width:8px!important;
    return:0
} 
.scroll_custombar::-webkit-scrollbar {
    height:10px!important;
    return:0
}
.scroll_custombar::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.scroll_custombar::-webkit-scrollbar-thumb {
    border-radius: 5px!important;
    background-color:#DCE0EB;
} 

.dev_station_list::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.dev_station_list::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.dev_station_list::-webkit-scrollbar-thumb {
    border-radius: 5px!important;
    background-color:#DCE0EB;
} 

.add_port_dropdown ul::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.add_port_dropdown ul::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.add_port_dropdown ul::-webkit-scrollbar-thumb {
    border-radius: 5px!important;
    background-color:#DCE0EB;
}  
.dropdown-menu.control_evse.show::-webkit-scrollbar {
    width:8px!important;
    return:0
}
.dropdown-menu.control_evse.show::-webkit-scrollbar {
    height:10px!important;
    return:0
}
.dropdown-menu.control_evse.show::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.dropdown-menu.control_evse.show::-webkit-scrollbar-thumb {
    border-radius: 5px!important;
    background-color:#DCE0EB;
}
body {
    background:#F3F5FA;
    font-family: "Nunito Sans";
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow:none!important;
}
a:focus {
    outline: 0;
    box-shadow:none!important;
}
button:focus {
    outline:none;
}
input:focus {
    outline: 0;
    box-shadow:none!important;
}
select:focus {
    outline: 0;
    box-shadow:none!important;
}
.login_main_container {
    padding-top:3%;
    padding-bottom:3%
}
.login_main_container .brand-logo img {
    margin:0 auto 35px;
    display:block;
    max-height: 88px;
}
.login_container {
    background:#fff;
    border-radius: 45px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.09);
}
.login_form_panel {
    margin: 0 auto;
}
.login_form_panel h2 {
    text-align:center;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
    padding-bottom:25px
}
.login_form_panel input {
    height: 50px;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    padding-left: 25px;
}
.login_form_panel input:focus {
    box-shadow:none
}
.login_button_custom button {
    border-radius: 25px;
    background-color: #008C95;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 10px 85px;
    max-width: 215px;
    margin:30px auto 0;
}
.my-2.forgot-password {
    width: 100%;
    text-align: right;
}
.login_form_panel .forgot-password a {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    text-align: right;
    text-decoration:underline;
}
.login_button_custom a {
    border-radius: 25px;
    background-color: #BFD45B;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 10px 85px;
    max-width: 215px;
    margin:30px auto 0;
}
.register_text_section {
    box-sizing: border-box;
    border-top:2px solid #DCE0EB;
    margin-top:40px;
    padding-top:30px;
    color:#737781
}
.register_text_section a {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    text-align: right;
    text-decoration:underline;
}
/*Footer*/
.footer {
    border-top: 1px solid #DCE0EB;
    margin-top: 40px;
    padding:25px 0 30px;
    float: left;
    width: 100%;
}
.footer .container.footer_section{ max-width: 77%;}
.footer .developed-by-far-shor {
    height: 19px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height: 19px;
    text-align: right;
    float:right;
}
.footer .developed-by-far-shor a {
    color: #737781;
}
.footer .copyright {
    height: 19px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height: 19px;
    float:left
}
.footer .footer-links {
    float:left;
    text-align:right;
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 13.7px;
    line-height: 19px;
}
.footer .footer-links a {
    padding: 0 25px;
    line-height: 16px;
    display: inline-block;
    border-right: 1px solid #DCE0EB;
    color: #008C95;
    text-decoration: underline;
}
.footer .footer-links a:last-child {
    border:none;
    padding-right:0
}
.has-email .form-control, .has-password .form-control {
    padding-left:4.4rem;
}
.has-email .form-control-feedback, .has-password .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    padding: 5px 0 0 30px;
}
/*Register*/
.register_container {
    background:#fff;
    border-radius:45px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.05);
}
.r_main_container {
    padding-bottom: 10px;
    padding-top: 3%;
}
.pricing_main_container {
    padding-bottom: 10px;
    padding-top: 3%;
}
.r_main_container .brand-logo img {
    margin:0 auto 35px;
    display:block;
    max-height: 88px;
}
.col-form-label {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}
.col-form-label .require {
    color: #E24F85;
}
.register_form_panel .pull-right {
    float: right;
    color: #DCE0EB;
    font-size: 21px;
}
.register_form_panel input {
    padding-left: 25px;
}
.custom_select_field {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}
.custom_select_field select {
    min-height:50px;
    background: #fff;
    border-radius: 25px !important;
    padding: 0 25px;
    -webkit-appearance: none;
    position: relative;
}
.custom_select_field::before {
    content: '';
    background:url(../images/dropdown-arrow@3x.svg) no-repeat right;
    line-height: 1;
    transition: all .2s;
    color: #DCE0EB;
    font-family: "FontAwesome";
    font-size: 1.5rem;
    height:9px;
    width: 14px;
    position: absolute;
    right:28px;
    top: 60px;
    z-index: 999;
}
.custom_select_field1 {
    position: relative;
    width: 180px;
    margin-bottom: 1rem;
    display: inline-block;
    float: right;
}

.dashboard_second_section_col_two .minict_wrapper.bubble {
    height: 33px;
    width: 151px;
}
.dashboard_second_section_col_two .minict_wrapper input {
    height: 33px;
    line-height:33px;
}
.dashboard_second_section_col_two .minict_wrapper::after {
    top: 13px;
}
.dashboard_second_section_col_two .minict_wrapper.bubble ul {
    top: 33px;
}
.dashboard_second_section_col_two .minict_wrapper ul li {
    font-size: 15px;
}
.custom_select_field1 .select {
    position: relative;
    margin-bottom: 15px;
    width: 150px;
    color: #737781;
    float: left;
}

.custom_select_field1 select {
    min-height:50px;
    background: #fff;
    border-radius: 25px !important;
    padding: 0 25px;
    -webkit-appearance: none;
    position: relative;
}
.custom_select_field1::before {
    content: '';
    /*background:url(../images/dropdown-arrow@3x.svg) no-repeat right;*/
    line-height: 1;
    transition: all .2s;
    color: #DCE0EB;
    font-family: "FontAwesome";
    font-size: 1.5rem;
    height:9px;
    width: 14px;
    position: absolute;
    right:48px;
    top:13px;
    z-index: 999;
}
.custom_select_field1 .select .selectBtn {
    background: var(--bg1);
    line-height: 35px;
    padding-left: 25px;
    box-sizing: border-box;
    border-radius: 25px;
    width: 100%;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 35px;
    border: 1px solid #DCE0EB;
    font-size: 16px;
    font-weight:normal
}
.custom_select_field1 .select .selectDropdown .option {
    padding: 6px 25px 5px;
    box-sizing: border-box;
    cursor: pointer;
    color: #737781;
    font-size: 14px;
    font-weight:normal;
}
.custom_select_field .col-sm-12.col-form-label {
    padding-left: 0;
}
.signup_btn button {
    border-radius: 25px;
    background-color: #BFD45B;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px;
    width: 215px;
    margin: 20px auto 0;
    border: none;
    display: block;
    cursor:pointer;
}
/* Customize the Checkbox */
.checkbox-container {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color:#737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.checkbox-container a {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    text-align: right;
    text-decoration:underline;
}
.check_section {
    margin:25px 0 0 0;
    list-style:none;
}
.check_section li {
    list-style:none;
    padding:5px 0
}
.check_section li img {
    max-width: 22px;
    margin: 0 11px 15px 2px;
    float: left;

}
.check_section li p {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    position: relative;
}
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #DCE0EB;
    border-radius: 4px;
}
.checkbox-container input:checked ~ .checkmark {
    background-color:#fff;
    transition: all 0.5s ease-in-out;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}
.checkbox-container .checkmark:after {
    left: 8px;
    top: 3px;
    width: 7px;
    height: 14px;
    border: solid #BFD45B;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.back-to-button {
    margin: 30px 0 0;
}
.back-to-button a {
    color: #fff;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    padding:20px 0 0 0;
    margin-left:10px;
    display:inline-block;
    text-decoration:underline;
}
.back-to-button i {
    color: #DCE0EB;
    margin-right: 5px;
    font-size: 22px;
    vertical-align: bottom;
}

.back-to-login {
    margin: 40px 0 10px;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color:#fff;
}
.back-to-login a {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    padding:20px 0 0 0;
    margin-left:5px;
    display:inline-block;
    text-decoration:underline;
}
.submit_button_custom button {
    padding:0px 20px;
    border-radius:22.5px;
    background-color: #008C95;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    max-width: 190px;
    margin:30px auto 0;
    min-height: 43px;
    line-height: 43px;
}
.submit_button_custom a {
    padding:0px 20px;
    border-radius:22.5px;
    background-color: #BFD45B;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    max-width: 215px;
    margin:30px auto 0;
    min-height: 43px;
    line-height: 43px;
}
.submit_button_custom.adoptor_btn a {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    text-decoration: underline;
}
.adoptor_btn button {
    display: inline-block;
    margin: 0px 0 0 65px;
}
.mt-3.submit_button_custom.adoptor_btn {
    margin: 45px auto 0 !important;
    display: block;
    max-width:320px;
}
.adoptor_btn a{ background:transparent; padding:0}


/*Tabs Styles*/
.add_adapter_section {
    border-radius: 45px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.05);
}

.add_adapter_section .grid-margin.stretch-card {
    width: 100%;
    border-radius: 45px;
}
.add_adapter_section .card {
    border:none;
    border-radius: 45px;
}
.add_adapter_section .card-body {
    padding: 0;
}
.add_adapter_section .tab-item-custom {
    width: 50%;
    background-color:#FAFBFD;
    min-height: 85px;
    line-height: 85px;
    text-align: center;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
}
.add_adapter_section .tab-item-custom a {
    border:none;
    color: #737781;
}
.add_adapter_section .tab-item-custom a.active {
    color: #BFD45B;
}
.add_adapter_section .tab-item-custom a.active span {
    color: #BFD45B;
    border-bottom: 2px solid #BFD45B;
    padding-bottom: 20px;
}
.add_adapter_section .nav-tabs {
    border:none;
    margin-bottom:30px;
    border-radius: 45px;
}
.nav-item.tab-item-custom.add_tab_first {
    border-radius: 45px 0 0 0;
}
.add_adapter_section .add_tab_first a.active {
    color: #BFD45B;
    border-radius: 45px 0 0 0;
}
.add_adapter_section .tab-item-custom:last-child {
    border-radius: 0px 45px 0 0;
}
.add_adapter_section .tab-item-custom a {
    border-radius: 0px 45px 0 0;
}
.add_adapter_section .tab-content {
    padding: 0 2rem 3rem;
    background: transparent;
}
.add_adapter_section input {
    height: 50px;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    padding-left: 25px;
}
.add_adapter_section .check_section {
    padding: 0;
}
.add_adapt_reduce_section{ margin-top:10px}
.form-group.row.search_location {
    position: absolute;
    z-index:99;
    width: 95%;
    margin: 50px 1%;
}
.map_canvas {
    width: 95%;
    margin: 5px auto -20px;
}
.tooltip_info {
    color: #DCE0EB;
    font-size:18px;
    padding-left: 5px;
}
.skip {
    height: 26px;
    width: 71px;
    color: #fff;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
}
.if-you-skip-this-step {
    max-width: 492px;
    color: #fff;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    margin: 25px auto;
}
.popover-body {
    color: #737781!important;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height: 19px;
    max-width: 245px;
}
.popover{border: 2px solid #DCE0EB; border-radius:12px} 
.error_field {
    border: 1px solid #E24F85 !important;
} 
.error_text {
    color: #E24F85;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height: 19px;
    text-align: right;
    width: 100%;
    display: block;
    padding-top: 4px;
}

/*Select styles*/
.select {
    position: relative;
    margin-bottom: 15px;
    width: 100% ;
    color:#737781;
    display:block;
}
.select .selectBtn {
    background: var(--bg1);
    line-height: 50px;
    padding-left: 25px;
    box-sizing: border-box;
    border-radius:25px;
    width: 100%;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height:50px;
    border: 1px solid #DCE0EB;
}
.select .selectBtn:after {
    content: "";
    position: absolute;
    top: 45%;
    right: 15px;
    width: 6px;
    height: 6px;
}
.select .selectBtn.toggle {
    border-radius:25px 25px 0 0;
    border-bottom: none;
}
.select .selectBtn.toggle:after {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
}
.select .selectDropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    border-radius: 0 0 25px 25px;
    overflow: hidden;
    background: var(--bg1);
    z-index: 1;
    background: #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    visibility: hidden;
    transition: 0.2s ease;
    border-left: 1px solid #DCE0EB;
    border-right: 1px solid #DCE0EB;
    border-bottom: 1px solid #DCE0EB;
    padding-bottom: 10px;
    z-index: 9999 !important;
}
.select .selectDropdown .option {
    padding: 10px 25px;
    box-sizing: border-box;
    cursor: pointer;
    color:#737781
}
.select .selectDropdown .option:hover {
    background: #f8f8f8;
}
.select .selectDropdown.toggle {
    visibility: visible;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.user_img img {
    max-width: 28px;
}





/*Home Dashboard*/
.nav-item {
    margin-bottom:8px;
}
.nav-item.nav-user-item .user_img {
    float: left;
    background: #fff;
    border-radius: 50%;
    padding: 9px;
    margin-right: 10px;
    margin-left: 10px;
}
/*.user_img img {
    max-width:26px;
}*/
.nav-item.nav-user-item .nav-link {
    background-color: #F3F5FA;
    border-radius: 0 31px 31px 0;
    padding: 10px !important;
    display: block !important;
} 
.sidebar .nav .nav-item .nav-link .menu-title {
    padding-top: 2px;
}
.nav-item.nav-user-item:hover > .nav-link {
    border-radius: 0 31px 31px 0;
    /* background-color: #F3F5FA!important;*/
}
.nav-item.nav-user-item .user-title {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height:normal;
    width: 100%;
    display: block;
    margin-bottom: -5px;
}
.nav-item.nav-user-item .user-type {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
}
.custom_card_box {
    border-radius: 12px;
    background-color: #FFFFFF;
    display: inline-block;
    width: 23%;
    margin-right: 1.2%;
    position:relative;
    padding-bottom:20px;
}
.row.card_boxes_section.col-lg-12 {
    padding: 0;
}
.card_boxes_section .custom_card_box:nth-child(5){ margin-right:0}
.card_m_img {
    float: left;
    max-width: 50px;
    margin: 35px 5px 0 7px;
}
.card_m_img img {
    max-width: 100%;
    margin: 10px 15px 0 11px;
}
.box_title_card {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 0;
    padding-top:17px;
}
.super_control_boxes .box_title_card {
    font-weight: 500 !important;
}
.box_content_card p {
    font-weight: 500 !important;
}
.monitor_section_row .card-header a {
    font-weight: 300 !important;
}
.inn_contents_row_col_2.ipad_device_st p img {
    max-height: 23px;
}
.box_content_card p {
    color: #737781 !important;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}

.card_info {
    position: absolute;
    right: 5px;
    top: 2px;
} 
.add_adapter_section .card_info {
    position: relative;
    right: auto;
    top: auto;
} 
/*.dashboard_second_section .col-md-4{ padding-left:0}*/
.sidebar-icon-only .nav-item.nav-user-item .nav-link {
    display: inline-block !important;
    width: 100%;
}
.dashboard_second_section_col_one{ background:#fff;border-radius: 12px; padding:15px; width:32%; margin-right:2%; position:relative;}
.dashboard_second_section  .card-title {
    margin-bottom: 1.3rem;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
} 
.dashboard_second_section_col_one .box_content {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.box_right_text {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: right;
    float: right;
    position: relative;
}
.dashboard_second_section .border-bottom {
    border-bottom: 2px solid #DCE0EB !important;
}
.dashboard_second_section_col_line{ padding:15px 0}
.dashboard_second_section_col_line img {
    max-width: 35px;
}
.dashboard_second_section_col_two .content_custom {
    overflow: auto;
    position: relative;
    padding: 20px;
    background: #333;
    margin: 10px;
    width: 740px;
    max-width: 98%;
    height:254px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dashboard_second_section_col_two .content_custom.hidden {
    display: none;
}
.dashboard_second_section_col_two .content_custom.light {
    background-color: #fff;
    color: #333;
    margin: 0;
    padding: 0 0 0 0;
    width: 100%;
}
#demo.showcase {
    min-width: 740px;
}
.dashboard_second_section_col_two {
    display: inline-block;
    width: 66%;
    position:relative;
}
.dashboard_second_section_col_two .card-body {
    background: #fff;
    border-radius: 12px;
    padding: 15px 15px 0!important;
}
.dashboard_second_section_col_two .card {
    border:none;
    border-radius: 12px;
} 
.comment-row .round {
    background:#008C95;
    color: #fff;
    width:60px;
    height:60px;
    border-radius: 100%;
    display: block;
    text-align: center;
    padding-top:8px;
    margin-top: 8px;
}
.comment-row .round span {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
}
.comment-row h5 {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: left;
}
.comment_date {
    color: #737781 !important;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
}
.comment-row p {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 15px;
    line-height: 22px;
}
.d-flex.no-block.comment-row.border-bottom {
    padding-bottom: 12px;
    margin-bottom: 15px;
}

.dashboard_third_section_col_one{ background:#fff;border-radius: 12px; padding:15px;  width:32%;position:relative;}
.dashboard_third_section_col_two {
    background: #fff;
    border-radius: 12px;
    padding: 15px;
    margin-left: 2%;
    width: 32%;
    margin-right: 2%;
    position:relative;
}
.dashboard_third_section_col_three{ background:#fff;border-radius: 12px; padding:15px; width:32%;flex: content;position:relative;}
.dashboard_third_section .card-title .card_info {
    position: absolute;
    right: 15px;
    top: auto;
}
.dashboard_fourth_section_col_one .card-title .card_info {
    position: absolute;
    right: 15px;
    top: auto;
}
.dashboard_second_section_col_two .card-title .card_info {
    position: absolute;
    right: 15px;
    top: auto;
}
.dashboard_third_section  .card-title {
    margin-bottom: 1.3rem;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
} 
.dashboard_third_section .card-title p {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
}
.dashboard_third_section .border-bottom {
    border-bottom: 2px solid #DCE0EB !important;
}
.average_section_row { padding-bottom:20px; margin-bottom:20px}
.average_section_row h5 {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}
.average_section_content {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.average_section_content1 {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height:19px;
}
.average_section_row .progress.progress-md {
    margin: 10px 0;
}
.average_section_row .progress-bar.bg-primary {
    background-color: #008C95 !important;
}
.average_section_row.border-bottom-0 {
    margin-bottom: 0;
}


.dashboard_fourth_section_col_one{ background:#fff;border-radius: 12px; padding:15px;  width:32%; margin-right:2%;position:relative;}
.dashboard_fourth_section_col_two  {
    display: inline-block;
    width: 66%;
    position:relative;
}

.dashboard_fourth_section  .card-title {
    margin-bottom: 1.3rem;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
} 
.dashboard_fourth_section .border-bottom {
    border-bottom: 2px solid #DCE0EB !important;
    position: relative;
}
.dashboard_fourth_section_col_one .box_content {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.dashboard_fourth_section_col_one .badge_points {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 29px;
    text-align: right;
}

.box_right_text.leader_badge {
    float: right;
    text-align: center;
    line-height: 25px;
    color: #fff;
}
.badge_section.pull-right {
    position: absolute;
    right: 0;
    top: 15px;
}
.border-bottom-0.dashboard_second_section_col_line {
    position: relative;
} 
.dots-vertical {
    padding: 15px 0 0;
    color: #DCE0EB;
}
.dots-vertical i {
    font-size: 20px;
}
.box_content.resul.mt-1 {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}
.badge_section.resul .badge_points {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}
.badge_section.resul {
    position: absolute;
    right: 27%;
    top: 21px;
}
.leaderboard_btn {
    border-radius: 22.5px;
    background-color:#F6F9E7;
    height:45px;
    color: #BFD45B;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    border:none;
    width: 100%;
    margin: 15px 0 10px;
    cursor:pointer
}
.card_info_box {
    display: inline-block;
    float: right;
} 
.card_info_box .tooltip_info {
    color: #DCE0EB;
    font-size: 18px;
    padding-left: 5px;
    margin-right: -15px;
}
.nav-item.nav-user-item.active .user-title {
    color: #fff;
}
.nav-item.nav-user-item.active .user-type {
    color: #fff;
    font-weight: 300;
}



/*Profile dashboard*/
.profile_tabs_section {
    border-radius:12px;
    background: #fff;
}
.profile_tabs_section .card {
    border:none;
    padding:0
}
.profile_tabs_section .card-body {
    padding: 0;
}
.profile_tabs_section .tab-item-custom {
    width:auto;
    background-color:#FAFBFD;
    min-height:80px;
    line-height:80px;
    text-align: center;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
}
.nav-item.tab-item-custom:first-child {
    border-radius: 12px 0 0 0;
}
.profile_tabs_section .tab-item-custom a {
    border:none;
    color: #737781;
}
.profile_tabs_section .tab-item-custom a.active {
    color: #BFD45B;
}
.profile_tabs_section .tab-item-custom a.active span {
    color: #BFD45B;
    border-bottom: 2px solid #BFD45B;
    padding-bottom: 20px;
}
.profile_tabs_section .nav-tabs {
    border:none;
    margin-bottom:30px;
    background: #FAFBFD;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 -5px 18px -10px rgba(202,202,202,0.3);
}
.profile_tabs_section .tab-content {
    padding: 0 2rem 0rem;
    background: transparent;
    border: none;
}

.profile_tabs_section .tab-content h2 {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    padding-bottom: 20px;
    border-bottom: 2px solid #DCE0EB;
    margin-bottom: 21px;
}
.profile_tabs_section .tab-content h2 span a {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    text-decoration: underline;
    font-weight: 400;
}
.profile_tabs_section .tab-content h2 button {
    border-radius: 22.5px;
    background-color: #008C95;
    float: right;
    border: none;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    padding: 11.5px 42px;
    margin-top: -5px;
    cursor:pointer
}
.profile_tabs_section input {
    height: 50px;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    /*width: 100%;*/
    padding-left: 25px;
}
.profile_tabs_section .check_section {
    padding: 0;
    margin-top:10px;
    text-align: left;
}
.profile_tabs_section .grid-margin.stretch-card {
    width: 100%;
}
.nav-link.first {
    border-radius: 12px 0px 0px !important;
    padding: .75rem 4.5rem .75rem 2.6rem;
} 
.profile_btn {
    display: block;
    margin: 20px auto 40px !important;
    width: 475px;
}
.profile_btn .btn.btn-block {
    display: inline-block;
    margin: 0 10px;
}
.profile_btn .cp_btn{background-color: #008C95;}
.profile_btn1 {
    display: block;
    margin: 70px auto 30px !important;
    width: 215px;
}
.profile_btn1 .cp_btn{background-color: #008C95;}

.profile_tabs_inner_section{ width:100%}

.notify_index {
    max-width: 400px;
    margin-left: 35px;
    margin-bottom: 5px;
}
.table-responsive.profile_table {
    margin-bottom: 20px;
}
.profile_table th {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 22px !important;
    border-bottom: 2px solid #DCE0EB !important;
}
.table-responsive.profile_table th:nth-child(1) {
    min-width:150px;
    text-align:left
}
.table-responsive.profile_table th:nth-child(2) {
    min-width: 150px; 
}
.table-responsive.profile_table th:nth-child(3) {
    /*min-width:150px;*/text-align:left
}
.table-responsive.profile_table th:nth-child(4) {
    /*width:150px;*/
    text-align:left;
}

.profile_table td {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    line-height: 22px !important;
    border-bottom: 2px solid #DCE0EB !important;
    text-align:left
}
.profile_table img {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    cursor:pointer;
}
.delete_btn_table {
    margin-left: 15px;
}


/*Email Confirmation*/
.email_confirmation_panel {
    padding: 2% 0 0;
}
.e_c_in{
    background: #fff;
    border-radius:15px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.09);
}
.email_confirmation_panel .brand-logo img {
    max-width: 222px;
    margin-bottom: 15px;
}
.footer.email_confirmation_footer {
    border: none;
    padding-top: 0;
    margin-top: 30px;
}
.email_confirmation_panel h2 {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
    padding-bottom:20px
}
.email_confirmation_panel p {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    max-width:516px;
    margin: auto;
}
.email_confirmation_panel button  {
    border-radius: 22.5px;
    background-color: #008C95;
    border: none;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    padding: 12px 37px;
    margin:35px auto 0;
    display: block;
    cursor:pointer;
}

/*notification gold*/

.notification_gold{ padding-top:3%; overflow-x:hidden}
.notify_gold {
    padding-top: 10px;
    max-width: 455px;
    margin: 25px auto 0;
}
.notification_gold h2 {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
}
.notification_gold input {
    height: 50px;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    /*width: 100%;*/
    padding-left: 25px;
}
.notification_gold button {
    border-radius: 25px;
    background-color: #BFD45B;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 12px 78px;
    margin: 30px auto 15px;
    border: none;
    cursor: pointer;
    display: block;
}
.navbar .navbar-brand-wrapper {
    box-shadow: 0 -4px 4px 0 rgba(0,0,0,0.09);
}
.notification_sign {
    margin: 25px auto 0;
    max-width: 555px;
    padding: 0;
}
.notification_sign .checkbox-container {
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}

/*FAQ*/
.row.faq {
    display: block;
}
.faq-section {
    background: #fff;
    border-radius: 12px;
    padding:21px 25px;
    width:100%;
    clear:both;
}
.faq-section .accordion .card {
    margin-bottom:0;
    border: none;
    border-bottom: 2px solid #DCE0EB !important;
}
.faq-section .accordion .card .card-body {
    padding: 0 0 2rem;
    font-weight: normal;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.faq-section .accordion .card .card-header {
    background-color: transparent;
    border: none;
    padding:24px 0;
}
.faq-section .accordion .card .card-header * {
    color: #008C95 !important;
    font-family: "Nunito Sans";
    font-size: 18px !important;
    font-weight: bold;
    line-height:19px;
    cursor: pointer;
}
.faq-section .accordion .card:first-child .card-header {
    padding-top: 5px;
}
.help_oval {
    height: 69px;
    width: 69px;
    background-color: #BFD45B;
    border-radius: 100%;
    margin-top:13px;
    float: left;
}
.help_oval img {
    height: 27px;
    width: 27px;
    margin: 20px auto;
    display: block;
}
.ques_search_form {
    width: 100%;
    max-width: 365px;
    float:right;
    margin-top: -68px;
    position:relative;
    z-index: 999999;
    background: transparent;
}
.ques_search_form .input-group {
    background: #fff;
    border-radius: 25px;
}

.input-group-text {
    border-radius: 25px;
}
.ques_search_form .form-control {
    height: 45px;
    border: 1px solid #DCE0EB;
    border-radius: 0px 25px 25px 0;
    background: transparent;
    border-left: none;
    color: #737781;	font-family: "Nunito Sans";	font-size: 16px;	line-height: 22px;
    padding-left:5px;
}
.ques_search_form .input-group-text {
    display: flex;
    align-items: center;
    padding: 0 !important;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid #DCE0EB;
    border-right:none;
    border-radius: 25px;
    max-height: 45px;
}
.ques_search_form .input-group-text img {
    padding-left: 5px;
}

/*404*/
.pnf_container {
    box-shadow: none;
}
.pnf_main_container{padding-bottom: 4%; padding-top:5%;}
.not-found-page-section {
    background: #fff;
    border-radius: 12px;
    padding:120px 25px;
    width:100%;
    clear:both;
    text-align:center
}
.not-found-page-section img{ max-width:100%;}
.not-found-page-section h2 {
    padding-top: 40px;
    padding-bottom: 22px;
    max-width: 152px;
    border-bottom: 2px solid #DCE0EB;
    margin: 0 auto 30px;
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 32px;
    font-weight: bold;
    line-height: 43px;
    text-align: center;
}
.not-found-page-section p {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding-bottom: 23px;
    margin-bottom: 0;
}
.not-found-page-section button {
    border-radius: 22.5px;
    background-color: #008C95;
    border: none;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    padding: 12px 76px;
    cursor:pointer;
}

/*Pricing table*/
.pricing_main_container {
    padding-bottom: 10px;
    padding-top: 3%;
}
.pricing_plan h2 {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
    padding-bottom: 26px;
}
.pricing_plan h5 {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    padding-top: 15px;
    margin-bottom: -10px;
}
.section-three {
    -webkit-box-orient:horizontal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.section-three, .table-style-three {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-direction:normal;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.table-style-three {
    -webkit-box-orient:vertical;
    -ms-flex-direction:column;
    flex-direction:column;
    width:25%;
    margin:20px 0;
    background:#fff;
    border: 1px solid #DCE0EB;
    border-radius: 12px !important;
}
.table-style-three:first-child {
    display:none;
    border:none;
    max-width: 21%;
}

@media (min-width:1160px) {
    .table-style-three:first-child {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
    }
}
@media (min-width:870px) {
    .table-style-three:nth-child(3) {
        z-index:1;
    }
}
.table-style-three__title {
    background: #F3F5FA;
    width: 100%;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    padding: 10px 0;
    border-radius: 12px 12px 0 0;
}
.table-style-three__title span {
    border: 1px solid #DCE0EB;
    background-color: #FFFFFF;
    border-radius: 100%;
    width: 65px;
    height: 65px;
    display: block;
    margin: -40px auto 7px;
}
.table-style-three__title span img {
    padding-top: 10px;
}
.table-style-three__title--legend {
    margin-top:90px;
    text-align:right;
    text-transform:capitalize;
    color:#0081ff;
    font-family: "Nunito Sans";
    font-size:30px;
    line-height:42px;
    background: none;
}
.price_text {
    color: #008C95 !important;
    font-size: 32px !important;
    font-weight: 300;
    padding: 20.25px 0 !important;
}
.price_text span {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    height: auto !important;
    display: inline !important;
}
.table-style-three__description {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.table-style-three__description--legend {
    margin-bottom:38px;
    -webkit-box-align:end;
    -ms-flex-align:end;
    -ms-grid-row-align:flex-end;
    align-items:flex-end;
    margin-top:0px;
}
.table-style-three__text {
    padding:0 0;
    border-bottom: 2px solid #DCE0EB;
    width: 185px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    line-height: 20px;
    margin: 0 auto;
    display: inline-table;
}
.table-style-three__text span {
    height: 58px;
    vertical-align: middle;
    text-align: center;
    padding:6px 0;
    display: table-cell;
}
.table-style-three__text--legend span {
    text-align: left;
    height:auto!important;
    position:relative
}
.table-style-three__text--legend span .card_info_signup {
    position: absolute;
    right: 9px;
    top: 14px;
}
.table-style-three__text.content_box {
    padding:0px 0;
}
.table-style-three__text--active {
    color:#39b54a;
}
.table-style-three__text--inactive {
    color:#f04e4e;
}
.table-style-three__text--legend {
    border-radius: 25px 0 0 25px;
    background-color: #F3F5FA;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    text-align: left;
    padding-left: 20px;
    height:50px;
    width: 183px;
    border: none;
    margin: 5px 0;
    padding-top: 0;
}
.table-style-three__text--small-screen {
    text-transform:capitalize;
    color:#8799a3;
    font-size:14px;
    line-height: normal;
    padding-bottom: 10px;
    position: relative;
}
.table-style-three button {
    border-radius: 22.5px;
    background-color: #008C95;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    border: none;
    height: 45px;
    width: 187px;
    margin:30px 0 41px;
    cursor:pointer;
}
.table-style-three .table-style-three__text:last-child{ border-bottom:none; padding-bottom:0}
.table-style-three__text--small-screen .card_info_signup {
    margin-top: -5px;
    position: absolute;
    right: 0;
    top: 0;
}

/*Leaderboard*/
.row.leaderboard {
    display: block;
}
.leaderboard_section {
    background: #fff;
    border-radius: 12px;
    padding: 21px 25px;
    width: 100%;
    clear: both;
}
.leaderboard_filter_section {
    border-bottom: 2px solid #DCE0EB;
    padding-bottom:18px
}
.leaderboard_filter_section .custom_select_field select {
    min-height:50px;
    background: #fff;
    border-radius: 25px !important;
    padding: 0 25px;
    -webkit-appearance: none;
    position: relative;
}
.leaderboard_filter_section .custom_select_field::before {
    content: '';
    background:url(../images/dropdown-arrow@3x.svg) no-repeat right;
    line-height: 1;
    transition: all .2s;
    color: #DCE0EB;
    font-family: "FontAwesome";
    font-size: 1.5rem;
    height:9px;
    width: 14px;
    position: absolute;
    right:28px;
    top:23px;
    z-index:9;
}


.leaderboard_filter_section .minict_wrapper.bubble {
    display: inline-block;
    max-width: 16%;
    margin-right: 10px;
}
.leaderboard_filter_section button {
    border-radius: 22.5px;
    background-color: #008C95;
    border: none;
    height: 45px;
    width: 143px;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    cursor:pointer;
}
.leaderboard_filter_section .form-group.custom_select_field {
    width: 160px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
}
.leaderboard_filter_section .select {
    margin-bottom: 0;
}

.leaderboard_table img.medal {
    width: 27px;
    height: 32px;
    border-radius: 0;
    position: absolute;
    left:10px;
    top: 25px;
}
.leaderboard_table th {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 22px;
    border-bottom: 2px solid #DCE0EB !important;
    cursor:pointer;
    position:relative;
}
.leaderboard_table th:first-child {
    padding-left:58px;
}
.leaderboard_table .table td{
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 38px;
    position: relative;
    border-bottom: 2px solid #DCE0EB;
}
.databtn_row td {
    font-size: 0 !important;
}
.databtn_row {
    background: transparent !important;
    border-left: none !important;
}
.leaderboard_table td:first-child {
    padding-left:58px;
}
/*.leaderboard_table tbody tr:last-child {
    background-color: #f6f9e7;
    border-left: 6px solid #BFD45B;
    font-weight: 700;
}*/
.leaderboard_table .dots_img {
    width: 3px !important;
    height: 15px !important;
    position: absolute;
    left: 0;
}
.leaderboard_table button {
    background: #F6F9E7;
    border: none;
    border-radius: 22.5px;
    color: #BFD45B;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    height: 45px;
    position: absolute;
    width: 339px;
    left: 35%;
    top: 22%;
    cursor:pointer;
    z-index: 9;
}
#order-listing_length {
    display: none;
}
#order-listing_filter {
    display: none;
} 
#order-listing_info {
    display: none;
} 
/*#order-listing_paginate {
    display: none;
} */
@media (min-width:1160px) {
    .table-style-three__text--small-screen {
        display:none;
    }
}
@media (max-width:1160px) {
    .table-style-three__text span {
        display: block;
        height:auto
    }
    .table-style-three__text { margin:5px 0}
}
.table-style-three__button {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:160px;
    height:50px;
    margin-top:38px;
    margin-bottom:38px;
    cursor:pointer;
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    color:#fff;
    border:2px solid rgba(135, 153, 163, 0);
    border-radius:25px;
    background:#39b54a;
    font-size:12px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.table-style-three:nth-child(2):hover, .table-style-three:nth-child(3):hover, .table-style-three:nth-child(4):hover {
    border: 2px solid #BFD45B;
    border-radius:12px;
}
.table-style-three:nth-child(3) {
    margin-left:15px;
    margin-right:15px
}

.table-style-three:nth-child(2):hover>.table-style-three__button, .table-style-three:nth-child(3):hover>.table-style-three__button, .table-style-three:nth-child(4):hover>.table-style-three__button {
    background:#0081ff;
}
.table-style-three:nth-child(2):hover>.table-style-three__button:hover, .table-style-three:nth-child(3):hover>.table-style-three__button:hover, .table-style-three:nth-child(4):hover>.table-style-three__button:hover {
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.table-style-three:nth-child(2):hover>.table-style-three__button:hover:active, .table-style-three:nth-child(3):hover>.table-style-three__button:hover:active, .table-style-three:nth-child(4):hover>.table-style-three__button:hover:active {
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

/*Scheduling Styles*/

.scheduling_section {
    background: #fff;
    border-radius: 12px;
    padding: 21px 25px;
}
.scheduling_group_list_section{border-bottom: 2px solid #DCE0EB;width: 100%; padding-bottom:15px}
.scheduling_group_list_section h5{
    color: #008C95;	
    font-family: "Nunito Sans";	
    font-size: 16px;	
    font-weight: bold;	
    line-height: 22px;
    display: inline-block;
}
.scheduling_group_list_section .form-group {
    display: inline-block;
    padding-left: 20px;
    margin: 0;
}
.scheduling_group_list_section .minict_wrapper {
    height: 33px;
}
.scheduling_group_list_section .minict_wrapper input {
    width: 343px;
    height: 33px;
    border-radius: 16.5px;
}
.scheduling_group_list_section button {
    background: #008C95;
    border: none;
    height: 32px;
    line-height: normal;
    padding: 0 15px;
    border-radius: 16.5px;
    box-shadow: none;
}
.scheduling_group_list_section .minict_wrapper::after {
    top: 13px;
}
.scheduling_group_list_section .minict_wrapper.bubble ul {
    top: 33px;
}

.fc td {
    color: #737781;
}
.fc th, .fc td {
    font-weight:600;
    font-size: 14px;
}
.fc .fc-widget-header table tr th span {
    text-transform:initial!important;
    color: #737781;
    letter-spacing:0px;
    font-weight:600;
    font-size: 14px!important;
}
.scheduling_calender_section {
    width: 100%;
} 
.modal-dialog.add_api_popup_box {
    max-width: 480px;
}

.add_api_popup_box h3 {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    display: block;
    width:100%;
    padding:15px 0 0;
}
.add_api_popup_box h5 {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}
.add_api_popup_box .form-group {
    margin-bottom: 1rem;
    width:85px;
    display: inline-block;
}
.add_api_popup_box .minict_wrapper::after {
    right: 20px;
}
.add_api_popup_box .minict_wrapper input {
    padding-left: 20px;
}
.input-group input {
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    height: 50px;
    font-size: 16px;
    max-width: 100%;
    background: #fff;
    line-height:45px;
}
#filterDate2 {
    max-width: 179px;
    display: inline-block;
    float: right;
    position: relative;
}
#filterDate2 input {
    background: #fff;
    border-radius: 25px;
}
#filterDate2:before{
    content:"";
    /*background:url(../images/date-icon.svg) right no-repeat;*/
    width:19px;
    height:19px;
    position:absolute;
    right: 20px;
    z-index: 99;
    top: 15px;
}
.fc-scroller {
    scrollbar-width: thin;
}

.check_section_one li {
    list-style: none;
    padding-left: 20px;
}
.form-control.txt_box {
    height: 50px;
    width: 84px;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    display: inline-block;
    margin-left: 20px;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
}
.check_section_one p {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    display: inline;
    padding-left:10px;
}
.delete_btn_popup {
    background: transparent;
    border: none;
    color: #E24F85;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 22px;
    padding-top: 13px;
    cursor:pointer;
    text-decoration: underline;
}
.delete_btn_popup img {
    vertical-align: text-top;
    margin-right:7px;
}
.mt-3.button_custom_section {
    max-width: 66%;
    margin: 40px auto 30px !important;
}
.save_btn_popup {
    height: 45px;
    width: 141px;
    border-radius: 22.5px;
    background-color: #008C95;
    border: none;
    color: #FFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    float: right;
    cursor:pointer
}
.api_popuprow .card_info {
    position: absolute;
    right: auto;
    top: 5px;
}
#exampleModal-8.modal { z-index:1150}

.tooltip{
    z-index: 1151 !important;
}
.popover {
    z-index: 1160;
}
.fc button:disabled {
    opacity: 1;
    border-radius: 5px;
}
.api_popuprow .check_section li {
    list-style: none;
    padding: 5px 0;
    position: relative;
}

/*Stations Styles*/

.stations_section {
    background: #fff;
    border-radius: 12px;
    padding: 21px 25px;
    clear: both;
}
.stations_topform_section{
    width:100%
}
.stations_topform_section .form-group {
    display: inline-block;
}
.stations_search_form {
    width: 100%;
    max-width: 365px;
    margin-top: 0;
    position: relative;
    z-index: 9;
    display: inline-block;
    margin-left:15px;
}
.form-group.stations_list_form {
    float: left;
}
.stations_form_sections {
    display: block;
    clear: both;
} 
.stations_search_form #search img {
    padding-left: 10px;
    margin-top: -3px;
}
.stations_search_form .input-group-text {
    display: flex;
    align-items: center;
    padding: 0 !important;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid #DCE0EB;
    border-right: none;
    border-radius: 25px;
    max-height: 45px;
    display: inline-block;
}
.stations_search_form input {
    max-height: 45px;
    border-left: 0;
    padding-left: 5px;
    padding-right: 40px;

}
.stations_search_form .clear_img{
    position: absolute;
    right: 20px;
    top: 35%;
    z-index: 9;
    cursor: pointer;
}
.stations_topform_section .minict_wrapper{ width:365px;height: 45px;}
.stations_topform_section .minict_wrapper input {
    max-height: 45px;
    display: inline-block;
    width: 100%;
    line-height: 40px;
}
.stations_topform_section .minict_wrapper.bubble ul {
    top: 45px;
}
.stations_form_sections .stations_list_col{ width:39%; height:auto; display:inline-block; margin-right:2%; padding:0;float: left;margin-top: 12px;}
.stations_form_sections .stations_form_table_col{ width:59%; height:auto; display:inline-block;padding:0}

.stations_form_sections .stations_form_table_col h2 {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    padding-bottom:12px;
    border-bottom: 2px solid #DCE0EB;
    margin-bottom: 0;
}
.stations_form_sections .stations_form_table_col h2 button {
    border-radius: 22.5px;
    background-color: #008C95;
    float: right;
    border: none;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    padding: 11.5px 52px;
    margin-top: -5px;
    cursor: pointer;
    box-shadow:none;
}
.stations_form_sections .stations_form_table_col .delete_btn_table {
    margin: 0 10px;
}
.stations_form_sections .stations_form_table_col td {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    line-height: 20px !important;
    border-bottom: 2px solid #DCE0EB !important;
    padding-left: 10px;
    padding-right: 10px;
}
.stations_form_sections .table-responsive.profile_table th:nth-child(1) {
    min-width:auto;
    max-width:250px;
}
.stations_form_sections .table-responsive.profile_table th:nth-child(2) {
    min-width: auto;
    max-width:250px;
}
.stations_form_sections .table-responsive.profile_table th:nth-child(3) {
    min-width:auto;
    max-width:250px;
}
/*.stations_form_sections .table-responsive.profile_table th:nth-child(4) {
    min-width:140px;
}*/
.stations_form_sections .table-responsive.profile_table th:last-child {
    min-width: 140px;
}

.stations_form_sections .stations_form_table_col h2 label {
    padding: 0 0 0 20px;
    vertical-align: middle;
}
.stations_form_sections .stations_list_col ul {
    padding: 0;
}
.stations_list_col ul li {
    list-style: none;
    font-size: 16px !important;
    border-bottom: 2px solid #DCE0EB !important;
    padding:12px 0 12px 17px;
    max-width: 96.5%;
    border-left: 3px solid #fff;
}
.stations_list_col ul li a{
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    display: block;
}
.stations_list_col ul li a:hover{ text-decoration:none;}
.stations_list_col ul li:first-child{border-top: 2px solid #DCE0EB !important;}
.stations_list_col ul li span {
    width: 100%;
    display: block;
    font-weight: bold;
}
.stations_list_col ul li:hover{
    background: rgba(191,212,91,0.15) url(../images/list-right-arrow.svg) no-repeat top 50% right 7px;
    border-left:3px solid #BFD45B;
}
.stations_list_col ul li.active{
    border-left:3px solid #BFD45B;
    background: rgba(191,212,91,0.15) url(../images/list-right-arrow.svg) no-repeat top 50% right 7px;
}
.stations_list_col_btn {
    display: block;
    margin:0 auto !important;
    width:100%;
}
.stations_list_col_btn .btn.btn-block {
    display: inline-block;
    margin: 0px 2% 0 0;
    max-width: 48%;
    float: left;
    padding: 0;
}
.stations_list_col_btn .cp_btn{background-color: #008C95;}

.flimrow {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    line-height: 20px !important;
    /*border-bottom: 2px solid #DCE0EB !important;*/
    padding:16px 16px 0;
    background:#FAFBFD;
    margin-top:12px;
    display:inline-block;
    width:100%
}
.flimrow ul{ list-style:none; padding:0}
.flimrow li {
    list-style: none;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    line-height: 20px !important;
    border-bottom: 2px solid #DCE0EB !important;
    padding: 16px 0;
}
.flimrow li:first-child{ padding-top:0}
.flimrow li:last-child{border-bottom: none !important;}
.flimrow ul {
    list-style: none;
    padding: 0;
    display: inline-block;
    width: 48%;
    float: left;
    margin-bottom:0
}

.flimrow ul:first-child {
    margin-right:4%
}
.flimrow li span {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}
.station-b th:last-child, .station-b td:last-child {
    text-align: right;
}
.station-b th:last-child{ margin-left:-15px}
.station-b .delete_btn_table {
    margin: 0 0 0 20px !important;
}
.modal-dialog.custom_popup_box.add_port {
    max-width: 460px;
    margin-left: auto;
    width: 90%;
    margin-right: auto;
}

.modal-dialog.custom_popup_box .modal-title {
    margin-top: 10px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    width: 100%;
    margin-bottom: -10px;
    padding: 0;
}
.nav.flex-column.sub-menu.sub_menu_inn {
    padding-bottom: 0;
    margin-bottom: -10px;
}
.sub_menu_inn .nav-link {
    padding: 14px 0 14px 4.5rem !important;
}

#add-station .sub_menu_inn .nav-link {
    padding: 14px 0 14px 5rem !important;
}
.submit_button_custom.add_port_btn {
    margin: 45px auto 0 !important;
    display: block;
    max-width: 250px;
}
.add_vehicle_modal .col-form-label,.edit_vehicle_modal .col-form-label{
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
}
.add_vehicle_modal .submit_button_custom,.edit_vehicle_modal .submit_button_custom{
    margin-top:35px !important;
}   
.add_port_btn a{ background:transparent; padding:0}

.add_port_btn a {

    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    text-decoration: underline;
    display: inline-block;
    margin-top: 5px;

}
.add_port_btn button {
    padding: 0px 20px;
    border-radius: 22.5px;
    background-color: #008C95;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    max-width: 140px;
    min-height: 43px;
    line-height: 43px;
    display: inline-block;
    margin-left:50px;
    margin-top: 0;
}



/*Adaptors*/

.adapters_table th {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 22px;
    border-bottom: 2px solid #DCE0EB !important;
    cursor:pointer;
    position:relative;
}

.adapters_table .table td{
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 38px;
    position: relative;
    border-bottom: 2px solid #DCE0EB;
}

.adapters_table td img{ width:auto; height:auto; border-radius:0}
.adapters_table #order-listing_paginate {
    width: 50%;
    display: inline-block;
    text-align:right
}
.adapters_table #order-listing_info {
    width: 50%;
    display: inline-block;
    color: #737781;	
    font-family: "Nunito Sans";	
    font-size: 16px;
    line-height: 22px;
    padding:15px 0;
    margin-top:15px
}
.adapters_table #order-listing_paginate a {
    position: relative;
    padding:5px 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
    display: inline-block;
    color: #737781;	
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.adapters_table #order-listing_paginate a:hover{
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.adapters_table .paginate_button.current {
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.adapters_table #order-listing_paginate a.disabled{color:#CCCDD2}
.adapters_table #order-listing_previous {
    border-radius: 5px 0 0 5px;
}
.adapters_table #order-listing_previous {
    border-radius: 5px 0 0 5px;
}
.adapters_table #order-listing_next{
    border-radius:0 5px 5px 0;
}
.add_adapter_btn_section {
    width: 100%;
    display: block;
    position: relative;
    z-index:999;
}
.add_adapter_btn_section .add_adapter_btn {
    background-color: #008C95;
    border: none;
    color: #fff;
    height: 45px;
    padding: 0 35px;
    border-radius: 22.5px;
    cursor: pointer;
    float:right;
    margin-top: -68px;
    margin-right:-15px;
    font-weight: bold;
}

/*Account Access*/
.account_access_main_section{
    background: #fff;
    border-radius: 12px;
    padding: 21px 25px;
    clear: both;
}
.account_access_btn_section {
    width: 100%;
    display: block;
    position: relative;
    z-index:9999;
}
.add_adapter_btn_section .account_access_btn {
    background-color: #008C95;
    border: none;
    color: #fff;
    height: 45px;
    padding: 0 35px;
    border-radius: 22.5px;
    cursor: pointer;
    float:right;
    margin-top: -69px;
    margin-right:-15px;
    font-weight: bold;
}

.account_access_table th {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 22px;
    border-bottom: 2px solid #DCE0EB !important;
    cursor:pointer;
    position:relative;
}
.account_access_table th:nth-child(3)::before {
    display: none !important;
}
.account_access_table th:nth-child(3)::after {
    display: none !important;
}
.account_access_table th:nth-child(4)::before {
    display: none !important;
}
.account_access_table th:nth-child(4)::after {
    display: none !important;
}
.account_access_table .table td{
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 38px;
    position: relative;
    border-bottom: 2px solid #DCE0EB;
    line-height: 22px;
    max-width:400px
}

.account_access_table button {
    background: #F6F9E7;
    border: none;
    border-radius: 22.5px;
    color: #BFD45B;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    height: 45px;
    position: absolute;
    width: 339px;
    left: 35%;
    top: 22%;
    cursor:pointer;
    z-index: 9;
}
.account_access_table td img{ width:auto; height:auto; border-radius:0}
.account_access_table #order-listing_paginate {
    width: 50%;
    display: inline-block;
    text-align:right
}
.account_access_table #order-listing_info {
    width: 50%;
    display: inline-block;
    color: #737781;	
    font-family: "Nunito Sans";	
    font-size: 16px;
    line-height: 22px;
    padding:15px 0;
    margin-top:15px
}
.account_access_table #order-listing_paginate a {
    position: relative;
    padding:5px 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
    display: inline-block;
    color: #737781;	
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.account_access_table #order-listing_paginate a:hover{
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.account_access_table .paginate_button.current {
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.account_access_table #order-listing_paginate a.disabled{color:#CCCDD2}
.account_access_table #order-listing_previous {
    border-radius: 5px 0 0 5px;
}
.account_access_table #order-listing_previous {
    border-radius: 5px 0 0 5px;
}
.account_access_table #order-listing_next{
    border-radius:0 5px 5px 0;
}
.account_access_table .request_sent_text {
    color: #BFD45B;
}
.modal-dialog.invite_popup_box{
    max-width: 1000px;
    margin-left: auto;
    width: 90%;
    margin-right: auto;
}
.modal-dialog.invite_popup_box .modal-title {
    margin-top: 10px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    width: 100%;
    margin-bottom: -10px;
    padding: 0;
}
.available_group_section {
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    background-color: #FFFFFF;
    padding:13px 22px;
}
.invite_popup_box h3 {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    padding-top:5px
}
.invite_popup_box #results {
    max-height: 235px;
    overflow-y: auto;
}
.invite_popup_box #results .result {
    padding:3px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 200ms ease-in-out;
    border-bottom:2px solid #F3F5FA;
    font-family: "Nunito Sans";	font-size: 16px;	line-height: 33px;
}
.invite_popup_box #results .result a{color: #737781;}
.available_group_section .form-control {
    background-color: #FFFFFF;
    height: 34px !important;
    padding-top: 0;
    padding-bottom: 0;
    padding-left:20px !important
}
.result img {
    padding-right: 10px;
}
.invite_popup_box #results {
    scrollbar-width: thin;
}
.assigned_group_section{
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    background-color: #FFFFFF;
    padding:13px 22px;
    height: 297px;
    overflow-y: auto;
    min-height:260px
}
.assigned_group_section #results .result a {
    float: left;
}
.check_section.assigned_row {
    display: inline-block;
    margin: 0;
    padding-top: 0 !important;
    float:right;
}
.check_section.assigned_row li {
    display: inline-block;
    margin-right: 15px;
}
.assigned_row  input {
    display: none;
}
.assigned_col_first .result {
    padding: 0 !important;
}
.check_section.assigned_row li:last-child{ margin-right:0}
.check_section.assigned_row .checkbox-container {
    margin: 0;
}
.submit_button_custom.invite_btn {
    margin: 0 auto 30px !important;
    display: block;
    width: 248px;
}
.invite_btn button {
    padding: 0px 20px;
    border-radius: 22.5px;
    background-color: #008C95;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    max-width: 140px;
    min-height: 43px;
    line-height: 43px;
    display: inline-block;
    margin-left: 50px;
    margin-top: 0;
}
.invite_btn a {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    text-decoration: underline;
    display: inline-block;
    margin-top: 0;
}
.invite_btn a {
    background: transparent;
    padding: 0;
}

/*Invite Edit section*/
.invite_edit_box_section{
    background:#F6F9E7;
    border-left:#BFD45B solid 3px;
    padding:15px;
    width: 100%;
}
.invite_edit_box_section h3 {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    padding-top:5px
}
.invite_edit_box_section #results {
    max-height: 235px;
    overflow-y: auto;
}
.invite_edit_box_section #results .result {
    padding: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 200ms ease-in-out;
    border-bottom: 1px solid #F3F5FA;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 33px;
}
.invite_edit_box_section #results .result a{color: #737781;}
.available_group_section .form-control {
    background-color: #FFFFFF;
    height: 34px !important;
    padding-top: 0;
    padding-bottom: 0;
    padding-left:20px !important;
    border-radius:25px;
    border: 1px solid #DCE0EB;
}
.available_group_section .form-control:focus{border: 1px solid #DCE0EB;}
.result img {
    padding-right: 10px;
}
.invite_edit_box_section #results {
    scrollbar-width: thin;
}
.invite_edit_box_section .assigned_group_section{
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    background-color: #FFFFFF;
    padding:13px 22px;
    height: 297px;
    overflow-y: auto;
    min-height:260px
}
.invite_edit_box_section .assigned_group_section #results .result a {
    float: left;
}
.invite_edit_box_section .check_section.assigned_row {
    display: inline-block;
    margin: 0;
    padding-top: 0 !important;
    float:right;
}
.invite_edit_box_section .check_section.assigned_row li {
    display: inline-block;
    margin-right: 15px;
}
.invite_edit_box_section .assigned_row  input {
    display: none;
}

.invite_edit_box_section .check_section.assigned_row li:last-child{ margin-right:0}
.invite_edit_box_section .check_section.assigned_row .checkbox-container {
    margin: 0;
}
.submit_button_custom.invite_btn {
    margin: 0 auto 30px !important;
    display: block;
    width: 248px;
}
.invite_edit_box_section .invite_btn button {
    padding: 0px 20px;
    border-radius: 22.5px;
    background-color: #008C95;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    max-width: 140px;
    min-height: 43px;
    line-height: 43px;
    display: inline-block;
    margin-left: 50px;
    margin-top: 0;
}
.invite_edit_box_section .invite_btn a {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    text-decoration: underline;
    display: inline-block;
    margin-top: 0;
}
.invite_edit_box_section .invite_btn a {
    background: transparent;
    padding: 0;
}
.invite_edit_box_top {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    padding-bottom: 20px;
    width: 100%;
}
.invite_edit_box_top .top_col_1, .invite_edit_box_top .top_col_2, .invite_edit_box_top .top_col_3 {
    display: inline-block;
    width:25%;
}
.invite_edit_box_top .top_col_3 { width:49%; text-align:right;}
.invite_edit_box_top .top_col_3 a {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height: 19px;
    text-decoration: underline;
    padding-left: 15px;
}



/*Superviser Control Pages*/

.super_control_section {
    padding:0;
    clear: both;
}
.super_control_section_top_row {
    width: 100%;
    display: block;
    margin-bottom:25px;
}
.sca_id_col {
    background: #fff;
    border-radius: 12px;
    min-height: 62px;
    vertical-align: middle;
    width: 48.5%;
    display: inline-block;
    padding: 15px 19px 15px;
}
.sca_battery_col {
    background: #fff;
    border-radius: 12px;
    min-height: 62px;
    vertical-align: middle;
    width: 48.5%;
    display: inline-block;
    float:right;
    padding: 15px 19px 15px;
    position: relative;
}
.sca_id_col span, .sca_battery_col span {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 22px;
    line-height: 30px;
    text-align: right;
    float: right;
}
.sca_id_col p, .sca_battery_col p {
    display: inline-block;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 31px;
    margin-bottom: 0;
}
.sca_id_col p img, .sca_battery_col p img {
    padding-right:17px;
}
.sca_battery_col .card_info {
    position: relative;
    right: auto;
    top: auto;
    padding-left: 15px;
}
.card_boxes_section.super_control_boxes .popover {
    max-width: 170px;
}

.monitor_section_row #accordion {
    width: 100%;
    border-radius: 12px;
    background-color: #FFFFFF; 
    margin-bottom: 1.875rem;
}
.monitor_section_row .accordion .card .card-header {
    background-color: transparent;
    border: none;
    padding: 26px 40px 0;
}
.monitor_section_row .accordion .card .card-header h6 {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    padding-bottom: 12px;
}
.popover{white-space: pre-line!important;}
.popover-body ul {
    margin-top: -10px;
    margin-bottom:-15px;
    padding-left: 25px;
}
.popover-body ul li {
    line-height: 18px;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-bottom: -15px;
}
.head_btns_section {
    position: absolute;
    top: 20px;
    right: 8%;
}
.monitor_section_row .accordion .card .card-header h6 .sca_status {
    background-color: #F3F5FA;
    height: 44px;
    line-height: 44px;
    text-align: center;
    padding: 0 5px;
    display: inline-block;
    border-radius: 10px;
    font-size: 16px;
}
.monitor_section_row .accordion .card .card-header h6 .sca_status h4, .monitor_section_row .accordion .card .card-header h6 .session_status h4 {
    float: left;
    line-height: 44px;
    margin: 0;
    vertical-align: middle;
    max-height: 44px;
}
.sca_status.enabled{ color:#737781;background: #F6F9E7 !important;width:98px}
.sca_status.disabled{ width:98px}
.sca_status span {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 22px;
    padding-left: 5px;
}
.monitor_section_row .accordion .card .card-header h6 .session_status {
    background-color: #F3F5FA;
    height: 44px;
    line-height: 44px;
    text-align: center;
    padding: 0 20px;
    display: inline-block;
    border-radius: 10px;
    font-size: 16px;
    line-height: 44px;
}
.session_status span {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 22px;
    padding-left: 5px;
}
.monitor_section_row .accordion .card {
    margin-bottom: .75rem;
    border: none !important;
    border-radius: 12px !important;
    background: transparent;
}
.monitor_section_row .monitor_col {
    background: #FAFBFD;
    padding: 15px;
}
.monitor_section_row .monitor_col {
    background: #FAFBFD;
    padding: 15px;
    float:left;
    max-width: 32.95%;
}
.col-4.monitor_sca_session.monitor_col {
    margin: 0 5px;
}
.monitor_section_row .collapse .card-body {
    padding:0px 40px 10px;
    display: inline-block;
    width: 100%;
}
.monitor_section_row .monitor_col .card-title {
    margin-bottom: 1.3rem;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}
.monitor_section_row .monitor_col .box_content {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.monitor_section_row .monitor_col .border-bottom {
    border-bottom: 2px solid #DCE0EB !important;
}
.monitor_col .card-title .card_info {
    top: 13px;
    right: 13px;
}
.monitor_section_row .card-body .border-top {
    border-top: 2px solid #DCE0EB !important;
    padding: 0 0 10px;
    margin-top:13px;
}
.monitor_section_row.evse_monitoring_sec .card-body .border-top {
    margin-top:0px;
}
.monitor_col .box_right_text img {
    max-width: 20px;
    /*margin-top: 10px;*/
    float: left;
    position: absolute;
    left: -25px;
    top: 0px;
}
.monitor_col .online_content {
    position: relative;
}
.monitor_col .online_content::before {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #BFD45B;
    position: absolute;
    left: -12px;
    top: 7px;
    border-radius: 8px;
}
.monitor_col .offline_content {
    position: relative;
}
.monitor_col .offline_content::before {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #737781;
    position: absolute;
    left: -10px;
    top: 7px;
    border-radius: 8px;
}
.evse_monitoring_sec .col-4.monitor_sca_session.monitor_col {
    min-height: 380px;
}
.col-4.monitor_evse_session.monitor_col {
    min-height: 380px;
}
.status_right {
    right: 0;
    width: 68%;
    display: inline-block;
    float: right;
    position: absolute;
    top: 16px;
}

.status_right .evse_status_text {
    border-radius: 16px;
    background-color: #FFFFFF;
    padding: 0 15px 0 40px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 7px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: normal;
    position: relative;
    min-width: 175px;
    text-align: left;
    white-space: nowrap;
}
.status_right .evse_status_text_last {
    color: #C7CBD6;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    text-align: left;
    width: 80%;
}

.box_right_text.ml-auto.evse_status_text::before {
    content: "\f35f";
    position: absolute;
    left:7px;
    font-size: 33px;
    display: block;
    font-family: Material Design Icons;
    color: #BFD45B;
}
.dashboard_second_section_col_line {
    padding: 15px 0;
    position: relative;
}
.row.super_chart_section {
    background: #fff;
    padding: 15px 18px;
    border-radius: 12px;
    margin-bottom: 1.875rem;
}
.super_chart_section .heading_row{ width:100%; display:block;position: relative;}
.super_chart_section .heading_row .card-title {
    margin-bottom: 1.3rem;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}
.card.monitor_inn_section {
    margin-top: 5px;
}
.monitor_inn_section .card-header {
    padding: 0 !important;
    margin-top: 7px;
}
.monitor_inn_section .card-header h6 {
    font-family: "Nunito Sans";
    font-size: 18px!important;
    font-weight: bold!important;
    line-height: 24px;
}
.monitor_inn_section .card-header h6 a{color: #008C95!important;font-weight: bold !important;margin-top: -2px;}
.monitor_inn_section .head_btns_section {
    position: absolute;
    top: 0!important;
    right:45px!important;
}
.accordion .card .card-header.accor_custom a[aria-expanded="false"]::before {
    content: "";
    background: url(../images/caret-right.png) no-repeat right;
    width:9px;
    height:12px;
    top: 6px;
}
.accordion .card .card-header.accor_custom a[aria-expanded="true"]::before {
    content: "";
    background: url(../images/caret-right.png) no-repeat right;
    width:9px;
    height:12px;
    top: 6px;
}
.monitor_inn_section .inner_content_section {
    background-color: #FAFBFD;
    padding: 27px 21px 0px;
    margin-top: -12px;
    border-bottom: 2px solid #DCE0EB;
}
.monitor_inn_section .inner_content_section .sec_top_panel {
    border-bottom:2px solid #DCE0EB;
    position:relative;
    padding-bottom:25px;
    display: inline-block;
    width: 100%;
}
.sec_top_panel{ margin-bottom:25px}
.sec_top_panel h4 {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    padding-bottom:25px;
    margin-bottom:0
}
.sec_top_panel .card_info {
    position: relative;
    top: -2px;
    right: auto;
}
.sec_top_cols .sca_id_col span, .sec_top_cols .sca_battery_col span {
    font-size: 32px;
}
.sec_top_cols .sca_id_col, .sec_top_cols .sca_battery_col{
    padding: 22px 19px 22px;
}
.inn_contents_row_one h5 {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    display: inline-block;
    float: left;
}
.inn_contents_row_one .form-group {
    float: left;
    padding-left: 30px;
    margin-top: -10px;
}
.inn_contents_row_one .form-check-label {
    color: #737781 !important;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: normal !important;
    padding-left: 10px;
}
.inn_contents_row_one .form-check {
    margin-bottom: 14px;
}

.form-check h5 {
    float: left;
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}
.switch {
    height: 31px;
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    margin: -5px 0 0 25px;
}
.switch input {
    display: none;
}
.switch input + span {
    padding-left: 50px;
    min-height:31px;
    line-height:31px;
    display: block;
    color: #d8d8d8;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    transition: color .3s ease;
}
.switch input + span:before, .switch input + span:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 16px;
}
.switch input + span:before {
    top: 0;
    left: 0;
    width:51px;
    height: 31px;
    background: #d8d8d8;
    transition: all .3s ease;
}
.switch input + span em {
    width: 28px;
    height: 28px;
    background: #fff;
    position: absolute;
    left:2px;
    bottom:1px;
    border-radius:100%;
    display: block;
    z-index: 1;
    transition: all .45s ease;
}
.switch input + span em:before {
    content: '';
    width: 2px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -1px;
}
.switch input + span strong {
    font-weight: normal;
    position: relative;
    display: block;
    top: 1px;
}
.switch input + span strong:before, .switch input + span strong:after {
    font-size: 14px;
    font-weight: 500;
    display: block;
}
.switch input + span strong:before {
    content: 'Disabled';
    transition: all .3s ease .2s;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 30px;
    margin-left: 12px;
}
.switch input + span strong:after {
    content: 'Enabled';
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left:12px;
    top: 0;
    transition: all .3s ease;
    -webkit-transform: translate(2px, 0);
    transform: translate(2px, 0);
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 30px;
}
.switch input:checked + span:before {
    background:#008C95;
}
.switch input:checked + span:after {
    background: #fff;
    -webkit-transform: translate(18px, 0);
    transform: translate(18px, 0);
}
.switch input:checked + span em {
    -webkit-transform: translate(18px, 0);
    transform: translate(18px, 0);
    background: #fff;
}
.switch input:checked + span em:after {
    border-color: #5628EE;
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
}
.switch input:checked + span strong:before {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    -webkit-transform: translate(-2px, 0);
    transform: translate(-2px, 0);
}
.switch input:checked + span strong:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: all .3s ease .2s;
}
.inn_radio_form {
    display: inline-block;
    margin-bottom: -40px;
}
.inn_contents_row_one{ width:100%; display: inline-block; padding-bottom:20px}
.inn_contents_row_col_1{ display:inline-block; width:48%;}
.inn_contents_row_col_1 .minict_wrapper {
    border-radius: 25px;
    display: inline-block;
    max-width: 71%;
}
.inn_contents_row_col_1 .minict_wrapper.bubble.active input {
    background: #fff;
}
.inn_contents_row_col_1 label {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height:50px;
    display: inline-block;
    padding-right:7px;
}
.inner_content_section button {
    border-radius: 22.5px;
    background-color: #BFD45B;
    width: 178px;
    height: 45px;
    border: none;
    color: #fff;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    margin: 30px auto 0;
    display: block;
    cursor:pointer
}
.inn_contents_row_two {
    margin-top: 25px;
    padding-bottom:20px
}
.inn_contents_row_two .average_section_row {
    background: #fff;
    padding: 15px 22px;
    border-radius: 12px;
    position: relative;
    margin-bottom:0
}
.inn_contents_row_two .average_section_row h5 {
    margin: 0;
}
.inn_contents_row_two .average_section_row .mtr_img {
    float: left;
    vertical-align: middle;
    margin: 23px 20px 30px 0;
} 
.inn_contents_row_two .average_section_row .card_info {
    position: relative;
    right: auto;
    top: auto;
}
.inn_contents_row_two .average_section_content .pull-right { font-size:18px;margin-top:-10px}
.inn_contents_row_two .average_section_content .pull-right span {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 32px;
    margin-top:-10px
}



.inn_contents_row_one .input-group input {
    border-radius: 25px !important;
    max-width: 30% !important;
    min-width: 24%;
    margin: 0;
}
.inn_contents_row_one .input-group label{ line-height:50px}
.inn_contents_row_col_1 .input-group span{
    width: 10%;
    text-align: center;
    line-height: 50px;
}  
.inner_content_section .inn_contents_row_col_2 {
    display: inline-block;
    width: 48%;
    float: right;
} 
.inner_content_section .inn_contents_row_col_2 .sca_id_col {
    width: 100%;
} 
.inner_content_section .inn_contents_row_col_2 .sca_id_col span { font-size:32px}
.rangeSlider {
    margin-bottom: 12px;
}
.container [data-output] {
    display: block;
    width: 100%;
    text-align: center;
    font-family: sans-serif;
}
output {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin-top: -20px;
    display: block;
    margin-bottom: 20px;
    min-height: 22px;
}
.range_slider_section {
    margin: 55px 0 0 12%;
    max-width: 88%;
}
.range_slider_section .rangeone {
    display: inline-block;
    width: 47%;
}
.range_slider_section .rangetwo {
    display: inline-block;
    width: 47%;
    float: right;
}
.rangeSlider {
    position: relative;
    background-color: #D8D8D8 !important;
    box-shadow: none !important;
    height: 8px !important;
} 
.rangeSlider__fill {
    background: #008C95!important;
    position: absolute;
    z-index: 2;
    height: 8px !important;
}
.rangeSlider__handle {
    cursor: pointer;
    display: inline-block;
    width:41px!important;
    height:41px!important;
    position: absolute;
    z-index: 3;
    border-radius: 50%;
    border: 1px solid #DCE0EB!important;
    background: #FFFFFF!important;
    box-shadow: 0 4px 7px 0 rgba(0,0,0,0.11)!important;
}
.rangeSlider__handle::after{ display:none!important}
.rangeSlider__handle__horizontal {
    top: -18px!important;
}
.rangeone span {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height: 19px;
} 
.rangetwo span {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height: 19px;
} 

/*Control EVSE*/ 

.control_evse .custom_card_box:nth-child(4) {
    /*margin-right:0*/
} 
.control_evse_top_row {
    width: 100%;
    margin-bottom: 1.875rem;
}
.control_evse_top_row .sca_id_col {
    width: 100%;
}
.control_evse_top_row .sca_id_col p {
    float: left;
} 
.control_evse_top_row .sca_id_col ul li {
    list-style: none;
    float: left;
    padding: 0 25px;
    border-right: 1px solid #DCE0EB;
    margin-top: 6px;
}
.control_evse_top_row .sca_id_col ul li:first-child{ padding-left:0}
.control_evse_top_row .sca_id_col ul li:last-child{ border:none}
.control_evse_top_row .sca_id_col ul li p {
    line-height: 22px;
    padding-right: 25px;
} 
.control_evse_top_row .sca_id_col ul li span {
    line-height: 22px;
} 
.evse_monitoring_sec .monitor_sca_session.monitor_col {
    margin-right: 0;
}
.evse_monitoring_sec .monitor_col {
    max-width: 33.1%;
}
.evse_button_section {

    width: 100%;
    display: block;
    float: left;

}
.play_btn img {

    text-align: left;
    float: left;

}
.evse_button_section .play_btn {

    display: inline-block !important;
    min-width: 320px;
    height: 45px !important;
    padding: 0 10px;
    background: #F1F5E5;
    color: #BFD45B;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height:30px !important;
    text-align: center !important;
    margin-right:15px
}
.stop_btn img {
    text-align: left;
    float: left;
}
.stop_btn {
    display: inline-block !important;
    min-width: 320px;
    height: 45px !important;
    padding: 0 10px;
    background:#F6E1EB !important;
    color: #E24F85 !important;	font-family: "Nunito Sans";	font-size: 16px !important;	font-weight: bold !important;	line-height:30px !important;	text-align: center !important;

}

/*Monitor Ports Styles*/

.monitor_port_section_top_row {
    background: #fff;
    padding: 20px;
    margin-bottom: 1.875rem;
    border-radius: 12px;
    width: 100%;
}
.monitor_port_section_top_row .minict_wrapper.bubble {
    display: inline-block;
    float: left;
    max-width: 16.9%;
    margin-right: 15px;
    height:45px;
    line-height:45px;
} 
.monitor_port_section_top_row .minict_wrapper input {
    height: 45px;
    line-height:45px;
}
.monitor_port_section_top_row .minict_wrapper.bubble ul {
    top: 45px;
}
.monitor_port_section_top_row .stations_search_form {
    width: 100%;
    max-width: 26%;
    margin-top: 0;
    position: relative;
    z-index: 9;
    display: inline-block;
    margin-left: 0;
}
.monitor_port_main_accordion_section{ background:#fff; padding:0 20px 20px 20px; border-radius:12px;display: block;margin-bottom: 1.875rem;} 
.monitor_port_section_accord_row .accordion .card .card-header {
    background-color: transparent;
    border: none;
    padding:22px 0 0px 0;
}
.monitor_port_section_accord_row .accordion .card {
    margin-bottom: .75rem;
    border: none !important;
    border-radius: 12px !important;
    background: transparent;
}
.monitor_port_section_accord_row #accordion {
    width: 100%;
    border-radius: 0;
    background-color: #FFFFFF;
    margin-bottom: 0;
    border-bottom: 2px solid #DCE0EB;
}
.monitor_port_section_accord_row .accordion .card .card-header h6 {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    padding-bottom: 12px;
} 
.monitor_port_section_accord_row .accordion .card .card-header a{
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height:24px;
    display: flex;
}
.monitor_port_section_accord_row .head_btns_section {
    position: absolute;
    top: 10px;
    right:4%;
} 
.monitor_port_section_accord_row .accordion .card .card-header a[aria-expanded="true"]::before {
    content: "";
    background: url(../images/dashboard/minus@3x.svg) no-repeat right;
    width: 14px;
    height: 2px;
    top: 6px;
}
.monitor_port_section_accord_row .accordion .card .card-header a[aria-expanded="false"]::before {
    content: "";
    background: url(../images/dashboard/plus.svg) no-repeat right;
    width: 14px;
    height: 14px;
    top: 0px;
}
.monitor_port_section_accord_row .accordion .card .card-header h6 .bg_col {
    background-color: #F3F5FA;
    height: 44px;
    line-height: 44px;
    text-align: center;
    padding: 0 20px;
    display: inline-block;
    border-radius: 10px;
    font-size: 16px;
}
.monitor_port_section_accord_row .head_btns_section span {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 22px;
}
.monitor_port_section_accord_row .collapse .card-body {
    padding:0px;
    display: inline-block;
    width: 100%;
}
.monitor_port_section_accord_row .list_card_head_section {
    display: inline-block;
    position: relative;
    margin: 0;
}
.monitor_port_section_accord_row .list_card_head_section li {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    line-height: 24px;
    list-style: none;
    float: left;
    border-left: 1px solid #DCE0EB;
    padding: 0 9px;
    max-width: 140px;


} 
.monitor_port_inn_section .border-top{border-top: 2px solid #DCE0EB!important;}
.list_card_head_section {
    cursor: text;
}
.monitor_port_colsone {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
    margin-top:-25px
}
.monitor_port_colsone .monitor_col { min-height:370px;} 
.monitor_port_colsone .monitor_evse_session.monitor_col{ max-height:370px !important; min-height:370px} 
.monitor_port_box_section .custom_card_box {
    background-color: #FAFBFD;
    border-radius: 0;
    width: 19.5%;
    margin-right:0.15%;
    position: relative;
    padding-bottom: 20px;
    font-weight:400;	
}
.monitor_port_colsone .monitor_col {
    background: #FAFBFD;
    padding: 15px;
    float: left;
    max-width: 32.95%;
} 
.monitor_port_colsone .monitor_col .card-title {
    margin-bottom: 1.3rem;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
} 
.monitor_port_colsone .monitor_col .border-bottom {
    border-bottom: 2px solid #DCE0EB !important;
} 

.monitor_port_colstwo {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;

}
.monitor_port_colstwo .monitor_col { min-height:370px;} 
.monitor_port_colstwo .monitor_evse_session.monitor_col{ max-height:370px !important; min-height:370px} 
.monitor_port_colstwo .monitor_col {
    background: #FAFBFD;
    padding: 15px;
    float: left;
    max-width: 32.95%;
} 
.monitor_port_colstwo .monitor_col .card-title {
    margin-bottom: 1.3rem;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
} 
.monitor_port_colstwo .monitor_col .border-bottom {
    border-bottom: 2px solid #DCE0EB !important;
} 
.monitor_port_colstwo .monitor_col {
    max-width: 33.1%;
}
.monitor_port_colstwo .monitor_sca_session.monitor_col {
    margin-right: 0;
} 
.monitor_port_map_section {
    background: #fff;
    padding: 15px 18px;
    border-radius: 12px;
    margin-bottom: 1.875rem;
    position:relative;
}
.monitor_port_map_section .heading_row {
    width: 100%;
    display: block;
    position: relative;
}
.monitor_port_map_section .heading_row .card-title {
    margin-bottom: 1.3rem;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}
.location_list {
    list-style: none;
    margin: 25px 0 10px;
    width: 100%;
    color: #737781;
}
.location_list li {
    float: left;
    display: inline-block;
    position:relative;
    padding-left: 12px;
    margin-right: 35px;
}
.locationgreen::before {
    content: "";
    height: 8px;
    width: 8px;
    background-color: #BFD45B;
    position: absolute;
    left:-7px;
    top: 8px;
    border-radius: 8px;
}
.locationblue::before {
    content: "";
    height: 8px;
    width: 8px;
    background-color:#008C95;
    position: absolute;
    left:-7px;
    top: 8px;
    border-radius: 8px;
}
.locationred::before {
    content: "";
    height: 8px;
    width: 8px;
    background-color:#E24F85;
    position: absolute;
    left:-7px;
    top: 8px;
    border-radius: 8px;
}



/*API Management Styles*/
.modal-dialog.custom_popup_box.add_api_gold {
    margin-top: 30px;
}
.api_manage_table .delete_btn_table {
    margin: 0 20px;
}
.check_section.add_api_key .col-form-label {
    /*padding: 0 0 18px;*/
    padding: 0 0 0px;
} 
.check_section.add_api_key .checkbox-container {
    position: relative;
    padding-left: 35px;
    margin-bottom:0px;
}
.add_api_gold .card_info {
    position: relative;
    right: auto;
    top: auto;
}
.add_api_gold .card_info img{ float:none;margin: auto;}
.add_api_gold input.form-control {
    height: 50px;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    padding-left: 25px;
} 
.add_api_gold .mt-3.button_custom_section {
    max-width: 58%;
    margin: 20px auto !important;
}
.add_api_gold .save_btn_popup {
    height: 45px;
    width: 187px;
} 
.add_api_gold .delete_btn_popup {
    color: #008C95;
} 
#exampleModal-22.modal { z-index:1150}

#exampleModal-22 .tooltip{
    z-index: 1151 !important;
}
#exampleModal-22 .popover {
    z-index: 1160;
}
.btn.btn-info.add_key_btn {
    width: 173px;
}
#exampleModal-22.modal { z-index:1150}
#exampleModal-23.modal { z-index:1150}

/*Add OCPP section*/

.add_ocpp_section {
    background: #fff;
    border-radius: 12px;
    padding: 21px 10px;
    clear: both;
}
.add_ocpp_section input {
    height: 50px;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    padding-left: 25px;
}
.add_ocpp_section textarea {
    min-height: 84px;
    width: 100%;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    padding:15px 25px;
}
.add_ocpp_section textarea:focus {
    outline:0
}
.add_ocpp_section .check_section {
    padding: 0;
}
.add_adapt_reduce_section{ margin-top:10px}
.add_ocpp_section .row.google_map_add_adaptor_section {
    width: 96%;
    margin: 0 0 0 2%;
}
.add_ocpp_section .map_canvas {
    width: 100%;
    margin: 5px auto -20px;
}
.add_ocpp_section .card_info {
    position: relative;
    right: auto;
    top: auto;
} 
.add_ocpp_section .checkbox-container.pull-right {
    width: 100%;
    text-align: right;
    margin: 10px 25px -20px 0;
}
.add_ocpp_section .select-dropdown input[type="text"] {
    z-index: 99;
} 
.add_ocpp_section .form-group.row.search_location {
    z-index: 99;
} 
.btn.btn-block.occp_btn_blue {
    padding: 0px 20px;
    border-radius: 22.5px;
    background-color: #008C95;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    max-width: 215px;
    margin: 50px auto 20px;
    min-height: 43px;
    line-height: 43px;
}
.occp_editbtn_blue {
    max-width: 165px !important;

}

/*Add Adapter section*/

.add_adapter_edit_section {
    background: #fff;
    border-radius: 12px;
    padding: 21px 10px;
    clear: both;
}
.add_adapter_edit_section input {
    height: 50px;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    padding-left: 25px;
}
.add_adapter_edit_section textarea {
    min-height: 84px;
    width: 100%;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    padding:15px 25px;
}
.add_adapter_edit_section textarea:focus {
    outline:0
}
.add_adapter_edit_section .check_section {
    padding: 0;
}
.add_adapt_reduce_section{ margin-top:10px}
.add_adapter_edit_section .row.google_map_add_adaptor_section {
    width: 96%;
    margin: 0 0 0 2%;
}
.add_adapter_edit_section .map_canvas {
    width: 100%;
    margin: 5px auto -20px;
}
.add_adapter_edit_section .card_info {
    position: relative;
    right: auto;
    top: auto;
} 
.add_adapter_edit_section .checkbox-container.pull-right {
    width: auto;
    text-align: right;
    margin: 10px 25px 0px 0;
    position: absolute;
    top: 45%;
    right: 0;
}
.add_adapter_edit_section .select-dropdown input[type="text"] {
    z-index: 99;
} 
.add_adapter_edit_section .form-group.row.search_location {
    z-index: 99;
} 
.btn.btn-block.addedit_btn_blue {
    padding: 0px 20px;
    border-radius: 22.5px;
    background-color: #008C95;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    max-width:180px;
    margin: 50px auto 20px;
    min-height: 43px;
    line-height: 43px;
}
.addedit_btn_blue_btn {
    max-width: 165px !important;

} 
.adapter_addedit_section {
    position: relative;
    width: 100%;
}
.btn.btn-block.addedit_btn_blue.addedit_btn_blue_btn {
    margin: 20px auto 40px;
} 

/*Logs*/
.logs_management_section{
}
.logs_table th {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 22px;
    border-bottom: 2px solid #DCE0EB !important;
    cursor:pointer;
    position:relative;
}

.logs_table .table td{
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 38px;
    position: relative;
    border-bottom: 2px solid #DCE0EB;
}
.logs_table td img{ width:auto; height:auto; border-radius:0}
.logs_table #order-listing_paginate {
    width: 50%;
    display: inline-block;
    text-align:right
}
.logs_table #order-listing_info {
    width: 50%;
    display: inline-block;
    color: #737781;	
    font-family: "Nunito Sans";	
    font-size: 16px;
    line-height: 22px;
    padding:15px 0;
    margin-top:15px
}
.logs_table #order-listing_paginate a {
    position: relative;
    padding:5px 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
    display: inline-block;
    color: #737781;	
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.logs_table #order-listing_paginate a:hover{
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.logs_table .paginate_button.current {
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.logs_table #order-listing_paginate a.disabled{color:#CCCDD2}
.logs_table #order-listing_previous {
    border-radius: 5px 0 0 5px;
}
.logs_table #order-listing_previous {
    border-radius: 5px 0 0 5px;
}
.logs_table #order-listing_next{
    border-radius:0 5px 5px 0;
}
/*Order listing1*/
.logs_table #order-listing1_length {
    display: none;
}
.logs_table #order-listing1_filter {
    display: none;
}
.logs_table #order-listing1_paginate {
    width: 50%;
    display: inline-block;
    text-align:right
}
.logs_table #order-listing1_info {
    width: 50%;
    display: inline-block;
    color: #737781;	
    font-family: "Nunito Sans";	
    font-size: 16px;
    line-height: 22px;
    padding:15px 0;
    margin-top:15px
}
.logs_table #order-listing1_paginate a {
    position: relative;
    padding:5px 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
    display: inline-block;
    color: #737781;	
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.logs_table #order-listing1_paginate a:hover{
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.logs_table .paginate_button.current {
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.logs_table #order-listing1_paginate a.disabled{color:#CCCDD2}
.logs_table #order-listing1_previous {
    border-radius: 5px 0 0 5px;
}
.logs_table #order-listing1_previous {
    border-radius: 5px 0 0 5px;
}
.logs_table #order-listing1_next{
    border-radius:0 5px 5px 0;
}

/*Groups*/
.management_group_section {
    background: #fff;
    border-radius: 12px;
    padding: 21px 25px;
    clear: both;
}
.management_group_section .groups_table th {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 22px;
    border-bottom: 2px solid #DCE0EB !important;
    cursor:pointer;
    position:relative;
}

.management_group_section .groups_table .table td{
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: normal;
    position: relative;
    border-bottom: 2px solid #DCE0EB;
}

.management_group_section .groups_table td img{ width:auto; height:auto; border-radius:0}
.management_group_section .groups_table #order-listing_paginate {
    width: 50%;
    display: inline-block;
    text-align:right;
    padding: 10px 0;
    margin-top: 15px;
}

.management_group_section .groups_table #order-listing_info {
    width: 50%;
    display: inline-block;
    color: #737781;	
    font-family: "Nunito Sans";	
    font-size: 16px;
    line-height: 22px;
    padding:15px 0;
    margin-top:15px;
    float:left;
}
.management_group_section .groups_table #order-listing_paginate a {
    position: relative;
    padding:5px 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
    display: inline-block;
    color: #737781;	
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.management_group_section .groups_table #order-listing_paginate a:hover{
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.management_group_section .groups_table .paginate_button.current {
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.management_group_section .groups_table #order-listing_paginate a.disabled{color:#CCCDD2}
.management_group_section .groups_table #order-listing_previous {
    border-radius: 5px 0 0 5px;
}
.management_group_section .groups_table #order-listing_previous {
    border-radius: 5px 0 0 5px;
}
.management_group_section .groups_table #order-listing_next{
    border-radius:0 5px 5px 0;
}
.add_group_btn_section {
    width: 100%;
    display: block;
    position: relative;
    z-index:999;
}
.add_group_btn_section .add_group_btn {
    background-color: #fff;
    border: none;
    color: #008C95;
    height: 45px;
    padding: 0 35px;
    border-radius: 22.5px;
    cursor: pointer;
    float:right;
    margin-top: -68px;
    margin-right:-15px;
    font-weight: bold;
    width:173px;
}

.groups_table .delete_btn_table {
    margin: 0 25px;
}
.groups_table th:last-child {
    width: 170px;
}
.groups_table a{color: #BFD45B;}


#exampleModal-viewdevices {
    z-index: 1150;
}
/*.modal-dialog.custom_popup_box.group_devices_popup {
    margin-top:45px;
}*/
.view_device_card {
    border-top: 2px solid #DCE0EB;
    padding: 15px 0;
    min-height:72px;
    vertical-align: middle;
    position:relative;
}
.view_device_card .card_info {
    position: absolute;
    right: 5px;
    top: 22px;
}
.view_device_card:last-child{
    border-bottom: 2px solid #DCE0EB;
    margin-bottom:15px
}
.modal-body.view_device_content {
    /*    padding-left: 42px !important;
        margin-right: 20px !important;
        height: 450px;
        overflow-y: scroll;*/
    padding-right:15px!important
}
.modal-body.view_device_content {
    scrollbar-width: thin;
    padding-bottom: 0 !important;
}  
.view_device_card h6 {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    display: inline-block;
    vertical-align: bottom;
}
.view_device_card ul {
    list-style: none;
    display: inline-block;
    margin:0;
    padding-left:5px
}
.list_card_head_section.one_line {
    padding-top: 6px;
}
.view_device_card ul li {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 24px !important;
    list-style: none;
    float: left;
    border-left: 1px solid #DCE0EB;
    padding: 0 10px;
} 
.view_device_card span {
    clear: both;
    width: 100%;
    display: block;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 21px;
} 
.edit_devices_section .top_col_1 {
    display: inline-block;
    width: 50%;
}
.edit_devices_section .top_col_1 input {
    height:34px;
    padding:0 0 0 25px;
    width: 98%;
}
.edit_devices_section .invite_edit_box_top {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    padding-bottom: 15px;
    width: 100%;
}
.edit_devices_section #results {
    max-height: 210px;
    overflow-y: auto;
    height: 210px;
} 
.edit_devices_section #results .result a {
    color: #737781;
    line-height: normal;
    display: block;
    padding: 5.4px 0;
}
.edit_devices_section .assigned_col_first #results {
    max-height: 270px;
    overflow-y: auto;
    height: 270px;
    margin-top: -7px;
}
.edit_devices_section .assigned_group_section {
    height: 275px;
    overflow: hidden;
    padding-right: 15px;
}

.edit_devices_section .available_group_section #results {
    margin-top: 5px;
}
.edit_devices_section #results .result {
    padding: 0 3px;
} 
.edit_devices_section .edit_devices_row { margin-bottom:12px}
.edit_devices_section #results .disable_result a{ color:#c8cbd1} 
.edit_devices_section .assigned_group_section {
    height: 275px;
    overflow: hidden;
}

/*Add Group Popup Style*/

.modal-dialog.custom_popup_box.add_group_popup {
    max-width: 1065px;
}
/*.modal-dialog.custom_popup_box.add_group_popup {
    margin-top: 45px;
}*/
.modal-body.add_group_content {
    /*    margin-right:15px !important;
        height: 450px;
        overflow-y: scroll;*/
    padding-top:20px !important;
    padding-right:25px!important;
}
.modal-body.add_group_content {
    scrollbar-width: thin;
    padding-bottom:20px !important;
}  
.modal-body.add_group_content .invite_edit_box_section {
    background: transparent;
    border-left: none;
    padding: 0;
    width: 100%;
}
.submit_button_custom.add_group_btn {
    margin:40px auto !important;
    display: block;
    width: 248px;
}
.add_group_btn a {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    text-decoration: underline;
    display: inline-block;
    margin-top: 0;
    background: transparent;
    padding: 0;
}
.add_group_btn button {
    padding: 0px 20px;
    border-radius: 22.5px;
    background-color: #008C95;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    max-width: 140px;
    min-height: 43px;
    line-height: 43px;
    display: inline-block;
    margin-left: 50px;
    margin-top: 0;
}

/*Access Contrl*/
#exampleModal-access-control{z-index:1150}
.access-control_popup #results {
    scrollbar-width: thin;
    padding-bottom:20px !important;
} 
.modal-body.access-control-content {
    scrollbar-width: thin;
    padding-bottom:20px !important;
}
.modal-body.access-control-content {
    /*    margin-right:15px !important;
        height: 450px;
        overflow-y: scroll;*/
    padding-top:20px !important;
    padding-right:15px!important;
    padding-bottom:0!important;
}
.modal-dialog.custom_popup_box.access-control_popup {
    max-width: 485px;
    margin: 50px auto 0;
    width:90%;	
}
.popover-body h6 {
    max-width: 150px!important;
    color: #737781 !important;
    font-family: "Nunito Sans";
    font-size: 14px !important;
    line-height: 19px;
}
.access_popuprow{ position:relative;}
.access_popuprow .card_info {
    color: #DCE0EB;
    font-size: 18px;
    padding-left: 0px;
}
.access_popuprow .card_info {
    position: absolute;
    right: auto;
    top: auto;
}
.access-control_popup .invite_col_2 { margin-top:22px}
.access-control_popup .invite_col_2 h3 {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    padding-top: 5px;
}
.access-control_popup .assigned_group_section {
    height: 275px;
    overflow: hidden;
}
.access-control_popup .assigned_group_section {
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    background-color: #FFFFFF;
    padding: 13px 12px 13px 17px!important;
    height:278px;
    min-height: 260px;
}
.access-control_popup .assigned_col_first #results {

    max-height: 270px;
    overflow-y: auto;
    height: 270px;
    margin-top: -7px;
}
.access-control_popup .check_section {
    margin: 0;
    list-style: none;
}
.access-control_popup #results .result {
    padding: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 200ms ease-in-out;
    border-bottom: 2px solid #F3F5FA;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 33px;
}
.access-control_popup #results .result a {
    color: #737781;
    line-height: normal;
    display: block;
    padding: 5.4px 0;
}
.access-control_popup .result {
    padding: 0 !important;

}
.submit_button_custom.add_group_btn.access_control_btn {
    margin:30px auto !important;
    display: block;
    width: 248px;
}



/*Session info*/
.session_info_btn_section {
    width: 100%;
    display: block;
    position: relative;
    z-index:999;
}
.session_info_btn_section .session_info_btn {
    background-color: #008C95;
    border: none;
    color: #fff;
    height: 45px;
    padding: 0 17px;
    border-radius: 22.5px;
    cursor: pointer;
    float:right;
    margin-top: -68px;
    margin-right:-15px;
    font-weight: bold;
    width:219px;
    text-align: left;
}
.down_arrow {
    text-align: right;
    float: right;
    margin-top:7px;
    margin-right:0px;
}
.session_info_table_section{
    background: #fff;
    border-radius: 12px;
    padding: 15px 10px 15px 20px;
    clear: both;
}

.session_info_table_section .session_info_filter_section{
    width:98%;
    border-bottom: 2px solid #DCE0EB;
    padding-bottom:15px
}
.session_info_filter_section .minict_wrapper.bubble {
    width: 13.6%;
    display: inline-block;
    height: 45px;
    /*margin-right:5px;*/
    margin-right:0px;
    min-width: 130px;
}
.session_info_filter_section .minict_wrapper.bubble:last-child{ width:19%; margin-right:0}
.session_info_filter_section .minict_wrapper input {
    outline: none;
    background: none;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
}
.session_info_filter_section .minict_wrapper.bubble ul {
    top: 45px;
    border-radius: 0 0 25px 25px;
    /*overflow: visible;*/
    border-top: none;
    z-index: 9;
}
.session_info_filter_section .filter {
    height: 45px;
    width:30%;
    border-radius: 22.5px;
    background-color: #008C95;
    border: none;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    margin-right: 0px;
    cursor: pointer;
}
.session_info_filter_section .save {
    height: 45px;
    width: 7%;
    border-radius: 22.5px;
    background-color: #F6F9E7;
    border: none;
    color: #BFD45B;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    margin-right: 0px;
    cursor: pointer;
}

.session_info_table_section #order-listing_wrapper  {
    padding:0 15px 8px 0;
    scrollbar-width: thin;
    overflow:auto;
    /*max-height: 620px;*/
    overflow-y: auto;
    padding-right: 15px;
    scrollbar-width: thin;
}
/*.session_info_table_section .groups_table{ 
        height:620px; 
        overflow-y:auto; 
        padding-right:15px;
        scrollbar-width: thin;
}*/
.session_info_table_section .groups_table th {
    color: #008C95;
    font-family: "Nunito Sans";
    font-weight: bold !important;
    border-bottom: 2px solid #DCE0EB !important;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    line-height: 19px;
    min-width: 122px;
    padding: 17px 8px;
    vertical-align: middle;
}
.session_info_table_section .groups_table .table td {
    position: relative;
    border-bottom: 2px solid #DCE0EB;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height: 28px;
}
.session_info_table_section .groups_table .selected {
    background-color: #F6F9E7;
    border-left: 6px solid #BFD45B;
}
.session_info_table_section #order-listing_length {
    display: none;
} 
.session_info_table_section #order-listing_filter {
    display: none;
}
/*.session_info_table_section #order-listing_info {
    display: none!important;
}*/
/*.session_info_table_section #order-listing_paginate {
    display: none!important;
}*/
.session_info_table_section .dataTables_wrapper .dataTable thead .sorting::before{top:35%;}
.session_info_table_section .dataTables_wrapper .dataTable thead .sorting::after{top:35%;}

.session_info_table_section .dataTables_wrapper .dataTable thead .sorting::before, .session_info_table_section .dataTables_wrapper .dataTable thead .sorting_asc::before, .session_info_table_section.dataTables_wrapper .dataTable thead .sorting_desc::before, .session_info_table_section .dataTables_wrapper .dataTable thead .sorting_asc_disabled::before, .session_info_table_section .dataTables_wrapper .dataTable thead .sorting_desc_disabled::before {
    top:35%;
}
.session_info_table_section .dataTables_wrapper .dataTable thead .sorting::after, .session_info_table_section .dataTables_wrapper .dataTable thead .sorting_asc::after, .session_info_table_section .dataTables_wrapper .dataTable thead .sorting_desc::after, .session_info_table_section .dataTables_wrapper .dataTable thead .sorting_asc_disabled::after, .session_info_table_section .dataTables_wrapper .dataTable thead .sorting_desc_disabled::after {
    top:35%;
}
.session_info_table_section .dataTables_wrapper .dataTable thead .sorting_desc::before{
    top:35%;
}

.session_info_second_table_section .session_inner_row_one{ width:100%;}

.session_inner_row_one .card-title {
    margin-bottom: 1.3rem;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}
.session_inner_row_one .border-bottom {
    border-bottom: 2px solid #DCE0EB !important;
}
.row.session_info_second_table_section {
    border-radius: 12px;
    background-color: #DCE0EB;
    padding: 15px 10px 13px;
    margin-top:18px
}
.session_info_second_table_section .session_inner_row_one .dashboard_second_section_col_one {
    display: inline-block;
    margin-right: 1%;
    width: 32.6%;
    float: left;
}
.session_info_second_table_section .session_inner_row_one .dashboard_second_section_col_one:last-child{ margin-right:0}
.inner_row_one_heading { margin-bottom:12px}
.inner_row_one_heading span {
    height: 53.5px;
    width: 53.5px;
    background-color: #FFFFFF;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    float: left;
    margin-right:10px
} 
.inner_row_one_heading img {
    display: block;
    position: absolute;
    left: 14px;
    top: 14px;
}
.inner_row_one_heading h6 {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    margin: 0;
}
.inner_row_one_heading h3 {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 22px;
    line-height: 30px;
    display: inline-block;
}

.session_inner_row_two .groups_table .selected {
    background-color: #F6F9E7;
    border-left: 6px solid #BFD45B;
}
.session_inner_row_two #order-listing1_length {
    display: none;
} 
.session_inner_row_two #order-listing1_filter {
    display: none;
}
/*.session_inner_row_two #order-listing1_info {
    display: none;
}*/
/*.session_inner_row_two #order-listing1_paginate {
    display: none;
}*/
.session_inner_row_two #order-listing1_wrapper  {
    padding:0 0px 8px 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.session_inner_row_two {
    background: #fff;
    border-radius: 12px;
    padding: 15px 10px 15px 20px;
    clear: both;
    width:100%;
    margin-top:11px
}
/*.session_inner_row_two .groups_table {
    max-height: 365px;
    overflow-y: scroll;
}*/
.session_inner_row_two .groups_table {
    padding-right: 15px;
    scrollbar-width: thin;
    overflow-x: auto;
}
.session_inner_row_two .groups_table th {
    color: #008C95;
    font-family: "Nunito Sans";
    font-weight: bold !important;
    border-bottom: 2px solid #DCE0EB !important;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    line-height: 19px;
    min-width: 122px;
    padding: 17px 8px;
    vertical-align: middle;
}
.session_inner_row_two .groups_table .table td {
    position: relative;
    border-bottom: 2px solid #DCE0EB;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 14px;
    line-height: 28px;
} 
.session_inner_row_two .dataTables_wrapper .dataTable thead .sorting::before{top:35%;}
.session_inner_row_two .dataTables_wrapper .dataTable thead .sorting::after{top:35%;}

.session_inner_row_two .dataTables_wrapper .dataTable thead .sorting::before, .session_inner_row_two .dataTables_wrapper .dataTable thead .sorting_asc::before, .session_inner_row_two.dataTables_wrapper .dataTable thead .sorting_desc::before, .session_inner_row_two .dataTables_wrapper .dataTable thead .sorting_asc_disabled::before, .session_inner_row_two .dataTables_wrapper .dataTable thead .sorting_desc_disabled::before {
    top:35%;
}
.session_inner_row_two .dataTables_wrapper .dataTable thead .sorting::after, .session_inner_row_two .dataTables_wrapper .dataTable thead .sorting_asc::after, .session_inner_row_two .dataTables_wrapper .dataTable thead .sorting_desc::after, .session_inner_row_two .dataTables_wrapper .dataTable thead .sorting_asc_disabled::after, .session_inner_row_two .dataTables_wrapper .dataTable thead .sorting_desc_disabled::after {
    top:35%;
}
.session_inner_row_two .dataTables_wrapper .dataTable thead .sorting_desc::before{
    top:35%;
} 

/*Analytics*/
.row.profile_tabs_section.profile_gold.analytics_section {
    clear: both;
}
.analytics_section .nav-tabs .nav-link {
    padding: .75rem 3rem .75rem;
}

.analytics_section .enargy_form_top_section{
}
.analytics_section .enargy_form_top_section h3 {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    display: inline-block;
    width:auto;
    margin-top: 13px;
}


.analytics_section .enargy_form_top_section .minict_wrapper.bubble {
    width: 16.2%;
    display: inline-block;
    margin-right:0.5%;
    height: 45px;
}
.analytics_section .enargy_form_top_section .minict_wrapper input {
    outline: none;
    background: none;
    font-size: 16px;
    height: 45px;
    border-radius: 25px;
    line-height: 45px;
}
.analytics_section .enargy_form_top_section .minict_wrapper.bubble.active input {
    border-bottom: none;
    border-radius: 16px 16px 0 0;
}
.analytics_section .enargy_form_top_section .minict_wrapper.bubble ul {
    top: 33px;
    border-radius: 0 0 16px 16px;
    overflow: visible;
    border-top: none;
}
.analytics_section .enargy_form_top_section .minict_wrapper.rollup {
    width: 16.2%;
    display: inline-block;
    margin-right:0.5%;
    height:45px;
}
.analytics_section .enargy_form_top_section .minict_wrapper.rollup ul {
    top: 33px;
    border-radius: 0 0 16px 16px;
    overflow: visible;
    border-top: none;
}
.analytics_section .enargy_form_top_section .minict_wrapper.rollup.active input {
    border-bottom: none;
    border-radius: 16px 16px 0 0;
}
.analytics_section .enargy_form_top_section .minict_wrapper::after {
    top: 18px;
    right: 13px;
    background: url(../images/dropdown-arrow@3x.svg) no-repeat right;
    background-size: 17px 9px;
} 
.analytics_section .enargy_form_top_section #filterDate2 {
    width: 29.2%;
    float: none;
    margin-right:0.5%;
    max-width: 100%;
} 
.analytics_section .enargy_form_top_section #filterDate2 input {
    background: #fff;
    border-radius: 25px;
    padding: 0 20px;
    height: 45px;
}
.analytics_section .enargy_form_top_section #filterDate2::before {
    top: 12px;
} 
.analytics_section .enargy_form_top_section .check_section {
    padding: 0;
    margin-top: 10px;
    text-align: left;
    display: inline-block;
}
.energy_graph_section{ min-height:150px; width:100%;} 

.energy_another_graph_section{ min-height:150px; width:100%;} 
.energy_another_graph_section h3 {
    color:#737781;
    font-family:"Nunito Sans";
    font-size:18px;
    font-weight:bold;
    line-height:24px;
    display:inline-block;
}
/*.energy_another_graph_section span {
    text-align:right;
    color:#737781;
    font-family:"Nunito Sans";
    font-size:14px;
    line-height:26px;
    display:inline-block;
    float:right;
        position:relative;
}
.energy_another_graph_section span:before {
    content:"";
    height:9px;
    width:9px;
    background-color:#BFD45B;
    position:absolute;
    left:-18px;
    top:8px;
    border-radius:8px;
}*/
.analytics_filter_btn {
    border-radius: 22.5px;
    background-color: #008C95;
    border: none;
    color:#FFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    width: 14%;
    height: 45px;
    cursor: pointer;
}


/*Responsive*/
@media only screen and (min-width:1080px) {
    .control_evse .custom_card_box {
        /*width: 22.6%;
        margin-right: 3%;*/
    }
    .session_info_table_section .checkbox-dropdown-container {
        width: 17%;
        display: inline-block;
        height: 45px;
        margin-right: 2.5px;
        min-width: 130px;
        position: relative;
        float: left;
    }
    .session_info_table_section .session_info_filter_section {
        width: 100%;
        border-bottom: 2px solid #DCE0EB;
        padding-bottom: 15px;
    }

    .session_info_filter_section .checkbox-container .checkmark:after {
        left: 7px;
        top: 3px;
        width: 5px;
        height: 10px;
        border: solid #BFD45B;
        border-width: 0 2px 2px 0;     
    }

    .session_info_filter_section .custom-select-option {
        padding: 5px 10px;
        margin: 1px 0px;
        cursor: pointer;
        border-bottom: 1px solid #F3F5FA;
    }

    .session_info_filter_section .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        border: 1px solid #DCE0EB;
        border-radius: 4px;
    }
    .session_info_filter_section .custom-select-field {
        width: 100%;
        color: #737781;
        display: block;
        width: 100%;
        border: 1px solid #DCE0EB;
        box-sizing: border-box;
        border-radius: 25px;
        cursor: pointer;
        padding-left: 10px;
        height: 45px;
        -webkit-appearance: none;
        line-height: 45px;
        position: relative;
    }
    .session_info_filter_section .checkbox-container {
        position: relative;
        padding-left: 25px;
        margin-bottom: 15px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #737781;
        font-family: "Nunito Sans";
        font-size: 13px;
        line-height: 22px;
    }
    .session_info_table_section .custom-select-field {
        font-size: 13px;
    }
    .session_info_filter_section .minict_wrapper input {
        outline: none;
        background: none;
        font-size: 13px;
        height: 45px;
        line-height: 45px;
        padding-left: 15px;
        padding-right: 30px;
    }
    .session_info_filter_section.minict_wrapper ul li {
        font-size: 13px;
    }
    .session_info_filter_section .minict_wrapper.bubble:last-child {
        width: 16%;
        margin-right: 0;
    }
}
@media only screen and (min-width:1160px) and (max-width:1280px) {
    .table-style-three:first-child {
        max-width: 24%;
    }
}
@media only screen and (min-width:1025px) and (max-width:1200px) {
    .evse_button_section .play_btn {
        display: inline-block !important;
        min-width:250px;
    }
    .evse_button_section .stop_btn {
        display: inline-block !important;
        min-width:250px;
    }
    .table-style-three{
        width:216px;
    }
}
@media only screen and (max-width:1025px) {
    .card_info.desk_version_inf {
        display: none;
    }
    .evse_monitoring_sec .col-4.monitor_sca_session.monitor_col {
        min-height: auto !important;
    }
    .session_inner_row_two .groups_table th {
        color: #008C95;
        font-family: "Nunito Sans";
        font-weight: bold !important;
        border-bottom: 2px solid #DCE0EB !important;
        cursor: pointer;
        position: relative;
        font-size: 14px;
        line-height: 19px;
        min-width: 140px;
        padding: 17px 8px;
        vertical-align: middle;
    }
    .table-style-three {
        -webkit-box-orient:vertical;
        -ms-flex-direction:column;
        flex-direction:column;
        width:216px;
    }
}
@media only screen and (min-width:1025px) {
    .card_info.mob_version_inf {
        display: none;
    }
}
@media only screen and (max-width:1279px) {
    .leaderboard_table .table td {
        line-height: normal !important;
    }
    .accordion .card .card-header h6 .sca_status {
        margin-bottom:5px !important;
    }
}
@media only screen and (min-width:768px) and (max-width:1279px) {
    .custom_card_box {
        width: 49%;
        margin: 0 1% 15px 0;
    }
    .head_btns_section {
        position: relative;
        top: 10px;
        right: 0;
    }
}
@media only screen and (min-width:768px) and (max-width:1080px) {
    /*    .custom_card_box {
            width: 49%;
            margin: 0 1% 15px 0;
        }*/
    .information_check .check_section {
        margin: 25px 0 0 0;
        list-style: none;
        padding: 0;
        white-space: nowrap;
    }
    .stations_topform_section .minict_wrapper {
        width: auto;
        height: 45px;
    }
    .stations_form_sections .stations_form_table_col td {
        min-width: 150px;
    }
    .invite_edit_box_top .top_col_3 {
        width: 48%;
        text-align: right;
    }
    .monitor_section_row .monitor_col {
        max-width: 100%;
        margin: 0 0 15px 0 !important;
    }
    /* .head_btns_section {
         right: 12%;
     }*/
    .sec_top_cols .sca_id_col, .sec_top_cols .sca_battery_col {
        width: 100%;
        margin: 5px 0;
    }
    .inn_contents_row_col_1 .minict_wrapper {
        max-width: 100%;
    }

    .ipad_device_st {
        width: 100% !important;
        margin-bottom: 15px;
    }
    .sca_id_col span, .sca_battery_col span {
        color: #008C95;
        font-family: "Nunito Sans";
        font-size: 17px;
        line-height: 30px;
        text-align: right;
        float: right;
    }
    .footer {
        background: transparent;
        padding: 25px 0rem 30px !important;
    }
    .control_evse_top_row .sca_id_col ul li {
        width: 31%;
    }
    .control_evse_top_row .sca_id_col ul li span {
        line-height: 22px;
        float: left;
    }
    .evse_monitoring_sec .monitor_sca_session.monitor_col {
        margin-bottom: 0 !important;
    }
    .monitor_port_section_accord_row .head_btns_section {
        position: relative!important;
        top: 10px!important;
        right:0;
    }
    .monitor_port_section_accord_row .accordion .card .card-header h6 .bg_col {
        margin-bottom: 10px;
    }

    .monitor_port_box_section .custom_card_box {
        width: 48.5%;
        padding-bottom: 0px;
        margin-right: 1%;
        margin-bottom: 10px;
    }
    .monitor_port_colsone {
        margin-top: 0;
    }
    .monitor_port_colsone .monitor_col {

        background: #FAFBFD;
        padding: 15px;
        float: left;
        max-width: 100%;
        margin: 0 !important;
        margin-bottom: 8px !important;

    }
    .monitor_port_colstwo .monitor_col {

        background: #FAFBFD;
        padding: 15px;
        float: left;
        max-width: 100%;
        margin: 0 !important;
        margin-bottom: 8px !important;

    }
    .evse_monitoring_sec .monitor_sca_session.monitor_col {
        margin-bottom:0 !important;
    }
    .evse_monitoring_sec .col-4.monitor_evse_session.monitor_col h4 {
        display: none;
    }
    .evse_monitoring_sec .col-4.monitor_evse_session.monitor_col {border-top: 2px solid #DCE0EB !important;margin-top: -10px !important;}
    .col-4.monitor_evse_session.monitor_col {
        min-height: auto;
        padding-bottom: 50px;
    }
    .modal-dialog.custom_popup_box.add_group_popup {
        max-width: 1065px;
        width: 93%;
    }
    .session_info_filter_section .minict_wrapper.bubble {
        width: 23.6%;
        display: inline-block;
        height: 45px;
        margin-right: 5px;
        min-width: 130px;
    }
    .session_info_filter_section .filter {
        height: 45px;
        width: 14.5%;
    }
    .session_info_filter_section .save {
        height: 45px;
        width: 14.5%;
    }
    .session_info_filter_section .minict_wrapper.bubble:last-child {
        width:32%;
        margin-right: 0;
        margin-top: 15px;
    }
    .analytics_section .enargy_form_top_section h3 {
        width: 20%;
    }
    .analytics_section .enargy_form_top_section .minict_wrapper.bubble {
        width: 25%;
        margin-bottom: 10px;
    }
    .analytics_section .enargy_form_top_section .minict_wrapper.rollup {
        width: 30%;
    }
    .analytics_section .enargy_form_top_section #filterDate2 {
        width: 30%;
    }
    .analytics_section .nav-tabs .nav-link {
        padding: .75rem 2rem .75rem;
    }
    .checkbox-dropdown-container {
        width: 49%;
        display: inline-block;
        height: 45px;
        margin-right: 2.5px;
        min-width: 130px;
        position: relative;
        margin-bottom: 10px;
    }

    .session_info_filter_section .minict_wrapper.bubble:last-child {
        width: 48%;
        margin-right: 0;
        margin-bottom: 0;
        max-width: 100%;
    }
    .checkbox-dropdown-container {
        width: 49% !important;
        display: inline-block;
        height: 45px;
        margin-right: 2.5px;
        min-width: 130px;
        position: relative;
    }
}
@media only screen and (max-width:1080px) {
    .monitor_port_colstwo .col-4.monitor_evse_session.monitor_col h4 {
        display: none;
    }
    .monitor_port_colstwo .col-4.monitor_sca_session.monitor_col {
        min-height: auto !important;
    }
    .monitor_port_colstwo .col-4.monitor_evse_session.monitor_col {
        border-top: 2px solid #DCE0EB !important;
        margin-top: -10px !important;
    }
    .api_manage_table tr td:last-child{min-width:150px}
    .add_adapter_edit_section .checkbox-container.pull-right {
        width: 100%;
        text-align: center;
        margin: 0px 25px 5px 0;
        position: relative;
        top: 0;
    }
    .session_info_second_table_section .session_inner_row_one .dashboard_second_section_col_one {
        display: inline-block;
        margin-bottom:10px;
        width: 100%;
        float: left;
        margin-right: 0;
    }
    .comment-row p {
        clear: both;
    }
}
@media only screen and (min-width:992px) and (max-width:1080px) {
    .footer .footer-links a {
        padding: 0 8px;
        line-height: 16px;
        display: inline-block;
        border-right: 1px solid #DCE0EB;
        color: #008C95;
        text-decoration: underline;
    }
    .nav-tabs .nav-link {
        padding: .75rem 3rem .75rem;
    }
    .delete_btn_table {
        margin-left: 10px;
    }
    .ques_search_form {
        position: relative;
        width: 100%;
        max-width:320px;
        float:right;
        margin-top: -68px;
        position:relative;
        z-index:9999
    }
    .leaderboard_table button {
        left: 0;
    }
    .add_adapter_section .tab-item-custom a {
        border: none;
        color: #737781;
        font-size: 16px;
    }
    .information_check .check_section {
        margin: 25px 0 0 0;
        list-style: none;
        padding: 0;
        white-space: nowrap;

    }
    .stations_topform_section .minict_wrapper {
        width: auto;
        height: 45px;
    }
    .stations_list_col_btn .btn.btn-block {
        display: inline-block;
        margin: 0px 2% 4% 0;
        max-width: 100%;
        float: left;
        padding: 0;
    }
    .stations_form_table_col .table-responsive.profile_table th {
        width: auto;
    }
    .stations_form_sections .stations_form_table_col td {
        min-width: 150px;
    }
    .stations_topform_section .minict_wrapper {
        width: auto;
        height: 45px;
    }
    .profile_tabs_inner_section .nav-tabs .nav-link {
        padding: .75rem 2rem !important;
    }

}

@media only screen and (min-width:768px) and (max-width:991px) {
    .footer .footer-links a {
        padding: 0 5px !important;
    }
    .footer .footer-links {
        text-align: center !important;
        padding: 0px 0 0 !important;
    }
    .delete_btn_table {
        margin-left: 10px;
    }
    .nav-tabs .nav-link {
        padding: .75rem 2rem .75rem;
    }
    .leaderboard_table button {
        left: 0;
    }
    .add_adapter_section .tab-item-custom a {
        border: none;
        color: #737781;
        font-size: 16px;
    }
    .stations_topform_section .minict_wrapper {
        width: auto;
        height: 45px;
    }
    .stations_list_col_btn .btn.btn-block {
        display: inline-block;
        margin: 0px 2% 4% 0;
        max-width: 100%;
        float: left;
        padding: 0;
    }
    .add_adapter_btn_section {
        z-index:9;
    }
    .add_adapter_btn_section .add_adapter_btn {
        margin-top: 0;
        margin-right:-15px;
        margin-bottom: 20px;
    }
    .invite_popup_box .invite_col_1, .invite_popup_box .invite_col_2{ min-width:100%}
    .add_group_btn_section {
        z-index:9;
    }
    .add_group_btn_section .add_group_btn {
        margin-top: 0;
        margin-right: -15px;
        margin-bottom: 20px;
    }
    .session_info_btn_section {
        z-index: 9;
    }
    .session_info_btn_section .session_info_btn {
        margin-top: 0;
        margin-right: -15px;
        margin-bottom: 20px;
    }

    .control_port_btn_section.show .port_section_btn {
        margin-top: 0;
        margin-right: -15px;
        margin-bottom: 20px;
    }

    #dropdownMenuSizeButton1 {
        margin-top: 0;
        margin-right: -15px;
        margin-bottom: 20px;
    }

}
@media only screen and (min-width:768px) {
    .select_wrap.inn_contents_row_col_1 label {
        float: left;
        vertical-align:top;
        margin-top:0
    }

}

@media only screen and (max-width:767px) {
    .row.card_boxes_section {
        margin: 0;
        clear: both;
    }
    .row{ margin:0}
    .content-wrapper {
        padding: 0.5rem 0rem 1.5rem;
    }
    .signup_form .strength_input {
        max-width: 100%;
    }
    .signup_form .strength_meter {
        position: relative;
        left: 0!important;
        top: 35px!important;
        width: 100%!important;
        z-index: 1;
        border-radius: 4px;
        background-color: #D8D8D8;
        height: 8px;
        margin-bottom: 40px!important;
    }
    .add_adapter_section .tab-content {
        padding: 0 0rem 3rem;
        background: transparent;
    }
    .signup_form .strength_input {
        max-width: 100% !important;
    }
    .footer .copyright {
        width: 100%;
        display: block;
        text-align:center
    }
    .footer-links.col-md-4 {
        padding: 5px 0;
    }
    .footer .developed-by-far-shor {
        text-align: center;
    }
    .register_form_panel .col-md-6 {
        padding-left: 0;
    }
    .register_form_panel .col-sm-12 {
        padding-left: 0;
    }
    .footer .footer-links {
        text-align: center !important;
        padding: 15px 0 0 !important;
    }
    .footer .footer-links a {
        padding: 0 5px !important;
    }
    .dashboard_second_section_col_one {
        width: 100%;
        margin-right:0%;
    }
    .dashboard_third_section_col_one, .dashboard_third_section_col_two, .dashboard_third_section_col_three {
        width: 100%;
    }
    .dashboard_third_section {
        margin-top: 15px;
    }
    .dashboard_third_section_col_two {
        margin-right: 0;
    }
    .dashboard_third_section_col_three {
        width: 100%;
    }
    .dashboard_fourth_section_col_one {
        width: 100%;
        margin-right: 0;
    }
    .dashboard_second_section_col_two {
        display: inline-block;
        width: 100%;
    }
    .content-wrapper {
        padding: 0.5rem 15px 1.5rem;
    }
    .profile_tabs_section .tab-content {
        padding: 0 1rem 0rem;
        background: transparent;
        border: none;
    }
    .profile_tabs_section .tab-content .row {
        margin: 0 -15px 0;
    }
    .login_main_container {
        padding-left:0;
        padding-right:0;
    }
    .r_main_container {
        padding-left:0;
        padding-right:0;
    }
    .e_c_in{ padding:20px!important;background: #fff;
             border-radius: 25px;}
    .notify_gold {
        padding: 0;
    }
    .notification_gold {
        padding-top:5%;
        overflow-x: hidden;
    }

    .nav-link.first {
        border-radius: 12px 0px 0px !important;
        padding: .75rem .5rem !important;
    }
    .leaderboard_table th {
        min-width: 150px !important;
    }
    .reset_container #myPassword {
        padding-bottom: 10px;
    }
    .add_adapter_section .google_map_add_adaptor_section { margin-top:20px}
    .form-group.row.search_location {
        position: absolute;
        z-index: 999;
        width: 94%;
        margin: 40px 0 0;
    }
    .map_canvas {
        width: 95%;
        margin: -10px auto -20px;
    }
    .fc .fc-header-toolbar .fc-center h2 {
        color: #737781;
        font-family: "Nunito Sans";
        font-size: 14px!important;
    }
    .fc button {
        font-size: 14px!important;
    }
    .stations_topform_section .minict_wrapper {
        width: 100%;
        height: 45px;
        max-width: 365px;
    }
    .stations_search_form {
        margin-left: 0;
    }
    .stations_topform_section .form-group {
        display: inline-block;
        width: 100%;
    }
    .stations_form_sections .stations_form_table_col td {
        min-width: 130px;
    }
    .stations_form_sections .stations_form_table_col {
        width: 100%;

    }
    .stations_form_sections .stations_list_col {
        width: 100%;
    }
    .stations_form_table_col .table-responsive.profile_table th {
        width: auto;
    }
    .stations_form_sections .stations_form_table_col .delete_btn_table {
        margin: 0 10px;
    }
    .adapters_table #order-listing_info {
        width: 100%;
        padding: 15px 0 0;
        margin-top: 0;
        overflow: hidden;
        text-align: center;
        clear: both;
        display: block;
    }
    .adapters_table #order-listing_paginate {
        width: 100%;
        display: inline-block;
        text-align: center;
        padding-bottom: 15px;
        clear: both;
    }
    .add_adapter_btn_section {
        z-index:9;
    }
    .add_adapter_btn_section .add_adapter_btn {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .adapters_table th:last-child {
        min-width: 100px;
    }
    .account_access_table th:nth-child(3) {
        min-width: 160px;
    }
    .account_access_table th:last-child {
        min-width: 100px;
    }
    .account_access_table #order-listing_info {
        width: 100%;
        padding: 15px 0 0;
        margin-top: 0;
        overflow: hidden;
        text-align: center;
        clear: both;
        display: block;
    }
    .account_access_table #order-listing_paginate {
        width: 100%;
        display: inline-block;
        text-align: center;
        padding-bottom: 15px;
        clear: both;
    }
    .invite_popup_box .modal-content .modal-body {
        padding: 0 !important;
    }

    .invite_edit_box_section .invite_col_1{
        padding: 0!important;
    }
    .invite_edit_box_section .invite_col_2 {
        padding: 0!important;
        margin-top: 10px;
    }
    .col-md-7.invite_col_2 {
        margin-top: 15px;
    }

    .monitor_section_row .monitor_col {
        max-width: 100%;
        margin: 0 0 15px !important;
    }
    .head_btns_section {
        position: relative;
        top: 10px;
        right: 0;
    }
    .sca_id_col {
        width: 100%;
        margin-bottom:15px
    }
    .sca_battery_col {
        width: 100%;
    }
    .sca_id_col span, .sca_battery_col span {
        font-size: 100%;
    }
    .range_slider_section .rangeone {
        display: inline-block;
        width: 100%;
    }
    .range_slider_section .rangetwo {
        display: inline-block;
        width: 100%;
        float: right;
        margin-top: 30px;
    }
    .inn_contents_row_col_1 {
        display: inline-block;
        width: 100%;
    }
    .inn_contents_row_col_1 .minict_wrapper {
        border-radius: 25px;
        display: inline-block;
        max-width: 100%;
    }
    .progress.progress-md {
        height: 8px;
        width: 100%;
    }
    .inn_contents_row_two .average_section_row .mtr_img {
        float: none;
        vertical-align: middle;
        margin:0px 20px 10px 0;
    }
    .inn_contents_row_two .average_section_content .pull-right {
        font-size: 15px;
        margin-top:0px;
    }
    .inn_contents_row_two .average_section_content .pull-right span {
        font-size: 15px;
        margin-top: 0;
    }
    .inn_contents_row_one .input-group input {
        border-radius: 25px !important;
        max-width: 30% !important;
        min-width: 98px;
        margin: 0;
    }
    .inner_content_section .inn_contents_row_col_2 {
        display: inline-block;
        width: 100%;
        float: right;
        margin-top: 15px;
    }
    .evse_monitoring_sec .monitor_sca_session.monitor_col {
        margin-bottom:0 !important;
    }
    .evse_monitoring_sec .col-4.monitor_evse_session.monitor_col h4 {
        display: none;
    }
    .evse_monitoring_sec .col-4.monitor_evse_session.monitor_col {border-top: 2px solid #DCE0EB !important;margin-top: -10px !important;}
    .col-4.monitor_evse_session.monitor_col {
        min-height: 320px;
        padding-bottom: 50px;
    }
    .logs_table #order-listing_info {
        width: 100%;
        padding: 15px 0 0;
        margin-top: 0;
        overflow: hidden;
        text-align: center;
        clear: both;
        display: block;
    }
    .logs_table #order-listing_paginate {
        width: 100%;
        display: inline-block;
        text-align: center;
        padding-bottom: 15px;
        clear: both;
    }
    .logs_table #order-listing1_info {
        width: 100%;
        padding: 15px 0 0;
        margin-top: 0;
        overflow: hidden;
        text-align: center;
        clear: both;
        display: block;
    }
    .logs_table #order-listing1_paginate {
        width: 100%;
        display: inline-block;
        text-align: center;
        padding-bottom: 15px;
        clear: both;
    }
    .add_adapter_edit_section .check_section {
        padding-left: 15px;
    }
    .add_group_btn_section {
        z-index: 9;
    }
    .add_group_btn_section .add_group_btn {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .groups_table #order-listing_info {
        width: 100%!important;
        padding: 15px 0 0;
        margin-top: 0;
        overflow: hidden;
        text-align: center !important;
        clear: both;
        display: block;
    }
    .groups_table #order-listing_paginate {
        width: 100% !important;
        display: inline-block;
        text-align: center !important;
        padding-bottom: 15px;
        clear: both;
        float: none;;
        margin-top:0 !important
    }
    .logs_table th {
        min-width: 130px;
    }
    .edit_devices_section .form-group.row {
        margin: 0 -15px;
    }
    .submit_button_custom.invite_btn {
        margin: 30px auto 30px !important;
    }
    .session_info_second_table_section {
        margin-top: 20px !important;
    }
    .session_info_btn_section {
        z-index: 9;
    }
    .session_info_btn_section .session_info_btn {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .select-dropdown1 ul {
        position: initial!important;
        z-index: auto!important;
    }
    .select-dropdown2 ul {
        position: initial!important;
        z-index: auto!important;
    }
    .stations_form_sections .stations_form_table_col h2{
        width:100%;
        display: inline-block;
    }
    .checkbox-dropdown-container {
        width: 100% !important;
        display: inline-block;
        height: 45px;
        margin-right: 2.5px;
        min-width: 130px;
        position: relative;
    }

    #dropdownMenuSizeButton1 {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .card_m_img {
        float: left;
        max-width: 50px;
        margin: 15px 5px 30px 7px;
    }


    .custom_card_box p br {
        display: none;
    } 
    .rangeone {
        margin-top: 25px;
    }

    span.control_tm_error {
        margin-top: 10px!important;
    }
    .session_table_two #order-listing1_info {
        width: auto !important;
        text-align: center;
    }
    button.applyevmileage.control_evmc {
        margin: 120px auto 0;
        display: block;
        clear: both;
    }
    /*.inner_content_section button {
        border-radius: 22.5px;
        background-color: #BFD45B;
        width: 178px;
        height: 45px;
        border: none;
        color: #fff;
        font-family: "Nunito Sans";
        font-size: 16px;
        font-weight: bold;
        line-height: 22px;
        text-align: center;
        margin: 120px auto 0;
        display: block;
        cursor: pointer;
        clear: both;
    }*/

    .session_info_filter_section .minict_wrapper input {
        outline: none;
        background: none;
        font-size: 16px;
        height: 45px;
        line-height: 45px;
    }
}

@media only screen and (min-width:568px) and (max-width:767px) {
    .custom_card_box {
        width: 49%;
        padding-bottom: 0px;
        margin-right:1%;
        margin-bottom: 15px;
    }
    .delete_btn_table {
        margin-left: 10px;
    }
    .profile_tabs_section .tab-item-custom {
        width: auto;
        font-size: 17px;
        font-weight: bold;
    }
    .register_form_panel .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }
    .register_form_panel .col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .register_form_panel .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .nav-link.first {
        border-radius: 12px 0px 0px !important;
        padding: .75rem 1.5rem !important;
    }
    .nav-tabs .nav-link {
        padding: .75rem 1.5rem!important;
    }
    .add_adapter_section .nav-tabs .nav-item:last-child .nav-link {
        border-radius: 0 45px 0 0;
    }
    .leaderboard_filter_section .form-group.custom_select_field {
        width: 47%;
        display: inline-block;
        margin-right:10px;
        margin-bottom:15px;
    }
    .leaderboard_filter_section button {
        width:47%	
    }
    .add_adapter_section .tab-item-custom a {
        border: none;
        color: #737781;
        font-size: 16px;
    }
    .add_adapter_section .tab-item-custom a {
        font-size: 15px;
        padding: 0 !important;
    }
    .stations_list_col_btn .btn.btn-block {
        display: inline-block;
        margin: 0px 2% 4% 0;
        max-width: auto;
    }
    .stations_topform_section .minict_wrapper {
        width: auto;
        height: 45px;
    }
    .invite_edit_box_top .top_col_3 {
        width: 48%;
        text-align: right;
    }
    .control_evse_top_row ul {
        float: left;
    }
    .control_evse_top_row .sca_id_col ul li {
        list-style: none;
        float: left;
        padding: 0 0 8px 0 !important;
        border-bottom: 1px solid #DCE0EB;
        margin-top: 6px;
        width: 100%;
        border-right:none
    }

    .monitor_port_section_accord_row .head_btns_section {
        position: relative!important;
        top: 10px!important;
        right:0;
    }
    .monitor_port_section_accord_row .accordion .card .card-header h6 .bg_col {
        margin-bottom: 10px;
    }

    .monitor_port_box_section .custom_card_box {
        width: 48.5%;
        padding-bottom: 0px;
        margin-right: 1%;
        margin-bottom: 10px;
    }
    .monitor_port_colsone {
        margin-top: 0;
    }
    .monitor_port_colsone .monitor_col {

        background: #FAFBFD;
        padding: 15px;
        float: left;
        max-width: 100%;
        margin: 0 !important;
        margin-bottom: 8px !important;

    }
    .monitor_port_colstwo .monitor_col {
        background: #FAFBFD;
        padding: 15px;
        float: left;
        max-width: 100%;
        margin: 0 !important;
        margin-bottom: 8px !important;
    }
    .add_adapter_edit_section .checkbox-container.pull-right {
        width: 100%;
        text-align: center;
        margin: 0px 25px 5px 0;
        position: relative;
        top: 0;
    }
    .session_info_filter_section .minict_wrapper.bubble {
        width: 31.7%;
        display: inline-block;
        height: 45px;
        margin-right: 5px;
        min-width: 130px;
        margin-bottom: 10px;
    }
    .session_info_filter_section .save {
        height: 45px;
        width: 25%;
    }
    .session_info_filter_section .filter {
        height: 45px;
        width: 25%;
        margin-bottom:10px
    }
    .session_info_filter_section .minict_wrapper.bubble:last-child {
        width: 40%;
        margin-right: 0;
        margin-bottom:0;
        max-width:200px
    }
    .analytics_section .enargy_form_top_section h3 {
        width: auto;
    }
    .analytics_section .enargy_form_top_section .minict_wrapper.bubble {
        width: 25%;
        margin-bottom: 10px;
    }
    .analytics_section .enargy_form_top_section .minict_wrapper.rollup {
        width: 30%;
    }
    .analytics_section .enargy_form_top_section #filterDate2 {
        width: 30%;
    }
    .checkbox-dropdown-container {
        width: 49%;
        display: inline-block;
        height: 45px;
        margin-right: 2.5px;
        min-width: 130px;
        position: relative;
        margin-bottom: 10px;
    }

    .session_info_filter_section .minict_wrapper.bubble:last-child {
        width: 48%;
        margin-right: 0;
        margin-bottom: 0;
        max-width: 100%;
    }
}
@media only screen and (min-width:568px) and (max-width:639px) {
    .modal-open .popover {
        max-width: 150px!important;
        position:absolute;
        left:0
    }
    .modal-dialog.add_api_popup_box {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    } 
    .adapters_table th:first-child {
        min-width: 110px;
    }
    .profile_tabs_inner_section .nav-tabs .nav-link {
        padding: .75rem 1rem !important;
    }
    .groups_table th {
        min-width: 150px;
    }
}
@media only screen and (max-width:479px) {


    .profile_tabs_section.profile_gold .tab-item-custom {
        width: auto;
        font-size: 16px;
        font-weight: bold;
    }
    .profile_tabs_section.profile_gold .tab-item-custom {
        min-height: auto;
        line-height: normal;
    }
    .profile_tabs_section.profile_gold .tab-item-custom a.active span {
        color: #BFD45B;
        border-bottom: 2px solid #BFD45B;
        padding-bottom: 0;

    }
    .energy_another_graph_section span {
        float: none;
        /* position: relative;
         margin-left: 16px;*/
    }
}
@media only screen and (max-width:567px) {
    .stations_list_col_btn .btn.btn-block {
        display: inline-block;
        margin: 0px 2% 4% 0;
        max-width: 100%;
    }

    .login_main_container .brand-logo img {
        margin: 0 auto 35px;
        display: block;
        max-width: 100%;
    }
    .email_confirmation_panel .brand-logo img {
        max-width: 222px;
        margin-bottom: 15px;
    }
    .login_container {
        background: #fff;
        border-radius: 25px;
        padding: 20px 0 !important;
    }
    .r_main_container .brand-logo img {
        margin: 0 auto 35px;
        display: block;
        max-width: 100%;
    }
    .register_container {
        background: #fff;

        border-radius: 25px;
        padding: 20px 15px !important;
    }
    .footer .copyright {
        width: 100%;
        display: block;
        margin-bottom:10px
    }
    .footer .developed-by-far-shor {
        text-align: center;
    }
    .register_form_panel .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }
    .register_form_panel .col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .register_form_panel .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .register_form_panel .check_section {
        padding: 0;
    }
    .custom_card_box {
        width: 100%;
        padding-bottom: 0px;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .footer .container.footer_section {
        max-width: 100%;
    }
    .profile_tabs_section .tab-content h2 {
        width: 100%;
        display: inline-block;
    }
    .profile_tabs_section .tab-item-custom {
        width: auto;
        font-size: 16px;
        font-weight: bold;
    }
    .delete_btn_table {
        margin-left:5px;
    }
    .profile_btn .btn.btn-block {
        display: inline-block;
        margin: 0 10px 10px;
    }
    .profile_btn .btn.btn-block {
        display: block;
        margin: 0 auto 10px;
    }
    .nav-link.first {
        border-radius: 12px 0px 0px !important;
        padding: .75rem .5rem !important;
    }
    .nav-tabs .nav-link {
        padding: .75rem .5rem;
    }
    .leaderboard_filter_section .form-group.custom_select_field {
        width: 100%;
        display: inline-block;
        margin-right:10px;
        margin-bottom:15px;
    }
    .leaderboard_filter_section button {
        margin: 0 auto;
        display: block;
    }
    .scheduling_group_list_section .minict_wrapper input {
        max-width: 343px;
        height: 33px;
        border-radius: 16.5px;
        width: 100%;
    }
    .scheduling_group_list_section .form-group {
        width: 70%;
    }
    .fc .fc-header-toolbar .fc-left .fc-today-button {
        float: left;
        margin-left: 0;
    }
    .fc .fc-header-toolbar .fc-right .fc-button-group {
        float: left;
        display: grid;
    }
    .btn-group, .fc .fc-button-group, .btn-group-vertical {

        position: relative;
        display: block;
        vertical-align: middle;
    }
    .fc button {

        margin-bottom: 5px;

    }
    .stations_form_sections .stations_form_table_col h2 button {
        float: none;
        margin-top: 10px;
    }
    /*.add_adapter_section .nav-item.tab-item-custom{
      border-radius:0 !important;
      width: 100%;
    }
    .add_adapter_section .nav-item.tab-item-custom.add_tab_first{
         margin-bottom: -1px;
        width: 100%;
        border-radius: 45px 45px 0 0 !important;
     }
     .add_adapter_section .tab-item-custom a.active {
    
        color: #BFD45B;
        border-radius: 0;
    
    }
     .add_adapter_section .add_tab_first a.active {
         color: #BFD45B;
        border-radius: 45px 45px 0 0;
     }*/
    .add_adapter_section .tab-item-custom a {
        font-size: 16px;
    }
    .add_adapter_section .tab-item-custom a {
        font-size: 16px;
        line-height: 20px;
        padding: 15px;
        height: 90px;
    }
    .add_adapter_section .tab-item-custom a.active span {
        color: #BFD45B;
        border-bottom:none!important;
        padding-bottom: 20px;
    }
    .add_adapter_section .add_tab_first a.active {
        color: #BFD45B;
        border-radius: 45px 0 0 0;

    }
    .add_adapter_section a.active {
        color: #BFD45B;
        border-radius: 0 45px 0 0;
        border-bottom: 2px solid #BFD45B!important;
    }
    .add_adapter_section .tab-item-custom:last-child a span {
        padding-top: 18px;
        display: block;
    }
    .add_adapter_section .col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .api_popuprow .card_info {
        position: absolute;
        top:5px;
        right:-30px;
    }

    .add_adapter_section .google_map_add_adaptor_section .col-sm-12 {
        padding-left: 15px;
        padding-right:15px;
    }
    .add_adapter_section .google_map_add_adaptor_section .search_location { width:94%}
    .add_adapter_section .google_map_add_adaptor_section .search_location .col-sm-12{padding-left: 0;}
    .add_adapter_section .google_map_add_adaptor_section {
        position: relative;
        width: 95%;
        margin: 20px auto 0;
    }
    .add_adapt_reduce_section {
        margin-top:20px;
        margin-bottom: -10px;
    }

    .api_popuprow {
        display: inline-block;
        margin-bottom: 15px !important;
    }
    .api_popuprow #filterDate2 {
        max-width: 179px;
        display: inline-block;
        float: none;
        position: relative;
    }
    .check_section_one li {
        list-style: none;
        padding-left: 20px;
        margin-bottom: 15px;
    }
    .mt-3.button_custom_section {
        max-width: 86%;
        margin: 40px auto 30px !important;
    }
    .api_popuprow .checkbox-container {
        width: 100%;
    }
    /*.modal-open .popover {
        left: -30px!important;
        top: -7px !important;
    }*/
    ul.check_section_one {
        padding: 0;
    }
    .check_section_one p {
        display: block;
        padding-left: 0;
    }
    .adapters_table th:first-child {
        min-width: 110px;
    }
    .adapters_table th:last-child {
        min-width: 100px;
    }
    .invite_edit_box_top .top_col_1, .invite_edit_box_top .top_col_2, .invite_edit_box_top .top_col_3 {
        display: inline-block;
        width:100%;
        text-align:left;
        line-height: 25px;
    }
    .invite_edit_box_top .top_col_3 a {
        padding-right: 15px;
        padding-left: 0;
    }
    .monitor_section_row .accordion .card .card-header {
        padding: 26px 15px 0;
    }
    .monitor_section_row .collapse .card-body {
        padding: 0px 15px 10px;
    }
    .monitor_inn_section .head_btns_section {
        position: absolute;
        top: 0!important;
        right: 35px!important;
    }
    .sca_battery_col .card_info {
        position: absolute;
        right: 5px;
        top: 2px;
    }
    .sec_top_cols .sca_id_col span, .sec_top_cols .sca_battery_col span {
        float: left;
    }
    .inn_contents_row_two .average_section_row .card_info {
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .sec_top_panel .card_info {
        position: absolute;
        top: -2px;
        right: 0;
    }
    .inn_contents_row_col_1.ipad_device_st label {
        width: 100%;
        margin-bottom: 0;
    }
    .inn_contents_row_col_2.ipad_device_st span {
        text-align: center;
        width: 100%;
    }
    .control_evse_top_row .sca_id_col ul li {
        list-style: none;
        float: left;
        padding: 0 0 7px;
        border-bottom: 1px solid #DCE0EB;
        margin-top: 6px;
        width: 100% !important;
        margin-bottom: 5px;
        border-right:none;
    }
    .monitor_port_section_top_row .minict_wrapper.bubble {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .monitor_port_section_top_row .stations_search_form {
        width: 100%;
        max-width: 100%;
    }
    .monitor_port_section_accord_row .head_btns_section {
        position: relative!important;
        top: 10px!important;
        right:0;
    }
    .monitor_port_section_accord_row .accordion .card .card-header h6 .bg_col {
        margin-bottom: 10px;
    }

    .monitor_port_box_section .custom_card_box {
        width: 100%;
        padding-bottom: 0px;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .monitor_port_colsone {
        margin-top: 0;
    }
    .monitor_port_colsone .monitor_col {
        background: #FAFBFD;
        padding: 15px;
        float: left;
        max-width: 100%;
        margin: 0 !important;
        margin-bottom: 8px !important;
    }
    .monitor_port_colstwo .monitor_col {
        background: #FAFBFD;
        padding: 15px;
        float: left;
        max-width: 100%;
        margin: 0 !important;
        margin-bottom: 8px !important;
    }
    .add_api_gold .card_info {
        position: absolute;
        top: 5px;
        right:5px;
    }
    .add_api_gold .check_section li {
        list-style: none;
        padding: 5px 0;
        position: relative;
    }
    .popover {
        left: 0px!important;
        top: 0px !important;
    }
    .row.add_adapter_edit_section .col-md-6, .col-md-12 {
        padding: 0;
    }
    .row.profile_tabs_section.profile_gold .col-md-6, .row.profile_tabs_section.profile_gold .col-md-12 {
        padding: 0 15px !important;
    }
    .add_adapter_edit_section .checkbox-container.pull-right {
        width: 100%;
        text-align: right;
        margin: 10px 25px 5px 0;
    }
    .add_adapter_edit_section .card_info {
        position: absolute;
        right: 0;
        top: 5px;
    }
    .add_adapter_edit_section .col-form-label {
        position: relative;
        width: 100%;
    }
    .row.add_adapter_edit_section .col-md-6, .col-md-12 {
        padding: 0;
    }
    .add_adapter_edit_section .checkbox-container.pull-right {
        width: 100%;
        text-align: right;
        margin: 0px 25px 5px 0;
        position: relative;
        top: 0;
    }
    .add_adapter_edit_section .card_info {
        position: absolute;
        right: 0;
        top: 5px;
    }
    .add_adapter_edit_section .col-form-label {
        position: relative;
        width: 100%;
    }
    .row.add_ocpp_section .col-md-6 {
        padding: 0;
    }
    .add_ocpp_section .row.google_map_add_adaptor_section {
        width: 92%;
        margin: 0 0 0 4%;
    }
    .edit_ocpp_section .row.google_map_add_adaptor_section {
        width: 92%;
        margin: 0 0 0 4%;
    }
    .edit_ocpp_section .row.google_map_add_adaptor_section {
        width: 92%;
        margin: 0 0 0 4%;
    }
    .add_ocpp_section .card_info {
        position: absolute;
        right: 5px;
        top: 2px;
    }
    .add_ocpp_section .checkbox-container.pull-right {
        width: 100%;
        text-align: right;
        margin: 10px 15px 0px 0;
    }
    .groups_table th {
        min-width: 150px;
    }
    .modal-body.view_device_content {
        padding-left: 20px !important;
    }
    .access_popuprow .card_info {
        position: absolute;
        right: 0;
        top: 5px;
    }
    .access_popuprow .check_section li {
        position:relative;
    }
    .edit_devices_section .invite_edit_box_top .top_col_3 {
        padding-top: 7px!important;
    }
    .session_info_filter_section .minict_wrapper.bubble {
        width: 100%;
        display: inline-block;
        height: 45px;
        margin-right: 5px;
        min-width: 130px;
        margin-bottom: 10px;
    }
    .session_info_filter_section .save {
        height: 45px;
        width: 47%;
    }
    .session_info_filter_section .filter {
        height: 45px;
        width: 47%;
        margin-bottom:10px
    }
    .session_info_filter_section .minict_wrapper.bubble:last-child {
        width: 100%;
        margin-right: 0;
    }
    .analytics_section .nav-tabs .nav-link {
        padding: .75rem 1rem !important;
    }
    .analytics_section .enargy_form_top_section h3 {
        width: auto;
        font-size: 16px;
    }
    .analytics_section .enargy_form_top_section .minict_wrapper.bubble {
        width: 48%;
        margin-bottom: 10px;
    }
    .analytics_section .enargy_form_top_section .minict_wrapper.rollup {
        width: 48%;
    }
    .analytics_section .enargy_form_top_section #filterDate2 {
        width: 48%;
    }
    #addadapter_form .card_info {
        position: absolute;
        right: 5px;
        top: 2px;
    }
    #addstation_form .card_info {
        position: absolute;
        right: 5px;
        top: 2px;
    }
    .create_new_port_btn {
        margin-right: 20px;
    }
    .create-new-port {
        margin-top: 10px;
    }
    .flimrow ul {
        width: 100%!important;
    }
    .checkbox-dropdown-container {
        width: 100%;
        display: inline-block;
        height: 45px;
        margin-right: 2.5px;
        min-width: 130px;
        position: relative;
        margin-bottom: 10px;
    }
    .leaderboard-dropdown .minict_wrapper.bubble {
        width: 100%;
        min-width: 100%;
    }
    .leaderboard-dropdown {
        display: inline-block;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    .leaderboard_filter_section .minict_wrapper.bubble {
        display: inline-block;
        max-width: 100%;
        margin-right: 10px;
        min-width: 100%;
    }
    .leaderboard-dropdown {
        display: inline-block;
        min-width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }
    .leaderboard_table .table td {
        color: #737781;
        font-family: "Nunito Sans";
        font-size: 16px;
        line-height: normal;
        position: relative;
        border-bottom: 2px solid #DCE0EB;
    }
    .session_table_two #order-listing1_info {
        width: auto;

    }
    .session_table_two #order-listing1_paginate {
        width: auto !important;
        display: block !important;
        text-align: center !important;
    }
    .adapters_table th {
        min-width:100px;
    }
    .add_adapter_edit_section .col-form-label {
        position: relative;
        width: 100%;
        padding-top: 7px;
        margin-bottom: 0;
        padding-bottom: 7px;
        margin-top: 10px;
    }
    .col-form-label {
        position: relative;
        width: 100%;
        padding-top: 7px;
        margin-bottom: 0;
        padding-bottom: 7px;
        margin-top: 10px;
    }
    .monitor_port_section_top_row .minict_wrapper input {
        height: 45px;
        line-height: 45px;
    }
    .submit_button_custom.add_port_btn {
        text-align: center;
    }
    .add_vehicle_btn button.btn.btn-block.add_vehicle {
        min-width: auto;
    }
    .monitor_port_section_accord_row .accordion .card .card-header a {
        color: #008C95;
        font-family: "Nunito Sans";
        font-size: 18px;
        font-weight: bold;
        line-height: 24px;
        display: block!important;
    }
    .monitor_port_section_accord_row .list_card_head_section 
    {
        display: block;
        position: relative;
        margin: 7px 0 0 0;
        padding: 0!important;
        width: 100%;
    }
    .monitor_port_section_accord_row .list_card_head_section li {
        color: #737781;
        font-family: "Nunito Sans";
        font-size: 18px;
        line-height: 24px;
        list-style: none;
        float: left;
        border-bottom: 1px solid #DCE0EB;
        padding: 0 0 2px;
        width: 100%!important;
        display: block;
        clear: both;
        margin: 5px 0;
        max-width: 100%!important;
        border-left: 0;
    }
    .monitor_section_row .accordion .card .card-header h6 .sca_status h4, .monitor_section_row .accordion .card .card-header h6 .session_status h4 {
        float: left;
        line-height: normal;
        margin: 0;
        vertical-align: middle;
    }
    .accordion .card .card-header h6 .sca_status {
        background-color: #F3F5FA;
        height: auto !important;
        line-height: normal !important;
        text-align: center;
        padding: 10px 5px !important;
        display: inline-block;
        border-radius: 10px;
        font-size: 16px;
        margin-bottom:5px !important;
    }
    .monitor_section_row .accordion .card .card-header h6 .session_status {
        background-color: #F3F5FA;
        height: auto;
        line-height: normal !important;
        text-align: center;
        padding: 10px 20px;
        display: inline-block;
        border-radius: 10px;
        font-size: 16px;
    }
}

@media only screen and (min-width:450px) and (max-width:1024px) {
    .evse_button_section .play_btn {
        display: inline-block !important;
        min-width:47.5%;
    }
    .evse_button_section .stop_btn {
        display: inline-block !important;
        min-width: 47.5%;
    }
}
@media only screen and (max-width:483px) {
    .monitor_section_row .accordion .card .card-header h6 .sca_status{
        margin-bottom:10px
    }
}
@media only screen and (max-width:449px) {
    .profile_tabs_section .tab-content h2 span{
        width:100%
    }
    .profile_btn {
        display: block;
        margin: 20px auto 40px !important;
        width: 100%;
    }
    .evse_button_section .play_btn {
        display: inline-block !important;
        min-width:100%;
    }
    .evse_button_section .stop_btn {
        display: inline-block !important;
        min-width: 100%;
        margin-top: 10px;
    }
    .btn.btn-info.add_key_btn {
        width: 100%;
        margin: 10px auto 0;
        display: block;
        max-width: 173px;
        float: none;
    }
    .modal-body.access-control-content {
        padding-left:16px!important;
    }
    .access_popuprow .card_info .tooltip_info {
        padding-left: 0;
    }
}
@media only screen and (max-width:450px) {
    .modal_dashboard {
        padding-top: 50%!important;
    }
    .fc .fc-header-toolbar .fc-center h2 {
        color: #737781;
        font-family: "Nunito Sans";
        font-size: 13px!important;
    }
    .fc button {
        font-size: 13px!important;
    }
    .add_api_gold .save_btn_popup {
        height: 45px;
        width: 167px;
    }
    .add_api_gold .mt-3.button_custom_section {
        max-width:80%;
        margin: 20px auto !important;
    }
    .modal-body.add_group_content {
        /*    margin-right: 10px !important;
            height: 450px;
            overflow-y: scroll;*/
        padding-top: 20px !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .add_vehicle_btn button.btn.btn-block.add_vehicle {
        min-width: auto;
    }

}
@media only screen and (max-width:400px) {
    .custom_select_field1 {
        position: relative;
        width: 100%;
        margin-top: 10px;
    }
    .custom_select_field1 .select {
        position: relative;
        margin-bottom: 15px;
        width: 92%;
    }
    .check_section.add_adapt_reduce_section.text-right label {
        padding-left: 0;
        margin-top: -20px;
        display: block;
    }
    .switch {
        height: 31px;
        display: block;
        position: relative;
        cursor: pointer;
        float: left;
        margin: -5px 0 0 8px;
    }
    .inn_contents_row_one .form-group {
        float: left;
        padding-left:10px;
        margin-top: -10px;
    }
    .range_slider_section {
        margin: 55px 0 0 0%;
        max-width: 100%;
    }
    .analytics_section .enargy_form_top_section .minict_wrapper.bubble {
        width: 100%;
        margin-bottom: 10px;
    }
    .analytics_section .enargy_form_top_section .minict_wrapper.rollup {
        width: 100%;
        margin-bottom: 10px;
    }
    .analytics_section .enargy_form_top_section #filterDate2 {
        width: 100%;
        margin-bottom: 10px;
    }
    .analytics_filter_btn {
        width: 100%;

    }
    .monitor_port_section_top_row .stations_search_form {
        width: 100%;
    }
    .checkbox-dropdown-container {
        width: 100%;
        display: inline-block;
        height: 45px;
        margin-right: 2.5px;
        min-width: 130px;
        position: relative;
        margin-bottom: 10px;
    }
}
@media only screen and (min-width:651px) and (max-width:1080px) {
    .analytics_section .enargy_form_top_section .minict_wrapper.bubble {
        width: 32%;
        margin-bottom: 10px;
    }
    .analytics_section .enargy_form_top_section .minict_wrapper.rollup {
        width: 32%;
        margin-bottom: 10px;
    }
    .analytics_section .enargy_form_top_section #filterDate2 {
        width: 32%;
        margin-bottom: 10px;
    }
    .analytics_filter_btn {
        width: 32%;

    }
    .monitor_port_section_top_row .minict_wrapper.bubble {
        min-width: 32%;
        margin-right: 9px;
        margin-bottom: 10px;
    }
    .monitor_port_section_top_row .stations_search_form{
        min-width: 32%;
        margin-bottom:10px;
    }
}
@media only screen and (min-width:401px) and (max-width:650px) {
    .analytics_section .enargy_form_top_section .minict_wrapper.bubble {
        width: 48%;
        margin-bottom: 10px;
    }
    .analytics_section .enargy_form_top_section .minict_wrapper.rollup {
        width: 48%;
        margin-bottom: 10px;
    }
    .analytics_section .enargy_form_top_section #filterDate2 {
        width: 48%;
        margin-bottom: 10px;
    }
    .analytics_filter_btn {
        width: 48%;

    }
    .monitor_port_section_top_row .minict_wrapper.bubble {
        max-width: 48%;
        margin-bottom:10px;
        margin-right:6px;
    }
    .monitor_port_section_top_row .stations_search_form{
        min-width: 48%;
        margin-bottom:10px
    }
}
@media only screen and (max-width:359px) {
    .analytics_section .enargy_form_top_section .minict_wrapper.rollup {
        width:100%;
        margin-bottom:10px
    }
    .profile_tabs_section .tab-content h2 span{
        width:100%
    }
    .profile_tabs_section .tab-content h2 button {
        width:100%;
        margin-top:10px
    }
    .profile_tabs_section .tab-item-custom {
        width: auto;
        font-size: 15px;
        font-weight: bold;
    }
    .table-style-three {
        width: 100%;
        margin-right:0!important;
        margin-left:0!important

    }
    .table-style-three__text--small-screen .card_info_signup {
        z-index: 9999;
        right: -30px;
    }
    .adoptor_btn button {
        display: inline-block;
        margin: 0px 0 0 20px;
    }
    .popover-body {
        color: #737781!important;
        font-family: "Nunito Sans";
        font-size: 14px;
        line-height: 19px;
        max-width:200px;
    }
    .fc th{
        font-weight: 600;
        font-size: 10px;
    }
    .mt-3.button_custom_section {
        max-width: 96%;
        margin: 40px auto 30px !important;
    }
    .monitor_section_row .accordion .card .card-header h6 .sca_status {
        font-size: 13px;
    }

    .status_right {
        top: 46px;
    }
    .sca_id_col span {
        float: left;
    }
    .switch {
        height: 31px;
        display: block;
        position: relative;
        cursor: pointer;
        float: left;
        margin:0px;
        display: block;
        width: 100%;
    }
    .inn_contents_row_one .form-group {
        float: left;
        padding-left:0;
        margin-top: -10px;
    }
    .monitor_section_row .head_btns_section span {
        font-size: 13px !important;
    }
    .monitor_section_row .accordion .card .card-header h6 .session_status{
        font-size: 13px !important;
    }
    .add_api_gold .mt-3.button_custom_section {
        max-width: 100%;
        margin: 20px auto !important;
    }
    .inner_row_one_heading h3 {
        font-size: 20px;
    }
    .add_port_btn button {
        margin-left: 25px;
    }
    .sec_top_cols .sca_battery_col {
        padding: 22px 14px 22px;
    }
    .sca_battery_col p {
        margin-bottom: 8px;
    }
    .sca_id_col p, .sca_battery_col p {
        display: inline-block;
        color: #737781;
        font-family: "Nunito Sans";
        font-size: 16px;
        line-height: normal;
        margin-bottom: 10px;
        text-align: center;
    }
    .port_list .multible_select_list li {
        margin-left: 15px;
    }
}
@media only screen and (min-width:1400px) {
    .table-style-three {
        width: 25%;
    }
    .table-style-three__description--legend {
        width: 100%;
    }
    .mt-3.button_custom_section {
        max-width: 96%;
        margin: 40px auto 30px !important;
    }
}  

.inn_contents_row_col_1.ipad_device_st {
    padding-top: 6px;
} 



/* The Modal (background) */
.modal_dashboard {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index:99999; /* Sit on top */
    padding-top: 14.5%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.3);
}
.modal_dashboard.modal_thankyou.modal_pricing{padding-top: 9% !important; display: block}
.modal_dashboard.modal_thankyou{padding-top: 9% !important;}
/* Modal Content */
.modal_dashboard .modal-content {
    background-color: #fff;
    margin: auto;
    /*padding:5px;*/
    padding: 25px;
    width:90%;
    max-width: 365px;
    border-radius: 12px;
}

/* The Close Button */
.modal_dashboard .close {
    color: #696969;
    float: right;
    font-size: 25px;
    font-weight: bold;
    text-align: right;
    padding: 0 5px;
    opacity: 1 !important;
}

.modal_dashboard .close:hover,
.modal_dashboard .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

span.check_icon.alert-icon img {
    background: none;
    width: 42px;
    height: 42px;
    border-radius: 0;
}

.modal_dashboard .check_icon img {
    background-color: #BFD45B;
    text-align: center;
    display: block;
    width: 42px;
    height: 42px;
    font-size: 25px;
    line-height: 42px;
    margin: 0 auto 20px;
    border-radius: 100%;
    color: #fff;
    /*margin-top: -10px;*/
    margin-top: 5px;
}
.modal_dashboard h2 {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
}
.modal_dashboard p {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding: 5px 0 10px;
}
.modal_dashboard .modal_dashboard_btn {
    border-radius: 22.5px;
    background-color: #008C95;
    width: 187px;
    border: none;
    margin: 12px auto 25px;
    height: 45px;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    cursor:pointer;
}
.sidebar-icon-only .nav-item.nav-user-item .user_img {
    margin-left: 0;
}
.modal_dashboard.modal_thankyou a {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    margin: -8px 0 20px;
    text-decoration:underline;
}
.modal_dashboard .close:hover, .modal_dashboard .close:focus {
    outline: none;
}
.minict_wrapper {
    color:#333;
    background:#fff;
    position:relative;
    width:100%;
    height:50px;
}
.minict_wrapper * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.minict_wrapper::after {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    background: url(../images/dropdown-arrow@3x.svg) no-repeat right;
    width: 100%;
    height: 9px;
    cursor: pointer;

}
.minict_wrapper input {
    outline:none;
    background:none;
    font-size:16px;
    height:50px;
    width: 100%;
    color: #737781;
    display: block;
    width:100%;
    border:1px solid #DCE0EB;
    line-height: 50px;
    box-sizing: border-box;
    border-radius: 25px;
    cursor:pointer;
    padding-left: 25px;
    padding-right: 45px;
}
.minict_wrapper ul {
    background: #fff;
    display:none;
    list-style:none;
    padding:0 0 10px;
    margin:0;
    position:absolute;
    width:100%;
    border:1px solid #DCE0EB;
    border-radius: 25px;
    top:2rem;
    left:0;
    max-height:22rem;
    overflow-y:auto; 
    z-index:999999;
    cursor:pointer;
}
.minict_wrapper ul li {
    list-style: none;
    /*height: 2.2rem;*/
    height: auto;
    line-height:16px;
    /*padding: 10px 25px!important;*/
    padding: 5px 25px!important;
    box-sizing: border-box;
    cursor: pointer;
    color: #737781;
    font-size: 16px;
}
.minict_wrapper ul li:hover {
    background:#f8f8f8;
}
.minict_wrapper ul li.minict_group {
    color:#444;
    background:#f6f6f6;
    font-weight:bold;
    cursor:default
}
.minict_wrapper ul li.minict_empty {
    display:none;

}
.minict_wrapper ul li.hidden {
    display:none
}

.minict_wrapper.bubble:hover {
    border-color:#dcdcdc
}
.minict_wrapper.bubble ul {
    top: 50px;
    border-radius:0 0 25px 25px;
    overflow:visible;
    border-top:none
}
.minict_wrapper.bubble.active input {
    border-bottom: none;
    border-radius: 25px 25px 0 0;

}
.create_new_group_btn {
    border-radius: 22.5px;
    background-color: #F6F9E7;
    margin:0px auto;
    color: #BFD45B !important;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height:45px !important;
    text-align: center;
    height: 45px !important;
    border: none;
    width: 100%;
    display: block;
    cursor:pointer;
    text-decoration:none;
}
.create_new_group_btn:hover{ background:#F6F9E7;}


/*Select box*/


.select-dropdown {
    display: inline-block;
    position: relative;
    background-color: white;
    width:100%
}
.select-dropdown * {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: auto;
    /* Safari */
    -khtml-user-select: auto;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}
.select-dropdown.active input[type="text"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom:none;
}
.select-dropdown.active i {
    top: 5px;
    transform: rotate(180deg);
    color: #00aeef;
}
.select-dropdown.active ul {
    display: block;
}
.select-dropdown input[type="text"] {
    position: relative;
    z-index: 1;
    outline: none !important;
    text-overflow: ellipsis;
    background: transparent;
    cursor: pointer;
    user-select: none !important;
    width:100%;
    z-index:999;
}

.select-dropdown ul {
    display: none;
    position: absolute;
    z-index: 999;
    background: white;
    list-style-type: none;
    border: 1px solid #DCE0EB;
    border-top: 0;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
    padding: 0 0 15px;
    margin: 0;
    width:100%
}
.select-dropdown ul li {
    cursor: pointer;
    padding:7px 25px 7px 25px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    color:#737781;
    font-size:16px
}
.select-dropdown ul li:hover {
}
.add_btn_lis{ display:none;}
.input-group.add_btn input {
    border-radius: 25px !important;
    border: 1px solid #DCE0EB !important;
    position: relative;
    padding-right: 110px;
    line-height: 45px;
    text-align: left;
}
.btn.btn-add {
    position: absolute;
    right: 0;
    height: 44px;
    width: 101px;
    border-radius: 22.5px;
    background: #F6F9E7;
    color: #BFD45B;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    margin: 3px;
    top: 0;
    padding: 0;
    z-index:99999;

}
.select-dropdown::before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 25px;
    background: url(../images/dropdown-arrow@3x.svg) no-repeat right;
    width: 14px;
    height: 9px;
    cursor: pointer;
}

/*Another select*/
.select-dropdown1 {
    display: inline-block;
    position: relative;
    background-color: white;
    width:100%
}
.select-dropdown1 * {
    /*-webkit-touch-callout: none;
  
    -webkit-user-select: none;
  
    -khtml-user-select: none;
  
    -moz-user-select: none;
  
    -ms-user-select: none;
  
    user-select: none;*/
}
.select-dropdown1.active input[type="text"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom:none;
}
.select-dropdown1.active i {
    top: 5px;
    transform: rotate(180deg);
    color: #00aeef;
}
.select-dropdown1.active ul {
    display: block;
}
.select-dropdown1 input[type="text"] {
    position: relative;
    z-index: 1;
    outline: none !important;
    text-overflow: ellipsis;
    background: transparent;
    cursor: pointer;
    user-select: none !important;
    width:100%;
    z-index:999;
}

.select-dropdown1 ul {
    display: none;
    position: absolute;
    z-index: 9999;
    background: white;
    list-style-type: none;
    border: 1px solid #DCE0EB;
    border-top: 0;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
    padding: 0 0 15px;
    margin: 0;
    width:100%;
    top:50px;
}
.select-dropdown1 ul li {
    cursor: pointer;
    padding:7px 25px 7px 25px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    color:#737781;
    font-size:16px
}
.select-dropdown1 ul li:hover {
}
.select-dropdown1 .add_btn_lis{ display:none;}
.select-dropdown1 .input-group.add_btn input {
    border-radius: 25px !important;
    border: 1px solid #DCE0EB !important;
    position: relative;
    padding-right: 110px;
    line-height: 45px;
    text-align: left;
}
.select-dropdown1 .btn.btn-add {
    position: absolute;
    right: 0;
    height: 44px;
    width: 101px;
    border-radius: 22.5px;
    background: #F6F9E7;
    color: #BFD45B;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    margin: 3px;
    top: 0;
    padding: 0;
    z-index:999;

}
.select-dropdown1::before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 25px;
    background: url(../images/dropdown-arrow@3x.svg) no-repeat right;
    width: 14px;
    height: 9px;
    cursor: pointer;
}




.custom-checkbox{
    position: absolute;
    top:-2px;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #DCE0EB;
    border-radius: 4px;
}

.custom-checkbox.selected {
    /* background: url(../images/check-tic.png) no-repeat center; */
    background: url(../images/signup/yes-pricing@3x.svg) no-repeat center;
    background-size: 15px;
}
.custom-checkbox input[type="checkbox"]{
    margin: 0;
    position: absolute;
    z-index: 2;            
    cursor: pointer;
    outline: none;
    opacity: 0;
    /* CSS hacks for older browsers */
    _noFocusLine: expression(this.hideFocus=true); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
#order-listing_length {
    display: none;
}
#order-listing_filter {
    display: none;
} 
#order-listing_info {
    display: none;
} 
/*#order-listing_paginate {
    display: none;
}*/
#delete-popup,  #delete-popup1{
    padding-top: 9%;
}
.delete_popuprow p{
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: normal;
    margin-bottom: 40px;
}

.descrip_in_line {
    border-bottom: 2px solid #EBEDF4;
    padding-bottom: 10px;
    margin-bottom: 20px;
    overflow-wrap: break-word;
}
.descrip_in_line:last-child{ padding-bottom:0; border-bottom:none}
.descrip_in_line span {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 5px;
    display: block;
}

.descrip_in_line p {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.status_visible {
    float: right;
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: right;
    position:relative;
    margin-top: 10px;
    margin-left:45px;
} 
.status_visible::before {
    content: '';
    height: 8px;
    width: 8px;
    background-color: #BFD45B;
    position: absolute;
    border-radius: 8px;
    left: -12px;
    top: 7px;
}
.activated_visible {
    float: right;
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: right;
    position:relative;
    margin-top: 10px;
} 
.activated_visible::before {
    content: '';
    height: 8px;
    width: 8px;
    background-color: #BFD45B;
    position: absolute;
    border-radius: 8px;
    left: -15px;
    top:6px;
    background: url(../images/dashboard/check-green-icon.svg) no-repeat;
    width:13px;
    height:10px;
}
.modal-dialog.custom_popup_box.add_port.edit_station textarea {
    box-sizing: border-box;
    height: 175px;
    width: 100%;
    border: 1px solid rgb(220, 224, 235);
    border-radius: 25px;
    padding: 20px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    position: relative;
    margin-bottom: -20px;
}
.opt_check {
    width: auto !important;
    height: auto !important;
} 
.multible_select_list {
    max-height:147px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 99%;
}
.multible_select_list{
    scrollbar-width: thin;
}
.multible_select_list li {
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    margin-left: 25px;
    padding-left: 2px !important;
    border-top: 2px solid #F3F5FA;
    padding-right:0!important;
    width: 93%;
}
.multible_select_list label {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: normal;
    margin-bottom: 5px;
}
.multible_select_list input {
    height: auto;
    width: auto;
}
.add_ocpp_section .select-dropdown2 input[type="text"] {
    z-index: 99;
}
.model_label .checkbox-container.pull-right {
    width: auto;
    margin: 0;
    font-weight: 400;
}

/*09-10-19*/
.textarea_add_station textarea {
    height: 149px;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
}
.create_new_port_btn {
    background: rgba(191,212,91,0.15);
    border-radius: 22.5px;
    color: #BFD45B;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
    border: 0;
    height: 33px;
    padding: 0 20px;
    float: right;
    margin-top: -5px;
    cursor: pointer;
}
.port_list {
    height: 149px;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    padding: 8px 5px;
    overflow-y: hidden;
    list-style:none;
}
.port_list .multible_select_list {
    max-height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 99%;
}
.port_list .multible_select_list li {
    padding-bottom:0px !important;
    padding-top:3.5px !important;
    margin-left: 20px;
    padding-left: 2px !important;
    border-bottom: 2px solid #F3F5FA;
    padding-right: 0 !important;
    width: 93%;
    border-top:0px;
}
.port_list .checkbox-container {
    position: relative;
    padding-left: 0px;
    width: 100%;
}
span.remove_port img , span.remove_port_edit img{
    float: right;
}
/*.port_list .multible_select_list span {
    float: right;
}*/


/*.select-dropdown1.active .select-input1.error {
    border-top: 1px solid #DCE0EB !important;
    border-bottom: none !important;
    border-right: 1px solid #DCE0EB !important;
    border-left: 1px solid #DCE0EB !important;
}*/
.dropdown_select_list {
    max-height:165px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 99%;
}
.dropdown_select_list{
    scrollbar-width: thin;
}

/*Gradiant Styles*/
body.bg-color-gradiant {
    /*background:#F3F5FA;*/
    background: linear-gradient(136.78deg, #BFD45B 0%, #008C95 100%);
    font-family: "Nunito Sans";
    min-height: 100vh;
}


.bg-color-gradiant .footer {
    /*border-top: 1px solid #DCE0EB;*/
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    margin-top: 40px;
    padding:25px 0 30px;
    float: left;
    width: 100%;
}
.bg-color-gradiant .footer .container.footer_section {
    max-width: 77%;
}
.bg-color-gradiant .footer .copyright {
    color: #fff;
}
.bg-color-gradiant .footer .footer-links {
    color: #fff;
}
.bg-color-gradiant .footer .footer-links a {
    /*border-right: 1px solid #fff;*/
    color: #fff;
}
.bg-color-gradiant .login_container {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.05);
    max-width: 740px;
    margin: 0 auto;
} 
.bg-color-gradiant .register_container {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.05);
}
.bg-color-gradiant .back-to-login a {
    color: #fff;
}
.top_bg_gradiant:before{
    content:"";
    background: linear-gradient(136.78deg, #BFD45B 14%, #008C95 100%);
    height:166px;
    max-height:166px;
    width:100%;
    position:absolute;
    top:0;
    left:0%;
    z-index:-1;
    border-radius:0 0 30% 70%;
}
.control_top_bg_gradiant:before{
    content:"";
    background:linear-gradient(136.78deg, #BFD45B 14%, #008C95 100%);
    height:248px;
    max-height:248px;
    width:100%;
    position:absolute;
    top:0;
    left:0%;
    z-index:-1;
    border-radius: 0 0 24% 40%;
}
.control_top_bg_gradiant .content-wrapper{
    background:transparent;
}
.top_bg_gradiant .content-wrapper{
    background:transparent;
}
.top_bg_gradiant .mdicon-menu{
    color:#fff;
    font-family:"Nunito Sans";
    font-size:25px;
    font-weight:300;
    line-height:34px;
}
.control_top_bg_gradiant .mdicon-menu{
    color:#fff;
    font-family:"Nunito Sans";
    font-size:25px;
    font-weight:300;
    line-height:34px;
}
.session_info_btn_section .session_info_btn {
    background-color: #fff;
    color: #008C95;
} 
.add_adapter_btn_section .add_adapter_btn {
    background-color: #fff;
    border: none;
    color: #008C95;
}
@media only screen and (min-width:992px) {
    .mobile_menu_icon{ display:none;}
    .desk_menu_icon{ display:block;}

}
@media only screen and (max-width:991px) {
    .mobile_menu_icon{ display:block;}
    .desk_menu_icon{ display:none;}
}


/*Developer CSS*/
label.error{
    color: #E24F85;
    font-family: "Nunito Sans";
    font-size: 14px !important;
    line-height: 19px !important;
    text-align: right;
    width: 100%;
    display: block;
    padding-top: 4px;
    font-weight: normal;
}
input.error{
    border: 1px solid #E24F85 !important;
}

textarea.error{
    border: 1px solid #E24F85 !important;
}

.error + span{
    border: 1px solid #E24F85 !important;
}

.error + .minict_wrapper.bubble input
{
    border: 1px solid #E24F85 ;
}

.checkbox-container input:checked ~ .checkmark{
    border: 1px solid #DCE0EB !important;
}
.checkbox-container input:checked ~ .checkerror{
    border: 1px solid #E24F85 !important;
}
.minict_wrapper.bubble ul {
    top: 50px;
    border-radius:0 0 25px 25px;
    overflow:visible;
    border-top:none;
    max-height: 200px;
    overflow-y: scroll;
}

.alert-danger {
    font-size : 14px;
}
.profile_table a{
    text-decoration: none;
}

div#map {
    height: 360px;
}

div#map1 {
    height: 360px;
}

.deletModal form{ padding: 10px; }
.deletModal .modal_dashboard_btn{ width:130px;margin:0px; }
.deletModal form div.row div.col-md-6:first-child{ text-align: right; }
.deletModal form div.row div.col-md-6:last-child{ text-align: left; }
/*.table-responsive.profile_table th:nth-child(4){ width:170px; }*/
.table-responsive.profile_table th:last-child {
    width: 140px;
}
.disable-select{
    pointer-events: none;
    opacity: 0.5;
    background: #CCC !important;
    border-radius: 30px;
}
.back-to-button.forgotpassword-button {
    display: block;
    margin: 30px auto 0;
    width: 120px;
}

.remove-scroll ul {
    overflow-y:auto !important; 
}

label#new_password-error {
    /*   text-align: left;
       margin-left: 30%;*/
    margin-bottom: -15px;
}
@media only screen and (min-width:1081px) {
    .register_form_panel label#new_password-error {
        margin-bottom: -15px;
        text-align: left;
        margin-left: 28.5%;
    }
}

@media only screen and (max-width: 1080px) and (min-width: 768px) {
    .register_form_panel label#new_password-error {
        margin-bottom: -15px;
        text-align: left;
        margin-left: 20.5%;
    }
    .flimrow ul {
        width: 100%;
        margin-right: 0 !important;
    }
    .stations_form_sections .stations_form_table_col h2 {
        font-size: 18px !important;
        display: inline-block;
        width: 100%;
    }
    .dont-see-station {
        padding: 0;
        position: absolute;
        top: 90px;
    }

    .stations_form_sections .stations_form_table_col h2 button {
        padding: 11px 40px!important;
    }
    .add_adapter_edit_section .checkbox-container.pull-right {
        text-align:right!important;
    }
}
.modal_dashboard_content{
    padding: 25px !important;
}
.pre-loader{
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.checkbox-container .error {
    text-align: left;
}

.minict_wrapper input,.select-dropdown .select-input {
    /*color: transparent;
    text-shadow: 0 0 0 #737781;*/
    caret-color:transparent;

}
.select-dropdown .select-input {
    caret-color: transparent;
    height: 50px;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    padding-left: 25px;
}
.delete_vehicle_modal p{
    color: #737781;
    font-size: large;
}
.add_vehicle_btn{
    max-width: 295px !important;
}
.add_vehicle_btn button.btn.btn-block.add_vehicle {
    min-width: 185px;
}
.alert-success .close, .alert-danger .close{
    padding: 0.55rem 1.25rem;
}

.r_main_container .add_adapter_section.nav-item.tab-item-custom:first-child {
    border-radius: 40px 0 0 0;
}
.profile_btn .cp_btn{ max-width: 215px !important; }
/*.profile_tabs_inner_section h2 {
    margin-bottom: 0 !important;
}*/
.r_main_container .nav-item.tab-item-custom.add_tab_first {
    border-radius: 40px 0 0 0;
}
.adapter-new a{
    color: #fff !important;
}
.adapter-new button {
    background: #BFD45B;
}
li.nav-item.dropdown_menu_item.hover-open div.collapse{
    display: none !important;
}
.nav-link .user-title {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.panel-loading{
    display:none !important;
}

/*Select 2 style*/
.select-dropdown2 {
    display: inline-block;
    position: relative;
    background-color: white;
    width:100%
}
.select-dropdown2 * {
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}
.select-dropdown2.active input[type="text"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom:none;
}
.select-dropdown2.active i {
    top: 5px;
    transform: rotate(180deg);
    color: #00aeef;
}
.select-dropdown2.active ul {
    display: block;
}
.select-dropdown2 input[type="text"] {
    position: relative;
    z-index: 1;
    outline: none !important;
    text-overflow: ellipsis;
    background: transparent;
    cursor: pointer;
    user-select: none !important;
    width:100%;
    z-index:999;
}

.select-dropdown2 ul {
    display: none;
    position: absolute;
    z-index: 9999;
    background: white;
    list-style-type: none;
    border: 1px solid #DCE0EB;
    border-top: 0;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
    padding: 0 0 15px;
    margin: 0;
    width:100%;
    top:50px;
}
.select-dropdown2 ul li {
    cursor: pointer;
    padding:7px 25px 7px 25px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    color:#737781;
    font-size:16px
}
.select-dropdown2 ul li:hover {
}
.select-dropdown2 .add_btn_lis{ display:none;}
.select-dropdown2 .input-group.add_btn input {
    border-radius: 25px !important;
    border: 1px solid #DCE0EB !important;
    position: relative;
    padding-right: 110px;
    line-height: 45px;
    text-align: left;
}
.select-dropdown2 .btn.btn-add {
    position: absolute;
    right: 0;
    height: 44px;
    width: 101px;
    border-radius: 22.5px;
    background: #F6F9E7;
    color: #BFD45B;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    margin: 3px;
    top: 0;
    padding: 0;
    z-index:999;

}
.select-dropdown2::before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 25px;
    background: url(../images/dropdown-arrow@3x.svg) no-repeat right;
    width: 14px;
    height: 9px;
    cursor: pointer;
}
/*Style 2 select end*/


.create_new_group_btn1 {
    border-radius: 22.5px;
    background-color: #F6F9E7;
    margin:0px auto;
    color: #BFD45B !important;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height:45px !important;
    text-align: center;
    height: 45px !important;
    border: none;
    width: 100%;
    display: block;
    cursor:pointer;
    text-decoration:none;
}
.create_new_group_btn1:hover{ background:#F6F9E7;}

.create_new_group_btn2, .create_aas_new_group_btn {
    border-radius: 22.5px;
    background-color: #F6F9E7;
    margin:0px auto;
    color: #BFD45B !important;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height:45px !important;
    text-align: center;
    height: 45px !important;
    border: none;
    width: 100%;
    display: block;
    cursor:pointer;
    text-decoration:none;
}
.create_new_group_btn2:hover, .create_aas_new_group_btn:hover { background:#F6F9E7;}

.add_btn_lis1, .add_btn_lis2 {
    display: none;
}
.add_ocpp_section textarea{
    color:#737781;
}

label#station_model_id-error {
    height: 0px;
    display: none;
}

div#infowindow-content {
    height: 0px;
}   
a.remove_port {
    float: right;
    padding-right: 0px;
}
.add_adapter_btn_section .add_adapter_btn{
    padding: 10px 35px;
}
#edit_ocpp_station_form .form-group {
    width: 100%;
}
.create_new_port_btn:hover{
    color:#BFD45B;
    text-decoration:none;
}
.table-responsive.adapters_table {
    margin-top: -15px;
}

textarea{ color:#737781 }

.status_offline {
    float: right;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: right;
    position:relative;
    margin-top: 10px;
    margin-left: 45px;
} 
.status_offline::before {
    content: '';
    height: 8px;
    width: 8px;
    background-color: #737781;
    position: absolute;
    border-radius: 8px;
    left: -12px;
    top: 7px;
}

.dont-see-station{
    padding: 0;
}
.no-ports-li{ color: #737781; }
.add_port_dropdown{ margin: 0rem; }
@media only screen and (min-width:360px) and (max-width:1024px) {
    .port_list .multible_select_list li{ margin-left: 10px !important; }
}
#addadapter_dashboard_form .select-dropdown1 input[type="text"] {
    z-index: 99;
}
#addadapter_dashboard_form .select-dropdown2 input[type="text"] {
    z-index: 99;
}
.no-result{
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    padding: 5px 10px;
    text-align: center;
}

.panel-header:hover
{
    background: transparent !important;
}
.select-dropdown .input-group.add_btn input.error, .select-dropdown1 .input-group.add_btn input.error, .select-dropdown2 .input-group.add_btn input.error{
    border: 1px solid #E24F85 !important;
}
/*.adapterstation .select-dropdown2 ul {
    overflow-x: auto;
    width: 100%;
    max-height: 200px;
}*/

div#exampleModal-40 {
    z-index: 1150;
}
.dev_port_table{
    background: #FAFBFD;
    padding: 0 10px 15px;
    margin-top: 15px;
}
.head_inner_dev {
    display: inline-block;
}
.dev_station_list{
    max-height: 445px;
    overflow: auto;
    scrollbar-width:thin;
}
.not_activated_visible {
    float: right;
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: right;
    position:relative;
    margin-top: 10px;
} 
.not_activated_visible::before {
    content: '';
    height: 8px;
    width: 8px;
    background-color: #BFD45B;
    position: absolute;
    border-radius: 8px;
    left: -15px;
    top:5px;
    background: url(../images/false@3x.svg) no-repeat;
    width:13px;
    height:12px;
}

.session_info_filter_section .minict_wrapper.bubble ul::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.session_info_filter_section .minict_wrapper.bubble ul::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.session_info_filter_section .minict_wrapper.bubble ul::-webkit-scrollbar-thumb {
    border-radius: 5px!important;
    background-color:#DCE0EB;
}
.not-available{
    font-weight: bold;
    font-size: 26px;
}
.not-available-small{
    font-weight: bold;
    font-size: 16px;
}
.text-transform-none{
    text-transform: none !important;
}
.dataTables_empty{ text-align: center; }
.order-listing .dataTables_empty{ text-align: left; }
.order-listing tbody tr, .order-listing1 tbody tr{
    cursor: pointer;
}
.hover-iframe{
    height: 40px;
    width: 100%;
    position: absolute;
    top: 15px;
}
.hover-iframe1{
    height: 40px;
    width: 100%;
    position: absolute;
    top: 0px;
}

.hover-ifram{
    height: 40px;
    width: 100%;
    position: absolute;
    top: 50px;
}

/* signup adapter and station custom validation */
.customSignAdapterloc{
    border: 1px solid #E24F85 !important;
}
.customSignStationloc {
    border: 1px solid #E24F85 !important;
}

.add_errbox_editadapter{
    border: 1px solid #E24F85 !important;
}

.iframe-outer:before{
    content: '';
    width:100%;
    height: 30px;
    position: absolute;
}
.sca_status.bg_col.mp_top_status .iframe-outer:before{
    display: none!important;
}
.rangeSliderhorizontal3 {
    height: 20px;
    width: 100%;
    margin-top: -4px;
}
.ev-mileage-needed {
    color:#008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
}.inn_contents_row_col_2.evmileage .card_info {
    position: relative;
    right: auto;
    top: auto;
}
.ev-mileage-needed .pull-right span {
    color:#008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
}
.ev-mileage-needed .pull-right {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight:normal
}

.connectedPort{ visibility: hidden; overflow-y: hidden; }


/* added signup scroll bar css*/
.minict_wrapper.bubble.active ul::-webkit-scrollbar {
    width:10px!important;
    return:0
}
.minict_wrapper.bubble.active ul::-webkit-scrollbar-track {
    border-radius:5px!important;
}
.minict_wrapper.bubble.active ul::-webkit-scrollbar-thumb {
    border-radius:5px!important;
    background-color:#DCE0EB;
}
.minict_wrapper.bubble.active ul {
    max-height:150px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scroll-margin: 0px 10px 0 0px;
    /*max-width: 98%;*/
}
.form-check .charge-control-disable{
    pointer-events: none;
}
.form-check .charge-control-disable input[type="radio"] + .input-helper:before {
    background: #DCE0EB !important;
    pointer-events: none;
}

.currentUser {
    background-color: #f6f9e7;
    border-left: 6px solid #BFD45B;
    font-weight: 700;
}
.checkbox-dropdown-container {
    width: 13.6%;
    display: inline-block;
    height: 45px;
    margin-right: 2.5px;
    min-width: 130px;
    position: relative;
}
.custom-select-field {
    width: 100%;
    color:#737781;
    display: block;
    width: 100%;
    border: 1px solid #DCE0EB;
    box-sizing: border-box;
    border-radius: 25px;
    cursor: pointer;
    padding-left: 25px;
    height: 45px;
    -webkit-appearance: none;
    line-height:45px;
    position:relative;
}
.custom-select-field::after {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    background: url(../images/dropdown-arrow.png) no-repeat right;
    width: 14px;
    height: 9px;
    cursor: pointer;
    z-index: ;
}
.custom-select-field.active{border-radius:25px 25px 0 0; border-bottom:none;}
div.custom-select-option-box {
    background:#fff;
    display: none;
    list-style: none;
    padding: 0 0 10px;
    margin: 0;
    position: absolute;
    width: 100%;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    top: 2rem;
    left: 0;
    max-height: 22rem;
    overflow-y: auto;
    z-index: 999999;
    cursor: pointer;
    top: 45px;
    border-radius: 0 0 25px 25px;
    overflow: visible;
    border-top: none;
}
.scroll_custombar{
    max-height:175px;
    overflow-y: auto;
    padding-right:5px;
    scrollbar-width:thin;
    margin-right:3px
}

.custom-select-option {
    padding:5px 15px;
    margin: 1px 0px;
    cursor:pointer;
    border-bottom: 1px solid #F3F5FA
}
.custom-select-option .checkbox-container {
    margin-bottom:0
}
.result-list {
    padding-bottom: 20px;
    color: #4d4d4d;
    line-height: 25px;
}
.result-list-heading {
    font-style: italic;
    color: #717171;
    text-decoration: underline;
}
.no-values{ padding-left: 10px; }
.order-listing .active{
    display: block;
}
.order-listing .inactive{
    display: none;
}

a.leaderboard_btn {
    border-radius: 22.5px;
    background-color:#F6F9E7;
    height:45px;
    color: #BFD45B;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    border:none;
    width: 100%;
    margin: 15px 0 10px;
    cursor:pointer;
    text-decoration: none;
    padding: 4% 38%;
    display: block;
}
/*Download dropdown styles in Session info page*/
.session_info_btn_section .dropdown-menu.show {
    display: block;
    border-radius: 0 0 25px 25px;
    width: 219px;
    max-width: 218.5px;
    margin-top: -1px;
    border-top: none;
    margin-left: .5px;
}


.session_info_btn_section.show .session_info_btn {
    border-radius: 25px 25px 0 0;
}
.session_info_btn_section .dropdown-menu.show .dropdown-item {
    line-height: 16px;
    padding: 8px 25px !important;
    box-sizing: border-box;
    cursor: pointer;
    color:#737781;
    font-size:16px;
}
.session_info_btn_section .dropdown-item:hover, .session_info_btn_section .dropdown-item:focus {
    color: #16181b;
    text-decoration:none;
    background-color:transparent;
}
.session_info_btn_section .dropdown-item img {
    max-width:24px;
    margin-right:7px;
}
.detailed_level_session, .pdf_detailed_level_session{
    display: none;
}
/**/
/* datepicker */
/**/
.ui-datepicker {
    display: none;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 1.9);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
    text-align: center;
    color: #666;
}
.ui-datepicker a {
    color: #404040;
}
.ui-datepicker-header {
    position: relative;
    margin: -10px -12px 10px;
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-size: 15px;
    line-height: 27px;
}
.ui-datepicker-prev,  .ui-datepicker-next {
    position: absolute;
    top: 0;
    display: block;
    width: 47px;
    height: 47px;
    font-size: 15px;
    line-height: 47px;
    text-decoration: none;
    cursor: pointer;
}
.ui-datepicker-prev {
    left: 0;
}
.ui-datepicker-next {
    right: 0;
}
.ui-datepicker-calendar {
    border-collapse: collapse;
    font-size: 13px;
    line-height: 27px;
}
.ui-datepicker-calendar th {
    color: #999;
}
.ui-datepicker-calendar a,  .ui-datepicker-calendar span {
    display: block;
    width: 31px;
    margin: auto;
    text-decoration: none;
    color: #404040;
}
.ui-datepicker-calendar a:hover {
    background: rgba(0, 0, 0, .05);
}
.ui-datepicker-calendar span {
    color: #bfbfbf;
}
.ui-datepicker-today a {
    font-weight: 700;
}
.ui-datepicker-calendar .ui-state-active {
    background: rgba(0, 0, 0, .05);
    cursor: default;
}
.ui-datepicker-inline {
    border: 2px solid #e5e5e5;
    background: #fff;
    box-shadow: none;
}
.ui-datepicker-inline .ui-datepicker-header {
    line-height: 47px;
}
.ui-datepicker-inline .ui-datepicker-calendar {
    width: 100%;
}
.no-messages {
    text-align: center;
    font-size: 20px;
    color: #008C95;
    line-height: 200px;
}

.leaderboard-dropdown {
    display: inline-block;
    min-width: 149px;
    max-width: 149px;
}

.leaderboard-dropdown .minict_wrapper.bubble{
    width: 100%;
    min-width: 149px;
}

.nValidmake{
    border: 1px solid #E24F85 !important;
}

.makeChangeclass{
    border: 1px solid #DCE0EB !important;
}

.div-hide{
    display: none;
}

.div-show{
    display: block;
}
.session_info_table_section .custom-select-field {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}
#infowindow-content1 {
    display: none;
}
.table-responsive.leaderboard_table .sorting::before {
    display: none !important;
}
.table-responsive.leaderboard_table .sorting::after {
    display: none !important;
}
.button-grey{
    background-color: grey !important;
}
#savefilterModalChk .modal_dashboard .check_icon img{
    background-color: #ffffff;
    border-radius: 0px;
}

#session_trans_id_label{
    color: #E24F85;
    margin-left: 5px;
}
.warning-icon{
    background-color: #ffffff !important;
    border-radius: 0px !important;
}
#filter_name {
    border-radius: 30px;
    line-height: 20px;
}

.control_port_btn_section {
    width: 100%;
    display: block;
    position: relative;
    z-index: 999;
}
.control_port_btn_section .port_section_btn {
    background-color: #fff;
    border: none;
    color: #7E828D;
    height: 45px;
    padding: 0 17px 0 30px;
    border-radius: 22.5px;
    cursor: pointer;
    float: right;
    margin-top: -68px;
    margin-right: -15px;
    font-weight: normal;
    width:277px;
    text-align: left;
    line-height: 45px;
    position:relative;
}
.control_port_btn_section .port_section_btn {
    background-color: #fff;
    border: none;
    color: #7E828D;
}
.control_port_btn_section .port_section_btn .down_arrow {
    margin-right: 12px;
    margin-top: 19px;
}
.control_port_btn_section.show .port_section_btn {
    border-radius: 25px 25px 0 0;
}
.control_port_btn_section .dropdown-menu.show {
    display: block;
    border-radius: 0 0 25px 25px;
    width: 277px;
    max-width: 277px;
    margin-top: 0px;
    border-top: none;
    margin-left: 0;
    border: none;
    box-shadow: none;
}
.control_port_btn_section .dropdown-menu.show .dropdown-item {
    line-height: 16px;
    padding: 8px 25px 8px 30px !important;
    box-sizing: border-box;
    cursor: pointer;
    color: #737781;
    font-size: 16px;
}



.session_info_table_section #order-listing_paginate {
    width: 50%;
    display: inline-block;
    text-align:right
}
.session_info_table_section #order-listing_info {
    width: 50%;
    display: inline-block;
    color: #737781; 
    font-family: "Nunito Sans"; 
    font-size: 16px;
    line-height: 22px;
    padding:15px 0;
    margin-top:15px
}
.session_info_table_section #order-listing_paginate a {
    position: relative;
    padding:5px 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
    display: inline-block;
    color: #737781; 
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.session_info_table_section #order-listing_paginate a:hover{
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.session_info_table_section .paginate_button.current {
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.session_info_table_section #order-listing_paginate a.disabled{color:#CCCDD2}
.session_info_table_section #order-listing_previous {
    border-radius: 5px 0 0 5px;
}
.session_info_table_section #order-listing_previous {
    border-radius: 5px 0 0 5px;
}
.session_info_table_section #order-listing_next{
    border-radius:0 5px 5px 0;
}



.session_table_two #order-listing1_paginate {
    width: 50%;
    display: inline-block;
    text-align:right
}
.session_table_two #order-listing1_info {
    width: 50%;
    display: inline-block;
    color: #737781; 
    font-family: "Nunito Sans"; 
    font-size: 16px;
    line-height: 22px;
    padding:15px 0;
    margin-top:15px
}
.session_table_two #order-listing1_paginate a {
    position: relative;
    padding:5px 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
    display: inline-block;
    color: #737781; 
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.session_table_two #order-listing1_paginate a:hover{
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.session_table_two .paginate_button.current {
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.session_table_two #order-listing1_paginate a.disabled{color:#CCCDD2}
.session_table_two #order-listing1_previous {
    border-radius: 5px 0 0 5px;
}
.session_table_two #order-listing1_previous {
    border-radius: 5px 0 0 5px;
}
.session_table_two #order-listing1_next{
    border-radius:0 5px 5px 0;
}

.modal-body.login_form_panel.download_scv {
    min-height: 320px;
}
@media only screen and (min-width:1280px) and (max-width:1340px) {
    .card_m_img {
        float: left;
        max-width: 50px;
        margin: 35px 5px 0 0px;
    }
    .box_title_card {
        color:#008C95;
        font-family: "Nunito Sans";
        font-size:28px;
        line-height: 43px;
        margin-bottom: 0;
        padding-top: 17px;
    }
}

@media only screen and (min-width:1341px) and (max-width:1600px) {
    .card_m_img {
        float: left;
        max-width: 50px;
        margin: 35px 5px 0 0px;
    }
    .box_title_card {
        color:#008C95;
        font-family: "Nunito Sans";
        font-size:30px;
        line-height: 43px;
        margin-bottom: 0;
        padding-top: 17px;
    }
}

.mobile-nav-hide{
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    background-color: RGBA(243,245,250,0.5);
    z-index: 999999;
    top: 77px;
}
.dropdown-menu.control_evse.show {
    max-height: 150px;
    overflow-y: scroll;
    scrollbar-width: thin;
}
.pagination_section #order-listing_paginate {
    width: 50%;
    display: inline-block;
    text-align:right
}
.pagination_section #order-listing_info {
    width: 48%;
    display: inline-block;
    color: #737781; 
    font-family: "Nunito Sans"; 
    font-size: 16px;
    line-height: 22px;
    padding:15px 0;
}
.pagination_section #order-listing_paginate a {
    position: relative;
    padding:5px 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
    display: inline-block;
    color: #737781; 
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.pagination_section #order-listing_paginate a:hover{
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.pagination_section .paginate_button.current {
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
.pagination_section #order-listing_paginate a.disabled{color:#CCCDD2}
.pagination_section #order-listing_previous {
    border-radius: 5px 0 0 5px;
    position: relative;
    padding: 5px 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
    display: inline-block;
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
.pagination_section #order-listing_previous {
    border-radius: 5px 0 0 5px;
}
.pagination_section #order-listing_next{
    border-radius:0 5px 5px 0;
}

.custombadge_cls{
    right: 15% !important; 
}

.ramcls .box_left_text pull-left{
    color: #008C95 !important;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 22px !important;
}

.ramcls span.badge_points{
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}

.ramcls h6.box_content.mt-1{
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;  
}

.disableremotemode {
    /*background: #737781 !important;
    color: #fff !important;
    */
    background: #e6e6e6 !important;
    color: #B9BABE !important;
}

.wt_login h3 {
    font-size: 26px;
    color: #fff;
    margin-bottom: 20px;
}

.privacy-policy-section h3 {
    color:#737781;
    font-family: "Nunito Sans";
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    margin-top: 3px;
    display: block;
}
.privacy-policy-section p {
    padding: 0 0 1rem;
    font-weight: normal;
    color:#737781;
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}

.wt-content-section .accordion .card .card-header a[aria-expanded="true"]::before {
    content: "";
    background: url(../images/dashboard/minus@3x.svg) no-repeat right;
    width: 14px;
    height: 2px;
}
.wt-content-section .accordion .card .card-header a::before {
    font-family: "Material Design Icons";
    position: absolute;
    right: 7px;
    top: auto;
    font-size: 18px;
    display: block;
}
.wt-content-section .accordion .card .card-header a[aria-expanded="false"]::before {
    content: "";
    background: url(../images/dashboard/plus.svg) no-repeat right;
    width: 14px;
    height: 14px;
    top: auto;
}
.wt-content-section .accordion .card .card-header a::before {
    font-family: "Material Design Icons";
    position: absolute;
    right: 7px;
    top: auto;
    font-size: 18px;
    display: block;
}
.analytics_section .enargy_form_top_section .minict_wrapper.ID {
    width: 16.2%;
    display: inline-block;
    margin-right: 0.5%;
    height: 45px;
}

.analytics_section .enargy_form_top_section .minict_wrapper.ID ul {
    top: 33px;
    border-radius: 0 0 16px 16px;
    overflow: visible;
    border-top: none;
}
.analytics_section .enargy_form_top_section .minict_wrapper.ID.active input {
    border-bottom: none;
    border-radius: 16px 16px 0 0;
}

.analytics_section .enargy_form_top_section .minict_wrapper.Name {
    width: 16.2%;
    display: inline-block;
    margin-right: 0.5%;
    height: 45px;
}

.analytics_section .enargy_form_top_section .minict_wrapper.Name ul {
    top: 33px;
    border-radius: 0 0 16px 16px;
    overflow: visible;
    border-top: none;
}
.analytics_section .enargy_form_top_section .minict_wrapper.Name.active input {
    border-bottom: none;
    border-radius: 16px 16px 0 0;
}

.menu-display{
    display: none !important;
}

#place-icon{
    display: none;
}
ul.list_card_head_section {
    max-width: 490px;
    word-break: break-all;
    width: 37%
}


.reduceDateInput {
    max-width: 14.2% !important;
}
.cls_border_bottom{border-bottom: 2px solid #DCE0EB !important;}


@media(min-width:1601px) {
    .status_right .evse_status_text_last {
        width: 135px;
        color: #C7CBD6;
        font-family: "Nunito Sans";
        font-size: 16px;
        line-height: 22px;
        font-weight: normal;
        text-align: left;
        max-width: 135px;
        white-space: nowrap;
    }

    .status_right {
        right: 0;
        width: 175px;
        display: inline-block;
        float: right;
        position: absolute;
        top: 16px;
    }
}

#message-error{
    margin-top: 12px; 
}

.greyout {
    color: #C0C3CA !important;
    display: none;
    pointer-events: none;
}


.mp-sca li {
    max-width: 100%;
    min-width: 100%;
}
.edit_devices_section #results .result a:hover {
    text-decoration: none;
}

@media only screen and (max-width: 567px){

    .sca_status.bg_col.mp_top_status {
        height: auto !important;
        line-height: 24px !important;
    }
}

@media(min-width:1280px) {
    .sca_battery_col {
        max-height: 62px;
    }

}

.view_device_card span img {
    padding-right: 7px;
}

.view_device_card ul.list_card_head_section {
    max-width: 490px;
    word-break: break-all;
    width: auto;
}
/*    @media only screen and (min-width:768px) and (max-width:1399px) {
       .monitor_section_row .head_btns_section {
   position: relative;
   top: 10px;
   right: 0!important;
   clear: both;
   }
    }*/
.download_scv .inn_radio_form {
    margin-bottom: 5px;
}
p#currentPortid {
    font-size: 16px;
    display: inline-block;
}
.minict_wrapper.disabled {
    background: #f5f5f5;
    text-shadow: 0 1px 0 #fff; 
}
.minict_wrapper ul li.disabled {
    cursor: default;
    background: #fff !important;
    color: #bbb; 
}
.invite_edit_box_top button {
    padding: 0px 20px;
    border-radius: 22.5px;
    background-color: #008C95;
    color: #FFFFFF;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 140px;
    min-height: 43px;
    line-height: 43px;
    display: inline-block;
    margin-left: 30px;
    margin-top: 0;
}
.piechart-legend-table tbody {
    overflow-x: scroll!important;   
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .row.card_boxes_section {
        margin: 0;
        clear: both;
    }
}

.invite_edit_box_top .top_col_1 {
    float: left;
}

.editGroup{
    color: #008C95;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    text-decoration: underline;
}
.editGroup:hover{color: #008C95;}
#assigned_device_no_result1
{
    display: none;
    padding-top:7px;
}
#assigned_station_no_result1
{
    padding-top:7px;
    display: none;
}
.leaderboard_table th {
    text-align: center;
}
.leaderboard_table .table td{
    text-align: center;
}

.leaderboard_table button{
    padding-left: 20px;
}

.new_acces_btn_modal {
    margin: 30px auto !important;
    display: block;
    width: 100%;
    text-align: center;
}
.new_acces_btn_modal button {
    display: block;
    margin-left: 0;
    width: auto;
    padding: 0px 50px;
}

/*Group listing1*/
#group-listing1_length {
    display: none;
}
#group-listing1_filter {
    display: none;
}
#group-listing1_paginate {
    width: 50%;
    display: inline-block;
    text-align:right
}
#group-listing1_info {
    width: 50%;
    display: inline-block;
    color: #737781;	
    font-family: "Nunito Sans";	
    font-size: 16px;
    line-height: 22px;
    padding:15px 0;
    margin-top:15px
}
#group-listing1_paginate a {
    position: relative;
    padding:5px 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
    display: inline-block;
    color: #737781;	
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}
#group-listing1_paginate a:hover{
    background: #008C95 !important;
    color: #fff !important;
    cursor:pointer;
    text-decoration:none;
}
#group-listing1_paginate a.disabled{color:#CCCDD2}
#group-listing1_previous {
    border-radius: 5px 0 0 5px;
}
#group-listing1_previous {
    border-radius: 5px 0 0 5px;
}
#group-listing1_next{
    border-radius:0 5px 5px 0;
}

/* Venkat developer updated */
.nav-user-item{
    background-color: #F3F5FA;
    border-radius: 0 31px 31px 0;
}
.user-sub-title{
    padding: 0px 45px;
}
.arrow_toggle{
    float: right;
    margin: 10px 0px;
}
.sidebar .nav:not(.sub-menu) > .nav-user-item:hover > .nav-link {
    border-radius: 0 31px 31px 0;
    background-color: #F3F5FA !important;
}
.sidebar .nav:not(.sub-menu) > .nav-user-item:hover > .nav-link .user-type,
.sidebar .nav:not(.sub-menu) > .nav-user-item:hover > .nav-link .user-title{
    color:#737781;
}
/*.toggle-arrow-img{
    content:url("../images/arrow-down.svg");
}
.toggle-arrow-img:link{
    content:url("../images/arrow-up.svg");
}*/
.nav-item.nav-user-item .profile .sub-menu{
    max-width: 94%;
}
.nav-item.nav-user-item .profile .sub-menu a{
    padding: 14px !important;
}
.nav-item.nav-user-item .user-title{
    display: block;
    word-wrap: break-word;
    width: 120px;
    white-space: normal;
}
/*.super_control_boxes div.custom_card_box{
    width: 24.5%;
    margin-right: 0.5%;
}*/
/*.monitor_port_inn_section div.custom_card_box{
    width: 23.6%;
    margin-right: 1%;
}
.monitor_evse_session .charging_speed div.ml-3 h6{
    margin-left: 1em;
}
@media only screen and (max-width: 567px){
    .super_control_boxes div.custom_card_box, .monitor_port_inn_section div.custom_card_box{
    width: 100%;
    }
}
@media only screen and (min-width:568px) and (max-width:767px) {
    .super_control_boxes div.custom_card_box, .monitor_port_inn_section div.custom_card_box{
    width: 49%;
    }
    .monitor_port_inn_section div.custom_card_box{
        float: left;
    }
}*/
.control_port_btn_section .port_section_btn {
    background-color: #fff;
    border: none;
    color: #7E828D;
    position: relative;
}

.control_port_btn_section .port_section_btn .down_arrow {
    margin-right: 12px;
    margin-top: 19px;
    top: 0;
    position: absolute;
    right: 14px;
}

#dropdownMenuSizeButton1 p{
    font-size: 16px !important;
}
.dashboard_bussiness_user_only .dashboard_second_section_col_two:first-child{
    margin-right: 2%;
}
.dashboard_bussiness_user_only .dashboard_second_section_col_two{
    width: 49%;
}

.dashboard_bussiness_user_only .dashboard_second_section_col_two:last-child .custom_select_field1::before {
    background:url(../images/dropdown-arrow@3x.svg) no-repeat right;
}
.single-column{
    margin-bottom: 1.875rem;
}
.api_description{
    min-height: 84px;
    width: 100%;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    padding: 15px 25px;
}
.api_divider{
    border-bottom: 2px solid #DCE0EB;
}
.add_api_key{
    margin: 10px 0px 0px;
}
.resource_permissions{
    padding: 10px 0px !important;
}
@media only screen and (max-width: 450px){
    .add_api_gold .save_btn_popup {
        height: 45px;
        width: 150px!important;
    }
}


/*Portrait and Landscape*/ 
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {

    .add_api_gold .save_btn_popup {
        height: 45px;
        width: 150px!important;
    }	  


}

/*Portrait*/ 
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    .add_api_gold .save_btn_popup {
        height: 45px;
        width: 150px!important;
    }
}

/*Landscape*/ 
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    .add_api_gold .save_btn_popup {
        height: 45px;
        width: 150px!important;
    }
}

@media only screen and (min-width:568px) {
    .custom_popup_box.add_api_gold input#name {
        margin-bottom: 13px;
    }
}


/* schedule page design */
.scheduling_group_list_section .form-group {
    display: inline-block;
    padding-left: 0;
    margin: 0;
}


.scheduling_group_list_section {
    border-bottom:0;
    width: 100%;
    padding-bottom: 15px;
    z-index: 9;
}
.form-group.scheduler_form_row .minict_wrapper.bubble input {
    width: 150px;
}
.form-group.scheduler_form_row .minict_wrapper {
    color: #333;
    background: #fff;
    position: relative;
    width: 100%;
    max-width: 150px;
    margin: 0 10px 0 0;
    display: inline-block;
}
.add_new_section_row {
    margin-top: 20px;
}
.add_new_section_row h2 {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 25px;
    font-weight: 300;
    line-height:25px;
    display: inline-block;
}
.add_new_section_row .btn.btn-info {
    margin: 0 0 10px 20px;
}
.table.table-striped.scheduler_calender {
    border: 1px solid #DCE0EB;
}
.scheduler_calender tr th:first-child {
    width: 80px;
    min-width: 80px;
}
.table.table-striped.scheduler_calender tr td {
    font-size: 0.875rem;
    border-right: 1px solid #DCE0EB;
    border-left: 1px solid #DCE0EB;
    height: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 22px;
}
.table.table-striped.scheduler_calender tr td:last-child{ 
    border-right:none;
}

.table.table-striped.scheduler_calender tr th {
    border-right: 1px solid #DCE0EB;
    background: #ecedef;
    padding: 9px 0.9375rem;
}

.table.table-striped.scheduler_calender tr th:last-child {
    border-right:none
}
.table.table-striped.scheduler_calender tr th:first-child {
    width: 80px;
}
.scheduler_calender .selected_col {
    background: #ecedef;
    border: none !important;
    padding: 5px !important;
    margin-left: 5px;
    margin-right: 5px;
    height: 41px;
    /*display: block;*/
    text-align: center;
}
.selected_col img {
    max-width: 22px;
    max-height: 22px;
    border-radius: 0 !important;
    float: right;
    cursor:pointer
}

.api_popuprow.schedule_form .add_api_popup_box h3 {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size:20px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
}
.api_popuprow.schedule_form .form-group {
    margin-bottom: 1rem;
    width: 46%;
    display: inline-block;
}
.api_popuprow.schedule_form .form-group.center {
    margin: 0 auto;
    margin-bottom: 0px;
    display: block !important;
}
.schedule_form .check_section{ text-align:center;}
.schedule_form .form-control.txt_box {
    height: 50px;
    width: 35%;
    border: 1px solid #DCE0EB;
    border-radius: 25px;
    display: inline-block;
    margin-left: 20px;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left;
}
.schedule_form .check_section_one{
    padding-left: 0;
}
.schedule_form .check_section_one li {
    padding-left: 0;
    text-align: center;
}
.schedule_form .check_section_one li .checkbox-container {
    position: relative;
    padding-left: 0;
}







@media only screen and (min-width:1400px) {
    .mt-3.button_custom_section.schedule_form {
        max-width: 300px;
    }
}
@media only screen and (max-width:767px) {
    .add_new_section_row h2 {
        color: #737781;
        font-family: "Nunito Sans";
        font-size: 18px;
        font-weight: 300;
        line-height: 25px;
        display: inline-block;
    }
}
@media only screen and (max-width:567px) {
    .form-group.scheduler_form_row .minict_wrapper {
        color: #333;
        background: #fff;
        position: relative;
        width: 100%;
        max-width: 100%;
        margin: 0 0 10px;
        display: block;
        text-align: center;
    }
    .api_popuprow.schedule_form h3 {
        padding: 0;
    }
    .form-group.scheduler_form_row .minict_wrapper.bubble input {
        width: 100%;
    }
    .schedule_form .form-control.txt_box {
        width: 100%;
        margin-left: 0;
    }
    .api_popuprow.schedule_form .checkbox-container.mb-1.center-right {
        width: auto;
    }
    .api_popuprow.schedule_form .form-group {
        margin-bottom: 0;
        width: 46%;
        display: inline-block;
    }
}


.form-group.scheduler_form_row button#dropdownMenuSizeButton1 {
    margin-top: 0;
}

.form-group.scheduler_form_row .control_port_btn_section .port_section_btn {
    border: 1px solid #DCE0EB;
}

.form-group.scheduler_form_row .control_port_btn_section .dropdown-menu.show {
    border: 1px solid #DCE0EB;
    border-top:none!important
}


@media only screen and (max-width:567px) {
    .scheduler_form_row button#dropdownMenuSizeButton1 {
        float: none;
        max-width: 240px;
    }
}


@media only screen 
and (min-device-width: 320px) 
and (max-device-width:567px)
and (-webkit-min-device-pixel-ratio: 2) {

    .scheduler_form_row button#dropdownMenuSizeButton1 {
        float: none;
        max-width: 240px;
    }
}


@media only screen 
and (min-device-width: 320px) 
and (max-device-width:567px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    .scheduler_form_row button#dropdownMenuSizeButton1 {
        float: none;
        max-width: 240px;
    }
}

.col-md-12.api_popuprow.schedule_form h3 {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
}

.add_api_popup_box h3 {
    padding: 15px 0 0;
    clear: both;
}

.api_popuprow.schedule_form .form-group {
    margin-bottom: 0;
    width: 46%;
    display: inline-block;
}
.schedule_form .check_section {
    text-align: center;
    clear: both;
    display: block;
    margin-top: 40px;
}

.button_custom_section.schedule_form a.delete_btn_popup {
    color: #008C95 !important;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    text-decoration: underline !important;
    display: inline-block;
    margin-top: 0;
}

.mt-3.button_custom_section.schedule_form.edit_sch {
    max-width: 320px;
    margin-top: 55px!important;
}

.mt-3.button_custom_section.schedule_form.edit_sch a.delete_btn_popup.cancel {
    padding-right: 25px;
}

.selected_col_inn {
    background: #ecedef;
    border: none !important;
    padding: 5px !important;
    margin-left: 5px;
    margin-right: 5px;
    height: 41px;
    text-align: center;
    width: 26%;
}
.selected_col_inn img {
    max-width: 22px;
    max-height: 22px;
    border-radius: 0 !important;
    float: right;
    cursor: pointer;
}
.table.table-striped.scheduler_calender tr td {
    padding: 0px 5px !important;
    border-top: 0;
}
.table.table-striped.scheduler_calender tr th {
    width: 150px;   
}


textarea:focus {
    outline: none;
}

@media only screen and (min-width:568px) {
    ul.check_section.add_api_key .checkbox-container .error {
        text-align: left;
        position: absolute;
        clear: both;
        width: 320px;
        margin-bottom: 20px;
        display: block;
    }
    .checkbox-container.eror_clas{
        margin-bottom: 20px !important;
    }
}

@media only screen and (max-width:567px) {
    .profile_form_panel .col-md-12.mb-2 {
        margin-bottom: 0 !important;
    }
}

/*  ios design issue */
.dashboard_second_section_col_two.business_user_dashboard.single-column {
    width: 100%;
}

.dashboard_bussiness_user_only.map-section .card-body.iframe-outer .map_canvas {
    width: 95%;
    margin: 5px auto 20px;
}

.dashboard_bussiness_user_only.map-section .card-body.iframe-outer div#edit_map {
    max-height: 270px;
}

@media only screen and (max-width: 767px) {
    .dashboard_bussiness_user_only.map-section .dashboard_second_section_col_two {
        width: 100% !important;
        margin-right: 0 !important;
    }
    .dashboard_bussiness_user_only.map-section .card-body.iframe-outer .map_canvas {
        width: 95%;
        margin: -10px auto 20px;
    }

    .dashboard_second_section_col_two.chart-col {
        margin-top: 25px;
    }
}


textarea:focus {    
    outline: none;  
}   
@media only screen and (min-width:568px) {  
    ul.check_section.add_api_key .checkbox-container .error {   
        text-align: left;   
        position: absolute; 
        clear: both;    
        width: 320px;   
        margin-bottom: 20px;    
        display: block; 
    }   
    .checkbox-container.eror_clas{  
        margin-bottom: 20px !important; 
    }   
}   
@media only screen and (max-width:567px) {  
    .profile_form_panel .col-md-12.mb-2 {   
        margin-bottom: 0 !important;   
    }   
}   
/*  ios design issue */ 
.dashboard_second_section_col_two.business_user_dashboard.single-column {   
    width: 100%;    
}   
.dashboard_bussiness_user_only.map-section .card-body.iframe-outer .map_canvas {    
    width: 95%; 
    margin: 5px auto 20px;  
}   

.dashboard_bussiness_user_only.map-section .card-body.iframe-outer div#edit_map {   
    max-height: 270px;  
}   
@media only screen and (max-width: 767px) { 
    .dashboard_bussiness_user_only.map-section .dashboard_second_section_col_two {  
        width: 100% !important; 
        margin-right: 0 !important; 
    }   
    .dashboard_bussiness_user_only.map-section .card-body.iframe-outer .map_canvas {    
        width: 95%; 
        margin: -10px auto 20px;    
    }   
    .dashboard_second_section_col_two.chart-col {   
        margin-top: 25px;   
    }   
}
.table.table-striped.scheduler_calender tr .inner_table td
{
    border:none;
    height: 36px;
    padding: 0px !important;
}
.inner_table tr
{
    background: none !important;
}
.inner_table td img
{
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.analytics_section .enargy_form_top_section.superadmin .minict_wrapper.rollup {
    min-width: 24%;
    display: inline-block;
    margin-right: 0.5%;
    height: 45px;
}
.enargy_form_top_section.superadmin div#filterDate2 {
    min-width: 24% !important;
}
.daterangepicker.ltr .ranges {
    float: none !important;
}
.inner_table td img {
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    cursor: pointer;
    width: auto !important;
    height: auto !important;
    padding: 5px;
    border-radius: 0;
}


.table.table-striped.scheduler_calender tr th {
    min-width: 150px;
}
.scheduling_group_list_section button {
    background: #008C95;
    padding: 0 25px;
    height: 45px;
    border-radius: 22.5px;
    border: none;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
}

/*.scheduling_group_list_section button:hover {
    background: #008C95;
}*/
div#delete-popup2 {
    z-index: 99999;
}
.modal-backdrop.show+.modal-backdrop.show {
    z-index: 9999;
}
.all_day_error {
    max-width: 90px;
}
.all_day_error label#all_day-error {
    white-space: nowrap;
}


@media only screen and (max-width:567px) {
    .radio_selection .card_info {
        margin-left:5px
    }

}
.input-helper.radio_box::before {
    content: '';
    width: 25px !important;
    height: 25px !important;
    border-radius: 4px !important;
}
.input-helper.radio_box::after {
    left: 8px!important;
    top:4px !important;
    width: 7px!important;
    height: 14px!important;
    border: solid #BFD45B;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)!important;
    border-radius: 0 !important;
    background: transparent !important;
}
.form-group.radio_selection .form-check-label.checkbox-container.mb-1 {
    display: inline-block;
    margin-left: 0;
}
.radio_selection.form-group label {
    color: #737781;
    font-family: "Nunito Sans";
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: normal;
}
.radio_selection .card_info {
    position: absolute;
    right: auto;
    top: -3px;
}
.pop_up_access{
    z-index:1151 !important;
}
/*.port_section_btn:hover {
    background: transparent !important;
}
/*User management*/
.profile_form_panel input#admin_email {
    border-radius: 25px;
    width: 100%;
    position: relative;
    height: 50px;
    border: 1px solid #DCE0EB;
}
.user-form {
    display: flex;
}
.user-form .col-form-label {
    color: #008C95;
    font-family: "Nunito Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    vertical-align: middle;
}
.user-form button.save_btn_popup.default-profile {
    margin: 0px 0 0 20px;
}
.user-form .minict_wrapper input {  text-transform: capitalize;
                                    line-height: 50px;
}
@media only screen and (min-width: 568px) and (max-width: 992px){
    .user_manage_btn_col {
        display: inline-block;
        float: none;
        margin-top: 7px;
        width: auto !important;
        text-align: center;
    }
}
@media only screen and (max-width:567px) {
    .profile_tabs_section .user_manage_head button {
        padding: 11.5px 20px !important;
    }
}

@media only screen and (min-width:1270px) and (max-width:1366px) {
    .nav-tabs .nav-link {
        background: #FAFBFD;
        color: #000000;
        border-radius: 0;
        border: 1px solid #f3f3f3;
        padding: .75rem 3.5rem .75rem;
    }
    .session_info_table_section .checkbox-dropdown-container {
        width: 17%;
        display: inline-block;
        height: 45px;
        margin-right: 2.5px;
        min-width: 130px;
        position: relative;
        float: left;
    }
}
@media (min-width: 992px){
    .sidebar-icon-only .sidebar .nav .nav-item span.arrow_toggle {
        display: none;
    }
    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
        display: none;
    }
    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title{
        color:transparent;
        display: none;
    }
    .check_section_one div {
        max-width: 82%;
        min-width: 396px;
    }
}
.business_account_profile .minict_wrapper.bubble.active ul li
{
    text-align: left;
}


#addSchedule-Popup .modal-dialog.add_api_popup_box {
    max-width: 550px;
}

.api_popuprow.schedule_form .form-group {
    margin-bottom: 0;
    width: 32.7%;
    display: inline-block;
}

#addSchedule-Popup .button_custom_section.schedule_form {
    max-width: 250px;
    margin-top: 55px!important;
}

@media only screen and (max-width:450px){
    .api_popuprow.schedule_form .form-group {
        margin-bottom: 0;
        width: 100%!important;
        display: inline-block;
        margin: 0px auto 10px!important;
    }
    .form-group.pull-right.minute-group {
        float: none;
        margin: 0 auto;
        display: block;
    }
    .schedule_form .check_section {
        text-align: center;
        clear: both;
        display: block;
        margin-top: 10px;
    }
    .schedule_form .form-control.txt_box {
        width: auto;
        margin-left: 0 !important;
    }
}


@media only screen and (max-width:666px) {
    .user_manage_head .user-form {
        display: block !important;
    }
}
.api_popuprow.schedule_form .form-group {
    margin-bottom: 0;
    width: 32.7%;
    display: inline-block;
    position: relative;
    top: 0;
    vertical-align: top;
}

#editSchedule-Popup .add_api_popup_box {
    max-width: 550px;
}

.check_section_one input {
    min-width: 168px;
}
.api_popuprow.schedule_form .form-group {
    margin-bottom: 0;
    width: 32.7%;
    display: inline-block;
    margin: 0px auto 10px!important;
}

.check_section_one div {
    margin-bottom: 12px;
}
.schedule_form .form-control.txt_box {
    margin-bottom: 0!important;

}

@media only screen and (max-width: 567px){
    .api_popuprow .check_section_one p {
        display: inline-block !important;
        padding-left: 10px !important;
    }
}

@media only screen and (max-width:369px)
{
    .schedule_form .save_btn_popup {
        height: 45px;
        width: 85px!important; 
    }
    .schedule_form .form-control.txt_box {
        width: 110px;
        margin-left: 0 !important;
    }
}

@media only screen and (min-width:370px) and (max-width:449px) {
    .schedule_form .save_btn_popup {
        height: 45px;
        width: 125px!important;
    } 
}


td.col-3.selected_cell {
    border: none !important;
}

#max_power-error {
    margin-left: 0 !important;
}

#max_current-error {
    margin-left: 0 !important;
}
@media only screen and (min-width:1921px){
    .api_popuprow.schedule_form .form-group {
        width: 32.7% !important;
        display: inline-block;
        margin: 0px auto 10px !important;
    }
}

.user-sub-title {
    padding: 0px 0 0 45px;
    white-space: nowrap;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}


.label-default {
    background-color: #777;
}

.label-success {
    background-color: #5cb85c;
}

.label-primary {
    background-color: #337ab7;
}

.label-danger {
    background-color: #d9534f;
}

.statuslabel {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}


.col-form-label-user {
    font-family: "Nunito Sans";
    font-size: 16px;
    line-height: 22px;
}


.approved {
    background-color: #5cb85c !important; 
}

.rejected {
    background-color: #d9534f !important;
}

.fa, .fas {
    font-size: 25px;
}