@import url(../css/bootstrap.min.css);
@import url(../fonts/font-awesome/css/font-awesome.min.css);
@import url(../css/slimmenu.min.css);
@import url(../css/animate.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
body,ol,p,ul{
    padding:0
}
body::-webkit-scrollbar-track{
    border-radius:0;
    background-color:#f5f5f5
}
body::-webkit-scrollbar{
    width:10px
}
body::-webkit-scrollbar-thumb{
    background-color:#be3725
}
h1,h2,h3{
    text-transform:uppercase;
    letter-spacing:0
}
h1,h2,h3,ol,p,ul{
    margin:0 0 20px
}
.current_status:after,.selector:after{
    content:"";
    width:17px;
    height:10px;
    pointer-events:none
}
body,h1,h2,h3{
    letter-spacing:0
}
.current_status:after,.header_menu,.selector:after{
    position:absolute;
    z-index:1000
}
.current_status:after,.scroll-btn .mouse,.selector:after{
    background-size:contain;
    background-repeat:no-repeat
}
.tablesorter-headerRow,table tbody tr,table>thead>tr{
    white-space:nowrap
}
.getin_touch form,table tr th{
    text-align:left
}
body{
    margin:0;
    background-color:#fff;
    font-family:Roboto,sans-serif;
    color:#2d2d2d;
    font-size:16px;
    line-height:22px;
    font-weight:300;
    overflow-x:hidden;
    -ms-overflow-style:scrollbar
}
.bottom_link li a:hover,.dashboard_menu ul.main_menu li a:focus,.dashboard_menu ul.main_menu li a:hover,.dashboard_menu ul.main_menu li.current a,.table-responsive-stack .table-responsive-stack-thead,b,h1,h2,strong,table tbody tr td:last-child,table tbody tr td:nth-last-child(2){
    font-weight:700
}
img{
    max-width:100%;
    height:auto
}
::-moz-selection{
    background:#ad2626;
    color:#fff
}
::-webkit-selection{
    background:#ad2626;
    color:#fff
}
a{
    color:#ad2626;
    -webkit-transition:.3s cubic-bezier(.3, .1, .58, 1);
    -moz-transition:.3s cubic-bezier(.3, .1, .58, 1);
    -o-transition:.3s cubic-bezier(.3, .1, .58, 1);
    transition:.3s cubic-bezier(.3, .1, .58, 1)
}
a:focus,a:hover{
    text-decoration:none;
    color:#d75225;
    outline:0
}
ul li{
    list-style:none
}
h1{
    font-size:70px;
    line-height:70px
}
@media (max-width:1199px){
    h1{
        font-size:60px;
        line-height:60px
    }
}
@media (max-width:991px){
    h1{
        font-size:44px;
        line-height:50px
    }
}
h2{
    font-size:36px;
    line-height:44px
}
@media (max-width:1199px){
    h2{
        font-size:34px;
        line-height:40px
    }
}
@media (max-width:991px){
    h2{
        font-size:30px;
        line-height:36px
    }
}
h3{
    font-size:30px;
    line-height:36px;
    font-weight:400
}
input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="month"], input[type="number"], input[type="time"], input[type="url"], input[type="week"], input[type="email"], input[type="search"], input[type="text"], input[type="password"], input[type="tel"], input[type="file"], textarea, select {
    width:100%;
    max-width:100%;
    display:block;
    margin:0;
    padding: 12px 12px;
    height:auto;
    z-index:1;
    direction:ltr;
    position:relative;
    background-color:#fff;
    border:1px solid #a3a3a3;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:#2d2d2d;
    font-weight:400;
    font-size:15px;
    line-height:20px;
    border-radius: 4px;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
select {
    padding-left: 8px;
    color:#737373;
}
.current_status:after{
    top:30%;
    right:16px;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.selector:after,button,input[type=submit]{
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
/* .selector:after{
    top:10%;
    right:24px;
    background-image:url(../images/dropdown.png);
    transition:.3s ease-in-out
} */
input:focus,select:focus,textarea:focus{
    outline:0;
    color:#2d2d2d;
    background-color:rgba(255,255,255,.85)
}
input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{
    color:#2d2d2d;
    font-weight:400;
    letter-spacing:0;
    opacity:.5
}
input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:#2d2d2d;
    font-weight:400;
    letter-spacing:0;
    opacity:.5
}
input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#2d2d2d;
    font-weight:400;
    letter-spacing:0;
    opacity:.5
}
.rr_btn,button,input[type=submit]{
    text-align:center;
    padding:15px 20px;
    min-width:165px;
    font-size:16px;
    line-height:22px;
    letter-spacing:0;
    color:#fff!important;
    background-size:300% 100%;
    background-image:linear-gradient(to right,#b22d1e,#dc5726,#dc5726,#b22d1e);
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    text-transform:uppercase
}
.data_sec .rr_btn, 
.data_sec button, 
.data_sec input[type=submit] {
    padding:12px;
}
.rr_btn,.services .ser_box h3{
    font-weight:300
}
button,input[type=submit]{
    display:inline-block;
    font-weight:300;
    border:none;
    border-radius:4px;
    -ms-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,.3);
    -moz-box-shadow:0 1px 3px 1px rgba(0,0,0,.3);
    box-shadow:0 1px 3px 1px rgba(0,0,0,.3);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer
}
.logo img,.mainmenu,.rr_btn{
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
input[type=submit]:hover{
    background-color:#d75225
}
button:focus{
    outline:0
}
.form-group{
    margin-bottom:15px
}
.form-group:last-child,
.form-group p{
    margin-bottom:0
}
.white a,.white h1,.white h2,.white h3,.white p,.white span{
    color:#fff
}
.btn_holder{
    display:block;
    margin-top:40px;
    text-align:center
}
.header_menu .mainmenu,.mouse_down a,.rr_btn{
    display:inline-block
}
@media (max-width:1600px){
    .data_sec .rr_btn, 
    .data_sec button, 
    .data_sec input[type=submit] {
        min-width: 110px;
    }
}
@media (max-width:991px){
    h3{
        font-size:26px;
        line-height:30px
    }
    .btn_holder{
        margin-top:25px
    }
}
.rr_btn{
    border:none;
    border-radius:4px;
    -ms-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,.3);
    -moz-box-shadow:0 1px 3px 1px rgba(0,0,0,.3);
    box-shadow:0 1px 3px 1px rgba(0,0,0,.3)
}
.categories .cat_box .fit_img,.services{
    background-image:linear-gradient(to right,#b22d1e,#dc5726)
}
button:hover, input[type=submit]:hover,
button:focus, input[type=submit]:focus,
.rr_btn:focus,.rr_btn:hover{
    background-position:100% 0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
@media (max-width:767px){
    h1{
        font-size:34px;
        line-height:40px
    }
    h2{
        font-size:26px;
        line-height:32px
    }
    .btn_holder{
        margin-top:20px
    }
    .rr_btn{
        padding:12px 15px;
        min-width:140px
    }
}
.header_menu{
    top:0;
    left:0;
    width:100%;
    background-color:#fff;
    text-align:right
}
.billboard .intro_text,.drive_text,.getin_touch,.go-up,.mouse_down,.scroll-btn,.services{
    text-align:center
}
.header_menu.sticky{
    position:fixed;
    box-shadow:0 0 5px 0 rgba(0,0,0,.4)
}
.billboard,.header_menu .container{
    position:relative
}
.header_menu .logo{
    float:left;
    overflow:hidden
}
.header_menu .logo img{
    width:100%;
    max-width:195px;
    margin:20px 0;
    height:auto
}
.header_menu.sticky .logo img {
    max-width: 130px;
    margin: 10px 0;
}
.header_menu.sticky ul.slimmenu li a{
    line-height:72px
}
.header_menu ul.slimmenu li ul li a,.header_menu.sticky ul.slimmenu li ul li a{
    line-height:26px
}
.logo img,.mainmenu{
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.categories .cat_box,.categories .cat_box .fit_img{
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
}
.header_menu.sticky ul.slimmenu li a::after{
    bottom:23px
}
.header_menu .btn_holder{
    margin-top:0;
    vertical-align:middle;
    display:inline-block;
    margin-left:20px
}
.header_menu .btn_holder .rr_btn,.top_header_link .rr_btn{
    padding:7px 13px;
    min-width:inherit
}
.billboard{
    margin-top:80px;
    height:650px;
    overflow:hidden
}
.billboard .container,.billboard:before,.grad_shape,.tire_shape{
    position:absolute;
    width:100%
}
.billboard:before{
    content:'';
    top:0;
    left:0;
    height:100%;
    background-color:rgba(55,55,55,.8)
}
.billboard .container{
    top:38%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:5
}
.billboard .intro_text h1{
    margin-bottom:30px
}
.grad_shape,.tire_shape{
    bottom:-1px;
    left:-1px;
    right:-1px;
    z-index:2
}
.grad_shape{
    bottom:-1px;
    left:-1px;
    right:-1px;
    z-index:1;
    opacity:.75
}
.mouse_down,.scroll-btn,.scroll-btn .mouse>*{
    right:0;
    left:0;
    position:absolute
}
.mouse_down{
    bottom:8px;
    margin:0 auto;
    z-index:3
}
.scroll-btn{
    display:block;
    bottom:10px;
    z-index:5
}
.scroll-btn .mouse{
    display:block;
    width:26px;
    height:66px;
    margin:0 auto;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-image:url(../images/mouse_down.png);
    background-position:top center;
    border-radius:23px;
    -webkit-animation:1s linear infinite jump;
    -moz-animation:1s linear infinite jump;
    animation:1s linear infinite jump
}
@keyframes jump{
    0%,100%{
        transform:translateY(-5px)
    }
    50%{
        transform:translateY(5px)
    }
}
.scroll-btn .mouse>*{
    display:block;
    top:29%;
    margin:-7px auto 0;
    width:2px;
    height:10px;
    background:#fff;
    border-radius:2px;
    -webkit-animation:1s linear infinite ani-mouse;
    -moz-animation:1s linear infinite ani-mouse;
    animation:1s linear infinite ani-mouse
}
@keyframes ani-mouse{
    0%{
        opacity:1;
        top:20%
    }
    15%{
        opacity:1;
        top:50%
    }
    50%{
        opacity:0;
        top:80%
    }
    100%{
        opacity:0;
        top:20%
    }
}
.test_drive{
    background-color:#2d2d2d
}
.test_drive .fit_img{
    height:100%;
    overflow:hidden
}
.test_drive .fit_img img{
    height:100%;
    width:100%;
    object-fit:cover
}
.drive_text{
    padding:87px 120px!important
}
@media(max-width:1199px){
    .form-group{
        margin-bottom:12px
    }
    .drive_text{
        padding:60px 80px!important
    }
}
@media(max-width:1024px){
    .drive_text{
        padding:40px 60px!important
    }
}
.sections{
    padding:50px 0
}
@media (max-width:991px){
    .header_menu .logo img,.header_menu.sticky .logo img{
        max-width:160px;
        margin:15px 0
    }
    .header_menu,.header_menu.sticky{
        position:relative;
        box-shadow:none
    }
    .header_menu.sticky ul.slimmenu li a,ul.slimmenu li a{
        line-height:32px
    }
    .header_menu .btn_holder{
        margin-right:50px;
        margin-top:14px
    }
    .sections{
        padding:35px 0
    }
}
@media (max-width:575px){
    h3{
        font-size:24px;
        line-height:28px
    }
    .rr_btn{
        padding:10px 15px;
        min-width:120px;
        font-size:13px
    }
    .sections{
        padding:25px 0
    }
}
.categories{
    background-color:#f5f5f5;
    box-shadow:0 2px 3px 0 rgba(0,0,0,.6);
    position:relative;
    z-index:1
}
.categories .cat_box{
    text-align:center;
    border-radius:15px;
    background-color:#fff;
    padding:30px;
    min-height:510px;
    box-shadow:0 1px 3px 1px rgba(0,0,0,.3);
    transition:.3s ease-in-out
}
.categories .cat_box:hover{
    box-shadow:0 1px 10px 1px rgba(0,0,0,.15)
}
.categories .cat_box .fit_img{
    width:200px;
    height:200px;
    border-radius:50%;
    background-size:100%;
    overflow:hidden;
    margin:0 auto 20px;
    transition:.3s ease-in-out
}
.categories .cat_box:hover .fit_img{
    transform:scale(.92);
    box-shadow:0 2px 5px 1px rgba(0,0,0,.5)
}
.categories .cat_box .fit_img img{
    width:100%;
    height:100%
}
.categories .cat_box h2 a{
    color:#2d2d2d
}
.categories .cat_box h2 a:hover,.links li a:hover{
    color:#d75225
}
.categories .cat_box p{
    margin-bottom:0;
    font-size:18px;
    line-height:24px
}
.categories .col-lg-4:first-child .cat_box{
    margin-right:50px
}
.categories .col-lg-4:nth-child(2) .cat_box{
    margin-left:25px;
    margin-right:25px
}
.categories .col-lg-4:nth-child(3) .cat_box{
    margin-left:50px
}
@media(max-width:991px){
    h1,h2,h3,ol,p,ul{
        margin:0 0 15px
    }
    .billboard{
        height:92vh;
        margin-top:0
    }
    .billboard .intro_text h1{
        margin-bottom:20px
    }
    .categories .cat_box{
        min-height:inherit;
        margin:0 150px 30px!important
    }
}
@media(max-width:767px){
    .billboard .intro_text h2 br{
        display:none
    }
    .categories .cat_box{
        margin:0 50px 30px!important
    }
    .footer{
        text-align:center
    }
}
@media(max-width:460px){
    .categories .cat_box{
        margin:0 0 20px!important
    }
}
.services .ser_box{
    margin-top:60px;
    display:inline-block
}
.services .ser_box .ser_icon{
    height:130px;
    margin-bottom:20px;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.services .ser_box:hover .ser_icon{
    transform:scale(.9)
}
.field_box ul li:last-child,.footer ul,.services .ser_box p,.suggestion_link .text_area p,table .custom_select,ul.social_media{
    margin-bottom:0
}
.getin_touch{
    position:relative
}
.getin_touch:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(45,45,45,.5)
}
.getin_touch .container{
    position:relative;
    z-index:2
}
.getin_touch form {
    max-width: 600px;
    background-color: rgba(0,0,0,0.4);
    padding: 40px;
    backdrop-filter: blur(5px);
    border-radius: 4px;
    margin: 0 auto;
}
.getin_touch form .wpcf7-not-valid-tip {
    color: #dc3232 !important;
}
.getin_touch form label{
    font-weight:700;
    color:#fff
}
.getin_touch .rr_btn{
    width:100%;
    font-size:20px;
    padding:18px 20px
}
.getin_touch .rr_btn + span.wpcf7-spinner {
    position: absolute;
    top: 17px;
    left: 10px;
    z-index: 2;
}
.contact_details{
    margin-top:40px
}
.contact_details a{
    margin:0 2px;
    color:#fff;
    font-weight:700
}
.contact_details a:hover,ul.social_media li a:hover{
    opacity:.7
}
.footer{
    padding:30px 0
}
.footer h3,.text-alert-form{
    margin-bottom:5px
}
.footer p,.links li a{
    color:#777
}
ul.social_media li{
    list-style:none;
    display:inline-block;
    margin-right:10px
}
.links p{
    margin-bottom:0;
    margin-top:20px
}
.go-up{
    color:#ad2626;
    cursor:pointer;
    font-size:18px;
    line-height:20px;
    position:fixed;
    right:20px;
    bottom:-40px;
    z-index:10;
    transition:.5s ease-in-out;
    border-radius:25px!important;
    -moz-border-radius:25px!important;
    -webkit-border-radius:25px!important
}
.page-loader{
    background:#fff;
    position:fixed;
    top:0;
    bottom:0;
    right:0;
    left:0;
    z-index:9998
}
.page-loader span{
    position:absolute;
    display:inline-block;
    background:#ad2626;
    height:100px;
    width:100px;
    left:48%;
    top:48%;
    margin:-20px 0 0 -20px;
    text-indent:-9999em;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    -webkit-animation:1.2s linear infinite page-loader;
    animation:1.2s linear infinite page-loader
}
.i_close,.icon_open{
    animation:.3s rotate-scale
}
.page-loader span:last-child{
    animation-delay:-.6s;
    -webkit-animation-delay:-.6s
}
@media(max-width:991px){
    .services .ser_box{
        margin-top:40px
    }
    .services .ser_box .ser_icon{
        height:100px;
        margin-bottom:15px
    }
    .contact_details{
        margin-top:20px
    }
    .getin_touch .rr_btn{
        font-size:18px;
        padding:16px 20px
    }
    .footer{
        padding:20px 0
    }
    .footer .row div{
        margin-bottom:15px
    }
    .links p{
        margin-top:15px
    }
    .page-loader span{
        left:47%;
        top:46%
    }
}
@media(max-width:768px){
    .page-loader span{
        left:45%;
        top:44%
    }
    .getin_touch form {
        padding: 20px;
    }
}
@keyframes page-loader{
    0%{
        transform:scale(0,0);
        opacity:.8
    }
    100%{
        transform:scale(1,1);
        opacity:0
    }
}
@-webkit-keyframes page-loader{
    0%{
        -webkit-transform:scale(0,0);
        opacity:.8
    }
    100%{
        -webkit-transform:scale(1,1);
        opacity:0
    }
}
.dashboard{
    width:100%;
    display:block;
    padding-left:0;
    -webkit-transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.dashboard_menu ul.main_menu li a img,.side-nav{
    -webkit-transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
}
.side-nav{
    width:250px;
    height:100%;
    overflow-y: scroll;
    top:0;
    left:-280px;
    position:fixed;
    transition:.4s ease-in-out;
    background:#be2424;
    background:linear-gradient(45deg,#be2424 0,#be2424 49%,#dc5726 100%);
    z-index:1000
}
.side-nav::-webkit-scrollbar-track{
    background-color:#f5f5f5;
}
.side-nav::-webkit-scrollbar{
    width: 10px;
}
.side-nav::-webkit-scrollbar-thumb{
    background-color:#2d2d2d;
}
@media(min-width:1400px){
    .side-nav{
        height:100%
    }
}
.logo_area{
    padding:13px 40px;
    background-color:rgba(173,38,38,.6);
    position:absolute;
    top:0;
    left:0
}
.btn-menu,.header_area{
    background-color:#f5f5f5
}
.menu_area{
    padding:100px 10px 40px 20px
}
.dashboard_menu ul.main_menu li{
    padding: 8px 0
}
.dashboard_menu ul.main_menu li a{
    color:#fff;
    font-weight:400;
    -webkit-transition:.2s ease-in-out;
    -moz-transition:.2s ease-in-out;
    transition:.2s ease-in-out
}
.dashboard_menu ul.main_menu li a img{
    width:23px;
    margin-right:5px;
    opacity:.8;
    vertical-align:middle;
    transition:.4s ease-in-out
}
.dashboard_menu ul.main_menu li a:focus img,.dashboard_menu ul.main_menu li a:hover img{
    transform:scale(1.2)
}
.dashboard_menu ul.main_menu li.current a img{
    opacity:1
}
.dashboard_menu ul.main_menu li a .counter{
    background-color:#fff;
    padding:5px 10px;
    font-size:12px;
    color:#c52928;
    font-weight:600;
    border-radius:50px;
    display:inline-block;
    line-height:10px;
    margin-left:5px;
    height:20px;
    vertical-align:middle
}
.bottom_link li{
    padding:3px 0
}
.bottom_link li a, .top_header_link a{
    font-size:14px
}
.header_area{
    padding:20px 30px;
    position:relative;
    overflow:hidden;
    min-height:75px;
    text-align:right
}
.top_header_link a{
    color:#6d6d6d;
    display:inline-block;
    margin-left:10px
}
.top_header_link a img{
    margin-right:5px
}
.top_header_link a:hover{
    color:#b32e1f
}
.btn-menu{
    display:flex;
    align-content:center;
    justify-content:center;
    position:absolute;
    top:14px;
    cursor:pointer;
    z-index:2;
    float:left;
    padding:7px
}
[class*=icon_]{
    color:#6d6d6d;
    font-size:46px;
    font-weight:700
}
.i_open,.icon_close,.select-hide{
    display:none
}
[class*=container_]{
    width:100%;
    display:block;
    position:relative;
    text-align:center
}
[class*=btnList_]{
    background:0 0;
    margin:5px 0;
    padding:10px 20px;
    color:#fff;
    border:1px dashed #a3a3a3;
    outline:0
}
.dashboard.right460{
    padding-left:250px;
    -webkit-transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    overflow:hidden;
}
.i_close{
    display:inline
}
@keyframes rotate-scale{
    from{
        transform:scale(0,0) rotate(0)
    }
    to{
        transform:scale(1,1) rotate(360deg)
    }
}
.left0{
    left:0
}
.suggestion_link{
    padding:30px 40px;
    background-color:#fff;
    box-shadow:0 1px 3px 0 rgba(0,0,0,.5);
    margin-bottom:3px;
    overflow:hidden;
    right:0
}
.graph_area,.model_info{
    overflow:hidden;
    box-shadow:0 1px 3px 0 rgba(0,0,0,.2);
    border-radius:4px
}
.suggestion_link img{
    float:left;
    height:75px;
    width:80px;
    object-fit:contain
}
.suggestion_link .text_area{
    margin-left:100px;
    color:#6d6d6d
}
.suggestion_link .text_area h4{
    margin-bottom:5px;
    clear:none;
    line-height:28px
}
.suggestion_link .text_area h4 a{
    font-size:24px;
    margin-right:15px;
    color:#6d6d6d
}
.suggestion_link .text_area h4 a:hover{
    color:#b8331f
}
.suggestion_link .text_area a{
    color:#bababa;
    font-size:13px;
    margin-right:15px
}
.field_box .field_name,.suggestion_link .text_area a:hover{
    color:#6d6d6d
}
.right460 .suggestion_link .text_area h4 a{
    font-size:20px
}
.data_sec{
    height:calc(100vh - 75px);
    min-height:100%;
    background-color:#f5f5f5;
    padding:20px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.data_sec::-webkit-scrollbar-track{
    border-radius:0;
    background-color:#f5f5f5
}
.data_sec::-webkit-scrollbar{
    width:10px
}
.data_sec::-webkit-scrollbar-thumb{
    background-color:#2d2d2d
}
.data_sec h2{
    font-weight:300;
    text-transform:capitalize;
    font-size:26px;
    line-height:34px;
    color:#6d6d6d;
    margin-bottom:10px;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.graph_area{
    margin-bottom:30px
}
.data_sec .graph_area img{
    width:100%
}
.model_info{
    background-color:#fff;
    padding:20px;
    margin-bottom:20px
}
.model_info ul{
    margin-bottom:20px
}
.custom_select,.custom_select select{
    margin:0 12px;
    background-repeat:no-repeat;
    background-color:#fff
}
.model_info ul li{
    display:inline-block;
    margin-right:15px;
    margin-bottom:10px;
    vertical-align: text-top;
}
.model_info ul li span{
    display:block;
    font-size:13px;
    color:#bababa
}
.info_tip{
    color:#bababa
}
.data_sec h2 span{
    display:inline-block;
    margin-left:5px;
    font-size:16px;
    color:#8c8c8c
}
.data_sec h2 span a{
    color:#8c8c8c
}
.recent_activity h2 span{
    float:right
}
.recent_activity ul li {
    padding: 15px 20px;
    background-color: #ffffff;
    border-radius: 5px;
    margin-bottom: 15px;
    border-left: 3px solid #d34725;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,.15);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.15);
    transition: .5s;
}
.recent_activity ul li:hover{
    background-color:rgba(211,71,37,.1)
}
.recent_activity ul li span.post_timing{
    color:#666!important
}
.recent_activity ul li:active{
    transform:scale(.95)
}
.recent_activity ul li h3{
    margin-bottom:5px;
    line-height:16px
}
.recent_activity ul li h3 a{
    color:#6d6d6d;
    font-weight:300;
    font-size:18px;
    text-transform:initial
}
.post_timing{
    color:#bababa;
    font-size:14px
}
.custom_select,.custom_select select,.select-items div{
    /* padding:6px 25px 6px 6px; */
    color:#737373;
    cursor:pointer
}
.custom_select select{
    max-width:100px;
    background-position:75px center;
    display:none
}
.custom_select{
    position:relative;
    max-width:100%;
    display:inline-block;
    background-position:125px center;
    margin: 0;
}
.select-selected{
    color:#6d6d6d;
    padding:8px 30px 8px 10px;
    cursor:pointer;
    user-select:none;
    margin:0;
    font-weight:300;
    font-size:18px;
    min-width:120px;
    min-height:36px;
    background-color:#fff;
    border-radius:3px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.2)
}
.select-selected:after{
    position:absolute;
    content:"";
    top:16px;
    right:8px;
    width:17px;
    height:10px;
    background-image:url(../images/dropdown.png);
    background-repeat:no-repeat;
    background-size:contain;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.select-selected.select-arrow-active:after{
    transform:rotate(180deg);
    top:14px
}
.select-items{
    position:absolute;
    background-color:#fff;
    top:100%;
    left:0;
    right:0;
    z-index:10;
    width:100%;
    height:150px;
    overflow-y:scroll;
    box-shadow:0 10px 10px rgba(0,0,0,.2);
    border-radius:3px
}
.select-items div{
    user-select:none;
    font-size:14px
}
.same-as-selected,.select-items div:hover{
    background-color:rgba(0,0,0,.1)
}
.month_data{
    display:block
}
.field_box {
    display: inline-block;
    flex: 33.333%;
    max-width: calc(33.333% - 10px);
}
.detail .data_analyse>div:last-child,.field_box:last-child,ul.menu_icon_links li:last-child{
    margin-right:0
}
.field_box h2{
    margin-bottom:20px
}
.field_box ul{
    border-radius:4px;
    padding:7px 10px;
    margin-bottom: 0;
    background-color:#fff;
    -webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,.15);
    -moz-box-shadow:0 3px 5px 0 rgba(0,0,0,.15);
    box-shadow:0 3px 5px 0 rgba(0,0,0,.15)
}
.field_box ul li{
    margin-bottom:8px
}
.field_box ul li span{
    opacity:.6;
    margin-left:5px;
    font-size:11px;
    font-style:italic;
    text-transform:capitalize
}
.field_box .field_days{
    font-size:30px;
    line-height:30px;
    font-weight:700
}
.field_box .field_data{
    color:#8e8e8e
}
.field_box .field_data.high{
    color:#2fbd3b
}
.field_box .field_data.low{
    color:#db2121
}
.field_box .field_data.high:before,.field_box .field_data.low:before{
    content:'';
    background-image:url(../images/up_high_arrow.png);
    background-size:contain;
    width:8px;
    height:11px;
    display:inline-block;
    margin-right:3px
}
.field_box .field_data.low:before{
    background-image:url(../images/down_low_arrow.png)
}
.percentage_counter {
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    width: 230px;
    height: 230px;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    justify-content: center;
    align-items: center;
}
.percentage_counter ul{
    position:fixed;
    top:0;
    left:0;
    right:0;
    margin:0;
    padding:0;
    height:60px;
    background:#ccc;
    font-size:0;
    line-height:0;
    letter-spacing:-.3em
}
.percentage_counter li{
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:25%;
    text-align:center;
    font-size:18px;
    line-height:60px;
    letter-spacing:normal
}
.percentage_counter li a{
    display:block;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap
}
.percentage_counter .btn:hover,.percentage_counter li a.active,.percentage_counter li a:hover{
    background:#333;
    color:#fff
}
.percentage_counter li a.active:after{
    content:'';
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-10px;
    border:10px solid;
    border-color:#333 transparent transparent
}
.percentage_counter .chart{
    position:relative;
    display:inline-block;
    font-weight:700;
    text-align:center
}
.percentage_counter .chart canvas{
    position:absolute;
    top:15px;
    left:10px
}
.percentage_counter .percent{
    display:inline-block;
    line-height:40px;
    z-index:2;
    font-size:36px;
    color:#6d6d6d;
}
.percentage_counter .percent_name{
    font-size:16px;
    color:#6d6d6d;
    display:block;
    font-weight:300
}
.percentage_counter .percent:after{
    content:'%';
    margin-left:.1em;
    font-size:.8em
}
.mt-100,.percentage_counter .angular{
    margin-top:100px
}
.percentage_counter .angular .chart{
    margin-top:0
}
.percentage_counter input{
    display:block;
    margin:auto auto 3em
}
.percentage_counter .btn{
    display:block;
    width:200px;
    margin:0 auto;
    padding:10px 20px;
    background:#ccc;
    color:#fff;
    text-transform:uppercase;
    cursor:pointer;
    font-size:.8em;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.percentage_counter .span6{
    float:left;
    width:50%
}
.completed,.incomplete{
    border-radius:10px;
    /* width:120px;
    height:120px; */
    margin:0 auto 5px;
    display:block;
    position:relative
}
.detail .month_data,.detail form{
    padding:0 10px
}
.detail .custom_select{
    display:block;
    margin-right:0
}
.detail .select-selected{
    min-width:100%;
    width:100%
}
.detail .field_box{
    display:block;
    margin-right:0;
    margin-top: 30px;
    max-width: 100%;
}
.detail .field_box ul{
    padding: 15px 15px
}
.detail .field_box .field_data{
    font-size:11px;
    line-height:12px;
    color:#dd1b1b
}
.detail .month_data h2,.detail form h2{
    font-size:26px;
    line-height:30px;
    margin-bottom:10px
}
.detail .recent_activity_title .rr_btn{
    /* width:100%; */
    margin-bottom:30px
}
.detail .recent_activity .row .col-lg-5{
    margin-top:-90px
}
.detail .data_analyse{
    margin-top:20px;
    position:relative;
    display:flex
}
.detail .data_analyse:before{
    content:'';
    position:absolute;
    left:5%;
    top:62px;
    width:90%;
    height:1px;
    background-color:#000;
    opacity:.2
}
.detail .data_analyse>div{
    display:inline-block;
    text-align:center;
    margin-right:28px;
    flex:1
}
.detail .data_analyse>div .data_field h4{
    font-size:60px;
    display:block;
    font-weight:700;
    line-height:40px;
    color:#fff;
    /* position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%); */
    margin-bottom:0
}
.detail .data_analyse>div .data_field h4 span{
    font-size:24px;
    display:block
}
.detail .data_analyse>div h3{
    font-size:20px;
    color:#6d6d6d;
    font-weight:300;
    text-transform:capitalize
}
.completed{
    background:#b02a1e;
    background:linear-gradient(45deg,#b02a1e 0,#df5a26 100%)
}
.incomplete{
    background:#454545;
    background:linear-gradient(45deg,#454545 0,#747474 100%)
}
.graph,table tbody tr{
    background-color:#fff
}
.right460 .detail .month_data,.right460 .detail form{
    padding:0
}
/* .right460 .detail .data_analyse>div .data_field{
    width:90px;
    height:90px
} */
.right460 .detail .data_analyse>div .data_field h4 span,.right460 .detail .data_analyse>div h3{
    font-size:16px
}
.right460 .detail .data_analyse>div .data_field h4 {
    font-size: 20px;
    line-height: 26px;
    background: linear-gradient(45deg, #b02a1e 0, #df5a26 100%);
    border-radius: 10px;
    padding: 7px;
}
.right460 .detail .data_analyse::before{
    top:32px
}
.right460 .detail .month_data h2,.right460 .detail form h2{
    font-size:22px
}
@media(max-width:1199px){
    .categories .col-lg-4:first-child .cat_box{
        margin-right:0
    }
    .categories .col-lg-4:nth-child(2) .cat_box{
        margin-left:0;
        margin-right:0
    }
    .categories .col-lg-4:nth-child(3) .cat_box{
        margin-left:0
    }
    .services .ser_box{
        margin-top:40px
    }
    .suggestion_link{
        padding:20px 30px
    }
    .data_sec{
        padding: 20px
    }
    .right460 .data_sec .row .col-12 .col-lg-9{
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .recent_activity ul li h3 a{
        font-size:20px
    }
    .right460 .recent_activity ul li h3 a{
        font-size:18px
    }
    .suggestion_link img{
        height:70px;
        width:65px
    }
    .suggestion_link .text_area{
        margin-left:75px
    }
    .right460 .suggestion_link .text_area h4 a{
        font-size:22px
    }
    .field_box {
        flex: 50%;
        max-width: calc(50% - 10px);
    }
    .field_box h2{
        font-size:24px
    }
    .field_box .field_days{
        font-size:26px;
        line-height:26px
    }
    .field_box .field_name{
        font-size:14px
    }
    .detail .month_data,.detail form{
        padding:0
    }
    .detail .month_data h2,.detail form h2{
        font-size:20px;
        line-height:26px
    }
    .recent_activity ul li h3{
        margin-bottom:5px;
        line-height:20px;
        font-size: 24px;
    }
    .percentage_counter {
        width: 180px;
        height: 180px;
    }
}
@media(max-width:991px){
    .right460 .suggestion_link img{
        height:50px;
        width:45px
    }
    .right460 .suggestion_link .text_area{
        margin-left:55px
    }
    .right460 .suggestion_link .text_area p{
        font-size:12px;
        line-height:16px
    }
    .right460 .suggestion_link .text_area h4 a{
        font-size:16px
    }
    .right460 .suggestion_link .text_area a{
        font-size:12px;
        margin-right:12px
    }
    .month_data{
        margin-bottom:20px
    }
    .percentage_counter{
        margin: 0 auto 20px;
    }
    .top_header_link{
        padding-left:60px
    }
    .detail .recent_activity .row .col-lg-5{
        margin-top:0
    }
    .detail .data_analyse{
        margin-bottom:20px
    }
}
@media(max-width:991px){
    input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="month"], input[type="number"], input[type="time"], input[type="url"], input[type="week"], input[type="email"], input[type="search"], input[type="text"], input[type="password"], input[type="tel"], input[type="file"], textarea, select {
        padding: 9px 12px;
    }
    .dashboard.right460{
        padding-left:0
    }
    .data_sec h2{
        font-size:28px;
        line-height:32px
    }
    .menu_area{
        padding:90px 15px 40px 15px
    }
    .side-nav.left0 {
        left: -240px;
    }
    .side-nav {
        left: 0;
    }
    .btn-menu{
        top:16px;
        left:230px
    }
    .right460 .btn-menu{
        left:10px;
        position:fixed
    }
    .right460 .suggestion_link .text_area h4,.suggestion_link .text_area h4{
        font-size:20px;
        line-height:26px
    }
    .right460 .suggestion_link .text_area h4 a,.suggestion_link .text_area h4 a{
        font-size:20px;
        line-height:26px;
        margin-right:15px
    }
    .right460 .suggestion_link img,.suggestion_link img{
        height:70px;
        width:65px
    }
    .right460 .suggestion_link .text_area,.suggestion_link .text_area{
        margin-left:75px
    }
    .right460 .suggestion_link .text_area p,.suggestion_link .text_area p{
        font-size:14px;
        line-height:18px
    }
    .right460 .suggestion_link .text_area a,.suggestion_link .text_area a{
        font-size:12px;
        margin-right:12px
    }
    .suggestion_link .text_area{
        margin-bottom:10px
    }
    .detail .month_data h2,.detail form h2,.right460 .detail .month_data h2,.right460 .detail form h2{
        font-size:24px
    }
    .recent_activity ul li {
        padding: 10px 15px;
    }
    .recent_activity ul li h3 a,.right460 .recent_activity ul li h3 a{
        font-size:20px
    }
    .recent_activity ul li h3,.right460 .recent_activity ul li h3{
        font-size: 20px;
        margin-bottom:5px;
        line-height:22px
    }
    /* .detail .data_analyse>div .data_field,.right460 .detail .data_analyse>div .data_field{
        width:100px;
        height:100px
    } */
    .detail .data_analyse>div .data_field h4 span,.right460 .detail .data_analyse>div .data_field h4 span{
        font-size:16px
    }
    .detail .data_analyse::before,.right460 .detail .data_analyse::before{
        top:34px;
        width:86%;
        left:8%
    }
    .detail .data_analyse>div h3,.right460 .detail .data_analyse>div h3{
        font-size:18px
    }
    .detail .row .col-lg-7 .col-12{
        text-align:center
    }
    .side-nav{
        width:230px
    }
    .detail .data_analyse>div{
        margin:0 10px
    }
    .recent_activity ul li{
        padding:15px 20px
    }
}
@media(max-width:575px){
    h1,h2,h3,ol,p,ul{
        margin:0 0 10px
    }
    input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="month"], input[type="number"], input[type="time"], input[type="url"], input[type="week"], input[type="email"], input[type="search"], input[type="text"], input[type="password"], input[type="tel"], input[type="file"], textarea, select {
        padding:7px 8px
    }
    .form-group{
        margin-bottom:10px
    }
    .header_menu .logo img,.header_menu.sticky .logo img{
        max-width:150px
    }
    .menu-collapser{
        right:15px;
        top:19px
    }
    ul.slimmenu{
        top:61px
    }
    .header_menu .btn_holder{
        margin-top:13px
    }
    .header_menu .btn_holder .rr_btn{
        padding:5px 11px
    }
    .drive_text{
        padding:30px!important
    }
    .categories .cat_box{
        padding:20px
    }
    .categories .cat_box .fit_img{
        width:170px;
        height:170px
    }
    .detail .field_box,.services .ser_box{
        margin-top:30px
    }
    .links p{
        margin-top:10px
    }
    .footer h3{
        margin-bottom:8px
    }
    .page-loader span{
        left:43%;
        top:42%
    }
    .data_sec h2,.right460 .data_sec h2{
        font-size:24px;
        line-height:30px
    }
    .header_area{
        padding:10px 15px
    }
    .top_header_link a img{
        margin-right:0;
        width:20px;
        height:20px;
        object-fit:contain
    }
    .suggestion_link{
        padding:20px 15px
    }
    .data_sec{
        padding:15px
    }
    .select-selected{
        padding:5px 30px 5px 10px;
        font-size:13px
    }
    .select-selected::after{
        width:13px;
        height:8px
    }
    .recent_activity ul li h3 a,.right460 .recent_activity ul li h3 a{
        font-size:16px
    }
    .custom_select{
        margin-bottom:20px
    }
    .field_box {
        flex: 100%;
        max-width: 100%;
    }
    .field_box ul li{
        margin-bottom:0
    }
    .field_box .field_days{
        font-size:20px;
        line-height:20px
    }
    .field_box .field_name{
        font-size:12px
    }
    .detail .data_analyse{
        display:block
    }
    .detail .field_box .field_days{
        line-height:30px
    }
    .detail .data_analyse::before,.right460 .detail .data_analyse::before{
        display:none
    }
    .detail .data_analyse>div {
        display: block;
        margin: 0;
    }
    .model_info {
        padding: 14px;
    }
}
table{
    width:100%;
    text-align:center
}
table tr th{
    padding:20px 12px;
    border:none;
    font-size:18px;
    font-weight:300;
    color:#2d2d2d;
}
table tbody tr td:first-child,table tr th:first-child{
    padding-left:50px
}
table tbody tr{
    border:none;
    box-shadow:0 1px 3px 0 rgba(0,0,0,.2);
    margin-bottom:5px
}
table tbody tr td{
    border:none;
    padding:25px 12px;
    text-align:left;
    color:#6d6d6d;
    position:relative
}
.table-responsive-stack td,.table-responsive-stack th{
    -ms-flex:1 1 auto;
    flex:1 1 auto
}
table .select-selected{
    box-shadow:none;
    background-color:#eee;
    font-size:16px
}
table tr th .select-selected{
    background-color:transparent;
    padding:8px 20px 8px 0
}
ul.menu_icon_links{
    margin:0
}
ul.menu_icon_links li{
    display:inline-block;
    margin-right:5px;
    margin-bottom:5px
}
ul.menu_icon_links li a{
    padding:8px;
    border-radius:50%;
    display:block;
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out
}
ul.menu_icon_links li a:hover{
    transform:rotate(360deg)
}
ul.menu_icon_links li a img{
    display:block;
    width:25px;
    height:25px;
    object-fit:contain
}
ul.menu_icon_links li:nth-child(3n+1) a{
    background:#b2eb50;
    background:-moz-linear-gradient(top,#b2eb50 0,#459623 100%);
    background:-webkit-gradient(left top,left bottom,color-stop(0,#b2eb50),color-stop(100%,#459623));
    background:-webkit-linear-gradient(top,#b2eb50 0,#459623 100%);
    background:-o-linear-gradient(top,#b2eb50 0,#459623 100%);
    background:-ms-linear-gradient(top,#b2eb50 0,#459623 100%);
    background:linear-gradient(to bottom,#b2eb50 0,#459623 100%)
}
ul.menu_icon_links li:nth-child(3n+2) a{
    background:#dc5625;
    background:-moz-linear-gradient(top,#dc5625 0,#b5311f 100%);
    background:-webkit-gradient(left top,left bottom,color-stop(0,#dc5625),color-stop(100%,#b5311f));
    background:-webkit-linear-gradient(top,#dc5625 0,#b5311f 100%);
    background:-o-linear-gradient(top,#dc5625 0,#b5311f 100%);
    background:-ms-linear-gradient(top,#dc5625 0,#b5311f 100%);
    background:linear-gradient(to bottom,#dc5625 0,#b5311f 100%)
}
ul.menu_icon_links li:nth-child(3n+3) a{
    background:#6e6e6e;
    background:-moz-linear-gradient(top,#6e6e6e 0,#4c4c4c 100%);
    background:-webkit-gradient(left top,left bottom,color-stop(0,#6e6e6e),color-stop(100%,#4c4c4c));
    background:-webkit-linear-gradient(top,#6e6e6e 0,#4c4c4c 100%);
    background:-o-linear-gradient(top,#6e6e6e 0,#4c4c4c 100%);
    background:-ms-linear-gradient(top,#6e6e6e 0,#4c4c4c 100%);
    background:linear-gradient(to bottom,#6e6e6e 0,#4c4c4c 100%)
}
.right460 table .select-selected,.right460 table tbody tr td,.right460 table tr th{
    font-size:13px
}
.right460 ul.menu_icon_links li a img{
    width:20px;
    height:20px
}
@media (max-width:768px){
    table tr td{
        height:inherit
    }
    table tbody tr td{
        padding:10px 12px
    }
    table tbody tr td:first-child::before{
        top:54%
    }
    .table-responsive-stack td,.table-responsive-stack th{
        display:block
    }
    .table-responsive-stack .table-responsive-stack-thead{
        padding:5px 0;
        display:block!important;
        font-weight:300;
        font-size:16px
    }
    .table-responsive-stack tr{
        display:block;
        margin-bottom:20px;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.btn-menu,.detail .month_data,.detail form,.right460 .btn-menu,.right460 .detail .month_data,.right460 .detail form,.right460 .suggestion_link .text_area,.right460 .suggestion_link .text_area a,.right460 .suggestion_link .text_area h4 a,.right460 .suggestion_link .text_area p,.right460 .top_header_link a,.right460 table .select-selected,.right460 table tbody tr td,.right460 table tr th,.right460 ul.menu_icon_links li a img,.suggestion_link .text_area,.suggestion_link .text_area a,.suggestion_link .text_area h4 a,.suggestion_link .text_area p,.top_header_link a,table .select-selected,table tbody tr td,table tr th,ul.menu_icon_links li a img{
    -webkit-transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.view_all_button{
    cursor:pointer
}
.graph{
    width:100%;
    height:467px!important;
    padding-top:10px
}
.graph_bar,.icon_bg{
    background:linear-gradient(45deg,#b42e20,#dc5626)
}
.graph_numbers{
    display:grid
}
@media only screen and (min-width:992px){
    .btn-menu{
        display:none
    }
    .graph_numbers{
        margin-right:15px;
        margin-left:25px
    }
}
.graph_numbers p{
    align-self:end
}
.graph_bar{
    position:absolute;
    bottom:0;
    width:60px;
    border-top-left-radius:3px;
    border-top-right-radius:3px
}
.graph_numbers span{
    position:relative;
    display:-webkit-inline-box;
    top:10px;
    width:100vw;
    height:1px;
    background-color:#d3d3d3
}
p.form-control{
    white-space:pre-wrap
}
.grid_note{
    white-space:normal;
    word-break:normal;
    max-width:300 px
}
.icon_bg{
    border-radius:100%;
    padding:10px;
    margin-right:5px
}
.row.all_filters{
    align-items:baseline
}
.tooltip1>span{
    border-bottom:1px dotted #000!important
}
h1:not(.site-title):before,h2:before{
    background:0 0!important;
    margin:0!important;
    width:0!important;
    height:0!important;
    content:none!important
}
div.wpcf7-acceptance-missing,div.wpcf7-validation-errors{
    border:2px solid red!important;
    color:#fff
}
.wpcf7 form .wpcf7-response-output{
    margin: 10px 0 0 0;
    padding: 10px;
    color:#fff
}
.widgettitle{
    display:none!important
}
.px-25{
    padding:0 25px
}
.sample,
.sampletext {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 15px;
}
.spacer{
    height:20px;
    width:100%
}

/*  */
.mass_wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}
.dt_custom_wrapper {
    display: flex;
    align-items: center;
    gap: 13px;
    justify-content: space-between;
    flex-wrap: wrap;
}
#custom-search {
    flex: 1;
}
.dataTables_length label select {
    min-width: 100px;
}
.dataTables_length label,
.dataTables_filter label {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    gap: 10px;
    padding-left: 15px;
    border-left: 1px solid #ccc;
}
.dataTable select {
    padding: 7px 5px;
    font-size: 14px;
}
.all_filters label {
    display: block;
}
.dataTables_wrapper .dataTables_paginate {
    margin-bottom: 10px;
    padding-top: 10px;
}
.grecaptcha-badge {
    z-index: 1000;
}
.tb_space {
    margin: -15px;
}
.tb_space > div {
    padding: 15px;
}
body table.dataTable thead th, 
body table.dataTable thead td {
    border-bottom: none;
}
body table.dataTable thead th.sorting_asc,
body table.dataTable thead th.sorting {
    background-color: #f1f1f1;
    border-left: 1px solid #2d2d2d;
    border-top: 1px solid #2d2d2d;
    border-bottom: 1px solid #2d2d2d;
}
body table.dataTable thead th.sorting:last-child {
    border-right: 1px solid #2d2d2d;
}
body table tbody td {
    border-left: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}
body table tbody td:last-child {
    border-right: 1px solid #e7e7e7;
}
body table tbody tr td:first-child {
    border-left: 1px solid #2d2d2d;
}
body table tbody tr td:last-child {
    border-right: 1px solid #2d2d2d;
}
body .data_sec.detail table tbody tr:first-child td {
    border-top: 1px solid #2d2d2d;
}
body .data_sec.detail table tbody tr:last-child td {
    border-bottom: 1px solid #2d2d2d;
}
body table.dataTable input[type=checkbox],
body table.dataTable input[type=radio] {
    margin-top: 3px;
    margin-right: 3px;
    width: 16px;
    height: 16px;
    vertical-align: top;
    accent-color: #dc5726;
}
.data_sec.detail table tbody tr td:first-child, 
.data_sec.detail table tr th:first-child {
    padding-left: 20px;
}
@media(max-width:1400px){
    .row.all_filters {
        margin: 0 -7px;
    }
    .row.all_filters > div {
        padding: 0 7px;
    }
    .rr_btn, button, input[type=submit] {
        padding: 12px 16px;
        min-width: 110px;
    }
}
@media(max-width:1260px){
    .row.all_filters > div {
        flex: 0 0 20%;
        max-width: 20%;
        margin-bottom: 10px;
    }
    label {
        margin-bottom: 3px;
        font-size: 14px;
    }
    .data_sec .all_filters button {
        width: 100%;
        min-width: inherit;
    }
    .row.all_filters > div:nth-child(3) {
        flex: 0 0 40%;
        max-width: 40%;
    }
}
@media(max-width:1199px){
    .tb_space {
        margin: -7px;
    }
    .tb_space > div {
        padding: 7px;
    }
    body table.dataTable {
        display: block;
        width: 100% !important;
        overflow-y: scroll;
    }
    body table.dataTable thead .sorting:nth-child(6) {
        columns: 4;
    }
}
@media(max-width:991px){
    .data_sec .rr_btn, .data_sec button, .data_sec input[type=submit] {
        padding: 9px;
        font-size: 15px;
    }
    .data_sec h2, .right460 .data_sec h2 {
        font-size: 24px;
    }
    table.dataTable, 
    table.dataTable th, 
    table.dataTable td,
    table .select-selected, 
    table tbody tr td, 
    table tr th {
        font-size: 13px;
    }
}
@media(max-width:768px){
    body table tbody {
        display: block;
    }
    body table tbody tr td {
        overflow: hidden;
    }
    body table tbody tr td:first-child {
        border-left-color: #e7e7e7;
    }
    body table tbody tr td:last-child {
        border-right-color: #e7e7e7;
    }
    body table.dataTable tbody tr td:first-child, 
    body table.dataTable tr th:first-child {
        padding-left: 12px;
    }
    body table thead:not(.thead-mobileonly) {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    body table thead.thead-mobileonly tr {
        margin-bottom: 0;
    }
    body table thead.thead-mobileonly tr:nth-child(2) {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    body table tr td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        min-width: 150px;
        margin-right: 6px;
    }
    body .data_sec.detail table tbody tr:first-child td {
        border-top: 1px solid #e7e7e7;
    }
    body .data_sec.detail table tbody tr:last-child td {
        border-bottom: 1px solid #e7e7e7;
    }
    .data_sec.detail table tbody tr td:first-child, 
    .data_sec.detail table tr th:first-child {
        padding-left: 10px;
    }
    #custom-search {
        flex: 0 0 100%;
        max-width: calc(100% - 52px);
    }
    .dataTables_length label, .dataTables_filter label {
        padding-left: 0;
        border-left: none;
    }
}
@media(max-width:767px){
    table.dataTable.no-footer {
        width: 100% !important;
    }
    .row.all_filters > div:nth-child(3),
    .row.all_filters > div {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}
@media(max-width:575px){
    .row.all_filters > div {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row.all_filters > div:nth-child(3) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .data_sec h2, .right460 .data_sec h2 {
        font-size: 22px;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        min-width: 16px;
        padding: 4px 10px;
        margin-left: 1px;
        font-size: 13px;
    }
    .dataTables_wrapper .dataTables_paginate .ellipsis {
        padding: 0 0.2em;
    }
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        font-size: 14px;
    }
    body table.dataTable tr td::before {
        float: none;
        display: block;
        margin-right: 0;
        margin-bottom: 0;
    }
    .data_sec .rr_btn, .data_sec button, .data_sec input[type=submit] {
        padding: 7px 9px;
        font-size: 14px;
    }
}
@media(max-width:400px){
    .row.all_filters > div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row.all_filters > div:nth-last-child(1),
    .row.all_filters > div:nth-last-child(2) {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .dataTables_length label select {
        min-width: 70px;
    }
    .dataTables_length label {
        gap: 5px;
        padding-left: 10px;
    }
    .data_sec #custom-buttons button {
        min-width: 90px;
    }
}
div#custom_filter button {
    min-width: inherit;
}