/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/
@-webkit-keyframes slide {
	to { right: 15px }
}
@keyframes slide {
	to { right: 15px } 
}
a { color: #3d3b56 }
.date-position span i.fa, a:hover { color: #f4516c }
.registration_page .img-upload-div img#blah { height: 150px; -o-object-fit: cover; object-fit: cover; width: 150px }
.inputimagefield { margin-top: 10px; max-width: 100% }
.message.error, .message.success { text-align: center; background-color: #32c5d2 }
.deshbord_form h3 { font-size: 18px; color: #666; font-weight: 700; border-bottom: 1px solid #eef1f5; padding-bottom: 9px }
.message.error { background-color: #f4516c }
.deshbord_form .form-group, .registration_page form.login-form { width: 100%; float: left }
.form-group.width-20 { float: left; width: auto; padding-right: 15px; margin-bottom: 0 }
.form-group.width-25 { width: 24.22%; float: left; margin-right: 1%; margin-bottom: 0 }
form.form_second .form-group.width-25:last-chlid { float: left; margin-right: 0 }
.deshbord_form form label { display: inline-block; margin: 0; padding-right: 6px; color: #333; font-size: 13px }
.deshbord_form form input.form-control { display: inline-block; width: 122px; border-radius: 0; border-color: #e0e0e0; height: 25px; padding: 5px; background: #fbfbfb; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .09) !important; box-shadow: inset 0 0 1px rgba(0, 0, 0, .09) !important }
.deshbord_form .form-group .d { position: absolute; background: #f4516c; color: #fff; padding: 0 4px; border-radius: 3px; top: 4px; right: 6px; font-size: 12px; cursor: pointer }
.tooltip-sec { display: inline-block; position: relative; width: 188.5px }
.deshbord_form form .tooltip-sec input.form-control { width: 100%; padding: 5px 20px 5px 5px }
.border-top-sec { padding: 5px 0 0; border: 0; border-top: 3px solid #3d3b56 }
ul.number { padding: 10px; background: #fff; -webkit-box-shadow: 0 0 8px rgba(1, 1, 1, .4); box-shadow: 0 0 8px rgba(1, 1, 1, .4); border-radius: 3px; position: absolute; z-index: 9999; margin-bottom: 0; top: 0; right: 0; display: none }
ul.number.open { display: block }
ul.number li { list-style: none; font-weight: 600; font-size: 15px; margin-bottom: 10px }
ul.number li:last-child { margin-bottom: 0 }
ul.number li a { background: #f4516c; color: #fff; padding: 3px; display: inline-block; border-radius: 4px; font-size: 14px; font-weight: 400 }
form.form_first, form.form_second { border-bottom: 1px solid #eef1f5; padding: 0 0 10px; float: left; width: 100% }
form.form_second { border-bottom: 2px solid #3d3b56; padding: 10px 0 15px }
form.form_four, form.form_third { padding: 20px 0; float: left; width: 100% }
.form-group.width-50 { width: 49.5%; float: left; margin-right: 1% }
.deshbord_form form.form_third .form-group.width-50 input.form-control { width: 64% }
.deshbord_form form.form_third .form-group.width-50 label { width: 34.5% }
.deshbord_form form.form_third .form-group label { width: 17%; padding-right: 5px }
.deshbord_form form.form_third .form-group input.form-control { width: 82.2% }
.form-group.width-50.no_margin { margin-right: 0 }
.deshbord_form form.form_four .form-group.width-50 input.form-control, .deshbord_form form.form_four .form-group.width-50 label { width: 49% }
.main_data_mapping, .portlet.light { float: left; width: 100%; padding: 0; -webkit-box-shadow: none; box-shadow: none }
.data_mapping_new { border-bottom: 1px solid #eef1f5; padding: 10px 0; float: left; width: 47%; margin-right: 3% }
.main_data_mapping>.data_mapping_new:nth-child(2n), .registration_page .info_form .portlet.light .form-group:nth-child(2n) { margin-right: 0 }
.data_mapping_new span { width: 40%; display: inline-block; font-size: 12px }
.data_mapping_new span:nth-child(2) { width: 6% }
.data_mapping_new span:last-child { width: 49% }
.data_mapping_new span select { width: 100%; height: 30px; border-color: #eef1f5; padding: 3px 12px }
.map_btn { width: 100%; float: right; padding: 20px 0; text-align: right }
.map_btn button { border: 0; font-weight: 600; border-radius: 4px }
.map_btn button:focus, .map_btn button:hover { background: #504c80 }
.deshbord_form form .form-group.width-33 label { width: 56%; font-size: 13px; padding-right: 5px }
.deshbord_form form.form_five label { width: 18% }
.deshbord_form form.form_six .form-group select { width: 53%; display: inline-block; height: 25px; padding: 0 4px; border-radius: 0; font-size: 13px; color: #333; background: #fbfbfb; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .09) !important; box-shadow: inset 0 0 1px rgba(0, 0, 0, .09) !important }
.deshbord_form form.form_six .form-group label { display: inline-block; width: 45%; padding-right: 6px }
.deshbord_form form.form_six input.form-control { width: 53%; display: inline-block; height: 25px; padding: 3px; border-radius: 0 }
h4.cliam-heading { color: #666; font-weight: 900; margin: 0; font-size: 16px }
form.form_five { margin-top: 29px !important }
.sitesetting-form form.login-form .form-group img#blah { max-width: 95px; height: auto !important; float: left }
.sitesetting-form form.login-form .form-group input[type=file] { float: left; margin-left: 20px; padding-top: 10px }
.sitesetting-form .form-left { width: 49.5%; margin-right: 15px; float: left }
.clr, .page-content-inner .portlet.light .portlet-title+a, .page-content-inner .portlet.light .portlet-title+div, .page-content-inner .portlet.light .portlet-title+form { clear: both }
.deshbord_form .nav-tabs { margin: 0 0 10px; border-bottom: 1px solid #eef1f5 }
.nav-tabs li a { border: 0; border-bottom: 3px solid transparent; font-weight: 700; font-size: 16px; color: #a7a7a7 }
.nav-tabs li a:focus, .nav-tabs li a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background: 0 0; border: 0; border-bottom: 3px solid #f4516c; color: #666 }
form.form_five, form.form_six { margin: 10px 0 0; float: left; width: 100% }
.deshbord_form form .form-group.width-33 div.input, .deshbord_form form .form-group.width-33 input, .deshbord_form form .form-group.width-33 select { height: 25px; width: 42%; display: inline-block; vertical-align: middle; padding: 0 4px; border-radius: 0; font-size: 13px; color: #333; background: #fbfbfb; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .09) !important; box-shadow: inset 0 0 1px rgba(0, 0, 0, .09) !important }
.deshbord_form form .form-group.width-33 div.input { padding: 0 }
.deshbord_form form .form-group.width-33 div.input input, .deshbord_form form .form-group.width-33 div.input select { width: 100% }
.deshbord_form .form_five .form-group.width-33 { width: 32%; margin-right: 2% }
.deshbord_form .form-group.no_margin { margin-right: 0 !important }
.deshbord_form { padding-bottom: 10px }
.history-top { display: table; width: 100%; padding: 0 0 14px; border-bottom: 1px solid #efefef }
.history-left label { display: inline-block; margin-right: 10px; font-weight: 400; font-size: 14px; color: #000 }
.history-left select { display: inline-block; width: 80px; height: 30px; padding: 2px 8px 2px 10px; border: 1px solid #c2cad8 }
.history-left { float: left }
.history-left select:focus { outline: 0 }
.search-sec { float: right }
.search-sec input[type=text] { display: inline-block; margin-right: 10px; width: 220px; height: 30px; padding: 1px 8px 1px 10px; border: 1px solid #c2cad8; font-weight: 400; font-size: 14px; color: #a9a8a8; vertical-align: top }
.search-sec input[type=button] { display: inline-block; width: 80px; height: 30px; background: #3d3b56; font-weight: 600; font-size: 13px; text-align: center; color: #fff; border: 1px solid #3d3b56; vertical-align: top }
.history-list { width: 100% }
.history-list table tr td, .history-list table tr th { font-weight: 700; font-size: 14px; color: #454545; border: 0 }
.history-list table tr td { padding: 15px 10px; font-weight: 400; border: 1px solid #eef1f5; max-width: 320px }
.history-list table tr:nth-child(even) td { background: #fbfcfd }
.seven_form .form-group.width-20 { width: 20%; margin-bottom: 10px }
.deshbord_form form.seven_form .form-group label { width: 59%; padding-right: 5px; float: left }
.seven_form .form-group.width-20 input { width: 39% }
.seven_form .form-group.width-20 input, .seven_form .form-group.width-20 select { border-radius: 0; border: 1px solid #c2cad8; border-color: #e0e0e0; height: 26px; padding: 0 4px; background: #fbfbfb; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .09) !important; box-shadow: inset 0 0 1px rgba(0, 0, 0, .09) !important; font-size: 13px; outline: 0 }
.registration_page .portlet.light .form-group.img-upload-div { float: right; width: auto }
.info_form, .registration_page .portlet.light { float: left; width: 100% }
.registration_page .portlet.light .form-group { width: 23%; margin-right: 1%; float: none; min-height: 49px; display: inline-block; vertical-align: top }
.generate-unique-id .form-control { height: 25px; border-radius: 0; width: 100%; padding: 5px; position: relative }
.registration_page .input-circle-left, .registration_page .input-circle-right, .searchpage form.login-form .input .input-circle-right { border-radius: 0 !important }
.deshbord_form form.form_five input.form-control, .registration_page .input-group { width: 100% }
.registration_page button.generate-unique-id { background: #f4516c; border: #f4516c; color: #fff; position: absolute; right: 0; z-index: 99; height: 25px }
.registration_page .form-control { height: 25px; padding: 0 11px; font-size: 13px; border-radius: 0 }
.registration_page .input-group-addon { height: 25px; padding: 3px 12px }
.registration_page .mt-radio-list { float: left; width: 100%; padding: 0 0 6px }
.registration_page .mt-radio-list label.mt-radio { float: left; width: 46%; margin-bottom: 0 }
.registration_page label { font-size: 13px; color: #333 }
.registration_page .info_form .portlet.light .form-group { width: 48%; margin-right: 2% }
.page-header .page-header-top .page-logo .logo-default { margin: 15px 0 }
.page-header .page-header-top, .page-header .page-header-top .page-logo { height: auto; min-height: 62px }
.page-header .page-header-top .top-menu { margin: 6px 0 0 }
.page-header .page-header-menu, .page-header .page-header-menu .hor-menu .navbar-nav>li.active>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover { background: #3d3b56 }
.page-header .page-header-menu { height: 41px }
.page-header .page-header-menu .hor-menu .navbar-nav>li>a { padding: 11px 13px 10px; border-right: 1px solid #232232; border-left: 1px solid #56546a }
.page-header .page-header-menu .search-form { margin-top: 3px }
.page-wrapper-top .page-header { height: auto }
.deshbord_form .form-group.width-25:last-child { margin-right: 0 }
.deshbord_form .form-group.width-25 label { min-width: 33.5% }
.deshbord_form .form-group.width-25 input.form-control { width: 63% }
.deshbord_form .form-group.width-25:first-child label { min-width: 34% }
.deshbord_form .form-group.width-25:last-child input.form-control { width: 65% }
.deshbord_form .form-group, .form-group.width-50 { margin-bottom: 8px; position: relative }
.deshbord_form form.form_four .form-group.width-50 label { padding-right: 5px }
.page-footer { background: #3d3b56; color: #dedede; padding: 12px 0; text-align: center; font-size: 14px }
.page-footer a { color: #fff; font-weight: 500 }
.btn-div { padding-top: 10px; border-top: 1px solid #eef1f5; margin-top: 2px }
.deshbord_form .btn.btn-process { color: #fff; font-weight: 700 !important; background: #3d3b56; border-radius: 5px !important; padding: 10px 18px !important; margin-left: 15px; -webkit-box-shadow: 2px 2px 1px #f4516c !important; box-shadow: 2px 2px 1px #f4516c !important }
.deshbord_form .btn.btn-process.red { background: #f4516c; -webkit-box-shadow: 2px 3px 1px #3d3b56 !important; box-shadow: 2px 3px 1px #3d3b56 !important }
.deshbord_form .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).red { background: #f4516c }
.portlet.light>.portlet-title>.caption, .portlet.light>.portlet-title>.caption>.caption-subject { padding: 0; font-weight: 700 !important; font-size: 18px; color: #666 !important }
.page-wrapper .page-wrapper-middle { background: #fff }
.portlet.light>.portlet-title>.caption { padding: 13px 0 8px; margin-right: 15px; line-height: normal }
.portlet.light>.portlet-title>.caption>i { color: #777 !important }
.portlet.light>.portlet-title { min-height: auto; padding-bottom: 5px }
.dataTables_info { padding-top: 18px }
.upladed-form form { width: 32%; margin: 30px auto 0; border: 1px solid #eee; padding: 20px }
.upladed-form form input[type=file] { border: 0; margin: 10px 0; padding: 0 }
button.btn-block { background: #3d3b56; border-color: #3d3b56; width: auto }
.btn.green:not(.btn-outline) { color: #fff; background-color: #3d3b56; -webkit-box-shadow: 2px 2px 1px #f4516c !important; box-shadow: 2px 2px 1px #f4516c !important }
.btn.green:not(.btn-outline):hover, button.btn-block:hover { background: #3d3b56; -webkit-box-shadow: none !important; box-shadow: none !important }
.table.table .btn.green:not(.btn-outline), .table.table .open>.btn.green:not(.btn-outline).dropdown-toggle { color: #fff; background: #3d3b56 !important; border-color: #3d3b56 !important; -webkit-box-shadow: none !important; box-shadow: none !important }
.table.table .btn.green:not(.btn-outline):focus, .table.table .btn.green:not(.btn-outline):hover, .table.table button.btn-block:focus, .table.table button.btn-block:hover { background: #292556 !important; border-color: #292556 !important; width: auto; -webkit-box-shadow: none !important; box-shadow: none !important }
.message.error, .message.success { color: #fff }
.message-class-add, .message.error, .message.success { padding: 10px; font-weight: 600; font-size: 16px }
#deletebutton { background: #f4516c !important; border-color: #f4516c !important; color: #fff; float: left; margin-right: 5px }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; background-color: #3d3b56; border-color: #3d3b56; cursor: default }
.pagination>li>a, .pagination>li>span { color: #3d3b56 }
.static-info { margin-bottom: 10px; width: 50%; float: left }
.mt-checkbox.if-pass-change { float: right; padding-left: 26px; margin-bottom: 1px }
ul#custom_paginator { list-style: none; padding: 0; text-align: center }
ul#custom_paginator li { display: inline-block }
ul#custom_paginator li a { color: #fff; text-decoration: none; display: inline-block; padding: 6px 5px; height: 32px; width: 32px; background: #3d3b56; margin-right: 5px; border-radius: 8px 0 }
ul#custom_paginator li a:hover, ul#custom_paginator li.active a { background: #f4516c; -webkit-box-shadow: none; box-shadow: none }
#sagment_target_div+.form-group a[onclick="clone_sagment()"], div#hiddingshowing a { background: 0 0; color: #3d3b56; display: inline-block; text-decoration: none; border-radius: 50%; font-size: 28px }
.searchpage .portlet form.login-form .input { width: 100%; display: inline-block; margin-bottom: 12px; vertical-align: top }
.searchpage .portlet form.login-form .input label, div#piechart div[dir=ltr] svg rect+g g text, div#piechart2 div[dir=ltr] svg rect+g g text { font-weight: 600 }
.searchpage .portlet form .submit { margin-bottom: 15px }
.searchpage .portlet form.login-form label { margin-left: 0; width: auto }
.searchpage .portlet form.login-form label input[type=radio] { margin-right: 5px; vertical-align: top }
.searchpage .select2-container { width: 100% !important; height: 34px }
.searchpage .portlet form.login-form .search-feild-options { width: 19.6%; display: inline-block }
.searchpage .portlet form.login-form .search-feild-options:last-child { padding-right: 0 }
.categori-info { background: #f4516c; margin: 0 1px }
.categori-info ul { list-style: none; padding: 0 10px; margin-bottom: 0; position: relative }
.categori-info ul li { display: inline-block; vertical-align: middle; color: #fff; border-right: 1px solid #232232; padding: 12px 7px 12px 3px }
.categori-info ul li b { padding-right: 2px }
.categori-info ul li:last-child { padding-right: 0; border-right: 0 }
.categori-info ul li:first-child { padding-left: 0 }
.page-content { padding: 12px 0; position: relative; clear: both }
.onloadimg, .onloadimg img.loader { position: fixed; left: 0; right: 0; top: 0; bottom: 0 }
.onloadimg { z-index: 99999999; background: rgba(255, 255, 255, .8); width: 100%; height: 100% }
.onloadimg img.loader { width: auto; margin: auto }
.tooltip-sec_new { width: 64% !important }
.tooltip-sec_new input.form-control { width: 100% !important }
.page-content-inner.unassign-inner .col-sm-6 .search-feild-options .form-control { height: 33px }
.unassign-top .portlet-title { border-bottom: 1px solid #eee; margin-bottom: 6px; padding-bottom: 4px; margin-top: 0; display: inline-block; width: 100%; min-height: 36px; position: relative }
.unassign-top .caption.font-dark { font-size: 18px; color: #666 !important; display: inline-block }
.filter-search-right { float: right; margin-left: 5px; margin-top: 9px }
.page-content-inner .portlet.light .portlet-title a.btn.sbold { margin-top: 8px; margin-right: 3px }
.filter-search-right .fliter-search, .filter-search-right input[type=text] { display: inline-block; vertical-align: top }
.filter-search-right input[type=text] { height: 33px; border: 1px solid #d6d6d6; padding: 5px 8px; min-width: 232px; outline: 0; border-radius: 0 }
.filter-search-right .input.select select { height: 33px; border: 1px solid #d6d6d6; outline: 0; background: #fff; border-radius: 3px }
.portlet.light.unassign-top { margin-bottom: 0 }
.unassign-inner .portlet-title, body #settimeout.modal.modal .modal-content { border: 0 }
.unassign-inner hr { margin-top: 12px; margin-bottom: 15px; border-color: #c9c7d4 }
.page-content-inner.unassign-inner a.btn { margin-bottom: 2px }
.filter-tab .btn.green:not(.btn-outline), .page-content-inner.unassign-inner a.btn { background: 0 0; border: 1px solid #3e3b56; border-radius: 4px !important; color: #3e3b56; font-size: 13px !important; margin-right: -1px; -webkit-box-shadow: none !important; box-shadow: none !important }
.btn.green:not(.btn-outline):hover, button.btn-block:hover { background: #f4516c; border-color: #f4516c; width: auto }
.btn.green:not(.btn-outline) { background: #3d3b56; border-color: #3d3b56; border-radius: 3px !important }
.btn, .modal .modal-content .modal-footer .btnbtn-primary, .modal .modal-content .modal-footer button.btn-primary { background: #3d3b56; color: #fff; border-radius: 4px !important; border-color: transparent }
.btn:hover, .modal .modal-content .modal-footer .btnbtn-primary:hover, .modal .modal-content .modal-footer button.btn-primary:hover { background: #4a467b; border-color: transparent; color: #fff }
.btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline).focus, .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline):focus, .btn.green:not(.btn-outline):hover, .open>.btn.green:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #3d3b56 !important; border-color: #3d3b56 !important }
.portlet.light .login-form .search-feild-options, .unassign-inner .portlet form.login-form .search-feild-options { width: 19.6%; display: inline-block; margin-right: 1.5px }
.unassign-inner .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-top: 3px; font-weight: 600 }
.searchpage .portlet form.login-form .input input.form-control, .unassign-inner .select2-container--default .select2-selection--multiple { height: 33px }
.unassign-inner .input.select select { height: 33px; font-weight: 300; color: #75797e }
.portlet-body.registration-role { margin-top: 5px }
.filter-icon { display: inline-block; font-size: 16px; line-height: 18px; cursor: pointer; -webkit-transition: -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1); transition: -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1); -o-transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1); transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1); transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1); position: absolute; top: -41px; right: 0 }
.filter-tab { display: none; padding-top: 5px; margin-bottom: 6px }
.deshbord_form .note-stat h3 { border-bottom: 0; padding-bottom: 0; display: inline-block; margin: 0; vertical-align: middle }
.deshbord_form .note-stat { border-bottom: 1px solid #eef1f5; padding-bottom: 6px; margin-bottom: 12px; display: inline-block; width: 100%; padding-top: 6px }
.deshbord_form .note-stat .form-group.width-25:last-child { margin-right: 0; float: none; text-align: right; margin-bottom: 0; width: auto; display: inline-block }
.deshbord_form .note-stat .btn.btn-process { font-weight: 400 !important; border-radius: 5px !important; padding: 8px 9px !important; margin-left: 3px; -webkit-box-shadow: 2px 2px 1px #f4516c; box-shadow: 2px 2px 1px #f4516c }
.note-middle { display: inline-block; background: #e3e1ec; padding: 6px 10px; font-size: 16px; font-weight: 600; vertical-align: middle; margin: 0 0 0 21% }
.note-middle span { color: #f4516c; margin-right: 10px }
.note-middle span b { color: #333; padding: 0 4px }
.deshbord_form .detail-form .form-group.width-25 label, .deshbord_form .detail-form .form-group.width-25:first-child label { min-width: auto }
.deshbord_form .detail-form .form-group.width-25 input.form-control, .detail-form .form-group.width-25 { width: auto }
.detail-form .tooltip-sec_new { width: auto !important }
.deshbord_form form.form_five .input { width: 81%; display: inline-block }
.deshbord_form .form_five .form-group.width-33 .input-group.clockpicker { display: -webkit-box; display: -ms-flexbox; display: flex }
.deshbord_form .form_five .form-group.width-33 .input-group { display: inline-block }
.deshbord_form form .form-group.width-33 .input-group.clockpicker div.input { width: 31%; margin-left: 4px }
.clockpicker .input-group-addon { display: inline-block; padding: 3px 0; min-width: 22px }
.deshbord_form form.form_five .input { width: 81%; display: inline-block; padding-left: 0 }
.deshbord_form form.form_five .col-md-5 label { width: 50% }
.deshbord_form form.form_five .col-md-5 .input { width: 47% }
.filter-icon+.portlet-title { display: inline-block; float: right; margin-bottom: 0; padding-bottom: 0 }
.table-bordered>tbody>tr>td:last-child .dropdown-menu { left: auto; right: 0; top: 100% }
.registration-role .dataTables_filter { text-align: right; position: absolute }
.page-content-wrapper .portlet.light .portlet-body { padding-top: 0; margin: 0 }
.searchpage .portlet form.login-form .search-feild-options .select2-container .select2-selection--multiple, .select2-container .select2-selection--multiple { height: 33px; overflow: hidden }
.select2-container .select2-selection--multiple .select2-selection__rendered, .select2-selection--single { overflow-y: auto !important; height: 33px; border-radius: 4px !important }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 27px !important }
.registration-role .dataTables_filter input[type=search] { height: 32px; border: 1px solid #d6d6d6; padding: 5px 20px; min-width: 300px; outline: 0 }
.filter-icon.active { background: #3d3b56; color: #fff }
form#assigndetail_search { float: left; clear: none; width: 60% }
.searchpage .portlet form.login-form#assigndetail_search .search-feild-options { width: 32% }
.filter-icon+.portlet-title { margin-top: -49px !important }
.page-content-inner.registration_page .portlet.light .portlet-title, .portlet-body hr, .unassign-main table.table, table.dataTable.no-footer { margin-top: 0 }
.map_btn button, .page-content-inner .portlet.light .portlet-title a.btn.sbold { background-color: #3d3b56 !important; border-color: #3d3b56 !important; color: #fff; -webkit-box-shadow: none !important; box-shadow: none !important }
.map_btn button:focus, .map_btn button:hover, .page-content-inner .portlet.light .portlet-title a.btn.sbold:focus, .page-content-inner .portlet.light .portlet-title a.btn.sbold:hover { background-color: #f4516c !important; border-color: #f4516c !important }
.page-content-inner.unassign-inner .portlet-title a.btn { margin-bottom: 0; -webkit-box-shadow: 2px 2px 1px #f4516c !important; box-shadow: 2px 2px 1px #f4516c !important }
.debt-user .page-content-inner .portlet.light .portlet-title, .portlet-title { display: block; float: none; margin-top: 0; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #eee }
.portlet-title>.caption>.caption-subject { padding: 13px 0 8px; font-weight: 700 !important; font-size: 18px; color: #666 !important; display: inline-block }
.page-content-inner .portlet.light .portlet-title .caption+a { float: right; margin-top: 8px }
.unassign-top+.searchpage .portlet.light .portlet-title { float: right; border: 0; margin-bottom: 0; padding-bottom: 0; text-align: right; z-index: 9999; position: relative }
.portlet-body.registration-role { overflow-x: auto; clear: both }
.filter-search-right .input.select, .filter-search-right .search-feild-options { display: inline-block }
form.login-form .portlet-body.form .portlet-title+div { clear: left }
form.login-form .portlet-body.form .portlet-title span.headingof { display: none }
.deshbord_form .tab-content form.form_five .form-group .input.textarea textarea { height: 26px; padding: 2px; border-radius: 0; color: #333; background: #fbfbfb; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .09) !important; box-shadow: inset 0 0 1px rgba(0, 0, 0, .09) !important; position: relative; z-index: 9 }
.login .content .form-actions { text-align: right }
.deshbord_form .tab-content form .form-group.width-20:last-child { padding-right: 15px }
.deshbord_form form.form_five .col-md-5 .input select { height: 26px; padding: 0; border-radius: 0 }
.table>tbody>tr>td, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td { padding: 5px }
.table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { border: 1px solid #e7ecf1; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 83px; word-break: break-all }
.table-bordered>tbody>tr>td:hover, .table-bordered>tfoot>tr>td:hover, .users-view tr td table tr td { overflow: visible; white-space: normal }
.mt-checkbox>input, .mt-radio>input { left: 0 }
.modal .modal-header .close { margin-top: 0 !important; opacity: 1; color: #000; font-size: 32px; background-image: none !important; text-indent: 0; position: absolute; top: -15px !important; right: -10px !important; width: 24px; height: 34px }
table.table.table-bordered .btn-group { position: relative }
.page-content .page-content-inner button.btn.btn-primary { background: #3d3b56; border-color: #3d3b56; border-radius: 4px }
.page-content .page-content-inner button.btn.btn-primary:hover { background: #f4516c; border-color: #f4516c }
.portlet-body.registration-role table.table.table-bordered { text-align: left; margin-bottom: 0 }
.portlet-body.registration-role .table-scrolling table.table.table-bordered { table-layout: fixed }
div#popupdiv div#lussy { text-align: center }
.deshbord_form form.form_first .form-group:first-child input.form-control { width: 96px }
.setting-portfolio-destail table tr td, .setting-portfolio-destail table tr th, .user-collator-detail table tr td, .user-collator-detail table tr th { border: 1px solid #e7ecf1 }
.user-collator-detail .col-* { padding-bottom: 5px }
.user-collator-detail .portlet- .row .col-md-5 { border-right: 1px solid #e7ecf1 }
.user-collator-detail .caption { padding-bottom: 8px }
.user-collator-detail .portlet- .row { margin-top: 5px }
.setting-portfolio-destail a.btn.sbold[onclick="print_deta();"] { float: right; margin-bottom: 0; margin-top: 8px }
.setting-portfolio-destail .portlet- .row { margin-bottom: 10px }
.img-upload-div img#blah { height: 65px; width: 65px; margin-bottom: 0 }
.registration_page .portlet.light .form-group .select2-container .select2-selection--single, .registration_page .select2-container .select2-selection--multiple { height: 25px !important; min-height: 25px }
.registration_page .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 3px }
.form-group .required, .registration_page .control-label .required { font-size: 11px; padding-left: 0 }
#reconaddpopup .modal-dialog .deshbord_form .detail-form form.form_second .form-group input.form-control, .deshbord_form .detail-form form.form_second .form-group input.form-control { width: 112px }
#settimeout div#header h1, .deshbord_form .form-group .d a { color: #fff }
.btn { -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.user-profile .img-upload-div { float: left; margin-right: 10px; margin-top: 10px }
.user-profile a.btn { margin-top: 25px }
.user-name .name, .user-name .value { margin-bottom: 10px }
.row.static-info.user-name { margin-top: 10px }
.mt-1 { margin-top: 1rem }
.mb-1 { margin-bottom: 1rem }
.allocation-detail-view-form .form-group .form-control, .allocation-detail-view-form .select2-container .select2-selection--multiple, .allocation-detail-view-form .select2-container .select2-selection--single { height: 33px; border-radius: 0; font-size: 14px; padding: 3px 5px; overflow: auto }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { line-height: 25px !important }
.allocation-detail-view-form .select2-container .select2-search--inline .select2-search__field, .select2-container .select2-search--inline .select2-search__field { margin-top: 2px !important; width: 100% !important; font-weight: 300 }
.form .select2-container--default .select2-selection--multiple, .form-control, form .select2-container--default .select2-selection--multiple, input { border-radius: 3px !important; font-weight: 300 }
.select2-container .select2-selection--single { height: 33px !important }
#statcardpopup .modal-dialog { width: 92%; max-width: 1200px }
#statcardpopup .modal .modal-header { border-bottom: 0; padding: 8px 15px 0 }
#appeneddata table { font-family: verdana; font-weight: lighter; font-size: 9pt; width: 850px }
#appeneddata tr { font-size: 8pt; font-style: NORMAL; font-weight: lighter; background-color: #fff }
#appeneddata td { font-size: 8pt; font-family: verdana; font-style: NORMAL; text-align: left; padding: 2px }
#appeneddata label { font-size: 8pt; font-family: verdana; font-weight: 700; margin-bottom: 0; color: #151515 }
#appeneddata table.collTableBorder { padding: 0; white-space: nowrap; background-color: #ccc; border-collapse: separate; border-spacing: 2px; border-color: gray }
#appeneddata hr { margin: 8px 0; border-color: #d4d4d4 }
#appeneddata p.breakhere, #statcardpopup #appeneddata p, form#page_jump_no { margin: 0 }
.page-content-inner.unassign-inner .search-feild-options { margin-bottom: 12px }
ul.tabs-menu { display: inline-block; padding: 0; list-style: none; float: right; margin: 16px 10px 0 0 }
ul.tabs-menu li { display: inline-block; margin-right: 10px }
ul.tabs-menu li a { color: #3d3b56; text-decoration: none; font-weight: 600 }
button.btn.clockpicker-button, ul.tabs-menu li a:hover { color: #000 }
#statcardpopup .modal-dialog button span, .modal .modal-header .close span { line-height: 24px; width: 26px; display: inline-block; height: 26px; background: #f4516c; border-radius: 50% !important; color: #fff; -webkit-box-shadow: none; box-shadow: none; font-size: 24px; padding-top: 0 }
#statcardpopup .modal-dialog button span:hover, .modal .modal-header .close span:hover { background: #d60729 }
#statcardpopup .modal-body { padding: 0 0 15px 15px }
.searchpage .portlet form.login-form#listview_search .search-feild-options:nth-child(6) { padding-right: 0 }
#CallStatus .col-md-7 h4.cliam-heading, .page-header .page-header-menu .search-form, .registration_page form.login-form .portlet-body.form .portlet-title, div#reconpopup_reconuser .modal .modal-header .close, div#tellecallerpopup .modal-dialog button.close { display: none }
.button-excel-show button, .line-bar .week-value span #ptpdtmatrix span { margin-left: 0 }
.page-wrapper-middle .page-content { padding-top: 0 }
.navbar-nav>li.active a { background: #55616f !important }
.page-header .page-header-menu .hor-menu .navbar-nav>li.menu-dropdown>.dropdown-menu { -khtml-transition: all 200ms ease 0; -ms-transition: all 200ms ease 0; filter: alpha(opacity=0); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; -webkit-box-shadow: 0; -ms-box-shadow: 0; box-shadow: 0; display: block; margin-top: 30px; visibility: hidden; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.page-header .page-header-menu .hor-menu .navbar-nav>li.menu-dropdown:hover>.dropdown-menu { visibility: visible; margin-top: 0; filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1 }
#popupdiv #myModalLabel, .modal .modal-content .modal-title { border-bottom: 1px solid #eee; padding: 10px 0; font-weight: 700; font-size: 18px; color: #666; width: 100%; text-align: left }
.modal .modal-header { border-bottom: 0; padding: 0 15px }
.btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #3d3b56; border-color: #3d3b56 }
.portlet-title .caption.font-dark { display: inline-block; margin-right: 15px }
a[onclick="history.back()"] { background: #3d3b56; font-size: 12px; font-weight: 600; text-transform: uppercase; -webkit-transition: -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1); transition: -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1); -o-transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1); transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1); transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1); border-radius: 4px; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 8px 14px 7px; color: #fff; text-decoration: none }
a[onclick="history.back()"]:hover { background-color: #4a467b !important; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .2), 0 3px 6px rgba(0, 0, 0, .26); box-shadow: 0 3px 6px rgba(0, 0, 0, .2), 0 3px 6px rgba(0, 0, 0, .26) }
#portfolio_detail_div table.table>tbody>tr:first-child td { font-weight: 700 }
.filter-tab+hr { margin: 5px; border: 0 }
.modal-header .portlet-title .caption.font-dark { display: block; margin-right: 0 }
.tab-content form.form_five, .unassign-top+.searchpage .portlet.light .portlet-title a { margin-top: 0 !important }
#CallStatus h4.cliam-heading { position: absolute; top: -40px }
.tab-content .history-top .search-feild-options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.tab-content .history-top { position: absolute; top: 10px; right: 10px; padding-bottom: 0; border: 0; display: inline-block; width: auto }
.role-filter-buttons { margin-top: 5px }
.detail-form .form-group:last-child { padding-right: 0 }
.deshbord_form form .form-group.width-33 .input.textarea { height: auto }
.tab-content .history-top input { margin-right: 8px }
.segment_section .last_btn button.btn.btn-primary { margin-bottom: 8px; padding: 7px 12px }
#sagment_target_div .segment_section, .multisteps-form div { clear: both }
.search-feild { width: 100%; margin: auto; padding-left: 15px; padding-right: 15px }
.search-input { display: inline-block; width: 100%; border: 1px solid #ececec; padding: 32px 5px; margin: 20px 0; position: relative; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .18); box-shadow: 0 0 5px rgba(0, 0, 0, .18) }
.search-input h4 { position: absolute; left: -1px; top: -1px; background: #f4516c; padding: 4px 20px; margin: 0; color: #fff; font-weight: 600; font-size: 15px }
.table-scrolling { overflow: auto; max-height: 800px }
.users-view tr td table tr td:first-child { width: 14% }
.users-view tr td table tr td:last-child { text-align: right; padding-right: 10px }
.portlet-title a.btn.mt-1 { margin-top: 7px }
.date-time-right { margin-top: -17px; font-weight: 700 }
.filter-tab .btn.green:not(.btn-outline) { margin-bottom: 8px }
.filter-icon, .filter-icon i.fa, .unassign-main .filter-icon, .unassign-main .filter-icon i.fa { -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.filter-icon, .unassign-main .filter-icon { background: 0 0; color: #3d3b56; padding: 6px 8px; border-radius: 3px; border: 1px solid #fff; font-weight: 600; margin-top: -7px; margin-bottom: 8px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4); box-shadow: 0 0 5px rgba(0, 0, 0, .4) }
.filter-icon i.fa, .unassign-main .filter-icon i.fa { color: #f4516c; padding-right: 5px }
.filter-icon:hover, .unassign-main .filter-icon:hover { background: 0 0 }
.unassign-main .portlet-body.registration-role { padding: 0; margin: 0 }
.modal-body .input.textarea textarea[name=notes] { min-height: 260px }
#notespopupmpdal .modal-body { background: #fbfbfb }
.portlet-body.registration-role.table-scroll table.table.table-bordered { table-layout: fixed; max-width: initial }
#popupdiv #myModalLabel, .modal .modal-content .modal-title { margin-bottom: 0 }
.date-position { position: relative }
.date-position span { position: absolute; right: 10px; top: 6px; pointer-events: none }
.input.email input:focus, .input.email input:hover, .input.number input:focus, .input.number input:hover, .input.select select:focus, .input.select select:hover, .input.text input:focus, .input.text input:hover, input[type=email]:focus, input[type=email]:hover, input[type=search]:focus, input[type=search]:hover, input[type=text]:focus, input[type=text]:hover, select:focus, select:hover { -webkit-box-shadow: 0 0 8px rgba(61, 59, 86, .36) !important; box-shadow: 0 0 8px rgba(61, 59, 86, .36) !important; border-color: #3d3b56 !important }
.input.email ul li input:focus, .input.email ul li input:hover, .input.select ul li select:focus, .input.select ul li select:hover, .input.text ul li input:focus, .input.text ul li input:hover, span ul li input[type=email]:focus, span ul li input[type=email]:hover, span ul li input[type=search]:focus, span ul li input[type=search]:hover, span ul li input[type=text]:focus, span ul li input[type=text]:hover, span ul li select:focus, span ul li select:hover { -webkit-box-shadow: none !important; box-shadow: none !important }
.searchpage .portlet form.login-form .search-feild-options .select2-container .select2-selection--multiple:hover, .select2-container .select2-selection--multiple:hover, .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single:hover { -webkit-box-shadow: 0 0 8px #3d3b56 !important; box-shadow: 0 0 8px #3d3b56 !important; border-color: #3d3b56 }
.select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 0 !important }
.portlet.light.unassign-top .filter-search-right { padding-right: 90px }
.registration-role .dataTables_filter { top: -47px; right: 100px }
.box-body.pad.middle-pad label, .chart-table-style table, .portlet.light.unassign-top+.searchpage .portlet form.login-form .search-feild-options, .search-feild-options .portlet-body table, li.menu-dropdown.classic-menu-dropdown.month_option form { margin-bottom: 0 }
#sagment_target_div .segment_section .form-group.col-md-4:nth-child(3) { width: 29.5% }
.allocation-detail-view-form .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 24px !important }
.assignpin form label { font-weight: 700; padding-right: 10px; margin-bottom: 7px }
.assignpin form p { display: inline-block; margin: 0 }
.mb-5, span.orrr { margin-bottom: 10px }
span.orrr { display: block; padding: 4px 0; border: 1px solid #f5f5f5; border-left: 0; border-right: 0 }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #3d3b56 !important }
.segment_section .form-group.col-md-3:nth-child(4) { width: 21% }
.table-checkable tr>td:first-child, .table-checkable tr>th:first-child { width: 3.3% !important; padding: 5px }
body.page-md { background: #fff !important }
.deshbord .portlet-title.page-title { display: block; float: none; width: 100%; padding: 0 0 5px; text-align: center }
.deshbord .page-toolbar .tooltips { margin-top: 8px }
div#lussy.text-left { text-align: left !important }
.portlet-title span { font-weight: 700; padding-top: 15px }
.unassign-table .table-scrolling { max-height: 500px }
.last_btn.btn-remove, .segment_section .last_btn.btn-remove { width: auto; padding: 0; margin-top: 24px }
.segment_section .last_btn.btn-remove button.btn.btn-primary { color: #3d3b56 }
.page-content .page-content-inner .btn-remove button.btn.btn-primary, .segment_section .last_btn.btn-remove button.btn.btn-primary { background: 0 0; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0; display: inline-block; text-decoration: none; font-size: 28px; line-height: 30px; border: 0 }
.search-feild .total_count_record { font-weight: 700 !important; font-size: 18px; color: #666 !important; display: inline-block; float: none; padding-left: 15px; padding-top: 5px }
.modal-mapping_sms .modal-lg { width: 510px }
.modal-mapping_sms textarea.form-control { height: 195px }
.modal-mapping_sms .modal-footer { padding-top: 0; padding-bottom: 20px }
.note-middle+.form-group.width-25 { float: right !important }
.table-scroll .table-width-report { min-width: 848px }
.form-group span.select2.select2-container.select2-container--default { width: 100% !important }
.main_data_mapping, .portlet.light { position: relative }
ul#portfolio-ul { position: absolute; top: 100%; right: 0; background: #fff; z-index: 999; padding: 10px; text-align: left; list-style: none; width: 170px; -webkit-box-shadow: 6px 6px 2px rgba(0, 0, 0, .1); box-shadow: 6px 6px 2px rgba(0, 0, 0, .1); border: 1px solid #f1f1f1 }
.tooltip-main-div { position: relative; display: inline-block }
ul#portfolio-ul li a { color: #000; background: #f5f5f5; margin-bottom: 6px; padding: 3px 15px; display: block; text-decoration: none }
ul#portfolio-ul li a:hover, ul#portfolio-ul li.active a { background: #a3b1c1; color: #fff }
.trails-details-view-detailed .portlet-body.registration-role.table-scroll table.table.table-bordered.lower { width: 1170px }
.portlet-body.registration-role.table-scroll table.table.table-bordered.medium, .trails-details-view-detailed .portlet-body.registration-role.table-scroll .table-scrolling.medium, .trails-details-view-detailed .portlet-body.registration-role.table-scroll table.table.table-bordered.medium { width: 2290px }
.details-details-view-detailed .portlet-body.registration-role.table-scroll .table-scrolling.high, .details-details-view-detailed .portlet-body.registration-role.table-scroll table.table.table-bordered.high, .portlet-body.registration-role.table-scroll .table-scrolling.high, .portlet-body.registration-role.table-scroll table.table.table-bordered.high { width: 2580px }
.details-details-view-detailed.reports-pages .portlet-body.registration-role.table-scroll .table-scrolling.high, .reports-pages .details-details-view-detailed .portlet-body.registration-role.table-scroll table.table.table-bordered.high, .reports-pages .portlet-body.registration-role.table-scroll .table-scrolling.high, .reports-pages .portlet-body.registration-role.table-scroll table.table.table-bordered.high { width: 4500px }
.details-details-view-detailed .portlet-body.registration-role.table-scroll .table-scrolling.lower, .details-details-view-detailed .portlet-body.registration-role.table-scroll table.table.table-bordered.lower, .portlet-body.registration-role.table-scroll .lower table.table.table-bordered, .portlet-body.registration-role.table-scroll .table-scrolling.lower, .portlet-body.registration-role.table-scroll table.table.table-bordered.lower, .trails-details-view-detailed .portlet-body.registration-role.table-scroll .table-scrolling.lower { width: 1170px }
.portlet-body.registration-role.table-scroll .medium table.table.table-bordered { width: 2290px }
.table-scrolling.medium { overflow-x: hidden; width: 2290px }
a.btn.approve-caseststus { padding: 2px !important; float: right; font-size: 11px !important; margin-right: 0 !important }
#casetextfld .input.text { margin-bottom: 10px; margin-top: 15px }
#case_status_form textarea.form-control { margin: 15px 0; height: 80px }
.top-deading-debt ul#all_th li { padding: 5px 10px; font-weight: 400; text-transform: uppercase; border: 1px solid #e7ecf1; width: 33.33% }
.table-graph-pbr img { max-width: 310px; display: inline-block; margin-top: 80px }
.table-graph-pbr #chartdiv { width: 46%; height: 380px; margin: -20px auto 0; display: inline-block; vertical-align: top }
.target-rtsb .table-graph-pbr #chartdiv { margin: 20px auto -40px }
.payment-trend-pbr .table-graph-pbr #chartdiv { margin: 32px auto -45px }
.payment-trend-pbr .table-graph-pbr img { margin-top: 134px }
.target-rtsb .table-graph-pbr img { margin-top: 112px }
#settimeout .page-logo { background: 0 0; text-align: center; padding: 15% 8px 8px }
#settimeout div#footer a { color: #dadada; background: #55616f !important; padding: 10px 35px; display: inline-block; text-decoration: none; font-size: 17px; text-transform: uppercase }
#settimeout div#content { color: #fff; padding: 115px 0 20px }
#settimeout .page-lock { margin: 35px auto 30px; width: 400px }
#settimeout .page-lock .page-logo { text-align: center; margin-bottom: 15px }
#settimeout .page-lock .page-body { width: 100%; margin-top: 35px; background-color: #fff; border-radius: 7px }
#settimeout .lock-head { display: block; background-color: #fff; text-align: center; padding-top: 15px; padding-bottom: 15px; font-size: 22px; font-weight: 600; color: #3d3b56; border-radius: 0 }
#settimeout .lock-body { display: block; margin: 0 32px 45px; overflow: hidden }
#settimeout .page-lock .lock-cont { display: table; table-layout: fixed }
#settimeout .page-lock .lock-cont .lock-item { display: table-cell; vertical-align: middle }
#settimeout .lock-avatar { margin-top: 15px; height: 110px; width: 110px; border-radius: 50% !important }
#settimeout .lock-form h4 { margin-top: 0; color: #dbe2ea; font-size: 18px; font-weight: 400; display: inline-block }
#settimeout .lock-form .form-actions, #settimeout .lock-form .form-group { margin-top: 20px }
#settimeout .lock-form .form-group .form-control { background-color: #303a48; border: 0; width: 220px; height: 40px; color: #697687; padding: 0 10px }
#settimeout .lock-form .form-actions .btn { width: 220px; font-weight: 600; padding: 10px; color: #fff; background-color: #e7505a; border-color: #e7505a; -webkit-box-shadow: 2px 2px 1px #f4516c !important; box-shadow: 2px 2px 1px #f4516c !important }
#settimeout .lock-form .form-actions .btn.active, #settimeout .lock-form .form-actions .btn:active, #settimeout .lock-form .form-actions .btn:hover { color: #fff; background-color: #e12330; border-color: #dc1e2b }
#settimeout .lock-bottom { display: block; background-color: #323d4b; text-align: center; padding-top: 20px; padding-bottom: 20px; border-radius: 0 0 7px 7px }
#settimeout .lock-form { padding-left: 40px }
#settimeout .lock-bottom a { font-size: 14px; font-weight: 400; color: #638cac }
#settimeout .page-footer-custom { text-align: center; padding-top: 20px; color: #3d3b56; background: #e6e6e6; padding-bottom: 20px; font-weight: 600 }
#settimeout .page-lock .page-logo { background: 0 0 }
#settimeout .modal-dialog { margin-top: 0; height: 100%; position: fixed; top: 0; bottom: 0; width: 100%; max-width: initial }
#settimeout.modal .modal-content { height: 100% }
.lock-item.lock-item-full { padding-left: 30px }
.lock-item.lock-item-full h4 { color: #3d3b56; font-weight: 400 }
.lock-item.lock-item-full button.btn { display: block; width: 100% }
#settimeout .modal-content { background-color: #e6e6e6 }
#settimeout.modal .modal-body { border: 0 }
.deshbord_form.reconusers .form_third .form-group { width: 49%; float: left; margin-right: 1% }
.reconusers .form_third .form-group.width-50 { width: 32.5%; float: left; margin-right: 1% }
.seven_form .form-group.width-20:nth-child(16) { clear: none }
.form-group.width-20.last-child { width: 56.5% }
.form-group.width-20.last-child .input.textarea textarea { border: 1px solid #c2cad8; border-color: #e0e0e0; height: 26px; padding: 0 4px; background: #fbfbfb; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .09) !important; box-shadow: inset 0 0 1px rgba(0, 0, 0, .09) !important; font-size: 13px }
.deshbord_form form.seven_form .form-group.width-20.last-child label { width: 19% }
.deshbord_form form.seven_form .input.textarea { display: inline-block; width: 81% }
.portlet-body.registration-role.table-scroll .high table.table.table-bordered, .reconusers .col-md-6 { width: 100% }
.deshbord_form.reconusers .mrg { margin-right: 1% !important }
.deshbord_form.reconusers .no-mrg { margin-right: 0 !important }
.deshbord_form.reconusers .form_third .form-group.w-50 { width: 32.5% }
.deshbord_form.reconusers form.form_third .form-group label { width: 34.5%; padding-right: 5px }
.deshbord_form.reconusers form.form_third .form-group input.form-control { width: 64% }
.reconusers .border-top-sec, form#upload_frm .box-body.pad.row { margin-top: 10px }
#reconaddpopup .modal-dialog { width: 90%; max-width: 1140px }
.btn-div button.btn:first-child { margin-left: 0 !important }
.page-wrapper .page-wrapper-middle { padding-bottom: 10px }
.portlet-body.registration-role.table-scroll .table-scrolling.medium { overflow-x: hidden; width: 2290px }
.details-details-view-detailed .portlet-body.registration-role.table-scroll table.table.table-bordered tr td:first-child, .details-details-view-detailed .portlet-body.registration-role.table-scroll table.table.table-bordered tr th:first-child { width: 48px }
.multi_select_class .select2.select2-container, .multi_select_class span.selection, div#piechart div[dir=ltr] svg { width: 100% !important }
.portlet-title .caption.font-dark+a.btn { position: absolute; top: 8px; right: 0; z-index: 99; margin-top: 0 !important }
.col-md-12 .portlet-title .caption.font-dark+a.btn { right: 15px; margin-top: 0 !important }
.portlet-title .list_view_filter.portlet-title { position: absolute; border: 0; right: 0; margin-bottom: 0; padding: 0; text-align: right; z-index: 999; margin-top: 8px; width: auto; display: inline-block }
.black_bold, .green_bold { color: #000 !important; font-weight: 700 }
.green_bold { color: green !important }
.blue_bold, .red_bold { color: #f4516c !important; font-weight: 700 }
.blue_bold { color: #474cfd !important }
.stat_card_load { background: rgba(255, 255, 255, .9) !important; left: 0; position: absolute; top: 0; width: 100%; z-index: 999; height: 35px; text-align: center; padding: 8px; font-weight: 600 }
.filter-icon, .graph-weakly-common.graph-weakly div#chart_div11 { width: auto !important }
.position-static { margin-top: 9px; position: static; float: right; margin-bottom: 0 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img { border: 1px solid #e8e8e8; border-radius: 50% !important; overflow: hidden }
.loanseperator { display: inline-block; width: 16.666%; padding-right: 10px; vertical-align: top }
.loanseperator .data_mapping_new { width: 100%; border: 0 }
.loanseperator .data_mapping_new .input.text, .loanseperator .input { width: 88%; display: inline-block }
#apd .table-bordered>tbody>tr>td b, .loanseperator .data_mapping_new .input.text+span, .loanseperator .input+span { width: auto }
li.menu-dropdown.classic-menu-dropdown.month_option select.form-control { display: inline-block; max-width: 83px; padding: 6px 4px }
.button-excel-show button[onclick="generateexcel();"], .button-excel-show button[onclick="generateexcel();"]:hover { background: #f4516c !important; border-color: #f4516c !important }
.page-header .page-header-menu .hor-menu .navbar-nav>li:first-child>a { border-left: 0 }
.page-header .page-header-menu .hor-menu .navbar-nav>li:last-child>a { border-right: 0 }
.portlet.no-shadow { -webkit-box-shadow: none; box-shadow: none }
.filter-icon:hover, .unassign-main .filter-icon:hover { background: #f4516c; color: #fff; border-color: #f45171 }
.filter-icon:hover i.fa, .page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu .dropdown-menu-list>li a:hover span.desc, .page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu.dropdown-menu-default>li a:hover span.desc, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a:hover span.desc, .unassign-main .filter-icon:hover i.fa { color: #fff }
.table-striped>tbody>tr:nth-of-type(odd) { background-color: #fff }
.table-striped>tbody>tr:nth-of-type(even) { background: #ffe4e9 }
.page-content .table-hover>tbody>tr:hover, .page-content .table-hover>tbody>tr:hover>td { background: #ffc8d2 !important }
.graf form#unassing_search { margin: 0 !important }
.deshbord-main .table>thead>tr>th { background: #fff }
.search-input .col-md-4 { padding: 0 2px }
.button-excel-show { padding-left: 2px !important; padding-right: 2px !important }
.categori-info { border-radius: 5px 5px 0 0; padding: 5px 8px; margin-top: 22px }
.categori-info ul { background: #3d3b56; border-radius: 5px; margin-top: -15px; -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .3); box-shadow: 0 8px 15px rgba(0, 0, 0, .3); border-bottom: 3px solid #232232 }
.table.table .btn.green:not(.btn-outline).codetredn-anchor { padding: 2px 15px; font-size: 11px !important }
.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) { -webkit-transition: -webkit-box-shadow .4s cubic-bezier(.4, 0, .2, 1) !important; transition: -webkit-box-shadow .4s cubic-bezier(.4, 0, .2, 1) !important; -o-transition: box-shadow .4s cubic-bezier(.4, 0, .2, 1) !important; transition: box-shadow .4s cubic-bezier(.4, 0, .2, 1) !important; transition: box-shadow .4s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .4s cubic-bezier(.4, 0, .2, 1) !important; -webkit-box-shadow: 2px 2px 1px #f4516c !important; box-shadow: 2px 2px 1px #f4516c !important }
.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover { -webkit-transition: -webkit-box-shadow .4s cubic-bezier(.4, 0, .2, 1) !important; transition: -webkit-box-shadow .4s cubic-bezier(.4, 0, .2, 1) !important; -o-transition: box-shadow .4s cubic-bezier(.4, 0, .2, 1) !important; transition: box-shadow .4s cubic-bezier(.4, 0, .2, 1) !important; transition: box-shadow .4s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .4s cubic-bezier(.4, 0, .2, 1) !important; -webkit-box-shadow: none !important; box-shadow: none !important }
.filter-tab input.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) { -webkit-box-shadow: 2px 2px 1px #f4516c !important; box-shadow: 2px 2px 1px #f4516c !important }
.deshbord_form .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).red:hover, .filter-tab .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all), .filter-tab input.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover, .icon-btn:hover, .map_btn button:hover, .md-shadow-z-2-hover, .page-content-inner .portlet.light .portlet-title a.btn.sbold:hover, .portlet.box.blue-chambray>.portlet-title>.actions .btn-default:hover, .portlet.box.blue-dark>.portlet-title>.actions .btn-default:hover, .portlet.box.blue-ebonyclay>.portlet-title>.actions .btn-default:hover, .portlet.box.blue-hoki>.portlet-title>.actions .btn-default:hover, .portlet.box.blue-madison>.portlet-title>.actions .btn-default:hover, .portlet.box.blue-oleo>.portlet-title>.actions .btn-default:hover, .portlet.box.blue-sharp>.portlet-title>.actions .btn-default:hover, .portlet.box.blue-soft>.portlet-title>.actions .btn-default:hover, .portlet.box.blue-steel>.portlet-title>.actions .btn-default:hover, .portlet.box.blue>.portlet-title>.actions .btn-default:hover, .portlet.box.dark>.portlet-title>.actions .btn-default:hover, .portlet.box.default>.portlet-title>.actions .btn-default:hover, .portlet.box.green-dark>.portlet-title>.actions .btn-default:hover, .portlet.box.green-haze>.portlet-title>.actions .btn-default:hover, .portlet.box.green-jungle>.portlet-title>.actions .btn-default:hover, .portlet.box.green-meadow>.portlet-title>.actions .btn-default:hover, .portlet.box.green-seagreen>.portlet-title>.actions .btn-default:hover, .portlet.box.green-sharp>.portlet-title>.actions .btn-default:hover, .portlet.box.green-soft>.portlet-title>.actions .btn-default:hover, .portlet.box.green-steel>.portlet-title>.actions .btn-default:hover, .portlet.box.green-turquoise>.portlet-title>.actions .btn-default:hover, .portlet.box.green>.portlet-title>.actions .btn-default:hover, .portlet.box.grey-cararra>.portlet-title>.actions .btn-default:hover, .portlet.box.grey-cascade>.portlet-title>.actions .btn-default:hover, .portlet.box.grey-gallery>.portlet-title>.actions .btn-default:hover, .portlet.box.grey-mint>.portlet-title>.actions .btn-default:hover, .portlet.box.grey-salsa>.portlet-title>.actions .btn-default:hover, .portlet.box.grey-salt>.portlet-title>.actions .btn-default:hover, .portlet.box.grey-silver>.portlet-title>.actions .btn-default:hover, .portlet.box.grey-steel>.portlet-title>.actions .btn-default:hover, .portlet.box.grey>.portlet-title>.actions .btn-default:hover, .portlet.box.purple-intense>.portlet-title>.actions .btn-default:hover, .portlet.box.purple-medium>.portlet-title>.actions .btn-default:hover, .portlet.box.purple-plum>.portlet-title>.actions .btn-default:hover, .portlet.box.purple-seance>.portlet-title>.actions .btn-default:hover, .portlet.box.purple-sharp>.portlet-title>.actions .btn-default:hover, .portlet.box.purple-soft>.portlet-title>.actions .btn-default:hover, .portlet.box.purple-studio>.portlet-title>.actions .btn-default:hover, .portlet.box.purple-wisteria>.portlet-title>.actions .btn-default:hover, .portlet.box.purple>.portlet-title>.actions .btn-default:hover, .portlet.box.red-flamingo>.portlet-title>.actions .btn-default:hover, .portlet.box.red-haze>.portlet-title>.actions .btn-default:hover, .portlet.box.red-intense>.portlet-title>.actions .btn-default:hover, .portlet.box.red-mint>.portlet-title>.actions .btn-default:hover, .portlet.box.red-pink>.portlet-title>.actions .btn-default:hover, .portlet.box.red-soft>.portlet-title>.actions .btn-default:hover, .portlet.box.red-sunglo>.portlet-title>.actions .btn-default:hover, .portlet.box.red-thunderbird>.portlet-title>.actions .btn-default:hover, .portlet.box.red>.portlet-title>.actions .btn-default:hover, .portlet.box.white>.portlet-title>.actions .btn-default:hover, .portlet.box.yellow-casablanca>.portlet-title>.actions .btn-default:hover, .portlet.box.yellow-crusta>.portlet-title>.actions .btn-default:hover, .portlet.box.yellow-gold>.portlet-title>.actions .btn-default:hover, .portlet.box.yellow-haze>.portlet-title>.actions .btn-default:hover, .portlet.box.yellow-lemon>.portlet-title>.actions .btn-default:hover, .portlet.box.yellow-mint>.portlet-title>.actions .btn-default:hover, .portlet.box.yellow-saffron>.portlet-title>.actions .btn-default:hover, .portlet.box.yellow-soft>.portlet-title>.actions .btn-default:hover, .portlet.box.yellow>.portlet-title>.actions .btn-default:hover, .search-feild-options a.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all), .social-icons li:hover>a, .social-icons.social-icons-color>li>a:hover { -webkit-box-shadow: none !important; box-shadow: none !important }
form#switch_frm select.form-control { display: inline-block; width: auto; margin-top: 4px; min-width: 85px }
.no-table-scrolling .portlet-body.registration-role { overflow-x: visible }
.deshbord-main .tooltip-main-div .btn.green:not(.btn-outline) { background-color: transparent; border: 0; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .4) !important; box-shadow: 0 0 8px rgba(0, 0, 0, .4) !important; color: #000 }
.deshbord-main .tooltip-main-div .btn.green:not(.btn-outline):hover { background-color: #fff !important; color: #000 !important }
.btn.dropdown-toggle:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs { padding: 3px 4px !important }
.deshbord .tooltip-main-div { margin-top: 6px }
.deshbord .portlet-title.page-title h3 { display: inline-block; font-weight: 700; color: #f4516c !important; font-size: 21px }
.table-bordered>tbody>tr>td b { width: 30px; display: inline-block }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li { border-bottom: 1px solid #697788 }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a { border-bottom: 1px solid #232232 }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li:last-child>a { border-bottom: 0 }
#matrixpopdiv .modal-dialog { width: 85% }
.table tbody tr td, .table thead tr th { width: 8% }
.line-charts .charts-box { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2); box-shadow: 0 0 15px rgba(0, 0, 0, .2) }
.line-charts { display: inline-block; width: 48.5%; margin-right: 2.2%; margin-bottom: 2.5% }
.line-charts .charts-box span { background: #f9f9f9; padding: 23px }
#reconaddpopup .col-md-6, #reconpopup .col-md-6, .line-charts .charts-box .ptp-data { width: 100% }
.line-charts .charts-box .ptp-data .ptp-list { border-bottom: 1px solid #efefef; padding: 12px 10px; color: #686868; font-size: 14px }
.line-charts .charts-box .ptp-data .ptp-list b { float: right; color: #353535; font-size: 15px }
.line-charts:nth-child(2n), .right-deshbord .shadow-box:nth-child(2n) { margin-right: 0 }
.select-item select { border: 0 solid #d4d4d4; font-weight: 400; color: #797979; outline: 0; cursor: pointer; background: #f7f7fb; border-radius: 12px !important; padding: 3px 25px 3px 7px; font-size: 13px; -webkit-appearance: none; position: relative }
.select-item select:hover, .sitesetting-form .form-left label a[href="javascript:void(0)"]:hover { -webkit-box-shadow: none !important; box-shadow: none !important }
.select-item select:last-child { float: right }
.select-item { margin-bottom: 10px; display: inline-block }
.shadow-box .select-item .input.select:first-child { width: auto; display: inline-block; float: left }
.week-value, user_view_box .col-md-3 { display: -webkit-box; display: -ms-flexbox; display: flex }
.week-value span { width: 50% }
.shadow-box .select-item .input.select { position: relative }
.shadow-box .select-item .input.select:after { content: "\f107"; position: absolute; right: 8px; top: 5px; font: 14px/1 FontAwesome; z-index: 99; pointer-events: none }
.week-value span h4 { margin: 5px 0; font-weight: 600; color: #a4a1a1; font-size: 16px }
.select-item select:focus, .shadow-box .select-item .input.select select:focus, .shadow-box .select-item .input.select select:hover, .shadow-box .select-item .input.select:focus select, .shadow-box .select-item .input.select:hover select { -webkit-box-shadow: none !important; box-shadow: none !important }
.shadow-box { padding: 15px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2); box-shadow: 0 0 15px rgba(0, 0, 0, .2); margin-bottom: 17px }
.chart-table-style table thead tr th { background: #3d3b56 !important; font-weight: 600 }
.chart-table-style table tbody tr { border-bottom: 5px solid #fff }
.chart-table-style table tbody tr td { border-right: 1px solid #d8d8d8; padding: 10px; text-align: center; background: #f7f7f7 }
.chart-table-style table tbody tr:hover td { background: #f4516c; color: #fff }
.chart-table-style table tbody tr td:last-child { border-right: 0; border-radius: 0 8px 8px 0 !important }
.chart-table-style table tbody tr td:first-child { text-align: left; border-radius: 8px 0 0 8px !important }
.chart-table-style .demo1 { max-height: 341px }
.right-deshbord h5 { font-weight: 600; font-size: 14px; text-transform: uppercase; margin-top: 4px; position: relative }
.right-deshbord .shadow-box { width: 48%; display: inline-block; margin-right: 2.5%; vertical-align: top; min-height: 194px }
.col-md-5.right-deshbord { padding-left: 5px }
.vertical-line { width: 10px; display: inline-block }
.info-dots span { display: block; font-size: 13px; color: #353535; font-weight: 600; margin-bottom: 12px; position: relative; padding-left: 20px; line-height: 15px }
.info-dots span:before { content: ""; position: absolute; left: 0; top: 2px; width: 12px; height: 12px; background: #000 }
.info-dots, .states-img { display: inline-block; vertical-align: middle }
.info-dots span.sky:before, .process-bar>span>span.sky { background: #32c5d2 }
.info-dots span.black:before, .process-bar>span>span.black { background: #3d3b56 }
.info-dots span.red:before, .login-box .right-box form .form-group button.submit.btn, .login-box .right-box form .form-group input.submit.btn, .process-bar>span>span.red, .right-box form .form-group input.submit.btn:hover, div#appendnotificationdata p span.crossnoti:hover, div#callbacknotification div span.crossnoti:hover { background: #f4516c }
.info-dots span.blue:before, .process-bar>span>span.blue { background: #477cdf !important }
.info-dots span.green:before, .process-bar>span>span.green { background: #1d8024 !important }
.states-img { margin-top: 0; vertical-align: top }
.pb-0 { padding-bottom: 2px !important }
div#piechart, div#piechart2 { width: 206px !important; height: 125px !important }
.right-deshbord .shadow-box.charts-div { width: 100%; margin-right: 0 }
.process-bar>span { background: #f3f3f3; display: inline-block; height: 85px; position: relative }
.process-bar>span:last-child { margin-right: 0 }
.process-bar>span>span { background: #000; display: block; position: absolute; width: 100%; bottom: 0 }
.process-bar { display: inline-block; vertical-align: top; padding-top: 30px }
.info-dots.right { float: right; padding-top: 30px }
.info-dots.right b { margin-left: 12px; display: inline-block; float: right }
.info-dots span:last-child { margin-bottom: 0 }
.info-dots.right span { margin-bottom: 7.5px }
.right-deshbord h5 .view-hover { position: absolute; right: 0; color: #a3b1c1; top: 0; cursor: pointer }
.right-deshbord h5 ul { list-style: none; display: inline-block; text-align: right; position: absolute; top: 100%; margin-bottom: 0; background: #fff; z-index: 999; opacity: 0; visibility: hidden; width: 140px; right: 0; padding: 0; margin-top: 10px; border: 1px solid #a3b1c1 }
.right-deshbord h5 .view-hover:hover ul { opacity: 1; visibility: visible; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .23); box-shadow: 0 4px 12px rgba(0, 0, 0, .23); -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.right-deshbord h5 ul li a { color: #000; text-decoration: none; padding: 3px 10px; display: block; background: #f5f5f5; font-size: 13px; border-bottom: 1px solid #eee }
.right-deshbord h5 ul li a:hover { background: #fff; color: #333 }
.cricle-box { border: 4px solid #f4516c; width: 109px; height: 109px; border-radius: 50% !important; text-align: center; color: #303030; font-size: 21px; font-weight: 600; -webkit-box-shadow: 0 0 20px rgba(244, 81, 108, .4); box-shadow: 0 0 20px rgba(244, 81, 108, .4); margin: 15px auto 10px }
.cricle-box span { font-size: 14px; color: #303030; display: block }
.cricle-sec .week-value span:last-child { margin-left: 15%; text-align: right }
ul.user-list-deshboard { list-style: none; padding: 0; width: 100% }
ul.user-list-deshboard li { display: block; margin-bottom: 10px; background: #f7f7f7; font-size: 0 }
ul.user-list-deshboard li.norecordfcclass-dash { font-size: 14px }
ul.user-list-deshboard li a { border-radius: 50% !important; width: 28px; height: 28px; overflow: hidden; margin: 5px 10px 5px 0; display: inline-block }
ul.user-list-deshboard .user-name { font-size: 12px; font-weight: 600; color: #292929; padding: 5px 0; vertical-align: top; display: inline-block; width: 62%; line-height: 14px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis }
ul.user-list-deshboard .user-name small { font-size: 12px; color: #f4516c; display: block }
ul.user-list-deshboard span { background: #f4516c; text-align: center; padding: 10px 1px; border-radius: 0 5px 5px 0 !important; color: #fff; display: inline-block; vertical-align: top; min-width: 44px; font-size: 13px }
.right-deshbord .demo1 { max-height: 512px }
.right-deshbord .demo1 .simplebar-track { opacity: 0 }
.right-deshbord .demo1:hover .simplebar-track { opacity: 1 }
.line-bar .week-value span small { display: block; color: #252525; font-weight: 600; text-transform: uppercase }
.line-bar .week-value span { color: #f4516c; margin-bottom: 5px }
.progress-info .progress { background: #888787; height: 2px }
.progress-info .progress-bar.green-sharp { background: #f4516c !important }
.right-deshbord .width50 .shadow-box { width: 100%; margin-right: 0; margin-bottom: 15px }
.right-deshbord .width50 { width: 48.5%; display: inline-block }
.paid-img img { max-width: 100% }
.right-deshbord .width50 .select-item select:last-child { float: none; width: 100%; max-width: 100% }
.right-deshbord .width50 .week-value span { width: 100%; font-size: 12px; margin-bottom: 5px }
.right-deshbord .width50 .week-value span:last-child { text-align: right }
.progress-info .progress:last-child { margin-bottom: 6px }
.right-deshbord .width50 .shadow-box:first-child span:last-child { text-align: left }
.right-deshbord .width50 .shadow-box.last-box h5 { margin-bottom: 23px }
.deshbord .portlet-title .caption.font-dark { padding-top: 6px; float: left }
.chart-img img { max-width: 100%; height: initial }
.process-bar>span { margin-right: 9px !important }
.info-dots { padding-top: 30px; float: right }
.page-content-inner .portlet.light select#optgroup { margin-bottom: 20px }
.col-sm-2.text-center button:last-child { margin-bottom: 20px }
.debt-user .registration-role .dataTables_filter { right: 0 !important }
.debt-user .table-checkable tr>td:first-child, .debt-user .table-checkable tr>td:nth-child(2), .debt-user .table-checkable tr>th:first-child, .debt-user .table-checkable tr>th:nth-child(2) { width: .3% !important }
span.user-img img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% }
span.user-img { width: 50px; height: 50px; overflow: hidden; display: inline-block; float: left; margin-right: 5px; border-radius: 50% !important; margin-top: -11px }
.target-rtsb .table-checkable tr>td:first-child, .target-rtsb .table-checkable tr>td[style="width:4%"]:first-child, .target-rtsb .table-checkable tr>th:first-child, .target-rtsb .table-checkable tr>th[style="width:2%"]:first-child, .target-rtsb .table-checkable tr>th[style="width:4%"]:first-child { width: 3% }
.reports-pages .table-checkable tr>td:first-child, .reports-pages .table-checkable tr>th:first-child { max-width: 48px !important; width: 4.1% !important }
.reports-pages.allocationreport .table-checkable tr>td:first-child, .reports-pages.allocationreport .table-checkable tr>th:first-child, .reports-pages.trails-details-view-detailed .table-checkable tr>td:first-child, .reports-pages.trails-details-view-detailed .table-checkable tr>th:first-child { width: 3.5% !important }
.loan-pages .table-checkable tr>td:nth-child(2), .loan-pages .table-checkable tr>th:nth-child(2) { width: 3.3% !important }
.pbr-riskpage .table-checkable tr>td:first-child, .pbr-riskpage .table-checkable tr>th:first-child { width: 4% !important }
.reports-pages.allocationreport .table-checkable tr>td:nth-child(2), .reports-pages.allocationreport .table-checkable tr>th:nth-child(2) { max-width: 82px !important; width: 12% !important }
.assign_approve .table-checkable tr>td:first-child, .assign_approve .table-checkable tr>th:first-child { width: .5% !important }
.codetrend_tellecaller .table tbody tr td:nth-child(3), .codetrend_tellecaller .table thead tr th:nth-child(3) { width: 15% }
.codetrend_tellecaller .table tbody tr td:nth-child(2), .codetrend_tellecaller .table thead tr th:nth-child(2) { width: 3% }
#apd .table-checkable tr>td:first-child, #apd .table-checkable tr>th:first-child { width: 1% !important }
.codebreak .table tbody tr td:nth-child(2), .codebreak .table thead tr th:nth-child(2) { width: 12% }
.bankfeedbackclass.reports-pages .table-checkable tr>td:first-child, .bankfeedbackclass.reports-pages .table-checkable tr>th:first-child { max-width: 48px !important; width: 1.3% !important }
.bankfeedbackclass.reports-pages .table-checkable tr>td:nth-child(2), .bankfeedbackclass.reports-pages .table-checkable tr>th:nth-child(2) { max-width: 48px !important; width: 2% !important }
.bankfeedbackclass.reports-pages .table-checkable tr>td:nth-child(3), .bankfeedbackclass.reports-pages .table-checkable tr>th:nth-child(3) { width: 6% !important }
.bankfeedbackclass .page-content .table-hover>tbody>tr:hover b, .bankfeedbackclass .page-content .table-hover>tbody>tr:hover>td b { display: block; opacity: 0; height: 5px }
#reconaddpopup .form-group.width-20 { padding-right: 6px }
#reconaddpopup .form-group.width-25 { margin-right: .8% }
ul.main_menu { padding: 0 }
.main_menu li { display: inline-block; list-style: none; padding: 0 13px 17px 25px; vertical-align: middle; font-size: 14px }
.main_menu li input[type=checkbox] { margin: 0 0 0 -23px; width: 17px; height: 17px }
ul.user-list-deshboard li img { -o-object-fit: contain; object-fit: contain; -o-object-position: left; object-position: left; width: 38px; height: 45px; margin: -5px }
.chart-table-style table tbody tr:last-child td { background: #f4516c; color: #fff }
.shadow-box.cricle-sec+.shadow-box { min-height: 468px }
.info-dots span:after { content: ""; display: block; clear: both; width: 100%; background: 0 0; height: 1px }
.deshbord .tooltip-main-div li { list-style: none; display: inline-block; margin-right: 6px; padding-top: 4px }
.deshbord .tooltip-main-div ul li { display: block; margin: 0; padding: 0 }
.info-dots span:empty { display: inline }
.info-dots span:empty:after { height: 8px }
#tellecallerpopup p:last-child, div#reconpopup_reconuser p:last-child, ul.user-list-deshboard li:last-child { margin-bottom: 0 }
.right-deshbord h5 ul li a.active { background: #a3b1c1; color: #fff }
#tellecallerpopup p a.btn { float: right; margin-top: -9px; margin-right: -53px }
#tellecallerpopup p, div#reconpopup_reconuser p { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); padding: 10px 58px 10px 10px; background: #fff }
div#reconpopup_reconuser .modal-header { border-bottom: 0 }
.modal#tellecallerpopup .modal-content .modal-footer { border-top: 1px solid #eee !important }
#tellecallerpopup .modal-body p { margin-top: 15px }
#tellecallerpopup .modal-body p[style="color:red"] b { text-align: center; display: block }
.shadow-box .select-item .input.select { width: 25.5%; display: inline-block }
.right-deshbord .width50 .shadow-box.min-height2 { min-height: 102px }
.right-deshbord .width50 .shadow-box.min-height2+.shadow-box.last-box .progress { margin-bottom: 5px }
.right-deshbord .width50 .shadow-box.min-height2+.shadow-box.last-box { min-height: 150px }
.right-deshbord .shadow-box.riskbandclass { min-height: 192px }
.right-deshbord .shadow-box.riskband_cricle .cricle-box { margin: 15px auto 7px }
#replacementdiv .select2-container .select2-selection--multiple, #replacementdiv .select2-container .select2-selection--multiple .select2-selection__rendered { height: auto !important }
#replacementdiv .registration_page .select2-container .select2-selection--multiple { height: auto !important; min-height: inherit !important }
.box-body.pad.middle-pad, form .box-body.pad.row { padding-top: 12px; margin-top: 12px; border-top: 1px solid #eee }
#reconaddpopup .col-md-6 .form-group.width-50.no_margin.mrg:last-child, #reconpopup .col-md-6 .form-group.width-50.no_margin.mrg:last-child { margin-left: 1%; width: 49.5% }
#reconpopup .modal-lg { max-width: 1240px }
#reconpopup strong[style="color:green;"] { position: absolute; top: -34px; left: 0; right: 0; margin: auto; text-align: center }
.modal-dialog .deshbord_form .form_third .form-group:nth-child(2n) { margin-right: 0 }
.modal-dialog div#ReconeHistory { border-top: 2px solid #3d3b56; padding: 15px 0 0; max-width: 1200px; margin: 0 }
#recon_status_popup_form .form-group { width: 32.5%; display: inline-block; vertical-align: top }
.modal-dialog .deshbord_form .detail-form form.form_second .form-group input.form-control { width: 115px }
.modal-dialog .tooltip-sec { width: 188px }
#reconaddpopup.deshbord_form .modal-dialog { width: 99%; max-width: 1240px }
#reconaddpopup .tooltip-sec { width: 191px }
#reconaddpopup .deshbord_form .form-group.width-25:last-child { margin-right: 0 !important }
#reconaddpopup #like_iframe .container { width: 1200px }
.modal form#recon_status_popup_form .form-group { display: block; margin: 10px auto 25px; text-align: center; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .15); box-shadow: 0 2px 4px rgba(0, 0, 0, .15); padding: 15px 15px 28px; border: 1px solid #d5d5d5 }
.modal form#recon_status_popup_form .form-group label { font-weight: 700; margin-bottom: 12px }
div#reconpopup_reconuser .modal-dialog .modal-title, div#tellecallerpopup .modal-dialog .modal-title { padding-top: 35px }
div#reconpopup_reconuser .modal .modal-body p { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); padding: 4px 10px; background: #fff; margin: 15px 0 }
.second_dashboard .line-charts { width: 100%; margin-right: 0; margin-bottom: 18px }
.second_dashboard .shadow-box h4 { margin-top: 0; display: inline-block; font-weight: 600; font-size: 14px; text-transform: uppercase; position: relative; margin-bottom: 0; border: 0; padding: 0 }
.zipindex_p.loan-pages .table-checkable tr>td:nth-child(2), .zipindex_p.loan-pages .table-checkable tr>th:nth-child(2) { width: .3% !important }
.width-half+.shadow-box { padding-right: 0 }
.right-deshbord .demo5 .simplebar-scroll-content { padding-right: 20px !important }
.width-half+.shadow-box h5 { margin-right: 15px }
.deshbord-main .chart-table-style table tbody tr td { padding: 5px }
.bd-example-modal-lg#statcardpopup #appeneddata { color: #333 }
a, a:hover { text-decoration: none }
a:hover { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s }
a, button, input, label, span { -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
@font-face { font-family: 'Bell MT'; src: url(../fonts/BellMT.woff2) format("woff2"), url(../fonts/BellMT.woff) format("woff"); font-weight: 400; font-style: normal }
.OpenSans { font-family: 'Open Sans', sans-serif }
.login-box { padding: 110px 0 }
.login-box h1 { font-size: 70px; margin-bottom: 12px; color: #fff; font-family: 'Bell MT' }
.left-login p a, .login-box h3 { font-size: 22px; font-weight: 300; color: #fff }
.logo-left { height: 248px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.left-login p a, .login-box h1 { font-weight: 400 }
.lockscreen-bg { background: #3d3b56; display: inline-block; width: 100% }
.left-login { padding: 60px 15px 25px 48px }
.right-box { max-width: 505px; margin: -48px auto; background: #fff; height: 100%; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .2); box-shadow: 0 0 40px rgba(0, 0, 0, .2); padding: 48px 42px; text-align: center; min-height: 650px }
.right-box .logo { margin-bottom: 58px }
.right-box .user-img { width: 118px; height: 118px; margin: 0 auto 35px; background: #3d3b56; border-radius: 50% !important; overflow: hidden; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .4); box-shadow: 0 0 25px rgba(0, 0, 0, .4) }
.right-box .user-img img { background-position: bottom; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% }
.right-box form .form-group input[type=password], .right-box form .form-group input[type=text] { width: 100%; border: 0; border-bottom: 1px solid #000; padding: 4px 0; font-size: 16px; margin-bottom: 75px; color: #000; outline: 0; -webkit-box-shadow: none !important; box-shadow: none !important }
.chart-table-style23 table, .right-box form .form-group { margin-bottom: 0 }
.right-box form .form-group button.submit.btn, .right-box form .form-group input.submit.btn { background: #3d3b56; color: #fff; font-size: 22px; font-weight: 400; width: 100%; padding: 18px 0; line-height: normal; border: 0 }
.main-wapper { display: table; width: 100%; height: 100vh }
.fp-wepper { width: 100%; display: table-row; height: 100% }
.fp-wepper .fp-content { display: table-cell; vertical-align: middle }
.login-bg { display: inline-block; width: 100%; background: #f4516c }
.login { font-size: 29px; color: #f4516c; font-weight: 600; padding: 20px 0 25px }
.login-logo { background: #fff; max-width: 350px; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .1); box-shadow: 0 0 25px rgba(0, 0, 0, .1); padding: 15px; margin: auto auto 55px }
.login-logo img { max-width: 206px }
.login-box .right-box form .form-group input[type=text] { margin-bottom: 65px }
.login-box .right-box form .form-group input[type=password] { margin-bottom: 35px }
.login-box .right-box form .form-group button.submit.btn:hover, .login-box .right-box form .form-group input.submit.btn:hover { background: #3d3b56 }
.message-class-add { text-align: center; color: #3d3b56; background: #f4516c !important }
.message-class-add span { color: #fff !important }
div#reconpopup_reconuser .modal-dialog, div#tellecallerpopup .modal-dialog { height: 100%; vertical-align: middle; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 620px }
div#reconpopup_reconuser .modal-content, div#tellecallerpopup.modal .modal-content { border: 4px dashed #f4516c; width: 100%; background-color: rgba(255, 255, 255, .9) }
#nctrecordpopup .seven_form .form-group.width-20 input, #nctrecordpopup form.seven_form .form-group label, .seven_form .form-group.width-20 select, body .modal .modal-content { width: 100% }
div#settimeout { z-index: 99999 }
.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).vieweyespopup { border-radius: 50% !important; width: 35px; height: 35px; padding: 7px }
#tellecallerpopup p, div#reconpopup_reconuser .modal-body p { position: relative }
#tellecallerpopup p a.btn.vieweyespopup, div#reconpopup_reconuser .modal-body a.btn.vieweyespopup { float: right; margin-top: 0; margin-right: 0; position: absolute; right: 2px; top: 2px; background: #f4516c !important; border: 0; -webkit-box-shadow: none !important; box-shadow: none !important; padding-top: 9px }
#tellecallerpopup p a.btn.vieweyespopup:hover, div#reconpopup_reconuser .modal-body a.btn.vieweyespopup:hover { background: #3d3b56 !important }
.modal-dialog { max-width: 1140px }
div#tellecallerpopup .modal-dialog .modal-header { border: 0 }
div#reconpopup_reconuser .modal-dialog .modal-title, div#tellecallerpopup .modal-dialog .modal-title { border-bottom: 0; text-align: center; color: #f4516c; padding-bottom: 0 }
.line-charts .charts-box .ptp-data .ptp-list .ptptd_class b:last-child { color: #f4516c }
.assign_approve.loan-pages .table-checkable tr>td:nth-child(2), .assign_approve.loan-pages .table-checkable tr>th:nth-child(2) { width: 1% !important }
.searchpage .portlet form.login-form label { vertical-align: top }
.Allusers .dropdown-menu { min-width: 150px }
.maindivspeperator .loanseperator:nth-child(2n) { border-right: 0 !important }
.maindivspeperator .loanseperator { margin-right: 0; padding-right: 0; padding-left: 0 }
.maindivspeperator .loanseperator .data_mapping_new { margin-right: 0 }
.phonemappingpaage .data_mapping_new span:first-child { width: 100%; font-weight: 700; margin-bottom: 5px }
.phonemappingpaage .data_mapping_new b { font-size: 15px; font-weight: 400; line-height: 26px; min-height: 30px; display: inline-block }
.main_data_mapping .loanseperator+hr { margin: 5px 0 }
.main_data_mapping .loanseperator { padding-right: 0; border-bottom: 0 }
.loanseperator .data_mapping_new select { height: 30px; padding: 3px }
.phonemappingpaage .data_mapping_new span:last-child { width: 60px; text-align: left }
.loanseperator .data_mapping_new .input { width: 56%; display: inline-block; margin-top: 0 }
.codetrend_tellecaller.bpr-code .table tbody tr td:nth-child(2), .codetrend_tellecaller.bpr-code .table thead tr th:nth-child(2) { width: 10% }
.codelist-nct .table-checkable tr>td:first-child, .codelist-nct .table-checkable tr>th:first-child { width: 4% !important }
.background-recon a#confirm-schedule { margin-right: 5px }
.table>thead:first-child>tr:first-child>th { padding-bottom: 5px }
.chart-table-style table tbody tr:hover td { white-space: normal; overflow: visible; word-break: break-all }
#replacig_div .maindivspeperator .loanseperator:nth-child(2n) .data_mapping_new { border-right: 1px solid #ececec !important }
#replacig_div .maindivspeperator .loanseperator:nth-child(2n) { padding-right: 10px }
#replacig_div .maindivspeperator .loanseperator:nth-child(6n) .data_mapping_new { border-right: 0 !important }
#replacig_div .maindivspeperator .loanseperator:nth-child(6n) { padding-right: 0 }
.col-span6 .chart-table-style .demo1 { max-height: 293px }
.errormessagepopupdelete { position: absolute; left: 40px; right: 0; top: 14px; margin: auto; text-align: center; font-weight: 600; text-transform: capitalize }
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu { z-index: 999999 }
.stat_card_load_recon { position: absolute }
.page-content-inner .portlet.light .portlet-title a.btn.sbold.red { background: #f4516c !important; border: red; padding: 9px 15px }
.page-content-inner .portlet.light .portlet-title .mt-0 { margin-top: -6px !important }
.loan-list-view .filter-icon { margin-top: -7px }
.modal .modal-content body .modal-footer { padding-left: 0; padding-right: 0 }
.reports-pages.drawise-report .table-checkable tr>td:first-child, .reports-pages.drawise-report .table-checkable tr>th:first-child, .reports-pages.statcard-report .table-checkable tr>td:first-child, .reports-pages.statcard-report .table-checkable tr>th:first-child { max-width: 30px !important; width: 2.5% !important }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a:hover, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a:hover { background: #3d3b56 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a>i, .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a>i { color: #eaeaea }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a { color: #f36a5a }
.myonecalss .right-deshbord .width50 .shadow-box { min-height: 155px }
.myonecalss .right-deshbord .width50 .shadow-box.last-box .progress:last-child { margin-bottom: 3px }
.right-deshbord .shadow-box.cricle-sec.line-bar { min-height: 295px }
.table.table tr td a.approve-links-schedule.btn.sbold.green { padding: 3px 15px !important; font-size: 11px !important }
.myonecalss .right-deshbord .width50 .shadow-box:first-child span:last-child { text-align: right }
.modal .modal-content .modal-title+.errormessagepopupdelete { top: 48px }
.table>tbody>tr>th, .table>thead>tr>th { background: #f4516c; color: #fff; padding: 8px 3px; font-weight: 400; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width: 50px }
.history-list tr td:hover, .table>tbody>tr>th:hover, .table>thead>tr>th:hover { white-space: normal; -o-text-overflow: initial; text-overflow: initial }
.table>tbody>tr:nth-of-type(odd) { background-color: #fff }
.table>tbody>tr:nth-of-type(even) { background: #ffe4e9 }
.maping-width table>thead>tr>th:first-child { max-width: 32px }
.right-deshbord .shadow-box.cricle-sec.line-bar .week-value small { margin-top: 2px }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a { border-bottom: 1px solid #232232 !important; border-top: 1px solid #505050 }
.right-deshbord .shadow-box.cricle-sec.line-bar .week-value:nth-child(4) { border-top: 1px solid #d4d4d4; display: block }
.sms_suc_msg { color: green; text-align: center; font-weight: 600; padding-top: 10px; display: none }
.rupee_symbol i { display: inline-block; vertical-align: middle; margin: 0 2px 0 0; font-weight: 700 }
.rupee_symbol { float: right; text-align: right }
.ptptd_class { float: right }
.ptptd_class b { float: none !important }
.map_btn button { font-size: 14px; padding: 8px 14px 7px; width: auto }
.history-list tr td { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-break: break-all; max-width: 335px !important }
.history-list tr td:last-child { overflow: visible }
.history-list table tr:nth-child(even) td { background: 0 0 }
.graph-cricle, .graph-first-bg { border-radius: 50% !important; width: 138px; height: 138px; background: #716aca }
.graph-color { padding: 12px; width: 100%; height: 100%; text-align: center; line-height: 114px; font-size: 22px; font-weight: 600; color: #6b6b6b }
.graph-color, .graph-color .bg-white { border-radius: 50% !important }
.select-item { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6 }
.deshbord-main .chart-table-style table thead tr th { background: #fff !important; font-weight: 600; border-right: 0 !important; color: #000; padding: 25px 0 18px !important; border-bottom: 0 }
.deshbord-main .chart-table-style table tbody tr td { background: #fff; border-right: 0; color: #333 }
.deshbord-main .chart-table-style table tbody tr { border-bottom: 1px solid #efefef }
.bt-style { background: 0 0; border-radius: 14px !important; color: #424242; padding: 1px 9px; font-size: 13px; margin-bottom: 3px; display: inline-block; width: auto !important }
.week-value span:nth-child(1) h4 { padding-left: 8px }
.deshbord-main .table-responsive .simplebar-track, .page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu>li .demo6 .simplebar-track.vertical { opacity: 0 }
.deshbord-main .table-responsive:hover .simplebar-track, .page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu>li:hover .demo6 .simplebar-track.vertical { opacity: 1 }
.right-move { padding-top: 10px; clear: both }
.right-move .bt-style { margin: 0 2px }
.right-move b { font-weight: 400; width: 25%; text-align: right; display: inline-block; padding-right: 12px }
.chart-table-style table tr td:first-child, .chart-table-style table tr th:first-child, .right-move b:first-child { text-align: left }
.right-move b:last-child { width: 25%; text-align: right; padding-right: 0 }
.width-half { width: 48.5%; margin-right: 15px; float: left }
.width-half .shadow-box.cricle-sec { width: 100%; min-height: 220px }
.right-deshbord .shadow-box.last-box .week-value { margin-bottom: 4px }
.right-deshbord h5 .view-hover i.fa, .right-deshbord h5 .view-hover:hover i.fa { -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
.right-deshbord h5 .view-hover i.fa { font-size: 18px; background: #f7f7fb; padding: 5px 15px 3px; border-radius: 10px; line-height: 12px; border: 1px solid #f7f7fb }
.right-deshbord h5 .view-hover:hover i.fa { border-color: #a3b1c1 }
.right-deshbord .demo1 { min-height: 476px }
.second_dashboard .shadow-box.col-span6 .chart-table-style .demo1 { max-height: 300px; min-height: 269px }
.shadow-box .select-item .input.select:nth-child(2) { float: right }
#reconotheruserpopup .modal-dialog { width: 695px; margin: 118px auto 0 }
.second_dashboard .chart-table-style .demo1 { max-height: 235px }
strong#validreconuser { margin-right: 5px; font-size: 15px }
#reconotheruserpopup .modal-body p { margin: 25px 0 }
.portlet-body.registration-role table .mt-checkbox, .portlet-body.registration-role table .mt-radio { padding-left: 18px }
.order-column.allselectedloan.table-checkable tr>td:first-child, .order-column.allselectedloan.table-checkable tr>th:first-child { width: 6% !important }
.right-deshbord .no-margin .shadow-box.last-box span:first-child { width: 100% }
.line-bar .week-value span #ptpdtmatrix, .right-deshbord .shadow-box.riskband_cricle h4 { padding-left: 0 }
.col-md-7 .chart-group+.shadow-box { min-height: 500px }
.modal#statcardpopup #appeneddata { max-height: 740px; overflow-y: auto; overflow-x: auto; height: auto; min-height: 85px; text-align: center; color: #000; font-weight: 600 }
.graph-weakly { width: 100%; overflow: auto; overflow-y: hidden }
.graph-weakly div#chart_div11 { margin-left: -30px }
.graph-weakly-common div#chart_div11 { width: 100% !important }
.graph-weakly.graph-weakly-common svg, .second_dashboard .table-chart div#chart_div11>div[style="position: relative;"] svg { width: 1100px !important }
.popover.clockpicker-popover { width: 225px }
.popover.clockpicker-popover .clockpicker-button.pm-button { margin-left: 0; float: right }
.process-bar>span { width: 16px !important }
.right-deshbord .demo5 { min-height: 503px }
.right-deshbord .shadow-box.cricle-sec.line-bar .week-value:nth-child(4) small, .right-deshbord .shadow-box.cricle-sec.line-bar .week-value:nth-child(4) span { width: 49%; display: inline-block }
.right-deshbord .shadow-box.cricle-sec.line-bar .week-value:nth-child(4) small:last-child, .right-deshbord .shadow-box.cricle-sec.line-bar .week-value:nth-child(4) span:nth-child(2) { text-align: right }
.graph-weakly.graph-weakly-common div#chart_div11 { margin-left: -125px; margin-top: -14px }
#piechart2 div[dir=ltr] svg g:hover .google-visualization-tooltip, .google-visualization-tooltip, div#piechart div[dir=ltr] svg g:hover .google-visualization-tooltip { pointer-events: none }
.right-deshbord h5 ul:after { content: ""; position: absolute; right: 11px; top: -10px; border-bottom: 10px solid #a3b1c1; border-left: 10px solid transparent; border-right: 10px solid transparent }
.second_dashboard .table-chart { min-height: 277px }
.second_dashboard .table-chart div#chart_div11 { width: 100% !important; overflow: auto; overflow-y: hidden }
.second_dashboard .table-chart div#chart_div11>div[style="position: relative;"] { margin-left: -100px; margin-top: -14px; width: auto !important }
.right-deshbord .shadow-box.cricle-sec.line-bar #brokencount span { margin-left: 0; text-align: left }
div#donutchart { width: 206px !important; height: 125px !important }
.right-deshbord .no-margin .shadow-box.last-box .week-value span:nth-child(2), .right-deshbord .no-margin .shadow-box.last-box .week-value span:nth-child(3) { text-align: right }
.table>thead.teamleader tr th:nth-child(3) { width: 9% !important }
.table>thead.teamleader tr th:nth-child(6) { width: 11% !important }
.table>thead.teamleader tr th:nth-child(9) { width: 12% !important }
.table>thead.teamleader tr th:nth-child(5) { width: 11% !important }
.table>thead.tellecaller tr th:nth-child(6) { width: 13% !important }
.table>thead.fieldcollector tr th:nth-child(8), .table>thead.tellecaller tr th:nth-child(5), .table>thead.tellecaller tr th:nth-child(9) { width: 11% !important }
.table>thead.fieldcollector tr th:nth-child(3) { width: 15% !important }
.table>thead.fieldcollector tr th:nth-child(7) { width: 10% !important }
.codebreak .medium .table-checkable tr>td:first-child, .codebreak .table-checkable.medium tr>th:first-child, .codetrend_tellecaller .table-checkable tr>td:first-child, .codetrend_tellecaller .table-checkable tr>th:first-child, .reports-pages.intensityreport .medium .table-checkable tr>td:first-child, .reports-pages.intensityreport .table-checkable.medium tr>th:first-child { width: 2.5% !important }
.mt-checkbox, .mt-radio { padding-left: 18px }
.noservicearea .portlet-body.registration-role table .mt-checkbox, .noservicearea .portlet-body.registration-role table .mt-radio { padding-left: 26px }
.noservicearea .table tbody tr td:last-child, .unassign-inner .table tbody tr td:last-child { overflow: initial }
.noservicearea .table tbody tr td:last-child button+ul.dropdown-menu.pull-left, .unassign-inner .table tbody tr td:last-child button+ul.dropdown-menu.pull-left { position: relative; right: 58%; z-index: 999 }
.table>thead.fieldcollector tr th:nth-child(5) { width: 12% !important }
.modal .container { width: 100%; padding: 0 }
#reconpopup .page-wrapper .page-wrapper-row { width: 98%; display: block; margin: auto }
.second_dashboard .col-md-3, .second_dashboard .col-md-4, .second_dashboard .col-md-6 { padding-right: 5px }
.second_dashboard .col-md-3:last-child, .second_dashboard .col-md-3:nth-child(4n), .second_dashboard .col-md-4:last-child, .second_dashboard .col-md-6:nth-child(2n) { padding-right: 15px }
.right-deshbord .demo5 .simplebar-content { margin-bottom: -17px }
.deshbord_form form.form_first .form-group label { white-space: nowrap }
.reconlist-single button.btn.dropdown-toggle:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-xs { font-size: 10px !important; padding: 3px 2px !important }
.mytwoclas .no-margin .week-value span:last-child { text-align: left; width: 100% }
.mytwoclas .no-margin .week-value span:last-child h4 { padding: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: right }
.mytwoclas .no-margin .shadow-box.min-height2 { min-height: 156px }
.mytwoclas .right-deshbord .shadow-box.cricle-sec.line-bar { min-height: 308px }
.mytwoclas .right-deshbord .demo5 { min-height: 510px }
.message-class-add.success { background: green !important }
.sitesetting-form .form-right+.clr+.form-group { border-top: 1px solid #cdcdcd; margin-top: 10px }
.sitesetting-form .form-right+.clr+.form-group label.mt-checkbox { padding-left: 23px }
div#change_password_section+.form-actions { padding: 0 }
.sitesetting-form .form-left label a[href="javascript:void(0)"] { background: #3d3b56; border-color: #3d3b56; border-radius: 3px !important; -webkit-transition: -webkit-box-shadow .4s cubic-bezier(.4, 0, .2, 1) !important; transition: -webkit-box-shadow .4s cubic-bezier(.4, 0, .2, 1) !important; -o-transition: box-shadow .4s cubic-bezier(.4, 0, .2, 1) !important; transition: box-shadow .4s cubic-bezier(.4, 0, .2, 1) !important; transition: box-shadow .4s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .4s cubic-bezier(.4, 0, .2, 1) !important; -webkit-box-shadow: 2px 2px 1px #f4516c !important; box-shadow: 2px 2px 1px #f4516c !important; padding: 6px 10px; font-size: 12px; font-weight: 600; color: #fff }
.page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu { background: #fff; border-radius: 3px !important }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu>li.external { background: #272c33; padding: 20px; border-radius: 4px 4px 0 0 }
.page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu>li.external>h3 { color: #fff; font-size: 18px; text-align: center; display: block; width: 100%; font-weight: 700 }
.page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu>li { padding: 20px 15px 10px }
.page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu .dropdown-menu-list>li a span.desc { color: #585858 }
.page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu .dropdown-menu-list>li { padding: 0 0 0 15px; position: relative }
.page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu .dropdown-menu-list>li:before { position: absolute; left: -1px; top: 42%; width: 6px; height: 6px; background: #3d3b56; content: ""; border-radius: 50% }
.page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu .dropdown-menu-list { position: relative; height: auto !important; padding-bottom: 20px }
.page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu .dropdown-menu-list:before { content: ""; position: absolute; left: 4px; border-left: 1px solid #3d3b56; height: 100% }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list { padding-left: 2px }
.page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu .slimScrollDiv { height: auto !important; max-height: 275px; overflow: auto }
.page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu>li.external { background-color: #3d3b56; padding: 30px 20px; border-radius: 4px 4px 0 0 !important; width: 100%; background-size: cover; position: relative; z-index: 9 }
.cricle-sec .cb-today.week-value span:last-child h4 span { float: none; padding: 0 }
.right-deshbord .shadow-box.cricle-sec.line-bar .week-value>span:last-child { padding-left: 33px; text-align: left; float: right !important; width: 49% }
.right-deshbord .shadow-box.cricle-sec.line-bar .week-value>span:last-child h4 span { padding: 0; margin: 0 }
.right-deshbord .shadow-box.cricle-sec.line-bar .week-value span { color: #303030 }
.right-deshbord .shadow-box.cricle-sec.line-bar .week-value span span { color: #f45872 }
.right-deshbord .cricle-sec .cb-today.week-value>span:last-child { text-align: left; padding-left: 15px }
.right-deshbord .cricle-sec .cb-today.week-value>span:last-child span { text-align: left }
.right-deshbord .shadow-box.cricle-sec.line-bar .week-value:nth-child(4) small, .right-deshbord .shadow-box.cricle-sec.line-bar .week-value:nth-child(4) span { text-transform: uppercase }
#nctrecordpopup .seven_form .form-group.width-20 { width: 49%; margin-bottom: 10px }
#nctrecordpopup .form-group.width-50 { width: 49.5%; margin-right: 0 !important }
#nctrecordpopup form.seven_form .input.textarea { width: 98% !important }
#nctrecordpopup textarea.form-control { height: 60px; resize: none }
#nctrecordpopup form.seven_form .btn.btn-process { padding: 8px 14px 7px !important }
#nctrecordpopup input[type=number]::-webkit-inner-spin-button, #nctrecordpopup input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 }
#reschdeulecount span { margin-bottom: 0 !important; width: 100%; text-align: center; margin-left: 0 }
#brokencount, #reschdeulecount { margin-bottom: 0; line-height: normal }
#brokencount { color: #f45872 }
.right-deshbord .no-margin .shadow-box.last-box h5, .right-deshbord .shadow-box.riskband_cricle .cricle-box { margin-bottom: 22px }
.cricle-box #totalptp1_pdptd, .cricle-box span#ajaxcbcount { font-size: 21px; font-weight: 700 }
.cricle-box, .right-deshbord .shadow-box.riskband_cricle .cricle-box { padding: 17px 4px }
.mytwoclas span#reschdeulecount { text-align: center; padding-left: 0 }
.col-md-7 .chart-group+.shadow-box+.shadow-box { min-height: 434px }
.mytwoclas .right-deshbord .no-margin .shadow-box.last-box h5, .mytwoclas .right-deshbord .shadow-box.riskband_cricle .cricle-box { margin-bottom: 16px }
.page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu li .demo6 { max-height: 325px }
.line-charts .charts-box .ptp-data.pending_cls b, .page-content .page-content-inner .btn-remove button.btn.btn-primary { color: #f4516c }
span.agency_target, span.segment_owner { display: block; float: none; margin-top: 0; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; font-weight: 700 !important; font-size: 18px; color: #666 !important; text-transform: capitalize }
.user-collator-detail .portlet-title .caption.font-dark { padding-bottom: 0 }
.deshbord_form form .form-group label { padding-top: 3px }
.demo8 .simplebar-track.horizontal { display: block; width: 100% !important; height: 6px }
.demo8 .simplebar-scrollbar { width: auto !important; min-width: 420px !important }
.info_form { padding-left: 15px; padding-right: 15px; border-top: 1px solid #dedede; margin-top: -10px; padding-top: 10px }
#liveractionpopup .modal-dialog .modal-content p span, .registration_page form.login-form .portlet-body.form .details-info .portlet-title { display: block }
.registration_page .mt-checkbox, .registration_page .mt-radio { padding-left: 25px }
.registration_page .info_form { padding-left: 0; padding-right: 0; border-top: 0 }
.page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu>li.external:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(61, 59, 86, .57); z-index: -1 }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a { padding: 8px 20px }
.right-deshbord .demo5 .simplebar-content { overflow-x: hidden !important }
.registration_page .portlet.light .form-group.img-upload-div { margin-bottom: 38px }
.registration_page .info_form .portlet-title { display: block !important }
.registration_page .portlet.light { -webkit-margin-after: 0; margin-block-end: 0 }
.heading_sagment span.caption-subject { padding: 13px 0 8px; font-weight: 700 !important; font-size: 18px; color: #666 !important; display: inline-block }
.heading_sagment .caption { border-bottom: 1px solid #eee; margin-bottom: 5px }
.btn_allocation_user .submit { float: right }
.user_view_box .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.user_view_box .col-md-3 .user-name { width: 100%; background: #3d3b56; padding: 16px 15px; min-height: 342px }
.user_view_box .col-md-3 .user-name .static-info { width: 100%; text-align: center }
.user_view_box .col-md-3 .user-name .static-info .form-group.img-upload-div { float: none; margin: 10px 0 }
.user_view_box .name, .user_view_box .value { width: 50%; float: left; color: #fff }
.user_view_box .col-md-3 .user-name .static-info .form-group.img-upload-div img#blah { width: 210px; height: auto }
.user_view_box .table>tbody>tr:nth-of-type(even) { background: #fff }
.user_view_box .name { font-weight: 700 }
.user_view_box table.users-view>tbody>tr:first-child td { background: #f4516c; color: #fff }
.user_view_box tr td table tr td:last-child { padding-left: 0; text-align: left; padding-right: 0 }
.user_view_box table.users-view>tbody>tr:first-child:hover td { background: #f4516c !important }
div#settimeout .container { width: 1200px; padding-left: 15px; padding-right: 15px }
.user_view_box tr td>table tr:first-child>td { font-weight: 700; font-size: 14px; padding-bottom: 2px }
.user_view_box .page-content .table-hover>tbody>tr:hover, .user_view_box .page-content .table-hover>tbody>tr:hover>td { background: #fff !important }
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li:first-child a { text-decoration: none }
.page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu li .demo6 .simplebar-scroll-content { padding-right: 26px !important }
.page-header .page-header-top .top-menu .navbar-nav>li#header_task_bar .dropdown-menu li .demo6 .simplebar-content { padding-right: 10px }
.btn_allocation_user { border-top: 1px solid #eee; padding-top: 12px }
.user_view_box .col-md-12 { width: 100% }
div#teamsegerror { position: absolute; left: 40px; right: 0; top: 14px; margin: auto; text-align: center; font-weight: 600; text-transform: capitalize }
.paidloandetailpopup .modal-body p strong { min-width: 228px; display: inline-block }
.paidloandetailpopup .modal-body p { margin: 0; padding: 8px 13px; background: #ffdee4 }
.paidloandetailpopup .modal-body p:nth-child(2n) { background: #fff }
.paidloandetailpopup .modal-body p:last-child { border-bottom: 0 }
.payment-trend-pbr .medium .table-checkable tr>td:first-child, .payment-trend-pbr .table-checkable.medium tr>th:first-child { width: 3.1% !important }
.button-excel-show button.exporthover-class { background: #f4516c !important; border-color: #f4516c !important }
.button-excel-show button.exporthover-class:hover { background: #3d3b56 !important; border-color: #3d3b56 !important }
.account_list .filter-icon { margin-top: -11px }
#account_search_form .search-feild-options { margin-bottom: 10px }
.list-voucher { list-style: none; padding: 0; margin: 0; font-size: 0 }
.list-voucher li { border: 1px solid #3d3b56; font-size: 14px; padding: 8px 5px; margin-bottom: 2px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-right: 2px }
.list-voucher li:hover { white-space: initial }
.list-voucher li label { margin-bottom: 0; font-weight: 600; min-width: 40% }
#viewpopup .modal-dialog { max-width: 660px; width: 100% }
#addvoucherpopup .modal-dialog .form-group, .list-voucher li { width: 49.5%; display: inline-block; vertical-align: top }
#addvoucherpopup .modal-dialog { width: 100%; max-width: 730px }
#addvoucherpopup .modal-dialog .form-group:last-child { width: 100%; padding-right: 0 }
.ui-widget.ui-widget-content { z-index: 99999 !important }
#addvoucherpopup .modal-dialog .form-group:nth-child(2n) { padding-right: 10px }
#liveractionpopup .modal-dialog { position: absolute; right: -600px; bottom: 0; margin: 0; -webkit-animation: slide 1s forwards; -webkit-animation-delay: 0s; animation: slide 1s forwards; animation-delay: 0s }
#liveractionpopup .modal-dialog .modal-content { background: #b7ffb7; border: 0 }
#liveractionpopup .modal-dialog .modal-content .modal-header { border-bottom: 1px solid #92de92; background: #408040 }
#liveractionpopup .modal-dialog .modal-content .modal-header h5.modal-title { border: 0; color: #fff }
#liveractionpopup .modal-dialog .modal-content p { margin: 0 0 8px; border-bottom: 1px solid #92de92; background: #9bef9b; padding: 10px; -webkit-box-shadow: 0 2px 2px rgba(64, 128, 64, .5); box-shadow: 0 2px 2px rgba(64, 128, 64, .5) }
#liveractionpopup .modal-dialog .modal-content a { padding: 4px 20px 6px; color: #fff; display: inline-block; vertical-align: top; background: #408040; border-color: #3d3b56; margin-top: 5px; -webkit-box-shadow: 0 3px 0 #236523; box-shadow: 0 3px 0 #236523; border-radius: 3px !important; font-size: 13px }
#liveractionpopup .modal-dialog .modal-content a:hover { background: #236523 }
div#appendnotificationdata, div#callbacknotification { position: fixed; z-index: 1099; max-width: 500px; padding: 0; bottom: 0 }
div#appendnotificationdata { right: 3px }
div#appendnotificationdata p, div#callbacknotification div { position: relative; padding: 9px 15px 9px 87px; margin: 0 0 10px; border-radius: 5px !important; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); box-shadow: 0 1px 3px rgba(0, 0, 0, .2) }
div#appendnotificationdata p { background: #ffeaa7; color: #775611; border: 1px solid #c5b88f }
div#appendnotificationdata p span.crossnoti, div#callbacknotification div span.crossnoti { position: absolute; right: -2px; top: -7px; cursor: pointer; color: #fff; background: #413f30; height: 20px; width: 20px; border-radius: 100px !important; display: block; text-align: center }
div#callbacknotification { left: 3px }
div#callbacknotification div { background: #c2e0a3; color: #211f1c; border: 1px solid #4e8b12 }
.coin-icon { position: absolute; left: 0; top: 0; height: 100%; border-right: 1px solid #c5b88f; width: 75px; display: block; text-align: center; padding-top: 13px }
.coin-icon img { width: 45px }
div#appendnotificationdata span a, div#callbacknotification span a { padding-left: 10px; font-size: 13px }
#viewnotipopup .modal-dialog, #viewnotipopuplistview .modal-dialog { max-width: 99%; width: 100% }
#viewnotipopup .page-wrapper-middle .row .col-md-6, #viewnotipopuplistview .page-wrapper-middle .row .col-md-6 { width: 100% }
.swal-icon, .swal-icon--success__ring { border-radius: 50% !important }
.swal-button { border-radius: 5% !important }
#like_iframe_noti .history-list tr td:last-child { overflow: hidden }
.classnotificationpopup { position: relative }
#viewnotipopup form#notificationpaapup, form#notificationpaapup { border: 1px solid #eee; padding: 11px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto }
form#notificationpaapup { display: -webkit-box; display: -ms-flexbox; display: flex; width: 300px }
.button-save-noti { float: right; position: absolute; right: 0; top: 23px }
div#callbacknotification span.d { position: relative; background: #f4516c; color: #fff; padding: 0 4px; border-radius: 3px; font-size: 12px; cursor: pointer }
#viewnotipopup form#notificationpaapup { display: table; width: 100%; clear: both; max-width: 700px }
.deshbord_form#viewnotipopup .form-group .input.textarea textarea { height: 70px }
.trackers-dash .well { background: 0 0; border: 1px solid #ddd; padding: 0; -webkit-box-shadow: 2px 2px 13px 0 #eee; box-shadow: 2px 2px 13px 0 #eee; background: #fff; border-radius: 0; min-height: 156px }
.trackers-dash .well .portlet { -webkit-box-shadow: none; box-shadow: none }
.trackers-dash .well .portlet-title { padding: 10px 10px 2px; background-color: #f55d76; border-bottom: 0; min-height: 38px; margin: 0; color: #fff }
.trackers-dash .portlet>.portlet-title>.caption { font-size: 14px; line-height: 14px; color: #fff; padding: 0; font-weight: 800 }
.trackers-dash .well .portlet-body { clear: both; padding: 5px 15px 11px; background-color: #fff; border-radius: 0 0 4px 4px }
.trackers-dash .user-entity .well .portlet-body { clear: both; padding: 0; background-color: #fff; border-radius: 0 }
.trackers-dash .row { margin: 0 -4px }
.trackers-dash div[class*=col-md-] { padding: 0 5px }
.trackers-dash { margin-top: 30px }
.trackers-dash .col-container, .trackers-dash .col-container2 { display: table; width: 100%; text-align: center }
.trackers-dash .col { display: table-cell }
.trackers-dash .col h4, .trackers-dash .well h4 { font-weight: 600; font-size: 16px }
.trackers-dash .chart_data { display: inline-block; padding: 0; margin: 0; margin-right: 0 !important; float: right; font-size: 13px; margin-top: -4px }
.trackers-dash .chart_data .sm { font-size: 18px }
.user-entity .portlet { margin: 0 }
.chart-table-style23 .demo1 { max-height: 291px }
.header__btn { -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; padding: 10px 20px; display: inline-block; margin-right: 10px; background-color: #fff; border: 1px solid #2c2c2c; border-radius: 3px; cursor: pointer; outline: 0 }
.header__btn:last-child { margin-right: 0 }
.header__btn.js-active, .header__btn:hover { color: #fff; background-color: #2c2c2c }
.header { max-width: 600px; margin: 50px auto; text-align: center }
.header__title { margin-bottom: 30px; font-size: 2.1rem }
.content__title { margin-bottom: 40px; font-size: 20px; text-align: center }
.content__title--m-sm { margin-bottom: 10px }
.multisteps-form__progress { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.multisteps-form__progress-btn { -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; -o-transition-duration: .15s; transition-duration: .15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; position: relative; padding-top: 20px; color: rgba(108, 117, 125, .7); text-indent: -9999px; border: 0; background-color: transparent; outline: 0 !important; cursor: pointer; width: 100% }
@media (min-width:500px) {
	.multisteps-form__progress-btn { text-indent: 0 }
}
.multisteps-form__progress-btn:before { position: absolute; top: 0; left: 50%; display: block; width: 13px; height: 13px; content: ""; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .15s linear 0s, -webkit-transform .15s cubic-bezier(.05, 1.09, .16, 1.4) 0s; transition: all .15s linear 0s, -webkit-transform .15s cubic-bezier(.05, 1.09, .16, 1.4) 0s; -o-transition: all .15s linear 0s, transform .15s cubic-bezier(.05, 1.09, .16, 1.4) 0s; transition: all .15s linear 0s, transform .15s cubic-bezier(.05, 1.09, .16, 1.4) 0s; transition: all .15s linear 0s, transform .15s cubic-bezier(.05, 1.09, .16, 1.4) 0s, -webkit-transform .15s cubic-bezier(.05, 1.09, .16, 1.4) 0s; border: 2px solid currentColor; border-radius: 50%; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 3 }
.multisteps-form__progress-btn:after { position: absolute; top: 5px; left: calc(-50% - 13px/2); -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .15s; -o-transition-duration: .15s; transition-duration: .15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; display: block; width: 100%; height: 2px; content: ""; background-color: currentColor; z-index: 1 }
.multisteps-form__progress-btn:first-child:after { display: none }
.multisteps-form__progress-btn.js-active:before { -webkit-transform: translateX(-50%) scale(1.2); -ms-transform: translateX(-50%) scale(1.2); transform: translateX(-50%) scale(1.2); background-color: currentColor }
.multisteps-form__form { position: relative }
.multisteps-form__panel { position: absolute; top: 0; left: 0; width: 100%; height: 0; opacity: 0; visibility: hidden }
.multisteps-form__panel.js-active { height: auto; opacity: 1; visibility: visible }
.multisteps-form__panel[data-animation=scaleOut] { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.multisteps-form__panel[data-animation=scaleOut].js-active { -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.multisteps-form__panel[data-animation=slideHorz] { left: 50px }
.multisteps-form__panel[data-animation=slideHorz].js-active { -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .25s; -o-transition-duration: .25s; transition-duration: .25s; -webkit-transition-timing-function: cubic-bezier(.2, 1.13, .38, 1.43); -o-transition-timing-function: cubic-bezier(.2, 1.13, .38, 1.43); transition-timing-function: cubic-bezier(.2, 1.13, .38, 1.43); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; left: 0 }
.multisteps-form__panel[data-animation=slideVert] { top: 30px }
.multisteps-form__panel[data-animation=slideVert].js-active { -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; top: 0 }
.multisteps-form__panel[data-animation=fadeIn].js-active, .multisteps-form__panel[data-animation=scaleIn].js-active { -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s }
.multisteps-form__panel[data-animation=scaleIn] { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) }
.multisteps-form__panel[data-animation=scaleIn].js-active { -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
.multisteps-form h2 { font-size: 21px; font-weight: 800; margin: 0; padding-bottom: 30px }
.multisteps-form__content input, .multisteps-form__content select { width: 100% !important; max-width: 100%; border: 1px solid #eaeaea !important; padding: 10px 15px; height: auto; font-weight: 400; -webkit-box-shadow: inset 0 0 13px 1px #0001 !important; box-shadow: inset 0 0 13px 1px #0001 !important }
.multisteps-form__content input:focus, .multisteps-form__content input:hover, .multisteps-form__content select:focus, .multisteps-form__content select:hover { border-color: #ccc !important; outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important }
body .multisteps-form .js-btn-next, body .multisteps-form .js-btn-prev, body .multisteps-form .submit-btn { background: #f3506b; height: auto; color: #fff !important; font-size: 15px !important; text-transform: uppercase; -webkit-box-shadow: none !important; box-shadow: none !important; border: 0 !important; border-radius: 5px !important; padding: 10px 20px !important; margin: 0 !important }
.multisteps-form__progress-btn.js-active { color: #f2506b }
.multisteps-form__progress-btn { font-size: 13px }
.multisteps-form .form-row { margin-bottom: 30px }
.form-row .col-12 { float: none !important; max-width: 100% !important; display: inline-block; width: 100% !important; margin-bottom: 10px !important }
/* .multisteps-form form.multisteps-form__form { height: 100% !important } */
.multisteps-form .form-content { height: 100% }
.multisteps-form .form-head { padding-bottom: 30px !important }
.pay-content { padding-top: 50px }
.pay-content p, .pay-content strong { font-size: 16px !important; text-align: center; color: #696969; font-weight: 400; display: block; padding-bottom: 10px !important; margin: 0 !important }
.pay-content h2 { text-align: center; font-size: 20px; font-weight: 600 }
.pay-content a { color: #eb4e68 !important; text-decoration: underline; font-size: 16px !important; text-align: center !important; display: block }
.pay-content p a { display: inline-block !important }
.drawbackform input, .drawbackform  select { background: transparent !important; width: 100% !important; max-width: 100%; border: 1px solid #eaeaea !important; padding: 10px 15px; height: auto; font-weight: 400; -webkit-box-shadow: inset 0 0 13px 1px #0001 !important; box-shadow: inset 0 0 13px 1px #0001 !important }
.drawbackform   input:focus, .drawbackform  input:hover, .drawbackform  select:focus, .drawbackform  select:hover { border-color: #ccc !important; outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important }
.drawbackform .row:after, .drawbackform .row:before { content: ""; display: none; }
.drawbackform div { clear: initial !important; }
.drawbackform .row:after, .drawbackform .row:before { content: ""; display: none; }
.drawbackform div { clear: initial !important; }
.credentialsform label, .drawbackform label { display: block; font-size: 14px; text-align: left; color: #333; font-weight: 600; padding-bottom: 0px; text-transform: capitalize; }
.drawbackform .row > div { margin-bottom: 17px; padding: 0 5px !important; }
.drawbackform .row { margin: 0 -5px !important; }
.drawbackform > h2 {
    font-size: 18px;
    color: #000;
    text-transform: capitalize !important;
}
.credentialsform div {
    padding-bottom: 14px !important;
}
span.required-field {
    display: block;
    font-size: 13px;
    text-align: left;
    padding: 7px 0;
} 
 
/*  2m */
.top-notice { padding: 8px 0; color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.top-notice p {margin: 0;text-align: center;font-size: 16px;padding-right: 10px !important;}
.top-notice .countdown-time { display: inline-block; padding: 7px 10px; margin:5px 10px; background: #f4516c; color: #fff; border-radius: 3px !important; letter-spacing: 1px; font-size: 14px; }
.top-notice .countdown-time:hover { background: #3d3b56; }

.countdown-time {
    margin: 10px auto !important;
    display: table !important;
}
.countdown-time div#timer {
    display: flex;
}

.countdown-time div#timer> div {
    padding: 0px 6px;
}
.portlet.light.software-info {
    padding: 20px 0;
}

.portlet.light.software-info {}

.software-infi-fields label {
    font-weight: 700;
    color: #333;
    padding-bottom: 3px;
}

.value-field {
    padding: 10px;
    border-radius: 3px;
    box-shadow: inset 0 0 5px 1px #0001;
    margin-bottom: 25px;
}

.software-infi-fields {
    padding: 20px;
    background: #fbfbfb;
    box-shadow: 0 0 10px 1px #0001;
}

.portlet.light.software-info {}

.portlet.light.software-info .portlet-body.registration-role {
    overflow: visible !important;
}

.top-notice {
    color: #f72f2f;
    background: #fff4f5;
    border-bottom: 1px solid #f4516c;
}

.top-notice p,  .countdown-time {
    display: inline-block !important;
}
.countdown-time {
    font-size: 12px !important;
    margin-left: 10px !important;
}
.top-notice .container {
    text-align: center;
}
.top-notice i.fa.fa-exclamation-triangle {
    font-size: 22px;
    position: relative;
    top: 2px;
}




/* couter timer */
body .flip-clock-wrapper ul li a div div.inn, body .flip-clock-small-wrapper ul li a div div.inn {color: #ffffff;background-color: #f4516c;}
body .flip-clock-dot, body .flip-clock-small-wrapper .flip-clock-dot {background: #323434;display: none;}
body .flip-clock-wrapper .flip-clock-meridium a, body .flip-clock-small-wrapper .flip-clock-meridium a { color: #323434; }
.flip-clock-wrapper * { font-family: Dosis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.flip-clock-wrapper a { cursor: pointer; text-decoration: none !important; border-bottom: none !important; color: #ccc; }
.flip-clock-wrapper a:hover { color: #fff; }
.flip-clock-wrapper ul { list-style: none; }
.flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after { content: " "; display: table; }
.flip-clock-wrapper.clearfix:after { clear: both; }
.flip-clock-wrapper.clearfix { *zoom: 1; }

/* Main */
.flip-clock-wrapper {  /* font: normal 11px "Dosis"; */ }
.flip-clock-wrapper .flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important; }
.flip-clock-wrapper .flip-clock-meridium a { color: #313333; }
.flip-clock-wrapper {text-align: center;position: relative;width: 100%;/* max-width: 980px; */margin: 10px auto 1px auto;}
.flip-clock-wrapper:before, .flip-clock-wrapper:after {  /* content: " "; */}
.flip-clock-wrapper:after { clear: both; }
/* Skeleton */
.flip-clock-wrapper ul {position: relative;display: inline-block;margin: 1px;width: 30px;max-width: 80px;height: 31px;font-weight: bold;line-height: 31px;border-radius: 6px;background: #f4516c;padding: 0;overflow: hidden;}
.flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-decoration: none !important; margin-left: 0; }
.flip-clock-wrapper ul li:first-child { z-index: 2; }
.flip-clock-wrapper ul li a {display: block;width: 100%;height: 100%;-webkit-perspective: 200px;-moz-perspective: 200px;perspective: 200px;margin: 0 !important;overflow: visible !important;cursor: default !important;}
.flip-clock-wrapper ul li a div { z-index: 0; position: absolute; left: 0; width: 100%; height: 49%; overflow: hidden; }
.flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; }
.flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0; }
.flip-clock-wrapper ul li a div.up:after {  /* content: ""; */
position: absolute; top: 44px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: rgba(0, 0, 0, 0.4); }
.flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; }
.flip-clock-wrapper ul li a div div.inn {position: absolute;/* left: 0; */z-index: 1;width: 100%;height: 200%;color: #ccc;text-shadow: 0 1px 0px #000;text-align: center;background-color: #333;border-radius: 1px;font-size: 21px;}
.flip-clock-wrapper ul li a div.up div.inn { top: 0; }
.flip-clock-wrapper ul li a div.down div.inn { bottom: 0; }
/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; }
.flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }
.flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.5s 0.5s linear both; -moz-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5; }
.flip-clock-divider {display: inline-block;position: relative;width: 10px;margin: 0 auto;text-align: center;height: 10px;}
.flip-clock-divider:first-child { width: 0; }
.flip-clock-dot { display: block; background: #323434; width: 7px; height: 7px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 5px; }
.flip-clock-divider .flip-clock-label {
	text-align: center;
	position: absolute;
	top: -2px;
	right: -51px;
	margin: 13px auto 0 auto;
	font-size: 17px;
	color: black;
	text-shadow: none;
	font-family: initial !important;
	}
.flip-clock-divider.minutes .flip-clock-label {right: -62px;}
.flip-clock-divider.seconds .flip-clock-label {right: -64px;}
.flip-clock-dot.top { top: 11vw; }
.flip-clock-dot.bottom { bottom: 4vw; }
@-webkit-keyframes asd {
	0% { z-index: 2; }
	20% { z-index: 4; } 
	100% { z-index: 4; }
}
@-moz-keyframes asd {
	0% { z-index: 2; }
	20% { z-index: 4; }
	100% { z-index: 4; }
}
@-o-keyframes asd {
	0% { z-index: 2; }
	20% { z-index: 4; }
	100% { z-index: 4; }
}
@keyframes asd {
	0% { z-index: 2; }
	20% { z-index: 4; }
	100% { z-index: 4; }
}
.flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both; }
@-webkit-keyframes turn {
	0% { -webkit-transform: rotateX(90deg); }
	100% { -webkit-transform: rotateX(0deg); }
}
@-moz-keyframes turn {
	0% { -moz-transform: rotateX(90deg); }
	100% { -moz-transform: rotateX(0deg); }
}
@-o-keyframes turn {
	0% { -o-transform: rotateX(90deg); }
	100% { -o-transform: rotateX(0deg); }
}
@keyframes turn {
	0% { transform: rotateX(90deg); }
	100% { transform: rotateX(0deg); }
}
.flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both; }
@-webkit-keyframes turn2 {
	0% { -webkit-transform: rotateX(0deg); }
	100% { -webkit-transform: rotateX(-90deg); }
}
@-moz-keyframes turn2 {
	0% { -moz-transform: rotateX(0deg); }
	100% { -moz-transform: rotateX(-90deg); }
}
@-o-keyframes turn2 {
	0% { -o-transform: rotateX(0deg); }
	100% { -o-transform: rotateX(-90deg); }
}
@keyframes turn2 {
	0% { transform: rotateX(0deg); }
	100% { transform: rotateX(-90deg); }
}
.flip-clock-wrapper ul li.flip-clock-active { z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; }
.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; }
.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both; }
@-webkit-keyframes show {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes show {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes show {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes show {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes hide {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@-moz-keyframes hide {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@-o-keyframes hide {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes hide {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
/* Reset */
.flip-clock-small-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.flip-clock-small-wrapper a { cursor: pointer; text-decoration: none !important; border-bottom: none !important; color: #ccc; }
.flip-clock-small-wrapper a:hover { color: #fff; }
.flip-clock-small-wrapper ul { list-style: none; }
.flip-clock-small-wrapper.clearfix:before, .flip-clock-small-wrapper.clearfix:after { content: " "; display: table; }
.flip-clock-small-wrapper.clearfix:after { clear: both; }
.flip-clock-small-wrapper.clearfix { *zoom: 1; }

/* Main */
.flip-clock-small-wrapper { font: normal 11px "Helvetica Neue", Helvetica, sans-serif; -webkit-user-select: none; }
.flip-clock-small-wrapper .flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 18px !important; }
.flip-clock-small-wrapper .flip-clock-meridium a { color: #313333; }
.flip-clock-small-wrapper { text-align: center; position: relative; width: 100%; margin: 1em; }
.flip-clock-small-wrapper:before, .flip-clock-small-wrapper:after { content: " ";  /* 1 */ display: table;  /* 2 */ }
.flip-clock-small-wrapper:after { clear: both; }

/* Skeleton */
.flip-clock-small-wrapper ul { position: relative; float: left; margin: 2px; width: 30px; padding: 0; height: 38px; font-size: 80px; font-weight: bold; line-height: 37px; border-radius: 6px; background: #000; }
.flip-clock-small-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-decoration: none !important; margin-left: 0; }
.flip-clock-small-wrapper ul li:first-child { z-index: 2; }
.flip-clock-small-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important; }
.flip-clock-small-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 80px; overflow: hidden; }
.flip-clock-small-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; }
.flip-clock-small-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0; }
.flip-clock-small-wrapper ul li a div.up:after { content: ""; position: absolute; top: 44px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: #000; background-color: rgba(0, 0, 0, 0.4); }
.flip-clock-small-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; }
.flip-clock-small-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #ccc; text-shadow: 0 1px 2px #000; text-align: center; background-color: #333; border-radius: 6px; font-size: 20px; }
.flip-clock-small-wrapper ul li a div.up div.inn { top: 0; }
.flip-clock-small-wrapper ul li a div.down div.inn { bottom: 0; }

/* PLAY */
.flip-clock-small-wrapper ul.play li.flip-clock-before { z-index: 3; }
.flip-clock-small-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }
.flip-clock-small-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.5s 0.5s linear both; -moz-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5; }
.flip-clock-small-wrapper .flip-clock-divider { float: left; display: inline-block; position: relative; width: 15px; height: 40px; }
.flip-clock-small-wrapper .flip-clock-divider:first-child { width: 0; }
.flip-clock-small-wrapper .flip-clock-dot { display: block; background: #323434; width: 5px; height: 5px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 5px; }
.flip-clock-small-wrapper .flip-clock-divider .flip-clock-label { position: absolute; top: -1.1em; right: -48px; color: black; text-shadow: none; }
.flip-clock-small-wrapper .flip-clock-divider.minutes .flip-clock-label { right: -54px; }
.flip-clock-small-wrapper .flip-clock-divider.seconds .flip-clock-label { right: -56px; }
.flip-clock-small-wrapper .flip-clock-dot.top { top: 10px; }
.flip-clock-small-wrapper .flip-clock-dot.bottom { bottom: 6px; }
.flip-clock-small-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both; }
.flip-clock-small-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both; }
.flip-clock-small-wrapper ul li.flip-clock-active { z-index: 3; }

/* SHADOW */
.flip-clock-small-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; }
.flip-clock-small-wrapper ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-small-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; }
.flip-clock-small-wrapper ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both; }

/* @media (min-width:343px) {
.flip-clock-divider {
  height: 51px;
}
} */
@media (min-width:505px) {
	.flip-clock-label { top: 0 !important; }
	.flip-clock-dot {width: 10px;display: none;height: 10px;}
	.flip-clock-dot.top { top: 11vw; }
}
#progress_bar { margin-top: 15px; }
.progressbar.progressbar { background: #ffe8e8; border: 0px solid whitesmoke; height: 11px; }
.progressbar.progressbar div { background: #d95350; height: 11px; }
.progressbar.progressbar.active div { -webkit-animation: 2s linear 0s normal none infinite running
progress-bar-stripes; animation: 2s linear 0s normal none infinite running progress-bar-stripes; }
.progress-striped.progressbar.progressbar div { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size: 40px 40px; }
.items-count { margin-top: 0px; margin-bottom: 0px; }
.count { color: #a94442; padding: 1px; }
.items-count p { padding-bottom: 5px; margin: 0; text-transform: uppercase; font-weight: 700; text-align: center; font-family: "Open Sans", Arial, sans-serif; }
.progressbar { position: relative; display: block; background-color: #ca0000; border: 1px solid #ddd; margin-bottom: 15px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.progressbar > div { background-color: #ca0000; width: 0; margin-bottom: 0; height: 15px; }
.progressbar > div.less-than-ten { background-color: #ca0000 !important; }

@media ( max-width: 480px){
	.flip-clock-wrapper ul li a div div.inn {font-size: 14px;}
	.flip-clock-wrapper ul {width: 25px; max-width: 80px; height: 31px; }
	.flip-clock-divider {
    width: 6px;
}
.flip-clock-divider .flip-clock-label {
    top: 1px;
    font-size: 15px;
}
.flip-clock-divider .flip-clock-label {
    right: -43px;
}
.flip-clock-divider.minutes .flip-clock-label {
    right: -51px;
}
.flip-clock-divider.seconds .flip-clock-label {
    right: -53px;
}
 
}

/* backup */
.back-outer { padding: 50px 0; background: #f5f5f5; }
.backup-inner { display: flex; background: #fff; border-radius: 9px; overflow: hidden; }
.backup-inner > div { width: 100%; max-width: 50%; }
.backup-left { background: #f4516c; padding: 40px; color: #ffff; }
.backup-form { background: #fff; padding: 50px; }
.backup-form input, .backup-form  select { background: #fff; border: 1px solid #f1f1f1 !important; border-radius: 2px !important; padding: 10px 13px; height: auto; margin-top: 4px; font-weight: 500; box-shadow: inset 0 0 10px -2px #0001 !important; }
.backup-form .form-actions.text-center { background: transparent; padding: 0 !important; }
body .back-outer .backup-form .submit input { background: #f4516c !important; padding: 12px 30px !important; border-radius: 40px !important; font-size: 14px !important; font-weight: 400 !important; width: 100% !important; }
body .backup-form input:hover, body .backup-form select:hover, body .backup-form input:focus, body .backup-form select:focus { outline: none !important; border: 1px solid #fff !important; box-shadow: none !important; }
.backup-form label { font-weight: 700; }
.backup-form .form-group { margin-bottom: 22px; }

.left-inner  h2 {
    font-size: 23px !important;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 25px;
}

.left-inner img {
    max-width: 180px;
    margin-bottom: 30px;
}

.left-inner p {
    font-size: 17px;
    line-height: inherit;
    padding-bottom: 15px;
}
 /* responisve */
/* responisve */
/* responisve */
/* responisve */
/* responisve */
@media (max-width:1380px) and (max-height:680px) {
	.logo-left { height: 190px }
}
@media (min-width:1200px) {
	.right-deshbord .no-margin .shadow-box.last-box { min-height: 164px }
	.mytwoclas .right-deshbord .no-margin .shadow-box.last-box { min-height: 156px }
	.mytwoclas .right-deshbord .shadow-box.last-box .week-value { margin-bottom: 3px }
	.cricle-box, .right-deshbord .shadow-box.riskband_cricle .cricle-box { margin: 22px auto 18px }
	.line-charts .charts-box .ptp-data .ptp-list { height: 44px }
	.col-md-7 .chart-group+.shadow-box { height: 502px }
	.right-deshbord .no-margin .shadow-box.last-box { height: 164px }
	.right-deshbord .shadow-box.cricle-sec.line-bar { height: 301px }
	.mytwoclas .right-deshbord .no-margin .shadow-box.last-box { height: 156px }
	.detail-form .tooltip-sec_new { width: 202px !important }
	.modal-dialog .deshbord_form .detail-form .tooltip-sec { width: 194px }
	.modal-dialog .deshbord_form .detail-form .tooltip-sec_new { width: 206px !important }
}
@media (max-width:1199px) {
	.left-login { padding: 45px 15px 25px 25px }
	.width-half { margin-right: 12px }
	.process-bar>span { width: 9px !important; margin-right: 4px !important }
	.graph-cricle, .graph-first-bg { width: 106px; height: 106px }
	.graph-color { line-height: 81px }
	div#piechart div[dir=ltr], div#piechart2 div[dir=ltr] { width: 100% !important }
	div#donutchart, div#piechart, div#piechart2 { width: 180px !important; height: 120px !important; overflow: hidden; margin-left: -11px }
	.line-charts .charts-box .ptp-data .ptp-list { padding: 11px 10px }
	.line-charts .charts-box span { padding: 21px }
	.modal .container { width: 960px }
	.modal-dialog .deshbord_form .detail-form form.form_second .form-group input.form-control { width: 100% }
	.deshbord_form .detail-form .form-group.width-25:last-child { width: 16% }
	.categori-info ul li { padding: 12px 5px 12px 1px; font-size: 12px }
	.user_view_box .col-md-3 .user-name .static-info .form-group.img-upload-div img#blah { width: 178px }
	.user_view_box .row { display: block }
}
@media (max-width:991px) {
	.login-box { padding: 40px 0 }
	.logo-left { height: 168px }
	.left-login { padding: 45px 15px; text-align: center }
	.login-box h1 { font-size: 60px }
	.right-box:not(.right-box.acti) { min-height: auto }
	.right-box { margin: 0 auto 40px; height: 100%; padding: 35px 30px }
	.left-login p a { font-size: 20px }
	.right-box .logo { margin-bottom: 36px }
	.right-box .user-img { margin: 0 auto 28px }
	.right-box form .form-group input[type=password], .right-box form .form-group input[type=text] { margin-bottom: 45px }
	.right-box form .form-group button.submit.btn, .right-box form .form-group input.submit.btn { font-size: 20px; padding: 15px 0 }
	.page-header .page-header-top, .page-header .page-header-top .page-logo { min-height: initial }
	.page-header .page-header-menu .hor-menu .navbar-nav>li>a { border-left: 0; border-right: 0 }
	.right-deshbord .shadow-box.cricle-sec.line-bar, .second_dashboard .shadow-box.col-span6 .chart-table-style .demo1, .second_dashboard .table-chart { min-height: auto }
	.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover, .page-header .page-header-menu .hor-menu .navbar-nav>li.open>a, .page-header .page-header-menu .hor-menu .navbar-nav>li.open>a:hover { background: #f4516c !important }
	.user_view_box .name { width: 40% }
	.user_view_box .col-md-3 .user-name .static-info .form-group.img-upload-div img#blah { max-width: 178px; width: 110px }
	.main-wapper.activate .logo-left, .main-wapper.payment .logo-left { height: 28px !important }
	.main-wapper.activate .login-box, .main-wapper.payment .login-box { padding: 15px 0 }
	.main-wapper.activate .fp-content { vertical-align: top !important }
	.main-wapper.activate div { float: none !important; clear: both }
	/* backup */
	.back-outer {
    padding: 15px 0;
}
.backup-form, .backup-left {
    padding: 30px;
}

}
@media (max-width:767px) {
	.login-box h1 { font-size: 50px }
	.logo-left { height: 150px }
	.left-login p a { font-size: 18px }
	.right-box { padding: 25px 20px }
	.right-box .user-img { margin: 0 auto 25px }
	.right-box form .form-group input[type=password], .right-box form .form-group input[type=text] { margin-bottom: 28px }
	.right-box form .form-group button.submit.btn, .right-box form .form-group input.submit.btn { font-size: 20px; padding: 12px 0 }
	.right-box .logo img { max-width: 250px }
	#reconotheruserpopup .modal-dialog { width: 95%; margin: 10% auto 0 }
	#reconotheruserpopup .modal-body p { margin: 10px 0 }
	.second_dashboard .chart-table-style { min-width: 481px }
	.info-dots.right { margin-left: 15px }
	body .multisteps-form .js-btn-next, body .multisteps-form .js-btn-prev, body .multisteps-form .submit-btn { font-size: 12px !important }
/* backup */
.backup-inner {
    display: block;
}
.backup-inner > div {
    max-width: 100%;
}

}
@media (max-width:575px) {
	.left-login { padding: 25px 15px }
	.login-box h1 { font-size: 45px }
	.login-box h3 { font-size: 18px }
	.left-login p a { font-size: 16px }
	.right-box form .form-group button.submit.btn, .right-box form .form-group input.submit.btn { font-size: 18px; padding: 10px 0 }
}
@media (min-width:992px) {
	.allocation-detail-view-form .col-md-1 { width: 6.33333% }
	.allocation-view-detail .col-md-2 { width: 12.66667% }
	.allocation-view-detail .col-md-3 { width: 21% }
	.allocation-detail-view-form .value, .portlet- .value { padding-left: 0 }
	div#notespopupmpdal .modal-dialog { min-width: 815px }
	.search-input { padding-right: 0 }
	li.menu-dropdown.classic-menu-dropdown.month_option select.form-control { padding: 6px 0 }
}
@media (max-width:1199px) {
	.page-header .page-header-menu .hor-menu .navbar-nav>li>a { padding: 11px 4px 10px }
	.deshbord_form .form_five .form-group.width-33 .input-group.clockpicker, .deshbord_form form label, ul.user-list-deshboard .user-name small { display: block }
	#reconaddpopup .seven_form .form-group.width-20, .form-group.width-20 { width: 20% }
	.deshbord_form form input.form-control { display: block; width: 100% }
	.tooltip-sec { display: inline-block; position: relative; width: 100% }
	.deshbord_form form .form-group.width-33 div.input, .deshbord_form form .form-group.width-33 input, .deshbord_form form .form-group.width-33 select, .deshbord_form form.form_five input.form-control, .deshbord_form form.form_four .form-group.width-50 input.form-control, .deshbord_form form.form_four .form-group.width-50 label, .deshbord_form form.form_third .form-group input.form-control, .deshbord_form form.form_third .form-group label, .deshbord_form form.form_third .form-group.width-50 input.form-control, .deshbord_form form.form_third .form-group.width-50 label { width: 100% }
	.deshbord_form form .form-group.width-33 label { width: 100%; font-size: 12px }
	.deshbord_form form.form_five .col-md-5 label, .deshbord_form form.form_five .input, .deshbord_form form.form_six .form-group label, .deshbord_form form.form_six .form-group select, .deshbord_form form.form_six input.form-control, .deshbord_form form.seven_form .form-group label { width: 100% }
	.history-list table tr th { font-size: 12px }
	.seven_form .form-group.width-20 input, .seven_form .form-group.width-20 select { width: 97% }
	.note-middle { margin: 0 6.5% }
	.registration_page .portlet.light .form-group { width: 22% }
	.modal-content ul.tabs-menu { margin: 16px 0 10px }
	.searchpage .portlet form.login-form .search-feild-options { width: 19.2% }
	.responsive-table { min-width: 940px }
	.tooltip-sec_new { width: 100% !important }
	.deshbord_form form .form-group.width-33 .input-group.clockpicker div.input { width: 79%; margin-left: 1px }
	.deshbord_form form.form_five .col-md-5 .input { width: 100% }
	.deshbord_form form.form_first .form-group:first-child input.form-control, .right-deshbord .no-margin .shadow-box .week-value span:first-child { width: 100% }
	.deshbord_form .detail-form form.form_second .form-group input.form-control, .modal.deshbord_form form.seven_form .form-group.width-20.last-child label, .modal.deshbord_form form.seven_form .input.textarea { width: 100% }
	.deshbord_form .detail-form .form-group.width-25 input.form-control, .detail-form .form-group.width-25 { width: 15.7% }
	.modal .deshbord_form .detail-form .form-group.width-25 input.form-control, .modal .detail-form .form-group.width-25 { width: 15.73% }
	.deshbord_form .note-stat h3 { vertical-align: middle }
	.scroll-tables { overflow-x: auto }
	.public-polls .first-child .f-last-child input[type=text] { width: 67% }
	.states-img img { max-width: 103px; margin-right: -10px }
	.right-deshbord .shadow-box { min-height: 188px }
	ul.user-list-deshboard li a { max-width: 79px }
	ul.user-list-deshboard .user-name { line-height: 12px; width: 57% }
	.right-deshbord .demo1 { max-height: 470px; min-height: 480px }
	.right-deshbord .width50 .shadow-box { min-height: auto }
	.cricle-sec .week-value span:last-child { margin-left: 25px }
	.right-deshbord .shadow-box { padding: 12px }
	ul.user-list-deshboard span { padding: 12px 3px; min-width: 29px; font-size: 10px }
	.no-table-scrolling .portlet-body.registration-role { overflow-x: auto }
	.filter-icon, .unassign-main .filter-icon { margin-top: -6px }
	.filter-search-right input[type=text] { min-width: 136px; width: 120px }
	.filter-icon.position-static { margin-top: 9px }
	.portlet-body.registration-role.table-scroll>.registration-role>table.table.table-bordered { min-width: 1100px }
	.users-view tr td table tr td:first-child { width: 8% }
	.message-module .search-feild { padding: 0 }
	.message-module .search-feild .col-sm-12 { padding: 0 8px }
	.loan-pages .table-checkable tr>td:nth-child(2), .loan-pages .table-checkable tr>th:nth-child(2) { width: 5% !important }
	#reconaddpopup .form-group.width-20.last-child { width: 60% }
	.shadow-box.cricle-sec+.shadow-box { min-height: 252px }
	#reconaddpopup #like_iframe .container, #reconpopup .modal-lg { max-width: 994px; width: 100% }
	.modal-dialog .tooltip-sec { width: 100% }
	.info-dots { padding-top: 12px }
	.right-deshbord .no-margin .shadow-box.last-box h5 { margin-bottom: 27px }
	.right-deshbord .shadow-box.cricle-sec.line-bar .week-value:nth-child(4) small, .right-deshbord .shadow-box.cricle-sec.line-bar .week-value:nth-child(4) span { width: 48% }
	.col-md-7 .chart-group+.shadow-box+.shadow-box { min-height: 415px; padding-bottom: 0 }
}
@media (max-width:991px) {
	.page-header .page-header-menu { height: auto }
	.page-header .page-header-menu .hor-menu .navbar-nav>li ul.dropdown-menu { display: none !important }
	.page-header .page-header-menu .hor-menu .navbar-nav>li.opened ul.dropdown-menu { display: block !important }
	.filter-icon, .unassign-main .filter-icon { margin-top: -2px; margin-bottom: 5px }
	.container, .deshbord_form form.seven_form .input.textarea, .modal-dialog .deshbord_form .detail-form form.form_second .form-group input.form-control { width: 100% }
	.portlet-title .caption.font-dark, .portlet>.portlet-title>.caption { display: block; margin-right: 0; border-bottom: 1px solid #eee; width: 100% }
	a#deletebutton { margin-top: 7px }
	.filter-search-right { margin-top: 8px }
	.filter-icon+.portlet-title { margin-top: -47px !important }
	.unassign-top+.searchpage .portlet.light .portlet-title a { margin-top: 3px !important }
	.portlet.light.unassign-top .filter-search-right { min-height: 30px }
	.registration-role .dataTables_filter { top: -44px; right: 85px }
	.page-header .page-header-menu>.container { padding-bottom: 15px }
	.upladed-form form { width: 55% }
	.upladed-form .portlet-title .caption.font-dark { border-bottom: 0 }
	.navbar-nav>li.active a { background: #fff !important }
	.deshbord .portlet-title>.caption>.caption-subject { padding: 8px 0; display: inline-block }
	.deshbord .portlet-title .caption.font-dark { display: inline-block; border-bottom: 0 }
	.deshbord .portlet-title.page-title { padding: 0 10px }
	#CallStatus h4.cliam-heading { position: static; margin-bottom: 12px; clear: both }
	.deshbord_form .form_five .form-group.width-33 .input-group.clockpicker { position: relative }
	.clockpicker .input-group-addon { cursor: pointer; position: absolute; bottom: 0; right: 0; z-index: 99 }
	.col-md-5, .seven_form .form-group.width-20+div[class=""] { clear: both }
	.deshbord_form .note-stat h3 { margin-bottom: 5px }
	.data_mapping_new .data_mapping span:first-child { min-height: 32px }
	div#replacig_div .caption.font-dark { border: 0 }
	.scroll-tables.maping-width .responsive-table { min-width: 700px }
	div#popupdiv div#lussy .caption.font-dark { display: inline-block; border: 0 }
	.debt-user .page-content-inner .portlet.light .portlet-title, .portlet-title, .unassign-top .portlet-title { border-bottom: 0 }
	.segment_section .form-group.col-md-3:nth-child(4) { width: 20% }
	.setting-portfolio-destail a.btn.sbold[onclick="print_deta();"] { float: none }
	.col-md-12, .form-actions { clear: both }
	.portlet-title .caption.font-dark+a.btn { top: 5px }
	.public-polls label { max-width: 18%; min-width: 18% }
	.public-polls input[type=email], .public-polls input[type=password], .public-polls input[type=tel], .public-polls input[type=text] { width: 81% }
	.public-polls .first-child label { max-width: 35%; min-width: 27.5% }
	.public-polls .first-child input[type=text] { width: 71% }
	.public-polls .first-child .f-last-child label { min-width: auto }
	.public-polls .first-child .f-last-child input[type=text] { width: 85% }
	.states-img img { margin-right: 0 }
	div#piechart, div#piechart2 { width: 200px !important }
	ul.user-list-deshboard li { display: block }
	ul.user-list-deshboard li a { vertical-align: top; max-width: 36px; display: inline-block }
	ul.user-list-deshboard .user-name { line-height: normal; display: inline-block }
	.col-md-5.right-deshbord { padding-left: 15px }
	.right-deshbord .shadow-box, .width-half { width: 49.2% }
	.deshbord .portlet-title.page-title h3 { margin-top: 0; margin-bottom: 15px }
	.deshbord .tooltip-main-div { margin-top: -10px }
	ul.user-list-deshboard span { float: right; padding: 10px 3px; min-width: 40px; font-size: 13px }
	.page-wrapper .page-header .page-header-top .menu-toggler { margin: 17px 3px 0 13px }
	.no-table-scrolling .portlet-body.registration-role { overflow-x: auto }
	.filter-search-right input[type=text] { min-width: 185px }
	.portlet-title .list_view_filter.portlet-title { right: 15px; margin-top: 0 }
	.risk_class_section .control-label { font-size: 13px }
	.registration_page .portlet.light .login-form .form-group { width: 29.8% }
	.users-view tr td table tr td:first-child { width: 6% }
	.message-module .search-feild .col-sm-12 { padding: 0 15px }
	.table-responsive table.table.table-striped { min-width: 750px }
	div#recone span { position: static !important; margin-bottom: 5px; display: block }
	.portlet.no-shadow { margin-bottom: 0 }
	#reconpopup .modal-lg { width: 96% }
	#recon_status_popup_form .form-group { width: 45.5% }
	.tab-recone span, div#recone span { font-size: 13px; top: 13px }
	.deshbord_form form .form-group.width-33 .input-group.clockpicker div.input { width: 88% }
	.tab-pane .history-list { width: 100%; overflow: auto }
	.right-deshbord .demo1 { min-height: 473px }
	.right-deshbord .shadow-box { margin-right: 1% }
	.right-deshbord h5 ul { right: 0; left: auto }
	ul.user-list-deshboard { padding-right: 17px }
	.info-dots.right { float: none; margin-left: 15px }
	.cricle-sec .week-value span:last-child { margin-left: 21% }
	.right-deshbord .shadow-box.cricle-sec.line-bar .week-value:nth-child(4) small, .right-deshbord .shadow-box.cricle-sec.line-bar .week-value:nth-child(4) span { width: 49% }
	.right-deshbord .no-margin .shadow-box.last-box .week-value span:nth-child(2), .right-deshbord .no-margin .shadow-box.last-box .week-value span:nth-child(3) { text-align: right }
	#reconpopup strong[style="color:green;"] { left: auto; right: 15px }
}
@media (max-width:767px) {
	.form-group.width-20 { width: 33% }
	.history-list table tr td { padding: 15px 3px; font-size: 11px }
	.seven_form .form-group.width-20 { width: 33%; margin-bottom: 10px }
	#statcardpopup .modal-dialog { width: 92% }
	.searchpage .portlet form.login-form .search-feild-options { width: 19.2% }
	.filter-icon+.portlet-title { margin-top: 0 !important }
	.unassign-top+.searchpage .portlet.light .portlet-title { float: none; clear: both; width: 100%; margin-bottom: 5px }
	.unassign-top+.searchpage .portlet.light .portlet-title a { margin-top: 2px !important }
	.upladed-form form { width: 100% }
	#help-popup #apd { overflow-x: auto }
	.deshbord_form .detail-form .form-group.width-25 input.form-control, .detail-form .form-group.width-25 { width: 49% }
	.detail-form .tooltip-sec_new { width: 100% !important }
	#reconpopup strong, .tab-content .history-top, .tab-recone span, div#recone span { position: static }
	.btn-div { clear: both }
	.deshbord_form .note-stat h3 { display: block }
	.note-middle { margin: 3px 0; padding: 3px 5px }
	.deshbord_form .note-stat .form-group.width-25:last-child { float: right }
	.detail-form .form-group:last-child { padding-right: 0; margin-right: 1% }
	.form-group.width-20 { padding-right: 1% }
	.data_mapping_new { width: 100%; margin-right: 0 }
	.data_mapping_new .data_mapping span:first-child { min-height: initial }
	.total_count_record { font-size: 15px; margin-top: 6px }
	.modal-mapping_sms .modal-lg { width: 80%; margin: 30px auto 0 }
	.segment_section .form-group.col-md-3:nth-child(4) { width: 93%; float: left }
	.segment_section .last_btn.btn-remove { display: inline-block }
	.search-feild-options .portlet-body { overflow-x: auto }
	.portlet-title .caption.font-dark+a.btn { top: 0 }
	form#switch_frm select.form-control { margin-top: 0 }
	.public-polls .first-child .f-last-child label, .public-polls .first-child label, .public-polls label { max-width: 100%; min-width: 100% }
	.chart-img img, .modal form#recon_status_popup_form .form-group, .public-polls .first-child .f-last-child input[type=text], .public-polls .first-child input[type=text], .public-polls input[type=email], .public-polls input[type=password], .public-polls input[type=tel], .public-polls input[type=text] { width: 100% }
	.form-group.first-child .f-last-child { margin-top: 15px }
	.chart-table-style { min-width: 673px }
	.col-md-12 .portlet-title .caption.font-dark+a.btn { top: 5px }
	#all_th { min-width: 700px }
	.categori-info ul li { padding: 5px 10px 5px 3px; border-right: 0 }
	.filter-search-right input[type=text] { min-width: 32%; width: 32%; margin-bottom: 5px }
	#matrixpopdiv .modal-dialog { width: 90%; margin: 45px auto }
	.filter-icon, .unassign-main .filter-icon { margin-top: -5px }
	form#assigndetail_search { float: none; clear: none; width: 100% }
	.registration_page .portlet.light .login-form .form-group { width: 47% }
	.inputimagefield { max-width: 100% }
	.message-content-popup .modal-dialog { max-width: 85%; margin: 20px auto; width: 100% }
	#reconaddpopup .modal-dialog { margin: 20px auto }
	.last_btn.btn-remove, .segment_section .last_btn.btn-remove { padding: 0 12px }
	ul.user-list-deshboard .user-name { width: 61% }
	#reconpopup .modal-lg { width: 97% }
	.modal .modal-content .page-wrapper .page-wrapper-middle, .modal .modal-content .page-wrapper .page-wrapper-row, .page-wrapper .modal-body .page-wrapper-row .page-wrapper-middle { display: block }
	.page-wrapper .modal-body .page-wrapper-row { width: 100%; display: block }
	.page-wrapper .modal-body .history-list { width: 100%; overflow: auto }
	.deshbord_form form .form-group.width-33 .input-group.clockpicker div.input { width: 82% }
	.right-deshbord .shadow-box, .width-half { width: 100%; margin-right: 0 }
	.cricle-sec.line-bar .week-value span:last-child { width: 49%; margin-left: 0 }
	.right-deshbord .shadow-box.cricle-sec.line-bar .week-value span { width: 50% }
	.right-deshbord .shadow-box.cricle-sec.line-bar .week-value:nth-child(4) small, .right-deshbord .shadow-box.cricle-sec.line-bar .week-value:nth-child(4) span { width: 49.5% }
}
@media (max-width:576px) {
	.history-list { overflow-x: scroll }
	.searchpage .portlet form.login-form .search-feild-options { width: 48.2% }
	.portlet-title>.caption>.caption-subject { padding: 8px 0; font-size: 16px }
	.deshbord_form .btn.btn-process { padding: 8px 7px !important; margin-left: 2px }
	.nav-tabs li a, .note-middle { font-size: 14px }
	.deshbord_form .note-stat .btn.btn-process { padding: 6px 9px !important }
	#reconaddpopup form.form_third, .map_btn, form.form_four { padding: 20px 0 0 }
	.portlet { margin-bottom: 15px }
	.portlet-title span { float: none !important; display: block; padding-top: 0 }
	.modal-mapping_sms .modal-lg { width: 90% }
	.modal-mapping_sms.in, .modal-open .modal { padding-right: 0 !important }
	.segment_section .form-group.col-md-3:nth-child(4) { width: 88% }
	a#deletebutton { margin-top: 7px; float: right; margin-left: 5px; z-index: 99; margin-right: 0; position: relative }
	.portlet-title .caption.font-dark, .portlet>.portlet-title>.caption { border-bottom: 1px solid #eee }
	.line-charts, .right-deshbord .shadow-box, .right-deshbord .width50 { width: 100%; margin-right: 0 }
	div#piechart, div#piechart2 { width: 260px !important; margin: auto }
	.portlet.light.unassign-top .filter-search-right { padding-right: 0; margin-left: 0; width: 100% }
	.filter-search-right input[type=text] { min-width: auto; width: 100%; margin-bottom: 8px }
	.filter-icon, .unassign-main .filter-icon { position: static }
	table.dataTable.no-footer.users-view { margin-top: 0; display: block }
	table.dataTable.no-footer.users-view tbody { display: inline-block; width: 100% }
	table.dataTable.no-footer.users-view tbody tr { display: block }
	table.dataTable.no-footer.users-view tbody tr td { display: block; width: auto; max-width: 100% }
	table.dataTable.no-footer.users-view tr td table tr td:first-child { width: auto; display: inline-block }
	table.dataTable.no-footer.users-view tr td table tr td:last-child { padding-right: 5px; display: inline-block; float: right }
	form#switch_frm select.form-control { width: 100%; max-width: 100% }
	#reconaddpopup .modal-body { padding: 15px 0 }
	.modal .modal-body .container { padding-left: 0; padding-right: 0 }
	.width-half { width: 100% }
}
@media (max-width:480px) {
	.form-group.width-20 { width: 50% }
	.form-group.width-25 { width: 49% }
	.nav-tabs>li { width: 100% }
	.deshbord_form .form_five .form-group.width-33 { width: 100%; margin-right: 0 }
	.seven_form .form-group.width-20 { width: 100%; margin-bottom: 10px; padding: 0 }
	.history-list table tr th { font-size: 11px; padding: 3px }
	.search-sec { float: left; width: 100%; margin-top: 10px }
	.page-header .page-header-top .top-menu { padding: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; width: 100% }
	.page-header .page-header-top .top-menu .navbar-nav { float: left !important }
	.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended.dropdown-tasks>.dropdown-menu { left: 0 }
	.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu:after { right: auto; left: 16px }
	.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user>.dropdown-menu { right: 0; left: 0 }
	ul#custom_paginator li a { margin-bottom: 4px }
	.btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) { padding: 8px 8px 7px; vertical-align: top }
	.registration-role .dataTables_filter input[type=search] { min-width: auto }
	.categori-info ul li { padding: 4px 4px 4px 1px }
	.filter-tab .btn.green:not(.btn-outline), .page-content-inner.unassign-inner a.btn { font-size: 12px !important; padding: 8px 8px 7px }
	form.form_first .form-group.width-20:nth-child(2n) { margin-right: 0; padding-right: 0 }
	.filter-search-right { margin-right: -2px }
	.message-module .page-content-inner.unassign-inner .search-feild-options a.btn { margin-left: 0 }
	.portlet-title .caption.font-dark+a.btn { right: 0; position: relative; top: 8px }
	.col-md-12 .portlet-title .caption.font-dark+a.btn { right: 0; top: 0; margin: 5px 0 !important }
	.week-value span h4 { font-size: 12px }
	.page-head .page-toolbar { position: absolute; top: -38px; right: 0 }
	.portlet.light>.portlet-title>.caption { margin-right: 0 }
	.page-content-inner .portlet.light .portlet-title a.btn.sbold { top: 0; right: 0; position: static; margin-bottom: 5px }
	.deshbord .portlet-title.page-title, .upladed-form .portlet-title .caption.font-dark { position: relative }
	.portlet.light>.portlet-title { min-height: auto; padding-bottom: 0; border-bottom: 0 }
	.filter-icon, .unassign-main .filter-icon { position: static }
	.filter-search-right .fliter-search, .filter-search-right .input.select, .filter-search-right .input.select select, .filter-search-right .search-feild-options, .filter-search-right input[type=text], .registration-role .dataTables_filter input[type=search], .searchpage .portlet form.login-form label, form.login-form .portlet-body.form .details-info .form-group { width: 100% }
	.modal-footer { padding: 8px }
	.registration-role .dataTables_filter { right: 10px; width: 100% }
	.btn, .modal .modal-content .modal-footer .btnbtn-primary, .modal .modal-content .modal-footer button.btn-primary { margin-bottom: 5px }
	.searchpage .portlet form.login-form#assigndetail_search .search-feild-options { width: 31.8% }
	.registration_page .portlet.light .login-form .form-group { width: 100%; margin-right: 0 }
	span.user-img { width: 40px; height: 40px; margin-top: -8px }
	#reconpopup .modal-lg { width: 94% }
	.line-charts .charts-box .ptp-data .ptp-list { font-size: 13px }
	.bt-style { padding: 1px 2px }
	.right-move b { text-align: center; padding-right: 4px; vertical-align: top }
	.deshbord-main .chart-table-style table thead tr th { padding: 12px 0 !important }
	.select-item select:last-child { max-width: 100% }
	.week-value span { width: 37% }
	.right-deshbord .shadow-box.cricle-sec.line-bar .week-value:nth-child(4) small, .right-deshbord .shadow-box.cricle-sec.line-bar .week-value:nth-child(4) span { width: 49% }
}
.latest_enttry, .total_latest_enttry { color: green }
.top-close {
    position: absolute;
    top: 10px;
    right: 6px;
    cursor: pointer;
}
.top-notice p {
    padding:0 20px !important;
    }
.top-notice {
    position: relative;
}

.top-close i {
    font-size: 28px;
    -webkit-text-stroke: 3px #fff4f5;
}