@import url(var.css);

/*=============login css=========*/
.logo_bg_class{background:#4b7ff0;padding:12px;}
.loading{position:fixed;z-index:999;height:2em;width:2em;overflow:visible;margin:auto;top:0;left:0;bottom:0;right:0;}

/* Transparent Overlay */
.loading:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}
.newbg_login{background:transparent;box-shadow:none;}
.newbg_login label{color:#fff;font-size:15px;}
.newbg_login .flex_box.align-center label{margin-bottom: 0 !important;}
.newbg_login a{color:#fff;padding:0;padding-top:15px;}
.custom_checkbox_sign{height:16px;width:22px;position:absolute;left:0;top:3px;}
label.error{color:#ffff00!important;}
.login_page{background:var(--side-bar-active-color);position: relative;}
.login_page:before{position: absolute;content: "";top: 0;bottom: 0;left: 0;right: 0;background: url(../images/sign_in_bg.jpg);z-index: 0;background-size: cover;}
.login_page:after{position: absolute;content: "";top: 0;bottom: 0;left: 0;right: 0;background:var(--login-background-color);z-index: 1;opacity: 0.85;}
.login_page > div{position: relative;z-index: 9;}
.flex_box{display:flex;}
.align-center{align-items: center;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
#reset_password_popup .modal-dialog{top: 40%;}
.pt-0{padding-top:0!important;}
.pl-0{padding-left:0!important;}
.pr-0{padding-right:0!important;}
.pb-0{padding-bottom:0!important;}
.mr-0{margin-right:0!important;}
.ml-0{margin-left:0!important;}
.mt-0{margin-top:0!important;}
.mb-0{margin-bottom:0!important;}
.database_update_alert{position: fixed;margin: 0 auto;right: 0;bottom: 0;left: 0;width: auto;display: flex;z-index: 9999;justify-content: center;align-items: center;}
.database_update_alert .inner_con{border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);font-size: 0.8333333333333334vw;background: var(--sec-bg-color);color: #fff;max-width: 50vw;text-align: center;}
.login_page .form-control{display: block;width: 100%;   padding: 0.5rem 0.75rem;font-size: 1rem;line-height: 1.25;color: #55595c;background-color: #fff;background-image: none;   -webkit-background-clip: padding-box;    background-clip: padding-box;    border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0.25rem;}
.login_page label{margin-bottom: 0.5rem;color: var(--white-color);font-size: 15px;text-transform: capitalize;}
.login_page .btn-primary{background-color: var(--dark-gray-color);}
/*=============login css=========*/




html{background-color:var(--white-color);}
html body .fontsize-one,.fontsize-one{font-size: var(--fontsize-one)}
html body .fontsize-two,.fontsize-two{font-size: var(--fontsize-two)}
html body .fontsize-three,.fontsize-three{font-size: var(--fontsize-three)}
html body .fontsize-four,.fontsize-four{font-size: var(--fontsize-four)}

/*.color1{color:var(--sec-bg-color);}
.color2{color:var(--active-color);}
.color3{color:#f9ca47;}*/

.active_color_hover_yellow:hover,.yellow_hover:hover{color: var(--highlight-color) !important;cursor: pointer;}
.active_color_hover_yellow_background:hover,.yellow_hover_background:hover{background-color: var(--highlight-color) !important;cursor: pointer;}
/*bacxkground-color classes*/
html body .bright-red-color_background,html body .section_container .section_header.bright-red-color_background,.bright-red-color_background{background-color: var(--bright-red-color);}
html body .disabled_header_background,html body .section_container .section_header.disabled_header_background,.disabled_header_background{background-color: var(--header-bg-color);}
html body .mid_gray_color_bg,html body .section_container .section_header.mid_gray_color_bg,.mid_gray_color_bg{background-color: var(--mid-gray-color);}
/*bacxkground-color classes*/

html body .main-bg-color,.main-bg-color{color: var(--main-bg-color) !important;}
html body .white-color,.white-color{color:var(--white-color) !important;}
html body .sec-bg-color,.sec-bg-color{color: var(--sec-bg-color) !important;}
html body .header-bg-color,.header-bg-color{color: var(--header-bg-color) !important;}
html body .dark-yellow-color,.dark-yellow-color{color: var(--dark-yellow) !important;}
html body .dark-gray-color,.dark-gray-color{color: var(--dark-gray-color) !important;}
html body .highlight-color,.highlight-color{color: var(--highlight-color) !important;}
html body .table-sub-heading-color,.table-sub-heading-color{color: var(--table-sub-heading) !important;}
html body .table-row-light-color,.table-row-light-color{color: var(--table-row-light) !important;}
html body .table-row-dark-color,.table-row-dark-color{color: var(--table-row-dark) !important;}
html body .active-color,.active-color{color: var(--active-color) !important;}
html body .bright-red-color,.bright-red-color{color: var(--bright-red-color) !important;}
html body .light-gray-color,.light-gray-color{color: var(--light-gray-color) !important;}


.set-tble-new th{background-color:var(--header-bg-color);color:var(--white-color);vertical-align:middle!important;}
.m-0{margin:0;}
.p-0{padding:0;}
.skin-4 .sidebar-panel > nav > ul > li > a:hover,.skin-4 .sidebar-panel > nav > ul > li.open > a:hover{background-color:var(--highlight-color);text-decoration: none;}
.skin-4 .sidebar-panel > nav > ul > li > a:hover i,.skin-4 .sidebar-panel > nav > ul > li.open > a:hover i,.skin-4 .sidebar-panel > nav > ul > li > a:hover span,.skin-4 .sidebar-panel > nav > ul > li.open > a:hover span{color:var(--dark-gray-color)!important;}

/*.set-tble-new  td{
  font-weight: bold;
}*/
.set-tble-new td{vertical-align:middle!important;text-align:center;}
.set-tble-new th.vertical-top,.set-tble-new td.vertical-top,.vertical-top{vertical-align:top!important}

/*.table-bordered.set-tble-new thead{position: sticky;top: 50px;display: block;}*/

/*.table-bordered thead tr, .table-bordered tbody tr {width: 100%;display: inline-table;}*/
.set-tble-new tr:nth-child(odd){background:rgb(247, 247, 247);}
.set-tble-new tr:nth-child(even){background:rgb(252, 252, 252);}
/*.set-tble-new tr td:nth-child(2){font-weight:bold; /*   width: 22%;}*/
.set-tble-new tr td:nth-child(2) span{color:var(--gray-color);font-weight:normal;}
.set-tble-new tr td:nth-child(2) span.font-weight-bold{font-weight:bold;}
.set-tble-new thead th{border-color:var(--white-color);}
.set-tble-new thead th,.set-tble-new thead td{border-bottom-width:0.074vw;text-align:center;font-size:0.956vw;border-width:0.147vw;}
.set-tble-new tr td:nth-child(2) font{display:inline-block;width:100%;}
.set-tble-new tr td{color:var(--dark-gray-color);transition:0.4s;}
/*.set-tble-new tr:hover{background-color:var(--main-bg-color);transition:0.4s;}*/
.set-tble-new tr td.clickable-item:hover{background-color:var(--highlight-color);color: var(--dark-gray-color);}
.set-tble-new tr td.clickable-item:hover > i,.set-tble-new tr td.clickable-item:hover > span,.set-tble-new tr td.clickable-item:hover > span.dropdown-toggle > i{color: var(--dark-gray-color);}
.set-tble-new tr td.clickable-item:hover > a{color: var(--dark-gray-color);}
.set-tble-new i{font-size:1.838vw;width:100%;text-align:center;}
.set-tble-new i.fas.fa-ellipsis-h{font-size:0.882vw;}

/*.set-tble-new tr td .fa-question, .set-tble-new tr td .fa-check-circle{
      position: relative;
    width: 22px;
    height: 22px;
    display: block;
    text-align: center;
    margin: auto;
}*/

/*.set-tble-new tr td .fa-question:before{
  position: absolute;
    content: "";
    background-image: url(../images/list.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    left: 0;
    background-size: contain;
    top: 0;
    background-position: center;
}*/

/*.set-tble-new tr td .fa-check-circle{
  position: relative;
    width: 28px;
    height: 22px;
    display: block;
    text-align: center;
    margin: auto;
}*/

/*.set-tble-new tr td .fa-check-circle:before{
    position: absolute;
    content: "";
    background-image: url(../images/letter.svg);
     width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    left: 0;
    background-size: contain;
    top: 0;
    background-position: center;
}
.set-tble-new tr td .fa-third:before{
    position: absolute;
    content: "";
    background-image: url(../images/images.png);
     width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    left: 0;
    background-size: contain;
    top: 0;
    background-position: center;
}
.set-tble-new tr td .fa-fourth:before{
    position: absolute;
    content: "";
    background-image: url(../images/editrl.svg);
     width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    left: 0;
    background-size: contain;
    top: 0;
    background-position: center;
}
.set-tble-new tr td .fa-five:before{
    position: absolute;
    content: "";
    background-image: url(../images/article.svg);
     width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    left: 0;
    background-size: contain;
    top: 0;
    background-position: center;
}
.set-tble-new tr td .fa-six:before{
    position: absolute;
    content: "";
    background-image: url(../images/write-up.svg);
   width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    left: 0;
    background-size: contain;
    top: 0;
    background-position: center;
}
.set-tble-new tr td .fa-seven:before{
    position: absolute;
    content: "";
    background-image: url(../images/layout.svg);
   width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    left: 0;
    background-size: contain;
    top: 0;
    background-position: center;
}*/
table.dataTable..set-tble-new thead .sorting:before{top:35%;}
body .text-primary{color:var(--white-color)!important;}
.skin-4 .sidebar-panel{background-color:var(--dark-gray-color);}
.skin-4 .sidebar-panel > nav > ul > li.open:before{background:var(--highlight-color);}
.text-danger{color:var(--white-color)!important;}
.text-success{color:var(--table-row-dark)!important;}
.skin-4 .sidebar-panel > .brand{background-color:var(--main-bg-color);vertical-align:middle;display:flex;align-items:center;}
.skin-4 .main-panel > .header{color:rgb(255,255,255);background:var(--side-bar-active-color);padding:0px 2%;}
.skin-4 .main-panel > .header .navbar-heading{margin:0px;}
.main-panel > .header .navbar-search .search-form{margin:0px 1.471vw;padding:0.368vw;}
.main-panel > .header .header-inner{align-items:center;align-content:center;}
.skin-4 .main-panel > .header .navbar-heading{color:var(--white-color);font-size:1.324vw;}
.main-panel > .header-secondary .navbar-search .search-form,.main-panel > .header .navbar-search .search-form{background:rgb(40,45,56);}
.main-panel > .header-secondary .navbar-search .search-form .form-control,.main-panel > .header .navbar-search .search-form .form-control{background:var(--sec-bg-color);}
.open .text-primary,.skin-4 .sidebar-panel > nav li.open > a{color:var(--white-color)!important;}
.sidebar-panel > nav ul.nav > li.open{background:var(--side-bar-active-color)!important;}
.sticky_header{background:var(--side-bar-active-color);display:flex;align-items:center;padding:0px 2%!important;margin:0px;}
body .sticky_header.card{border: 0 !important;border-radius: 0px !important;margin-bottom: 0 !important;position: sticky;top: 0;width: 100%;}
.sticky_header .p-t-xs{justify-content:flex-end;padding-right:0;padding-top: 0 !important;}
.sticky_header .p-t-xs.text-left{justify-content: flex-start;}

/*.sticky_header .p-t-xs .form-group:nth-of-type(2),.sticky_header .p-t-xs .form-group:nth-of-type(3){margin-right: 0;}*/
.sticky_header .card-header:first-child{font-size:0.8333333333333334vw;font-weight:500;color:var(--white-color);padding:0.5208333333333333vw 0!important;width: 30%;}
.modal .table-header-form-group label,label,#production_form label{color:var(--white-color);width:auto;text-transform:uppercase;vertical-align:middle;display:flex;font-size:1.176vw;align-items:center;width:auto;white-space:nowrap;display: inline-block;vertical-align: middle;float: left;}
.set-tble-new thead th{font-size: 0.8333333333333334vw;}
.sticky_header .form-group{display:inline-block;margin:0px 2vw 0px 0px;align-items:center;width: auto;}
.modal .table-header-form-group{display:flex;margin:0px 2vw 0px 0px;align-items:center;width: auto;}
.modal .table-header-form-group .form-group{display: block;width: auto;position: relative;margin-bottom: 1vw;}
.modal .table-header-form-group label.error{position: absolute;bottom: -0.92vw;left: 0;font-size: 0.65vw;}
.modal .sticky_header .p-t-xs{justify-content: flex-start;}
.sticky_header .dropdown.btn-group{display: inline-block;}
.sticky_header .form-group select{display:inline-block;width: auto;}
.sticky_header label{padding-top: 0.5vw !important;}
.p-t-xs{display:flex;justify-content:center;}
.brand-logo{padding-top:10%!important;}
.sticky_header .card-block{width:100%;margin:0 auto;padding:0.735vw 0!important; /*   margin-right: 0;*/}
.main-panel > .main-content > .content-view{padding-top:0;padding-left:0;padding-right:0;padding-bottom:0;}
.card{padding:0px 1.103vw;padding-top:1.471vw;box-shadow: none;}
.new-togle{position:relative;font-size:0;background-color:none;width:0px;height:0px;border:none;}
.btn-outline-info:active:hover,.btn-outline-info:active:focus,.btn-outline-info:active.focus,.btn-outline-info.active:hover,.btn-outline-info.active:focus,.btn-outline-info.active.focus,.open > .btn-outline-info.dropdown-toggle:hover,.open > .btn-outline-info.dropdown-toggle:focus,.open > .btn-outline-info.dropdown-toggle.focus{background-color:inherit!important;}
.btn-outline-info:hover{background-color:inherit!important;}
#production_form .p-t-xs{padding-top:0px!important;}
.new-togle:after{display:none;}
.new-togle:before{position:absolute;content:"";background-image:url(../images/menu.png);left:-1vw;height:1.471vw;width:1.176vw;z-index:999;background-size:cover;background-repeat:no-repeat;top:0.6vw;}
.configuration-cog{display:none;}
.skin-4 .main-panel > .header .material-icons{color:var(--white-color)!important;}
.modal .table-header-form-group .form-control,.form-control,#production_form .form-control{background:var(--table-sub-heading-two);color:var(--dark-gray-color);border-color:var(--white-color);font-size:1.029vw;width:100%;height:2.574vw;padding:0.3vw 5%;display: inline-block;vertical-align: middle;width: auto;float: left;}
/*.form-control:focus{border:0.147vw solid var(--active-color);box-shadow:none;background-color:var(--white-color)!important;}*/
.modal-backdrop.in{background-color:var(--white-color);opacity:0.75;}
.btn-outline-info:active,.btn-outline-info.active,.open > .btn-outline-info.dropdown-toggle{background-color:inherit!important;border:none!important;}
.btn-outline-info:active,.btn-outline-info.active,.open > .btn-outline-info.dropdown-toggle{background-color:inherit!important;border:none!important;}
.tag-danger{background-color:var(--header-bg-color);color:var(--white-color);top:30%!important;padding:0.294vw 0.441vw;font-size:83%;}
.admincli,.nav-item span:last-child{display:none;}
.card-header{text-align:left;font-size:1.1vw;text-transform:uppercase;font-weight:500;color:var(--dark-gray-color);letter-spacing:0.074vw;padding:0.878vw 1.171vw;}

.tr-model .modal-body select{display:block;width:100%;padding:0.586vw 0.878vw;font-size:1.171vw;line-height:1.25;border-radius:0.368vw;background:var(--dark-gray-color);border-color:var(--yellow);border:none;}
/*.tr-model .modal-body button{width:auto;margin:0 auto;display:inherit;background:var(--dark-gray-color);color:var(--yellow);border-color:var(--yellow);border:none;margin-top:20px;padding:8px 1.098vw;text-transform:uppercase;}*/
.tr-model .modal-dialog{margin:0px;top:5.124vw;left:35%;right:auto;}
.tr-model .modal-dialog.modal-lg{top:3.676vw;margin:auto;left:unset;right:unset;}
.tr-model .modal-dialog.modal-lg .modal-body > .card{padding:0;}
.for-cur{cursor:pointer;}

/*.card-header:first-child {
    display: none;
}*/

/*.sidebar-panel > nav ul.nav > li a {
    padding: 10%;
}*/
#production_form .new-togle{width:0px;padding:0px;}
.dropdown-menu,#production_form .button-sat .dropdown-menu{right:0px;left:auto;margin-top:0.5vw;}

/*Alok CSS For Sticky_Footer Form Start*/
.modal .table-header-form-group label,label,#production_form1 label{color:var(--white-color);width:auto;padding:0 0.5vw 0 0!important;text-transform:uppercase;vertical-align:middle;display:flex;font-size:1.176vw;align-items:center;width:auto;white-space:nowrap;display:inline-table;margin-bottom: 0;}
#production_form1 .p-t-xs{padding-top:0px!important;}
#production_form1 .form-control{background:var(--header-bg-color);color:var(--white-color);border-color:var(--white-color);font-size:0.8333333333333334vw;width:auto;height:2.574vw;padding:0.3vw 5%;display:inline-block;}
#production_form1 .new-togle{width:0px;padding:0px;}
.dropdown-menu,#production_form1 .button-sat .dropdown-menu{right:0px;left:auto;margin-top:0.5vw;}

/*Alok CSS For Sticky_Footer Form End*/

/*PRODUCTION-PAGE-END*/

/*PROFILE-PAGE-END*/
.profile-down .top-hrd{background:var(--side-bar-active-color);display:flex;padding:0.5208333333333333vw 0vw;}
.profile-down .top-hrd button{background:var(--header-bg-color);color:var(--white-color);height:1.8229166666666667vw;border:0.052083333333333336vw solid var(--white-color);font-size:0.8333333333333334vw;line-height:0.735vw;padding:0 5%;}
body .dropdown.open > button{background-color:inherit!important;border:0.052083333333333336vw solid var(--white-color)!important;color:var(--white-color)!important;box-shadow:none!important;}
.dropdown-menu{background:var(--dark-gray-color);}
.dropdown-item{display: inline-block;}
.dropdown-item,.dropdown-item label,.dropdown-item label{text-transform: capitalize;width: 100%;}
.dropdown-item:focus,.dropdown-item:hover{background-color:var(--highlight-color);color:var(--dark-gray-color)!important;}
.dropdown-item:focus label,.dropdown-item:hover label{color:var(--dark-gray-color)!important;}
.dropdown-menu a{color:var(--white-color);font-size:0.8333333333333334vw;display: inline-block;width: 100%;vertical-align: middle;}
.top-hrd .col-md-4{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;}
.top-hrd .col-md-4 .onee{margin:0.147vw;}
.top-hrd h2{font-size:1.176vw;margin:0;text-transform:uppercase;font-weight:500;color:var(--white-color);width:100%;}
.top-hrd .col-md-4:last-child{justify-content:flex-end;}
.top-hrd .col-md-4:last-child .dropdown{margin:0vw 0.26041666666666663vw;display:inline-block;}
.top-hrd .col-md-4:last-child .dropdown .dropdown-menu{right:0;left:auto;}
.top-hrd .col-md-4 .dropdown button{width:100%;}
.refresh{color:var(--white-color);font-size:0.8vw;}
.main-profile-page .content-footer{z-index:auto;}
.section-sett{display:inline-block;width:100%;}
.section-sett > .card > .card-block > .row{margin:0;}
.section-sett > .card > .card-block > .row .inner{background-color:var(--white-color);display:inline-block;width:100%;}
.section-sett > .card > .card-block > .row .col-md-4:first-child{padding-left:0;padding-right: 0.25vw;}
.section-sett > .card > .card-block > .row .col-md-8{padding: 0;}
.section-sett > .card > .card-block > .row .col-md-8 > .col-md-6:nth-child(1){padding-left:0.75rem;padding-right:0.25vw;}
.section-sett > .card > .card-block > .row .col-md-8 > .col-md-6:nth-child(2){padding-right:0;}
.main-profile-page .button-al-pr{background:rgba(0,0,0,0.01);color:var(--dark-gray-color);border:none;padding:0.5vw 0.9vw;margin:0!important;width:100%;transition:0.6s;display:inline-block;text-align:left;font-size:0.75vw;text-transform:capitalize;border-bottom:0.074vw solid rgba(0, 0, 0, 0.04);}
.main-profile-page  .for-topr{background:rgba(0,0,0,0.03);}
.main-profile-page .button-al-pr:hover{background:var(--header-bg-color);color:var(--white-color);transition:0.6s;}
.section-sett h2{background:var(--header-bg-color);color:var(--white-color);font-size:0.85vw;line-height:normal;margin:0;padding:0.5vw 0.9vw;font-weight:500;}
.main-profile-page .for-topr:hover,.main-profile-page .button-al-pr:hover{background-color:var(--highlight-color);color:var(--dark-gray-color);}
.main-profile-page .button-al-pr i{color:var(--main-bg-color);}
body .main-profile-page .second-top i{color:var(--dark-gray-color);}
.main-profile-page .button-al-pr:hover i{color:var(--dark-gray-color);}
.main-profile-page .middle_section{background: var(--white-color);}
.main-profile-page .middle_section .section_header{background: var(--white-color);border-bottom: 0.074vw solid rgba(0, 0, 0, 0.04);}
.main-profile-page .section_container .editable_content{background-color: var(--light-gray-color);}
body .main-profile-page .middle_section .comment_block{background-color: var(--white-color);}
.main-profile-page .middle_section .section_header i{color: var(--main-bg-color);}
.main-profile-page .middle_section .section_header .transparent_button i{color: var(--active-color);}
.main-profile-page .middle_section .section_header .transparent_button:hover i{color: var(--highlight-color);}
.main-profile-page .middle_section .tabbing_nav{background: transparent;}
.main-profile-page .middle_section .comment_container{max-height: calc(100vh - 290px);}
.main-profile-page .fts-s .row .col-md-4{background: rgba(0,0,0,0.01);border-right: 0.074vw solid rgba(0, 0, 0, 0.04);}
.main-profile-page .fts-s .row .col-md-4,.main-profile-page .fts-s .row .col-md-8{padding: 0.5vw 0.9vw !important;font-size: 0.7vw;}
.main-profile-page .fts-s .row.fryt{border-bottom: 0.074vw solid rgba(0, 0, 0, 0.04);display: flex;}
.main-profile-page .fts-s{margin-bottom: 1vw;}
.main-profile-page .comment_block{border-top: 0.074vw solid rgba(0, 0, 0, 0.04);}
.main-profile-page .dropdown-toggle.action_button{line-height:initial;}
.main-profile-page .dropdown-toggle.action_button i{font-size: 0.9375vw;}
.main-profile-page .call_list_container.section_container .call_list_item{margin-bottom: 1.5vw;}
/*.section-sett .col-md-4, .section-sett .col-md-6{
  padding:0px;
}*/
/*.section-sett .col-md-6:first-child{padding-right:0px;}
.section-sett .col-md-6:last-child{padding-left:0px;}
.section-sett .col-md-6:last-child .one-all{border-left:0.074vw solid rgba(0, 0, 0, 0.04);}*/
.section-sett .col-md-6 .new-pnl-bdy input{width:100%;}
.section-sett .col-md-6 .new-pnl-bdy button{width:50%;margin:0 auto;text-align:center;display:inherit;margin-top:6%;}
.first-all{margin-right:0.7vw;width:1.2vw;display: inline-block;}
.section-sett i{font-size:0.9375vw;}
.edit-all{float:right;}
.section-sett .new-pnl-bdy{margin:0px;padding:0.9vw;background:var(--table-row-dark);}
.section-sett .new-pnl-bdy input{width:calc(100% - 3.587vw);border:0.052083333333333336vw solid var(--mid-gray-color);height:1.8229166666666667vw;border-radius:0.10416666666666667vw;padding:0.5208333333333333vw 0.5208333333333333vw;text-transform:capitalize;line-height:normal;font-size:0.7vw;}
.section-sett .col-md-6 .new-pnl-bdy select{width:100%;}
.section-sett .new-pnl-bdy select{border:0.052083333333333336vw solid var(--mid-gray-color);border-radius:0.10416666666666667vw;padding:0.4166666666666667vw 0.5208333333333333vw;text-transform:capitalize;line-height:normal;width:calc(100% - 3.603vw);font-size:0.7vw;}
.section-sett .new-pnl-bdy input:focus{outline:none;}
.dropdown-toggle::after{font-size:0.7291666666666666vw;}
.dropdown-toggle.action_button::after{display:none;}
.dropdown-toggle.action_button{background-color:transparent;border:none;padding:0;height:auto;width:auto;margin-left:0vw!important;line-height:2.1vw;}
.dropdown-toggle.action_button:hover{color:var(--highlight-color);}
body .dropdown.open > .dropdown-toggle.action_button{border:none!important;color:var(--highlight-color)!important;}
.dropdown-toggle.action_button i{font-size:1.250vw;padding-left:0.368vw;}
.section-sett .new-pnl-bdy button{height:1.8229166666666667vw;width:2.574vw;text-transform:uppercase;background:inherit;border:0.052083333333333336vw solid var(--mid-gray-color);margin-left:0.368vw;border-radius:0.10416666666666667vw;transition:0.6s;font-size:0.7vw;}
.section-sett .new-pnl-bdy button:hover{background:var(--header-bg-color);color:var(--white-color);transition:0.6s;}
.profile-down .section-sett > .card > .card-block > .row .col-md-4 .edit-all{opacity:1;}
.profile-down .section-sett > .card > .card-block > .row .col-md-4 .collapsed .edit-all{opacity:0;}
.profile-down .section-sett > .card > .card-block > .row .col-md-4 .button-al-pr:not(.collapsed) .edit-all i:before{content:"\f00d";font-weight:900;}
.profile-down .section-sett > .card > .card-block > .row .col-md-4 .collapsed:hover .edit-all{opacity:1;}

/*#accordion .panel,
#accordion .panel-heading,
#accordion panel-title,
#accordion .panel-body {
  border: 0;
}
#accordion .panel {
  box-shadow: none;
}
#accordion .panel .panel-heading {
  border-radius: 0;
}
#accordion .panel .panel-heading .panel-title a {
  text-decoration: none;
  padding: 2em 0;
}*/
body .main-profile-page .second-top{background:var(--header-bg-color);color:var(--white-color);font-size:0.85vw;line-height:normal;padding:0.5vw 0.9vw;margin-top:4%!important;font-weight:500;text-align:left;}
.section-sett  .for-main-set-con input{margin-bottom:0.732vw;width:100%;}
.for-main-set-con textarea{height:4.166666666666666vw;width:100%;padding:0.9vw;border:0.052083333333333336vw solid var(--mid-gray-color);border-radius:0.10416666666666667vw;margin-bottom:0.5208333333333333vw;font-size:0.7vw;}
.model-set .modal-footer{text-align:center;}
.model-set .modal-footer a{height:1.8229166666666667vw;text-transform:uppercase;background:inherit;border:0.052083333333333336vw solid var(--mid-gray-color);border-radius:0.10416666666666667vw;transition:0.6s;font-size:0.7vw;padding:0.5vw 0.8vw;transition:0.5s;}
.model-set .modal-footer a:hover{background:var(--header-bg-color);color:var(--white-color);transition:0.5s;}
.section-sett .for-main-set-con input{margin-bottom:0.5208333333333333vw;}
.section-sett  .panel-title{margin:0px;font-size:unset;}
.roote .edit-all i:first-child{margin-right:0.78125vw;}
.roote .edit-all i{z-index:99999;}
.modal-backdrop{opacity:0.5;}
.main-profile-page .modal{top:25%}
.section-sett .col-md-4.model-set .bg_buttons{background-color:inherit;border:inherit;font-size:0.7291666666666666vw;color:var(--gray-color);padding:10% 15%;width:100%;transition:0.5s;min-width: unset;}
.section-sett .col-md-4.model-set .bg_buttons:hover{background:var(--header-bg-color);box-shadow:none;transition:0.5s;color:var(--white-color);}

/*.model-set button, .model-set button:hover, .model-set button:focus{
background-color: inherit !important;
  border: inherit !important;
  padding: 0px !important;
  font-size: 0.7291666666666666vw;
  color: #666666;
  box-shadow: none;
}*/
.model-set > .comment_block > ul{display:flex;justify-content:center;list-style-type:none;padding-left:0;    /* margin: 0 11% !IMPORTANT; */width:100%;align-items:center;margin-bottom: 0.5vw;}
.model-set > .comment_block > ul li{width:25%;text-align:center;transition:0.5s;padding:0.3vw 0;}
.top-three li:hover{background-color:var(--header-bg-color);}

/****** IGNORE ******/

/*.copyright {
  display: block;
  margin-top: 100px;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.copyright a {
  text-decoration: none;
  color: #ee4e44;
}*/

/****** CODE ******/

.file-upload{width:50%;margin:0 auto;margin-top:3%;}
.file-upload .file-select{display:block;border:0.147vw solid var(--table-row-dark);color:var(--color-black);cursor:pointer;height:2.083333333333333vw;line-height:2.083333333333333vw;text-align:left;background:var(--white-color);overflow:hidden;position:relative;font-size:0.7vw;}
.modal-dialog{max-width:31.25vw;margin:1.5625vw auto;height: calc(100vh - 3.2vw);display: flex;align-items: center;margin-left: auto;margin-right: auto;}
.modal-dialog .modal-content{width: 100%;max-height: 100vh;}
.modal-dialog.modal-large{max-width: 96%;}
.modal-footer{padding:0.78125vw;}
.modal-body{padding:0.78125vw;background-color:var(--dark-gray-color);}
.modal-header{padding:0.78125vw;background:var(--side-bar-active-color);position:sticky;top:0px;display:block;z-index:1;}
.modal .card{background-color:transparent;}
.modal .card-header{text-align:left;color:var(--active-color);}
.modal-title{font-size:1.324vw;color:var(--white-color);font-weight:500;}
.modal-header .close{color:var(--white-color);background:transparent;display:inline-block;opacity:1;font-size: 1.8vw;}
.file-upload .file-select .file-select-button{background:var(--table-row-dark);padding:0 0.5208333333333333vw;display:inline-block;height:2.083333333333333vw;line-height:2.083333333333333vw;}
.file-upload .file-select .file-select-name{line-height:2.083333333333333vw;display:inline-block;padding:0 0.5208333333333333vw;}
.file-upload .file-select:hover{border-color:var(--header-bg-color);transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:var(--header-bg-color);color:var(--white-color);transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.file-upload.active .file-select{border-color:var(--green-color);transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:var(--green-color);color:var(--white-color);transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.file-upload .file-select input[type="file"]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border:0.147vw solid var(--table-row-dark);color:var(--mid-gray-color);cursor:pointer;height:2.941vw;line-height:2.941vw;margin-top:0.368vw;text-align:left;background:var(--white-color);overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:var(--table-row-dark);color:var(--gray-color);padding:0 0.735vw;display:inline-block;height:2.941vw;line-height:2.941vw;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:2.941vw;display:inline-block;padding:0 0.735vw;}
.model-set > ul li:hover{  /*background: var(--header-bg-color);*/

/* transition: 0.5s;*/}
.model-set > ul li i{color:var(--dark-gray-color);font-size:1.5625vw;margin-bottom:15%;}
.model-set > ul li:hover button,.model-set > ul li:hover i{color:var(--white-color);}
.model-set .btn-primary:active,.model-set .btn-primary.active,.open > .btn-primary.dropdown-toggle{box-shadow:none !images;}
.model-set ul li h4{text-transform:center;text-align:center;text-transform:uppercase;font-size:0.9375vw;letter-spacing:0.052083333333333336vw;font-weight:500;}

/*.model-set .modal-content:hover{
background-color: var(--header-bg-color);
transition: 0.4s;
}
.model-set .modal-content:hover h4{
color: var(--white-color);
}*/
.model-set .modal-header .close{margin-top:-1.7vw;color:var(--color-black)!important;font-size:2.059vw;}
.set-p{text-align:center;margin:0px;position:relative;}
.set-p i{color:var(--sec-bg-color)!important;position:absolute;margin:0;right:12%;top:16%;z-index:0;cursor:pointer;}
.model-set input{width:80%;height:2.083333333333333vw;border:0.052083333333333336vw solid var(--mid-gray-color);border-radius:0.10416666666666667vw;text-transform:uppercase;padding-left:0.5208333333333333vw;font-size:0.7vw;}
.model-set .modal-body ul{flex-direction:row;flex-wrap:wrap;width:50%;display:flex;justify-content:center;list-style-type:none;padding-left:0;  /* margin: 0 11% !IMPORTANT; */width:100%;align-items:center;}
.model-set .modal-body ul li:hover a{color:var(--white-color);}
.top-three li a{font-size:0.7vw;}
.first-setpt select{border:0.052083333333333336vw solid var(--mid-gray-color);border-radius:0.10416666666666667vw;padding:0.4166666666666667vw 0.5208333333333333vw;text-transform:capitalize;line-height:normal;width:80%;font-size:0.7vw;}
.first-setpt input{width:15%;height:auto;border:none;font-size:0.809vw;}
.scond-setept h5{background:var(--dark-yellow);color:var(--white-color);margin-top:5%;padding:2%;font-size:1.103vw;text-transform:uppercase;font-weight:500;}
.associated-prts{display:flex;text-align:left;align-items:center;justify-content:space-between;padding-bottom:0.588vw;border-bottom:0.074vw solid var(--mid-gray-color);}
.associated-prts p{margin-bottom:0px;}
.associated-prts i{color:var(--color-black)!important;font-size:1.471vw!important;}
.text-ra textarea{height:4.166666666666666vw;padding-left:0.78125vw;border:0.052083333333333336vw solid var(--mid-gray-color);border-radius:0.26041666666666663vw;width:100%;text-transform:capitalize;font-size:0.7vw;}
.main-profile-page .for-sbmit-btn .form-group {display:block;margin:0.78125vw 0vw;}
.main-profile-page .for-sbmit-btn .form-group input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer;}
.main-profile-page .for-sbmit-btn .form-group label{position:relative;cursor:pointer;font-size:0.7vw;}
.main-profile-page .for-sbmit-btn .form-group label:before{content:'';-webkit-appearance:none;background-color:transparent;border:0.10416666666666667vw solid var(--sec-bg-color);box-shadow:0 0.052083333333333336vw 0.10416666666666667vw rgba(0,0,0,0.05),inset 0vw -0.78125vw 0.5208333333333333vw 0.625vw rgba(0,0,0,0.05);padding:0.4166666666666667vw;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:0.26041666666666663vw;}
.main-profile-page .for-sbmit-btn .form-group input:checked + label:after{content:'';display:block;position:absolute;top:0.15625vw;left:0.3645833333333333vw;width:0.3645833333333333vw;height:0.7291666666666666vw;border:solid var(--sec-bg-color);border-width:0 0.10416666666666667vw 0.10416666666666667vw 0;transform:rotate(45deg);}
.log-history-show .comment_item > ul{margin:0px;padding:0px;list-style-type:none;}
.log-downm{display:flex;align-items:center;}
.log-downm li p{margin-bottom:0.10416666666666667vw;margin-left:0.78125vw;font-size:0.7vw;}
.log-urp > li:nth-child(odd){background:var(--table-row-dark);padding:0.368vw 0.735vw;}
.log-downm li p span{color:var(--active-color);font-weight:bold;}
.log-urp > li:nth-child(even){background:var(--table-row-dark);padding:0.368vw 0.735vw;}
.fts-s{text-align:center;}
.fts-s .row .col-md-6:first-child{background:var(--table-row-dark);border-right:0.074vw solid var(--mid-gray-color);}
.fts-s .row .col-md-6{padding:0.5vw 0.9vw;font-size:0.7vw;}
.twice-set{margin:0;display:flex;list-style-type:none;justify-content:flex-start;padding:0;width:100%;float:left;font-size: 0.75vw;}
.last-set-pr-col .button-al-pr{display:flex;align-items:center;}
.for-esay .for-topr{text-transform:uppercase;margin:0;padding:0.5vw 0.9vw;font-weight:500;font-size:0.7vw;}
.for-esay{margin-top:5%;}
.profile-pagee{width:100%;}

.modal-header.fixed_header_modal{position: relative;top: initial;z-index: 0;}
.container_nn_custom{max-height: 55vh;overflow-y: auto;overflow-x: hidden;}
.container_nn_custom .fixed{top: 0;border-top: none;}

.container_n .container_n:first-child{display: none;} 

/*PROFILE-PAGE-END*/
@media(min-width:1100px){
  .set-tble-new thead th,.set-tble-new thead td{border-bottom-width:0.052083333333333336vw;font-size:0.6770833333333334vw;border-width:0.10416666666666667vw;padding:0.9vw;}
  .set-tble-new thead th{font-size: 0.8333333333333334vw;}
  .modal .table-header-form-group label,label,#production_form label{font-size:0.8333333333333334vw;}
  .modal .table-header-form-group .form-control,select.form-control:not([size]):not([multiple]){height:auto;}
  .modal .table-header-form-group .form-control,.form-control,#production_form .form-control{border:0.052083333333333336vw solid var(--white-color);height:auto;font-size:0.8333333333333334vw;padding:0.42vw 1vw;line-height: initial;}
  .modal .table-header-form-group .form-control,html body select.form-control{border:0.052083333333333336vw solid var(--white-color);height:auto;font-size:0.8333333333333334vw;padding:0.42vw 0.6vw;background:var(--table-sub-heading-two);border-radius:0.146vw;box-shadow:none;line-height:1vw;width:100%;display:inline-block;}
  html body select.form-control option{white-space:initial;}
  .new-togle:before{height:1.0416666666666665vw;width:0.8333333333333334vw;}
  .set-tble-new tr td{font-size:0.75vw!important;}
  .set-tble-new i{color:var(--active-color);font-size:1vw;}
  .set-tble-new th i{color: var(--white-color);}
  .set-tble-new i.fa-hourglass{color:var(--main-bg-color);}
  .sidebar-panel > nav ul.nav > li a{padding:1vw;font-size:0.9vw;text-transform:uppercase;}
  .sidebar-panel .nav-profile a.dropdown-toggle{padding:0.9vw;font-size:0.9vw}
  .sidebar-panel .nav-title{font-size:0.5729166666666666vw;}
  .skin-4 .main-panel > .header .navbar-heading{font-size:1.5vw;}
  .material-icons{font-size:1.5vw;width:1.25vw;}
  .expanding .product-pagee .sidebar-panel{width:18vw!important;}
  .expanding .product-pagee .sidebar-panel:not(:hover){width:4vw!important;}
  .card{padding:0px 0.78125vw;padding-top:1.0416666666666665vw;margin-left:0;margin-bottom:0;overflow:initial;}
  .sticky_header .card-block{padding:0.5208333333333333vw 0!important;}
  .skin-4 .main-panel > .header{padding:0.1vw calc(0.78125vw + 1.171vw);}
  .main-panel > .header-secondary
  .navbar-search .search-form .form-control,.main-panel > .header .navbar-search .search-form .form-control{text-indent:1.5625vw;font-size:0.7vw;padding:0.5vw;}
  .brand-logo{width:100%;}
  .navbar-item i{font-size:1.2vw;}
  .navbar-item a:hover{color:var(--active-color)!important;}
  .navbar-item a{margin-top:0px!important;}
  .nav-item .material-icons{font-size:1.5vw!important;}
  .skin-4 .main-panel > .header .material-icons:hover{color:var(--highlight-color)!important;}
  .dropdown-item{font-size:0.7vw;}
  .nav-item{font-size:0.7vw;}
  .skin-4 .main-panel > .header .material-icons{font-size:1.2vw;}
  .dataTables_info{font-size:0.8333333333333334vw;}
  .content-footer nav ul li a{font-size:0.7291666666666666vw;padding:0.5208333333333333vw;}
  .set-tble-new i.fas.fa-ellipsis-h{font-size:0.5208333333333333vw;}
  .product-pagee .main-panel{margin-left:2.5vw;}
  .product-pagee{width:100%;}
  .sidebar-panel .nav-profile a.dropdown-toggle .user-image .avatar{width:2.8vw;background-color:var(--white-color);border-radius:7.353vw;height: 2.8vw;object-fit: cover;}

  /*profile page */
  .top-hrd h2{font-size:0.8333333333333334vw;}
  .expanding .sidebar-panel:not(:hover){width:4vw;}
  .sidebar-panel{width:18vw;}
  .col-md-4{padding-left:1vw;padding-right:1vw;}
  .expanding .main-panel{margin-left:4vw;overflow:initial!important;}

  /*Alok Product Form New Css Start */
  .modal .table-header-form-group label,label,#production_form1 label{font-size:0.8333333333333334vw;}
  .form-control,#production_form1 .form-control{font-size:0.8333333333333334vw;padding:0.42vw 0.6vw;min-height: 29.88px;}
  .form-control,#production_form1 .form-control{border:0.052083333333333336vw solid var(--white-color);}
  .form-control,#production_form1 .form-control{height:auto;}
  .sticky_footer select.form-control{min-width:110px;background:var(--highlight-color)!important;color:var(--dark-gray-color)!important;}

/*Alok Product Form New Css End */}

/*Alok Css*/
.set-tble-new tr td.clickable-item.selected{background-color:var(--highlight-color);}
.set-tble-new tr td.clickable-item{cursor:pointer;}
.action_tab{height:1.8229166666666667vw;margin-left:0.735vw!important;    /* border: 0.052083333333333336vw solid var(--white-color); */background:var(--header-bg-color);color:var(--white-color);border-color:var(--white-color);    /* font-size: 1.025vw; */width:100%;    /* height: 0.439vw; */padding:0px 5%;}
.sticky_footer{background:var(--dark-gray-color);display:flex;align-items:center;padding:0px 2%!important;margin:0px;width:96%;}
.sticky_footer{position:fixed;bottom:0;z-index:999;}
.sticky_footer .p-t-xs{justify-content:flex-end;padding-right:0;padding-top: 0 !important;}
.sticky_footer .card-block{width:100%;margin:0 auto;padding:0.735vw 0!important;}
.sticky_footer .form-group{display:flex;align-items:center;width:auto;margin:0px 2vw 0px 0px;}

/*again setting progile page css start*/
.for-sepater-phone{padding:0px;margin:0px;list-style-type:none;display:flex;}
.for-sepater-phone li:first-child{width:calc(100% - 2.196vw);}
.for-sepater-phone li:first-child a i.left_icon_user{margin-right: 0.7vw;width: 1.2vw;display: inline-block;}
.for-sepater-phone li:first-child .edit-all i{margin-right: 0;}
.for-sepater-phone  li:last-child{width:2.196vw;transform:0.5s;}
.for-sepater-phone li:last-child ul{padding:0px;margin:0px;list-style-type:none;display:flex;height:100%;justify-content:space-around;align-items:center;background:rgba(0,0,0,0.03);border-left:0.074vw solid rgba(0, 0, 0, 0.04);border-bottom:0.074vw solid rgba(0, 0, 0, 0.04);}
.for-sepater-phone li:last-child ul li{color: var(--active-color);}
.for-sepater-phone li:last-child ul li:hover{color:var(--highlight-color);}
.for-sepater-phone li:last-child ul li:hover i{color:var(--highlight-color);transform:0.5s;}
.for-sepater-phone  li:last-child ul li,.for-sepater-phone  li:last-child ul li a{height:100%;width:100%;display:flex;align-items:center;justify-content:center;}
.vendor-status-chk table{width:100%;}
.vendor-status-chk table tr{height:2.2vw;}
.vendor-status-chk .text-decorate{text-decoration:line-through;}
.vendor-status-chk .sold-bg{background:var(--side-bar-active-color);color:var(--white-color);font-weight:500;}
.for-sbmit-btn{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5%;}
.main-profile-page .for-sbmit-btn .form-group label{color:var(--gray-color);}
.for-sbmit-btn button{height:1.8229166666666667vw;text-transform:uppercase;background:inherit;border:0.052083333333333336vw solid var(--mid-gray-color);border-radius:0.10416666666666667vw;  /* transition: 0.6s; */font-size:0.7vw;padding:0 0.8vw;transition:0.5s;}
.for-sbmit-btn button:hover{background:var(--header-bg-color);color:var(--white-color);transition:0.5s;}
#check-clndr{position:relative;}
#check-clndr input{background:unset;border:unset;height:auto;width:auto;position:absolute;left:0;bottom:-1vw;color:var(--gray-color);font-weight:500;left:1.56vw;width:auto;height:auto;}
#check-clndr input:focus{outline:unset;}
body .for-ouline li{width:23%;margin:1%;border:0.074vw solid var(--mid-gray-color);padding:0;}
body .for-ouline li a{padding:0.735vw 0;display:inline-block;}
.text-ra textarea{height:unset;}
.main-profile-page .form-group input:checked + label:after{content:'';display:block;position:absolute;top:0.15625vw;left:0.3vw;width:0.3645833333333333vw;height:0.629167vw;border:solid var(--sec-bg-color);border-width:0 0.10416666666666667vw 0.10416666666666667vw 0;transform:rotate(45deg);}
.first-type{margin-top:0;margin-bottom:5%;}
.folllowupModal .follow_up_table ul{max-height: 69vh;}
/*again setting progile page css end*/

/*==============ankit=================*/

/*stat_box_section*/
.stat_box_section{padding:0.878vw 1.171vw;}
.stat_box_section .row{display: flex;flex-wrap: wrap;}
.stat_box_section.five-box-layout .col-lg-3{width:calc(22% - 2vw);}
.stat_box_section.four-box-layout .col-lg-3{width:calc(27% - 2vw);}
.stat_box_section.three-box-layout .col-lg-3{width:calc(35.4% - 2vw);}
.stat_box_section.three-box-layout .col-lg-3 .card{min-height: 6vw;height: 100%;}

.stat_box_section .card{padding-bottom:1.0416666666666665vw;min-height:5.809vw;background-color:var(--dark-gray-color);color:var(--white-color);border-bottom:0.147vw solid var(--highlight-color);margin-bottom:0.368vw;/*min-height:6.250vw;*/}
.stat_box_section .card .left_sec{width:50%;text-align:left;}
.stat_box_section .card .right_sec{width:50%;text-align:right;}
.stat_box_section .card .avatar{width:2.941vw;height:2.941vw;border-radius:7.353vw;display:block;margin-left:auto;margin-top:0.368vw;}

/*.stat_box_section .text-overflow{min-height: 32px;white-space: initial;}*/
.stat_box_section .card h5{color:var(--highlight-color);font-size: 1.464vw;}
.stat_box_section .card h5 .small{color:var(--active-color);}
.stat_box_section .card h5 .small.tag.bg-success{line-height:1.765vw;background-color:var(--active-color)!important;}
.stat_box_section .small.pull-xs-right{max-width:6.618vw;white-space:initial;}
.stat_box_section .small.pull-xs-right span{line-height:0.882vw;}
.stat_box_section .text-overflow{margin-top:0.368vw;}
.stat_box_section .text-overflow .fa-info-circle{vertical-align: initial;}

/*stat_box_section*/
.tr-model .modal-body select.form-control,select.form-control{border:0.052083333333333336vw solid var(--white-color);font-size:0.8333333333333334vw;width:100%;height:auto;padding:0.3vw 5%;border-radius:0.147vw;box-shadow:none;line-height:1vw;}
.tr-model .modal-body button.button_style_yellow,.button_style_yellow{background-color:var(--highlight-color);color:var(--dark-gray-color);width:auto;padding:0.6vw 2vw;border-radius:0.368vw;font-size:1vw;}
.tr-model .modal-body button.button_style_yellow:hover,.button_style_yellow:hover{background:var(--side-bar-active-color)!important;color:var(--white-color);}
.pt-0{padding-top:0!important;}
.pl-0{padding-left:0!important;}
.pr-0{padding-right:0!important;}
.pb-0{padding-bottom:0!important;}
.mr-0{margin-right:0!important;}
.ml-0{margin-left:0!important;}
.mt-0{margin-top:0!important;}
.mb-0{margin-bottom:0!important;}

.pt-half-vw{padding-top:0.5vw!important;}
.pl-half-vw{padding-left:0.5vw!important;}
.pr-half-vw{padding-right:0.5vw!important;}
.pb-half-vw{padding-bottom:0.5vw!important;}
.mr-half-vw{margin-right:0.5vw!important;}
.ml-half-vw{margin-left:0.5vw!important;}
.mt-half-vw{margin-top:0.5vw!important;}
.mb-half-vw{margin-bottom:0.5vw!important;}

.pt-1-vw{padding-top:1vw!important;}
.pl-1-vw{padding-left:1vw!important;}
.pr-1-vw{padding-right:1vw!important;}
.pb-1-vw{padding-bottom:1vw!important;}
.mr-1-vw{margin-right:1vw!important;}
.ml-1-vw{margin-left:1vw!important;}
.mt-1-vw{margin-top:1vw!important;}
.mb-1-vw{margin-bottom:1vw!important;}

.display_none{display: none !important;}
.display_block{display: block !important;}
.no_border{border: none !important;}
.border_bottom{border-bottom: 0.074vw solid rgba(0, 0, 0, 0.04);}
.main-panel,.main-panel > .main-content{overflow:initial;}
.table-bordered{position:relative;overflow:initial;}
.select2-container-multi .select2-choices{border:none!important;border-radius:0.147vw;line-height:1.25;color:var(--sec-bg-color);background-color:var(--white-color);background-image:none;}

/*.table-bordered thead,.table-bordered tbody{width: 100%;display: block;}*/
.user_photo_upload{position:relative;width:15vw;height:15vw;margin:auto;margin-bottom:0.735vw;}
.user_photo_upload i{position:absolute;width:3.2vw;height:3.2vw;z-index:8;left:11vw;top:0.368vw;display:flex;background:var(--active-color);justify-content:center;align-items:center;border-radius:3.676vw;color: var(--white-color);border:0.146vw solid var(--white-color);}
.user_photo_upload i:hover{background-color: var(--highlight-color);color: var(--dark-gray-color);cursor: pointer;}
.user_photo_upload .avatar{width:15vw;height:15vw;border-radius:15vw;object-fit:cover;border:0.074vw solid var(--table-row-dark);}
.user_photo_upload #upload{opacity:0;position:absolute;width:3vw;height:3vw;z-index:9;left:5.882vw;cursor:pointer;top:0.512vw;}
.user_photo_upload #profile_photo{display:none;}
.user_photo_upload #user_image_filename{position: absolute;z-index: 9;opacity: 0;width: 3.294vw;right: 4.392vw;top: 0.366vw;cursor: pointer;}
.user_photo_upload #user_image_filename:hover{cursor: pointer;}
.user_photo_upload #uploadImg{width:15vw;height:15vw;border-radius:7.353vw;object-fit:cover;border:0.074vw solid var(--table-row-dark);background-image:url(../images/user.png);}
.fixed{top:92px;position:sticky;width:auto;display:none;border:none;z-index:9;margin-bottom: 0;border-top: 0.146vw solid var(--white-color);}
.hidden{display:none;}
.modal label{color:var(--dark-gray-color);margin-bottom:0.368vw;padding-right:0!important;color:var(--white-color);}
.text-center{text-align:center;}
.justfiy-center{justify-content:center;}
body .select2-container-multi .select2-choices,body .modal  .form-control{background-color:var(--table-sub-heading-two);padding:0.42vw 0.6vw!important;font-size:0.8333333333333334vw!important;background-image:none;width: 100%;min-height: 2.196vw;}
body .select2-container-multi .select2-choices .select2-search-field input{padding:0px;}
.tabbing_content{display:none;}
.tabbing_content.active{display:block;}
.profile_con{border:0.074vw solid var(--table-row-dark);border-radius:1.471vw;background-color:var(--white-color);box-shadow:0 0 0.732vw rgba(0,0,0,0.10);position:relative;margin-bottom:2vw;transition:all ease 0.3s;}
.profile_con.clickable-item:hover{webkit-transform:translateY(-3%);transform:translateY(-3%);cursor:pointer;}
.profile_con .edit_user{opacity:0;position:absolute;width:2.574vw;height:2.574vw;z-index:8;top:0;display:flex;justify-content:center;align-items:center;right:0;border-radius:0 1.471vw 0 1.471vw;transition:all ease 0.3s;cursor:pointer;}
.profile_con.clickable-item:hover .edit_user{opacity:1;}
.profile_con .image_con{padding:1.103vw;background:var(--header-bg-color);border-radius:1.471vw 1.471vw 0 0;transition:all ease 0.3s;}
.profile_con.clickable-item:hover .image_con{background:var(--highlight-color);}
.profile_con .image_con .avatar{width:8.824vw;height:8.824vw;object-fit:cover;margin-bottom:-5.515vw;border-radius:7.353vw;margin-top:1.471vw;border:0.074vw solid var(--table-row-dark);background-color:var(--white-color);}
.profile_con .detail_con{padding:1.103vw;margin-top:4.779vw;}
.profile_con h6{font-weight:600;margin-bottom:0;}
.profile_con p{font-weight:500;margin-bottom:0;min-height:2.574vw;word-break:break-all;}
#tab-inactive-users .profile_con{background-color:rgba(0,0,0,0.01);}
#tab-inactive-users .profile_con .image_con{background-color:rgba(0,0,0,0.03);}
#tab-inactive-users .profile_con .image_con .avatar{-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#tab-inactive-users .profile_con h6,#tab-inactive-users .profile_con p{opacity:0.6;}
body .none-sticky{position: relative;top:initial;}
.tabbing_nav{position: sticky;top: 40px;background: var(--white-color);z-index: 99;}
.tabbing_nav ul{background-color:transparent;list-style-type:none;padding:0.878vw 1.171vw;text-align:center;margin-bottom: 0;}
.production_tracker_page .tabbing_nav ul{padding-bottom: 0.878vw;}
.tabbing_nav ul li{display:inline-block;cursor:pointer;padding:0.5vw 1.5vw;color:var(--dark-gray-color);font-size:0.8333333333333334vw;transition:all ease 0.3s;border-bottom:0.147vw solid transparent;text-transform:uppercase;font-weight:500;}
.tabbing_nav ul li.active{color:var(--active-color);border-bottom:0.147vw solid var(--active-color);}
.tabbing_nav ul li:hover{border-color:var(--dark-gray-color);color:var(--dark-gray-color);}
/*Alok Added New Css*/
.tabbing_nav1{position: sticky;top: 40px;background: var(--white-color);z-index: 99;}
.tabbing_nav1 ul{background-color:transparent;list-style-type:none;padding:0.878vw 1.171vw;text-align:center;margin-bottom: 0;}
.production_tracker_page .tabbing_nav1 ul{padding-bottom: 0.878vw;}
.tabbing_nav1 ul li{display:inline-block;cursor:pointer;padding:0.5vw 1.5vw;color:var(--dark-gray-color);font-size:0.8333333333333334vw;transition:all ease 0.3s;border-bottom:0.147vw solid transparent;text-transform:uppercase;font-weight:500;}
.tabbing_nav1 ul li.active{color:var(--active-color);border-bottom:0.147vw solid var(--active-color);}
.tabbing_nav1 ul li:hover{border-color:var(--dark-gray-color);color:var(--dark-gray-color);}
/*Alok New Css End*/
html body .table-sub-heading,html body .set-tble-new tr td.table-sub-heading{background-color:var(--table-sub-heading) !important;font-size: var(--fontsize-two) !important;}
html body .table-sub-heading_two,html body .set-tble-new tr td.table-sub-heading_two{background-color:var(--table-sub-heading-two) !important;font-size: var(--fontsize-two) !important;}
.set-tble-new .table-sub-heading td,.table-sub-heading td{font-size:var(--fontsize-two) !important;}
.table-row-light{background-color:rgba(0,0,0,0.01);}
.table-row-dark{background-color:rgba(0,0,0,0.03);}
.mr-5{margin-right: 0.366vw;}
.mb-5{margin-bottom: 0.366vw;}
.mt-5{margin-top: 0.366vw;}
.ml-5{margin-left: 0.366vw;}
.pr-5{padding-right: 0.366vw;}
.pb-5{padding-bottom: 0.366vw;}
.pt-5{padding-top: 0.366vw;}
.pl-5{padding-left: 0.366vw;}

html body .text-left,.text-left{text-align: left !important;}
html body .text-right,.text-right{text-align: right !important;}
html body .text-center,.text-center{text-align: center !important;}

.datepicker.dropdown-menu{max-width: 16.837vw;background: var(--white-color);}
.call_list_container .call_list_item{background: var(--white-color);border-bottom: 0.073vw solid var(--table-row-dark);padding: 0;display: flex;width: 100%;}/*margin-bottom: 1.830vw;*/
.call_list_container ul{list-style-type: none;padding: 0;margin: 0;}
.call_list_container ul li{display: inline-block;}
.call_list_container .row .left_sec .company_section{background-color: var(--header-bg-color);color: var(--white-color);display: inline-block;width: 100%;}
.call_list_container .row .left_sec .company_section .content_visible{padding: 0.5vw;padding-bottom: 0vw;}
.call_list_container .row .left_sec .company_section .company_header{display: flex;justify-content: space-between;}
.editable_content{display: none;padding: 1.098vw;background: var(--light-gray-color);height: auto;clear: both;position: relative;padding-bottom: 0;width: 100%;}
.bottom_add_notes .editable_content{margin-top: 1.098vw;}
.editable_content .btn{min-width: unset;width: auto;}
.call_list_container .row .left_sec .company_section .company_header .left_sec{width: calc(100% - 2vw);}
.call_list_container .row .left_sec .company_section .company_header h6{font-size: 0.85vw;font-weight: 500;display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 99.99%;height: auto;vertical-align: middle;line-height: initial;}
/*.call_list_container .row .left_sec .company_section .company_header h6:first-child{padding-right: 1.830vw;}*/
.call_list_container .row .left_sec .company_section .company_header h6 a:hover{color: var(--highlight-color);}
.contact_listing_section .contact_list_item{background-color: var(--table-row-light);margin-top: 0.366vw;color: var(--dark-gray-color);min-width: 1.025vw;}
.contact_listing_section .contact_list_item .content_visible{padding: 1.098vw;}
.call_list_container .company_bottom{display: flex;justify-content: space-between;}/*margin-top: 0.732vw;*/
.call_list_container .company_bottom li{margin-right: 1.830vw;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 17.570vw;height: auto;display: inline-block;vertical-align: middle;}
.call_list_container .company_bottom li a{color: var(--white-color);}
.call_list_container .company_bottom li a:hover{color: var(--highlight-color);}
.call_list_container .company_bottom li span{font-size: 0.75vw;}
.call_list_container .company_bottom li:last-child{margin-right: 0;}
.icon_set_detail i{margin-right: 0.3vw;}
.contact_list_item .content_visible{display: flex;justify-content: space-between;}
.contact_list_item ul{width: calc(100% - 2.928vw);}
.contact_listing_section .contact_list_item ul li i{width: auto;display: inline-block;margin-right: 0.3vw;}
.contact_listing_section .contact_list_item ul li span{font-size: 0.75vw;}
.contact_listing_section .contact_list_item ul li{margin-right: 1.830vw;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 14.570vw;height: auto;display: inline-block;vertical-align: top;}
.contact_listing_section .contact_list_item ul li:first-child,.contact_listing_section .contact_list_item ul li:nth-child(2){margin-bottom: 0.439vw;margin-right: 0;font-weight: 700;margin-right: 0.830vw;} /*margin-right:1.830vw*/
.contact_listing_section .contact_list_item ul li:nth-child(2){font-weight: normal;}
.contact_listing_section i{color: var(--main-bg-color);}
.action_element{text-align: right;} /*width: 1.35vw;*/
.action_element i{display: inline-block;text-align: right;font-size: 1vw;color: var(--active-color);cursor: pointer;}
.action_element .active_color_hover_yellow,.action_element .active_color_hover_yellow{color: var(--active-color);}
.action_element .active_color_hover_yellow:hover,.active_color_hover_yellow:hover{color: var(--highlight-color);}
/*.action_element i:hover{color: var(--highlight-color);}*/
.action_element i:first-child{padding-right: 8px;}/*margin-bottom: 1.098vw;*/
.call_list_container .row{display: flex;}
.call_list_container .row .left_sec{padding: 0;padding-right: 0.366vw;}
.call_list_container .row .right_sec{padding: 0;padding-left: 0.366vw;display: flex;}
.contact_listing_section .button_con{width: 100%;background-color: var(--table-row-light);margin-top: 0.366vw;}
.contact_listing_section .content_visible{display: flex;padding: 0.732vw;}
/*.contact_listing_section .button_con .col-md-6{padding: 0;}*/
.contact_listing_section .button_con .content_visible{padding-left: 1.098vw;padding-right: 1.098vw;}
.contact_listing_section .button_con .content_visible > .col-md-12{padding: 0;}
.call_list_container .row .right_sec .container_inner{background-color: var(--table-row-light);display: inline-block;width: 100%;padding: 1.098vw;position: relative;padding-bottom: 0;}
.call_list_container .row .right_sec .header_section{display: flex;color: var(--white-color);}/*padding-bottom: 1.098vw;*/
.call_list_container .row .right_sec .header_section > .col-md-4,.call_list_container .row .right_sec .header_section > .col-md-8 {padding: 0;}
.call_list_container .row .right_sec .header_section .form-control{display: inline-block;width: auto;font-size: 0.75vw;padding: 0.42vw 0.6vw;background: var(--table-row-dark);border-radius: 0.146vw;box-shadow: none;line-height: 1vw;height: auto;min-height: 2.196vw;float: initial;}
.call_list_container .row .right_sec .header_section .form-control:focus{background-color: var(--table-row-dark);border:0.052083333333333336vw solid var(--highlight-color);}
.date_container{display: inline-block;position: relative;}
.call_list_container .row .right_sec .header_section .date_container .form-control{position: absolute;right: 0;opacity: 0;width: 1.464vw;height: 1.464vw;z-index: 1;cursor: pointer;}
.date_container i,.item_inner i{display: inline-block;vertical-align: middle;font-size: 1vw;margin-left: 0.732vw;color: var(--active-color);}
.date_container i:hover,.item_inner i:hover{color: var(--highlight-color);}
.date_container .form-control{margin-bottom: 0 !important;}
.comment_container,.call_list_container .row .right_sec .comment_container{background-color: var(--white-color);padding: 0.098vw;color: var(--mid-gray-color);max-height: 14vw;overflow-y: auto;width: 100%;list-style-type: none;}
.comment_container .comment_bottom_section,.call_list_container .row .right_sec .comment_container .comment_bottom_section{display: flex;justify-content: space-between;}
.comment_container .comment_bottom_section span,.call_list_container .row .right_sec .comment_container .comment_bottom_section span{font-size: 0.6vw;}
.comment_container .comment_bottom_section .time_date,.call_list_container .row .right_sec .comment_container .comment_bottom_section .time_date{padding-right: 0.5vw;width: calc(100% - 2.6vw);}
.comment_container .comment_bottom_section .remove_btn,.call_list_container .row .right_sec .comment_container .comment_bottom_section .remove_btn{width: 2.6vw;text-align: right;}
.call_list_container .row .right_sec .header_section span{font-size: 0.75vw;}
.comment_container p,.call_list_container .row .right_sec .comment_container p{color: var(--sec-bg-color);font-weight: normal;margin-top: 0.146vw;margin-bottom: 0;font-size: 0.75vw;}
.comment_container .comment_item,.call_list_container .row .right_sec .comment_container .comment_item{padding-top: 0.732vw;}/*padding-bottom: 0.732vw;border-bottom:0.073vw solid var(--table-row-dark);*/
.comment_container .comment_item:first-child,.call_list_container .row .right_sec .comment_container .comment_item:first-child{padding-top: 0;}
.edit_list,.edit_company{cursor: pointer;font-size: 1vw;}
/*.edit_list:hover,.edit_company:hover{color: var(--highlight-color)!important}*/
.bottom_add_notes{padding: 0.732vw 0;}
.item_inner{display: inline-block;}
.item_inner,.date_container .item_inner span,.date_container .item_inner i{color: var(--sec-bg-color);font-size: 0.75vw;}
.transparent_button{color: var(--active-color);background:none;border: none;font-size: 0.75vw;padding: 0;cursor: pointer;}
.transparent_button i{color: var(--active-color);margin-left: 0.732vw;display:inline-block;vertical-align: middle;font-size: 1vw;}
.contact_listing_section .button_con .text-left .transparent_button i{margin-left: 0;margin-right: 0.732vw;}
.transparent_button:hover,.transparent_button:hover i{color: var(--highlight-color);}
.transparent_button:hover span{color: var(--dark-gray-color)}
.item_inner .trash_delete_icon,.trash_delete_icon{color: var(--header-bg-color);cursor: pointer;}
.item_inner .trash_delete_icon:hover,.trash_delete_icon:hover,.main-profile-page .middle_section .section_header i.trash_delete_icon:hover{color: var(--bright-red-color);}
.call_list_container .row .previous_listing_element .left_sec .company_section{background-color: var(--dark-gray-color);}
.call_list_container .row .active_listing_element .left_sec .company_section{background-color: var(--active-color);}

.editable_content .form-group{display: inline-block;width: 100%;}
.editable_content .form-group .col-form-label{display: block;width: 100%;margin-bottom: 0.3vw;}
.editable_content .form-group .form-control{width: 100%;}

.tooltip{line-height: initial;font-size: 0.75vw;}
.tooltip.in{opacity: 1;backface-visibility: hidden;filter: none;}
/*.tooltip-inner{background-color: var(--main-bg-color);color: var(--sec-bg-color);border: 1px solid var(--table-row-dark);max-width: 400px;left: 195px;}*/
.tooltip-inner{background-color: var(--sec-bg-color);color: var(--white-color);border: 0.073vw solid var(--table-row-dark);max-width: 29.283vw;left: 14.275vw;}
.tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow{border-right-color: var(--main-bg-color);}
.tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow{border-left-color: var(--main-bg-color);}
.tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow{border-bottom-color: var(--main-bg-color);}

html body .content_visible.hover,html body .content_visible.hover,html body .content_visible.hover{background-color: var(--highlight-color);color: var(--dark-gray-color);}
html body .contact_listing_section .content_visible.hover i,html body .contact_listing_section .content_visible.hover span{color: var(--dark-gray-color);}
html body .content_visible.hover a,html body .content_visible.hover a{color: var(--dark-gray-color);}
html body .content_visible.opened .fa-pen:before,html body .content_visible.opened .fa-plus-circle:before{content: "\f00d";}
html body .button_con .content_visible.opened .transparent_button span,html body .bottom_add_notes .content_visible.opened .transparent_button span{display: none;}
.contact_listing_section .contact_list_item .editable_content .btn i,.contact_listing_section .editable_content .btn i{color: var(--white-color);}
.contact_listing_section .contact_list_item .editable_content .btn:hover,.contact_listing_section .contact_list_item .editable_content .btn:hover i,.contact_listing_section .editable_content .btn:hover i{color: var(--dark-gray-color);}
.contact_listing_section .contact_list_item .editable_content .btn:focus,.contact_listing_section .contact_list_item .editable_content .btn:focus i,.contact_listing_section .editable_content .btn:focus i{color: var(--dark-gray-color);}
html body .contact_listing_section .btn-primary:focus,html body .contact_listing_section .btn-primary.focus,html body .contact_listing_section .btn-primary:focus i,html body .contact_listing_section .btn-primary.focus i{color: var(--dark-gray-color);}

.table.table-bordered{width: 100%;}
#comment_popup_modal .btn{width: calc(50% - 0.512vw);}
#comment_popup_modal.tr-model .modal-dialog{top: 40%;}
.nice-select:after{right: 0.439vw;border-bottom-color: var(--dark-gray-color);border-right-color: var(--dark-gray-color);}
.form-control.nice-select, #production_form .form-control.nice-select{padding-right: 1.3vw;right: 0.512vw;margin-top: -0.220vw;}
.nice-select .option{    line-height: initial;min-height: initial;}

a:hover{color: var(--active-color);}
a:focus{color:unset;}
html body button:focus{border: none;}
html body button:focus {outline:0;}

#history-popup.tr-model .modal-dialog{left: 0;right: 0;display: block;margin: auto;max-width: 70vw;}
#history-popup.tr-model .search_history_container .search_history_item{display: inline-block;width: 100%;background: var(--white-color);padding: 1vw;position: relative;margin-bottom: 2vw;transition: transform ease 0.3s;}
#history-popup.tr-model .search_history_container .search_history_item:hover{color: initial;transform: translateY(-0.3vw);}
#history-popup.tr-model .search_history_container .search_history_item .search_time{position: absolute;right: 0;top: -0.75vw;margin-bottom: 0;font-size: 0.65vw;background: var(--active-color);padding: 0.25vw;}
#history-popup.tr-model .search_history_container .search_history_item ul{list-style-type: none;margin: 0;padding: 0;display: flex;justify-content: space-between;}
#history-popup.tr-model .search_history_container .search_history_item ul li{display: inline-block;width: 16.3%;padding-right: 0.75vw;margin:0.2vw 0;}
#history-popup.tr-model .search_history_container .search_history_item ul li span:first-child{font-weight: 700;margin-right: 0.5vw;display: block;margin-bottom: 0.35vw;}

.search_history_first_time{margin:0;}
.search_history_first_time .error_image,.error_image{width: 100%;object-fit: contain;margin-bottom: 0.5vw;max-width: 21.962vw;}
.search_history_first_time .inner_container{background: var(--white-color);padding: 1.5vw;max-width: 100%;margin: auto;}
.search_history_first_time h2{margin-bottom: 1vw;}

.no_data_section{margin:20px 0;}
.no_data_section h5{margin-top:20px;}

.modal-body .form-group{display: inline-block;width: 100%;}

/*for preventing closing of modal outside modal content */
.body .modal .sticky_header.card{width: 100%;}
.body .modal .sticky_header.card form .col-md-12 .form-group:last-child{margin-right: 0 !important;}
/*for preventing closing of modal outside modal content */

.add_followup_button{cursor: pointer;display: inline-block;}
.add_followup_button .date_container .form-control{position: absolute;right: 0;opacity: 0;width: 1.464vw;height: 1.464vw;z-index: 1;cursor: pointer;}
.add_followup_button i{color: var(--white-color);}
.add_followup_button label{color: var(--white-color);}
.add_followup_button:hover label{color: var(--highlight-color);}


.modal-body .table-bordered{border-color: var(--dark-gray-color);border-top: 0.146vw solid var(--dark-gray-color);}
.modal-body .set-tble-new thead th{border-color: var(--dark-gray-color);}
.modal-body .table-bordered th,.modal-body .table-bordered td{border-color: var(--dark-gray-color);}

/*===classes for sticky elements=====*/
.stickyBar_tableHeader_tabbing{}
.stickyBar_tableHeader_tabbing .fixed{top: 100px}
.stickyBar_tableHeader_tabbing .tabbing_nav{top: 40px}

.stickyBar_tableHeader{}
.stickyBar_tableHeader .fixed{top: 44px;}

.stickyBar_tabbing{}
.stickyBar_tabbing .tabbing_nav{top: 40px;}

.tableHeader_tabbing{}
.tableHeader_tabbing .tabbing_nav{top: 0px;}
.tableHeader_tabbing .fixed{top: 53px;}

.only_tableHeader .fixed{top: 0;}

/*===classes for sticky elements=====*/

.follow_up_table .table_header{background-color: var(--sec-bg-color);color: var(--white-color);padding: 1.098vw;}
.follow_up_table.today_table .table_header{background-color: var(--active-color);}
.follow_up_table.notdue_table .table_header{background-color: var(--header-bg-color);}
.follow_up_table ul{padding: 0;list-style-type: none;font-size: 0.75vw;max-height: 78vh;overflow-y: auto;color: var(--dark-gray-color);}
.follow_up_table .table_header h6{margin: 0;font-size: 0.85vw;}
.follow_up_table ul li{display: flex;justify-content: space-between;background-color: var(--table-row-light);margin-top: 0.15vw;padding: 1.098vw;color: var(--dark-gray-color);min-width: 1.025vw;}
.follow_up_table ul li:first-child{margin-top: 0;}
.follow_up_table ul li:nth-child(odd){background-color: var(--table-row-dark);}
.follow_up_table ul li i{color: var(--active-color);font-size: 1vw;display: inline-block;vertical-align: middle;}
.follow_up_table ul li i.fa-book-reader,.follow_up_table ul li i.fa-chess-queen{color: var(--main-bg-color);}
.follow_up_table ul li i:hover{color: var(--highlight-color);}
.follow_up_table ul li p{padding-right: 0.5vw;margin: 0;}
.follow_up_table ul li p:first-child{width: 1.8vw;text-align: left;}
.follow_up_table ul li p:nth-child(2){width: calc(40% - 0vw);}
.follow_up_table ul li p:nth-child(3){width: calc(60% - 1vw);}
.follow_up_table ul li p:nth-child(3) a{font-weight: 700;}
.follow_up_table ul li p span{display: block;}
html body .table-cell-selected,.table-cell-selected{background-color: var(--active-color) !important;color: var(--white-color) !important;}
html body .table-cell-selected i,.table-cell-selected i{color: var(--white-color) !important;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0.439vw rgba(0,0,0,0.3);background-color:var(--table-row-dark);}
::-webkit-scrollbar{width:0.439vw;background-color:var(--table-row-dark);}
::-webkit-scrollbar-thumb{background:var(--active-color);}

.no_arrow.dropdown-toggle::after{display: none;}
.checkboxgroup{display: inline-block;width: 100%;}
body .modal  .check-boxes,.check-boxes{display:block;margin-bottom:1.171vw;background-color: transparent;padding: 0 !important;color: var(--white-color);border: none;}
body .modal  .check-boxes input,.check-boxes input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer;}
body .modal  .check-boxes label,.check-boxes label{position:relative;cursor:pointer;color: var(--white-color);text-transform: capitalize;font-size: 1vw!important;font-weight: normal;}
body .modal  .check-boxes label:before,.check-boxes label:before{content:'';-webkit-appearance:none;background-color:transparent;border:0.146vw solid var(--table-sub-heading);box-shadow:0 0.073vw 0.146vw rgba(0,0,0,0.05),inset 0px -1.098vw 0.732vw -0.878vw rgba(0,0,0,0.05);padding:0.732vw;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:1vw;}
body .modal  .check-boxes input:checked + label:after,.check-boxes input:checked + label:after{content:'';display:block;position:absolute;top:0.146vw;left:0.659vw;width:0.439vw;height:1.025vw;border:solid var(--white-color);border-width:0 0.146vw 0.146vw 0;transform:rotate(45deg);}
body .modal .check-boxes input:checked + label:before, .check-boxes input:checked + label:before{background-color: var(--active-color);}
body .modal  .check-boxes label:hover:before,.check-boxes label:hover:before{background-color: var(--highlight-color);}
body .modal  .check-boxes label:hover:after,.check-boxes label:hover:after{border: solid var(--dark-gray-color);}
body .check-boxes input:checked + label:hover:before,body .check-boxes .modal input:checked + label:hover:before{background-color: var(--highlight-color);}
body .check-boxes input:checked + label:hover:after,body .check-boxes .modal input:checked + label:hover:after{border: solid var(--dark-gray-color);border-width: 0 0.146vw 0.146vw 0;}

.user_image_name{display: flex;align-items: center;}
.user_image_name .image_con .avatar{width: 1.75vw;height: 1.75vw;object-fit: cover;margin-right: 0.732vw;}
.arrow_nav{background: var(--active-color);color: var(--white-color);width: 2.5vw;height: 2.5vw;display: inline-flex;justify-content: center;align-items: center;border-radius: 3.660vw;margin: 0.5vw;}
.arrow_nav:hover{background-color: var(--highlight-color);color: var(--dark-gray-color);}
.table_nav{position: sticky;z-index: 99;bottom: 0;left: 0;right: 0;text-align: center;}
.justify-content-end{justify-content: flex-end;}
.modal-select-container-sticky{position: sticky;top: 45px;z-index: 99;background: var(--dark-gray-color);padding-bottom: 0.586vw !important;}
.modal .table-header-form-group .form-control {font-size: 0.8333333333333334vw !important;padding: 0.42vw 0.6vw !important;line-height: inherit;}
html body .btn{font-size: 0.8333333333333334vw;text-transform: uppercase;}
#communication_popup_modal .btn-primary{width: 47.5%;}
#communication_popup_modal .modal-dialog{max-width: 34.25vw;}
#hit-double-popup .btn{margin: 0.2vw;}
.modal .transparent_button{vertical-align: top;}
.modal .transparent_button:hover span{color: var(--highlight-color);}
.modal .comment_container{margin-bottom: 1vw;}

.section_container .box_container{background: rgba(0,0,0,0.01);color: var(--sec-bg-color);border: none;padding: 0.5vw 0.9vw;margin: 0!important;width: 100%;transition: 0.6s;display: inline-block;text-align: left;font-size: 0.75vw;text-transform: capitalize;border-bottom: 0.074vw solid rgba(0, 0, 0, 0.04);}
.section_container .box_container .box_icon{color: var(--main-bg-color);font-size: 0.9375vw;margin-right: 0.7vw;width: 1.2vw;display: inline-block;}
.section_container .editable_content{background-color: transparent;padding: 0 0.878vw;}
.section_container .editable_content .inner_con{background-color: var(--light-gray-color);padding: 1.098vw 0;}
.section_container .form-group{margin-bottom: 0.5vw;}
.section_container .section_header{background-color: var(--header-bg-color);color: var(--white-color);font-size: 0.85vw;line-height: normal;margin: 0;padding: 0.5vw 0.9vw;font-weight: 500;display: flex;justify-content: space-between;align-items: center;}
html body .content_visible.hover .section_header,html body .hover.section_header{background-color: var(--highlight-color) !important;color: var(--dark-gray-color);}
.section_container .company_section{width: 100%;display: block;}
.section_container .section_header.opened .edit_company:before{content: "\f00d";}
.call_list_container.section_container .call_list_item{border-bottom: 0px;}
.comment_block{background-color: var(--table-row-light);display: inline-block;width: 100%;padding: 0.5vw 0.9vw;position: relative;}
html body .inline-block,.inline-block{display: inline-block;width: auto;vertical-align: middle;margin: 0.1vw;}
html body .display-block,.display-block{display: block;clear: both;}
.small{font-size: 0.805vw;}
.list-group{position: relative;}
.close_notification{position: absolute;z-index: 1;right: 0;list-style: none;padding: 0.15vw 0.6vw;cursor: pointer;color: var(--active-color);}
.close_notification:hover{color: var(--highlight-color);}
.error-page{position: relative;}
.error-page:before{position: absolute;content: "";top: 0;bottom: 0;left: 0;right: 0;background: url(../images/sign_in_bg.jpg);z-index: 0;}
.error-page:after{position: absolute;content: "";top: 0; bottom: 0; left: 0; right: 0; background: var(--side-bar-active-color); z-index: 1; opacity: 0.85; }

.error-page .session-panel{position: relative;z-index: 2;color: var(--white-color);}
.user_image_small img{width: 1.75vw;height: 1.75vw;object-fit: cover;margin-right: 0.732vw;}

.user_image_md img{width: 2vw;height: 2vw;border:0.05vw solid var(--mid-gray-color);object-fit: cover;}
.card.sticky_header .user_image_md img{border:0.05vw solid var(--white-color);}


body .sweet-alert .sa-icon.sa-success, body .sweet-alert .sa-icon.sa-info, html body .sweet-alert .sa-icon.sa-warning, body .sweet-alert .sa-icon.sa-error, body .sweet-alert .sa-icon.sa-success .sa-placeholder{border: 0.293vw solid var(--highlight-color) !important;border-color: var(--highlight-color) !important;}
body .sweet-alert .sa-icon .sa-dot, body .sweet-alert .sa-icon .sa-line, body .sweet-alert .sa-icon .sa-body, body .sweet-alert .sa-icon.sa-error .sa-line, body .sweet-alert .sa-icon.sa-success .sa-line, body .sweet-alert .sa-icon.sa-success .sa-line{background-color: var(--highlight-color) !important;}
body .sweet-overlay{background-color: rgba(255, 255, 255, 0.75);}
body .sweet-alert{background-color: var(--dark-gray-color);}
body .sweet-alert .sa-icon.sa-success .sa-fix,body .sweet-alert .sa-icon.sa-success::before,body .sweet-alert .sa-icon.sa-success::after{background-color: var(--dark-gray-color);}
body .sweet-alert p{color: var(--white-color);font-size: 1.1vw;}
body .sweet-alert button{all: unset;color: var(--white-color);background-color: var(--active-color) !important;font-size: 0.8333333333333334vw;text-transform: uppercase;margin: 1.903vw 0.366vw 0 0.366vw;border: 0.073vw solid var(--white-color) !important;padding: 0.5rem 1rem;border-radius: 0.146vw;min-width: 10vw;cursor: pointer;box-shadow: none !important;}
body .sweet-alert{width: auto;padding: 1.5vw;max-width: 31.25vw;}
body .sweet-alert button.cancel{background-color: var(--sec-bg-color) !important;}




body .readonly_filled_popup .select2-container-multi .select2-choices, body .modal.readonly_filled_popup .form-control{background-color:var(--white-color);}


.floating_button_container{width: auto;left: 0.6vw;position: fixed;text-align: left;bottom: 1.185185185185185vh;z-index: 1030;cursor: pointer;max-width: 90%;} /* changed by ali on 24 june 2020 */
/*.floating_button_container{width: auto;right: 3vw;position: fixed;text-align: left;bottom: 5.185185185185185vh;z-index: 99;cursor: pointer;max-width: 90%;} commented by ali on 24 june 2020*/
.floating_button_container .floating_button{width: 3vw;height:3vw;border-radius: 50vw;color: var(--white-color);display: flex;justify-content: center;align-items: center;margin-left: auto;font-size: 1.2vw;position: absolute;right: 0;bottom: 0;transition: all ease 0.4s;}
.floating_menu_content{background-color: var(--active-color);color: var(--white-color);padding:0.5vw 1vw;border-radius: 1vw;border-bottom-right-radius: 1vw;box-shadow: 0 0 0.521vw rgba(0, 0, 0, 0.5);max-height: 60vh;overflow-y: auto;margin-left: auto;right: 0;padding-right: 3vw;}
.floating_menu_content p{margin-bottom: 0;font-size: var(--fontsize-two);line-height: initial;}
.floating_menu_content h6{font-size: var(--fontsize-one);margin-bottom: 0;line-height: initial;}
.floating_menu_content .right_sec{padding-left: 0.75vw;}
.open.floating_button_container .floating_button i:before{content: "\f00d";}
.floating_button_container:hover .floating_menu_content{background-color: var(--highlight-color);}
.floating_button_container:hover p,.floating_button_container:hover h6,.floating_button_container:hover .floating_button{color: var(--dark-gray-color);}

.blocked_boxes{padding-bottom: 0.5vw;}
.blocked_boxes .notification-bar-details{padding-left: 0;}
.blocked_boxes .close_notification{color: var(--dark-gray-color);}
.blocked_boxes .close_notification:hover{color: var(--active-color);}
.form-control[readonly]:focus,.form-control[disabled]:focus{border-color: var(--white-color);}

.add_bottom_spacing_100{padding-bottom: 7.321vw;}
.only_hover_edit,.open_editorial_info_popup{cursor: pointer;}
html .money_loader{width: 25vw;height: 25vw;z-index: 99999;}
html .money_loader:before{background-color: rgba(0, 0, 0, 0.75);}
html .money_loader img{width: 25vw;height: 25vw;object-fit: contain;position:relative;z-index: 9;}

/*theme color drop down*/
html body .color_theme_drop_down{margin-right: 1.2rem !important;}
html body .color_theme_drop_down .theme-circle{width: 1.8vw;border-radius: 100vw;height: 1.8vw;display: inline-block;margin-left: 0.5vw;border: 2px solid var(--white-color);background-image: linear-gradient(var(--orange-color), var(--green-color), var(--blue-color), var(--purple-color), var(--pink-color));}
html body .color_theme_drop_down .theme-circle:before{font-family: 'Material Icons'; font-size: 1.5vw; font-weight: normal; font-style: normal; line-height: 1; position: absolute; top: 50%; display: block; width: auto; height: auto; margin-top: -8px; margin-right: 0; margin-left: 0; content: 'arrow_drop_down'; vertical-align: bottom; white-space: nowrap; letter-spacing: normal; text-transform: none; word-wrap: normal; border: 0; right: -21px; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; color: #fff;}
html body .color_theme_drop_down.navbar-item > .nav-profile > a:hover{color: var(--white-color) !important;} 
html body .color_theme_drop_down .dropdown-item{color: var(--white-color);}
html body .theme-circle-inner{width: 1.5vw;height: 1.5vw;display: inline-block;border-radius: 100px;vertical-align: middle;background: #fff;margin-right: 0.3vw;border: 2px solid var(--white-color);}
html body .color_theme_drop_down .dropdown-item:hover .theme-circle-inner,html body .color_theme_drop_down .dropdown-item:hover{border-color: var(--dark-gray-color);color: var(--dark-gray-color) !important;}

html body .orange-theme .theme-circle-inner{background-color: var(--orange-color);}
html body .green-theme .theme-circle-inner{background-color: var(--green-color);}
html body .blue-theme .theme-circle-inner{background-color: var(--blue-color);}
html body .purple-theme .theme-circle-inner{background-color: var(--purple-color);}
html body .pink-theme .theme-circle-inner{background-color: var(--pink-color);}
.skin-4 .main-panel > .header .navbar-nav.color_theme_drop_down .dropdown-menu{margin-top: 0.5vw;right: -20px;}
/*theme color drop down*/

.right_button_hover_white{position: absolute;right: 0;}
.right_button_hover_white:hover,.right_button_hover_white:hover i,.right_button_hover_white:hover span,.right_button_hover_white.transparent_button:hover,.right_button_hover_white.transparent_button:hover i{color: var(--white-color);}
.two_button_popup .btn {width: calc(50% - 0.5vw);}
.section_edit_hover{cursor: pointer;}

/*====welcome_step_section ====*/
.welcome_step_section{display: flex;align-items: center;justify-content: center;height: 100vh;text-align: center;color: #fff;}
.welcome_step_section .step_container{max-width: 50vw;}
.step_dots li{display: inline-block;width: 16px;height: 16px;border-radius: 100vw;background-color: var(--white-color);margin: 0.3vw;}
.step_dots li.active{background-color: var(--highlight-color);}
.theme_select_ul li{position: relative;display: inline-block;list-style-type: none;margin: 1vw;}
html body .theme_select_ul .theme-circle-inner{display: block;width: 5vw;height: 5vw;margin: 0;transition: all ease 0.3s;}
.theme_select_ul li .theme_select_input{position: absolute;width: 5vw;height: 5vw;left: 0;background-color: transparent;opacity: 0;cursor: pointer;}
.theme_select_ul li p{margin-bottom: 0;}
.theme_select_ul li p span:before{content: "\f00c";font-family: 'Font Awesome 5 Free';font-weight: 900;position: absolute;z-index: 1;   font-size: 1.2vw;    width: 2vw;    height: 2vw;    border-radius: 100px;    top: 1.5vw;    left: 0;    right: 0;    margin: auto;opacity: 0;transition: all ease 0.3s;pointer-events: none;}
.theme_select_ul li .theme_select_input:hover + p span:before{opacity: 0.5;}
.theme_select_ul li .theme_select_input:checked + p span:before{opacity: 1;}

.user_profile_pic{position: relative;display: inline-block;}
.user_profile_pic .img-circle{width: 15vw;height: 15vw;border-radius: 100vw;border: 0.2vw solid var(--white-color);}
.user_profile_pic .edit-picture{position: absolute; bottom: 1vw; right: 0.6vw; background: var(--white-color); width: 3.0vw; height: 3.0vw; color: var(--dark-gray-color); display: inline-flex; justify-content: center; align-items: center; font-size: 1.5vw; border-radius: 10vw;cursor: pointer;transition: all ease 0.3s;border:0.11vw solid var(--dark-gray-color);}
.user_profile_pic .edit-picture:hover{background-color: var(--highlight-color);}
.user_profile_pic .file_upload{position: absolute;width: 3vw;height: 3vw;opacity: 0;cursor: pointer;}

.step_container form .form-group{display: block;max-width: 30vw;margin: auto;}
.step_container form .form-control{padding: 0.4rem 0.75rem;}
.step_container form .form-group .input_container{display: inline-table;width: calc(100% - 150px);margin-right: 5px;vertical-align: middle;}
.step_container form .btn-primary{display: inline-table;vertical-align: middle;width: 140px;}
.step_container .icon_large{font-size: 7vw;width: auto;color: var(--white-color);}
/*====welcome_step_section ====*/

body mark,body .mark{background-color: var(--table-sub-heading-two);}

/*==============ankit=================*/



/*===============Alok==================*/
.edit_user_photo_upload{position:relative;width:8.824vw;height:8.824vw;margin:auto;margin-bottom:0.735vw;}
.edit_user_photo_upload i{position:absolute;width:2.574vw;height:2.574vw;z-index:8;left:5.882vw;top:0.368vw;display:flex;background:var(--highlight-color);justify-content:center;align-items:center;border-radius:3.676vw;}
.edit_user_photo_upload .avatar{width:7.353vw;height:7.353vw;border-radius:7.353vw;object-fit:cover;border:0.074vw solid var(--table-row-dark);}
.edit_user_photo_upload #editupload{opacity:0;position:absolute;width:2.574vw;height:2.574vw;z-index:9;left:5.882vw;cursor:pointer;top:0.368vw;}
.edit_user_photo_upload #edit_profile_photo{display:none;}
.edit_user_photo_upload #edituploadImg{width:8.824vw;height:8.824vw;border-radius:7.353vw;object-fit:cover;border:0.074vw solid var(--table-row-dark);background-image:url(../images/user.png);}
.tags{padding-left: 0;display: inline-block;width: 100%;}
.tags li{list-style-type: none;font-size: 1vw;border: none!important;border-radius: 0.147vw;line-height: 1.25;color: #55595c;display: inline-block;margin-right: 0.2vw;margin-bottom: 0.2vw;float: left;min-width: 8.4vw;text-align: center;position: relative;}
.tags li .form_control{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.tags li .form_control:checked + span:before{    content: "\f00c";font-family: 'Font Awesome 5 Free';font-weight: 900;display: inline-block;position: relative;font-size: 0.75vw;padding-right: 0.2vw;}
.tags li span{padding: 0.50vw;display: inline-block;width: 100%;background-color: var(--table-sub-heading)}
.tags li .form_control:checked + span{background-color: var(--active-color);color: var(--white-color);}
.tags li:hover span{background-color: var(--highlight-color);color: var(--sec-bg-color);}

@media(min-width: 1367px){
.fixed{top: 15.32vh;}
.tabbing_nav{top: 6.4vh;}

/*===classes for sticky elements=====*/
.stickyBar_tableHeader_tabbing{}
.stickyBar_tableHeader_tabbing .fixed{top: 100px}
.stickyBar_tableHeader_tabbing .tabbing_nav{top: 40px}

.stickyBar_tableHeader{}
.stickyBar_tableHeader .fixed{top: 6.70vh;}

.stickyBar_tabbing{}
.stickyBar_tabbing .tabbing_nav{top: 40px;}

.tableHeader_tabbing{}
.tableHeader_tabbing .tabbing_nav{top: 0px;}
.tableHeader_tabbing .fixed{top: 53px;}

.only_tableHeader .fixed{top: 0;}
/*===classes for sticky elements=====*/
}
/******Alok Custom CSS*********/
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-5px);
  }
}

.notification-container {
  position: fixed;
  right: 0px;
  bottom: 20px;
  z-index: 1000;
  animation: shake 1s infinite; /* Apply the shake animation */
}

.notification-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50px; /* Initial width (half of button) */
  height: 60px;
  background-color: #486184;
  border: none;
  border-radius: 50px;
  color: white;
  cursor: pointer;
  overflow: hidden;
  transition: width 0.3s ease;
  padding: 0;
}

.notification-btn:hover {
  width: auto; /* Full width on hover */
  padding: 15px;
}

.notification-btn .icon {
  font-size: 24px;
}

.notification-btn .text {
  display: none;
  margin-left: 10px;
  font-size: 14px;
  white-space: nowrap;
}

.notification-btn:hover .text {
  display: inline;
}

.notification-btn:active .text {
  display: inline;
}