/* here you can put your own css to customize and override the theme swp*/ body{font-family: 'Roboto', sans-serif;font-size: 14px;background-color: #ffffff;} body.page-container-bg-solid { min-width: 1200px;} body, h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;} a{ color: #c71e12;} .table td:not(.action) a:not(.btn), .modal-body td a:not(.btn){ color: #c71e12; text-decoration: underline;} a:hover, .table td:not(.action) a:not(.btn):hover{ text-decoration: none;} .modal-body td a:hover{ text-decoration: none;} .modal-body{ color:#818181;} .modal-body h4{ color:#333; font-weight: normal;} .page-header.navbar .menu-toggler>span, .page-header.navbar .menu-toggler>span:after, .page-header.navbar .menu-toggler>span:before, .page-header.navbar .menu-toggler>span:hover, .page-header.navbar .menu-toggler>span:hover:after, .page-header.navbar .menu-toggler>span:hover:before { background: #c71e12; } .portlet>.portlet-title>.actions>.full-width-list-btn i { font-size: 18px; line-height: 14px; top: 4px; position: relative; } #Exapnad i{ font-size: 18px; line-height: 14px; top: 4px; position: relative; } .portlet>.portlet-title>.actions>.full-width-list-btn.active i.material-icons { -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; filter: fliph;} .page-header.navbar .menu-toggler.sidebar-toggler{ margin:7px 0 0;} .page-header.navbar .menu-toggler>span, .page-header.navbar .menu-toggler>span:after, .page-header.navbar .menu-toggler>span:before{ height:2px;} .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler{ margin: 25px 15px 0 0;} .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a{ font-size: 15px;} .page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a{ padding: 13px 15px; font-size: 15px;} .page-sidebar .page-sidebar-menu>li.active>a>.selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a>.selected{ top: 13px; right: -4px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 12px solid #fff;} .page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu{ padding:10px 0;} .page-container-bg-solid .page-bar .page-breadcrumb>li>a{color: #c71e12;} .page-container-bg-solid .page-bar .page-breadcrumb>li>span{color: #94959B;} .page-container-bg-solid .page-bar .page-breadcrumb>li>span.seperator{ color: #C2C2C2;} .dashboard-report-range .material-icons{ color: #818181; font-size: 19px; position: relative; top:4px;} .dashboard-report-range .date-info{ color: #c71e12;} .bar-chart-page #tooltip{ border-radius: 5px !important;} .top-minus5{ position: relative; top:-5px;} .margin-left-0{ margin-left:0px !important;} .margin-left-5{ margin-left:5px;} .margin-left-10{ margin-left:10px;} .margin-right-0{ margin-right:0px;} .margin-right-5{ margin-right:5px;} .margin-right-8{ margin-right:8px;} .margin-right-10{ margin-right:10px;} .margin-right-15{ margin-right:15px;} .margin-right-0i{ margin-right:0px !important;} .margin-top-5{ margin-top:5px;} .margin-top-0i{ margin-top:0px !important;} .margin-top-25i{ margin-top:25px !important;} .margin-bottom-0i{ margin-bottom:0px !important;} .margin-bottom-5i{ margin-bottom:5px !important;} .margin-bottom-10i{ margin-bottom:10px !important;} .margin-bottom-15i{ margin-bottom:15px !important;} .margin-bottom-20i{ margin-bottom:20px !important;} .margin-bottom-25i{ margin-bottom:25px !important;} .padding0i{ padding: 0 !important;} .padding-top-0i{ padding-top:0px !important;} .padding-top-10i{ padding-top:10px !important;} .padding-top-15i{ padding-top:15px !important;} .padding-top-20i{ padding-top:20px !important;} .padding-top-25i{ padding-top:25px !important;} .padding-bottom-0{ padding-bottom:0px !important;} .padding-bottom-10{ padding-bottom:10px !important;} .padding-bottom-15{ padding-bottom:15px !important;} .padding-bottom-20{ padding-bottom:20px !important;} .padding-bottom-25{ padding-bottom:25px !important;} .login { background-color: #ffffff !important;} .login .logo img{ max-width:; max-height:;} .login .content{ padding-bottom: 0; margin: 20px auto 10px; border:1px solid #eeeeee;} .login .content h3{ color: #c71e12;} .login a{ color: #c71e12;} .login .content .forget-password{ margin-top:0; text-decoration: underline;} .login .content .forget-password:hover{ text-decoration: none;} .login .content .form-actions{ border-bottom: none; border-top: 1px solid #eee;} .login .content .rememberme { margin: 10px 0 0;} .login .content .form-control { background-color: #f9f9f9; height: 43px; color: #7e7e7e; border: 1px solid #dde3ec;} .login .content .form-group { margin-bottom: 20px;} .login .copyright{ font-size:14px; color: #c71e12;} .login .content .form-actions .btn{ font-weight:500;} .login input.form-control::placeholder {color: #B3B3B3 !important; opacity: 1;} .login input.form-control:-ms-input-placeholder { color: #B3B3B3 !important;} .login input.form-control::-ms-input-placeholder { color: #B3B3B3 !important;} textarea.form-control { height: 60px !important;} .fleft{ float: left;} .fright{ float: right;} .font-green { color: #c71e12!important;} .font-yellow{ color: #F39E0B !important;} .font-yellow-dark{ color: #fbfd9c !important;} .font-medium{ font-weight: 500;} .font-normal{ font-weight: normal;} .font-16{ font-size:16px;} .dnone{ display: none;} .btn:not(.btn-sm):not(.btn-lg){ line-height: 1.3;} .btn.green:not(.btn-outline), .btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active{ color: #FFF; background-color: #c71e12; border-color: #c71e12;} .btn.green:not(.btn-outline):hover{ background-color: #c71e12; border-color: #c71e12; background-image: linear-gradient(rgb(0 0 0 / 10%) 0 0) !important;} .btn.btn-outline.green{ border-color: #c71e12; color: #c71e12; background: #fff;} .btn.btn-outline.green.active, .btn.btn-outline.green:active, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:focus, .btn.btn-outline.green:hover{ border-color: #c71e12; color: #FFF; background-color: #c71e12; } .btn.green:not(.btn-outline).active.focus, .btn.green:not(.btn-outline).active:focus, .btn.green:not(.btn-outline).active:hover, .btn.green:not(.btn-outline):active.focus, .btn.green:not(.btn-outline):active:focus, .btn.green:not(.btn-outline):active:hover, .open>.btn.green:not(.btn-outline).dropdown-toggle.focus, .open>.btn.green:not(.btn-outline).dropdown-toggle:focus, .open>.btn.green:not(.btn-outline).dropdown-toggle:hover{ background-color: #c71e12; border-color: #c71e12; background-image: linear-gradient(rgb(0 0 0 / 10%) 0 0) !important;} .btn.green:not(.btn-outline).focus, .btn.green:not(.btn-outline):focus{ background-color: #c71e12; border-color: #c71e12; background-image: linear-gradient(rgb(0 0 0 / 10%) 0 0) !important;} .btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline):hover, .open>.btn.green:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #c71e12; border-color: #c71e12;} .btn.red:not(.btn-outline), .btn.red:not(.btn-outline).active, .btn.red:not(.btn-outline):active{ color: #FFF; background-color: #EB6464; border-color: #EB6464;} .btn.red:not(.btn-outline):hover{ background-color: #de6060; border-color: #de6060;} .btn.btn-outline.red{ border-color: #EB6464; color: #EB6464;} .btn.btn-outline.red.active, .btn.btn-outline.red:active, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:focus, .btn.btn-outline.red:hover{ border-color: #EB6464; color: #FFF; background-color: #EB6464; } .btn.red:not(.btn-outline).active.focus, .btn.red:not(.btn-outline).active:focus, .btn.red:not(.btn-outline).active:hover, .btn.red:not(.btn-outline):active.focus, .btn.red:not(.btn-outline):active:focus, .btn.red:not(.btn-outline):active:hover, .open>.btn.red:not(.btn-outline).dropdown-toggle.focus, .open>.btn.red:not(.btn-outline).dropdown-toggle:focus, .open>.btn.red:not(.btn-outline).dropdown-toggle:hover{ background-color: #de6060; border-color: #de6060; } .btn.red:not(.btn-outline).focus, .btn.red:not(.btn-outline):focus{ background-color: #de6060; border-color: #de6060;} .btn.yellow:not(.btn-outline), .btn.yellow:not(.btn-outline).active, .btn.yellow:not(.btn-outline):active{ color: #FFF; background-color: #F39E0B; border-color: #F39E0B;} .btn.yellow:not(.btn-outline):hover{ background-color: #e4950b; border-color: #e4950b;} .btn.btn-outline.yellow{ border-color: #F39E0B; color: #F39E0B;} .btn.btn-outline.yellow.active, .btn.btn-outline.yellow:active, .btn.btn-outline.yellow:active:focus, .btn.btn-outline.yellow:active:hover, .btn.btn-outline.yellow:focus, .btn.btn-outline.yellow:hover{ border-color: #F39E0B; color: #FFF; background-color: #F39E0B; } .btn.yellow:not(.btn-outline).active.focus, .btn.yellow:not(.btn-outline).active:focus, .btn.yellow:not(.btn-outline).active:hover, .btn.yellow:not(.btn-outline):active.focus, .btn.yellow:not(.btn-outline):active:focus, .btn.yellow:not(.btn-outline):active:hover, .open>.btn.yellow:not(.btn-outline).dropdown-toggle.focus, .open>.btn.yellow:not(.btn-outline).dropdown-toggle:focus, .open>.btn.yellow:not(.btn-outline).dropdown-toggle:hover{ background-color: #e4950b; border-color: #e4950b; } .btn.yellow:not(.btn-outline).focus, .btn.yellow:not(.btn-outline):focus{ background-color: #e4950b; border-color: #e4950b;} .btn.blue:not(.btn-outline), .btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active{ color: #FFF; background-color: #57A9D4; border-color: #57A9D4;} .btn.blue:not(.btn-outline):hover{ background-color: #529ec5; border-color: #529ec5;} .btn.btn-outline.blue{ border-color: #57A9D4; color: #57A9D4;} .btn.btn-outline.blue.active, .btn.btn-outline.blue:active, .btn.btn-outline.blue:active:focus, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:focus, .btn.btn-outline.blue:hover{ border-color: #57A9D4; color: #FFF; background-color: #57A9D4; } .btn.blue:not(.btn-outline).active.focus, .btn.blue:not(.btn-outline).active:focus, .btn.blue:not(.btn-outline).active:hover, .btn.blue:not(.btn-outline):active.focus, .btn.blue:not(.btn-outline):active:focus, .btn.blue:not(.btn-outline):active:hover, .open>.btn.blue:not(.btn-outline).dropdown-toggle.focus, .open>.btn.blue:not(.btn-outline).dropdown-toggle:focus, .open>.btn.blue:not(.btn-outline).dropdown-toggle:hover{ background-color: #529ec5; border-color: #529ec5; } .btn.blue:not(.btn-outline).focus, .btn.blue:not(.btn-outline):focus{ background-color: #529ec5; border-color: #529ec5;} .btn.grey:not(.btn-outline), .btn.grey:not(.btn-outline).active, .btn.grey:not(.btn-outline):active{ color: #FFF; background-color: #a1a1a1; border-color: #a1a1a1;} .btn.grey:not(.btn-outline):hover{ background-color: #8a8989; border-color: #8a8989;} .btn.btn-outline.grey{ border-color: #a1a1a1; color: #a1a1a1;} .btn.btn-outline.grey.active, .btn.btn-outline.grey:active, .btn.btn-outline.grey:active:focus, .btn.btn-outline.grey:active:hover, .btn.btn-outline.grey:focus, .btn.btn-outline.grey:hover{ border-color: #a1a1a1; color: #FFF; background-color: #a1a1a1; } .btn.grey:not(.btn-outline).active.focus, .btn.grey:not(.btn-outline).active:focus, .btn.grey:not(.btn-outline).active:hover, .btn.grey:not(.btn-outline):active.focus, .btn.grey:not(.btn-outline):active:focus, .btn.grey:not(.btn-outline):active:hover, .open>.btn.grey:not(.btn-outline).dropdown-toggle.focus, .open>.btn.grey:not(.btn-outline).dropdown-toggle:focus, .open>.btn.grey:not(.btn-outline).dropdown-toggle:hover{ background-color: #8a8989; border-color: #8a8989; } .btn.grey:not(.btn-outline).focus, .btn.grey:not(.btn-outline):focus{ background-color: #8a8989; border-color: #8a8989; color: #fff;} .btn.grey:not(.btn-outline).active, .btn.grey:not(.btn-outline):active, .btn.grey:not(.btn-outline):hover, .open>.btn.grey:not(.btn-outline).dropdown-toggle, .btn.grey:not(.btn-outline):active:hover{ color: #fff;} .btn-xs{padding: 3px 6px;} .page-header.navbar { background-color: #fafafa; height: 70px;} .page-header.navbar .page-logo{background: #ffffff ;min-height: 70px;padding: 10px 20px; display: flex; align-items: center; justify-content: space-between;} .page-header.navbar .page-logo .logo-default { margin: 0px 0 0; max-height: 56px; max-width: 155px;} .page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover{ background-color: #ffffff; position: fixed; z-index: 5;} .page-container-bg-solid .page-title{ margin: 0; position: fixed; color: #333; z-index: 9999; margin-bottom: 14px; font-size: 22px; top: 22px; font-weight: normal;} .page-content-white .page-content .page-bar{ background:transparent; border: none;} .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle{ padding: 24px 6px 25px 8px;} .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover, .page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle{ background-color: #fafafa;} .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username{ font-size: 15px; color: #333; font-weight: normal;} .dropdown-company-name{ font-size: 18px; font-weight: 500; margin-top: 20px!important;} .page-header-fixed .page-container { margin-top: 70px;} .page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a{ background:#c71e12;} .page-sidebar .page-sidebar-menu>li.active.open>a:hover, .page-sidebar .page-sidebar-menu>li.active>a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a:hover{ background:#c71e12;} .page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a { border-top: none; color: #1c0505;} .page-sidebar .page-sidebar-menu>li:last-child>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:last-child>a{ border-bottom: none !important;} .page-sidebar .page-sidebar-menu>li>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a> i { color: #1c0505;} .page-sidebar .page-sidebar-menu>li>a i{ font-size: 19px; position: relative; top: 3px;} .page-sidebar .page-sidebar-menu>li>a:after, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a:after { content: ''; display: block; width: 100%; position: absolute; left: 0; bottom: 0; height: 1px; background: #c71e12;} .page-sidebar .page-sidebar-menu>li:nth-child(2)>a:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:nth-child(2)>a:before{content: ''; display: block; width: 100%; position: absolute; left: 0; top: 0; height: 1px; background: #c71e12;} .page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar .page-sidebar-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a { background: #c71e12; color: #fff;} .page-sidebar-menu-hover-submenu li:hover>.sub-menu {background: #fbbab6 !important;} .page-sidebar-menu-hover-submenu li:hover a>.arrow {border-right: 8px solid #c71e12;} .page-sidebar .page-sidebar-menu .sub-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li>a{color: #1a0909;} .page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a { background:linear-gradient(rgb(0 0 0 / 10%) 0 0) !important; color: #fff;} .page-sidebar .page-sidebar-menu>li:hover>a>i[class^=icon-], .page-sidebar .page-sidebar-menu>li:hover>a>i[class^=fa-], .page-sidebar .page-sidebar-menu>li:hover>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>i{ color: #fff;} .page-footer{ padding: 12px 10px !important; height: inherit; height: auto;} .page-footer .page-footer-inner {color: #1c0505;font-size: 14px;margin-left: 225px;float: none;} .page-sidebar-closed .page-footer .page-footer-inner { color: #6A7A6E; font-size: 14px; margin-left: 35px;} .dash-stat.widget-thumb{ padding-left: 105px; position: relative;} .dash-stat.widget-thumb i{ position: absolute; top: 50%; left: 20px; color: #d6d8dd; font-size: 70px; margin-top: -35px;} .dash-stat.widget-thumb .widget-thumb-body{ text-align: right;} .dash-stat.widget-thumb .widget-thumb-body-stat{ color: #c71e12; font-size: 28px; font-weight: 500;} .dash-stat.widget-thumb .widget-thumb-body-stat.inline-block { display: inline-block;} .dash-stat.widget-thumb .widget-thumb-body .widget-thumb-subtitle{ font-size: 18px; color: #333333; font-weight: 400; text-transform: capitalize;} #legend-container { margin-top: 10px;} #legend-container table { margin: auto;} #legend-container table tr { display: inline-block; margin-left: 10px; font-size: 14px; float: right;} #legend-container table tr td.legendColorBox { padding-right: 5px;} #legend-container table tr td > div { border: none !important;} #legend-container table tr td > div div { border-width: 6px !important;} #legend-container table tr:last-child td > div div { border-radius: 5px !important;} .table>tfoot.total>tr>td{ padding: 11px 8px; background: #f5f5f5; font-weight: 500;} .inline-select.select-divider{ border-right: 1px solid #cecece; margin-right: 5px; padding-right: 5px;} .portlet.light.bordered>.portlet-title, .portlet.light.bordered .portlet-title{ border: none; position: relative;} .portlet.light>.portlet-title>.caption, .portlet.light .portlet-title .caption{ color:#333;} .portlet.light>.portlet-title>.caption>.caption-subject, .portlet.light .portlet-title .caption .caption-subject { font-size: 18px; position: relative; padding-bottom: 10px; min-height: 38px; display: inline-block; word-break:break-all; word-break:break-word;} .portlet.light.bordered>.portlet-title .caption-subject:after, .portlet.light.bordered .portlet-title .caption-subject:after { content: ''; width: 45px; height: 2px; background: #c71e12; position: absolute; left: 0; bottom: 0;} .table thead th{ background: #595959; color: #fff; font-weight: 500 !important;} .table thead tr:nth-child(2) th{ color:#595959; font-weight: normal !important;} .table thead th.sorting{ background-image: url(../assets/pages/img/sort_both.png); background-position:center right; background-repeat:no-repeat; padding-right: 20px;background-color:#595959;} .table thead th.sorting_asc { background-image: url(../assets/pages/img/sort_asc.png); background-position:center right; background-repeat:no-repeat; padding-right: 20px;background-color:#595959;} .table thead th.sorting_desc { background-image: url(../assets/pages/img/sort_desc.png); background-position:center right; background-repeat:no-repeat; padding-right: 20px;background-color:#595959;} .table td a{word-wrap:break-word;} .filter-head th{ background:none !important;} .filter-head th .form-control{ font-weight: normal !important;} .table-scrollable-borderless .table thead th{ background: transparent; color: #353535; font-size: 15px; text-transform: none;} .table-scrollable{ padding-bottom: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: #c71e12; border-color: #c71e12; cursor: default;} .pagination>li>a, .pagination>li>span{ color: #666;} .dataTables_paginate {float: right;} .record-per-page {display: inline-block; margin-left: 10px;} .record-per-page span{color: #333;} .record-per-page select.form-control{ margin-right:5px;} .tabbable-line>.nav-tabs>li>a{ text-decoration: none; font-size: 16px; font-weight: 500; color: #333; padding: 15px;} .tabbable-line>.nav-tabs>li{ border-bottom:2px solid transparent;} .tabbable-line>.nav-tabs>li.active>a{ color: #c71e12;} .tabbable-line>.nav-tabs>li.active{ border-bottom: 2px solid #c71e12;} .tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover{ border-bottom: 2px solid #c71e12;} .page-container-bg-solid .tabbable-line .tab-content { border-top: 1px solid #eae8e5;} .portlet.calendar.light .fc-button { top: 0;} .fc-day-grid-event .fc-content { white-space: unset;} .fc-basic-view .fc-body .fc-row{ min-height: 100px;} .portlet.calendar .fc-event .fc-title{ word-break:break-word;} .mt-checkbox, .mt-radio{ padding-left: 25px;} .mt-checkbox.mt-checkbox-outline:hover>input:not([disabled]):checked~span, .mt-checkbox.mt-checkbox-outline:hover>input:not([disabled])~span, .mt-checkbox.mt-checkbox-outline>input:checked~span, .mt-checkbox.mt-checkbox-outline>input:focus~span, .mt-checkbox.mt-checkbox-outline>span, .mt-checkbox.mt-radio-outline:hover>input:not([disabled]):checked~span, .mt-checkbox.mt-radio-outline:hover>input:not([disabled])~span, .mt-checkbox.mt-radio-outline>input:checked~span, .mt-checkbox.mt-radio-outline>input:focus~span, .mt-checkbox.mt-radio-outline>span, .mt-radio.mt-checkbox-outline:hover>input:not([disabled]):checked~span, .mt-radio.mt-checkbox-outline:hover>input:not([disabled])~span, .mt-radio.mt-checkbox-outline>input:checked~span, .mt-radio.mt-checkbox-outline>input:focus~span, .mt-radio.mt-checkbox-outline>span, .mt-radio.mt-radio-outline:hover>input:not([disabled]):checked~span, .mt-radio.mt-radio-outline:hover>input:not([disabled])~span, .mt-radio.mt-radio-outline>input:checked~span, .mt-radio.mt-radio-outline>input:focus~span, .mt-radio.mt-radio-outline>span { border: 2px solid #d9d9d9; background:#fff;} .mt-checkbox>span:after { left: 5px; top: 1px;} .mt-radio>span:after { left: 4px; top: 4px;} .modal-body .portlet.light.bordered{ margin: 0; padding: 0; border: none !important;} /*Task*/ .view-as .btn.act { background-color: #c71e12; border-color: #c71e12; cursor:default;} .view-as .btn:not(.act) { background: #efecec; border: #efecec;} .view-as .btn:not(.act):hover{ background: #dedede; border: #dedede;} .view-as .btn:not(.act) i{ color: #A1A1A1;} .portlet.calendar.small-padding{ padding: 12px 0px 15px;} .small-heading{ font-size:16px;} .small-heading-18{ font-size:18px; line-height: 20px} .font-15{ font-size: 15px;} /*leads*/ .filter-block .form-control { width: auto;} .filter-block .form-control.pull-left { margin-right: 10px;} .filter-block .btn{ margin-right: 10px;} .filter-block .view-as .btn{ margin-right: 0px;} .filter-block .view-as{ margin-bottom: 10px;} .date-range-block{ width: 240px;} .date-range-block .date-picker { width: 105px; float: left;} .date-range-block span { float: left; background: #EFEFEF; height: 32px; line-height: 23px; padding: 5px; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; color:#333; font-weight: normal;} .selection-table{} .selection-table tr.cancle { background: #d9ecf9;} .selection-table.table tr.cancle a:not(.btn), .selection-table.table tr.cancle td { color: #3598dc;} .selection-table tr.closed { background: #e4f5e8;} .selection-table.table tr.closed a:not(.btn), .selection-table.table tr.closed td { color: #2ca94f;} .selection-table tr.pending { background: #fbfd9c;} .selection-table.table tr.pending a:not(.btn), .selection-table.table tr.pending td { color: #737430;} .selection-table tr.overdue{ background: #fcebeb;} .selection-table.table tr.overdue a:not(.btn), .selection-table.table tr.overdue td{ color:#e7505a;} .selection-table tr.selected{ background:#fdfbc8;} .selection-table.table tr.selected td{ color:#c71e12;} .selection-table.table tr.selected a:not(.btn){ color:#c71e12;} .selection-table.table tr.selected.overdue a:not(.btn){ color:#e7505a;} .table-greylink{} .table-greylink.table tr a:not(.btn){ color:#333;} .table-greylink.table tr th a:not(.btn){ color: #fff;} .selection-table tr.selection{ background:#D3D3D3;} .append-table > td { padding: 0 !important;} .append-table table{ width: 100%; margin: 10px 0;} .append-table table td { padding: 6px;} .append-table-main.table>tbody>tr>td { border-top: 3px solid #eae8e5;} .append-table table td { padding: 6px; vertical-align: top; } .table td{ vertical-align: top;} .table td:last-child.wmm70 { padding-top: 12px;} .append-table table td:last-child.wmm70 { padding-top: 12px;} .append-table-main.table>tbody>tr:first-child>td{ border: none;} .table-scrollable>.append-table-main.table>tbody>tr:last-child>td { border-bottom: 3px solid #eae8e5;} .mt-repeater{ display: block;} .table-scrollable{ border: none; margin:0 0 20px !important;} .table-scrollable.margin-bottom-0{ margin-bottom: 0px !important;} .table-scrollable.margin-bottom-5{ margin-bottom: 5px !important;} .table-scrollable.margin-bottom-10{ margin-bottom: 10px !important;} .table-scrollable>.table{ margin-bottom: 0px !important;} .table-scrollable .table.margin-bottom-0{ margin-bottom: 0px !important;} .table-scrollable .table.margin-bottom-5{ margin-bottom: 5px !important;} .table-scrollable .table.margin-bottom-10{ margin-bottom: 10px !important;} .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ border-top: 1px solid #eae8e5;} .table-scrollable>.table>tbody>tr:last-child>td{ border-bottom: 1px solid #eae8e5;} .table thead tr th { font-size: 15px; vertical-align: middle; padding: 5px 8px;} .table>tbody>tr>td{ font-size:14px; color:#595959; padding: 11px 8px; word-break: break-all;} .table>thead>tr>th{ border-bottom: none;} .table>tfoot>tr>th{border-bottom: 1px solid #eae8e5; background: #F3F3F3; color: #595959; font-weight: 500; font-size: 15px;} .table-bordered>thead>tr>th{border: 0;} .table-scrollable.table-inner-scroll {overflow: auto;height: 350px;margin-bottom: 0;padding-bottom: 0;} .table-scrollable.table-inner-scroll thead th {position: -webkit-sticky;position: sticky;top: 0;} .table-scrollable.table-inner-scroll tfoot, .table-scrollable.table-inner-scroll tfoot th, .table-scrollable.table-inner-scroll tfoot td {position: -webkit-sticky;position: sticky;bottom: 0;z-index: 4;} .table.with-button>tbody>tr>td{ vertical-align: middle; padding:8px;} .table.with-button>tbody>tr:last-child .btn-group>.dropdown-menu, .table.with-button>tbody>tr:nth-last-child(2) .btn-group>.dropdown-menu, .table.with-button>tbody>tr:nth-last-child(3) .btn-group>.dropdown-menu, .table.with-button>tbody>tr:nth-last-child(4) .btn-group>.dropdown-menu{ top: auto; bottom: 100%; margin-top: 0; margin-bottom: 10px; box-shadow: -5px -5px rgba(102,102,102,.1);} .table.with-button>tbody>tr:last-child .btn-group>.dropdown-menu:after, .table.with-button>tbody>tr:nth-last-child(2) .btn-group>.dropdown-menu:after, .table.with-button>tbody>tr:nth-last-child(3) .btn-group>.dropdown-menu:after, .table.with-button>tbody>tr:nth-last-child(4) .btn-group>.dropdown-menu:after{ border-top: 7px solid #fff; border-bottom:none; top: 100%;} .table.with-button>tbody>tr:last-child .btn-group>.dropdown-menu:before, .table.with-button>tbody>tr:nth-last-child(2) .btn-group>.dropdown-menu:before, .table.with-button>tbody>tr:nth-last-child(3) .btn-group>.dropdown-menu:before, .table.with-button>tbody>tr:nth-last-child(4) .btn-group>.dropdown-menu:before{ border-top: 8px solid #e0e0e0; border-bottom:none; top: 100%;} table.mt-repeater{display: table;} .modal .table.with-button>tbody>tr>td{ padding:8px; vertical-align:top;} .modal .table.with-button>tbody>tr>td:last-child a { margin-top: 5px; display: inline-block;} .relative-block{ position: relative;} .inline-select, .inline-select label ,.inline-select .select2{ display: inline-block;} .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear{display: none;} .wauto{ width: auto;} .wmin90{ min-width: 90px;} .wmin100{ min-width: 100px;} .wmin120{ min-width: 120px;} .wmin130{ min-width: 130px;} .wmin140{ min-width: 140px;} .wmin150{ min-width: 150px;} .wmin175{ min-width: 175px;} .wmax45{ width: 45px; max-width: 45px;} .wmax50{ width: 50px; max-width: 50px;} .wmax60{ width: 60px; max-width: 60px;} .wmax90{ width: 90px; max-width: 90px;} .wmax100{ width: 100px; max-width: 100px;} .wmax120{ width: 120px; max-width: 120px;} .wmax150{ width: 150px; max-width: 150px;} .wmax200{ width: 200px; max-width: 200px;} .wmm30{ min-width: 30px; width: 30px; max-width: 30px;} .wmm40{ min-width: 40px; width: 40px; max-width: 40px;} .wmm45{ min-width: 45px; width: 45px; max-width: 45px;} .wmm60{ min-width: 60px; width: 60px; max-width: 60px;} .wmm70{ min-width: 70px; width: 70px; max-width: 70px;} .wmm100{ min-width: 100px; width: 100px; max-width: 100px;} .wmm120{ min-width: 110px; width: 110px; max-width: 110px;} .wmm120{ min-width: 120px; width: 120px; max-width: 120px;} .wmm130{ min-width: 130px; width: 130px; max-width: 130px;} .wmm140{ min-width: 140px; width: 140px; max-width: 140px;} .wmm150{ min-width: 150px; width: 150px; max-width: 150px;} .wmm160{ min-width: 160px; width: 160px; max-width: 160px;} .wmm175{ min-width: 175px; width: 175px; max-width: 175px;} .wmm190{ min-width: 190px; width: 190px; max-width: 190px;} .wmm220{ min-width: 220px; width: 220px; max-width: 220px;} .wmm250{ min-width: 250px; width: 250px; max-width: 250px;} .wmm280{ min-width: 280px; width: 280px; max-width: 280px;} .wmm300{ min-width: 300px; width: 300px; max-width: 300px;} .wmm350{ min-width: 400px; width: 400px; max-width: 400px;} .wm120m175{ min-width: 120px; width: 175px; max-width: 175px;} .wm130m175{ min-width: 130px; width: 175px; max-width: 175px;} .wm175m300{ min-width: 175px; width: 300px; max-width: 300px;} .wm280m300{ min-width: 280px; width: 300px; max-width: 300px;} .w120{ width:120px;} .w290{ width:290px;} .w350{ width:350px;} .w350adj{ width:calc(100% - 350px);} .w250{ width:250px;} .w250adj{ width:calc(100% - 250px);} .font16{font-size: 16px;} .form-control.wmax150{display: inline-block;} .link-back{color: #595959 !important; font-size: 16px; text-decoration: underline;} .link-back:hover{ text-decoration: none;} .row{ margin-left: -10px; margin-right: -10px;} .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-left: 10px; padding-right: 10px;} .row.gutter10{ margin-left: -5px; margin-right: -5px;} .gutter10 > .col-lg-1, .gutter10 > .col-lg-10, .gutter10 > .col-lg-11, .gutter10 > .col-lg-12, .gutter10 > .col-lg-2, .gutter10 > .col-lg-3, .gutter10 > .col-lg-4, .gutter10 > .col-lg-5, .gutter10 > .col-lg-6, .gutter10 > .col-lg-7, .gutter10 > .col-lg-8, .gutter10 > .col-lg-9, .gutter10 > .col-md-1, .gutter10 > .col-md-10, .gutter10 > .col-md-11, .gutter10 > .col-md-12, .gutter10 > .col-md-2, .gutter10 > .col-md-3, .gutter10 > .col-md-4, .gutter10 > .col-md-5, .gutter10 > .col-md-6, .gutter10 > .col-md-7, .gutter10 > .col-md-8, .gutter10 > .col-md-9, .gutter10 > .col-sm-1, .gutter10 > .col-sm-10, .gutter10 > .col-sm-11, .gutter10 > .col-sm-12, .gutter10 > .col-sm-2, .gutter10 > .col-sm-3, .gutter10 > .col-sm-4, .gutter10 > .col-sm-5, .gutter10 > .col-sm-6, .gutter10 > .col-sm-7, .gutter10 > .col-sm-8, .gutter10 > .col-sm-9, .gutter10 > .col-xs-1, .gutter10 > .col-xs-10, .gutter10 > .col-xs-11, .gutter10 > .col-xs-12, .gutter10 > .col-xs-2, .gutter10 > .col-xs-3, .gutter10 > .col-xs-4, .gutter10 > .col-xs-5, .gutter10 > .col-xs-6, .gutter10 > .col-xs-7, .gutter10 > .col-xs-8, .gutter10 > .col-xs-9{ padding-left: 5px; padding-right: 5px;} .row.gutter20{ margin-left: -10px; margin-right: -10px;} .gutter20 > .col-lg-1, .gutter20 > .col-lg-10, .gutter20 > .col-lg-11, .gutter20 > .col-lg-12, .gutter20 > .col-lg-2, .gutter20 > .col-lg-3, .gutter20 > .col-lg-4, .gutter20 > .col-lg-5, .gutter20 > .col-lg-6, .gutter20 > .col-lg-7, .gutter20 > .col-lg-8, .gutter20 > .col-lg-9, .gutter20 > .col-md-1, .gutter20 > .col-md-10, .gutter20 > .col-md-11, .gutter20 > .col-md-12, .gutter20 > .col-md-2, .gutter20 > .col-md-3, .gutter20 > .col-md-4, .gutter20 > .col-md-5, .gutter20 > .col-md-6, .gutter20 > .col-md-7, .gutter20 > .col-md-8, .gutter20 > .col-md-9, .gutter20 > .col-sm-1, .gutter20 > .col-sm-10, .gutter20 > .col-sm-11, .gutter20 > .col-sm-12, .gutter20 > .col-sm-2, .gutter20 > .col-sm-3, .gutter20 > .col-sm-4, .gutter20 > .col-sm-5, .gutter20 > .col-sm-6, .gutter20 > .col-sm-7, .gutter20 > .col-sm-8, .gutter20 > .col-sm-9, .gutter20 > .col-xs-1, .gutter20 > .col-xs-10, .gutter20 > .col-xs-11, .gutter20 > .col-xs-12, .gutter20 > .col-xs-2, .gutter20 > .col-xs-3, .gutter20 > .col-xs-4, .gutter20 > .col-xs-5, .gutter20 > .col-xs-6, .gutter20 > .col-xs-7, .gutter20 > .col-xs-8, .gutter20 > .col-xs-9{ padding-left: 10px; padding-right: 10px;} label{font-size: 14px; color: #818181; display: block;} .form-control{ padding: 5px 10px; color: #818181; border: 1px solid #CECECE; height: 32px;} .select2-container--bootstrap .select2-selection--single{ height: 32px;} select.form-control{ padding: 6px 10px 6px 6px;} .has-error .form-control, .has-error .form-control:focus, .has-error .select2-dropdown, .has-error .select2-selection, .has-error .select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection{ border-color:#c71e12;} .has-error .form-control[disabled]{ border-color: #CECECE;} .form-control[disabled], .form-control[readonly], fieldset[disabled]{ background: #F3F3F3 !important; border-color: #CECECE; color: #a9a6a6;} .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background-color: #f3f3f3;} .btn, .btn-group-sm>.btn, .btn-sm{font-size: 14px;} .btn-group-sm>.btn, .btn-sm { padding: 4px 15px;} .btn-lg { padding: 6px 15px; font-weight: 500; min-width: 90px; font-size: 16px;} .btn-md { padding: 6px 12px !important; line-height: 1.3 !important;} .portlet>.portlet-title>.actions>.btn, .portlet>.portlet-title>.actions>.btn-group>.btn, .portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm, .portlet>.portlet-title>.actions>.btn.btn-sm{ font-size: 14px; font-weight: 500; padding: 4px 15px;} .delete-with-input-field { padding-right: 30px !important; position: relative; } .delete-with-input-field .delete-icon { position: absolute; top: 5px; right: 5px; } .btn-group.dot-icon .btn-sm{ min-width: 90px; text-align: left;} .btn-group.dot-icon .btn-sm i.material-icons { font-size: 15px; position: relative; top: 3px; float: right;} .dropdown-menu{ font-family: 'Roboto', sans-serif; padding: 10px;} .dropdown-menu>li>a { text-decoration: none !important; color: #333 !important; font-weight: 500; padding: 8px 5px;} .dropdown-menu>li>a:hover { text-decoration: none; color: #333 !important;} .btn-group.down-icon .btn{ /*min-width: 105px;*/ text-align: left; padding-right: 25px;} .btn-group.down-icon .btn i.material-icons { position: absolute; top: 3px; right:3px; font-size: 24px !important;} .btn-group.down-icon .btn.wmin110 { min-width: 110px;} .btn-group.down-icon .btn.wmin120 { min-width: 120px;} .btn-group.down-icon .btn.wmin125 { min-width: 125px;} .btn.show-column-list { padding: 1px 9px !important;} .show-column-list + .dropdown-menu:before, .show-column-list + .dropdown-menu:after{ opacity:0;} .show-column-list .material-icons { font-size: 22px !important; top: 3px; position: relative;} .show-column-list + .dropdown-menu { left: initial; right: 0; min-width: 100px; margin-top: 5px;} .show-column-list + .dropdown-menu .fa-check { margin-right: 8px; color: #333 !important;} .show-column-list + .dropdown-menu .active, .show-column-list + .dropdown-menu .active .fa-check { color: #c71e12 !important;} /*leads - notes tab*/ .btn-circle.check-circle{ width: 36px; height: 32px;} .check-circle i.material-icons { font-size: 19px; line-height: 27px;} .edit-icon i.material-icons{ font-size: 17px; color: #A1A1A1;} .delete-icon i.material-icons{ font-size: 17px; color: #A1A1A1;} .delete-icon-text{ color:#A1A1A1; text-decoration: underline;} .delete-icon-text i.material-icons{ font-size: 17px; color: #A1A1A1; position: relative; top:3px;} .delete-icon-text:hover{ color:#A1A1A1;} .add-icon i.material-icons{ font-size: 16px !important; line-height: 10px; position: relative; top: 3px;} .lead-status { position: relative;} .lead-status span{ height: 18px; width: 18px; display: block; position: absolute; background: #cecece; top: 7px; left: 10px;} .lead-status .form-control{ padding-left: 35px;} .lead-status.status-follow-up span{ background: #EB6464;} .lead-status.status-sample-sent span{ background: #F39E0B;} .lead-status.status-measure-scheduled span{ background: #c71e12;} .lead-status.status-quote-sent span{ background: #4CAFE3;} .fileinput.fileinput-exists .btn.red{ display: inline-block; width: auto; line-height: 9px; padding: 6px;} .fileinput .btn.red i.material-icons{ color: #fff; font-size: 18px; line-height: 18px;} .fileinput .input-group.input-large { width: 280px !important;} .table.select-all th:first-child, .table.select-all td:first-child{ width: 20px; max-width: 30px;} .select-all thead tr:not(.filter-head) .mt-checkbox span, .select-all thead tr:not(.filter-head) .mt-checkbox.mt-checkbox-outline>input:focus~span, .select-all thead tr:not(.filter-head) .mt-checkbox.mt-checkbox-outline:hover>input:not([disabled])~span{ background: #fff; border: none; width: 16px; height: 16px; margin-top: 2px;} .select-all thead tr:not(.filter-head) .mt-checkbox.mt-checkbox-outline>input:checked~span { background: #fff; border: none;} .select-all thead tr:not(.filter-head) .mt-checkbox>span:after{ top:2px;} hr{ border-top: 3px solid #eae8e5;} hr.divider{ border-width: 1px;} hr.dark{ border-color: #C5C5C5;} /*add property*/ .table.append-table-main thead tr th{ padding: 5px 6px;} .portlet.light>.portlet-title>.caption>.caption-subject.small-heading { font-size: 16px;} .portlet.light.bordered>.portlet-title.full{ border-bottom: 1px solid #eef1f5;} .portlet.light.bordered>.portlet-title.full:after{ display: none;} .num-count{ background: #CECECE; height: 32px; line-height: 32px; text-align: center; color: #fff; font-weight: 500; width: 34px;} .num-count.green{ background: #c71e12;}/* background: #9BD6AB;*/ .num-count.red{ background: #F08A8A;} .num-count.yellow{ background: #F5B545;} .amount-input{ position: relative;} .amount-input span.icon{ position: absolute; top: 7px; left: 10px; font-size:14px;} .amount-input .form-control{ padding-left: 18px;} .percentage-input{ position: relative;} .percentage-input span.icon{ position: absolute; top: 7px; right: 10px;} .percentage-input .form-control{ padding-right: 20px;} .quantity-input{ position: relative;} .quantity-input span.icon{ position: absolute; top: 7px; right: 10px;} .quantity-input .form-control{ padding-right: 30px;} .quantity-input.each .form-control { padding-right: 60px;} .quantity-input.each span.icon-text{ position: absolute; top: 10px; right: 10px;} .quantity-input.amount-input span.icon { right: auto;} .amount-input.disabled span, .percentage-input.disabled span, .quantity-input.disabled span { color: #a9a6a6;} /*modal*/ .table-modal .modal-header{ border-bottom:none; padding-bottom:10px;} .table-modal table.valignmiddle tbody td { vertical-align: top !important;} .table-modal table.valignmiddle tbody td.wmm40:last-child a { top: 5px; position: relative;} .modal-title{ color:#333; font-weight: normal;} .modal-header i.close.material-icons{ font-size:20px; color: #818181; opacity: 1; background-image: none !important; text-indent:0; width:20px; height:20px;} .table-modal .modal-body { padding: 0 15px 15px;} .small-modal{} .small-modal .modal-body { padding: 5px 15px 15px;} .small-modal .portlet.light>.portlet-title{ min-height: 45px;} .height420{ height:420px;} .slimScrollBar{ background: #C1C1C1 !important; opacity: 1 !important; border-radius: 3px !important;} .slimScrollRail{ background: #E8E8E8 !important; opacity: 1 !important; display: block !important; border-radius: 3px !important;} .right-icon{} .right-icon i.material-icons{ font-size: 19px; color: #C8C8C8; top: 7px; right: 8px; left: auto; margin:0px; z-index: 1;} .right-icon.input-icon>.form-control{ padding-left: 10px; padding-right: 33px; position: relative; z-index: 2; background: transparent;} .right-icon.input-icon>.form-control.date-picker{ padding-right: 27px; z-index: 2;} .datepicker table td, .datepicker table th, .datetimepicker table td, .datetimepicker table th{ font-family: 'Roboto', sans-serif !important;} .datepicker.dropdown-menu{ z-index: 9999;} .modal-open :not(.modal) .datetimepicker { z-index: 0;} .slide-content.btn{ padding: 3px 15px;} .slide-content.btn i.material-icons{ font-size: 20px; position: relative; top: 3px;} .show-actaul-cost .slide-content.btn i.material-icons{ -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; /*IE*/ filter: fliph; /*IE*/} /*tasks*/ .view-as .btn{ padding: 3px 15px;} .view-as .btn i.material-icons{ font-size: 24px; position: relative; line-height: 15px; top: 5px;} /*Quotes*/ .inline-select.wmin120 .select2-container { width: initial !important; width: auto !important; min-width: 120px; max-width: 160px;} .inline-select.wmin180 .select2-container {width: initial !important;width: auto !important;min-width: 180px;max-width: 180px;} .inline-select select.form-control{ width: initial; width:auto; display: inline-block;} .select2-container--bootstrap .select2-selection, .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #818181; font-family: 'Roboto', sans-serif; font-weight: normal;} .select2-container--bootstrap .select2-selection__clear{ margin-right: 0px; margin-left: 5px;} .fileinput .uneditable-input{ cursor: pointer !important;} .table-scrollable .table.payable-amount-table{ max-width: 520px; float: right; border: 1px solid #eae8e5; margin-bottom: 0 !important;} .table.payable-amount-table>tbody>tr>td{ background: #fcfcfc; font-size: 15px; color: #818181; vertical-align: middle; border:none;} .table.payable-amount-table>tbody>tr>td.with-remove{ position:relative;} .table.payable-amount-table>tbody>tr>td.with-remove a{ position:absolute; top:35px; left:10px;} .table.payable-amount-table>tbody>tr.small-padding>td { padding: 11px 8px 0;} .table.payable-amount-table>tbody>tr>td:last-child{ color: #333 !important; text-align: right;} .table.payable-amount-table>tbody>tr.font-medium>td{ border-top: 1px solid #eae8e5; border-bottom: 1px solid #eae8e5; color:#595959; font-size: 16px !important;} .payable-amount-table td .form-control{ width:90px; float: right; margin-left: 10px;} .payable-amount-table td .edit-icon{ margin-top:5px; display: inline-block;} .payable-amount-table td .edit-icon i{ color:#c71e12; font-size: 14px; line-height: 14px; top: 2px; position: relative;} .payable-amount-table .payable-amount td{ background: #FBF8C8 !important; font-weight: 500; font-size:16px; color:#595959 !important; font-size: 16px !important;} .payable-amount-table .amount-input{} .payable-amount-table .amount-input .form-control{ margin-left: 0;} textarea{ resize: none; min-height: 60px;} textarea.form-control.additional-comments{ min-height: 67px;} textarea.form-control.additional-comments-sales{ min-height: 525px;} textarea.form-control.additional-comments-quote{ min-height: 321px;} .empty-search tbody td i{ font-size:73px; color:#DDDDDD;} .empty-search tbody td{ border:none !important;} .no-search-box p { margin: 3px 0 15px; font-size: 17px; color: #818181;} .no-search-box i{ font-size:73px; color:#DDDDDD;} tbody.empty-search td{ border:none !important;} #send-sample .modal-footer, #sample-unlisted-item .modal-footer{ border-top: none;} #sample-unlisted-item.table-modal .modal-body{ padding-bottom: 0;} #confirm-order .collected-deposit{ display: none;} #confirm-order .collected-deposit.active{ display: block;} #confirm-order .additional-payment{ display: none;} #confirm-order .additional-payment.active{ display: block;} #confirm-order .collected-deposit-field{ display: none;} #confirm-order .collected-deposit-field.active{ display: block;} #confirm-order .final-deposit-field{ display: none;} #confirm-order .final-deposit-field.active{ display: block;} #confirm-order.enlarge, #confirm-order-new.enlarge{ width: 820px !important;} #confirm-order.enlarge, #confirm-order-deposit.enlarge, .modal.enlarge{ width: 1000px !important;} .table-borderless.table>tbody>tr>td, .table-scrollable>.table-borderless.table>tbody>tr:last-child>td{ border:none;} .item-stock-assign{ background:#FDFBCB; color:#595959; border:1px solid #FCEBCD; display: inline-block; padding: 5px 12px 6px;} .item-stock-assigned{ background:#c71e12; color:#FFF; border:1px solid #c71e12; display: inline-block; padding: 5px 12px 6px;} .dataTables_info { margin: 10px 0; line-height: 33px; } .show-actaul-cost{} .show-actaul-cost .quote-items-block{ width: calc(100% - 370px); float: left; position: relative; padding-right: 30px;} .actual-cost-box{ display: none;} .show-actaul-cost .actual-cost-box{ width: 370px; float: left; position: relative; padding: 0 0 0 20px; display: block;} .show-actaul-cost .quote-items-block:after { content: ''; height: 100%; width: 3px; background: #eae8e5; position: absolute; top: 0; right: -1px;} .show-actaul-cost .actual-cost-box:before { content: ''; height: 100%; width: 3px; background: #eae8e5; position: absolute; top: 0; left: -2px;} .actual-cost-box .small-heading { margin: 35px 0 0 !important; padding-bottom: 14px; border-bottom: 3px solid #eae8e5;} .show-actaul-cost .actual-cost-box td{ color: #a1a1a1} .actual-cost-box .amount-input{ display: inline-block; margin-right:10px;} .actual-cost-box .amount-input input{ color: #818181;} .show-actaul-cost .actual-cost-box .profit-info td{ color: #818181; font-size: 15px;} .show-actaul-cost .actual-cost-box .total-profit-info > td{ background:#F5F5F5; border-top: 3px solid #eae8e5; font-size: 15px; color:#818181;} .show-actaul-cost .actual-cost-box .total-profit-info .quantity-input{ width: 130px; display:inline-block; margin-right: 8px;} .show-actaul-cost .actual-cost-box .total-profit-info td.font-medium{ color:#333333} .total-profit-info .check-circle { cursor: default;} .show-actaul-cost .quote-items-block.product-withactual-cost .product-add > td > table > tbody> tr > td{ padding-bottom: 36px;} .show-actaul-cost .quote-items-block.product-withactual-cost .product-add > td > table > tbody tr.labor-add-inner td{ padding-bottom: 30px;} .show-actaul-cost .quote-items-block.product-withactual-cost .labor-add > td > table > tbody tr.labor-add-inner td{ padding-bottom: 30px;} .quote-items-block .qtyconvert,.qtyconvert{ padding:5px 10px;} .show-actaul-cost .quote-items-block .qtyconvert{ position:absolute;} .edit-prod .form-control{ float:left; width:calc(100% - 25px);} .edit-prod .edit-icon{ position:relative; top:5px;} .actual-cost-box-with-title .small-heading { border: none; margin: 18px 0 0 !important;padding-bottom: 0px;padding-left: 6px;} .actual-cost-box-with-title .costing-title { border-bottom: 3px solid #eae8e5; padding: 6px;} .actual-cost-box-with-title .costing-title span { width: 100px; display: inline-block; margin-right: 10px; text-transform: capitalize; font-weight: 500;} /*sticky start*/ .salestabs-top.sticky { position: sticky; top: 70px; background: #fff; width: 100%; z-index: 999; border-bottom: 1px solid #eae8e5; } .salestabs-top.sticky + div + div + .tab-content .add-item-row.sticky, .salestabs-top.sticky + div + div + .tab-content .actual-cost-box > .row.sticky{ top:126px;} .salestabs-top.sticky + div + div + .tab-content .row.add-item-row.sticky + .row .fix{ top:186px;} .add-item-row.sticky, .actual-cost-box > .row.sticky{ position: fixed;background: #fff;top: 70px;z-index:9999;} .add-item-row.sticky{padding-top:12px;padding-bottom:5px;} .actual-cost-box > .row.sticky { border: none;} .actual-cost-box .row.sticky .small-heading { margin: 35px 0 0 !important;} .actual-cost-box .row.sticky + .row { margin-top: 30px;} .row.add-item-row + .row .fix{ display: none; -ms-overflow-style: none; scrollbar-width: none;} .row.add-item-row + .row .fix::-webkit-scrollbar { display:none;} .row.add-item-row.sticky + .row .fix{ display: block; position: fixed; top:130px; z-index: 10; overflow: auto;} .ff .salestabs-top.sticky{ float:none !important;} /*sticky end*/ /*fullfillment*/ .product-details-with-tab-top > .col-md-12:after{ content: ''; display: block; position: relative; height: 1px; width: 100%; background: #eae8e5; margin-top: 10px;} .append-item-list { list-style: none; padding: 0; margin: 0;} .append-item-list li{ cursor: pointer; display: block; font-size: 15px; color: #818181; border-bottom: 1px solid #EAE8E5; padding: 10px 15px; position: relative;} .append-item-list li:first-child{ border-top: 1px solid #EAE8E5;} .append-item-list li.active{ color:#fff; background:#c71e12; cursor: default;} .append-item-list li.active:after{ content:''; display: block; float: right; position: absolute; right:0; top: 12px; background: 0 0; width: 0; height: 0; border-style: solid; border-top: 8px double transparent; border-bottom: 8px double transparent; border-left: 0; border-right: 8px solid #fff; z-index: 2;} .product-details-with-tab-bottom .left-panel{ position: relative; padding-top: 10px;} .product-details-with-tab-bottom .left-panel h4{ margin: 9px 0 18px;} .product-details-with-tab-bottom .left-panel .btn{ padding: 3px 12px; margin-right: 10px; margin-top: 5px;} .product-details-with-tab-bottom .left-panel:after { content: ''; display: block; position: absolute; width: 1px; height: 100%; background: #eae8e5; top: 0; right: 10px; z-index: 1;} .product-details-with-tab-bottom .right-panel{ position: relative; padding-top: 5px;} .product-details-with-tab-bottom .right-panel:before { content: ''; display: block; position: absolute; width: 1px; height: 100%; background: #eae8e5; top: 0; left: -11px; z-index: 1;} .price-detail-with-percent{ width:260px;} .price-detail-with-percent .amount-input{ float: left; width: 165px;} .price-detail-with-percent .percent-text{ float:left; margin:7px 0 0 5px;} .price-detail-with-input{ width:260px;} .price-detail-with-from-to{ width:260px;} .price-detail-with-from-to .date-range-block{ width:100%;} .price-detail-with-from-to .date-range-block input{ width: 107px;} label.small-heading.font-medium { color: #595959;} /*fulfillment - sales orders*/ table.change-stock-table { margin: 0;} .change-stock-table td { padding: 6px 0 !important;} .change-stock-box{ font-size: 15px; float: left; margin-top: 8px;} table.valigntop td{ vertical-align: top !important;} table.valignmiddle tbody td{ vertical-align: middle !important;} .inline-select.wm150m190 .select2-container { width: initial !important; width: auto !important; min-width: 150px; max-width: 190px;} .vendor-items-block .append-table-main.table>tbody>tr>td{ border: none; padding:8px;} .vendor-items-block .append-table-main.table>tbody>tr:first-child>td{ padding-top: 16px;} .vendor-items-block .append-table-main.table>tbody>tr:last-child>td{ padding-bottom: 16px;} .vendor-items-block .table>tfoot>tr>td, .purchase_order_venders_item .table>tfoot>tr>td{ font-weight:400; font-size:16px; padding:8px;} .right-corner.btn-group>.dropdown-menu{ left: auto; right:0;} .right-corner.btn-group>.dropdown-menu:before, .right-corner .dropdown-toggle>.dropdown-menu:before{ left:auto; right:0;} .right-corner.btn-group>.dropdown-menu:after, .right-corner .dropdown-toggle>.dropdown-menu:after{ left:auto; right:1px;} .bottom-corner.btn-group>.dropdown-menu{ top: auto; bottom: 100%; margin-bottom: 10px;} .bottom-corner.btn-group>.dropdown-menu:before, .right-corner .dropdown-toggle>.dropdown-menu:before{ border-top: 8px solid #e0e0e0; border-bottom: none; top: 100%;} .bottom-corner.btn-group>.dropdown-menu:after, .right-corner .dropdown-toggle>.dropdown-menu:after{ border-top: 7px solid #fff; border-bottom: none; top: 100%;} .material-icons.show-detail{ cursor: pointer; background: #595959; color: #fff; border-radius: 50%; max-width: 24px;} .material-icons.show-detail.disabled { background: #c8c8c8; cursor: auto;} .selected .material-icons.show-detail{ background: #F39E0B;} .purchase-item-status-table>tbody>tr>td{ border: 1px solid #eae8e5;} .purchase-item-status-table .product-detail a{ display: block;} .purchase-item-status-table .product-detail span{ color:#A1A1A1;} .purchase-item-status-table>tbody>tr>td:first-child { position: relative; padding-left: 30px;} .purchase-item-status-table>tbody>tr>td .mt-checkbox{ position: absolute; left:7px; top:10px;} .purchase-item-status-table>tbody>tr>td .mt-received-icon{ position: absolute; left:7px; top:10px; font-size: 19px; color: #939393;} .purchase-item-status-table>tfoot>tr>td{ font-weight: normal; padding: 11px 8px;} .purchase-item-status-table>tfoot>tr>td.font-16{ font-size:16px;} .heading-with-divider{ font-size:16px; color:#c71e12; position: relative; font-weight: 500; line-height: 18px; display: block; padding-bottom: 15px; margin-bottom: 20px;} .heading-with-divider:after { content: ''; width: 45px; height: 2px; background: #c71e12; position: absolute; left: 0; bottom: 0;} .purchase-item-status-table tr.selected{ background: #fdfbc8;} .purchase-item-status-table tr.selected.order-details td:first-child{ border-right: none;} .purchase-item-status-table tr.selected.order-details td:last-child{ border-left: none; padding-bottom: 0;} .purchase-item-status-table tr.selected td .right-icon.input-icon:before{ content: ''; display: block; position: absolute; background: #fff; top:0; left:0; right:0; bottom:0;} .purchase-item-status-table .received-line-items-block .box{ border-top: 1px solid #eae8e5; padding: 10px 0 0px;} .purchase-item-status-table .received-line-items-block .box:first-child{ border-top:none; padding: 0px 0 0px;} .purchase-item-status-table .received-line-items-block .box:last-child{ padding: 10px 0 0px;} .purchase-item-status-table .received-line-items-block .box:first-child:last-child { padding-top: 0px;} .purchase-item-status-table .received-line-items-block .box .left-col{ width: calc(100% - 60px); display: inline-block;} .purchase-item-status-table .received-line-items-block .box .smallbox { float: left; margin-right: 20px; width: 145px; margin-bottom: 10px;} .print-tag i { font-size: 15px; position: relative; top: 3px; margin-right: 3px;} .purchase-item-status-table .received-line-items-block .box .right-col{ float: right; width: 60px; text-align: right;} .received-line-items-modal .table-scrollable>.append-table-main.table>tbody>tr:last-child>td { border-bottom: none;} .print-table .fa-barcode{ font-size: 23px; top: 4px; position: relative; color: #c71e12;} .print-label.mt-checkbox{ margin-bottom: 0;} .print-label.mt-checkbox>input:disabled~span{ opacity: 1; filter: alpha(opacity=100); pointer-events: none; background: #f1f1f1;} .print-label.mt-checkbox>input:disabled~.fa-barcode{ color: #d9d9d9;} .stock-details-block .portlet.light { padding: 0 20px 25px 0;} .stock-details-tab .col-md-12 .row .left-panel{ width: 270px;} .stock-details-tab .col-md-12 .row .right-panel{ width: calc(100% - 270px);} .product-details-with-tab-bottom .left-panel h4{ margin:9px 0 18px; padding-left:15px;} .edit-link i{ font-size: 14px; top: 2px; position: relative; margin-right:3px;} .print-link .fa-barcode{ font-size: 23px; top: 4px; position: relative; color: #c71e12;} .light-green-bg{ background: #F2FAF4;} .fileinput{margin: 0 auto;} .fileinput-new.margin-bottom-15.thumbnail { border: 2px solid #CECECE; border-radius: 3px !important; display: flex; align-items: center; justify-content: center;} .minicolors-theme-bootstrap .minicolors-swatch{top: 3px; left: 3px; width: 26px; height: 26px;} .minicolors-swatch{border: solid 1px #fff;} .delete-link i{ font-size: 14px; top: 2px; position: relative; margin-right:3px;} .delete-link{ color: #A1A1A1; display: inline-block;} .delete-link:hover{ color: #8e8d8d;} .password-box i { font-size: 16px; color: #A1A1A1; position: absolute; top: 50%; right: 10px; margin-top: -9px; cursor: pointer;} .access-checkbox-table .mt-checkbox-inline{ padding: 0 !important} .access-checkbox-table .mt-checkbox-inline .mt-checkbox{ margin-bottom: 10px;} .access-checkbox-table .mt-checkbox-inline .mt-checkbox:last-child{ margin-bottom: 0px;} .access-checkbox-table tbody tr:last-child td{ border-bottom: none !important;} .table.select-all.access-checkbox-table th:first-child, .table.select-all.access-checkbox-table td:first-child{ width: 160px; max-width: 160px;} .table-responsive.modal-table { overflow-x: auto; max-height: 70vh;} label.error { color: red; font-size: 13px; line-height: 16px; margin: 5px 0 0; word-break: break-word; } .text-align-center{ text-align:center; } .stem-loader { background: url('../assets/layouts/css/images/loader.gif') no-repeat center center; background-color: rgba(0,0,0,0.3); top: 0; left: 0; bottom: 0; right: 0; position: fixed; z-index: 999999;} /*Reports*/ .input-daterange .form-control{ text-align:left;} .input-daterange .input-group-addon { color: #333; border: solid #ccc; border-width: 1px 0;} /*safari*/ .safari .page-container-bg-solid .page-title{ left: 255px;} .safari .page-sidebar-closed.page-container-bg-solid .page-title{ left: 65px;} .error-msg{top: 55px; left:0; font-size: 13px; color: #e73d4a;} /*dropdown width issue*/ /*.select2-container--bootstrap { width: 100% !important;}*/ .select2.select2-container--bootstrap { width: 100% !important;} /*IE remove cross*/ .password-box input::-ms-clear { display: none;} .password-box input::-ms-reveal { display: none;} .styleerror { color: #f00; font-size: 13px; word-break: break-word;} /*left table border issue inventory - stock purchase order*/ table.table.purchase-item-status-table.select-all tfoot { border-left: 1px solid #fff;} table.table.purchase-item-status-table.select-all { border-left: 1px solid #eae8e5;} /*fullfillment - sales - assign stock checkbox*/ #assign-stock-modal tr td:first-child, #assign-carton-stock-modal tr td:first-child { position: relative; padding-left: 30px;} #assign-stock-modal tr td:first-child label.mt-checkbox, #assign-carton-stock-modal tr td:first-child label.mt-checkbox { position: absolute; left: 8px; top: 10px;} .print-hide{display:inline-block;} .print-show, .print-row{display:none;} .caption-subject.print-hide{display:block !important;} .caption-subject.print-show{display:none !important;} .modal-body .caption .close{position: absolute;right: 0px;color: #000;opacity: 1;} /*commission report page layout*/ tr.sales-report-tatal-tr, tr.sales-report-tatal-tr td { border-bottom: none !important;} tr.sales-report-tatal-tr td { height:50px;} tr.sales-report-tatal-tr + tr, tr.sales-report-tatal-tr + tr th { border-top: none !important;} /*commssion report page layout*/ /*manage system users user role update issue CT1-I2655*/ .modal-open .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { /* width: 0.75em !important; */ width: 78.75em !important; } .fc-widget-content{ clear:both;} .rollgood_final_qty{ font-weight: bold; width: 164px; text-align: left; display: block; float: right } .carton_final_qty{ font-weight: bold; width: 198px; text-align: left; display: block; float: right } .salestabs-top.sticky { position: sticky; top: 70px; background: #fff; width: 100%; z-index: 999; border-bottom: 1px solid #eae8e5; } .no-border { border: none !important; } /*media queries*/ @media (min-width: 992px){ .page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu { margin-top: -51px; width:230px; box-shadow: none;} .page-sidebar-menu.page-sidebar-menu-hover-submenu>li.long-menu:hover>.sub-menu { margin-top: -51px; width:230px; box-shadow: none;} .page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu>li:hover>.sub-menu{ margin-left: 230px; margin-top: -48px!important; background: #ffc9c8 !important;} .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu>li:hover>.sub-menu { margin-left: 210px;} .dash-stat.widget-thumb .widget-thumb-body-stat{ font-size: 24px;} .w350-md{ width:350px;} .w350adj-md{ width:calc(100% - 350px);} } @media (min-width: 1200px){ .dash-stat.widget-thumb .widget-thumb-body-stat{ font-size: 28px;} .md-min-height375{ min-height: 375px;} .ship-to-addresss-fields .form-group:nth-child(5) { clear: both;} .ship-to-addresss-fields .form-group:nth-child(6) { clear: none;} } @media (min-width: 1500px){ } @media (min-width: 1700px){ .ship-to-addresss-fields .form-group:nth-child(5) { clear: none;} .ship-to-addresss-fields .form-group:nth-child(6){clear: both;} } @media (max-width: 1600px){ /*inventary ship to*/ .uncheck_warehouse_location .form-group:nth-child(5) { clear: left;} } @media (max-width: 1400px){ .dash-stat.widget-thumb { padding-left: 75px;} .dash-stat.widget-thumb i{ left:15px; font-size: 60px; margin-top: -30px;} .check_warehouse_location .form-group:nth-child(5), .uncheck_warehouse_location .form-group:nth-child(5) { clear: both;} } @media (max-width: 991px){ .page-header.navbar { background-color: #101712;} .page-container-bg-solid .page-title{ position: relative; top:0;} .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username{ color: #b7b9b7;} .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo > a{ margin-top:13px;} .page-header.navbar .menu-toggler.responsive-toggler{ margin-top:28px;} .page-sidebar .page-sidebar-menu .sidebar-search input, .page-sidebar .page-sidebar-menu>li .sub-menu{ background: #17291b !important;} .page-sidebar-menu-hover-submenu li:hover a>.arrow{ border-color: transparent;} } /*Special grid*/ @media (min-width: 1200px) and (max-width:1500px){ .col-lg-2-level1{ width:20%;} .col-lg-3-level1{ width:25%;} .col-lg-4-level1{ width:33.33%;} .col-lg-5-level1{ width: 41.66667%;} .col-lg-6-level1{ width: 50%;} .col-lg-7-level1{ width: 58.33333%;} .col-lg-8-level1{ width: 66.66667%;} .col-lg-9-level1{ width: 75%;} .col-lg-12-level1{ width: 100%;} } @media (min-width: 1300px) and (max-width:1500px){ .col-lg-2-level2{ width:20%;} .col-lg-3-level2{ width:25%;} .col-lg-4-level2{ width:33.33%;} .col-lg-5-level2{ width: 41.66667%;} .col-lg-6-level2{ width: 50%;} .col-lg-7-level2{ width: 58.33333%;} .col-lg-8-level2{ width: 66.66667%;} .col-lg-9-level2{ width: 75%;} .col-lg-12-level2{ width: 100%;} .row .col-lg-4-level2:nth-child(3n+1){ clear:both;} } @media (min-width: 1400px) and (max-width:1500px){ .col-lg-2-level3{ width:20%;} .col-lg-3-level3{ width:25%;} .col-lg-4-level3{ width:33.33%;} .col-lg-5-level3{ width: 41.66667%;} .col-lg-6-level3{ width: 50%;} .col-lg-7-level3{ width: 58.33333%;} .col-lg-8-level3{ width: 66.66667%;} .col-lg-9-level3{ width: 75%;} .col-lg-12-level3{ width: 100%;} } @media (min-width: 1500px) and (max-width:1700px){ .col-lg-3-level4{ width:25%;} .col-lg-4-level4{ width:33.33%;} .col-lg-5-level4{ width: 41.66667%;} .col-lg-6-level4{ width: 50%;} .col-lg-7-level4{ width: 58.33333%;} .col-lg-8-level4{ width: 66.66667%;} .col-lg-9-level4{ width: 75%;} .col-lg-12-level4{ width: 100%;} .row .col-lg-4-level4:nth-child(3n+1){ clear:both;} } @media (min-width: 1600px) and (max-width:1700px){ .col-lg-3-level5{ width:25%;} .col-lg-4-level5{ width:33.33%;} .col-lg-5-level5{ width: 41.66667%;} .col-lg-6-level5{ width: 50%;} .col-lg-7-level5{ width: 58.33333%;} .col-lg-8-level5{ width: 66.66667%;} .col-lg-9-level5{ width: 75%;} .col-lg-12-level5{ width: 100%;} } @media all and (-ms-high-contrast:none){ .price-detail-with-from-to .date-range-block input { width: 106px;} /* IE10 */ *::-ms-backdrop, price-detail-with-from-to .date-range-block input { width: 106px;} /* IE11 */ .amount-input span.icon{ top:6px;} *::-ms-backdrop, .amount-input span.icon{ top:6px;} .amount-input.disabled span.icon{ top:5px;} *::-ms-backdrop, .amount-input.disabled span.icon{ top:5px;} } /*Microsoft Edge*/ @supports (-ms-ime-align: auto) { .price-detail-with-from-to .date-range-block input { width: 106px;} .amount-input span.icon{ top:6px;} .amount-input.disabled span.icon{ top:5px;} } /*IE11*/ .ie11 .actual-cost-box .amount-input{ float:left;} .ie11 .actual-cost-box .pricing-percent{ display: inline-block; margin:5px 0;} .select2-results__option{ word-break: break-word;} .print-show{display:none;} @media print{ .print-hide{display:none;} .print-show{display:block;} .print-block{ display: block !important; width: 100%;} .print-inline-block{ display: inline-block !important;} .caption-subject.print-hide{display:none !important;} .caption-subject.print-show{display:block !important;} .potlet-hide-border-print.portlet.light.bordered{ border: none !important; padding: 0;} body.page-container-bg-solid{ min-width: auto !important;} .table td.text-right, .table th.text-right{ text-align: right !important;} .table td, .table th{ word-break: break-word;} .print-row{ display: table-row;} .print-hide-block{ display: none;} .print-table-scrollable{ overflow:initial;} .print-table-scrollable .table tr th, .print-table-scrollable .table tr td{ width:auto !important; min-width: auto !important; max-width: auto !important; white-space:normal !important; word-break:break-word;} } ;