/* CSS Document */ body, p, h1, h2, h3, h4, h5, h6, span, ul, ol, li, dl, dt, dd, form { padding: 0; margin: 0; } html, body { padding: 0; margin: 0; height: auto; height: 100%;} input { outline: none; } textarea { border: none; outline: none; overflow: auto; resize: none; } select { appearance: none; -moz-appearance: none; -webkit-appearance: none; } select::-ms-expand { display: none; } input.button { border: none; outline: none; } input::-webkit-input-placeholder { opacity: 1; } input::-moz-placeholder { opacity: 1; } input:-ms-input-placeholder { opacity: 1; } input:-moz-placeholder { opacity: 1; } input[type=checkbox] { border: none; outline: none; } img { outline: none; border: none; max-width: 100%; user-select: none; -webkit-user-select: none; } li { list-style: none; } a, a:active, a:hover { text-decoration: none; outline: none !important; user-select: none; -webkit-user-select: none; } a:focus { outline: none; text-decoration: none; } * { box-sizing: border-box; } button, a, input[type="submit"] { -o-transition: all .5s ease-out, all 0.5s ease-in; -ms-transition: all .5s ease-out, all 0.5s ease-in; -moz-transition: all .5s ease-out, all 0.5s ease-in; -webkit-transition: all .5s ease-out, all 0.5s ease-in; transition: all .5s ease-out, all 0.5s ease-in; } :not(output):-moz-ui-invalid { box-shadow-style: inset; } a:hover, a, a:focus { color: inherit; } *, a, a:hover, a:focus, button, button:hover, button:focus { outline: none; } label { margin-bottom: 0; } /*--------------FONTS--------------*/ /* @font-face { */ /* font-family: 'Inter-Light'; */ /* src: url("../fonts/Inter-Light.eot"); */ /* src: url("../fonts/Inter-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Light.woff") format("woff"), url("../fonts/Inter-Light.ttf") format("truetype"), url("../fonts/Inter-Light.svg#Inter-Light") format("svg"); */ /* font-weight: normal; */ /* font-style: normal; } */ /* @font-face { */ /* font-family: 'Inter-LightItalic'; */ /* src: url("../fonts/Inter-LightItalic.eot"); */ /* src: url("../fonts/Inter-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-LightItalic.woff") format("woff"), url("../fonts/Inter-LightItalic.ttf") format("truetype"), url("../fonts/Inter-LightItalic.svg#Inter-LightItalic") format("svg"); */ /* font-weight: normal; */ /* font-style: normal; } */ /* @font-face { */ /* font-family: 'Inter-SemiBold'; */ /* src: url("../fonts/Inter-SemiBold.eot"); */ /* src: url("../fonts/Inter-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-SemiBold.woff") format("woff"), url("../fonts/Inter-SemiBold.ttf") format("truetype"), url("../fonts/Inter-SemiBold.svg#Inter-SemiBold") format("svg"); */ /* font-weight: normal; */ /* font-style: normal; } */ /* @font-face { */ /* font-family: 'Inter-Medium'; */ /* src: url("../fonts/Inter-Medium.eot"); */ /* src: url("../fonts/Inter-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Medium.woff") format("woff"), url("../fonts/Inter-Medium.ttf") format("truetype"), url("../fonts/Inter-Medium.svg#Inter-Medium") format("svg"); */ /* font-weight: normal; */ /* font-style: normal; } */ /* @font-face { */ /* font-family: 'Inter-MediumItalic'; */ /* src: url("../fonts/Inter-MediumItalic.eot"); */ /* src: url("../fonts/Inter-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-MediumItalic.woff") format("woff"), url("../fonts/Inter-MediumItalic.ttf") format("truetype"), url("../fonts/Inter-MediumItalic.svg#Inter-MediumItalic") format("svg"); */ /* font-weight: normal; */ /* font-style: normal; } */ /* @font-face { */ /* font-family: 'Inter-Regular'; */ /* src: url("../fonts/Inter-Regular.eot"); */ /* src: url("../fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Regular.woff") format("woff"), url("../fonts/Inter-Regular.ttf") format("truetype"), url("../fonts/Inter-Regular.svg#Inter-Regular") format("svg"); */ /* font-weight: normal; */ /* font-style: normal; } */ /* @font-face { */ /* font-family: 'Inter-RegularItalic'; */ /* src: url("../fonts/Inter-RegularItalic.eot"); */ /* src: url("../fonts/Inter-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-RegularItalic.woff") format("woff"), url("../fonts/Inter-RegularItalic.ttf") format("truetype"), url("../fonts/Inter-RegularItalic.svg#Inter-RegularItalic") format("svg"); */ /* font-weight: normal; */ /* font-style: normal; } */ /* @font-face { */ /* font-family: 'Inter-Bold'; */ /* src: url("../fonts/Inter-Bold.eot"); */ /* src: url("../fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Bold.woff") format("woff"), url("../fonts/Inter-Bold.ttf") format("truetype"), url("../fonts/Inter-Bold.svg#Inter-Bold") format("svg"); */ /* font-weight: normal; */ /* font-style: normal; } */ @font-face { font-family: 'Inter-Bold'; src: url("../fonts/Inter-Bold.eot"); src: url("../fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Bold.woff") format("woff"), url("../fonts/Inter-Bold.ttf") format("truetype"), url("../fonts/Inter-Bold.svg#Inter-Bold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Inter-Light'; src: url("../fonts/Inter-Light.eot"); src: url("../fonts/Inter-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Light.woff") format("woff"), url("../fonts/Inter-Light.ttf") format("truetype"), url("../fonts/Inter-Light.svg#Inter-Light") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Inter-Medium'; src: url("../fonts/Inter-Medium.eot"); src: url("../fonts/Inter-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Medium.woff") format("woff"), url("../fonts/Inter-Medium.ttf") format("truetype"), url("../fonts/Inter-Medium.svg#Inter-Medium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Inter-Regular'; src: url("../fonts/Inter-Regular.eot"); src: url("../fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Regular.woff") format("woff"), url("../fonts/Inter-Regular.ttf") format("truetype"), url("../fonts/Inter-Regular.svg#Inter-Regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Inter-SemiBold'; src: url("../fonts/Inter-SemiBold.eot"); src: url("../fonts/Inter-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-SemiBold.woff") format("woff"), url("../fonts/Inter-SemiBold.ttf") format("truetype"), url("../fonts/Inter-SemiBold.svg#Inter-SemiBold") format("svg"); font-weight: normal; font-style: normal; } /*0 padding*/ /* [class*="col-"] { padding-left: 0; padding-right: 0; } */ /*0 padding*/ /*General Mixins*/ /*General Mixins*/ /*General Mixins*/ body{font-family: Inter-Regular;} @-webkit-keyframes example { from { width: 0; } to { width: 100%; } } @keyframes example { from { width: 0; } to { width: 100%; } } html { scroll-behavior: smooth; } .clearfix::after, .container::after { content: ''; clear: both; display: table; } /*main styles*/ /*login page*/ .login_page { display: table; width: 100%; min-height: 100vh; } .login_page .bg_c { background: url(../images/login_bg.png) no-repeat left center; background-size: cover; display: table-cell; width: 70%; height: 100vh; padding: 110px 50px; color: #fff; } .login_page .bg_c h2 { font: 30px/30px Inter-SemiBold; } .login_page .bg_c p { font: 15px/26px Inter-Regular; padding-top: 8px; } .login_page .log_part { display: table-cell; background: #fff; padding: 50px 3.7%; vertical-align: middle; max-width: 400px; width: 30%; } .login_page .log_part .log_logo { padding-bottom: 28px; } .login_page .log_part .log_logo a img:nth-child(2) { display: none; } .login_page .log_part h4 { font: 18px/18px Inter-SemiBold; color: #000000; padding-bottom: 20px; } .login_page .log_part .forms .fctrl { position: relative; margin-bottom: 15px; } .login_page .log_part .forms .fctrl.rf { margin-top: 5px; } .login_page .log_part .forms .fctrl input { width: 100%; border: 1px solid #dedede; height: 45px; padding: 0 15px; font: 16px/25px Inter-Light; color: #959595; } .login_page .log_part .forms .fctrl.rf { width: 100%; } .login_page .log_part .forms .fctrl.rf label { font: 14px/25px Inter-Light; color: #666666; } .login_page .log_part .forms .fctrl.rf input { opacity: 0; position: absolute; width: auto; height: auto; } .login_page .log_part .forms .fctrl.rf input ~ i { position: relative; top: 3px; border: 1px solid #dedede; margin-right: 6px; width: 16px; height: 16px; display: inline-block; } .login_page .log_part .forms .fctrl.rf input:checked ~ i { background: #000; border-color: #000; box-shadow: 0 0 0 3px #fff inset; } .login_page .log_part .forms .fctrl .remember { float: left; } .login_page .log_part .forms .fctrl .regist { float: right; text-align: right; color: #f8b102; } .login_page .log_part .forms .fctrl .regist a { font: 14px/25px Inter-Medium; } .login_page .log_part .forms .submit { text-align: center; display: block; width: 100%; text-transform: uppercase; color: #fff; background: #000; font: 15px/25px Inter-SemiBold; border: none; padding: 10px 0; margin-bottom: 16px; } .login_page .log_part .forms .submit:hover { background: #f8b102; } .login_page .log_part .forms .forget { text-align: center; } .login_page .log_part .forms .forget p { font: 14px/25px Inter-Light; color: #666666; } .login_page .log_part .forms .forget p a { font-family: Inter-Medium; color: #f8b102; } /*login page*/ /*dashboard*/ .wrap { width: 100%; margin: 0; padding: 0 25px; margin: auto; } .wrap::after { content: ''; clear: both; display: table; } body { background: #f4f4f4; } .wrapper { width: 100%; } .header { position: fixed; top: 0; z-index: 20; left: 0; box-shadow: 0 0 40px 1px rgba(0, 0, 0, 0.1); background: #fff; min-height: 61px; width: 100%; } .header .logo { width: 240px; float: left; background: #000; text-align: center; } .header .logo a { display: block; padding: 20px 15px; } .header .logo a img:nth-child(2) { display: none; } .header.small .logo { width: auto; background: #fff; position: relative; } .header.small .logo::after { content: ''; position: absolute; right: 0; top: 0; width: 1px; background: #dedede; height: 100%; } .header.small .logo a { height: 61px; } .header.small .logo a img:nth-child(1) { display: none; } .header.small .logo a img:nth-child(2) { display: block; } .header.small .head_actions { max-height: 61px; /* overflow: hidden; */ width: calc(100% - 60px); } .header .head_actions { float: right; width: calc(100% - 240px); } .header .head_actions .wrap { padding-left: 0; } .header .head_actions .left { float: left; } .header .head_actions .right { float: right; } .header .head_actions .toggle { cursor: pointer; float: left; } .header .head_actions .toggle:hover .toggle_ic, .header .head_actions .toggle:focus .toggle_ic { background: #eee; } .header .head_actions .toggle .toggle_ic { transition: 0.5s all ease-out, 0.5s all ease-in; -ms-transition: 0.5s all ease-out, 0.5s all ease-in; -webkit-transition: 0.5s all ease-out, 0.5s all ease-in; -o-transition: 0.5s all ease-out, 0.5s all ease-in; display: block; line-height: 58px; margin-right: 15px; padding: 24.5px 14px; width: 46px; } .header .head_actions .toggle .toggle_ic i { display: block; background: #000000; width: 100%; height: 2px; } .header .head_actions .toggle .toggle_ic i ~ i { margin-top: 3px; } .header .head_actions .search .frm { float: left; width: 270px; } .header .head_actions .search .frm span { display: none; } .header .head_actions .search .frm { padding: 13px 0; } .header .head_actions .search .frm input { font: 13px/24px Inter-Light; color: #888; padding: 0 15px 0 32px; height: 35px; border: none; background: url("../images/search_icon.png")no-repeat 0px center #fff!important; width: 200px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .header .head_actions .search .frm .srch { background: #f8b102; color: #fff; border: none; font: 13px/35px Inter-SemiBold; background-image: none; width: 70px; float: right; padding: 0; text-align: center; border-radius: 0; cursor: pointer; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .header .head_actions .search .srch:hover { background: #000; } .header .head_actions .lang_drop { float: left; max-width: 140px; padding-left: 10px; padding-right: 10px; position: relative; transition: 0.5s all ease-out, 0.5s all ease-in; -ms-transition: 0.5s all ease-out, 0.5s all ease-in; -webkit-transition: 0.5s all ease-out, 0.5s all ease-in; -o-transition: 0.5s all ease-out, 0.5s all ease-in; } .header .head_actions .lang_drop:focus, .header .head_actions .lang_drop:hover { background: #eee; } .header .head_actions .lang_drop span { font: 14px/26px Inter-Light; cursor: pointer; display: block; color: #777; padding: 18px 0 17px; padding-right: 16px; background: url("../images/down_arrow.png") no-repeat right 4px center; } .header .head_actions .lang_drop span img { max-width: 20px; margin-right: 10px; } .header .head_actions .lang_drop .drop { position: absolute; box-shadow: 0 0 50px 1px rgba(0, 0, 0, 0.1); border-radius: 4px; top: 40px; opacity: 0; visibility: hidden; transition: 0.5s all ease-out, 0.5s all ease-in; -ms-transition: 0.5s all ease-out, 0.5s all ease-in; -webkit-transition: 0.5s all ease-out, 0.5s all ease-in; -o-transition: 0.5s all ease-out, 0.5s all ease-in; background: #fff; width: 140px; right: -35px; padding: 10px 15px; } .header .head_actions .lang_drop .drop::before, .header .head_actions .lang_drop .drop::after { content: ''; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); border: 1px solid #fff; border-width: 0 8px 8px 8px; border-color: #fff transparent; } .header .head_actions .lang_drop .drop::before { border-color: #e5e5e5 transparent; top: -9px; } .header .head_actions .lang_drop .drop li { /* text-align: center; */ display: block; padding: 5px 0; } .header .head_actions .lang_drop .drop li:not(:last-child) { margin-bottom: 8px; } .header .head_actions .lang_drop .drop.open { top: 61px; opacity: 1; visibility: visible; } .header .head_actions .noti { float: left; width: 64px; text-align: center; padding: 20px 10px 19px; cursor: pointer; transition: 0.5s all ease-out, 0.5s all ease-in; -ms-transition: 0.5s all ease-out, 0.5s all ease-in; -webkit-transition: 0.5s all ease-out, 0.5s all ease-in; -o-transition: 0.5s all ease-out, 0.5s all ease-in; position: relative; } .header .head_actions .noti.new .not_ic::after { content: ''; width: 5px; height: 5px; background: red; border-radius: 100%; position: absolute; top: 20px; right: 25px; } .header .head_actions .noti:focus, .header .head_actions .noti:hover { background-color: #eee; } .header .head_actions .noti .drop { position: absolute; right: 0; top: 40px; background: #fff; width: 200px; padding: 15px 0; box-shadow: 0 0 50px 1px rgba(0, 0, 0, 0.1); border-radius: 4px; opacity: 0; visibility: hidden; transition: 0.5s all ease-out, 0.5s all ease-in; -ms-transition: 0.5s all ease-out, 0.5s all ease-in; -webkit-transition: 0.5s all ease-out, 0.5s all ease-in; -o-transition: 0.5s all ease-out, 0.5s all ease-in; } .header .head_actions .noti .drop li { padding: 0 18px; } .header .head_actions .noti .drop li p { font: 15px/21px Inter-Regular; color: #000000; } .header .head_actions .noti .drop li span { font: 14px/22px Inter-Light; color: #666666; text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; } .header .head_actions .noti .drop li:not(:last-child) { border-bottom: 1px solid #e1e1e1; padding-bottom: 5px; margin-bottom: 10px; } .header .head_actions .noti .drop::before, .header .head_actions .noti .drop::after { content: ''; position: absolute; top: -8px; right: 20px; border: 1px solid #fff; border-width: 0 8px 8px 8px; border-color: #fff transparent; } .header .head_actions .noti .drop::before { border-color: #e5e5e5 transparent; top: -9px; } .header .head_actions .noti .drop.open { top: 61px; opacity: 1; visibility: visible; } .header .head_actions .user_log { float: right; border-left: 1px solid #dedede; padding: 12px 17px 13px 15px; cursor: pointer; min-width: 165px; position: relative; border-right: 1px solid #dedede; transition: 0.5s all ease-out, 0.5s all ease-in; -ms-transition: 0.5s all ease-out, 0.5s all ease-in; -webkit-transition: 0.5s all ease-out, 0.5s all ease-in; -o-transition: 0.5s all ease-out, 0.5s all ease-in; } .header .head_actions .user_log:focus, .header .head_actions .user_log:hover { background: #eee; } .header .head_actions .user_log .usr_img { max-width: 36px; } .header .head_actions .user_log .usr_info { width: calc(100% - 36px); padding-left: 10px; } .header .head_actions .user_log .usr_info h5 { padding-top: 4px; font: 14px/16px Inter-Medium; color: #000000; } .header .head_actions .user_log .usr_info span { display: block; font: 12px/14px Inter-Light; color: #777; } .header .head_actions .user_log .drop { position: absolute; right: 0; top: 40px; background: #fff; width: 160px; padding: 15px 0; box-shadow: 0 0 50px 1px rgba(0, 0, 0, 0.1); border-radius: 4px; opacity: 0; visibility: hidden; transition: 0.5s all ease-out, 0.5s all ease-in; -ms-transition: 0.5s all ease-out, 0.5s all ease-in; -webkit-transition: 0.5s all ease-out, 0.5s all ease-in; -o-transition: 0.5s all ease-out, 0.5s all ease-in; } .header .head_actions .user_log .drop li { font: 14px/26px Inter-Light; color: #666666; padding: 0 15px; } .header .head_actions .user_log .drop li:not(:last-child) { padding-bottom: 4px; margin-bottom: 4px; } .header .head_actions .user_log .drop::before, .header .head_actions .user_log .drop::after { content: ''; position: absolute; top: -8px; right: 20px; border: 1px solid #fff; border-width: 0 8px 8px 8px; border-color: #fff transparent; } .header .head_actions .user_log .drop::before { border-color: #e5e5e5 transparent; top: -9px; } .header .head_actions .user_log .drop.open { top: 61px; opacity: 1; visibility: visible; } .head_part ~ .main_content { margin-top: 61px; margin-left: 240px; } .head_part ~ .main_content.full { margin-left: 0; } .main_part {padding: 25px 0;} .side_menu { position: fixed; left: 0; z-index: 10; top: 0; background: #000; height: 100%; width: 240px; padding: 65px 15px 20px 30px; } .side_menu h4 { font: 14px/44px Inter-SemiBold; color: #777; text-transform: uppercase; } .side_menu.hid { left: -240px; } /*.side_menu .sidebar { height: calc(100vh - 116px); }*/ .side_menu .sidebar li { cursor: pointer; transition: 0.5s all ease-out, 0.5s all ease-in; -ms-transition: 0.5s all ease-out, 0.5s all ease-in; -webkit-transition: 0.5s all ease-out, 0.5s all ease-in; -o-transition: 0.5s all ease-out, 0.5s all ease-in; font: 14px/50px Inter-Medium; color: #777; } .side_menu .sidebar li span { float: right; width: 10px; height: 10px; display: block; } .side_menu .sidebar li a { transition: none; padding-left: 34px; } .side_menu .sidebar li.active { color: #fff; } .side_menu .sidebar .dashboard { background: url("../images/dashboard.png") no-repeat left 18px; } .side_menu .sidebar .dashboard.active, .side_menu .sidebar .dashboard:hover { color: #fff; background-image: url("../images/dashboard_active.png"); } .side_menu .sidebar .advice { background: url("../images/advice.png") no-repeat left 18px; } .side_menu .sidebar .advice.active, .side_menu .sidebar .advice:hover { color: #fff; background-image: url("../images/advice_active.png"); } .side_menu .sidebar .agenda { background: url("../images/agenda.png") no-repeat left 18px; } .side_menu .sidebar .agenda.active, .side_menu .sidebar .agenda:hover { color: #fff; background-image: url("../images/agenda_active.png"); } .side_menu .sidebar .business { background: url("../images/business.png") no-repeat left 18px; } .side_menu .sidebar .business.active, .side_menu .sidebar .business:hover { color: #fff; background-image: url("../images/business_active.png"); } .side_menu .sidebar .interventions { background: url("../images/interventions.png") no-repeat left 18px; } .side_menu .sidebar .interventions.active, .side_menu .sidebar .interventions:hover { color: #fff; background-image: url("../images/interventions_active.png"); } .side_menu .sidebar .logout { background: url("../images/logout.png") no-repeat left 18px; } .side_menu .sidebar .logout.active, .side_menu .sidebar .logout:hover { color: #fff; background-image: url("../images/logout_active.png"); } .side_menu .sidebar .measure { background: url("../images/measure.png") no-repeat left 18px; } .side_menu .sidebar .measure.active, .side_menu .sidebar .measure:hover { color: #fff; background-image: url("../images/measure_active.png"); } .side_menu .sidebar .messages { background: url("../images/messages.png") no-repeat left 18px; } .side_menu .sidebar .messages.active, .side_menu .sidebar .messages:hover { color: #fff; background-image: url("../images/messages_active.png"); } .side_menu .sidebar .settings { background: url("../images/settings.png") no-repeat left 18px; } .side_menu .sidebar .settings.active, .side_menu .sidebar .settings:hover { color: #fff; background-image: url("../images/settings_active.png"); } .side_menu .sidebar .studio { background: url("../images/studio.png") no-repeat left 18px; } .side_menu .sidebar .studio.active, .side_menu .sidebar .studio:hover { color: #fff; background-image: url("../images/studio_active.png"); } .side_menu .sidebar .mCSB_container_wrapper { margin-right: 0; } .side_menu .sidebar .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #fff; } .side_menu .sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 3px; } .input-group-addon.input-group-addon-info{background: #f8b102;} .row{margin: 0;} .form-horizontal .form-group, .form-group{margin-bottom: 0; padding:7px 0;} .btn{background-color: #000; border-color: #000; color: #fff!important;} .btn-danger{background:red!important; border-color: red!important;} .Hunter-time-picker li .Hunter-clean-btn, .Hunter-time-picker .active div.Hunter-hour-name, .Hunter-time-picker li .Hunter-clean-btn:hover{background-color:#f8b102; border-color:#f8b102;} .Hunter-time-picker li .Hunter-clean-btn {margin-top: 10px;} .Hunter-time-picker li .Hunter-minute.active{background: #f8b102;} .btn-success{background-color: #f8b102; border-color: #f8b102; color: #fff;} form .form-group-separator{margin: 0; background:none;} .toast-success, .toast{background: #000; color: #fff;} .toast p{color:#fff;} .btn.btn-white.btn-icon-standalone i{background-color:#000!important; border-color: #000!important;} .has_sub ul { display: none; padding-left: 15px; } .has_sub a { background: url("../images/right_arrow1.png") no-repeat right center; } .has_sub a:hover { background-image: url("../images/right_arrow.png"); } .has_sub li a { background: none; } .has_sub li a:hover { background: none; } .main_part{overflow-x:hidden;} .main_part .title { /* padding: 20px 0; */ width: 100%; } .main_part .title h1 { font: 15px/25px Inter-Medium; display: inline-block; color: #000000; } .main_part .block { box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.1); background: #fff; width: 100%; border-radius: 3px; margin-bottom: 27px; } .main_part .block h2 { font: 22px/22px Inter-Medium; color: #000000; padding-bottom: 10px; } .main_part .block p { font: 14px/24px Inter-Light; color: #64748b; } .main_part .welcome { padding: 30px 40px; } .main_part .welcome .btns { padding-top: 38px; } .main_part .welcome .btns a { color: #fff; font: 16px/16px Inter-Medium; background: #f8b102; border-radius: 4px; display: inline-block; padding: 13px 0; text-align: center; border: 1px solid #f8b102; width: 200px; float: left; } .main_part .welcome .btns a:hover { background: #fff; color: #f8b102; } .main_part .welcome .btns a:nth-child(2) { margin-left: 20px; background: #000000; border-color: #000000; } .main_part .welcome .btns a:nth-child(2):hover { background: #fff; color: #000000; } .main_part .mstudio { float: left; width: 49%; padding: 25px 40px; margin-right: 2%; } .main_part .mstudio .btns { padding-top: 13px; } .main_part .mstudio .btns a { display: inline-block; float: left; font: 16px/16px Inter-Medium; color: #f8b102; border: 1px solid #f8b102; border-radius: 30px; padding: 13px 0; text-align: center; width: 200px; } .main_part .mstudio .btns a:hover { background: #f8b102; color: #fff; } .main_part .mstudio .btns a:nth-child(2) { margin-left: 20px; border-color: #000000; color: #000000; } .main_part .mstudio .btns a:nth-child(2):hover { background: #000000; color: #fff; } .main_part .blks { float: left; width: 49%; } .main_part .blks .blk { float: left; width: 48%; padding: 15px 20px 18px 25px; } .main_part .blks .blk h4 { font: 16px/19px Inter-Regular; color: #1E293B; float: left; padding-top: 10px; } .main_part .blks .blk h4 ~ img { float: right; } .main_part .blks .blk:nth-child(2) { margin-left: 4%; } .main_part .blks h1, .main_part .blks .blk strong { font: 31px/31px Inter-SemiBold; color: #000000; padding: 17px 0; } .main_part .blks p { font-size: 16px; } .main_part .timeline { width: 55.5%; float: left; padding: 20px 20px 30px; } .main_part .timeline h4 { text-transform: uppercase; font: 16px/16px Inter-Regular; color: #1E293B; padding-bottom: 19px; } .main_part .timeline .tbs { display: table; width: 100%; } .main_part .timeline .tbs:not(:last-child) { margin-bottom: 19px; } .main_part .timeline .tbs .date { display: table-cell; width: 85px; vertical-align: middle; } .main_part .timeline .tbs .date h5 { font: 14px/16px Inter-Medium; color: #000000; } .main_part .timeline .tbs .date span { font: 14px/16px Inter-Regular; color: #777; } .main_part .timeline .tbs .mblk { display: table-cell; width: calc(100% - 85px); border-radius: 4px; border: 1px solid #dedede; vertical-align: middle; padding: 20px 30px 15px 43px; } .main_part .timeline .tbs .mblk .div { position: relative; } .main_part .timeline .tbs .mblk h6 { font: 15px/16px Inter-Medium; color: #000000; padding-bottom: 10px; } .main_part .timeline .tbs .mblk p { font: 15px/20px Inter-Light; color: #777; } .main_part .timeline .tbs .mblk .linkk { font: 14px/20px Inter-Medium; color: #f8b102; display: inline-block; margin-top: 10px; } .main_part .timeline .tbs .mblk img, .main_part .timeline .tbs .mblk i { position: absolute; color: #fff; left: -65px; top: 50%; width: 42px; transform: translateY(-50%); text-align: center; border-radius: 50%; padding: 13px 0; border: 1px solid #fff; } .main_part .appoint { float: left; width: 42.5%; margin-left: 2%; padding: 31px 20px; } .main_part .appoint h4 { text-transform: uppercase; font: 16px/16px Inter-Regular; color: #1E293B; padding-bottom: 35px; } .main_part .appoint .cals .cal { padding-left: 43px; background: url(../images/cal_ic.png) no-repeat left center; background-position: left top; } .main_part .appoint .cals .cal:not(:last-child) { margin-bottom: 30px; } .main_part .appoint .cals .cal h6 { font: 15px/16px Inter-Medium; color: #000; padding-bottom: 8px; } .main_part .appoint .cals .cal p { font: 15px/20px Inter-Light; color: #777; } .main_content{position: relative; min-height: 100vh; min-height:calc(100vh - 61px); padding-bottom: 65px;} .nes{padding: 15px 0;} .agenta_select.nes .btn.btn-success{background-color: #f8b102; border-color: #f8b102;} .copyright { padding: 18px 0; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; background: #fff; box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.1); } .copyright p { font: 15px/20px Inter-Light; color: #777; } .copyright p a { color: #f8b102; } .dashboard ~ .copyright { margin-top: 165px; } .main_part .appoint .cals .cal{background: none; position: relative;} .main_part .appoint .cals .cal::before {content: ''; content: '\f073'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 0; width: 30px; text-align: center; border-radius: 50%; padding: 7px 0;} /*dashboard*/ /*quickscan*/ .title::after { content: ''; clear: both; display: table; } .title .breads { float: right; } .title .breads li { font: 13px/25px Inter-Light; float: left; position: relative; color: #777; } .title .breads li a:hover { color: #000000; } .title .breads li + li { margin-left: 5px; } .title .breads li + li::before { content: '/'; margin-right: 5px; } .main_content { position: relative; } .qs.block { margin-bottom: 60px; } .qs { padding: 20px 0; } .qs .qhead { padding: 0 25px 18px; border-bottom: 1px solid #dedede; } .qs .qhead h4 { font: 15px/16px Inter-SemiBold; color: #000000; text-transform: uppercase; } .quicks { padding: 35px 40px 20px; } .quicks .quick:not(:last-child) { margin-bottom: 40px; } .quicks .quick h4 { font: 16px/16px Inter-Regular; color: #000000; padding-bottom: 20px; } .quicks .quick p { font: 15px/22px Inter-Light; color: #777; } .quicks .quick input[type="text"] { height: 45px; width: 100%; border: 1px solid #e7e9ed; padding: 0 15px; font: 15px/24px Inter-Regular; color: #777; background: #fafbfd; } .quicks .quick .in { float: left; position: relative; } .quicks .quick .in input { opacity: 0; position: absolute; left: 0; width: auto; top: 0; } .quicks .quick .in input ~ i { display: inline-block; margin-right: 8px; position: relative; top: 4px; width: 18px; height: 18px; background: #fafbfd; border: 2px solid #e7e9ed; /* border-radius: 100%*/; } .quicks .quick .in input:checked ~ i { border-color: #b7b7b7; } .quicks .quick .in input:checked ~ i::before { content: ''; position: absolute; top: 49.54%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; background: #1a1a1a; } .quicks .quick .in label { font: 15px/16px Inter-Light; color: #777; } .quicks .quick .in:not(:last-child) { margin-right: 20px; } .quicks .go { margin-top: 50px; float: right; border: 1px solid #f8b102!important; background: #fff!important; color: #f8b102!important; font: 16px/16px Inter-Medium; text-align: center; padding: 14px; border-radius: 4px; width: 200px; } .quicks .go:hover { background: #f8b102!important; color: #fff!important; } .quicks.results { padding-bottom: 0; } .quicks.results .quick { margin-bottom: 26px; } .quicks.results .quick h4 { padding-bottom: 14px; } .quicks.results .quick.boxx { background: #fafbfd; padding: 19px 20px; border: 1px solid #e7e9ed; margin-bottom: 38px; } .quicks.results .quick.boxx .conts { position: relative; padding-left: 20px; } .quicks.results .quick.boxx .conts h2 { font: 15px/22px Inter-Medium; color: #000000; padding-bottom: 6px; } .quicks.results .quick.boxx .conts p { font: 15px/22px Inter-Light; color: #777; } .quicks.results .quick.boxx .conts::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 3px; } .quicks.results .quick.boxx.danger .conts::before { background: #ef4d3f; } .quicks.results .quick.boxx.success .conts::before { background: #00af67; } .quicks.results .quick.boxx.warning .conts::before { background: #f99d31; } /*quickscan*/ /*main styles*/ /*changes*/ .content{max-width:inherit;} .form-horizontal .control-label{text-align: left;} .dummy + .nav-tabs {margin-top: 20px;} .block{padding: 20px;} .header .head_actions .search input{float:left;} input[type="hidden"] {height:0!important;} .content-title {font: 23px/23px 'Inter-Regular'; color: #000; padding: 13px 0; } .head ~ .xe-label {display: block!important; padding: 0; margin: 0; position: unset; clear: both; padding-left:0!important; padding-right:0!important;} .head.clearfix {width: calc(100% - 45px); float: left;}.head + img {float: right;} .title{margin-bottom: 20px;} .search{float: left;} .form-horizontal .form-group{margin-left:0; margin-right:0;} .form-group{margin-bottom: 15px;} .modal-tabs .nav.nav-tabs>li>a{color: #000;} .main_content.no{padding:0; /* height:100vh; */ } .fa-info-circle:before, .fa-check-circle:before{color: #f8b102;} th.col-lg-6.col-sm-3.col-xs-8.sorting_asc{width: 140px;} th.col-lg-4.col-sm-3.hidden-xs.sorting{width: 120px;} th.col-lg-4.col-sm-3.hidden-xs.sorting{width: 80px;} /* th.col-lg-2.col-sm-3.col-xs-4.text-center.sorting_disabled{width:75px;} */ th.checkbox-col.hidden-xs.sorting_disabled, .dataTables_wrapper .table.table-standalone thead>tr .sorting, .dataTables_wrapper .table.table-standalone thead>tr .sorting_asc, .dataTables_wrapper .table.table-standalone thead>tr .sorting_desc, th.col-lg-2.col-sm-3.col-xs-4.text-center.sorting_disabled{background: #fff!important;} .row.hj .grid.hj{margin:0 -15px;} .row.hj [class*="col-"], .grid.hj [class*="col-"]{padding-left:15; padding-right:15px;} .popover-content ul{padding-left:0!important; padding-top:10px;} .popover-content ul li{color: #777;} .grid{margin-left:0!important; margin-right:0!important;} .typeahead-wrapper, .select2-result { width: 100%; display: block; height: 32px; white-space: nowrap; overflow: hidden; } .typeahead-img, .select2-result-img { float: left; display: block; width: 32px; max-height: 32px; margin-right: 8px; } .typeahead-labels, .select2-result-labels { margin-left: 40px; height: 32px; vertical-align:top; display: block; overflow: hidden; } .typeahead-primary, .select2-result-primary { font-weight: bold; font-size: 13px; line-height: 18px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .typeahead-secondary, .select2-result-secondary { font-size: 12px; line-height: 12px; color: #999; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select2-results li:hover .select2-result-secondary, .select2-results__option--highlighted .select2-result-secondary { color: #ddd; } div.datepicker table tr td.active, div.datepicker table tr td.active:hover, div.datepicker table tr td.active.disabled, div.datepicker table tr td.active.disabled:hover{background-color: #f8b102;} .header .head_actions .lang_drop .drop li img{margin-left: 4px;} .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover, .pagination>li>a, .pagination>li>span{color: #000;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: #f8b102; border-color: #f8b102;} select.form-control.input-sm{padding: 0 25px 0px 10px;} .blks.right .blk:first-child .head ~ span::after {content: '\f234'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .blks.right .blk:last-child .head ~ span::after{ content: '\f0c0'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .blks.right .blk .head ~ span {float: right; position: relative;} .blks.right .blk .head ~ span::after{display: inline-block; padding: 11px; color: #f8b102; font-size: 18px!important;} .blks.right .blk .head ~ span::before{content: ''; position: absolute; left: 0; top: 0; width: 41px; height: 41px; background: #f8b102; opacity: 0.25;} .main_part .blks .blk .xe-label { padding: 12px 0; } .content-nav-wrap .content-nav .content-nav-list > li:hover::after, .content-nav-wrap .content-nav .content-nav-list > li.active::after{background-color: #f8b102;} .side_menu .sidebar li a{display: block;} /* .side_menu{transition: .5s ease all;} */ .head_part::after{content: ''; clear: both; display: table;} .header.small .logo{display: none;} .header.small .head_actions{width: 100%;} .header .logo img {min-height: 41px; width: 100%; object-fit: contain; max-height: 41px;} .header .logo a{padding: 10px 15px;} .header .logo{min-height: 61px;} .new-clr-bg{border: none; background: #bababa; border-radius: 5px; padding: 15px;} .new-clr-bg::after, .product-images .new-clr-bg .product-image-details::after{content: ''; clear: both; display: table;} .product-images .new-clr-bg .product-image-details{margin-left: 0; padding-top: 0; float: right; padding: 0;} .product-images .product-image.new-clr-bg img{margin: 0;} .product-images .product-image.new-clr-bg .delete-image-btn {color: #fff; font: 15px/15px Inter-Light;} .product-images .product-image.new-clr-bg img {max-width: 170px;} .notifications {position: absolute; right: 0; top: 40px; background: #fff; width: 240px; padding: 15px; box-shadow: 0 0 50px 1px rgba(0, 0, 0, 0.1); border-radius: 4px; transition: 0.5s all ease-out, 0.5s all ease-in; -ms-transition: 0.5s all ease-out, 0.5s all ease-in; -webkit-transition: 0.5s all ease-out, 0.5s all ease-in; -o-transition: 0.5s all ease-out, 0.5s all ease-in;} .notifications li:not(:last-child) {margin-bottom: 12px;} .nav.nav-tabs>li>a{padding-left: 12px; padding-right: 12px;} li#alerts-dropdown a i ~ span:last-child{text-indent: -9000rem; display: inline-block;} .notifications{left: auto!important; right: -13px;} .quicks .quick select{background: #fff url('../images/down_arrow.png') no-repeat right 15px center; height: 45px; width: 100%; padding: 0 15px; font: 15px/24px Inter-Regular; color: #777; border-radius: 4px; border: 1px solid #e7e9ed; padding-right: 35px;} .quicks .quick input + input, .quicks .quick input ~ div {margin-top: 10px;} .quicks .quick label {display: block;} .measure-autocomplete-wrap .input-group{position: relative; display: block;} .measure-autocomplete-wrap .input-group .input-group-addon {display: block; float: left; width: 40px; padding: 12px;} .measure-autocomplete-wrap .input-group .input-group-addon + input {display: block; float: left; width: calc(100% - 40px);} .measure-autocomplete-wrap .typeahead.dropdown-menu {position: relative; width: 100%; top: 0!important; left: 0!important;} /*changes*/ /*--- changes by Ajith ---*/ .a_add_icn, .a_remove_icn {display: inline-block;width: 30px;height: 30px;border: 1px solid #ccc;font-size: 20px;padding: 1px 9px;border-radius: 5px;} .department-switch.btn-group .dropdown-toggle {color: #888!important;} .btn {margin-bottom:0;} .login_page .bg_c {background:none;padding:0;position:relative;} .log_content {position: absolute;top: 110px;left: 50px;z-index: 1;} .favicon-images { margin-top: 20px; } .new-clr-bg {display:table;max-width:830px;margin-left:auto;} .new-clr-bg img { width: 100%; display:table-cell; } .product-image-details { width: 50%; display:table-cell;vertical-align:middle; padding-left: 50px; } .bg_c img { width: auto; height: 100%; min-height: 650px; object-fit: cover; } .side_menu .sidebar li { position: relative; } .side_menu .sidebar li span { float: none; position: absolute; top: 50%; right: 2px; transform: translateY(-50%); margin: 0; } /* .toast-top-center { */ /* position: fixed; */ /* top: 0; */ /* } */ .modal.general_employee_questionnaire_modal .modal-dialog .modal-content .modal-header { margin: 0!important; } .questionnaire .progress { margin-top: 0; } .frm_blk .questions .ques_blk .rdo_blk { display: block!important; } .frm_blk .questions .ques_blk .rdo_blk:not(:last-child) { margin-bottom: 10px!important; } .into-banner p { min-height: 128px; } /*--- changes by Ajith ---*/ .highcharts-tooltip span { width: 200px; white-space:normal !important; } .pie_menu_color{ height: 30px; width: 30px; padding: 0; border: 0; background-color: transparent; } /*div#highcharts-evkm4y0-0 {height: 230px!important;} rect.highcharts-plot-border { height: 230px; } g.highcharts-legend {height: 230px;transform: translate(26px, 120px)!important;} rect.highcharts-background { height: 230px; } rect.highcharts-plot-background {height: 230px;} div#highcharts-evkm4y0-0 svg.highcharts-root {height: 230px!important;} svg.highcharts-root { height: 230px; } div#highcharts-yi9qc86-0 {height: 230px!important;} div#highcharts-gx56j92-0 {height: 230px!important;} .piegraph-counter > div {height: 230px;} .piegraph-counter {height: 230px;margin-top: -60px;} .result-block .result-block-icon {height: 230px;} .piegraph .highcharts-container {height: 230px!important;}*/ .content .row { margin: 0 0 15px; } .emp_xl { display: flex; align-items: center; justify-content: space-between; align-content: center; width: 100%; max-width: 500px; margin: 0 0 15px auto; } .emp_xl a.btn.btn-block.btn-uc.btn-sm.btn-info.btn-hollow.btn-icon { max-width: 160px; } /* Changes By Pooja */ /* 31/12/21 */ .panel.panel-default.history-panel.collapsed { padding: 20px 30px; } .department-switch { float: left; } button#filtersubmit_result { float: left; } .panel.var-description { margin-left: 30px; } /* 4/1/22 */ .content .content a.btn.btn-success { margin-bottom: 30px; } .questionnaire-intro p { font-family: 'Inter-Light'; } .modal .modal-dialog .modal-content { border: 1px solid transparent; padding: 30px 13px; } .modal .modal-dialog .modal-content .modal-footer { display: block; } .modal .modal-dialog .modal-content .modal-footer .btn { display: inline-block; margin-left: 0; margin-right: 4px; } /*changes by ashiya*/ /*10-01-2022*/ .health_resultsec .col-sm-6.depart_spacing .department-switch.col-sm-6{padding-left: 0;} .health_resultsec .content.health_resultsec .row .col-sm-6.depart_spacing h1{margin-bottom: 20px;} .refuse_status{display :block} .modal .modal-dialog .modal-content .modal-footer .form-group.checkbox-group input{margin-top: 4px;} .modal .modal-dialog .modal-content .modal-footer .form-group.checkbox-group{padding: 0;} .settings .content.ques_emp_result a{margin-bottom: 20px;} .settings .content.emp_result .row div:not(:nth-child(3n)){margin-right: 3%;} .ques_resultpage .department-switch{float: none;} /*13-01-2022*/ .run_quickscan{display: flex;align-items: center;} .run_quickscan label{flex: 0 0 100%;max-width: 253px;padding-left:0;} .emp_result div.row div:first-child{padding-left:0;} /*changes by ashiya - end*/ /*01-06-2023 - start*/ .reports_page .reports_head{ max-width: 1140px; width: 100%; padding: 0 15px 30px; margin: 0 auto; } .reports_page .reports_nav_cnt .nav-tabs{ margin-bottom: 30px; } .reports_page .reports_nav_cnt .nav-tabs a{ padding: 15px 20px; margin-right: 15px; display: block; background: #ffffff; text-transform: capitalize; font-weight: bold; } .reports_page .reports_nav_cnt .nav-tabs li.active a{ background: #db6058; color: #ffffff; } /*01-06-2023 - end */ /*24-06-2023 - start*/ .reports_nav_cnt{ max-width: 100%; padding: 0; } .reports_page .reports_head{ margin: 0; padding-left: 0; padding-right: 0; max-width: 100%; } /*24-06-2023 - end */ /*05-05-2025*/ .modal .modal-dialog .modal-content .modal-body #advice_fields_container{ align-items: flex-start; } .modal .modal-dialog .modal-content .modal-body #advice_fields_container button.btn-success{ border-radius: 50%; } .modal .modal-dialog .modal-content .modal-body #advice_fields_container button.btn-danger{ margin-left: 5px; background-color: #db6058 !important; } /*05-05-2025*/ /*09-06-2025*/ .frm_blk .questions .ques_blk .adviceopt p.advice_t{ padding: unset; margin-bottom: unset; color: #333333; font: 17px / 20px Inter-SemiBold; margin-bottom: 10px; margin-top: 10px; } .frm_blk .questions .ques_blk .adviceopt{ margin-bottom: 10px; } div#table-recommendations_wrapper table tbody tr td a.adviceresult{ max-width: 200px;} /*09-06-2025*/ /*Responsive codes*/ @media screen and (max-width: 1310px) { .head_part ~ .main_content { margin-left: 0; } .side_menu { left: -240px; width: 239px; } .side_menu.hid { left: 0; } .header .logo{ width: auto; display: none; } .header.small .logo { width: 240px; display: block; } .header .head_actions{ width: 100%; } .header.small .head_actions{ width: calc(100% - 240px); } } @media screen and (max-width: 1200px) { .login_page .bg_c { width: 57%; } .login_page .log_part { width: 43%; } .main_part .mstudio .btns a { width: 160px; } .main_part .block p { font-size: 16px; } .main_part .blks p { font-size: 15px; } .dashboard ~ .copyright { margin-top: 140px; } .main_part .welcome .btns { padding-top: 30px; } /*01-06-2023 - start*/ .reports_nav_cnt{ max-width: 100%; padding-left: 0; padding-right: 0; } .reports_page .reports_head{ max-width: 100%; padding-left: 0; padding-right: 0; } /*01-06-2023 - end*/ } @media screen and (max-width: 1024px) { .main_part .mstudio, .main_part .blks, .main_part .timeline, .main_part .appoint { width: 100%; float: none; margin-left: 0; margin-right: 0; } .header .head_actions .search span { width: 40px; height: 61px; display: block; background: url("../images/search_ic.png") no-repeat center center; transition: 0.5s all ease-out, 0.5s all ease-in; -ms-transition: 0.5s all ease-out, 0.5s all ease-in; -webkit-transition: 0.5s all ease-out, 0.5s all ease-in; -o-transition: 0.5s all ease-out, 0.5s all ease-in; } .header .head_actions .search span:hover, .header .head_actions .search span:focus { background-color: #eee; } .header .head_actions .search{float: left;} .header .head_actions .search .frm { position: absolute; top: 60px; left: 0; width: 310px; background: #fff; padding: 20px; box-shadow: 0 0 60px 1px rgba(0, 0, 0, 0.1); display: none; } .header .head_actions .search { width: 30px; position: relative; } .header .head_actions .toggle .toggle_ic { margin-right: 0; } .header .head_actions .lang_drop span { text-indent: -8000rem; color: transparent; padding-right: 0; background-position: right 2px center; } .header .head_actions .lang_drop span img { text-indent: 0; } .header .head_actions .lang_drop span img { /* margin-right: 10px; margin-bottom: -13px; position: relative; top: 6px;*/ display: block; margin-left: auto; margin-right: auto; } .header .head_actions .lang_drop { width: 60px; padding: 6px 0 0; } .header .head_actions .user_log .usr_info { display: none; } .header .head_actions .user_log { padding: 15px 12px 11px 12px; } .header .head_actions .lang_drop span{padding: 14px 0; margin-right: 8px;} .header .head_actions .noti{padding: 20px 10px 21px;} .main_part .block h2 { font-size: 20px; } .main_part .block p { font-size: 15px; } .main_part .welcome .btns a { font-size: 15px; width: 180px; } .main_part .mstudio .btns a { font-size: 15px; } .main_part .welcome .btns { padding-top: 20px; } .main_part .blks h1, .main_part .blks strong { font-size: 26px; padding: 10px 0; } .main_part .timeline .tbs .mblk p, .main_part .appoint .cals .cal p { font-size: 14px; } .dashboard ~ .copyright { margin-top: 40px; } .header .head_actions .user_log{ min-width: 60px; width: 60px; } .quicks.results .quick.boxx .conts p, .quicks.results .quick.boxx .conts h2 { font-size: 14px; } .quicks.results .quick.boxx { margin-bottom: 30px; } .header .head_actions .lang_drop .drop{ right: -43px; } /*changes by ashiya*/ .ques_results .ques_res a.btn{margin-bottom: 15px;} /*changes by ashiya - end*/ } @media screen and (max-width: 767px) { .agenta_select .form-control.fltr_chng{width:51%;} .login_page .bg_c { position: absolute; background: none; padding: 40px 0 0; text-align: center; width: 100%; top: 0; left: 0; } .login_page { position: relative; display: block; background: url(../images/login_bg.png) no-repeat left center; background-size: cover; } .login_page .log_part { background: transparent; display: block; width: 100%; max-width: 400px; margin: auto; padding-top: 130px; } .login_page .log_part .log_logo { text-align: center; } .login_page .log_part .log_logo a { display: block; } .login_page .log_part .log_logo a img { display: block; margin: auto; } .login_page .log_part .log_logo a img:nth-child(2) { display: block; } /* .login_page .log_part .log_logo a img:nth-child(1) { */ /* display: none; } */ .login_page .log_part h4 { color: #fff; } .login_page .log_part .forms .submit { background: #f8b102; color: #fff; } .login_page .log_part .forms .submit:hover { color: #000; background: #fff; } .login_page .log_part .forms .fctrl.rf label, .login_page .log_part .forms .forget p { color: #fff; } .login_page .log_part .forms .fctrl input { height: 42px; font-size: 15px; } .login_page .log_part .forms .fctrl.rf input:checked ~ i { background: #f8b102; border-color: #f8b102; } .login_page .bg_c h2 { font-size: 27px; } .main_part .welcome { padding: 30px 25px; } .main_part .welcome .btns a { font-size: 14px; width: 160px; } .header .logo { width: auto; position: relative; } .header .logo a img:nth-child(1) { display: none; } .header .logo a img:nth-child(2) { display: block; } .header .head_actions { width: calc(100% - 60px); } .header .logo a { background: #fff; } .main_part .block p { font-size: 14px; } .main_part .blks h1, .main_part .blks strong { font-size: 23px; padding: 7px 0; } .main_part .blks .blk h4 { font-size: 15px; } .main_part .blks .blk { padding: 15px; } .main_part .timeline .tbs .date { width: 70px; } .header .head_actions .noti .drop li p { font-size: 14px; } .main_part .block h2 { font-size: 17px; } .header .head_actions .noti .drop li span { font-size: 13px; } .copyright p { font-size: 14px; } .side_menu { width: 229px; } .header.small .logo{ width: 230px; } /*quick scan page*/ .qs .qhead h4 { font-size: 14px; } .quicks .quick h4 { font-size: 15px; } .quicks .quick .in { float: none; } .quicks .quick .in:not(:last-child) { margin-right: 0; margin-bottom: 15px; } .quicks .quick input[type="text"] { font-size: 14px; height: 40px; } .quicks .go { padding: 12px 0; font-size: 15px; width: 170px; margin-top: 25px; } .quicks { padding: 30px 20px 20px; } .department-switch{ padding: 0 0 10px 0; } div#table-employees_length { padding: 0 10px; } .profile-header .profile-info-sections{ padding: 0 0 10px; } /*quick scan page*/ .emp_xl { margin: 0 auto 15px; } /*changes by ashiya*/ .modal .modal-dialog .modal-content .modal-footer .form-group.checkbox-group{padding: 7px 0;display: block !important;float: none !important;} .settings .content.emp_result .row div:not(:nth-child(3n)){margin-right: 0;} .settings .contentemp_result .row div:not(:nth-child(2n)){margin-right: 3%;} /*21-01-2022*/ #update-employee-form.form-horizontal .control-label{padding: 0;margin-bottom: 10px;} #update-department-form.form-horizontal .control-label{padding: 0;margin-bottom: 10px; max-width: 100%;} /*changes by ashiya - end*/ } @media screen and (max-width: 580px) { /*changes by ashiya*/ .run_quickscan{flex-direction: column;align-items: flex-start;} .run_quickscan label{margin-bottom: 10px;} .run_quickscan div{padding-left:0;} /*21-01-2022*/ #company-header .profile-header .profile-buttons li{width: 45px; height: 45px;} /*01-06-2023*/ .reports_nav_cnt iframe{ width: 100% !important; } .reports_page .reports_nav_cnt .nav-tabs a { padding: 10px 10px; } .reports_page .nav.nav-tabs+.tab-content{ padding: 15px; } .reports_page .reports_nav_cnt .nav-tabs li a{ margin-bottom: 15px; } /*01-06-2023*/ /*changes by ashiya - end*/ } @media screen and (max-width: 580px) { .emp_xl { display: block; } .emp_xl a.btn.btn-block.btn-uc.btn-sm.btn-info.btn-hollow.btn-icon{ max-width: 90%; padding: 7px 0; margin: 0 auto 10px; } } @media screen and (max-width: 575px){ /*changes by ashiya*/ .ques_results .ques_res{text-align:center!important;} /*changes by ashiya - end*/ } @media screen and (max-width: 480px) { .login_page .log_part h4 { font-size: 16px; } .login_page .log_part .forms .submit { font-size: 14px; } .login_page .bg_c h2 { font-size: 24px; } .login_page .bg_c p { font-size: 14px; padding-top: 6px; } .side_menu .sidebar li { font-size: 13px; line-height: 40px; } .header .head_actions .lang_drop { width: 55px; } .header .head_actions .toggle .toggle_ic { width: 40px; padding: 24.5px 11px; } /* .header .head_actions .noti { width: 45px; } */ .header .head_actions .noti.new .not_ic::after { right: 15px; } .main_part .welcome .btns a, .main_part .mstudio .btns a { float: none; margin: auto; display: block; } .main_part .welcome .btns a:nth-child(2), .main_part .mstudio .btns a:nth-child(2) { margin-left: auto; margin-top: 10px; } .header .head_actions .search .frm { left: -35px; } .main_part .blks .blk { width: 100%; float: none; } .main_part .blks .blk:nth-child(2) { margin-left: 0; } .wrap { padding: 0 15px; } .main_part .timeline .tbs, .main_part .timeline .tbs .date, .main_part .timeline .tbs .mblk { display: block; width: 100%; } .main_part .timeline .tbs .date { text-align: center; padding-bottom: 25px; } .main_part .timeline .tbs .mblk img, .main_part .timeline .tbs .mblk i { left: 50%; top: -45px; transform: translate(-50%, 0); } .main_part .timeline .tbs .mblk { padding: 20px; } .dashboard ~ .copyright { margin-top: 20px; } .copyright p { font-size: 13px; } /*quick scan page*/ .quicks .quick h4 { font-size: 14px; } .quicks .quick input[type="text"] { height: 35px; } .quicks .quick:not(:last-child) { margin-bottom: 30px; } .quicks .quick .in label { font-size: 14px; } .quicks .go { font-size: 14px; padding: 10px; width: 150px; } .text-right a.btn.btn-uc { /* display: block; */ margin-left: 0; /* margin-bottom: 8px; */ text-align: center; } /*quick scan page*/ /*changes by ashiya*/ .settings .content.emp_result .row div:not(:nth-child(2n)){margin-right: 0;} /*21-01-2022*/ .ques_results .ques_res a.btn{width: 100%;} /*changes by ashiya - end*/ } /*Responsive codes*/ /*Changes by pooja */ div#view-modal .modal-dialog { width: 800px; } div#view-modal .modal-dialog .modal-content { padding: 30px; } .modal-body { padding: 15px 0; } .modal.add_company_questionnaire_modal .panel, .update_employee_modal .panel { background: #f5f5f5; padding-top: 30px; padding-bottom: 30px; } .modal.add_company_questionnaire_modal .panel .checkbox-wrap, .update_employee_modal .panel .checkbox-wrap { position: absolute; top: 0; left: 0; display: block; } .modal.add_company_questionnaire_modal .img-icon, .update_employee_modal .img-icon { display: inline-block; background-repeat: no-repeat; background-position: 0 0; width: 70px; height: 70px; } .panel.text-center h4 { margin: 15px 0; } .panel.text-center a { color: #337ab7; } th.text-center.sorting_disabled { background: #fff!important; } .table.table-standalone>thead>tr>td, .table.table-standalone>tbody>tr>td, .table.table-standalone>tfood>tr>td, .table.table-standalone>thead>tr>th, .table.table-standalone>tbody>tr>th, .table.table-standalone>tfood>tr>th, .dataTables_wrapper table.dataTable.table-standalone thead>tr>th { width: 20%; } .side_menu .sidebar li { position: relative; } .side_menu .sidebar li span { float: none; position: absolute; top: 50%; right: 2px; transform: translateY(-50%); margin: 0; } .side_menu .sidebar li a { padding-left: 25px; } .success-box .alert { margin-bottom: 0; } /*Changes by pooja */ /*--- changes by Ajith ---*/ .a_add_icn, .a_remove_icn {display: inline-block;width: 30px;height: 30px;border: 1px solid #ccc;font-size: 20px;padding: 1px 9px;border-radius: 5px;} .department-switch.btn-group .dropdown-toggle {color: #888!important;} .btn {margin-bottom:0;} .login_page .bg_c {background:none;padding:0;position:relative;} .log_content {position: absolute;top: 110px;left: 50px;z-index: 1;} a.btn.btn-block.btn-uc.btn-sm.btn-info.btn-hollow.btn-icon {width: 100%;margin: auto;} .hidden-xs.sorting {width: 15%;} .sorting_asc { width: 20%;} .checkbox_space{padding-bottom: 3px} div#view-modal .modal-dialog { max-width: 800px; width: 100%; margin: auto; } div#view-modal .modal-dialog .modal-content { margin: 10px; } .quick h4 b { color: red; } .quicks .quick h4 span { position: relative; display: inline-block; } .quicks .quick h4 span::before { content: attr(data-content); visibility: hidden; width: 260px; background-color: #fff; color: #333; text-align: left; border-radius: 3px; padding: 15px; position: absolute; z-index: 1; top: -15px; left: calc(100% + 30px); opacity: 0; transition: opacity 0.3s; font: 16px/17px Inter-Light; box-shadow: -2px 4px 18px rgb(0 0 0 / 30%); } .quicks .quick h4 span::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; margin-left: 0; border-width: 10px 20px 10px 10px; border-style: solid; border-color: transparent #fff transparent transparent; z-index: 1; } .quicks .quick h4 span:hover:before { opacity: 1; visibility: visible; } .step_pager a { font: 20px/21px Inter-Regular; color: #fff; padding: 13px 0; width: 100%; max-width: 185px; text-align: center; } .step_pager a.previous { background-color: #1a1a1a; float: left; } .step_pager a.previous_slider { background-color: #1a1a1a; float: left; } .step_pager a.next,.step_pager a.submit { background-color: #db6058; float: right; } .validate-has-error { color: red; margin-top: 5px; } .frmsteps_head h3 { color: #333333; font: 18px/20px Inter-SemiBold; padding-bottom: 10px; } .frmsteps_head { margin-bottom: 20px; } .quicks .go { margin: 0; } /*Responsive*/ @media screen and (max-width: 1200px) { .login_page .bg_c { width: 65%; } } @media screen and (max-width: 991px) { .login_page .bg_c { width: 57%; } .bg_c img { min-height: 469px; object-fit: cover; } } @media screen and (max-width: 767px) { .bg_c img { min-height: 550px;} .log_content { position: absolute; top: 8%; left: auto; width: 100%; z-index: 1; } .login_page {background:none;} .login_page .log_part {padding-top:0;position:absolute;top:20%;left:50%;transform:translateX(-50%);} .header .logo {width:230px;} .header .logo a {background: #1a1a1a;} .header .head_actions {width:100%;} .header.small .head_actions {width: calc(100% - 230px);} } @media screen and (max-width: 480px) { .quicks .quick h4 span::before {top: -80px;left: 50%;transform: translateX(-50%);text-align: center;} .quicks .quick h4 span::after {top: -28px;left: -4px;transform: rotate(-90deg);} } @media screen and (max-width: 430px) { .wrap {padding: 0;} .header {max-height:61px;} .header .head_actions .noti, .header .head_actions .search {display:none;} .header .head_actions .toggle {width:50px;} } .highcharts-menu hr { margin: 0px!important; } .highcharts-tooltip span { background-color: #fbf4f4; opacity: 1; z-index: 9999 !important; } .department-switch button { background: #f4f4f4!important; color: #555!important; border: 1px solid #ccc; } .department-switch .multiselect-container { width: 100% !important; } .department-switch .multiselect.dropdown-toggle.btn { text-align: left; } .department-switch .btn .caret { position: absolute; right: 10px; top: 10px; } /*Responsive*/ /*--- changes by Ajith ---*/ /*New theme changes 14/12/2021*/ .main_part .mstudio .btns a { border-radius: 30px!important; } .main_part .welcome { display: flex; align-items: center; justify-content: space-between; } .main_part .block h2 { font: 30px/30px Inter-Bold; color: #000000; padding-bottom: 0; } .welcome_right { width: 270px; display: flex; align-items: center; justify-content: space-between; } .welcome_right a { width: 48%; float: none; display: flex; text-align: center; padding: 10px 10px; font: 14px/24px Inter-Bold; color: #fff; border: 1px solid; border-radius: 30px; align-items: center; justify-content: space-around; } .welcome_right a:first-child { background: #344156; border-color: #344156; padding: 10px 15px; } .welcome_right a:last-child { background: #504cec; border-color: #504cec; } .mstudio.left.block { padding: 0; background: transparent; display: flex; align-items: center; justify-content: space-between; box-shadow: none!important; } .mstudio.left.block .blk { width: 48%; padding: 15px 20px 18px 25px; border-radius: 20px!important; box-shadow: 0 0 5px 0 rgba(190, 210, 229, 0.5)!important; margin-bottom: 0!important; } .mstudio.left.block .blk h4 { font: 16px/19px Inter-Regular; color: #1E293B; float: left; padding-top: 10px; } .mstudio.left.block .blk strong { font: 48px/48px Inter-SemiBold; padding: 17px 0 0; color: #e74342; } .mstudio.left.block .blk:nth-child(2) strong.num { color: #ef9d00; } .main_part .timeline .tbs .mblk { padding: 20px; display: flex; align-items: center; justify-content: space-between; } .main_part .timeline .tbs .mblk .linkk { color: #66758d!important; width: 40px; height: 40px; text-align: center; margin: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 20px; font-weight: bold; border-radius: 100%; transition: 0.5s all; } .main_part .timeline .tbs .mblk .linkk:hover { background: #eaedf1; } a#btnFullscreen img, a#search_projects img { width: 18px; } .main_part .timeline .tbs .mblk .div h5 { padding-top: 5px; } /*New theme changes 14/12/2021*/ /*15/12/2021*/ /*Setting page*/ .settings_page { width: 100%!important; display: flex!important; align-items: flex-start!important; justify-content: space-between!important; } .settings_page .content .dummy .title { width: 100%; padding: 30px; margin: 0; } .settings_page .content .dummy .title h1 { font-size: 30px; line-height: 30px; } div#myNav .nav-tabs { margin-top: 0; background: #fff; } div#myNav .nav-tabs li { display: block; background: #fff; } div#myNav .nav-tabs li a { width: 100%; display: block; background: #fff; padding: 20px 30px; border-bottom: 1px solid #e4e9f2!important; font-weight: bold; } div#myNav .nav-tabs li.active a, div#myNav .nav-tabs li a:hover { color: #d46056; background: #eef2ff; } .settings_page .content .panel { background: #fff; padding: 30px; } .settings_page .content:nth-of-type(1) { background: #fff; } .settings_page .form-horizontal .control-label { text-align: left; width: 100%; float: none; margin-bottom: 10px; font-weight: bold; display: block; max-width: 100%; } .settings_page .form-horizontal .control-label + .col-sm-10 { width: 100%; display: block; float: none; flex: 100%; max-width: 100%; } .settings_page .form-control { height: 46px!important; padding: 10px 15px!important; } .settings_page .form-control, .settings_page .qq-gallery.qq-uploader { background: #fff!important; box-shadow: 0 0 5px 0 rgb(190 210 229 / 50%)!important; border: none!important; } div#table-emailtemplates_wrapper > .row:first-child { display: none; } .settings_page .table>tbody>tr>td, .settings_page .table>tfoot>tr>td, .settings_page .table>tbody>tr>th, .settings_page .table>tfoot>tr>th, .settings_page th.checkbox-col.hidden-xs.sorting_disabled, .settings_page .dataTables_wrapper .table.table-standalone thead>tr .sorting, .settings_page .dataTables_wrapper .table.table-standalone thead>tr .sorting_asc, .settings_page .dataTables_wrapper .table.table-standalone thead>tr .sorting_desc, .settings_page th.col-lg-2.col-sm-3.col-xs-4.text-center.sorting_disabled { border-bottom: 1px solid #e3e9f0; background: #fff!important; } .settings_page .form-inline select.form-control { max-width: 100%; } .settings_page .form-horizontal .control-label + .col-sm-3 { width: 100%; } /*[class*='col']{ padding:0;margin:0; }*/ .settings_page .content:nth-of-type(2) .panel.panel-tab.pt30.pb30 .row .col-lg-6.col-md-8.col-sm-10.col-xs-12 { width: 100%; max-width: 100%; flex: 100%; } .settings_page .content .panel form.form-horizontal.validate h4, .content-title { font-size: 30px; line-height: 30px; font-weight: bold; } br { display: none; } input[type=checkbox].iswitch-lg { background: #94a3b8; } a.btn { border-radius: 30px; } /*Setting page*/ /*Login page*/ .login_page .bg_c { width: 50%; } .login_page .log_part .forms .fctrl.rf input ~ i { cursor: pointer; } .login_page .log_part .forms .submit { border-radius: 30px; } .form-control, .qq-gallery.qq-uploader { /*border: 1px solid #d0d8e4!important;*/ } .login_page .log_part h4 { font-size: 30px; line-height: 30px; font-weight: bold; } .bg_c img { min-height: 600px; } .log_block { width: 55%; margin-left: auto; } .login_page .log_part { width: 50%; } /*Login page*/ /* div#table-employees_wrapper, */ div#table-departments_wrapper, table#table-questionnaires, div#table-products_wrapper, div#table-admins_wrapper, div#table-messages_wrapper, div#table-active-language_wrapper, form#table-employees-form, #table-employee-healthchecks_wrapper { padding: 20px; background: #ffff; border-radius: 20px; box-shadow: 0 0 5px 0 rgb(190 210 229 / 50%); } .row.hj .col-sm-5 .panel, .row.hj .col-sm-7 .panel, .result-block { background: #ffff; box-shadow: 0 0 5px 0 rgb(190 210 229 / 50%); border-radius: 20px; } table#table-questionnaires thead tr th:first-child { border-radius: 20px 0 0 0; } table#table-questionnaires thead tr th:last-child { border-radius: 0 20px 0 0; } div#table-recommendations_wrapper, div#table-products_wrapper { margin-bottom: 20px; } div#table-products_wrapper table thead tr th, div#table-messages_wrapper table thead tr th, table#table-employees thead tr th { background: #fff; } .header .head_actions .search .frm input { border: none!important; } .log_content { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 70px; max-width: 500px; } .login_page .bg_c h2 { font-size: 40px; line-height: 45px; } .content + .row .col-sm-6.col-md-4 .result-block { margin-right: 30px; } div#table-recommendations_wrapper table tbody tr td a { max-width: 150px; } .side_menu { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; } .head_part ~ .main_content, .header .head_actions { transition: margin-left .5s; -webkit-transition: margin-left .5s; -moz-transition: margin-left .5s; -ms-transition: margin-left .5s; -o-transition: margin-left .5s; } /* .header .head_actions { */ /* float: none; */ /* width: 100%; */ /* margin-left: 240px; */ /* } */ /* .header.small .head_actions { */ /* margin-left: 0; */ /* } */ .welcome_left { display: flex; align-items: center; justify-content: flex-start; } .welcome_left .welcome_img { width: 65px; } .welcome_left .welcome_text { width: calc(100% - 65px); padding-left: 15px; } .content.ques_resultpage, .content.search_pages { width: 100%; padding: 20px; background: #fff; margin-bottom: 30px; border-radius: 20px; box-shadow: 0 0 5px 0 rgb(190 210 229 / 50%); } .content.ques_resultpage .row:last-child { display: flex; align-items: center; justify-content: space-between; margin: 0; } .content.ques_resultpage .row:last-child > div { float: none; width: 30%; } .content.ques_resultpage .row { margin: 0; } .content.ques_resultpage .row .dummy .title h1.content-title, .content.search_pages .dummy .title h1.content-title { font-size: 30px; line-height: 30px; font-weight: bold; } .content.ques_resultpage .row:last-child > div select, .content.ques_resultpage .row:last-child > div .department-switch button { border: 1px solid #d0d8e4!important; width: 100%!important; height: 45px!important; padding: 0 15px!important; font: 16px/25px Inter-Light!important; color: #959595!important; background: #fff!important; } .department-switch .btn .caret { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .content.ques_resultpage .row:last-child > div .btn.btn-uc { width: 100%; font-size: 15px; font-weight: bold; padding: 10.5px 0; } .header .head_actions .search .frm { position: relative; } .header .head_actions .search .frm ul.typeahead.dropdown-menu { width: 98%; left: auto!important; right: auto!important; top: 59px!important; padding: 20px; max-height: 350px; overflow: hidden; overflow-y: auto; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background: transparent!important; } .measure-autocomplete-wrap { clear: both; display: table; width: 100%; } .measure-autocomplete-wrap .input-group-addon.input-group-addon-info { background-color: transparent; border-color: transparent; color: #857e7e!important; font-size: 15px; position: absolute; left: 0; top: 50%; z-index: 10; transform: translateY(-50%); } .measure-autocomplete-wrap .input-group { position: relative; display: table; clear: both; width: 100%; } .measure-autocomplete-wrap .input-group .input-group-addon + input { border: 1px solid #e5eaf0!important; border-radius: 30px!important; width: 100%!important; float: none; padding-left: 45px; } .measure-autocomplete-wrap .input-group .input-group-addon + input:focus { border-color: #504cec!important; } .typeahead-primary, .select2-result-primary { color: #000!important; } div#view-modal .modal-dialog .modal-content { border-radius: 20px; } /*15/12/2021*/ /*16/12/2021*/ .login_page .log_part .blk { width: 60%; margin-left: auto; } .side_menu, .header .logo { background-color: #10172b; } .content.com_result .row:first-child, .content.health_resultsec .row:first-child, .content.healthcheckcat_var .row:first-child { border-radius: 20px!important; box-shadow: 0 0 5px 0 rgba(190, 210, 229, 0.5)!important; background: #fff; padding: 30px; margin-bottom: 30px; } button#filtersubmit_result { margin-left: 15px; } select#resdepart + .btn-group button.multiselect.dropdown-toggle.btn.btn-default { border: 1px solid #d0d8e4!important; width: 100%!important; height: 45px!important; padding: 0 15px!important; font: 16px/25px Inter-Light!important; color: #959595!important; background: #fff!important; } select#resdepart + .btn-group button.multiselect.dropdown-toggle.btn.btn-default + label.checkbox, label.checkbox { color: #000; } .content.com_result .row:nth-child(2), .content.health_resultsec .row:last-child, .content.healthcheckcat_var .row:last-child { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } .content.com_result .row:nth-child(2) .col-sm-6.col-md-4.col-lg-4, .content.health_resultsec .row:last-child .col-sm-6.col-md-4, .content.healthcheckcat_var .row:last-child .col-sm-6.col-md-4 { float: none; width: 31.5%; max-width: 31.5%; } button#list3 { border-radius: 30px; padding: 11.5px 15px; } .content.healthcheckvar { border-radius: 20px!important; box-shadow: 0 0 5px 0 rgba(190, 210, 229, 0.5)!important; background: #fff!important; padding: 30px; margin-bottom: 30px; } .panel.var-description { font: 14px/20px Inter-Light; color: #333; } button#filtersubmit_result { padding: 10.5px 15px; width: 100px; font-size: 13px; } .content.com_result .row:nth-child(2)::before, .content.com_result .row:nth-child(2)::after, .content.health_resultsec .row:last-child::before, .content.health_resultsec .row:last-child::after, .content.healthcheckcat_var .row:last-child::before, .content.healthcheckcat_var .row:last-child::after { display: none!important; } /*settings page*/ .settings_page .content:nth-of-type(1) { width: 53%; overflow: hidden; overflow-y: auto; max-height: 623px; } .main_part .title h1, .settings_page .content .panel form.form-horizontal.validate h4, .content-title { font-family: Inter-Bold; } div#myNav .nav-tabs li a { display: flex; align-items: flex-start; justify-content: flex-start; } div#myNav .nav-tabs li a .img { width: 24px; } div#myNav .nav-tabs li a .text { width: calc(100% - 24px); padding-left: 10px; } div#myNav .nav-tabs li a .text h5 { font: 14px/24px Inter-SemiBold; color: 1E293B; } div#myNav .nav-tabs li a .text p { font: 13px/20px Inter-Light; color: #6d454c; } .settings_page .content .panel { padding: 45px; overflow: hidden; overflow-y: auto; /* max-height: 610px; */ } .settings_page .content .dummy .title { border-bottom: 1px solid #e8ecf3; } a.closebtn { display: none; } .healthcheck_btns { width: 100%; display: flex; align-items: center; justify-content: space-between; } .dropdown-toggle::after { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } div#table-recommendations_wrapper table tbody tr td a.btn { margin: 0 5px 10px; display: inline-block; } /* form#table-recommendations-form div#table-recommendations_wrapper table#table-recommendations thead tr th:first-child { */ /* width: 10%; */ /* } */ /* form#table-recommendations-form div#table-recommendations_wrapper table#table-recommendations thead tr th:last-child { */ /* width: 70%; */ /* } */ .content.employees_contents .row .text-right .btn-group .dropdown-toggle::after { display: none; } .content.employees_contents .row .text-right .btn-group ul.dropdown-menu { top: 5px; width: 250px; padding: 10px; box-shadow: 0 0 5px 0 rgba(190, 210, 229, 0.5)!important; border-radius: 10px; } .content.employees_contents .row .text-right .btn-group ul.dropdown-menu li a { width: 100%; display: block; text-align: center; font: 14px/24px Inter-Medium; padding: 0; } table#import-employees-table { margin-top: 10px; } .pwd_txt.tog { position: relative; } .pwd_txt.tog img { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .login_page .log_part .forms .fctrl input { background: #fff!important; } form#table-recommendations-form button.btn { width: 160px; } .compose-new-message .input-group.select2-bootstrap-prepend .input-group-btn { width: 50px; } .compose-new-message .input-group.select2-bootstrap-prepend span.select2 { width: calc(100% - 50px); } .modal.create_message_modal .modal-dialog .modal-header { position: relative; } form#table-employees-form .btn-group.bootstrap-select.fit-width button.dropdown-toggle.btn.btn-white.btn-hollow { background: #000!important; } /*Responsive menu*/ @media screen and (max-width: 767px) { .settings_page { display: block!important; } .settings_page .content:nth-of-type(1) { width: 100%; overflow: unset; overflow-y: unset; max-height: 100%; } .settings_page .content .panel { padding: 0; overflow: unset; overflow-y: unset; max-height: 100%; } .settings_page .content .dummy .title { border-bottom: none; } .settings_page .content:nth-of-type(1) { background: transparent; position: relative; padding: 35px; } .menu_list { width: 0; padding: 0; float: none; text-align: left; height: 100%; background: #fff; overflow: auto; -webkit-transition: 0.5s all; transition: 0.5s all; opacity: 0; visibility: hidden; } .overlay { height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); overflow-x: hidden; -webkit-transition: 0.5s; transition: 0.5s; } .mystyle { width: 101%; opacity: 1; left: -1px; } .overlay.mystyle { background: rgba(0, 0, 0, 0.5); height: 100%; overflow-x: hidden; visibility: visible; } .settings_page .content .dummy .title { padding: 30px 30px 30px 40px; } .settings_page .toggle2 { cursor: pointer; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .settings_page .toggle2 .toggle_ic2 { transition: 0.5s all ease-out, 0.5s all ease-in; -ms-transition: 0.5s all ease-out, 0.5s all ease-in; -webkit-transition: 0.5s all ease-out, 0.5s all ease-in; -o-transition: 0.5s all ease-out, 0.5s all ease-in; display: block; line-height: 58px; padding: 10px 15px 10px 0; width: 35px; } .settings_page .toggle2 .toggle_ic2 i { display: block; background: #000000; width: 100%; height: 2px; } .settings_page .toggle2 .toggle_ic2 i ~ i { margin-top: 3px; } .mystyle .menu_list { width: 380px; position: fixed; opacity: 1; visibility: visible; text-align: left; } a.closebtn { display: block; position: absolute; top: 10px; left: 355px; z-index: 10; } div#myNav .nav-tabs li, .settings_page .content .dummy .title { border-bottom: 1px solid #e4e9f2; } div#table-companies_wrapper { overflow: hidden; overflow-x: auto; display: block; } table#table-companies { width: 700px; } } @media screen and (max-width: 480px) { .mystyle .menu_list { width: 100%; } a.closebtn { left: auto; right: 15px; } .wrap.settings { padding: 0 15px!important; } /*changes by ashiya*/ /*21-01-2022*/ .mstudio.left.block{flex-direction: column;} .mstudio.left.block .blk{width: 100%;} .mstudio.left.block .blk:not(:last-child){margin-bottom: 27px !important;} /*changes by ashiya - end*/ } /*Responsive menu*/ /*settings page*/ /*16/12/2021*/ /*page loader animation*/ .preloader { background: #10172b; position: fixed; width: 100%; height: 100%; z-index: 999; display: flex; align-items: center; justify-content: center; } .preloader .spinner span { width: 150px; display: block; margin: 0 auto 15px; text-align: center; } .spinner { margin: 100px auto 0; width: 100px; text-align: center; } .spinner > div { width: 10px; height: 10px; margin-right: 10px; background-color: #e6729e; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .spinner .bounce1 { -webkit-animation-delay: -0.48s; animation-delay: -0.48s; } .spinner .bounce2 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce3 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.5); opacity: 0.5; } 40% { -webkit-transform: scale(1); opacity: 1; } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; } 40% { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } /*page loader animation*/ /*Naveen changs */ body { font-size: 14px; } .modal-dialog .modal-header button.close { position: absolute; right: 15px; top: 15px; } .modal-tabs .nav.nav-tabs>li>a.active, .modal-tabs .nav.nav-tabs>li>a.active:hover, .modal-tabs .nav.nav-tabs>li>a.active:focus { color: rgb(85 85 85); background-color: rgb(255 255 255); border: 1px solid rgb(221 221 221); border-bottom-color: rgb(0 0 0 / 0%); cursor: default; } .modal-tabs .nav.nav-tabs>li>a { display: block; } .modal-tabs .nav.nav-tabs+.tab-content .form-group { display: flex; flex-direction: row; } /*Naveen changs */ /*17/12/2021*/ body { background: #f1f5f9; } .main_part .timeline .tbs .mblk { width: 100%; } section.content.agenda_sections > .row { border-radius: 20px!important; box-shadow: 0 0 5px 0 rgba(190, 210, 229, 0.5)!important; padding: 30px; background: #fff; margin-bottom: 30px; } .main_part .title h1 { font-size: 30px; line-height: 30px; } div#table-employees_wrapper .hidden { display: none; } div#table-employees_wrapper { display: block; } div#table-employees_length label { display: flex; } div#table-employees_length label select.form-control.input-sm { margin: 0px 10px 0; width: 180px; } .content.com_result .row .depart_spacing .department-switch, .content.com_result .row .depart_spacing button#filtersubmit_result, div#row .row .depart_spacing .department-switch { float: left; } section.content.agenda_sections .agenta_select .btn.btn-success { float: none; } div#row .admin-breadcrumb { width: 55%; } div#row .admin-breadcrumb .breadcrumb { justify-content: space-between; } table.dataTable { margin: 0!important; } .content .row { width: 100%; } .modal .modal-dialog .modal-content .modal-body .form-group { display: flex; width: 100%; flex-direction: row; } .modal .modal-dialog .modal-content .modal-body .form-group .col-sm-6 { flex: 0 0 100%; max-width: 70%; } .a_add_icn, .a_remove_icn { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; } div#company-header .profile-header .content ul.profile-buttons { justify-content: flex-end; } div#table-recommendations_wrapper .row, div#table-recommendations_paginate ul.pagination, div#table-messages_wrapper .row, div#table-messages_paginate ul.pagination { justify-content: space-between; } div#table-recommendations_paginate, div#table-messages_paginate { width: 150px; } form#table-products-form .btn-group button, button.btn.btn-success.btn-uc.btn-icon.dropdown-toggle { width: 160px; } .compose-message { width: 100%; } form#add-company-questionnaire-form .modal-body .checkbox-group .row { justify-content: space-between; } form#add-company-questionnaire-form .modal-body .checkbox-group .row label.col-sm-6.col-xs-12 { flex: 0 0 48%; max-width: 48%; } form#add-company-questionnaire-form .modal-body .checkbox-group .row label.col-sm-6.col-xs-12 h4 { font-size: 19px; line-height: 24px; } div#myNav .nav-tabs li { width: 100%; } div#tab-questionaries .modal-body .checkbox-group .row label.col-sm-6.col-xs-12 { flex: 0 0 48%; max-width: 48%; } div#tab-questionaries .modal-body .checkbox-group .row { justify-content: space-between; } .update_employee_modal .panel.text-center h4 { min-height: auto; font-size: 19px; } .content.com_result .btn-group ul.dropdown-menu { width: 250px; padding: 10px; box-shadow: 0 0 5px 0 rgba(190, 210, 229, 0.5)!important; border-radius: 10px; } .content.com_result .btn-group ul.dropdown-menu li:not(:last-child) { margin-bottom: 5px; } .content.com_result .btn-group ul.dropdown-menu li a { width: 100%; display: block; font: 14px/24px Inter-Medium; padding: 0; } .input-group-addon { text-align: center; width: 30px; } div#tab-general .input-group { align-items: center; } .modal.view_message_modal .modal-dialog .modal-content .modal-header { top: -2px; border-radius: 20px 20px 0 0; } .compose-message .message-options { border-radius: 0 0 20px 20px; } a.btn.btn-block.btn-uc.btn-sm.btn-info.btn-hollow.btn-icon { max-width: 150px; } form#table-recommendations-form { padding: 20px; background: #ffff; border-radius: 20px; box-shadow: 0 0 5px 0 rgb(190 210 229 / 50%); } form#table-recommendations-form .dataTables_wrapper .row, form#table-admin-languageform .dataTables_wrapper .row, form#table-employees-form .dataTables_wrapper .row { justify-content: space-between; } form#table-recommendations-form .dataTables_wrapper .row .dataTables_length label, form#table-admin-languageform .dataTables_wrapper .row .dataTables_length label, form#table-employees-form .dataTables_wrapper .row .dataTables_length label { width: 380px; justify-content: space-between; flex-direction: row-reverse; } .modal .modal-dialog .modal-content .modal-footer .btn { border-radius: 30px; } .modal .modal-dialog .modal-content .modal-footer button.btn.btn-success.btn-border.duplicate { font-size: 11px; text-transform: uppercase; line-height: 22px; } .measure-autocomplete-wrap .typeahead.dropdown-menu li { padding: 0px 20px; } .modal.healthcheck_modal .modal-dialog .modal-content .modal-header { top: -1px; display: block; } div#hc-steps .hc-step-content > .form-horizontal > .row > .col-sm-6 { flex: 0 0 100%; max-width: 100%; } div#hc-steps .hc-step-content > .form-horizontal > .row > .col-sm-6 .form-group label.control-label.col-sm-5 { flex: 0 0 35.666667%; max-width: 35.666667%; } form#table-questionnaires-form .btn-group button.btn.btn-primary.btn-hollow.dropdown-toggle { width: 195px; } .modal .modal-dialog .modal-content { border-radius: 20px; } table#import-agenda-table { margin-top: 15px; } .login_page .log_part h4 { color: #000; } .login_page .log_part .log_logo img { /*width: 48px;*/ /*height: 48px;*/ object-fit: contain; } ul.profile-buttons.row.row-condensed { justify-content: flex-end; } div#table-appointments_wrapper { border-radius: 20px; box-shadow: 0 0 5px 0 rgba(190, 210, 229, 0.5)!important; padding: 20px; background: #fff; } .login_page .log_part p { font: 15px/21px Inter-Light; color: #64748b; padding-bottom: 20px; } .login_page .log_part .forms label { font: 15px/18px Inter-Bold; color: #212529; } .login_page .log_part .forms span, .login_page .log_part .forms a { font: 15px/21px Inter-Medium; color: #64748b; text-transform: capitalize; } .login_page .log_part .forms a { color: #6366F1; } .table.table-standalone>thead>tr.filter-row>td.select-filter button.dropdown-toggle::after { display: none; } /*Responsive*/ @media screen and (max-width: 767px) { .main_part .welcome { display: block; } .welcome_left { width: 100%; margin-bottom: 20px; } .main_part .block h2 { font-size: 24px; line-height: 28px; } section.content.agenda_sections > .row { display: block; } section.content.agenda_sections > .row .col-xs-3.col-sm-3, section.content.agenda_sections > .row .text-right { width: 100%; flex: 100%; max-width: 100%; } section.content.agenda_sections > .row .text-right .agenta_select { width: 100%; max-width: 350px; margin: auto; } section.content.agenda_sections > .row .text-right .agenta_select .form-control.fltr_chng { width: 100%; display: block; margin-right: 0; vertical-align: middle; margin-bottom: 15px; } section.content.agenda_sections > .row .text-right .agenta_select .btn.btn-success { float: none; width: 100%; display: block; vertical-align: middle; margin-bottom: 15px; } section.content.agenda_sections > .row .text-right .agenta_select a.btn.btn-info { float: none; width: 100%; display: block; margin: 0; } div#table-products_wrapper, div#table-admins_wrapper, div#table-messages_wrapper, div#table-employees_wrapper, div#table-departments_wrapper, table#table-questionnaires, div#table-products_wrapper, div#table-admins_wrapper, div#table-messages_wrapper, div#table-active-language_wrapper, form#table-employees-form, div#table-emailtemplates_wrapper, .table_div, div#table-recommendations_wrapper, div#table-active-files_wrapper { overflow: hidden; overflow-x: auto; display: block; } div#table-products_wrapper .table.table-grid, div#table-admins_wrapper .table.table-grid, div#table-messages_wrapper .table.table-grid, div#table-employees_wrapper table#table-employees, .table.table-grid, div#table-emailtemplates_wrapper .table.table-grid { width: 700px; } div#table-products_wrapper .table.table-grid .btn.btn-icon i.icon-standalone + span, div#table-admins_wrapper .table.table-grid .table.table-grid .btn.btn-icon i.icon-standalone + span, div#table-messages_wrapper .table.table-grid .btn.btn-icon i.icon-standalone + span { display: none; } .healthcheck_btns { display: block; } .department-switch.col-sm-6 { width: 100%; flex: 100%; max-width: 100%; margin-bottom: 10px; } .btn.btn-icon i.icon-standalone + span { display: none; } .profile-header .profile-buttons > li { width: 45px; height: 45px; border-radius: 100%; } .profile-header .profile-buttons > li > a { height: 35px; border-radius: 100%; } div#view-modal .modal-dialog .modal-content { margin: 0; } div#view-modal .modal-dialog { width: 95%; margin: 50px auto; } .header .head_actions .search .frm { position: absolute; top: 0; display: block; left: 0!important; } .select-categories-wrap .bootstrap-select { width: auto!important; } .select-categories-wrap .bootstrap-select.btn-group .dropdown-toggle .filter-option, b.hidden-xs { display: none; } .modal .modal-dialog .modal-content .modal-body .form-group { display: block; } div#hc-steps .hc-step-content > .form-horizontal > .row > .col-sm-6 .form-group label.control-label.col-sm-5 { flex: 0 0 100%; max-width: 100%; margin-bottom: 5px; } div#hc-steps .hc-step-content > .form-horizontal > .row > .col-sm-6 .form-group label.control-label.col-sm-5 + .col-sm-7 { flex: 0 0 100%; max-width: 100%; } .form-horizontal .control-label + .col-sm-9 { max-width: 100%; } div#table-select-users_wrapper { overflow: hidden; overflow-x: auto; display: block; } .login_page .log_part { width: 100%; position: relative; top: unset; left: unset; transform: unset; } .log_block { width: 100%; margin: 0 auto; } .login_page .bg_c { width: 100%; } form#table-admin-languageform .dataTables_wrapper .row { display: block; } .dataTables_wrapper .dataTables_length { margin-bottom: 10px; } form#table-recommendations-form .dataTables_wrapper .row .dataTables_length label, form#table-admin-languageform .dataTables_wrapper .row .dataTables_length label, form#table-employees-form .dataTables_wrapper .row .dataTables_length label { width: 100%; } div.dataTables_filter label { font-weight: normal; float: none; width: 100%; justify-content: space-between; } .dataTables_wrapper .dataTables_filter .form-control { max-width: 220px; } .login_page .log_part .blk { width: 100%; margin: auto; } .log_content { left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .settings_page .content .panel { background: #f1f5f9; } } @media screen and (max-width: 575px) { .row-condensed > div:not(:last-child) { margin-bottom: 10px; } form#table-recommendations-form .dataTables_wrapper .row .dataTables_length label, form#table-admin-languageform .dataTables_wrapper .row .dataTables_length label, form#table-employees-form .dataTables_wrapper .row .dataTables_length label, div.dataTables_filter label { display: flex; } } @media screen and (max-width: 480px) { button#filtersubmit_result { width: 100%; margin: 15px 0; } .content.com_result .row:nth-child(2), .content.health_resultsec .row:last-child, .content.healthcheckcat_var .row:last-child { display: block; } .content.com_result .row:nth-child(2) .col-sm-6.col-md-4.col-lg-4, .content.health_resultsec .row:last-child .col-sm-6.col-md-4, .content.healthcheckcat_var .row:last-child .col-sm-6.col-md-4 { width: 100%; max-width: 100%; } .content.com_result .row:first-child .text-right .btn-group, .content.com_result .row:first-child .text-right .btn-group .btn.btn-uc { width: 100%; } button#list3 { width: 100%; margin: 0 0 15px; } .modal .modal-dialog .modal-content .modal-body .form-group { display: block; } .form-horizontal .control-label { margin-bottom: 10px; } h3.modal-title, h4.modal-title { font-size: 19px; line-height: 20px; } .modal-tabs .nav.nav-tabs { display: block; border-bottom: none; } .modal-tabs .nav.nav-tabs>li { float: none; display: block; margin: 0; } .modal-tabs .nav.nav-tabs>li:not(:last-child) { margin-bottom: 5px; } .modal-tabs .nav.nav-tabs>li>a { border: 1px solid #e1e1e1; border-radius: 10px; box-shadow: 0 0 5px 0 rgb(190 210 229 / 50%); padding: 12px 15px; } .modal-tabs .nav.nav-tabs>li>a.active, .modal-tabs .nav.nav-tabs>li>a.active:hover, .modal-tabs .nav.nav-tabs>li>a.active:focus { background: #db6058; border-color: #db6058; color: #fff; } form#add-company-questionnaire-form .modal-body .checkbox-group .row { display: block; } form#add-company-questionnaire-form .modal-body .checkbox-group .row label.col-sm-6.col-xs-12 { flex: 0 0 100%; max-width: 100%; } label.cbr-inline { display: block; margin: 0!important; } .modal .modal-dialog .modal-content .modal-body .form-group .col-sm-6 { flex: 0 0 100%; max-width: 100%; } .main_part .title h1 { font-size: 22px; line-height: 26px; } .content.ques_resultpage .row .dummy .title h1.content-title, .content.search_pages .dummy .title h1.content-title { font-size: 24px; line-height: 26px; font-weight: bold; } .content.ques_resultpage .row:last-child { display: block; } .content.ques_resultpage .row:last-child > div { width: 100%; } span.hidden-xs { display: none!important; } .header .head_actions .search { display: block!important; } div#view-modal .modal-dialog .modal-content { padding: 20px; } .modal-dialog { margin: 30px auto; } .start-import-btn.ladda-button { width: 100%; display: block; margin: 15px 0; } .product-images .product-image-details { margin-left: 0; display: block; padding-top: 0; padding-right: 10px; padding-left: 10px; width: 100%; } .product-images .product-image .delete-image-btn { float: none; padding: 10px 0; text-align: center; } input[type=checkbox].iswitch-lg { margin-right: 0; } .panel { padding: 20px; } .product-images .new-clr-bg .product-image-details { padding: 0 15px!important; } div#tab-questionaries .modal-body .checkbox-group .row { display: block; } div#tab-questionaries .modal-body .checkbox-group .row label.col-sm-6.col-xs-12 { flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width: 380px) { .main_part .welcome { padding: 20px 10px; } .modal.healthcheck_modal .hc-content { padding: 0; } .select-users-btn { width: 100%; display: block; margin-bottom: 10px; } .remove-ul-btn { width: 100%; margin: 0!important; display: block; } .dataTables_wrapper .dataTables_filter .form-control, .form-inline select.form-control { max-width: 165px; } } /*Responsive*/ /*17/12/2021*/ /*employees login*/ /*18/12/2021*/ .side_menu .sidebar li span { font-size: 13px; line-height: 13px; text-align: center; } div#view-modal.general_employee_questionnaire_modal .modal-dialog .modal-content { margin: 0!important; } div#view-modal .modal-dialog { margin: 50px auto; } .questionnaire { position: relative; } .modal.general_employee_questionnaire_modal .modal-dialog .modal-content .modal-header .close { top: -15px!important; right: -16px!important; border-radius: 0 20px 0 0; padding: 0; } .general_employee_questionnaire_modal .questionnaire .intro-footer .col-sm-3 { margin-left: auto; } .questionnaire .btn.btn-success.btn-hollow.btn-icon-standalone i { border-radius: 0 30px 30px 0!important; } .content > .nav.nav-tabs li a { position: relative; display: block; padding: 10px 15px; } .content.eprofile form#update-profile-form .form-group, .content.chng_pwd .form-group { display: flex; align-items: center; } .breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } /*18/12/2021*/ /*employees login*/ /*18/12/2021*/ /*.messages_pages*/ .messages_pages .chat-layout { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; } .messages_pages .chat-layout .chat-leftbar { width: 35.329%; background: #f8fafc; border-right: 1px solid #e4e9f2; } .messages_pages .chat-layout .chat-rightbar { width: 64.671%; } div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab { width: 100%; overflow: hidden; overflow-y: auto; max-height: 610px; } div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a { width: 100%; display: block; padding: 20px 30px; background: #fff; } div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a:not(:last-child) { border-bottom: 1px solid #f3f6f9; } div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a .media { align-items: flex-start; justify-content: space-between; } div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a .media .user-status { width: 40px; } div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a .media .media-body p { font: 14px/19px Inter-Regular; color: #1E293B; } div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a .media .media-body { padding: 0 15px; } div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a .media > div > span.chat-timing { font: 13px/15px Inter-Light; color: #64748b; } div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a:hover, div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a.active, div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a:focus, div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a:active { background: #eef2ff; } .messages_pages .chat-layout .chat-leftbar .chat-row { width: 100%; padding: 15px 30px; } .messages_pages .chat-layout .chat-leftbar .chat-row .con_left { display: flex; align-items: center; justify-content: space-between; } .messages_pages .chat-layout .chat-leftbar .chat-row .con_left .con_img.left { width: 40px; } .messages_pages .chat-layout .chat-leftbar .chat-row .con_left h1 { width: calc(100% - 52px); padding: 0 15px; font: 14px/19px Inter-Medium; color: #1E293B; } .messages_pages .chat-layout .chat-leftbar .chat-row .cont_search { width: 100%; padding-top: 15px; } .messages_pages .chat-layout .chat-leftbar .chat-row .cont_search .frm { width: 100%; position: relative; } .messages_pages .chat-layout .chat-leftbar .chat-row .cont_search .frm input { width: 100%; border: 1px solid #cfd7e3; border-radius: 30px; font: 14px/19px Inter-Regular; color: #a1b5d5; height: 40px; padding: 10px 15px 10px 40px; background: url(../images/search_icon.png)no-repeat 10px center #fff; background-size: 20px; } div#chat-listContent .chat-modal-header { width: 100%; display: flex; align-items: center; justify-content: flex-start; background: #f8fafc; padding: 15px 20px; border-bottom: 1px solid #edf1f6; } div#chat-listContent .chat-modal-header .user-avatar { width: 40px; } div#chat-listContent .chat-modal-header .user-avatar img, div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a .media .user-status img { width: 40px; height: 40px; object-fit: cover; border-radius: 100%; } div#chat-listContent .chat-modal-header .title { width: calc(100% - 40px); padding-left: 15px; margin: 0; } div#chat-listContent .chat-modal-header .title h2 { font: 16px/19px Inter-Medium; color: #1E293B; } div#chat-listContent .chat-modal-header .title .user-details { font: 13px/15px Inter-Light; color: #64748b; } div#chat-listContent .chat-modal-body { width: 100%; padding: 24px; background: #fff; } div#chat-listContent .chat-modal-body .message-list .msg { width: 100%; margin: 0; } div#chat-listContent .chat-modal-body .message-list .msg .message .bubble { width: 100%; padding: 0!important; } div#chat-listContent .chat-modal-body .message-list .msg .message .bubble .message-meta { text-align: center; position: relative; margin-bottom: 20px; } div#chat-listContent .chat-modal-body .message-list .msg .message .bubble .message-meta::before { content: ""; display: block; width: 100%; height: 1px; background: #e4e9f2; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .message-datetime { font: 13px/15px Inter-Light; color: #64748b; display: inline-block; padding: 5px 10px; z-index: 10; position: relative; background: #fff; } div#chat-listContent .chat-modal-body .message-list .msg .message .bubble h3.message-author { font: 16px/19px Inter-Medium; color: #fff; padding-bottom: 5px; } div#chat-listContent .chat-modal-body .message-list .msg .message .bubble .message-text { font: 13px/20px Inter-Light; color: #fff; } div#editable-message { width: 100%; min-height: 50px; border: 2px solid #dae0ea; border-radius: 30px; } form#compose-message-form .form-group.message-wrap { padding: 0; background: #f8fafc; overflow: hidden; } div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a > i { display: none; } /*.messages_pages*/ /*Contact page*/ .measure-autocomplete-wrap { padding-bottom: 30px; } .allemp { width: 100%; } .allemp p.alpha_item { width: 100%; background: #f8fafc; color: #6b7993; text-transform: uppercase; padding: 10px 20px; } .allemp .eimg { width: 100%; display: flex; align-items: center; justify-content: flex-start; padding: 15px 30px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; } .allemp .eimg:hover, .allemp .eimg:focus, .allemp .eimg:active, .allemp .eimg.active { background: #eef2ff; } .allemp .eimg:not(:last-child) { border-bottom: 1px solid #f0f3f7; } .allemp .eimg .img { width: 40px; } .allemp .eimg .img img { width: 100%; object-fit: cover; border-radius: 100%; } .allemp .eimg .text { width: calc(100% - 40px); padding-left: 15px; } .allemp .eimg .text .ename { font: 14px/18px Inter-Medium; color: #1E293B; } .allemp .eimg .text .compname { font: 13px/15px Inter-Light; color: #64748b; } /*Contact page*/ /*18/12/2021*/ /*20/12/2021*/ /*Login pages new changes*/ .main_content.no { width: 100%; display: flex; align-items: center; justify-content: center; background: #f1f5f9; padding: 50px 20px; } .login_page .bg_c { height: auto; width: 61%; } .login_page { min-height: auto; max-width: 1150px; border-radius: 20px; background: #fff; box-shadow: 0 0 5px 0 rgb(190 210 229 / 50%); overflow: hidden; } .log_block, .login_page .log_part .blk { width: 100%; } .login_page .log_part { width: 39%; padding: 65px; } .login_page .log_part h4 { font-size: 28px; } .allemp a i { display: none; } @media screen and (max-width: 1199px) { a.btn.btn-block.btn-uc.btn-sm.btn-info.btn-hollow.btn-icon > i { display: none; } } @media screen and (max-width: 850px) { .login_page .log_part { width: 45%; padding: 60px; } .login_page .bg_c { width: 55%; } } @media screen and (max-width: 767px) { .login_page .log_part { width: 100%; padding: 40px; } .login_page .bg_c { display: none; } .login_page .log_part .forms .fctrl.rf label { color: #666666; } .allemp a i { display: none; } .allemp .eimg { padding: 15px 0; } a.btn.btn-block.btn-uc.btn-sm.btn-info.btn-hollow.btn-icon > i { display: block; } table#table-sel-recommendations { width: 100%; } } @media screen and (max-width: 480px) { .settings-content .settings-options .row.row-condensed { display: block; } } @media screen and (max-width: 380px) { .login_page .log_part { padding: 25px; } .login_page .log_part .forms .fctrl .remember, .login_page .log_part .forms .fctrl .regist { float: none; text-align: center; } .modal.healthcheck_modal .modal-dialog .modal-content .modal-header .row.row-condensed .col-sm-12 { display: flex; align-items: center; justify-content: space-between; } } /*Login pages new changes*/ /*pagination*/ form#table-recommendations-form .dataTables_wrapper .row { align-items: center; justify-content: flex-start; } div#table-recommendations_paginate, div#table-messages_paginate { width: 160px; } .dataTables_wrapper .dataTables_paginate { margin-left: 15px; } ul.pagination li { width: 40px; height: 40px; text-indent: -8000rem; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; background-size: 0; background-position: center; } ul.pagination li.paginate_button { display: none; } ul.pagination li#table-recommendations_first, ul.pagination li#table-recommendations_previous, ul.pagination li#table-recommendations_next, ul.pagination li#table-recommendations_last, li#table-emailtemplates_first, li#table-emailtemplates_previous, li#table-emailtemplates_next, li#table-emailtemplates_last { display: block; } ul.pagination li a { display: block; width: 100%; height: 100%; } ul.pagination li#table-recommendations_first a, li#table-emailtemplates_first a { background: url(../images/back_first.png)no-repeat center; background-size: 14px; } ul.pagination li#table-recommendations_previous a, li#table-emailtemplates_previous a { background: url(../images/back.png)no-repeat center; background-size: 22px; } ul.pagination li#table-recommendations_next a, li#table-emailtemplates_next a { background: url(../images/right.png)no-repeat center; background-size: 22px; } ul.pagination li#table-recommendations_last a, li#table-emailtemplates_last a { background: url(../images/next.png)no-repeat center; background-size: 14px; } ul.pagination li:hover { background: #e5e9ef; border-radius: 100%; background-size: cover; } div#table-emailtemplates_wrapper > .row { justify-content: flex-start; align-items: center; } /*pagination*/ /*changes by ashiya*/ /*08-10-2022*/ ul.pagination li.paginate_button:hover{box-shadow: 0 0 6px rgba(0,0,0,.2);} ul.pagination li.paginate_button.first, ul.pagination li.paginate_button.previous, ul.pagination li.paginate_button.next, ul.pagination li.paginate_button.last{display: block;margin: 0 4px;} ul.pagination li.paginate_button.first{background: url(../images/back_first.png) no-repeat center;} ul.pagination li.paginate_button.previous{background: url(../images/back.png) no-repeat center;} ul.pagination li.paginate_button.next{background: url(../images/right.png) no-repeat center;} ul.pagination li.paginate_button.last{background: url(../images/next.png) no-repeat center;} form#table-recommendations-form .dataTables_wrapper .row, form#table-admin-languageform .dataTables_wrapper .row, form#table-employees-form .dataTables_wrapper .row { align-items: center;margin-top:20px; } .employeeprofile h4{margin-bottom: 17px;font-size: 16px;} .table.table-standalone>thead>tr>td, .table.table-standalone>tbody>tr>td, .table.table-standalone>tfood>tr>td, .table.table-standalone>thead>tr>th, .table.table-standalone>tbody>tr>th, .table.table-standalone>tfood>tr>th, .dataTables_wrapper table.dataTable.table-standalone thead>tr>th { padding: 15px 6px; } th.col-lg-4.col-sm-3.hidden-xs.sorting { width: 19% !important; } form#table-recommendations-form div#table-adminrecommendations_wrapper table#table-adminrecommendations thead tr th:first-child, div#table-employees_wrapper table#table-employees thead tr th:first-child { width: 14px !important; } .table .status-col { width: 36px !important; padding-right: 10px !important; padding-left: 10px !important; } .settings_page .content:nth-of-type(2) .panel.panel-tab.pt30.pb30 .row .col-lg-6.col-md-8.col-sm-10.col-xs-12 {padding: 0;} .settings_page .form-horizontal .control-label.newslettertitle{font-size: 30px;font-family: Inter-Bold;} div#view-modal .modal-dialog .modal-content .del_single_div:not(:first-child){margin-top: 50px;border-top: 1px solid rgba(0,0,0,.1);padding-top: 30px;} div#view-modal .modal-dialog .modal-content .del_single_div{margin-top: 50px;border-top: 1px solid rgba(0,0,0,.1);padding-top: 30px;} /*10-01-2022*/ div#table-emailtemplates_wrapper > .row { justify-content: space-between; align-items: center; } .dataTables_wrapper .dataTables_paginate{margin-left:0;} .modal .modal-dialog .modal-content .modal-body .form-group .col-sm-9{padding-left:0;} .modal .modal-dialog .modal-content .modal-body .form-group .col-sm-9 .btn{border-radius: 50px;} .modal .modal-dialog .modal-content .modal-body .form-group .col-sm-9 .btn.btn-danger{background-color: #db6058 !important;border-color: #db6058 !important;} ul.pagination li#table-recommendations_first a, li#table-emailtemplates_first a{background: none;} ul.pagination li#table-recommendations_last a, li#table-emailtemplates_last a{background: none;} .agenda_sections .agenta_select .form-control.fltr_chng{width: 208px; vertical-align: top;} .row-condensed > div, .row-condensed > li{padding-left:0;padding-right: 0;} .row-condensed > div:first-child{padding-right: 10px;} th.col-lg-4.col-sm-3.hidden-xs.sorting:nth-child(5), th.col-lg-4.col-sm-3.hidden-xs.sorting:nth-child(6) {width: 11% !important;} #view-modal.import_agenda_modal .modal-dialog{max-width: 1110px;} .modal .modal-dialog .modal-content .modal-body .import-agenda .table_div{height: 309px; overflow: auto;} .settings_page .form-horizontal .enable2fa_sec .form-group.fa_factor label{width: 80%;} /*11-01-2022*/ .email_template_newsletter_sec .multi_grp .col-sm-3{max-width: 100%; flex: 1;} .email_template_newsletter_sec .multi_grp .btn-group .dropdown-toggle{text-align: left; color:#495057 !important;background: #fff url(../images/ad_drop.png) no-repeat right 20px center !important;border:none;box-shadow: 0 0 5px 0 rgb(190 210 229 / 50%)!important;height: 46px !important;} .email_template_newsletter_sec .multi_grp .btn-group .dropdown-toggle::after{display: none;} .email_template_newsletter_sec .multi_grp .btn-group ul.dropdown-menu.show{transform: initial !important; top:auto !important;bottom: 58px; padding: 15px 0;max-height: 200px;overflow-y: auto;width: 100%;} .email_template_newsletter_sec .multi_grp .btn-group ul.dropdown-menu.show label.checkbox{padding: 3px 20px;justify-content: flex-start;align-items: flex-start;} .email_template_newsletter_sec .multi_grp .btn-group ul.dropdown-menu.show label.checkbox input{margin-right: 13px;margin-left:0;} .main_part .timeline.emp_timeline h4{width: 100%;} .main_part .timeline.emp_timeline{float: none; width: 100%;} .main_part .timeline.emp_timeline .emp_tim{display: flex; float: none; width: 100%; flex-wrap: wrap;} .main_part .timeline.emp_timeline .emp_tim .tbs{width: 49%;border: 1px solid #dedede;border-radius: 4px;} .main_part .timeline.emp_timeline .emp_tim .tbs .mblk{border: none;} .main_part .timeline.emp_timeline .emp_tim .tbs:not(:nth-child(2n)){margin-right:2%;} form#table-recommendations-form .dataTables_wrapper .row{justify-content: space-between;} .result_sec_ques .row {align-items: center;} .result_sec_ques .row .col-sm-6:first-child{max-width: 20%;flex:1;} .result_sec_ques .row .col-sm-6:last-child{max-width: 80%;flex:1;} /*form#table-employees-form .dataTables_wrapper .row .col-sm-6:last-child{display: none;}*/ /*12-01-2022*/ table#table-questionnaires thead tr th:first-child{border-radius: 0;} table#table-questionnaires thead tr th:last-child{border-radius:0;} table#table-questionnaires{border-collapse: separate;} .messages_pages div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab{max-height: initial;} .messages_pages div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a.nav-link.markactive{background: #8f9ab7;} div#table-employees_length label select.form-control.input-sm {margin: 0px 10px 0 0;} #table-employees_wrapper .col-sm-6{padding:0;} .content.ques_resultpage .row.scan_result div:first-child{max-width: 421px; width: 100%;} .content.ques_resultpage .row.scan_result div:nth-child(2){max-width: 277px; width: 100%;} .content.ques_resultpage .row.scan_result div:last-child{max-width: 370px; width: 100%;} /*13-01-2022*/ #table-select-users_wrapper.dataTables_wrapper #table-select-users.dataTable.table-standalone thead>tr>th:first-child{width: 5%;} #table-select-users_wrapper.dataTables_wrapper #table-select-users.dataTable.table-standalone thead>tr>th:nth-child(2){width: 40%;} #table-select-users_wrapper.dataTables_wrapper #table-select-users.dataTable.table-standalone thead>tr>th:last-child{width: 40%;} /*17/01/2022*/ .content.com_result .row:nth-child(2){justify-content: flex-start;} .dataTables_wrapper table#table-employee-healthchecks.dataTable.table-standalone thead>tr>th, .dataTables_wrapper table#table-employee-healthchecks.dataTable.table-standalone tbody>tr>td {padding: 15px 20px;} /*changes by ashiya - end*/ .settings_page .content:last-child { padding-left: 20px; } .allemp a { position: relative; } .allemp a i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .alert-dismissible { padding: 10px!important; } .alert-dismissible p { padding-bottom: 5px!important; margin: 0; } .login_page .bg_c { background: url(https://fitviewpro.ibmhub.nl/files/site_logo/bg.jpg)no-repeat center; background-size: cover; } .login_page .log_part .blk .forms p { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; padding: 10px; margin-bottom: 10px; } form#table-recommendations-form div#table-adminrecommendations_wrapper table#table-adminrecommendations thead tr th:first-child, div#table-employees_wrapper table#table-employees thead tr th:first-child { width: 2%; } .settings_page > .content:nth-child(2) { padding-left: 20px; } .dropdown-menu.open.show ul { display: block; overflow: unset; } .dropdown-menu.open.show ul::-webkit-scrollbar { display: none; } .table .checkbox-col input[type=checkbox] { float: none; } div#table-employees_wrapper { overflow: hidden; overflow-x: auto; } table#table-active-files thead tr th:last-child { text-align: center; } .content.health_resultsec .row .col-sm-6.depart_spacing { min-width: 545px; flex: 0 0 50%; max-width: 100%; } .content.health_resultsec .row .col-sm-6:nth-child(2) { width: calc(100% - 545px); flex: 0 0 40%; max-width:calc(100% - 545px); } .col-xs-12.col-sm-5.settings-options .row.row-condensed { display: block; } .col-xs-12.col-sm-5.settings-options .row.row-condensed .col-xs-6:first-child { margin-bottom: 10px; } .blks.right .blk .head ~ span { margin-bottom: 10px; } a.delete-image-btn.new-clr-bn { color: #fff; background-color: #db6058; border-color: #db6058; padding: 10px; border-radius: 30px; } form#table-employees-form { overflow: hidden; overflow-x: auto; display: block; } li.selected a { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; } @media screen and (max-width: 850px) { .healthcheck_btns { display: block; } .healthcheck_btns .department-switch.col-sm-6 { width: 100%; margin-bottom: 10px; } .content.health_resultsec .row .col-sm-6.depart_spacing { min-width: auto; flex: 0 0 60%; max-width: 60%; } .content.health_resultsec .row .col-sm-6:nth-child(2) { width: 100%; flex: 0 0 40%; max-width: 40%; } table#table-employees { width: 1092.22px!important; } /*changes by ashiya*/ /*08-01-2022*/ .settings_page .form-horizontal .control-label.newslettertitle{font-size: 24px;} /*10-01-2022*/ .content.health_resultsec .row:first-child{flex-direction: column;} .content.health_resultsec .row .col-sm-6.depart_spacing{max-width: 100%;flex: 1;} .content.health_resultsec .row .col-sm-6:nth-child(2){max-width: 100%;flex: 1;text-align: left !important; margin-top:20px;} /*changes by ashiya - end*/ } @media screen and (max-width: 767px) { .content.health_resultsec .row:first-child { display: block; } .content.health_resultsec .row .col-sm-6.depart_spacing { min-width: auto; flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; } .healthcheck_btns { display: flex; } .department-switch.col-sm-6 { flex: 60%; max-width: 60%; } button#list3 { width: 130px; font-size: 12px; } div#table-adminrecommendations_wrapper { overflow: hidden; overflow-x: auto; display: block; } table#table-recommendations { width: 1000px; } /*message page*/ .messages_pages .chat-layout { display: block; position: relative; } .messages_pages .chat-layout .chat-leftbar { width: 100%; border: 1px solid #e4e9f2; margin-bottom: 20px; } .messages_pages .chat-layout .chat-rightbar { width: 100%; } /*message page*/ /*changes by ashiya*/ .health_resultsec .healthcheck_btns{display: block;} .health_resultsec button#filtersubmit_result{margin-left:0;} .main_part .timeline.emp_timeline .emp_tim .tbs{width: 100%;} .main_part .timeline.emp_timeline .emp_tim .tbs:not(:nth-child(2n)){margin-right:0;} .result_sec_ques .row {flex-direction: column;} .result_sec_ques .row .col-sm-6:first-child {max-width: 100%; text-align: center;} .result_sec_ques .row .col-sm-6:last-child {max-width: 100%; text-align: center !important;} .result_sec_ques .row .col-sm-6:last-child a {margin-top: 15px;} .content.ques_resultpage .row.scan_result div:first-child{max-width:100%; width: 100%;} .content.ques_resultpage .row.scan_result div:nth-child(2){max-width:100%; width: 100%;} .content.ques_resultpage .row.scan_result div:last-child{max-width:100%; width: 100%;} /*13-01-2022*/ .modal .modal-dialog .modal-content #update-recommendation-form .modal-body .form-group{display: flex; flex-wrap: wrap;} .modal .modal-dialog .modal-content #update-recommendation-form .modal-body .form-group .control-label{flex:0 0 100%; max-width: 100%;margin-bottom: 10px;} /*changes by ashiya - end*/ } @media screen and (max-width: 650px){ #table-questionnaires-form #table-questionnaires_wrapper{display: block;overflow-x: auto;} } @media screen and (max-width: 550px){ /*changes by ashiya*/ /*08-01-2022*/ .settings_page .form-horizontal .control-label.newslettertitle {font-size: 23px;} /*changes by ashiya - end*/ } @media screen and (max-width: 480px) { .healthcheck_btns { display: block; } .department-switch.col-sm-6 { flex: 100%; max-width: 100%; margin-bottom: 0; } button#list3 { width: 100%; margin-bottom: 0; } .content.health_resultsec .row .col-sm-6:nth-child(2) { flex: 0 0 100%; max-width: 100%; } /* .text-right a.btn.btn-uc { */ /* width: 100%; */ /* padding: 10px 0; */ /* } */ form#table-recommendations-form .dataTables_wrapper .row { display: block; } form#table-recommendations-form .dataTables_wrapper .row .col-xs-6 { text-align: center; } div#table-recommendations_paginate, div#table-messages_paginate { width: 160px; float: none; margin: auto; } .modal.healthcheck_modal .hc-step .hc-step-title > a { font-size: 14px; } .modal.healthcheck_modal .hc-step { margin-top: 10px; } .modal.healthcheck_modal .modal-dialog .modal-content .modal-body { padding-top: 60px; margin-top: 0; } div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a { padding: 15px 20px; } /*13-01-2022*/ .modal .modal-dialog .modal-content #update-recommendation-form .modal-body .form-group .control-label{padding: 0;} .modal .modal-dialog .modal-content #update-recommendation-form .modal-body .form-group div{padding-left: 0;flex: 0 0 85.5%;max-width: 85.5%;} /*changes by ashiya*/ /*changes by ashiya - end*/ } @media screen and (max-width: 380px){ /*changes by ashiya*/ /*08-01-2022*/ .settings_page .form-horizontal .control-label.newslettertitle {font-size: 18.8px;} /*changes by ashiya - end*/ } /*20/12/2021*/ /*21/12/2021*/ div#editable-message::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 12px 20px; border-radius: 30px; } div#editable-message { position: relative; padding: 12px 20px; } .message_send_sec { width: 100%; display: flex; align-items: center; justify-content: space-between; background: #f8fafc; border-top: 1px solid #e5ebf2; padding: 15px; } .message_send_sec .message-options { border-radius: 0; background: transparent; padding: 0; display: flex; align-items: center; justify-content: space-between; } .message_send_sec .message-wrap { width: calc(100% - 65px); background: transparent; border: transparent; padding: 0; display: flex; align-items: center; justify-content: space-between; } .message_send_sec .message-wrap .message-attachments { display: block; } .compose-message #attachment-uploader .attachment-list > li { margin: 0; } .message_send_sec .message-wrap .message-text { width: calc(100% - 32px); padding: 0 20px; } div#pills-tab-justifiedContent .chat-left-body div#chat-list-tab > a .media .media-body h5 { font: 16px/19px Inter-Medium; color: #1E293B; } div#chat-listContent .chat-modal-header .user-avatar { cursor: pointer; } .select2-container--bootstrap .select2-selection--multiple { min-height: 38px; } .compose-new-message { width: 100%; padding: 0 15px; } .compose-new-message .form-group { border: none; } .compose-message .message-attachments { /*display: none;*/ } form#create-message-form .modal-header { display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; } form#create-message-form .modal-header .modal-title { font: 16px/19px Inter-Medium; color: #1E293B; } .messages_pages .chat-layout .chat-leftbar div#pills-tab-justifiedContent { overflow: hidden; overflow-y: auto; display: block; max-height: 550px; } a.btn_msg i { font-size: 20px; line-height: 20px; cursor: pointer; } .message-list { display: flex; align-items: flex-end; justify-content: space-around; flex-wrap: wrap; align-content: flex-end; } button.back_arrow { display: none; } .select2-container--bootstrap .select2-results__option { padding: 15px; width: 100%; display: block; background: #fff; } .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background: #eef2ff!important; } .select2-container--bootstrap .select2-results__option:not(:last-child) { border-bottom: 1px solid #f3f6f9; } .select2-container--bootstrap .select2-results__option .select2-result img.select2-result-img.img-circle { width: 40px; height: 40px; max-height: 40px; margin: 0; border-radius: 100%; object-fit: cover; } .content.healthcheckcat_var .department-switch.col-sm-6 { float: left; } .content.ques_resultpage .row:last-child > div { width: 32%; max-width: 38%; } div#chat-listContent .chat-modal-body { overflow: hidden; overflow-y: auto; max-height: 565px; min-height: 565px; } .select2-container--bootstrap .select2-results__option .select2-result { display: flex; align-items: center; justify-content: flex-start; height: auto; } .select2-container--bootstrap .select2-results__option .select2-result .select2-result-labels { width: calc(100% - 40px); padding-left: 15px; margin: 0; height: auto; } .select2-container--bootstrap .select2-results__option .select2-result .select2-result-labels .select2-result-primary { font: 16px/19px Inter-Medium; color: #1E293B; } .select2-container--bootstrap .select2-results__option .select2-result .select2-result-labels .select2-result-secondary { font: 13px/19px Inter-Regular; color: #1E293B; } .addmsg { width: 100%; background: #fff; } .modal-header .close { padding: 0; margin: 0; } .modal-footer { border: none; } .questionnaire .questions .subquestions .form-group.parent_multiple_choice-question.no-answer { display: block; } .questionnaire .form-wizard .pager.wizard.row > li.col-sm-6.hidden-xs { display: none; } .questionnaire .form-wizard .row.intro-footer.active + .pager.wizard.row { display: none; } .questionnaire .form-wizard .pager.wizard.row { display: flex; justify-content: space-between; } .questionnaire .form-wizard .pager.wizard.row > li:first-child a i { border-radius: 30px 0 0 30px; } div#msg_script .nos_message { display: flex; align-items: center; justify-content: center; min-height: 635px; } div#msg_script .nos_message .no_message_chat { text-align: center; } div#msg_script .nos_message .no_message_chat h4 { font: 22px/25px Inter-Bold; color: #1E293B; padding-top: 30px; } div#msg_script .tab-pane { width: 100%; } .c_messages_view { background: #4685fc; padding: 5px 10px; display: inline-block; border-radius: 5px; position: relative; } .c_messages_view::before { content: ""; display: block; border: 7px solid #4685fc; width: 15px; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; left: -7px; bottom: -1px; transform: rotate(-18deg); -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); -o-transform: rotate(-18deg); } .attachment a { color: #4f88ff; text-decoration: underline; padding-top: 5px; display: inline-block; } .message-text a { /*color: #fff;*/ text-decoration: underline; } .swal-overlay--show-modal .swal-modal { border-radius: 20px; padding: 25px 0 0; } .swal-overlay--show-modal .swal-modal .swal-title { padding: 0 25px 10px; margin: 0; text-align: left; font: 18px/20px Inter-Medium; color: #1E293B; } .swal-overlay--show-modal .swal-modal .swal-text { display: block; padding: 0 25px; font: 14px/19px Inter-Regular; color: #1E293B; text-align: left; } .swal-overlay--show-modal .swal-modal .swal-footer { background: #f8fafc; } .swal-overlay--show-modal .swal-modal .swal-footer button { border-radius: 30px; font: 14px/20px Inter-Medium; } form#questionnaire-progress-form .btn-group .dropdown-toggle::after { display: none; } button#filtersubmit_result { width: 120px; } button#list3 { width: 120px; font-size: 13px; } .content.health_resultsec > .row { max-width: 100%; justify-content: space-between; } form#table-admin-languageform div#table-active-language_wrapper table#table-active-language thead tr th:last-child { text-align: center; } .dataTables_wrapper .table.table-standalone thead>tr .sorting:before, .dataTables_wrapper .table.table-standalone thead>tr .sorting_asc:before, .dataTables_wrapper .table.table-standalone thead>tr .sorting_desc:before { float: none; } div#row .admin-breadcrumb { width: auto; } form#table-employees-form div#table-active-files_wrapper table#table-active-files tbody tr td a.btn.btn-block.btn-uc.btn-sm.btn-info.btn-hollow.btn-icon { max-width: max-content; min-width: 150px; display: inline-block; margin: 0 10px 0 0!important; padding: 5px 15px; } table#table-active-files thead tr th:last-child { text-align: center; } div#table-employee-healthchecks_wrapper, div#table-questionnairesemailtemplates_wrapper, div#table-appointments_wrapper, div#table-steps_wrapper { overflow: hidden; overflow-x: auto; display: block; } .product-images .product-image .delete-image-btn { margin: 10px 0; display: inline-block; float: right; background-color: #db6058; border-color: #db6058; color: #fff; padding: 10px 15px; border-radius: 30px; } form#table-recommendations-form .dataTables_wrapper .row:first-child { justify-content: space-between; } .questionnaire .form-wizard .pager.wizard.row > li.next a > i { border-radius: 0 30px 30px 0!important; } .content.healthcheckcat_var .row:last-child { justify-content: flex-start; } .content.healthcheckcat_var .row:last-child .col-sm-6.col-md-4:not(:nth-child(3n)) { margin-right: 2.75%; } div#myNav .nav-tabs li a .img i { font-size: 15px; } .product-images .product-image { padding: 10px; } .product-images .new-clr-bg .product-image-details { width: auto; float: none; } .col-sm-5.product-imagefav.clearfix.new-clr-bg { display: flex; padding: 10px; align-items: center; justify-content: space-between; } table#table-active-files thead tr th:first-child { width: 5%; } table#table-active-files tbody tr td:last-child { text-align: center; } /*custom scrollbar*/ .side_menu { -ms-overflow-style: none; scrollbar-width: none; } .settings_page .content:nth-of-type(1)::-webkit-scrollbar, .messages_pages .chat-layout .chat-leftbar div#pills-tab-justifiedContent::-webkit-scrollbar { width: 10px; } .settings_page .content:nth-of-type(1)::-webkit-scrollbar-track, .messages_pages .chat-layout .chat-leftbar div#pills-tab-justifiedContent::-webkit-scrollbar-track { background-color: #ebebeb; -webkit-border-radius: 10px; border-radius: 10px; } .settings_page .content:nth-of-type(1)::-webkit-scrollbar-thumb, .messages_pages .chat-layout .chat-leftbar div#pills-tab-justifiedContent::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #6d6d6d; } .settings_page .content:nth-of-type(1), .messages_pages .chat-layout .chat-leftbar div#pills-tab-justifiedContent { scrollbar-width: thin; scrollbar-color: #6d6d6d #ebebeb; } .settings_page .content:nth-of-type(1):-webkit-scrollbar, .messages_pages .chat-layout .chat-leftbar div#pills-tab-justifiedContent:-webkit-scrollbar { width: 15px; } .settings_page .content:nth-of-type(1):-webkit-scrollbar-track, .messages_pages .chat-layout .chat-leftbar div#pills-tab-justifiedContent:-webkit-scrollbar-track { background: #ebebeb; border-radius: 10px; } .settings_page .content:nth-of-type(1):-webkit-scrollbar-thumb, .messages_pages .chat-layout .chat-leftbar div#pills-tab-justifiedContent:-webkit-scrollbar-thumb { background-color: #6d6d6d; border-radius: 10px; border: 3px solid #6d6d6d; } /*custom scrollbar*/ /*Contact page*/ .content.contactsupport { width: 100%; max-width: 896px; margin: 30px auto 0; } .content.contactsupport .row h3.content-title { font-size: 35px; line-height: 35px; color: #1f293c; padding: 0 0 15px 0; } .content.contactsupport form#contact-form { width: 100%; background: #fff; padding: 40px; border-radius: 20px; box-shadow: 0 0 5px 0 rgb(190 210 229 / 50%); } .content.contactsupport form#contact-form .contact-body .form-group label { font: 15px/19px Inter-Medium; color: #1f293c; display: block; margin-bottom: 10px; } .content.contactsupport form#contact-form .contact-body .form-group .col-sm-9 { max-width: 100%; } .content.contactsupport form#contact-form .contact-body .form-group .col-sm-9 input.form-control { height: 46px; } .content.contactsupport form#contact-form .contact-footer { text-align: right; margin-top: 15px; } .content.contactsupport > .row { display: block; } /*Contact page*/ table#table-products thead tr th:first-child { width: 5%; } div#row > .row:nth-child(2) .row.row-condensed.sub-vars > .col-md-6.text-center > .panel, div#row > .row:nth-child(2) > .col-sm-5 > .panel { border: 1px solid #e1e1e1; border-radius: 10px; box-shadow: 0 0 5px 0 rgb(190 210 229 / 50%); } .content.ques_progress > .row > div:first-child { flex: 0 0 70%; max-width: 70%; } .content.ques_progress > .row > div:last-child { flex: 0 0 30%; max-width: 30%; } form#questionnaire-progress-form .btn-group .dropdown-menu.show { display: block; min-width: 255px; right: 0px!important; transform: unset!important; left: auto!important; top: 45px!important; padding: 15px; } .content-nav-wrap + .content.healthcheckvar { display: flex; align-items: center; justify-content: space-between; } .content.healthcheckvar .depart_search { display: flex; align-items: center; justify-content: space-between; max-width: 400px; } .content.healthcheckvar .depart_search .department-switch.col-sm-6 { width: 70%; max-width: 65%; flex: 0 0 65%; } /*30/12/2021*/ .content.emp_healthcheck .row { width: 100%; margin-top: 30px; justify-content: space-between; } /*.content.com_result .row:last-child, .content .row { justify-content: space-between; }*/ .content.emp_healthcheck .row .col-sm-6.col-md-4, .content.com_result .row:last-child .col-sm-6.col-md-4.col-lg-4, .content .row .col-sm-6.col-md-4 { flex: 0 0 31.333333%; max-width: 31.333333%; } .col-sm-6.depart_spacing .department-switch.col-sm-6 { float: left; } div#row .row .col-sm-7 { flex: 0 0 55.333333%; max-width: 55.333333%; } .content-nav-wrap + .content + .content a.btn.btn-success { margin-bottom: 30px; } .tab-content h4.category-title { padding-bottom: 15px; } .panel .panel-body .row .col-sm-6 { flex: 0 0 48%; max-width: 48%; } .modal .modal-dialog .modal-content .modal-body form#questionnaire-form .tab-content .questions .form-group.interval_scale_agreement-question { display: block; } .healthcheck_modal .modal-dialog .modal-content { padding: 0!important; margin: 0!important; } .dropdown-menu>li>a { display: block; } .dropdown-menu > li { font-size: 13px; } .fitview-products ul.grid { display: flex; padding: 0px 0 0 0; margin: 0; align-items: flex-start; justify-content: flex-start; } .message_send_sec .message-options button { width: 32px; } form#questionnaire-progress-form .btn-group .dropdown-menu.show li a { padding: 0; } form#questionnaire-progress-form .btn-group .dropdown-menu.show li { font-size: 15px; } form#questionnaire-progress-form .btn-group .dropdown-menu.show li:not(:last-child) { margin-bottom: 10px; } form#questionnaire-progress-form .btn-group .dropdown-menu.show { border-radius: 15px; } .pull-right .form-inline { justify-content: space-between; } .panel .panel-heading .pull-right { width: 39%; } .panel .panel-heading .pull-right .form-inline .btn-group.bootstrap-select { width: 100%; max-width: 200px; } .modal .modal-dialog .modal-content .modal-body .tab-content .questions .subquestions .form-group, .modal .modal-dialog .modal-content .modal-body .tab-content .questions .form-group { display: block; } .bootstrap-select .btn:focus { background: #000; } .message-attachments { width: 100%; margin-top: 25px; } #attachment-uploader .attachment-list > li { border: none!important; margin: 0; width: 100%; max-width: 100%; margin-bottom: 10px; } /*30/12/2021*/ /*changes by ashiya*/ /*08-01-2022*/ .form-horizontal .form-group, .form-group{padding: 14px 0;} section.content.agenda_sections .agenta_select .btn.btn-success{max-width: 200px; width: 100%;} section.content.agenda_sections > .row{justify-content: space-between;} section.content.agenda_sections > .row .agenda_left{max-width: 18%;width: 100%;} section.content.agenda_sections > .row .agenda_right{max-width: 82%;width: 100%;} .settings_page .form-inline select.form-control{ background: #fff url('../images/ad_drop.png') no-repeat right 20px center !important;} /*10-01-2022*/ .col-sm-6.depart_spacing .department-switch.col-sm-6{padding-left:0;} .content.emp_healthcheck .row{justify-content: flex-start;} .content.emp_healthcheck .row div:not(:nth-child(3n)){margin-right: 3%;} .content.emp_healthcheck .row .col-sm-6.col-md-4{padding-left:0;padding-right:0;} /*11/01/2022*/ .messages_pages br{display: block;} .table-departments-sec tr th{width: 15%;} .table.table-standalone.table-departments-sec>thead>tr>th:first-child, .dataTables_wrapper table.dataTable.table-standalone.table-departments-sec thead>tr>th:first-child{ width: 15% !important; } .table.table-standalone.table-departments-sec>thead>tr>th:nth-child(2), .dataTables_wrapper table.dataTable.table-standalone.table-departments-sec thead>tr>th:nth-child(2){ width: 15%; } .table.table-standalone.table-departments-sec>thead>tr>th:nth-child(3), .dataTables_wrapper table.dataTable.table-standalone.table-departments-sec thead>tr>th:nth-child(3){ width: 200px; } .table.table-standalone.table-departments-sec>thead>tr>th:nth-child(4), .dataTables_wrapper table.dataTable.table-standalone.table-departments-sec thead>tr>th:nth-child(4){ width: 18%; } .dataTables_wrapper .table.table-standalone.table-departments-sec thead>tr .sorting:before{display: inline-block;} .table.table-departments-sec th > div.ellipsis{display: inline-block;vertical-align: middle;} #table-select-users_wrapper div.row{display: flex;justify-content: space-between;width: 100%; align-items: center;} .modal .modal-dialog .modal-content .modal-footer .row .col-sm-6:last-child{text-align: right;} #table-departments-form .depart_sec span{font-weight: bold;} #table-departments-form .depart_sec a#depart{font-size: 12px;} .ques_resultpage .row .col-sm-4:first-child{flex: 0 0 100%; max-width: 100%;} /*17/01/2022*/ form#questionnaire-progress-form .btn-group .dropdown-menu.show{padding: 15px 10px;} form#questionnaire-progress-form .btn-group .dropdown-menu.show li a{padding: 0 10px;} form#questionnaire-progress-form .btn-group .dropdown-menu.show li a:hover{color: #10172b;} .forecast .panel .panel-heading .pull-right{width: 420px;} .forecast .panel .panel-heading .pull-right .form-inline{justify-content: space-between;} /*changes by ashiya - end*/ /*Changes By Pooja - Starts*/ /*17/01/2022*/ .leftmenu_top_sec .right .user_log ul.drop li a { display: inline-block; } .leftmenu_top_sec .right .user_log ul.drop li a:after { content: ""; clear: both; display: table; width: 0; background: #000; height: 2px; transition: 1s all ease-in-out; } .table.table-grid td .btn { max-width: 160px; } .leftmenu_top_sec .right .user_log ul.drop li a:hover:after { width: 100%; background: #f8b102; } form#questionnaire-progress-form .btn-group .dropdown-menu.show li a:hover { color: #db6058; } /*Changes By Pooja - Ends*/ @media screen and (max-width: 1330px) { .employees_contents .table.table-grid{width: 1000px;} } @media screen and (max-width: 1310px) { .employees_contents .table.table-grid{width: 100%;} } @media screen and (max-width: 1090px) { .employees_contents .table.table-grid{width: 1000px;} } @media screen and (max-width: 1155px) { form#table-employees-form div#table-active-files_wrapper table#table-active-files tbody tr td a.btn.btn-block.btn-uc.btn-sm.btn-info.btn-hollow.btn-icon { min-width: 240px; margin: 0 10px 10px 0!important } } @media screen and (max-width: 830px){ section.content.agenda_sections > .row .agenda_left {max-width: 100%;text-align: center;} section.content.agenda_sections > .row .agenda_right{max-width: 100%;text-align: center !important;} /*changes by ashiya*/ .row.cat_queres {align-items: center;} .row.cat_queres .col-sm-6.text-right a.btn.btn-success{ margin-bottom: 0px;} .row.cat_queres .col-sm-6:first-child{padding: 20px 15px;flex: 0 0 46%;max-width: 46%;} .row.cat_queres .col-sm-6:nth-child(2){flex: 0 0 54%; max-width: 54%;} .row.cat_queres .col-sm-6 h1{font-size:27.8px;} /*changes by ashiya - end*/ } @media screen and (max-width: 800px){ .table.table-grid.table-departments-sec{width: 710px;} } @media screen and (max-width: 767px) { .rejecttext { margin-left: 0px!important; } .messages_pages .chat-layout .chat-rightbar { position: absolute; top: 0; left: 0; z-index: 10; display: none; } .messages_pages .chat-layout .chat-rightbar.rightactive { display: block; } button.back_arrow { display: block; width: 40px; height: 40px; border: none; border-radius: 100%; margin-right: 10px; background: url(https://fitviewpro.ibmhub.nl//assets_nlview/images/chat_back.png)no-repeat center; } button.back_arrow:hover { background: url(https://fitviewpro.ibmhub.nl//assets_nlview/images/chat_back.png)no-repeat center #e5e9ef; } .content.healthcheckcat_var .row:first-child { display: block; } .content.healthcheckcat_var .row:first-child > .col-sm-6 { flex: 0 0 100%; max-width: 100%; display: block; } .content.healthcheckcat_var .row:first-child > .col-sm-6 .admin-breadcrumb { float: none; } .content.healthcheckcat_var .row:first-child > .col-sm-6 .admin-breadcrumb .breadcrumb { margin: 0; width: 100%; } .profile-header .profile-buttons li { width: 45px; float: none; } .profile-header .profile-buttons > li > a { border-radius: 100%; } .profile-header .profile-buttons { padding-top: 10px; } div#msg_script .no_message_chat { display: none; } .department-switch.col-sm-6 { max-width: calc(100% - 256px); } form#table-employees-form div#table-active-files_wrapper table#table-active-files tbody tr td a.btn.btn-block.btn-uc.btn-sm.btn-info.btn-hollow.btn-icon { min-width: auto!important; margin: 0 10px 0 0!important; } .content.contactsupport .row h3.content-title { font-size: 30px; line-height: 30px; } .content.ques_progress > .row { display: block; } .content.ques_progress > .row > div:last-child { margin-left: auto; } .content.ques_progress > .row > div:first-child { flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; } .content.ques_progress > .row > div:last-child { flex: 0 0 100%; max-width: 100%; } .content.ques_progress > .row > div:first-child h1 { font-size: 26px; } table#table-employee-questionnaires { width: 700px; } div#table-employee-questionnaires_wrapper { display: block; overflow: hidden; overflow-x: auto; } form#add-company-questionnaire-form .modal-body .checkbox-group .row label.col-sm-6.col-xs-12 h4 { min-height: 48px; } .col-sm-6.depart_spacing .department-switch.col-sm-6 { float: none; } .department-switch.col-sm-6 { max-width: 100%; } .content.forecast .row .col-sm-12 .panel .panel-heading h4.panel-title { float: none; margin-bottom: 15px; text-align: center; } .content.forecast .row .col-sm-12 .panel .panel-heading .pull-right { width: 100%; float: none; } .fitview-products ul.grid { flex-wrap: wrap; } section.content.agenda_sections .agenta_select .btn.btn-success{max-width: 100%;} /*changes by ashiya*/ /*10-01-2022*/ .dataTables_wrapper .dataTables_info{padding-left: 10px;} .dataTables_wrapper .dataTables_paginate{float: none;margin-left: 0;} div.dataTables_paginate ul.pagination{justify-content: flex-start;} .content.emp_healthcheck .row .col-sm-6.col-md-4, .content.com_result .row:last-child .col-sm-6.col-md-4.col-lg-4, .content .row .col-sm-6.col-md-4{flex:0 0 48.5%;max-width: 48.7%;} .content.emp_healthcheck .row div:not(:nth-child(3n)){margin-right:0;} .content.emp_healthcheck .row div:not(:nth-child(2n)){margin-right:3%;} .content.ques_resultpage .row:last-child{flex-direction: column;} .content.ques_resultpage .row:last-child > div { width: 100%;max-width: 100%;} /*12-01-2022*/ #table-employees_wrapper.dataTables_wrapper .dataTables_info{padding-left: 0px;} #table-employees_wrapper.dataTables_wrapper div#table-employees_length{padding:0;} /*17-01-2022*/ .content.com_result .row:nth-child(2) .col-sm-6.col-md-4.col-lg-4{width: 100%;max-width: 48.7%;} .row.cat_queres .col-sm-6:first-child{padding: 20px 15px;flex: 0 0 100%;max-width: 100%;} .row.cat_queres .col-sm-6:nth-child(2){flex: 0 0 100%; max-width: 100%;text-align: left !important;margin-bottom: 30px;} /*changes by ashiya - end*/ } @media screen and (max-width: 600px){ div.row.bot_seluser{flex-direction: column;} .modal .modal-dialog .modal-content .modal-footer .row .col-sm-6:last-child{text-align: left; margin-top: 15px;} .panel .panel-heading .pull-right .form-inline .btn-group.bootstrap-select{margin-bottom: 10px;} } @media screen and (max-width: 576px) { .profile-header .content .row .col-sm-4.text-right { width: 143px; } .profile-header .content .row .col-sm-8 { width: calc(100% - 143px) } div#table-employees_length label { align-items: center; flex-direction: column; } .questionnaire .form-wizard .pager.wizard.row li { width: auto; } .content-nav-wrap + .content.healthcheckvar { display: block; } .content.healthcheckvar .depart_search { max-width: 100%; margin-top: 15px; } .content.com_result .row:last-child .col-sm-6.col-md-4.col-lg-4, .content .row .col-sm-6.col-md-4 { flex: 0 0 48.333333%; max-width: 48.333333%; } .content.com_result .row:last-child .col-sm-6.col-md-4.col-lg-4, .content .row .col-sm-6.col-md-4, .content.emp_healthcheck .row .col-sm-6.col-md-4, .content.com_result .row:last-child .col-sm-6.col-md-4.col-lg-4, .content .row .col-sm-6.col-md-4 { flex: 0 0 48.333333%; max-width: 48.333333%; } form#add-company-questionnaire-form .modal-body .checkbox-group .row label.col-sm-6.col-xs-12 h4 { font-size: 16px; line-height: 20px; min-height: 60px; } .panel .panel-heading .pull-right .form-inline .btn-group.bootstrap-select { max-width: 185px; } div#row .row .col-sm-7 { flex: 0 0 100%; max-width: 100%; } /*changes by ashiya*/ div#table-employees_length label{flex-direction: row;} div#table-employees_length label select.form-control.input-sm{width: 67px;} } @media screen and (max-width: 520px){ .forecast .panel .panel-heading .pull-right .form-inline{flex-direction: column;} } @media screen and (max-width: 480px) { .content.ques_resultpage .row:last-child > div { width: 100%; max-width: 100%; } .department-switch.col-sm-6 { max-width: 100%; } div#row .admin-breadcrumb .breadcrumb { justify-content: flex-start; padding: 0; } .settings_page .table>tbody>tr>td a span.hidden-xs { display: block!important; } form#table-employees-form div#table-active-files_wrapper table#table-active-files tbody tr td a.btn.btn-block.btn-uc.btn-sm.btn-info.btn-hollow.btn-icon { min-width: auto!important; } form#table-employees-form div#table-active-files_wrapper table#table-active-files tbody tr td:last-child { text-align: center; } .content.contactsupport .row h3.content-title { font-size: 26px; line-height: 26px; } .content.contactsupport form#contact-form { padding: 25px; } .content.ques_progress > .row > div:first-child h1 { font-size: 20px; line-height: 24px; text-align: center; } form#add-company-questionnaire-form .modal-body .checkbox-group .row label.col-sm-6.col-xs-12 h4 { min-height: auto; } button#filtersubmit_result { width: 100%; } .pull-right .form-inline { max-width: 200px; margin: auto; } .panel .panel-heading .pull-right .form-inline .btn-group.bootstrap-select { max-width: 100%; margin-bottom: 10px; } /*changes by ashiya*/ .health_resultsec button#list3{width: 100%;margin-left: 0;} .health_resultsec .text-right a.btn.btn-uc{width: 100%;padding: 10.2px 10px;} /*10-01-2022*/ .content.com_result .row:last-child .col-sm-6.col-md-4.col-lg-4, .content .row .col-sm-6.col-md-4, .content.emp_healthcheck .row .col-sm-6.col-md-4, .content.com_result .row:last-child .col-sm-6.col-md-4.col-lg-4, .content .row .col-sm-6.col-md-4 {flex: 0 0 100%;max-width: 100%;} .content.emp_healthcheck .row div:not(:nth-child(2n)){margin-right:0;} /*17-01-2022*/ .content.com_result .row:nth-child(2) .col-sm-6.col-md-4.col-lg-4{max-width: 100%;} .row.cat_queres .col-sm-6:nth-child(2) a{width: 100%;display: block;margin-left:0!important;} .row.cat_queres .col-sm-6.text-right a.btn.btn-success{margin-bottom: 15px;} /*changes by ashiya - end*/ } @media screen and (max-width: 400px) { .profile-header .content .row { display: table; margin: 0; } .profile-header .content .row .col-sm-4.text-right { width: 120px; float: right; padding: 0; } .profile-header .content .row .col-sm-8 { width: calc(100% - 120px); float: left; } div#company-header .profile-header .content ul.profile-buttons { text-align: right; } div#editable-message::before { padding: 12px 5px; } .profile-header { padding-right: 10px; padding-left: 10px; } .profile-header .profile-picture { width: 35px; height: 35px; margin-right: 5px; } .profile-header .profile-name { float: left; width: calc(100% - 40px); } .profile-header .profile-buttons li { width: 30px; float: none; height: 30px; padding: 0 2px; } .profile-header .profile-buttons > li > a { height: 30px; } .content.healthcheckvar .depart_search { display: block; } .content.healthcheckvar .depart_search .department-switch.col-sm-6 { width: 100%; max-width: 100%; flex: 0 0 100%; } button#filtersubmit_result, .content-nav-wrap + .content.healthcheckvar > a.btn.btn-success { width: 100%; } .content.com_result .row:last-child, .content .row { flex-direction: column; } .content.com_result .row:last-child .col-sm-6.col-md-4.col-lg-4, .content .row .col-sm-6.col-md-4, .content.emp_healthcheck .row .col-sm-6.col-md-4, .content.com_result .row:last-child .col-sm-6.col-md-4.col-lg-4, .content .row .col-sm-6.col-md-4 { flex: 0 0 100%; max-width: 275px; margin: auto; } .panel .panel-body .row .col-sm-6 { flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width: 380px) { .message_send_sec { padding: 15px 5px; } .message_send_sec .message-wrap .message-text { padding: 0 10px; } button#filtersubmit_result, button#list3 { width: 100%; } .content.health_resultsec .row .col-sm-6:nth-child(2) a { width: 100%; padding: 10px 0; } .swal-footer .swal-button-container { margin: 0 auto; display: block; position: relative; width: 100%; max-width: 200px; } .swal-footer .swal-button-container:first-child { margin-bottom: 10px; } .swal-overlay--show-modal .swal-modal .swal-footer button { width: 100%; } .questionnaire .form-wizard .pager.wizard.row { display: block; } .questionnaire .form-wizard .pager.wizard.row li:not(:last-child) { margin-bottom: 10px; } .content.com_result .row:last-child .col-sm-6.col-md-4.col-lg-4, .content .row .col-sm-6.col-md-4, .content.emp_healthcheck .row .col-sm-6.col-md-4, .content.com_result .row:last-child .col-sm-6.col-md-4.col-lg-4, .content .row .col-sm-6.col-md-4 { flex: 0 0 100%; max-width: 275px; margin: auto; } } /*new changes*/ .act_employee span { padding-right: 10px; font-weight: bold; } .emp_act_btn { font-size: 12px; } .emp_act_btn .fa { color:#fff; } .view_all{text-align: center;font-size: 17px;} .view_all a{padding: 5px; width: 100%;max-width: 200px;background: #f1f5f9;display:block;border-radius: 80px;margin: 0 auto;color:#fff;} .rejecttext { margin-left: 20px; } #table-companies_wrapper .row { justify-content: space-between; }