a:hover, a:focus { outline: none !important; }
.container { max-width: 1170px; width: 100%; margin: 0 auto; }
.form-control { box-shadow: none !important; -webkit-appearance: none; -moz-appearance: none; }
#page-wrapper.gray-bg, .wrapper.wrapper-content { overflow: hidden; }
.footer { color: #ffffff; background-color: #111111; }
body.mini-navbar.fixed-sidebar .profile-element { text-align: center; }
.navbar-toggle { background-color: #111; color: #ffffff; font-size: 14px; padding: 6px 12px; }
.btn-primary { background-color: #005c9e; border-color: #005c9e; }
.btn-primary.btn-outline { color: #005c9e; }
.register-page { margin-bottom: 0; overflow: hidden; }
.btn-outline { background-color: rgba(0, 0, 0, 0); color: inherit; transition: all 0.5s ease 0s; }
label sup { color: #f00; }
.login-page { margin-bottom: 20px; }
.form-control { height: 35px; }
textarea:focus, select:focus { border-color: #005c9e !important; }
.sortable-list .auth-name { margin-top: 10px; /* padding-right: 30px; */ position: relative; overflow: hidden; }
.ibox-content .auth-name > h4 { font-weight: bold; padding-right: 50px; }
.auth-name .report-icons { position: absolute; top: 5px; right: 0; }
.auth-name .report-icons a { padding: 0 2px; }
.auth-name .report-icons a i { font-size: 16px; }
.ibox-content ul li p .no { color: #f00; }
.ibox-content ul li p .schedule { color: #f8ac59; }
.ibox-content ul li p .yes { color: #1ab394; }
.agile-detail .next-page-arrow { border: 1px solid #18ba2b; border-radius: 100%; height: 24px; width: 24px; text-align: center; }
.agile-detail .next-page-arrow:hover { background-color: #18ba2b; }
.agile-detail .next-page-arrow:hover i { color: #ffffff; }
.agile-detail .next-page-arrow i { color: #18ba2b; font-size: 18px; line-height: 22px; margin-left: 2px; }
.ibox-content .auth-name { position: relative; }
.ibox-content .auth-name h4 .print-data { color: #1c84c6; line-height: 20px; /* position: absolute;right: 0; top: 0; */ font-size: 16px; cursor: pointer; }
.ibox-content .auth-name h4 .send-email-to-customer { color: #1c84c6; line-height: 20px; /* position: absolute; right: 26px; top: 0; */ font-size: 16px }
.ibox-content .auth-name h4 .send-email-to-customer:hover, .ibox-content .auth-name h4 .send-email-to-customer:hover { color: #18ba2b }
.ibox-content ul li p i { font-size: 15px; line-height: 21px; float: right; }
.page-title { margin-bottom: 20px; font-weight: bold; }
.group-title h4 { font-weight: bold; padding-bottom: 10px; position: relative; color: #005c9e; }
.group-title h4:after { background-color: #005c9e; width: 50px; height: 2px; content: ""; position: absolute; bottom: 0; left: 0; }
.top-navigation nav .nav > li.active > a, .top-navigation nav .nav li a:hover, .navbar-top-links .profile-element .dropdown-menu li a:focus { background: #005c9e none repeat scroll 0 0; color: #ffffff; }
.top-navigation nav .nav .dropdown-menu > .active > a, .top-navigation nav .nav .dropdown-menu > .active > a:focus, .top-navigation nav .nav .dropdown-menu > .active > a:hover { background-color: #005c9e; }
.top-navigation #page-wrapper nav .nav > li.active > a { color: #fff; }
.top-navigation nav .nav li a:focus { color: #005c9e; background-color: transparent; }
.top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus { background: #005c9e none repeat scroll 0 0; }
.top-navigation nav .navbar-nav .dropdown-menu > .active > a { color: #fff }
nav .nav .open > a, nav .nav .open > a:hover, nav .nav .open > a:focus { background: transparent; none repeat scroll 0 0; }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: #f5f5f5; color: #262626; text-decoration: none; }
.text_limit { overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; }
.top-navigation .navbar-top-links .profile-element .dropdown-toggle:hover, .top-navigation .navbar-top-links .profile-element .dropdown-toggle:focus { background-color: rgba(0, 0, 0, 0); }
.white-bg .navbar-fixed-top, .white-bg .navbar-static-top { background: #fff none repeat scroll 0 0; }
.top-navigation .nav > li.active { background: #005c9e none repeat scroll 0 0; }
.form-group { overflow: hidden; }
.form-group.signature-textarea { max-width: 350px !important; overflow: visible; }
.form-group label { margin-bottom: 10px; }
.i-checks label { margin-bottom: 0; }
.label-box-img label { display: block; }
.ibox-title h5 { line-height: 20px; }
.filter-box .fa.fa-filter { margin-right: 3px; }
.ibox-title { text-transform: uppercase; overflow: hidden; border: none; }
.submit-btn { margin: 20px auto; }
.form-group textarea { height: 100px; resize: vertical; }
.form-group.label-box-img .radio-text { margin: 0 5px; }
.form-group.label-box-img .radio-text:first-child { margin-left: 0; }
.label-box-img .i-checks { display: inline-block; margin-right: 10px; }
.navbar-brand > img { height: 100%; max-width: inherit; width: 100%; }
.top-navigation .navbar-brand { height: 70px; padding: 3px; overflow: hidden; background-color: #003d68; max-width: 204px; width: 100%; }
.top-navigation nav .nav > li > a { padding: 25px 11px; color: #005c9e; }
.profile-element .dropdown-toggle span strong { color: #005c9e; }
.profile-element .text-muted { color: #005c9e; font-size: 12px; }
.form-group input:focus { border-color: #004c8e; }
.dropdown.profile-element > span, .show-notification .li-list a, .lead-details .inspinia-timeline .profile-img, .feed-element a { background-color: #eb4f43; border-radius: 100%; color: #ffffff; float: left; font-size: 20px; font-weight: normal; height: 48px; line-height: 43px; margin: 10px 5px 0 0; text-align: center; width: 48px; overflow: hidden; }
.show-notification .li-list a { line-height: 37px; font-size: 14px; background-color: #eb4f43 !important; }
.navbar-right .dropdown-menu { left: 0; right: auto; margin-top: 6px; }
.navbar-right .dropdown-menu::before { border-color: transparent transparent #F5F5F5; border-style: solid; border-width: 5px 7px 6px; content: ""; display: block; height: 8px; left: 16px; position: absolute; top: -11px; width: 8px; }
.navbar-top-links .profile-element .dropdown-menu li a { border-bottom: 0 none; display: block; float: none; height: auto; line-height: 15px; margin: 0; padding: 5px 10px; width: 100%; border-radius: 0; }
.navbar-right .profile-element .dropdown-menu { padding: 7px 0; background-color: #F5F5F5; }
.navbar-top-links li .profile-element a { float: left; padding: 12px 10px; }
.form-group .checkbox .icheckbox_square-green { margin-right: 5px; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus { background-color: #004c8e; border-color: #004c8e; color: #ffffff; }
.btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white { box-shadow: none; }
.btn-primary:hover { background-color: #004c8e; border-color: #004c8e; }
.hide-td { display: none; }
.logo2 { border-bottom: 1px solid #cccccc; margin-bottom: 20px; padding-bottom: 20px; }
.export-btn { display: inline-block; float: right; margin: 20px auto; overflow: hidden; overflow: hidden; }
.expo-btn-report .export-btn { display: inline-block; float: none; margin: 21px auto 0; }
.expo-btn-report { text-align: right; }

/*my-account*/
.my-account .ibox-title { margin-bottom: 30px; }
.my-account .member-website { border-top: 1px solid #e1e1e1; margin-top: 15px; overflow: hidden; padding-top: 15px; }
.my-account .member-website .member { float: left; margin-left: 20px; overflow: hidden; }
.my-account .member-website .web { overflow: hidden; float: left; }
.my-account .member-website .web a { color: #111111; }
.my-account { overflow: hidden; padding-bottom: 30px; }
.my-account .ibox-title { margin-bottom: 0; }
.my-account .label-box-img { overflow: hidden; }

/*Lead-page*/
.lead-details legend { font-size: 14px; padding: 0 14px; border-width: 0; width: auto; margin-top: 15px; }
.lead-details fieldset { border: 1px solid #e5e6e7; margin: 0 2px 20px; padding: 0.35em 0.625em 0.75em; }
.lead-details { margin-bottom: 50px; }
.lead-details .ibox-content { overflow: hidden; }
.lead-details .ibox { margin-bottom: 0; }
.lead-details .panel-body .checkbox.checkbox-inline { margin: 0 10px 10px 0; }
.ibox-content .panel-heading i { margin-right: 2px; }
.lead-details .inspinia-timeline .profile-img { border: none; height: 50px; position: relative; float: right; width: 50px; margin: 3px 0 10px; }
}
.timeline-item .date { padding-top: 60px; padding-right: 5px; }
.lead-details .inspinia-timeline .profile-img img { width: 100%; }
.checkbox label { margin-bottom: 0; padding-left: 5px; }
.passwordBox form { padding-bottom: 0; }
body #page-wrapper { min-height: 100%; }
body #wrapper { height: 100%; overflow: initial; }
.top-navigation .wrapper.wrapper-content { padding: 40px 0 80px; }
.timeline-item .content { min-height: 150px; border-top: 1px solid #ccc; padding-top: 0; }
.timeline-item:first-child .content { border-top: 0 none; }
.timeline-item-list .profile-box { text-align: right; padding-left: 0; }
.profile-image-wrap { border: 1px solid #e7eaec; border-radius: 3px; margin: 10px auto 0; padding: 5px; position: relative; width: 100%; transition: all 0.3s ease 0s; max-height: 210px; max-width: 210px; overflow: hidden; }
.profile-image-wrap img { width: 100%; }
.profile-image-wrap .profile-img-upload { color: #fff; display: block; font-size: 13px; padding: 10px; text-align: center; }
.profile-image-wrap .hover { background-color: rgba(0, 0, 0, 0.5); bottom: 0; overflow: hidden; position: absolute; width: 100%; }
.profile-image-wrap i.ace-icon { color: #bdbfbe; font-size: 16px; margin-right: 4px; }
.modal-body .ibox-content { border-top: 0; }
.modal-footer .btn { margin-bottom: 0; }
.modal-footer .cancel { margin-left: 5px; }
.rel { position: relative; width: 100%; }
.timeline-item .profile-box i.fa { font-size: 16px; margin-top: 6px; margin-left: 4px; }
#flash-message { clear: both; }
.timeEntry-control { display: none !important; }
.attachment-table.dataTables_wrapper .form-control.input-sm { max-width: 155px; width: 100%; }
.filter-box { margin-bottom: 0; }
.filter-box .ibox-title.collapse-link, .collapse-link.filter-box { cursor: pointer; }
.next-page-arrow a { display: block; }
.radio label { margin-bottom: 0; padding-left: 3px; }
.feild-info .group-title { padding-bottom: 0; }
.popup-containt form { padding-bottom: 10px; }
.btn-text .btn { margin-right: 8px; }
body .ibox-content { padding: 20px 15px; border-top: 0 none; overflow: hidden; }
.ibox-content.attachment-table { overflow: hidden; }
.inspinia-timeline.my-account { max-height: 320px; overflow-y: auto; }
.panel-default > .panel-heading { font-size: 14px; font-weight: 600; }
body .loginscreen.middle-box { background-color: #fff; margin-bottom: 40px; margin-top: 40px; padding: 20px 30px 30px; width: 100%; }
img { max-width: 100%; }
label.error { color: #ff0000; display: block; font-weight: normal; margin-left: 0; text-align: left; }
.form-control.error { border: 1px solid #e5e6e7; }
.pad-lf-rd { padding-left: 5px; }
.pad-rf-rd { padding-right: 5px; }
table .fa { font-size: 16px; margin-right: 3px; }
table .fa.fa-trash { font-size: 18px; }
.fa.fa-trash { color: #fa7272; }
div.dataTables_wrapper div.dataTables_filter label { margin-right: 0; }
.report-page { background-color: #fff; max-height: 516px; padding: 15px 0; }
.collapse-link .ibox-tools { float: right; }
body .report-page .ibox-content { background-color: #f5f5f5; }
.report-page .agile-list li { background-color: #fff; cursor: unset; overflow: hidden; }
.report-page .agile-list li:hover { background-color: #fafafb; }
input[type="file"] { border: 1px solid #ccc; display: block; padding: 6px; height: auto; }
.my-account .feild-info .group-title { padding-bottom: 10px; }
body .passwordBox .ibox-content { padding: 20px 30px; }
.resrt-pass h2 { margin-bottom: 30px; }
.note { color: #ababab; font-size: 12px; font-weight: normal; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: @yellow; border-radius: 0; width: 100%; }
.mCSB_scrollTools .mCSB_draggerRail { background-color: #e1e1e1; border-radius: 0; width: 21px; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: @yellow; }
.modal-dialog .modal-footer, .modal-dialog .modal-header { padding: 15px 30px; }
.sidebar-right .panel-default .panel-heading { padding-right: 60px; position: relative; }
.sidebar-right .panel-heading .edit-icon { position: absolute; right: 10px; top: 10px; }
.alert.alert-danger > ul { list-style: outside none none; padding-left: 0; }
.sidebar-right .cust-first-last-name { font-size: 16px; font-weight: 600; margin-bottom: 3px; text-transform: capitalize; }
.sidebar-right address p { margin-bottom: 2px; }
.attachment-table .dataTables_filter .form-control.input-sm { width: 199px; }
.attachment-table table.dataTable { border-collapse: collapse; }
.appointment-date-time .input-group-addon { width: 39px; }
.appointment-date-time .ui-datepicker-trigger { position: absolute; left: 0; top: 0; padding: 9px 12px; }
.timeEntry-control { display: inline-block; background: transparent url('../images/timer.png') no-repeat scroll 0px 0px; width: 20px; height: 20px; position: absolute; left: 10px; top: 10px; display: block !important; }
.appointment-date-time .error { border: 1px solid #ff0000 !important; }
.appointment-date-time label.error { display: none !important; }
body table.table-bordered.dataTable { border-collapse: collapse !important; }
.attachment-select { margin-bottom: 15px; }
.attachment-select .chosen-container { max-width: 100%; width: 100%; }
.attachment-select .chosen-container-multi .chosen-choices { background-image: none; border: 1px solid #e5e6e7; min-height: 36px; padding: 3px 12px 0; position: relative; width: 100%; }
.attachment-select .chosen-container-multi .chosen-choices li.search-field input[type="text"] { font-size: 14px }
.attachment-select > label { margin-right: 10px; display: block; margin-bottom: 10px; }
.w-55{
	width: 55% !important;
	padding-right: 18px !important;
}

.w-45{
	width: 45% !important;
	padding-right: 18px !important;
}
/*.send-email-body { max-height: 500px; overflow-y: auto;}*/
.feild-info .radio.radio-inline { margin-right: 10px; margin-left: 0; margin-bottom: 3px; position: static; }
.attach-bulk { margin: 28px -15px 20px; }
sup { color: #ff0000; }
span.text-danger { color: #ff0000; }
.modal-dialog label.error { margin: 0; }
div.dataTables_wrapper div.dataTables_length select { margin-right: 3px; padding: 4px 10px; background-position: 87% center; line-height: 21px; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { background-color: transparent; border-bottom-width: 1px; }
.dataTables_wrapper .position-relative, .position-relative input { margin: 0; }
body .checkbox.checkbox-inline { margin-left: 0; margin-right: 10px; vertical-align: top; width: 158px; cursor: default; margin-bottom: 8px; }
.assign-location .control-label { display: block; margin-bottom: 15px; }
body .radio label::before { top: 1px; }
body .radio label::after { top: 4px; }
body .checkbox label::before { top: 1px }
body .checkbox label::after { top: 1px; left: 1px; }
body select.form-control { background-image: url("../img/down-arrow.png"); background-position: 95% center; background-repeat: no-repeat; padding-right: 30px !important; }
.top-navigation .navbar-nav .open .dropdown-menu > li > a, .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header { padding: 10px 15px; border-radius: 0; }
.table-responsive { overflow-x: inherit; }
.inner-ibox { padding: 0 15px; }
.filter-box { border-bottom: 1px solid #f3f3f4; }
.dataTables_wrapper .dataTables_filter .form-control { max-width: 184px; width: 100%; }
.no-padding-left { padding-left: 0; }
.no-padding-right { padding-left: 0; }
body .padd-none { padding: 0; }
.form-group.bulk_group, .form-control.bulk_action { float: left; margin-right: 15px; max-width: 190px; width: 100%; }
#bulk_action-error { text-transform: none; }
.form-group.bulk_group { margin-bottom: 0; }
.hd-note { display: block; font-weight: bold; margin-bottom: 20px; }
.navbar-right .noti-dropdown .dropdown-menu { left: auto; right: 0; margin-top: 0; top: 70px; }
.drop-menu-right { float: right; }
.drop-menu-left { float: left; }
body .ibox-content.padd-top { padding-top: 10px; }
.ace-nav .name { background-color: #92cc4a; border-radius: 100%; color: #fff; float: left; font-size: 14px; font-weight: normal; height: 37px; line-height: 37px; margin-right: 5px; text-align: center; width: 37px; }
.top-navigation nav .nav > li > a.dropdown-toggle.count-info { cursor: pointer; font-size: 20px; padding: 14px 9px 0 !important; z-index: 9; }
.top-navigation nav .nav > li .count-info .label { top: 7px; }

/*scroll-bar*/
.date-divider { border-bottom: 1px solid #eee; color: #666; font-size: 11px; margin-left: 0px; padding: 8px 0; text-align: center; background-color: #f5f5f5; margin-bottom: 10px; }
.dropdown-messages-box small { margin-right: 9px; float: right !important; }
.dropdown-messages { padding: 0; }
.notifPop { background-color: #fff; border-left: 3px solid #fff; border-top: medium none; font-size: 11px; height: 70px; line-height: 13px; padding: 15px 5px 15px 0px; position: relative; transition: background-color 0.2s ease 0s; width: 100%; }
.sidebar-panel .feed-element, .navbar-top-links .media-body, .sidebar-panel p { font-size: 12px; padding: 0 6px; }
.navbar-top-links .media-body { float: left; max-width: 157px; }
.navbar-top-links .dropdown-menu li { display: block; overflow: hidden; }
.navbar-top-links .dropdown-menu li a { float: left; height: 38px; margin: 0 10px; min-height: 0; padding: 0; width: 38px; }
.navbar-top-links .dropdown-menu li a img { vertical-align: top; }
.navbar-top-links .dropdown-menu li.divider { margin-bottom: 0; }
ul.dropdown-menu.dropdown-messages .scroll_bar { max-height: 223px; top: 70px; overflow: hidden; }
.show-notification .mCSB_scrollTools { width: 9px; }
.navbar-right .noti-dropdown ul.dropdown-menu.dropdown-messages::before { border-color: transparent transparent #F5F5F5; border-style: solid; border-width: 6px 9px 13px; content: ""; display: block; height: 17px; left: auto; position: absolute; right: 16px; top: -17px; width: 16px; }
.scroll_bar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #005c9e !important; width: 6px; border-radius: 0; }
.scroll_bar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover { background-color: #005c9e; }
.scroll_bar .mCSB_inside>.mCSB_container { margin-right: 10px !important; }
.scroll_bar.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools { opacity: 1 !important; }
.dropdown-toggle.count-info { padding: 26px 10px 0 !important; }
.navbar-top-links small i { font-size: 10px; color: #3fbb68; margin-left: 5px; cursor: pointer; }
.navbar-top-links small i:hover:before { content: ""; color: #3fbb68; font-family: "FontAwesome"; font-size: 10px; }
.scroll_bar .mCSB_scrollTools .mCSB_draggerRail { background-color: #eeeeee !important; width: 9px; border-radius: 0; }
.notification-top h2 { font-size: 15px; font-weight: 600; margin: 10px 0; }
.navbar-top-links .notification-top { padding: 0 10px; }
.notification-top .btn.btn-success.mark-as-read { font-size: 11px; margin-top: 6px; padding: 5px 10px; }
.position-text { font-size: 16px; line-height: 22px; margin: 10px auto; padding: 5px 13px 0; text-align: left; }
.addpage .ace-icon.fa.fa-plus { font-size: 14px !important; margin-right: 8px; }
.expo-btn-report .export-btn:first-child .btn { margin-left: 0; }
body.top-navigation nav .nav  li.noti-dropdown a:hover, body.top-navigation nav .nav li.noti-dropdown a:focus, body.top-navigation nav .nav li.noti-dropdown a.active { background: transparent; color: #005c9e; }
.assigned-user-loc.form-group ul { margin: 0 0 0 3px; padding: 0; display: inline-block; }
.assigned-user-loc.form-group ul li { display: inline-block; margin-right: 6px; padding-left: 11px; position: relative; }
.assigned-user-loc.form-group ul li:before { content: ""; font-size: 7px; color: #333; position: absolute; left: 0; top: 6px; font-family: "FontAwesome"; display: block; }
.agile-list .agile-detail { margin-bottom: 17px; margin-top: 5px; }
.noti-dropdown .dropdown-messages-box { cursor: pointer; display: block; overflow: hidden; padding-right: 10px; }
.navbar-top-links .notification-top { background-color: #f5f5f5; min-height: 40px; padding: 0 10px; border-bottom: 1px solid #ddd; }
.noti-dropdown .text-note { font-size: 13px; margin: 10px 0 5px; padding: 0 10px; }
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after { top: 9px; }
body table.dataTable thead > tr > th, table.dataTable thead > tr > td { padding-right: 28px; }
.modal-scroll { max-height: 450px; overflow-y: auto; overflow-x: hidden; }

/* body .pagination > li {
display: inline-block;
margin: 0 -3px 0 0;
} */
body .pagination > li a { padding: 4px 8px; }
.scrollup { background-color: #1c84c6; border: 1px solid transparent; bottom: 10px; color: #ffffff; display: none; font-size: 18px; height: 40px; line-height: 32px; position: fixed; right: 10px; text-align: center; width: 40px; border-radius: 100%; z-index: 999; }
.scrollup:hover, .scrollup:focus { background-color: #fff; color: #1c84c6; border-color: #1c84c6; }
.pie-chat .col-xs-4 { padding: 0; }
.pie-chat h5 { font-size: 15px; }
.pie-chat .scroll_bar .mCSB_scrollTools .mCSB_dragger { height: 30px !important; }

/*22-6-2017*/
.graph-text { overflow: hidden; }
.graph { position: relative; }
.graph-text .graph-title { text-align: center; }
.graph-side-title { bottom: auto; content: ""; display: block; left: -88px; overflow: hidden; position: absolute; right: auto; top: 15%; transform: rotate(-90deg); width: 200px; }
.graph > canvas { padding: 0 0 0 20px; }
.graph-side-title h3 { font-size: 13px; line-height: 19px; color: #005c9e; font-weight: normal; }
.classes { display: block; text-align: right; margin: 0 auto 10px; }
.classes label.class-bx { color: #000000; font-size: 13px; font-weight: 600; margin-right: 5px; text-transform: capitalize; }
span.color-bx { background-color: #dddddd; float: left; height: 12px; margin-right: 5px; margin-top: 3px; width: 16px; }
span.color-bx.c-np { background-color: #1AB394; }
span.color-bx.c-sp { background-color: #999; }
span.color-bx.c-sv { background-color: #ef5b21; }
span.color-bx.c-ls { background-color: #005C9E; }
.pie-chat .scroll_bar { max-height: 700px; }
.pie-chat canvas { display: block; height: auto !important; margin: 0 auto; max-width: 330px; width: 100% !important; }
.graph-text .graph-title p { margin: 0 }
.send-email-body .clear { float: left; overflow: visible; width: 100%; }
body .ibox-content.dash-profile { background-color: #fff; padding: 10px !important; border: 1px solid #e2e2e2; }
body .ibox-content.dash-profile img { margin: 0 auto; }
.dashboard-lage .ibox-title.activity-title { border-bottom: 1px solid #dddddd; margin-bottom: 20px; margin-top: 20px; padding: 0; }
.dashboard-lage .dash-box { border: 1px solid #ddd; margin-top: 30px; padding: 0 20px 20px; }
.dashboard-lage .feed-activity-list { max-height: 260px; overflow-y: auto; }
.dashboard-lage { display: flex; }
.dashboard-lage .bg { background-color: #ffffff; flex: 1 1 0; height: 100%; }
#send-email-form .scroll_bar .mCSB_inside > .mCSB_container { margin-right: 30px !important; }
.noti-dropdown .mCSB_inside > .mCSB_container { margin-right: 0 !important; }
.top-graph-count .classes label.class-bx:before { background-color: #333333; border-radius: 30px; color: #333333; content: ""; display: block; height: 7px; left: -15px; position: absolute; top: 6px; width: 7px; }
.top-graph-count .classes label.class-bx { display: block; text-align: left; position: relative; }
.top-graph-count .class-bx > span { float: none; }
.top-graph-count { margin: 0 auto; max-width: 170px; width: 100%; }
.count-title-number { float: left; max-width: 85px; width: 100%; }
.top-graph-count .class-bx small { margin-right: 2px; }
.login-page a small { font-size: 14px; }
.top-navigation .tabs-container .nav > li.active { background: transparent none repeat scroll 0 0; }
.location-sec { margin-bottom: 15px; overflow: hidden; }
.location-sec h3 { border-bottom: 2px solid #ccc; display: inline-block; font-size: 16px; margin-bottom: 15px; padding-bottom: 10px; }
#notification-setting .scroll_bar { max-height: 550px; }
.top-navigation .tabs-container .nav > li.active > a, .top-navigation .tabs-container .nav > li > a:hover { color: #005c9e !important; }
.top-navigation .tabs-container .nav > li > a:hover { background-color: transparent; }
.top-navigation .tabs-container .nav > li.active  a:hover { background-color: #fff; }
#profile .checkbox.checkbox-inline.app-loc-chkbox { width: 30px; }
body .radio.radio-inline { margin: 0 10px 10px 0; width: 150px; vertical-align: top; }
.right-createbar .ibox-title h5 { margin-bottom: 0; }
.right-createbar .ibox-content.padd-top.p-b-none { padding-bottom: 20px; }
.inspinia-timeline.my-account.scroll_bar .mCSB_inside>.mCSB_container { margin-right: 20px !important; }
.top-navigation .navbar-nav .dropdown-menu { max-height: 380px; overflow-x: hidden; overflow-y: auto; }
.top-navigation nav .nav li .dropdown-menu li a:focus { color: #fff; background-color: #005C9E; }
.feed-element i.fa-circle { color: #3fbb68; margin-left: 3px; font-size: 10px; }
.feed-element i.fa-circle:hover:before { content: ""; color: rgb(63, 187, 104); font-family: FontAwesome; font-size: 10px; }
.feed-element small { cursor: pointer; }
.feed-element a { margin-top: 0; max-width: 50px; font-size: 16px; height: 48px; line-height: 48px; }
.top-navigation textarea#send-help-note-textarea { height: 160px; width: 100%; display: block; resize: vertical; }
.top-navigation .small-chat-box { background: #ffffff none repeat scroll 0 0; border: 1px solid #e7eaec; border-radius: 0; bottom: 58px; height: auto; position: fixed; right: 14px; width: 230px; z-index: 99999; }
.top-navigation .input-group-btn { position: relative; font-size: 0; white-space: nowrap; float: left; margin-top: 13px; margin-left: 0px; }
.form-chat button.btn.btn-primary.send-help-note { border-radius: 4px; }
.small-chat-box .heading { font-size: 13px; padding: 8px 31px 8px 10px; position: relative; }
.small-chat-box .heading .fa.fa-times { font-size: 18px; position: absolute; right: 8px; top: 10px; cursor: pointer; }
.ibox-content .form-group.signature-textarea { max-width: 100%; }
.signature-textarea .mce-tinymce.mce-container.mce-panel { width: 100% !important; }
.top-navigation	 #small-chat { position: fixed; bottom: 60px; right: 14px; z-index: 100; }
.nav.navbar-top-links .noti-dropdown .dropdown-menu .text-center a { display: inline-block; margin-top: 11px; min-height: inherit; padding: 0; color: #005C9E; }
.nav.navbar-top-links .noti-dropdown .dropdown-menu .text-center a:hover { color: #005C9E; }
.nav.navbar-top-links .noti-dropdown .dropdown-menu .text-center a i { margin-right: 4px; }
.nav.navbar-top-links .noti-dropdown .dropdown-menu .text-center { border-top: 1px solid rgba(221, 221, 221, 0.867); }
.nav.navbar-top-links .noti-dropdown .dropdown-menu .text-center a:hover { color: #0a426b; }
body .open-small-chat { background: #005C9E none repeat scroll 0 0; border-radius: 5px; color: #ffffff; display: block; font-size: 15px; font-weight: bold; height: 38px; line-height: 18px; padding: 9px 7px; text-align: center; width: 88px; }
body .open-small-chat .fa { display: inline-block; font-size: 19px; line-height: 20px; margin-right: 3px; vertical-align: top; }
.small-chat-box .btn { border-radius: 3px !important; box-shadow: none; }
.show-notification .media-body { font-size: 14px; }
.show-notification .load-more-notification .feed-element:first-child { margin-top: 15px; }
.ibox .form-group.btn.btn-primary.m-t-sm.show-more { margin-top: 15px; }
.show-notification .feed-element .read-notification a { margin-right: 12px; }
.modal-header .modal-title { font-size: 20px; }
.col-md-6 form .table-responsive, .col-md-7 form .table-responsive { overflow-x: auto; }
.noti-dropdown .show-notification .media-body { font-size: 12px; }
body .faq-question { background-color: #ffffff; border: 1px solid #cccccc; color: #1d7bbf; display: flex; font-size: 14px; font-weight: bold; line-height: 20px; padding: 15px; text-transform: uppercase; }
body .faq-item { background: transparent; margin-bottom: 7px; padding: 0; }
body .faq-answer { background: #ffffff none repeat scroll 0 0; border: 1px solid #cccccc; border-radius: 0; margin-left: 20px; margin-top: 10px; padding: 15px; margin-bottom: 3px; }
.faq-question .fa { display: inline-block; margin-right: 8px; padding-top: 4px; }
.faq-answer p, .faq-answer span, .faq-answer strong { font-size: 14px; line-height: 1.6; color: #333 !important; }
.faq-question.collapsed .fa.fa-minus::before { content: ""; }
.faq-question:hover { color: #005C9E; }
.scroll_bar.help-center { max-height: 500px; }
p.note-2 { font-size: 14px; }
.inspinia-timeline.my-account .timeline-item { clear: both; overflow: hidden; }

/*30-08-2017*/
.pie-chat .col-sm-4:nth-child(3n+1) { clear: left; }
.top-navigation .tabs-container .nav > li.active a { border-bottom-color: transparent !important; }
.lead-details.ccemialClass { overflow: visible; }
.lead-details.ccemialClass .clear { overflow: visible; }
.lead-details.ccemialClass .ibox-content { overflow: visible; }
.lead-details .chosen-container .chosen-results { max-height: 150px }
.admin-select .chosen-container { max-width: 100%; }
.admin-select .control-label { display: block; }
.feild-info .timeline-item .content { padding-top: 4px; }

/*19-01-2018*/
.form-group .apply-btn-report { margin-top: 20px; margin-left: 15px; }
.form-group .date .form-control { background-color: transparent; }
.report-dashboard-form .form-group select { width: 100% !important; }
.ibox-content.report-dashboard-form { padding: 20px 0; }
.current-period-boxes .widget { padding: 5px 20px; }
.current-period-boxes .widget label { padding-left: 10px; }
.current-period-boxes { margin-bottom: 25px; overflow: hidden; }
.current-period-boxes .date-period-title h5 { font-size: 22px; line-height: 24px; color: #666666; }
.pay-losses-section .pay-losses-title { padding: 15px 15px 7px; text-transform: capitalize; overflow: hidden; border-bottom: 1px solid #f1f1f1; background-color: #ffffff; }
.bar-chart-section .bar-chart-title h4 { font-size: 20px; line-height: 26px; color: #666666; }
.current-period-boxes .widget .value-price h2 { font-size: 14px !important; line-height: 30px; }
.company-list { margin-bottom: 10px; }
.report-dashboard-form .input-group-addon { padding: 6px 19px; }
.report-dashboard-form img { position: absolute; left: 0; top: 0; padding: 9px 12px; z-index: 9; }
.report-dashboard-form .form-inline .input-group { margin-top: 20px; }
.report-dashboard-form label.error { position: absolute; bottom: -25px; }
.report-dashboard-form .errorMsg label.error { position: static; bottom: 0px; }

/*19-01-2018 end*/

/*8-02-2018*/
.feild-info .checkbox .select-box { padding-left: 21px; margin-bottom: 5px; }
.feild-info .avalible-services .checkbox.checkbox-inline { padding-left: 0; }
.left-side-result .widget.navy-bg { background-color: #0068a5; }
.right-side-result .widget.lazur-bg { background-color: #f57921; }
.progress-bar { background-color: #0068a5 !important; }

/*15-02-2018*/
.ibox-content.value-by-service .table tbody tr td:first-child { text-align: left; }
.ibox-content.value-by-service .table tbody tr td { text-align: right; }
.ibox-content.value-by-service .table thead tr th { text-align: right; }
.pay-losses-section .table thead tr th { text-align: right; }
.pay-losses-section .table tbody tr td:first-child { text-align: left; }
.pay-losses-section .table tbody tr td { text-align: right; }
.ibox-content.value-by-service .table thead tr th.service-type-date, .ibox-content.value-by-service .table thead tr th.service-type-ytd { min-width: 100px; }
.user-lead-data .table tbody tr td:nth-child(3) { text-align: right; }
.feild-info .form-group .radio label.error::before { display: none; }
.feild-info .form-group .radio label.error { width: 100%; padding-left: 0; }
.vertical-align div.value-box { padding: 0 3px 0 0; }

/* .radio input[type="radio"]:focus + label::before {outline: none;} */

/* 07-03-2018 */
.table-responsive.receptionist-report { overflow-x: auto; }

/* 28-03-2018*/
body .dashboard-containt-scroller .ibox-content { overflow-y: auto; max-height: 500px; }
.bx-check { position: relative; padding-bottom: 20px; }
.bx-check label.error { position: absolute; bottom: 0px; left: 0; }
.bx-check .radio.radio-inline { margin-top: 0; position: static; }

/*30-03-2018*/
.delete-lead a { font-size: 16px; color: #337ab7; margin: 10px; }
.delete-lead a i { color: #337ab7 !important; }
#company_list .chosen-container { width: 100% !important; margin-bottom: 15px; max-width: 100%; }
.feild-info .radio-buttons .radio.radio-inline {width: auto;margin-right: 15px;}
.radio-buttons .radio input[type="radio"]:checked + label {background-color: #000000;color: #fca96c;}
.radio-buttons .radio label {border: 1px solid #000000;padding: 8px 20px;color: #000000;font-weight: 700;}
.radio-buttons .radio label:before, .radio-buttons .radio label:after {opacity: 0;}


/* 23-3-2021 menu accordian changes */

.col-md-12.card {
    border-bottom: 1px solid #dedede;
    padding: 10px 15px;
}

.card-wrapper{position: relative;width: 100%;padding:0 25px;}
.accordion-main {border-bottom: 1px solid #cccccc;width: 100%;float: left;position: relative;}
.accordion-main h4{position: relative;padding:12px 0px 5px 35px;}
.accordion-main h4:after {
    content: '';
    width: 25px;
    height: 25px;
    display: block;
    border: 1px solid #cccccc;
    border-radius: 50%;
    position: absolute;
    left: 1px;
    top: 6px;
}
.accordion-main h4.collapsed:before {
    content: '';
    border: solid #333333;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    left: 10px;
    top: 15px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.accordion-main h4:before {
   content: '';
    border: solid #333333;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    left: 10px;
    top: 15px;
    transform: rotate(45deg) translate(-2px, -2px);
    -webkit-transform: rotate(45deg) translate(-2px, -2px);
	
}

.accordion-main .collapse img {
    width: 100% !important;
    height: 187px;
    object-fit: cover;
}
.col-md-3.thumnail_img {
    width: 35%;
}
.accordion-main .title_tag {
    /*margin-top: 15px;*/
    font-size: 16px;
}
.accordion-main a{display: block;}
.accordion-main .content-wrap{padding: 10px 0 15px 25px;}

/* 23-3-2021 end */


.sticky-section-fixed{
	position: fixed;
    top: 20px;
    width: 100%;
    max-width: 390px;
    right: auto;
}

/*media*/
@media (max-width:1199px) {
.export-btn { margin: 0 auto 20px; }
.appointment-date-time .col-lg-6 { margin-bottom: 12px; }
.dataTables_wrapper .dataTables_filter .form-control { max-width: 147px; }
.table-responsive::-webkit-scrollbar { -webkit-appearance: none; width: 10px; height: 10px; }
.table-responsive::-webkit-scrollbar-thumb { border-radius: 6px; border: 2px solid #fff; background-color: rgba(0, 0, 0, .3); }
.table-responsive::-moz-scrollbar { -webkit-appearance: none; width: 10px; height: 10px; }
.table-responsive::-moz-scrollbar-thumb { border-radius: 6px; border: 2px solid #fff; background-color: rgba(0, 0, 0, .3); }
.table-responsive { width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em; }
.active.dropdown .caret, .dropdown.open .caret { border-top-color: #005c9e; }
.expo-btn-report .export-btn .btn { margin-right: 6px; font-size: 13px; margin-left: 0; }
body .expo-btn-report .export-btn:last-child .btn { margin-right: 0; }
.expo-btn-report .export-btn:last-child, .expo-btn-report .export-btn:first-child { margin-left: 0; }
.pie-chat .scroll_bar { max-height: 310px; }
.graph-side-title { top: 20%; }
#send-email-form .scroll_bar .mCSB_inside>.mCSB_container { margin-right: 30px !important; }
}
@media (max-width:1024px) {
.graph-side-title { top: 0px; }
}
@media (max-width:991px) {
.top-navigation .navbar-header { display: block; float: none; text-align: center; background-color: #003d68; position: relative; }
.top-navigation .navbar-brand { background-color: transparent; display: inline-block; height: 70px; margin: 0 auto; padding: 10px 15px; }
body .attach-bulk { border-top: 1px solid #f3f3f4; margin: 0 -15px 20px; padding-top: 20px; }
.lead-details .group-title h4 { margin: 0; }
.next-page-arrow a { font-size: 16px; }
.mobile_markup.agile-detail { margin-top: 0; }
#page-wrapper.gray-bg { padding-left: 0; padding-right: 0; min-height: 100% !important; padding-bottom: 38px; }
#page-wrapper .navbar.navbar-static-top .navbar-collapse.collapse { margin: 0 15px; }
.graph-side-title h3 { font-size: 10px; line-height: 18px; }
small.pull-right { float: none !important; }
.feed-activity-list .show-notification small.pull-right { float: right !important; padding-left: 6px; }
.graph-text .graph-title { margin: 10px auto; text-align: left; }
.classes label.class-bx { font-size: 12px; }
.graph-side-title { top: -12px; }
.top-navigation nav .nav > li > a { padding: 25px 9px; }
.top-navigation .navbar { padding: 0 0 0 15px; }
nav .nav .profile-element .block .font-bold { display: block; max-width: 122px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
#order-sidebar .btn.btn-w-m.btn-success.m-b-md.m-l-sm { min-width: inherit; }
.sticky-sidebar #order-sidebar .btn { font-size: 13px; }
}
@media (max-width:767px) {
body .dashboard-lage { display: block; }
.top-navigation .navbar { padding: 0; }
body .nav.navbar-top-links li.dropdown { display: inline-block; }
body .inner-ibox { padding: 0; }
.dataTables_wrapper .dataTables_filter .form-control { max-width: 195px; margin-left: 6px; }
body .no-padding-left { padding-left: 15px; }
body .no-padding-right { padding-left: 15px; }
.top-navigation .wrapper.wrapper-content { padding: 0px; }
#page-wrapper { padding: 0; }
.ibox-content { padding: 15px; }
nav.navbar { margin: 0 15px !important; }
.navbar-brand > img { margin: 0 auto; }
.top-navigation .navbar-brand { width: auto; }

/*.top-navigation .navbar-brand { float: none; }*/
.top-navigation #page-wrapper nav .nav > li > a { padding: 7px 15px; margin-top: 1px; }
#navbar .nav.navbar-nav { margin: 0 -15px; }
.nav.navbar-top-links.navbar-right.hidden-sm.hidden-lg.hidden-md { max-width: initial; padding: 5px 0 10px 15px; width: auto; margin-right: 50px; }
.navbar-header .navbar-toggle i.fa { font-size: 25px; }
nav.navbar .navbar-collapse { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; padding-bottom: 7px; padding-top: 8px; }
nav.navbar .navbar-toggle { background-color: transparent; bottom: -50px; color: #005C9E; font-size: 14px; margin: 0 15px 0 0; padding: 0; position: absolute; right: 0; }
.radio.radio-inline { display: block; margin-left: 0; }
.timeline-item-list .profile-box { text-align: left; }
.lead-details .inspinia-timeline .profile-box .profile-img { float: left; margin-top: 0 }
.timeline-item-list .profile-box { padding-bottom: 10px; text-align: left; }
.pad-lf-rd { padding-left: 15px; }
.pad-rf-rd { padding-right: 15px; }
.profile-image-wrap { margin-top: 30px; margin-bottom: 40px; }
.page-title { font-size: 21px; line-height: 27px; }
body .report-page .ibox-content { padding: 20px 10px; }
.row.timeline-item-list { margin: 0; }
.timeline-item .content { border-left: 0 none; border-top: 1px dashed #ccc; margin-bottom: 0; min-height: inherit; padding: 0 15px 3px; }
.modal-dialog .modal-footer, .modal-dialog .modal-header { padding: 15px; }
.modal-dialog .modal-body { padding: 20px 15px 30px; }
body .listing-page .ibox-content { padding: 20px 15px; }
body .listing-page .ibox-content { border-top: 1px solid #e7eaec; }
#search-form label.full-width { display: none; }
.timeline-item:first-child .content { border-top: 1px dashed #ccc; }
button.close { width: 30px; text-align: center; height: 30px; }
.lead-details .timeline-item { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 15px 0 0; }
.agile-detail { margin-top: 0; overflow: hidden; }
.timeline-item .profile-box .clear { float: left; margin-right: 10px; }
.expo-btn-report .export-btn { margin: 20px auto; }
body table .fa { font-size: 18px !important; }
body .navbar-right .noti-dropdown .dropdown-menu { left: auto; right: 0; top: 60px; }
#page-wrapper .navbar.navbar-static-top .navbar-collapse.collapse { border-top: 1px solid #eeeeee; margin: 0; }
.dropdown.profile-element > span { float: left; width: 36px; height: 36px; line-height: 32px; font-size: 15px; }
.navbar-top-links li .profile-element a { float: left; font-size: 13px; padding: 9px 10px; }
.profile-element .text-muted { font-size: 11px; }
body.top-navigation .navbar-nav .dropdown-menu { border: 0 none; }
body.top-navigation nav .nav > li.active, body.top-navigation nav .nav > li a:hover, body.top-navigation nav .nav > li a:focus {/* background: transparent !important; */border: medium none; }

/*.top-navigation nav .nav > li.active .dropdown-menu li.active a { background-color: transparent !important; }*/
body.top-navigation .navbar-nav .dropdown-menu li a { padding: 5px 17px; }
.navbar-collapse .navbar-nav .open .dropdown-menu { background-color: #ffffff; }

/*body.top-navigation .navbar-nav .dropdown-menu li a:hover { background-color: transparent !important; }*/
body .navbar-right .noti-dropdown .dropdown-menu::before { left: 10px; right: auto; }
body div.dataTables_wrapper div.dataTables_length, body div.dataTables_wrapper div.dataTables_filter, body div.dataTables_wrapper div.dataTables_info, body div.dataTables_wrapper div.dataTables_paginate { padding: 0 10px; text-align: left; }
div.dataTables_wrapper div.dataTables_length select { margin-left: 14px; }
.table-responsive { padding: 10px 0 0; }
body .dropdown.open .caret { border-top-color: #005C9E; }
body .dropdown.open.active .caret { border-top-color: #1ab394; }
.next-page-arrow .fa-envelope { margin-left: 0; margin-top: 4px; }
.navbar-top-links .dropdown-toggle.count-info:hover { background-color: transparent !important; }
.navbar-top-links .dropdown-toggle.count-info:active { background-color: transparent !important; }
.navbar-top-links .dropdown-toggle.count-info:focus { background-color: transparent !important; }
.navbar-top-links small i:hover:before, .navbar-top-links small i { font-size: 11px; }
body .ibox-content.pie-chat canvas { display: block; height: inherit !important; margin: 0 auto; max-width: 250px; width: 100% !important; }
.pie-chat .col-xs-6 { padding: 0 15px; }
.pie-chat h5 { font-size: 14px; margin-bottom: 20px; }
.graph-side-title { display: none; }
.top-graph-count { padding: 0 10px; }
.count-title-number { max-width: 78px; width: 100%; }
.graph-text .graph-title { display: none; margin: 0; }
.top-navigation .tabs-container .nav > li > a { padding: 15px 14px; }
.top-navigation .tabs-container .nav-tabs > li { float: left; margin-bottom: -2px; display: inline-block; }

/*body.top-navigation nav .nav > li.active{background-color:#fff !important; }*/
body.top-navigation .small-chat-box { bottom: 0; }
#order-sidebar .btn.btn-w-m.btn-success.m-b-md.m-l-sm { min-width: 120px; }
.expo-btn-report .export-btn { margin: 10px auto; }
.expo-btn-report .export-btn:last-child { margin-top: 0; }
.expo-btn-report .export-btn .btn { margin: 6px 3px 0 0; }
.note-show-right .ibox-tools { float: right; }
.signature-textarea .mce-tinymce.mce-container.mce-panel { width: 99% !important; }
.profileImgClass .profile-image-wrap { margin: 50px 0 0 -15px; clear: left; }
.feild-info .timeline-item-list .profile-box { padding-top: 10px; }
}
@media (max-width:550px) {
.btn.btn-raised.btn-success.addpage.pull-right { float: left !important; margin-top: 5px; }
.expo-btn-report .export-btn { float: left; margin: 0 auto 20px; }
.full_width .col-xs-7.col-sm-6, .full_width .col-xs-5.col-sm-6, .full_width .col-xs-3.col-sm-3, .full_width .col-xs-9.col-sm-9 { width: 100%; }
.pie-chat .col-xs-6 { width: 100%; }
.expo-btn-report .export-btn { margin: 0 auto 6px; }
}
@media (max-width:479px) {
.my-account .profile-image { float: none; text-align: center; max-width: 120px; width: 100%; margin: 0 auto; }
.my-account .profile-info { margin-left: 0; }
.label-box-img .i-checks { display: block; margin-bottom: 10px; }
.my-account .member-website .web { float: none; margin-bottom: 10px; }
.my-account .member-website .member { margin-left: 0; }
.bulk_action { margin-bottom: 10px; }
.form-group.bulk_group, .form-control.bulk_action { margin-right: 6px; }
body .navbar-right .noti-dropdown .dropdown-menu { left: auto; margin: 0 auto; right: -40px; }
.navbar-right .noti-dropdown ul.dropdown-menu.dropdown-messages::before { right: 56px; }
.navbar-top-links .noti-dropdown .dropdown-messages, .navbar-top-links .noti-dropdown .dropdown-tasks, .navbar-top-links .noti-dropdown .dropdown-alerts { width: 300px; }
body .navbar-right .noti-dropdown .dropdown-menu::before { display: none; }
body .ibox-content .graph { height: 107px !important; width: 400px; overflow-x: scroll;    /*width: 100%;*/ }
body .ibox-content .graph canvas { display: block; max-width: 260px !important; padding: 0; }
.top-graph-count .classes { display: block; margin: 0 auto 10px; text-align: left; }
.ibox-tools { margin-left: 10px; }
.form-group.signature-textarea { overflow-x: auto; }
}
.print-info { padding: 0 15px; }
.print-info table { width: 100%; }
.print-info table td, .print-info table th { padding: 6px 10px; }
.cls_schedule{max-height: 160px;overflow-y: scroll;overflow-x: hidden;border: 1px solid;padding: 5px 10px;}
.clockpicker .input-group-addon{width:39px;}
.cls_stuation_type .checkbox.checkbox-inline{width:100px;}
body .clsCounselor {overflow: visible;}
body .SumoSelect {width: 100%;}
body .SumoSelect .CaptionCont.SelectBox {box-shadow: none;border-radius: 0;border-color: #e5e6e7;min-height: 35px;background-image: url("../img/down-arrow.png");background-position: 95% center;background-repeat: no-repeat;padding-right: 30px !important;}
body .SumoSelect .CaptionCont.SelectBox label i {display: none;}

.orange-bg {
    background-color: #fca96c;
}
.orange-bg .cls_schedule,
.orange-bg h4,
.orange-bg label {
    color: #000000;
}
.orange-bg img,
.orange-bg h4 img,
.orange-bg label img {
	filter: brightness(0);
}
.orange-bg h4:after {
    background-color: #000000;
}
/* Add video page hover*/
.zoom {
 padding: 20px;
 transition: transform .2s;
 /* width: 100px;*/
  height: 300px;
  margin: 0 auto;
}
.zoom:hover {
  background-color: rgba(0,0,0,.7);
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05); 
}
 .thumnail_img .detail {
 position: absolute;
 bottom: 2px;
 left: 0px;
 background-color: rgba(0,0,0,.7);
 color: white;
 margin-bottom: 0px;
 font-size: 16px;
 text-align: center;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: visibility 0s, opacity 0.5s linear; 
 transition: visibility 0s, opacity 0.5s linear;
  }

 .thumnail_img:hover{
 cursor: pointer;
}

.thumnail_img:hover .detail{
 height: 295px;
 width: 380px;
 padding: 8px 15px;
 visibility: visible;
 opacity: 0.7; 
}