{
    "custom_css[dr_choo]": {
        "value": "@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');\n\n@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');\n\n/*\n    Template: Admin Board\n    Author: Saiful\n    Developer by: Saiful Islam\n\n    Table of Content\n    ================\n\n1. variable\n2. fonts\n3. card\n4. global\n5. badge\n6. tab\n7. modal\n8. timeline\n9. data-table\n10. panel\n11. button\n12. header\n13. gmap\n14. chat\n15. carousel\n16. weather\n17. invoice-edit\n18. invoice\n19. widget-stat\n20. recent-comments\n21. recent-message\n22. forms\n23. compose-email\n24. progress-bar\n25. todo-list\n26. datamap\n27. table\n28. order-progress\n29. login\n30. chart\n31. nestable\n32. profile\n33. profile-widget\n34. ui-element-basic\n35. calendar\n36. flot-chart\n37. morris-chart\n38. products_1\n39. products_2\n40. products_3\n41. favourite_menu\n42. order-list\n43. booking-system\n44. scrollable\n45. vector-map\n46. menu-upload\n47. social-media-stats\n48. vertical-carousel\n49. chartist\n50. table-export\n51. ui-widget-v1\n42. responsive\n\n*/\n\n/*    Font Variable\n----------------------*/\n\n/*    Color Variable\n-----------------------*/\n\n/*    Solid Color\n------------------*/\n\n/*    Brand color\n----------------------*/\n\n/*----------------font-------------------*/\n.icon-name { color: #000; }\n\n/*  Opensans\n--------------- */\n.card-body { padding: 0; }\n.card { background: #ffffff; margin: 7.5px 0; padding: 20px; border: 1px solid #e7e7e7; border-radius: 3px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }\n.card-subtitle { font-size: 12px; margin: 10px 0; }\n.card-title { font-weight: 400; font-size: 18px; margin: 0; }\n.card-title h4 { display: inline-block; font-weight: 400; font-size: 18px; }\n.card-title p { font-family: 'Roboto', sans-serif; margin-bottom: 12px; }\n.card-header-right-icon { display: inline-block; float: right; }\n.card-header-right-icon li { float: right; padding-left: 14px; color: #868e96; cursor: pointer; vertical-align: middle; transition: all 0.5s ease-in-out; display: inline-block; }\n.card-header-right-icon li .ti-close { font-size: 12px; }\n.card-option { position: relative; }\n.card-option-dropdown { display: none; left: auto; right: 0; }\n.card-option-dropdown li { display: block; float: left; width: 100%; padding: 0; }\n.card-option-dropdown li a { line-height: 25px; font-size: 12px; }\n.card-option-dropdown li a i { margin-right: 10px; }\n.doc-link { float: right; position: relative; transition: all 0.5s ease-in-out; }\n.doc-link:focus:after, .doc-link:hover:after { opacity: 1; visibility: visible; }\n.doc-link:after { border: 1px solid #e7e7e7; border-radius: 5px; content: \"Documentation\"; font-size: 12px; padding: 5px 10px; position: absolute; right: -30px; top: -30px; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out; }\n.badge { padding: 5px 10px; font-weight: 400; border-radius: 4px; }\n.badge-primary { background: #5873fe; color: #ffffff; }\n.badge-success { background: #28a745; color: #ffffff; }\n.badge-info { background: #03a9f4; color: #ffffff; }\n.badge-warning { background: #e7b63a; color: #ffffff; }\n.badge-danger { background: #dc3545; color: #ffffff; }\n.badge-pink { background: #e6a1f2; color: #ffffff; }\n.badge-dark { background: #545454; color: #ffffff; }\nspan.badge { color: #ffffff; font-size: 14px; }\n.vtabs { display: table; }\n.vtabs .tabs-vertical { border-bottom: 0 none; border-right: 1px solid rgba(120, 130, 140, 0.13); display: table-cell; vertical-align: top; width: 150px; }\n.vtabs .tabs-vertical li .nav-link { border: 0 none; border-radius: 4px 0 0 4px; color: #263238; margin-bottom: 10px; }\n.vtabs .tab-content { display: table-cell; padding: 20px; vertical-align: top; }\n.tabs-vertical li .nav-link.active, .tabs-vertical li .nav-link.active:focus, .tabs-vertical li .nav-link:hover { background: #1976d2 none repeat scroll 0 0; border: 0 none; color: #ffffff; }\n.customvtab .tabs-vertical li .nav-link.active, .customvtab .tabs-vertical li .nav-link:focus, .customvtab .tabs-vertical li .nav-link:hover { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #ffffff none repeat scroll 0 0; border-color: currentcolor #1976d2 currentcolor currentcolor; border-image: none; border-style: none solid none none; border-width: 0 2px 0 0; color: #1976d2; margin-right: -1px; }\n.tabcontent-border { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor #ddd #ddd; border-image: none; border-style: none solid solid; border-width: 0 1px 1px; }\n.customtab2 li a.nav-link { border: 0 none; color: #67757c; margin-right: 3px; }\n.customtab2 li a.nav-link.active { background: #1976d2 none repeat scroll 0 0; color: #ffffff; }\n.customtab2 li a.nav-link:hover { background: #1976d2 none repeat scroll 0 0; color: #ffffff; }\n.modal-dialog { margin: 30px auto; position: relative; top: 50%; transform: translateY(-50%) !important; width: 70%; }\n.modal-header .close { font-size: 14px; margin-right: 15px; margin-top: 5px; }\n.modal-content { border-radius: 3px; }\n.timeline { list-style: none; padding: 0 0 8px; position: relative; }\n.timeline:before { top: 7px; bottom: 0; position: absolute; content: \" \"; width: 3px; background-color: #e7e7e7; left: 25px; margin-right: -1.5px; }\n.timeline-title { margin: 5px 0 !important; font-size: 14px; }\n.timeline > li { margin-bottom: 15px; position: relative; }\n.timeline > li:after, .timeline > li:before { content: \" \"; display: table; }\n.timeline > li:after { clear: both; }\n.timeline > li > .timeline-panel { width: calc(100% - 70px); float: right; border: 1px solid #e7e7e7; border-radius: 2px; padding: 5px 20px; position: relative; }\n.timeline > li > .timeline-panel:before { position: absolute; top: 26px; left: -15px; display: inline-block; border-top: 15px solid transparent; border-right: 15px solid #e7e7e7; border-left: 0 solid #e7e7e7; border-bottom: 15px solid transparent; content: \" \"; }\n.timeline > li > .timeline-panel:after { position: absolute; top: 27px; left: -14px; display: inline-block; border-top: 14px solid transparent; border-right: 14px solid #ffffff; border-left: 0 solid #ffffff; border-bottom: 14px solid transparent; content: \" \"; }\n.timeline > li > .timeline-badge { color: #ffffff; width: 35px; height: 35px; line-height: 35px; font-size: 1.4em; text-align: center; position: absolute; top: 25px; left: 8px; margin-right: -25px; background-color: #e6a1f2; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }\n.timeline-body > p { font-size: 12px; margin-bottom: 10px; }\n.timeline-badge.primary { background-color: #5873fe !important; }\n.timeline-badge.success { background-color: #28a745 !important; }\n.timeline-badge.warning { background-color: #e7b63a !important; }\n.timeline-badge.danger { background-color: #dc3545 !important; }\n.timeline-badge.info { background-color: #03a9f4 !important; }\n.bootstrap-data-table-panel .dataTables_filter { text-align: right; }\n.bootstrap-data-table-panel .dataTables_filter .form-control { margin-left: 10px; }\n.bootstrap-data-table-panel .dataTables_filter .form-control:hover, .bootstrap-data-table-panel .dataTables_filter .form-control:focus { background: transparent; }\n.dataTables_length { display: inline-block; float: left; margin-right: 30px; }\n.dt-buttons { margin-bottom: 15px; }\n.dt-buttons .dt-button { background-image: none; background: #ffffff; color: #373757; border-color: #e7e7e7; margin-right: 10px; padding: 7px 20px; border-radius: 0px; }\n.dt-buttons .dt-button:hover:not(.disabled), .dt-buttons .dt-button:focus, .dt-buttons .dt-button.active { background-image: none; background: #5873fe; color: #ffffff; }\nbutton.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) { background-color: #5873fe; background-image: none; border: 1px solid #5873fe; box-shadow: none; color: #ffffff; }\nbutton.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled) { background-color: #5873fe; background-image: none; border: 1px solid #5873fe; box-shadow: none; color: #ffffff; }\nbutton.dt-button:active:hover:not(.disabled):not(.disabled), button.dt-button.active:hover:not(.disabled):not(.disabled), div.dt-button:active:hover:not(.disabled):not(.disabled), div.dt-button.active:hover:not(.disabled):not(.disabled), a.dt-button:active:hover:not(.disabled):not(.disabled), a.dt-button.active:hover:not(.disabled):not(.disabled) { background-color: #5873fe; background-image: none; border: 1px solid #5873fe; box-shadow: none; color: #ffffff; }\nbutton.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled), div.dt-button.active:not(.disabled), a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) { background-color: #5873fe; background-image: none; border: 1px solid #5873fe; box-shadow: none; color: #ffffff; }\n@media (max-width:767px) {\n  .dataTables_length { margin-left: 10px; }\n  select.input-sm { width: 167px; }\n  .bootstrap-data-table-panel .dataTables_filter { margin-left: 12px; text-align: left; padding-right: 10px; }\n  .bootstrap-data-table-panel .dataTables_filter .form-control { margin-left: 0px; }\n}\n.panel { border-radius: 0; margin: 15px 0; }\n.panel-body { font-family: 'Roboto', sans-serif; }\n.panel-primary { border-color: #5873fe; }\n.panel-primary .panel-heading { background: #5873fe; border-color: #5873fe; color: #ffffff; }\n.panel-success { border-color: #28a745; }\n.panel-success .panel-heading { background: #28a745; border-color: #28a745; color: #ffffff; }\n.panel-info { border-color: #03a9f4; }\n.panel-info .panel-heading { background: #03a9f4; border-color: #03a9f4; color: #ffffff; }\n.panel-danger { border-color: #dc3545; }\n.panel-danger .panel-heading { background: #dc3545; border-color: #dc3545; color: #ffffff; }\n.panel-warning { border-color: #e7b63a; }\n.panel-warning .panel-heading { background: #e7b63a; border-color: #e7b63a; color: #ffffff; }\n.panel-pink { border-color: #e6a1f2; }\n.panel-pink .panel-heading { background: #e6a1f2; border-color: #e6a1f2; color: #ffffff; }\n.panel-dark { border-color: #545454; }\n.panel-dark .panel-heading { background: #545454; border-color: #545454; color: #ffffff; }\n.panel-white { border-color: #252525; }\n.panel-white .panel-heading { background: #ffffff; border-color: #252525; color: #252525; }\n.btn-default { background: #878787; border-color: #878787; color: #ffffff; }\n.btn-default.active, .btn-default:focus, .btn-default:hover { background: #6e6e6e; border-color: #878787; color: #ffffff; box-shadow: none; }\n.btn-primary { background: #5873fe; border-color: #5873fe; color: #ffffff; }\n.btn-primary.active, .btn-primary:focus, .btn-primary:hover { background: #2549fe; border-color: #5873fe; color: #ffffff; box-shadow: none; }\n.btn-success { background: #28a745; border-color: #28a745; color: #ffffff; }\n.btn-success.active, .btn-success:focus, .btn-success:hover { background: #1e7e34; border-color: #28a745; color: #ffffff; box-shadow: none; }\n.btn-info { background: #03a9f4; border-color: #03a9f4; color: #ffffff; }\n.btn-info.active, .btn-info:focus, .btn-info:hover { background: #0286c2; border-color: #03a9f4; color: #ffffff; box-shadow: none; }\n.btn-warning { background: #e7b63a; border-color: #e7b63a; color: #ffffff; }\n.btn-warning.active, .btn-warning:focus, .btn-warning:hover { background: #d49f1a; border-color: #e7b63a; color: #ffffff; box-shadow: none; }\n.btn-danger { background: #dc3545; border-color: #dc3545; color: #ffffff; }\n.btn-danger.active, .btn-danger:focus, .btn-danger:hover { background: #bd2130; border-color: #dc3545; color: #ffffff; box-shadow: none; }\n.btn-pink { background: #e6a1f2; border-color: #e6a1f2; color: #ffffff; }\n.btn-pink.active, .btn-pink:focus, .btn-pink:hover { background: #da74ec; border-color: #e6a1f2; color: #ffffff; box-shadow: none; }\n.btn-dark { background: #545454; border-color: #545454; color: #ffffff; }\n.btn-dark.active, .btn-dark:focus, .btn-dark:hover { background: #3b3b3b; border-color: #545454; color: #ffffff; box-shadow: none; }\n.btn-addon { position: relative; padding-left: 40px; }\n.btn-addon i { background: rgba(0, 0, 0, 0.1); left: -1px; margin-right: 20px; padding: 10px; position: absolute; top: -1px; }\n.btn-addon.btn-lg { padding-left: 60px; }\n.btn-addon.btn-lg i { padding: 14px; }\n.btn-addon.btn-md { padding-left: 45px; }\n.btn-addon.btn-md i { padding: 10px; }\n.btn-addon.btn-sm { padding-left: 40px; }\n.btn-addon.btn-sm i { padding: 9px; }\n.btn-addon.btn-xs { padding-left: 25px; }\n.btn-addon.btn-xs i { padding: 5px; }\n.btn-rounded { border-radius: 100px; }\n.btn-outline { background: transparent; color: #373757; }\n.btn-flat { border-radius: 0; }\n.dropdown-menu li { padding: 0 10px; font-size: 14px; }\n\n/*    Header\n---------------*/\n.header { background: #ffffff; z-index: 990; margin-left: 250px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); transition: margin-left 300ms ease-in-out 0s; }\n.logo { background: #343957; display: inline-block; padding: 15px 0; text-align: center; width: 250px; transition: width 300ms ease-in-out; }\n.logo span { color: rgba(160, 180, 200, 0.85); font-size: 20px; font-weight: 700; }\n.sidebar-hide .logo { width: 0; }\n.sidebar-hide .logo span { display: none; }\n.header-icon { font-size: 18px; padding: 12px 15px; color: #252525; position: relative; transition: all 0.4s ease-in-out; display: inline-block; vertical-align: middle; float: left; }\n.header-icon i, .header-icon img, .header-icon span { cursor: pointer; }\n.header-icon.active, .header-icon:focus, .header-icon:hover { background: rgba(255, 255, 255, 0.3); }\n.header-icon.active .drop-down { visibility: visible; opacity: 1; transform: translateY(0px); }\n.drop-down { width: 275px; top: 10px !important; }\n.header-left .drop-down { left: 0; }\n.dropdown-content-heading { padding: 10px 15px; }\n.dropdown-content-heading span { font-size: 13px; font-family: 'Roboto', sans-serif; color: #373757; }\n.dropdown-content-heading i { position: relative; top: 5px; opacity: 1 !important; color: #5873fe; }\n.dropdown-content-body li { padding: 15px; border-top: 1px solid #eef5f9; }\n.dropdown-content-body li.active, .dropdown-content-body li:focus, .dropdown-content-body li:hover { background: #eef5f9; border-top: 1px solid #eef5f9; }\n.dropdown-content-body li a.active, .dropdown-content-body li a:focus, .dropdown-content-body li a:hover { color: #868e96; }\n.dropdown-content-body li:last-child { padding: 5px 15px; }\n.notification-heading { font-size: 13px; font-weight: 700; color: #373757; }\n.avatar-img { border-radius: 100px; width: 25px; position: relative; top: -3px; }\n.user-avatar { font-size: 14px; font-weight: 700; }\n.notification-text { font-size: 12px; font-family: 'Roboto', sans-serif; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding-top: 3px; }\n.notification-timestamp { font-size: 11px; }\n.notification-percentage { font-size: 12px; position: relative; top: 12px; }\n.notification-unread { background: #eef5f9; }\n.notification-unread .notification-heading { color: #555; }\n.more-link { font-size: 12px; color: #5873fe; display: inline-block; }\n.dropdown-profile { width: 200px; }\n.dropdown-profile .trial-day { font-size: 11px; padding-top: 2px; color: #5873fe; }\n.dropdown-profile li { padding: 7px 15px; }\n.dropdown-profile li a { display: block; color: #373757; }\n.dropdown-profile li a.active, .dropdown-profile li a:focus, .dropdown-profile li a:hover { color: #373757; }\n.dropdown-profile li a span { font-family: 'Roboto', sans-serif; font-size: 14px; }\n.dropdown-profile li a i { margin-right: 5px; font-size: 14px; }\n.dropdown-profile li:last-child { padding: 7px 15px; }\n.header-link { position: relative; top: -3px; font-size: 14px; }\n\n/*    Search box\n----------------------*/\n.main .page-header { min-height: 50px; margin: 15px 0 5px; padding: 0 15px; border-bottom: 0; border-radius: 3px; }\n.main .page-header h1 { font-size: 18px; padding: 14px 0; margin: 0; }\n.main .page-header h1 span { font-size: 14px; }\n.main .page-header .breadcrumb { margin: 0; padding: 15px; background: transparent; float: right; }\n.main .page-header .breadcrumb li.active { font-family: 'Roboto', sans-serif; font-weight: normal; font-size: 14px; }\n.main .page-header .breadcrumb li a { font-size: 14px; font-family: 'Roboto', sans-serif; display: block; }\n.dropdown-task .progress { height: 5px; margin-bottom: 0; margin-top: 20px; box-shadow: none; }\n.dropdown-task .progress-bar { box-shadow: none; }\n\n/*  Responsive*/\n@media (min-width:320px) and (max-width:679px) {\n  .sidebar { top: 50px; }\n}\n.map { width: 100%; height: 400px; }\n.chat-sidebar { background-color: #eef5f9; border-left: 1px solid #e7e7e7; position: fixed; right: -240px; bottom: 0; top: 55px; width: 240px; z-index: 2; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }\n.chat-sidebar .user-name { font-family: 'Roboto', sans-serif; }\n.chat-sidebar .content { font-family: 'Roboto', sans-serif; }\n.chat-sidebar .textarea { font-family: 'Roboto', sans-serif; }\n.chat-sidebar .seen { font-family: 'Roboto', sans-serif; }\n.chat-sidebar.is-active { right: 0; }\n.chat-user-search .input-group-addon { background: #ffffff; border-radius: 0px; border: 0px; }\n.chat-user-search .form-control { border: 0px; }\n.hidden { display: none; }\n\n/*    Home Chat Widget\n---------------------------------*/\n.chat-widget .chat_window { position: relative; width: 100%; height: 500px; border-radius: 10px; background-color: #ffffff; background-color: #f8f8f8; overflow: hidden; }\n.chat-widget .messages { position: relative; list-style: none; padding: 20px 10px 0 10px; margin: 0; min-height: 350px; overflow: scroll; }\n.chat-widget .messages .message { clear: both; overflow: hidden; margin-bottom: 20px; transition: all 0.5s linear; opacity: 0; }\n.chat-widget .messages .message .avatar { width: 60px; height: 60px; border-radius: 50%; display: inline-block; }\n.chat-widget .messages .message .text_wrapper { display: inline-block; padding: 20px; border-radius: 6px; width: calc(100% - 100px); min-width: 100px; position: relative; }\n.chat-widget .messages .message .text_wrapper .text { font-size: 18px; font-weight: 300; }\n.chat-widget .messages .message .text_wrapper::after { top: 18px; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 13px; margin-top: 0px; }\n.chat-widget .messages .message .text_wrapper:before { top: 18px; border: solid transparent; content: \" \"; height: 0; width: 0; position: absolute; pointer-events: none; }\n.chat-widget .messages .message .text_wrapper::before { border-width: 15px; margin-top: -2px; }\n.chat-widget .messages .message.left .text_wrapper::after, .chat-widget .messages .message.left .text_wrapper::before { right: 100%; border-right-color: #ffe6cb; }\n.chat-widget .messages .message.left .avatar { background-color: #f5886e; float: left; }\n.chat-widget .messages .message.left .text_wrapper { background-color: #ffe6cb; margin-left: 20px; }\n.chat-widget .messages .message.left .text { color: #c48843; }\n.chat-widget .messages .message.right .text_wrapper::after, .chat-widget .messages .message.right .text_wrapper::before { left: 100%; border-left-color: #c7eafc; }\n.chat-widget .messages .message.right .avatar { background-color: #fdbf68; float: right; }\n.chat-widget .messages .message.right .text_wrapper { background-color: #c7eafc; margin-right: 20px; float: right; }\n.chat-widget .messages .message.right .text { color: #45829b; }\n.chat-widget .messages .message.appeared { opacity: 1; }\n.chat-widget .bottom_wrapper { position: relative; position: absolute; width: 100%; background-color: #ffffff; padding: 20px 20px; bottom: 0; }\n.chat-widget .bottom_wrapper .message_input_wrapper { display: inline-block; height: 50px; border-radius: 25px; border: 1px solid #bcbdc0; width: calc(100% - 160px); position: relative; padding: 0 20px; }\n.chat-widget .bottom_wrapper .message_input_wrapper .message_input { border: none; height: 100%; box-sizing: border-box; width: calc(100% - 45px); position: absolute; outline-width: 0; color: gray; }\n.chat-widget .bottom_wrapper .send_message { width: 140px; height: 50px; display: inline-block; border-radius: 50px; background-color: #a3d063; border: 2px solid #a3d063; color: #ffffff; cursor: pointer; transition: all 0.2s linear; text-align: center; float: right; }\n.chat-widget .bottom_wrapper .send_message .text { font-size: 18px; font-weight: 300; display: inline-block; line-height: 48px; }\n.chat-widget .bottom_wrapper .send_message:hover { color: #a3d063; background-color: #ffffff; }\n.chat-widget .message_template { display: none; }\n.testimonial-widget-one .testimonial-content { text-align: right; }\n.testimonial-widget-one .testimonial-text { margin-bottom: 15px; }\n.testimonial-widget-one .testimonial-author-position { font-family: 'Roboto', sans-serif; margin-right: 75px; position: relative; top: -5px; font-size: 12px; }\n.testimonial-widget-one .testimonial-author { padding-top: 15px; margin-right: 75px; position: relative; top: -5px; font-weight: 600; color: #373757; }\n.testimonial-widget-one .testimonial-author-img { height: 50px !important; width: 50px !important; border-radius: 100px; position: absolute; bottom: 0; right: 0; }\n.weather-one i { font-size: 70px; position: relative; top: 5px; color: #ddd; }\n.weather-one h2 { display: inline-block; float: right; font-size: 48px; color: #ffffff; }\n.weather-one .city { position: relative; text-align: right; top: -25px; }\n.weather-one .currently { font-size: 16px; font-weight: 400; position: relative; top: 25px; }\n.weather-one .celcious { text-align: right; font-size: 20px; }\n[contenteditable]:hover, [contenteditable]:focus { background: #a4b3fe; }\n.control-bar { position: relative; z-index: 100; background: #5873fe; color: #ffffff; padding: 15px; margin-bottom: 30px; }\n.control-bar .slogan { font-weight: bold; font-size: 1.2rem; display: inline-block; margin-right: 2rem; }\n.control-bar label { margin: 0px; color: #ffffff; }\n.control-bar a { margin: 0; padding: .5em 1em; background: #ffffff; color: #373757; }\n.control-bar a:hover { background: #a4b3fe; }\n.control-bar input { border: none; background: #a4b3fe; max-width: 30px; text-align: center; color: #373757; }\n.control-bar input:hover { background: #a4b3fe; }\n.hidetax .taxrelated { display: none; }\n.showtax .notaxrelated { display: none; }\n.hidedate .daterelated { display: none; }\n.showdate .notdaterelated { display: none; }\n.details input { display: inline; margin: 0 0 0 .5rem; border: none; width: 55px; min-width: 0; background: transparent; text-align: left; }\n.invoice-edit .rate:before, .invoice-edit .price:before, .invoice-edit .sum:before, .invoice-edit .tax:before, .invoice-edit #total_price:before, .invoice-edit #total_tax:before { content: '\u20ac'; }\n.invoice-edit .me, .invoice-edit .info, .invoice-edit .bank, .invoice-edit .smallme, .invoice-edit .client, .invoice-edit .bill, .invoice-edit .details { padding: 15px; }\n.invoice-logo img { display: block; vertical-align: top; width: 50px; }\n\n/**\n * INVOICELIST BODY\n */\n.invoicelist-body { margin: 1rem; }\n.invoicelist-body table { width: 100%; }\n.invoicelist-body thead { text-align: left; border-bottom: 2pt solid #666; }\n.invoicelist-body td, .invoicelist-body th { position: relative; padding: 1rem; }\n.invoicelist-body tr:nth-child(even) { background: #eef5f9; }\n.invoicelist-body tr:hover .removeRow { display: block; }\n.invoicelist-body input { display: inline; margin: 0; border: none; width: 80%; min-width: 0; background: transparent; text-align: left; }\n.invoicelist-body .control { display: inline-block; color: white; background: #5873fe; padding: 3px 7px; font-size: .9rem; text-transform: uppercase; cursor: pointer; }\n.invoicelist-body .control:hover { background: #7188fe; }\n.invoicelist-body .newRow { margin: .5rem 0; float: left; }\n.invoicelist-body .removeRow { display: none; position: absolute; top: .1rem; bottom: .1rem; left: -1.3rem; font-size: .7rem; border-radius: 3px 0 0 3px; padding: .5rem; }\n\n/**\n * INVOICE LIST FOOTER\n */\n.invoicelist-footer { margin: 1rem; }\n.invoicelist-footer table { float: right; width: 25%; }\n.invoicelist-footer table td { padding: 1rem 2rem 0 1rem; text-align: right; }\n.invoicelist-footer table tr:nth-child(2) td { padding-top: 0; }\n.invoicelist-footer table #total_price { font-size: 2rem; color: #5873fe; }\n\n/**\n * NOTE\n */\n.note { margin: 75px 15px; }\n.hidenote .note { display: none; }\n.note h2 { margin: 0; font-size: 12px; font-weight: bold; }\n.note p { font-size: 12px; padding: 0px 5px; }\n\n/**\n * FOOTER\n */\nfooter { display: block; margin: 1rem 0; padding: 1rem 0 0; }\nfooter p { font-size: 12px; }\n\n/**\n * PRINT STYLE\n */\n@media print {\n  .header, .sidebar, .chat-sidebar, .control, .control-bar { display: none !important; }\n  [contenteditable]:hover, [contenteditable]:focus { outline: none; }\n}\n#invoice { position: relative;  /*  top: -290px;*/ margin-bottom: 120px;  /*  width: 700px;*/ background: #ffffff; padding: 30px; }\n#invoice-table {  /* Targets all id with 'col-' */\nborder-bottom: 1px solid #e7e7e7; padding: 30px 0px; }\n#invoice-top { min-height: 120px; }\n#invoice-mid { min-height: 120px; }\n#invoice-bot { min-height: 250px; }\n.invoice-logo { float: left; height: 60px; width: 60px; background: url(https://michaeltruong.ca/images/logo1.png) no-repeat; background-size: 60px 60px; }\n.clientlogo { float: left; height: 60px; width: 60px; background: url(https://michaeltruong.ca/images/client.jpg) no-repeat; background-size: 60px 60px; border-radius: 50px; }\n.invoice-info { display: block; float: left; margin-left: 20px; }\n.invoice-info h2 { color: #373757; font-size: 14px; }\n.invoice-info p { font-size: 12px; }\n.title { float: right; }\n.title h4 { color: #373757; text-align: right; }\n.title p { text-align: right; font-size: 12px; }\n#project { margin-left: 52%; }\n#project p { font-size: 12px; }\n#invoice-table h2 { font-size: 18px; }\n.tabletitle { padding: 5px; background: #e7e7e7; }\n.service { border: 1px solid #e7e7e7; }\n.table-item { width: 50%; }\n.itemtext { font-size: .9em; }\n#legalcopy { margin-top: 30px; }\n#legalcopy p { font-size: 12px; }\n.effect2 { position: relative; }\n.effect2:before, .effect2:after { z-index: -1; position: absolute; content: \"\"; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }\n.effect2:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; }\n.legal { width: 70%; }\n\n/* All Invoice Page Responsive\n--------------------------- */\n@media (max-width:480px) {\n  .control-bar { padding: 15px 15px 40px; }\n}\n@media (max-width:360px) {\n  .notaxrelated { margin-top: 15px; }\n}\n\n/*    Widget One\n---------------------------*/\n.stat-widget-one .stat-icon { vertical-align: top; }\n.stat-widget-one .stat-icon i { font-size: 30px; border-width: 3px; border-style: solid; border-radius: 100px; padding: 15px; font-weight: 900; display: inline-block; }\n.stat-widget-one .stat-content { margin-left: 30px; margin-top: 7px; }\n.stat-widget-one .stat-text { font-size: 14px; color: #868e96; }\n.stat-widget-one .stat-digit { font-size: 24px; color: #373757; }\n\n/*    Widget Two\n---------------------------*/\n.stat-widget-two { text-align: center; }\n.stat-widget-two .stat-digit { font-size: 1.75rem; font-weight: 500; color: #373757; }\n.stat-widget-two .stat-digit i { font-size: 18px; margin-right: 5px; }\n.stat-widget-two .stat-text { font-size: 16px; margin-bottom: 5px; color: #868e96; }\n.stat-widget-two .progress { height: 8px; margin-bottom: 0; margin-top: 20px; box-shadow: none; }\n.stat-widget-two .progress-bar { box-shadow: none; }\n\n/*    Widget Three\n---------------------------*/\n.stat-widget-three .stat-icon { display: inline-block; padding: 33px; position: absolute; line-height: 21px; }\n.stat-widget-three .stat-icon i { font-size: 30px; color: #ffffff; }\n.stat-widget-three .stat-content { text-align: center; padding: 15px; margin-left: 90px; }\n.stat-widget-three .stat-digit { font-size: 30px; }\n.stat-widget-three .stat-text { padding-top: 4px; }\n.home-widget-three .stat-icon { line-height: 19px; padding: 27px; }\n.home-widget-three .stat-digit { font-size: 24px; font-weight: 300; color: #373757; }\n.home-widget-three .stat-content { text-align: center; margin-left: 60px; padding: 13px; }\n.stat-widget-four { position: relative; }\n.stat-widget-four .stat-icon { display: inline-block; position: absolute; top: 5px; }\n.stat-widget-four i { display: block; font-size: 36px; }\n.stat-widget-four .stat-content { margin-left: 40px; text-align: center; }\n.stat-widget-four .stat-heading { font-size: 20px; }\n.stat-widget-five .stat-icon { border-radius: 100px; display: inline-block; position: absolute; }\n.stat-widget-five i { border-radius: 100px; display: block; font-size: 36px; padding: 30px; }\n.stat-widget-five .stat-content { margin-left: 100px; padding: 24px 0; position: relative; text-align: right; vertical-align: middle; }\n.stat-widget-five .stat-heading { text-align: right; padding-left: 80px; font-size: 20px; font-weight: 200; }\n.stat-widget-six { position: relative; }\n.stat-widget-six .stat-icon { display: inline-block; position: absolute; top: 5px; }\n.stat-widget-six i { display: block; font-size: 36px; }\n.stat-widget-six .stat-content { margin-left: 40px; text-align: center; }\n.stat-widget-six .stat-heading { font-size: 16px; font-weight: 300; }\n.stat-widget-six .stat-text { font-size: 12px; padding-top: 4px; }\n.stat-widget-seven .stat-heading { text-align: center; }\n.stat-widget-seven .gradient-circle { text-align: center; position: relative; margin: 30px auto; display: inline-block; width: 100%; }\n.stat-widget-seven .gradient-circle i { position: absolute; left: 0; right: 0; text-align: center; top: 35px; font-size: 30px; }\n.stat-widget-seven .stat-footer { text-align: center; margin-top: 30px; }\n.stat-widget-seven .stat-footer .stat-count { padding-left: 5px; }\n.stat-widget-seven .count-header { color: #252525; font-size: 12px; font-weight: 400; line-height: 30px; }\n.stat-widget-seven .stat-count { font-size: 18px; font-weight: 400; color: #252525; }\n.stat-widget-seven .analytic-arrow { position: relative; }\n.stat-widget-seven .analytic-arrow i { font-size: 12px; }\n\n/* Stat widget Eight\n--------------------------- */\n.stat-widget-eight { padding: 15px; }\n.stat-widget-eight .header-title { font-size: 20px; font-weight: 300; }\n.stat-widget-eight .ti-more-alt { color: #878787; cursor: pointer; left: -5px; position: absolute; transform: rotate(90deg); }\n.stat-widget-eight .stat-content { margin-top: 50px; }\n.stat-widget-eight .stat-content .ti-arrow-up { font-size: 30px; color: #28a745; }\n.stat-widget-eight .stat-content .stat-digit { font-size: 24px; font-weight: 300; margin-left: 15px; }\n.stat-widget-eight .stat-content .progress-stats { color: #aaadb2; font-weight: 400; position: relative; top: 10px; }\n.stat-widget-eight .progress { margin-bottom: 0; margin-top: 30px; height: 7px; background: #EAEAEA; box-shadow: none; }\n.stat-widget-nine .all-like { float: right; }\n.stat-widget-nine .stat-icon i { font-size: 22px; }\n.stat-widget-nine .stat-text { font-size: 14px; }\n.stat-widget-nine .stat-digit { font-size: 14px; }\n.stat-widget-nine .like-count { font-size: 30px; }\n.horizontal { position: relative; }\n.horizontal:before { background: #ffffff; bottom: 0; content: \"\"; height: 38px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 1px; }\n.widget-ten span i { color: #ffffff; opacity: 0.5; }\n.widget-ten h5 { color: #ffffff; }\n.widget-ten p { color: #ffffff !important; opacity: 0.75; }\n\n/*sec_start style */\n\nsection.Symptoms_sec {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 80px 120px;\n    gap: 40px;\n}\nsection.Symptoms_sec h1 {\n    font-family: 'Manrope';\n    font-style: normal;\n    font-weight: 700;\n    font-size: 34px;\n    line-height: 42px;\n    text-align: center;\n\tcolor: #FFFFFF;\n margin-bottom: 30px;\n}\n.Symptoms_sec .symimg img {\n    width: 500px;\n    height: 295px;\n\tbackground: #FFFFFF;\n       border-radius: 10px 10px 0 0;\n\n}\n.symbox {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 0px;\n    width: 500px;\n    height: 827px;\n    background: #FFFFFF;\n\tborder-radius: 10px;}\n.symbox h1 {\n    font-family: 'Manrope';\n    font-style: normal;\n    font-weight: 500;\n    font-size: 24px;\n    line-height: 32px;\n    color: #353535 !important;\n    padding: 10px 0 0 20px;\n\tmargin: 0px !important;\n}\n.symbox p {\n    font-family: 'Manrope';\n    font-style: normal;\n    font-weight: 400;\n    font-size: 15px;\n    line-height: 23px;\n    color: #353535;\n    padding: 0 10px 0 20px;\n}\n.symbox ul {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 0 10px 0 20px;\n    gap: 12px;\n    width: 452px;\n    height: 232px;\n}\nsection.treatment_sec {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 80px 0px 80px 120px;\n    gap: 100px;\n    width: 1440px;\n    height: 655px;  \n}\n\n/*sec_end style */\n\n\n/*\n=================================================\n    Responsive\n=================================================\n*/\n@media (max-width:768px) {\n  .card { display: inline-block; width: 100%; }\n}\n@media (max-width:360px) {\n  .stat-widget-five .stat-heading { padding-left: 0; }\n  .stat-widget-two .stat-digit { font-size: 16px; }\n  .stat-widget-two .stat-text { font-size: 14px; }\n  .stat-widget-three .stat-digit { font-size: 20px; }\n  .stat-widget-four .stat-heading { font-size: 18px; }\n  .stat-widget-three .stat-icon { padding: 26px; }\n}\n.round-widget { border: 1px solid red; border-radius: 100px; display: inline-block; height: 60px; line-height: 60px; text-align: center; width: 60px; }\n.recent-comment .media { border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; padding-top: 10px; }\n.recent-comment .media-left { padding-right: 25px; }\n.recent-comment .media-left img { border-radius: 100px; width: 40px; }\n.recent-comment .media-body { position: relative; }\n.recent-comment .media-body h4 { font-size: 16px; margin-bottom: 5px; }\n.recent-comment .media-body p { margin-bottom: 5px; line-height: 16px; color: #868e96; }\n.recent-comment .comment-date { position: absolute; right: 0; top: 0; color: #373757; font-family: 'Roboto', sans-serif; font-size: 12px; }\n.comment-action { float: left; }\n.comment-action .badge { text-transform: uppercase; font-family: 'Roboto', sans-serif; }\n.comment-action i { padding: 0 5px; }\n.recent-meaasge { margin-top: 15px; }\n.recent-meaasge .media { border-bottom: 1px solid #e7e7e7; padding-top: 10px; padding-bottom: 10px; }\n.recent-meaasge .media-left { padding-right: 25px; }\n.recent-meaasge .media-left img { border-radius: 100px; }\n.recent-meaasge .media-body { position: relative; }\n.recent-meaasge .media-body h4 { font-size: 16px; }\n.recent-meaasge .media-body p { margin-top: 10px; margin-bottom: 10px; }\n.meaasge-date { float: right; color: #373757; position: absolute; right: 0; top: 0; font-size: 12px; }\n\n/*    Input Style\n------------------------*/\n.form-group { margin-bottom: 20px; }\n.form-control { height: 42px; border-radius: 0px; box-shadow: none; border-color: #e7e7e7; font-family: 'Roboto', sans-serif; }\n.form-control:hover { box-shadow: none; border-color: #e7e7e7; }\n.form-control:focus, .form-control.active { box-shadow: none; border-color: #878787; }\n.input-default { border-radius: 4px; }\n.input-flat { border-radius: 0px; }\n.input-rounded { border-radius: 100px; }\n.input-focus { border-color: #5873fe; }\n.input-focus:focus { border-color: #5873fe; }\n\n/*    Search Box Input Button\n--------------------------------*/\n.input-group-btn .btn { padding: 10px 12px; }\n.input-group-default .form-control { border-radius: 4px; }\n.input-group-flat .form-control { border-radius: 4px; }\n.input-group-flat .btn { border-radius: 0px; }\n.input-group-rounded .form-control { border-radius: 100px; }\n.input-group-rounded .btn-group-left { border-top-left-radius: 100px; border-bottom-left-radius: 100px; }\n.input-group-rounded .btn-group-right { border-top-right-radius: 100px; border-bottom-right-radius: 100px; }\n.input-group-close-icon { background: none; color: #252525; border-color: #e7e7e7; }\n.input-group-close-icon:hover, .input-group-close-icon:focus, .input-group-close-icon.active { background: none; border-color: #e7e7e7; color: #252525; }\n\n/*    Input States\n-----------------------*/\n.has-default .form-control:hover, .has-success .form-control:hover, .has-warning .form-control:hover, .has-error .form-control:hover, .has-default .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .has-error .form-control:focus, .has-default .form-control.active, .has-success .form-control.active, .has-warning .form-control.active, .has-error .form-control.active { box-shadow: none; }\n.has-default .control-label { color: #878787; }\n.has-default .form-control { border-color: #878787; }\n.has-default .form-control:hover, .has-default .form-control:focus, .has-default .form-control.active { border-color: #878787; }\n.has-success .control-label { color: #28a745; }\n.has-success .form-control { border-color: #28a745; }\n.has-success .form-control:hover, .has-success .form-control:focus, .has-success .form-control.active { border-color: #28a745; }\n.has-warning .control-label { color: #e7b63a; }\n.has-warning .form-control { border-color: #e7b63a; }\n.has-warning .form-control:hover, .has-warning .form-control:focus, .has-warning .form-control.active { border-color: #e7b63a; }\n.has-error .control-label { color: #dc3545; }\n.has-error .form-control { border-color: #dc3545; }\n.has-error .form-control:hover, .has-error .form-control:focus, .has-error .form-control.active { border-color: #dc3545; }\n.has-feedback label ~ .form-control-feedback { top: 35px; }\n.form-horizontal .has-feedback .form-control-feedback { top: 5px; }\n.has-success .form-control-feedback { color: #28a745; }\n.has-warning .form-control-feedback { color: #e7b63a; }\n.has-error .form-control-feedback { color: #dc3545; }\n.has-success .input-group-addon { background-color: #71dd8a; border-color: #28a745; color: #28a745; }\n.has-warning .input-group-addon { background-color: #f5e0ac; border-color: #e7b63a; color: #e7b63a; }\n.has-error .input-group-addon { background-color: #efa2a9; border-color: #dc3545; color: #dc3545; }\n\n/*    Input Size\n--------------------*/\n.input-sm { font-size: 12px; height: 30px; line-height: 1.5; }\n.input-lg { font-size: 18px; height: 46px; line-height: 1.33333; }\n\n/*    Basic form\n----------------------*/\nlabel { font-weight: 400; margin-bottom: 10px; }\n\n/*    Form Horizontal\n----------------------*/\n.form-horizontal .control-label { padding-top: 12px; }\n.form-horizontal .form-group { margin-left: 0px; margin-right: 0px; }\n.is-invalid .form-control { border-color: #dc3545; }\n.invalid-feedback { color: #ef5350; display: none; margin-top: 0.25rem; }\n.is-invalid .invalid-feedback, .is-invalid .invalid-tooltip { display: block; }\n.mail-box { border-collapse: collapse; border-spacing: 0; display: table; table-layout: fixed; width: 100%; }\n.mail-box aside { display: table-cell; float: none; height: 100%; padding: 0; vertical-align: top; }\n.mail-box .sm-side { background: #ffffff; border-radius: 4px 0 0 4px; width: 25%; }\n.mail-box .sm-side .user-head { background: #ffffff; border-radius: 4px 0 0; color: #373757; min-height: 80px; padding: 10px; }\n.mail-box .lg-side { background: none repeat scroll 0 0 #ffffff; border-radius: 0 4px 4px 0; width: 75%; }\n.user-head .inbox-avatar { float: left; width: 65px; }\n.user-head .inbox-avatar img { border-radius: 100px; height: 65px; width: 65px; }\n.user-head .user-name { display: inline-block; margin: 0 0 0 10px; }\n.user-head .user-name h5 { font-size: 14px; font-weight: 300; margin-bottom: 0; margin-top: 15px; }\n.user-head .user-name h5 a { color: #373757; }\n.user-head .user-name span a { color: #373757; font-size: 12px; }\na.mail-dropdown { background: none repeat scroll 0 0 #80d3d9; border-radius: 2px; color: #01a7b3; font-size: 10px; margin-top: 20px; padding: 3px 5px; }\n.inbox-body { padding: 20px 0px; }\n.inbox-body .modal .modal-body input { border: 1px solid #e6e6e6; box-shadow: none; }\n.inbox-body .modal .modal-body textarea { border: 1px solid #e6e6e6; box-shadow: none; }\n.btn-compose { background: #5873fe; color: #ffffff; padding: 12px 0; text-align: center; width: 70%; }\n.btn-compose:hover, .btn-compose:focus, .btn-compose.active { background: #5873fe; color: #ffffff; }\nul.inbox-nav { display: inline-block; margin: 0; padding: 0; width: 100%; }\nul.inbox-nav li { display: inline-block; line-height: 45px; width: 100%; }\nul.inbox-nav li a { color: #6a6a6a; display: inline-block; line-height: 45px; padding: 0 20px; width: 100%; font-family: 'Roboto', sans-serif; }\nul.inbox-nav li a:hover { background: #eef5f9; color: #6a6a6a; }\nul.inbox-nav li a:focus { background: #eef5f9; color: #6a6a6a; }\nul.inbox-nav li a i { color: #6a6a6a; font-size: 16px; padding-right: 10px; }\nul.inbox-nav li a span.label { margin-top: 13px; }\nul.inbox-nav li.active a { background: #eef5f9; color: #6a6a6a; }\n.inbox-divider { border-bottom: 1px solid #e7e7e7; }\nul.labels-info li { margin: 0; }\nul.labels-info li h4 { color: #5c5c5e; font-size: 13px; padding-left: 15px; padding-right: 15px; padding-top: 20px; text-transform: uppercase; }\nul.labels-info li a { border-radius: 0; color: #6a6a6a; font-family: 'Roboto', sans-serif; }\nul.labels-info li a:hover { background: #eef5f9; color: #6a6a6a; }\nul.labels-info li a:focus { background: #eef5f9; color: #6a6a6a; }\nul.labels-info li a i { padding-right: 10px; }\n.nav.nav-pills.nav-stacked.labels-info p { color: #9d9f9e; font-size: 11px; margin-bottom: 0; padding: 0 22px; }\n.inbox-head { background: #eef5f9; border-radius: 4px 4px 0 0; color: #373757; min-height: 80px; padding: 20px; }\n.inbox-head h3 { display: inline-block; font-weight: 300; margin: 0; padding-top: 6px; }\n.inbox-head .sr-input { border: medium none; border-radius: 4px 0 0 4px; box-shadow: none; color: #8a8a8a; float: left; height: 40px; padding: 0 10px; }\n.inbox-head .sr-btn { background: #ffffff; border: medium none; border-radius: 0 4px 4px 0; color: #373757; height: 40px; padding: 0 20px; }\n.table-inbox { border: 1px solid #e7e7e7; margin-bottom: 0; }\n.table-inbox tr td { padding: 12px !important; }\n.table-inbox tr td:hover { cursor: pointer; }\n.table-inbox tr td .ti-star.inbox-started { color: #e7b63a; }\n.table-inbox tr td .ti-star { color: #d5d5d5; }\n.table-inbox tr td .ti-star:hover { color: #e7b63a; }\n.table-inbox tr.unread td { background: #eef5f9; }\nul.inbox-pagination { float: right; }\nul.inbox-pagination li { float: left; }\n.mail-option { display: inline-block; margin: 26px 0; width: 100%; font-size: 12px; }\n.mail-option .chk-all { margin-right: 5px; background: none repeat scroll 0 0 #fcfcfc; border: 1px solid #e7e7e7; border-radius: 3px !important; color: #afafaf; display: inline-block; padding: 5px 16px; }\n.mail-option .chk-all input[type=\"checkbox\"] { margin-top: 0; }\n.mail-option .btn-group { margin-right: 5px; }\n.mail-option .btn-group a.btn { background: #ffffff; border: 1px solid #e7e7e7; border-radius: 3px !important; font-family: 'Roboto', sans-serif; color: #373757; display: inline-block; padding: 5px 10px; font-size: 12px; }\n.mail-option .btn-group a.all { border: medium none; padding: 0; margin-left: 5px; }\n.mail-option .btn-group i { margin-left: 5px; }\n.mail-option .card-option-dropdown { left: 0; right: auto; }\n.inbox-pagination a.np-btn { background: none repeat scroll 0 0 #fcfcfc; border: 1px solid #e7e7e7; border-radius: 3px !important; color: #afafaf; display: inline-block; padding: 5px 15px; margin-left: 5px; }\n.inbox-pagination li span { display: inline-block; margin-right: 5px; margin-top: 7px; }\n.fileinput-button { background: none repeat scroll 0 0 #eeeeee; border: 1px solid #e6e6e6; float: left; margin-right: 4px; overflow: hidden; position: relative; }\n.fileinput-button input { cursor: pointer; direction: ltr; font-size: 23px; margin: 0; opacity: 0; position: absolute; right: 0; top: 0; transform: translate(-300px, 0px) scale(4); }\n.modal-header h4.modal-title { font-weight: 300; }\n.modal-body label { font-weight: 400; }\n.heading-inbox h4 { border-bottom: 1px solid #ddd; color: #444444; font-size: 18px; margin-top: 20px; padding-bottom: 10px; }\n.sender-info { margin-bottom: 20px; }\n.sender-info img { height: 30px; width: 30px; }\n.sender-dropdown { background: none repeat scroll 0 0 #eaeaea; color: #777777; font-size: 10px; padding: 0 3px; }\n.view-mail a { color: #dc3545; }\n.attachment-mail { margin-top: 30px; }\n.attachment-mail ul { display: inline-block; margin-bottom: 30px; width: 100%; }\n.attachment-mail ul li { float: left; margin-bottom: 10px; margin-right: 10px; width: 150px; }\n.attachment-mail ul li img { width: 100%; }\n.attachment-mail ul li span { float: right; }\n.attachment-mail .file-name { float: left; }\n.attachment-mail .links { display: inline-block; width: 100%; }\n.fileupload-buttonbar .btn { margin-bottom: 5px; }\n.fileupload-buttonbar .toggle { margin-bottom: 5px; }\n.files .progress { width: 200px; }\n.fileupload-processing .fileupload-loading { display: block; }\n* html .fileinput-button { line-height: 24px; margin: 1px -3px 0 0; }\n* + html .fileinput-button { margin: 1px 0 0; padding: 2px 15px; }\nul { list-style-type: none; padding: 0px; margin: 0px; }\n.inbox-small-cells { text-align: center; }\n.mail-group-checkbox { position: relative; top: 2px; }\n.mail-checkbox.mail-group-checkbox { position: relative; top: 2px; left: 2px; }\n.table-inbox > 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 #e7e7e7; line-height: 1.42857; padding: 8px; vertical-align: top; }\n@media (max-width:767px) {\n  .files .btn span { display: none; }\n  .files .preview * { width: 40px; }\n  .files .name * { display: inline-block; width: 80px; word-wrap: break-word; }\n  .files .progress { width: 20px; }\n  .files .delete { width: 60px; }\n}\n.progress-bar { background-color: #5873fe; }\n.progress-bar-primary { background-color: #5873fe; }\n.progress-bar-success { background-color: #28a745; }\n.progress-bar-info { background-color: #03a9f4; }\n.progress-bar-danger { background-color: #dc3545; }\n.progress-bar-warning { background-color: #e7b63a; }\n.progress-bar-pink { background-color: #e6a1f2; }\n.progress-sm { height: 8px; }\n.progress-bar.active, .progress.active .progress-bar { animation: 2s linear 0s normal none infinite running progress-bar-stripes; }\n.progress-vertical { display: inline-block; height: 250px; margin-bottom: 0; margin-right: 20px; min-height: 250px; position: relative; }\n.progress-vertical-bottom { display: inline-block; height: 250px; margin-bottom: 0; margin-right: 20px; min-height: 250px; position: relative; transform: rotate(180deg); }\n.progress-animated { animation-duration: 5s; animation-name: myanimation; transition: all 5s ease 0s; }\n@keyframes myanimation {\n  0% { width: 0; }\n}\n@keyframes myanimation {\n  0% { width: 0; }\n}\n\n/* TO DO LIST\n================================================== */\n\n/* WebKit browsers */\n\n/* Mozilla Firefox 4 to 18 */\n\n/* Mozilla Firefox 19+ */\n\n/* Internet Explorer 10+ */\n.tdl-holder { margin: 0 auto; }\n.tdl-holder ul { list-style: none; margin: 0; padding: 0; }\n.tdl-holder li { background-color: transparent; border-bottom: 1px solid #e7e7e7; color: #868e96; list-style: outside none none; margin: 0; padding: 0; }\n.tdl-holder li span { margin-left: 30px; font-family: 'Roboto', sans-serif; vertical-align: middle; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }\n.tdl-holder label { cursor: pointer; display: block; line-height: 51px; padding: 0 15px; position: relative; margin: 0 !important; }\n.tdl-holder label:hover { background-color: #eef5f9; color: #868e96; }\n.tdl-holder label:hover a { display: block; }\n.tdl-holder label a { border-radius: 50%; color: #868e96; display: none; float: right; font-weight: bold; line-height: normal; height: 16px; margin-top: 15px; text-align: center; text-decoration: none; width: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }\n.tdl-holder input[type=\"checkbox\"] { cursor: pointer; opacity: 0; position: absolute; }\n.tdl-holder input[type=\"checkbox\"] + i { background-color: #ffffff; border: 1px solid #e7e7e7; display: block; height: 18px; position: absolute; top: 15px; width: 18px; z-index: 1; }\n.tdl-holder input[type=\"checkbox\"]:checked + i::after { content: \"\\e64c\"; font-family: 'themify'; display: block; left: 0; position: absolute; top: -17px; z-index: 2; }\n.tdl-holder input[type=\"checkbox\"]:checked ~ span { color: #868e96; text-decoration: line-through; }\n.tdl-holder input[type=\"text\"] { background-color: #eef5f9; height: 40px; margin-top: 20px; font-size: 14px; }\n.datamap-sales-hover-tooltip { background: #545454; font-family: 'Roboto', sans-serif; padding: 5px 10px; color: #ffffff; font-weight: 400; font-size: 12px; text-transform: capitalize; border-radius: 3px; }\nthead tr th { color: #373757; font-weight: 500; }\nthead tr th:last-child { text-align: right; }\ntbody tr th { color: #373757; font-family: 'Roboto', sans-serif; font-weight: normal; }\ntbody tr td { font-family: 'Roboto', sans-serif; color: #868e96; }\ntbody tr td:last-child { text-align: right; }\n.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { line-height: 32px; vertical-align: top; }\n.table > thead > tr > th { border-bottom: 1px solid #e7e7e7; font-weight: 600; border-top: 0; }\n.table { margin-bottom: 0; }\n.table .badge { text-transform: uppercase; }\n.student-data-table label { margin-right: 7px; }\n.student-data-table td span a { padding: 3px; }\n.search-action { bottom: 0; display: inline-block; position: absolute; right: 92px; text-align: right; }\n.search-type .form-control { height: 30px; }\n@media (max-width:1199px) {\n  .search-action { text-align: center; position: relative; right: 0; }\n  .search-type .form-control { margin-bottom: 8px; margin-top: 8px; }\n}\n.table td, .table th { padding: 0.55rem; }\n.table .round-img img { width: 38px; }\n.current-progress { margin-top: 15px; }\n.progress-content:last-child { margin-bottom: 0; }\n.current-progressbar { margin-top: 3px; }\n.current-progressbar .progress { height: 15px; margin: 0; box-shadow: none; }\n.current-progressbar .progress-bar { box-shadow: 0; line-height: 14px; font-size: 11px; box-shadow: none; }\n.login-logo { text-align: center; margin-bottom: 15px; }\n.login-logo span { color: #ffffff; font-size: 24px; }\n.login-logo img { height: 75px; }\n.login-content { margin: 100px 0; }\n.login-form { background: #ffffff; padding: 30px 30px 20px; border-radius: 2px; }\n.login-form h4 { color: #373757; text-align: center; margin-bottom: 50px; }\n.login-form .checkbox { color: #373757; }\n.login-form .checkbox label { text-transform: none; }\n.login-form .btn { width: 100%; text-transform: uppercase; font-size: 14px; padding: 15px; border: 0px; }\n.login-form label { color: #373757; text-transform: uppercase; }\n.login-form label a { color: #5873fe; }\n.social-login-content { margin: 0px -30px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 30px 0px; background: #fcfcfc; }\n.social-button { padding: 0 30px; }\n.social-button i { padding: 19px; }\n.register-link a { color: #5873fe; }\n.cpu-load { width: 100%; height: 272px; font-size: 14px; line-height: 1.2em; }\n.cpu-load-data-content { font-size: 18px; font-weight: 400; line-height: 40px; }\n.cpu-load-data { margin-bottom: 30px; }\n.cpu-load-data li { display: inline-block; width: 32.5%; text-align: center; border-right: 1px solid #e7e7e7; }\n.cpu-load-data li:last-child { border-right: 0px; }\n#barChart { height: 400px !important; }\n.nestable-cart { overflow: hidden; }\n.dd-handle, .dd3-content { color: #000 !important; }\n.user-work h4, .user-skill h4 { font-size: 14px; position: relative; margin-bottom: 15px; padding: 5px 0px; border-bottom: 1px solid #e7e7e7; font-family: 'Roboto', sans-serif; }\n.work-content { margin-bottom: 15px; }\n.work-content h3 { font-size: 15px; margin-bottom: 5px; }\n.user-skill li a { line-height: 25px; }\n.user-profile-name { display: inline-block; font-size: 22px; font-weight: 500; padding: 0px 15px; }\n.user-Location { display: inline-block; font-size: 12px; margin-left: 10px; font-family: 'Roboto', sans-serif; }\n.user-Location i { font-size: 14px; }\n.user-job-title { font-size: 14px; padding-bottom: 5px; padding-left: 15px; color: #5873fe; }\n.ratings h4 { font-size: 12px; text-transform: uppercase; padding-top: 10px; padding-bottom: 2px; padding-left: 15px; }\n.ratings span { margin-right: 10px; }\n.rating-star { margin-bottom: 10px; padding-left: 15px; }\n.user-send-message { margin-top: 15px; padding-left: 15px; }\n.user-profile-tab { margin-top: 15px; padding: 0px 15px; }\n.user-profile-tab li a { padding: 7px 40px 7px 0px; }\n.contact-information, .basic-information { margin: 10px 0px; }\n.contact-information h4, .basic-information h4 { font-size: 12px; text-transform: uppercase; padding-top: 10px; padding-bottom: 15px; font-family: 'Roboto', sans-serif; }\n.contact-title { display: inline-block; padding-bottom: 15px; width: 170px; font-size: 16px; color: #868e96; }\n.phone-number, .mail-address, .contact-email, .contact-website, .contact-skype, .birth-date, .gender { font-family: 'Roboto', sans-serif; font-size: 16px; color: #373757; }\n.profile-widget { margin: 8px 0; text-align: center; }\n.profile-widget .stat-text { padding-bottom: 6px; }\n.profile-widget-one .profile-one-bg { position: relative; }\n.profile-widget-one .profile-one-user-photo { position: relative; }\n.profile-widget-one .profile-one-user-photo .bg-overlay { background: rgba(0, 0, 0, 0.6); bottom: 0; left: 0; position: absolute; right: 0; top: 0; }\n.profile-widget-one .profile-one-user-photo .user-photo { bottom: 0; height: 100%; position: absolute; text-align: center; top: 0; width: 100%; }\n.profile-widget-one .profile-one-user-photo .user-photo img { border-radius: 100px; height: 100px; position: relative; top: 50%; transform: translateY(-50%); width: 100px; }\n.profile-widget-one .profile-one-user-content ul li { background: #ffffff; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; display: block; float: left; padding: 10px 0; text-align: center; width: 32%; }\n.profile-widget-one .profile-one-user-content ul li:last-child { border-right: 0px; }\n.profile-widget-one .profile-one-user-content h4 { line-height: 30px; font-size: 14px; margin: 0px; }\n.profile-widget-one .profile-one-user-content .earning-amount, .profile-widget-one .profile-one-user-content .sold-amount { color: #28a745; font-size: 24px; font-weight: 400; margin-top: 10px; }\n.profile-widget-one .profile-one-user-content .sold-amount { color: #5873fe; font-size: 24px; font-weight: 400; margin-top: 10px; }\n.profile-widget-one .profile-one-user-button { text-align: center; padding: 26px 0px; }\n.profile-widget-one .profile-btn-one { font-size: 18px; text-transform: uppercase; padding: 8px 15px; font-weight: 400; color: #5873fe; }\n\n/*Aleart\n-------------*/\n.alert-primary { background-color: #b3c0ff; border-color: #b3c0ff; color: #5873fe; }\n.alert-success { background-color: #71dd8a; border-color: #71dd8a; color: #28a745; }\n.alert-warning { background-color: #f5e0ac; border-color: #f5e0ac; color: #e7b63a; }\n.alert-danger { background-color: #efa2a9; border-color: #efa2a9; color: #dc3545; }\n.alert-pink { background-color: #f8e4fb; border-color: #f8e4fb; color: #e6a1f2; }\n.alert-dismissable .close, .alert-dismissible .close { color: rgba(0, 0, 0, 0.8); }\n\n/*    Labels\n------------------*/\n.label-default { background-color: #878787; }\n.label-primary { background-color: #5873fe; }\n.label-success { background-color: #28a745; }\n.label-info { background-color: #03a9f4; }\n.label-danger { background-color: #dc3545; }\n.label-warning { background-color: #e7b63a; }\n\n/* Calendar\n================================================== */\n\n/* =============\n   Calendar\n============= */\n.calendar { float: left; margin-bottom: 0px; }\n.fc-view { margin-top: 30px; }\n.none-border .modal-footer { border-top: none; }\n.fc-toolbar { margin-bottom: 5px; margin-top: 15px; }\n.fc-toolbar h2 { font-size: 18px; font-weight: 600; line-height: 30px; text-transform: uppercase; }\n.fc-day { background: #ffffff; }\n.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar button:focus, .fc-toolbar button:hover, .fc-toolbar .ui-state-hover { z-index: 0; }\n.fc-widget-header { border: 1px solid #e7e7e7; }\n.fc-widget-content { border: 1px solid #e7e7e7; }\n.fc th.fc-widget-header { background: #e7e7e7; font-size: 14px; line-height: 20px; padding: 10px 0px; text-transform: uppercase; }\n.fc-button { background: #ffffff; border: 1px solid #e7e7e7; color: #373757; text-transform: capitalize; }\n.fc-text-arrow { font-family: inherit; font-size: 16px; }\n.fc-state-hover { background: #eef5f9 !important; }\n.fc-state-highlight { background: #eef5f9 !important; }\n.fc-cell-overlay { background: #eef5f9 !important; }\n.fc-unthemed .fc-today { background: #ffffff !important; }\n.fc-event { border-radius: 2px; border: none; cursor: move; font-size: 13px; margin: 5px 7px; padding: 5px 5px; text-align: center; }\n.external-event { color: #ffffff; cursor: move; margin: 10px 0; padding: 6px 10px; }\n.fc-basic-view td.fc-week-number span { padding-right: 5px; }\n.fc-basic-view td.fc-day-number { padding-right: 5px; }\n#drop-remove { margin: 0px; top: 3px; }\n#event-modal .modal-dialog, #add-category .modal-dialog { max-width: 600px; }\n.flotTip { background: #252525; border: 1px solid #252525; padding: 5px 15px; color: #ffffff; }\n.flot-container { box-sizing: border-box; width: 100%; height: 275px; padding: 20px 15px 15px; margin: 15px auto 30px; background: transparent; }\n.flot-pie-container { height: 275px; }\n.flotBar-container { height: 275px; }\n.flot-line { width: 100%; height: 100%; font-size: 14px; line-height: 1.2em; }\n.legend table { border-spacing: 5px; }\n#chart1, #flotBar, #flotCurve { width: 100%; height: 275px; }\n.morris-hover { position: absolute; z-index: 1; }\n.morris-hover.morris-default-style .morris-hover-row-label { font-weight: bold; margin: 0.25em 0; }\n.morris-hover.morris-default-style .morris-hover-point { white-space: nowrap; margin: 0.1em 0; }\n.morris-hover.morris-default-style { border-radius: 2px; padding: 10px 12px; color: #666; background: rgba(0, 0, 0, 0.7); border: none; color: #fff !important; }\n.morris-hover-point { color: rgba(255, 255, 255, 0.8) !important; }\n#morris-bar-chart { height: 285px; }\n.products_1 { padding-top: 5px; padding-bottom: 5px; }\n.products_1 .pr_img_price { position: relative; }\n.products_1 .pr_img_price .product_price { min-width: 50px; min-height: 50px; background: #28a745; border-radius: 100%; position: absolute; top: 0; right: 0; }\n.products_1 .pr_img_price .product_price p { padding-top: 15px; color: #ffffff; font-size: 14px; font-weight: 600; }\n.products_1 .product_details .product_name { padding-top: 30px; }\n.products_1 .product_details .prdt_add_to_cart { padding-top: 10px; }\n.products_1 .product_details .prdt_add_to_cart button { padding: 10px 20px; text-transform: uppercase; font-weight: 600; }\n.product-2-details .table > tbody > tr > td { border: none; }\n.product-2-details .product-2-des { margin-top: 25px; }\n.product-2-details .product-2-des .product_name h4 { font-size: 15px; font-weight: 600; }\n.product-2-details .product-2-des .product_des p { font-size: 13px; font-style: italic; }\n.product-2-details .product-2-button { border-left: 1px solid #e7e7e7; margin-top: 25px; }\n.product-2-details .product-2-button .prdt_add_to_curt { padding-top: 10px; }\n.product-2-details .product-2-button .prdt_add_to_curt button { font-size: 11px; text-transform: uppercase; font-weight: 600; }\n.product-3-img img { width: 100%; }\n.product_details_3 { padding: 15px 0px; }\n.product_details_3 .product_name h4 { font-size: 15px; font-weight: 600; }\n.product_details_3 .product_des { padding-bottom: 5px; }\n.product_details_3 .prdt_add_to_curt { padding-top: 10px; }\n.product_details_3 .prdt_add_to_curt button { text-transform: uppercase; font-weight: 600; }\n.favourite-menu-details .table > tbody > tr > td { border-top: none; border-bottom: 1px solid #e7e7e7; }\n.favourite-menu-details .favourite-menu-img { border-right: 1px solid #e7e7e7; margin-bottom: 25px; width: 120px; }\n.favourite-menu-details .favourite-menu-des { margin-top: 40px; margin-right: 465px; }\n.favourite-menu-details .favourite-menu-des .product_name h4 { font-weight: 600; text-align: left; }\n.favourite-menu-details .favourite-menu-button { margin-top: 40px; }\n.favourite-menu-details .favourite-menu-button .prdt_add_to_curt { padding-top: 10px; }\n.favourite-menu-details .favourite-menu-button .prdt_add_to_curt button { font-size: 11px; text-transform: uppercase; font-weight: 600; }\n.order-list-item table tbody > tr > td { padding-top: 8px; border-top: 1px solid #e7e7e7; }\n.order-list-item table thead > tr > th { border-bottom: 1px solid #e7e7e7; }\n.order-list-item thead { background: #5873fe; text-align: left; }\n.order-list-item thead th { color: #ffffff; font-weight: bold; }\n.order-list-item tbody { background: #ffffff; text-align: left; }\n.order-list-item tbody td { color: #444444; }\n.booking-system-feedback { top: 5px !important; right: 15px; }\n.booking-system-top { padding-top: 15px; }\n.media-body { vertical-align: middle; }\n.media-body span { font-size: 10px; color: #5873fe; }\n.media-body p { color: #868e96; line-height: 15px; }\n.example { overflow: hidden; border: 1px solid #e7e7e7; -webkit-box-shadow: 1px 1px 2px 0px rgba(200, 200, 200, 0.3); -moz-box-shadow: 1px 1px 2px 0px rgba(200, 200, 200, 0.3); box-shadow: 1px 1px 2px 0px rgba(200, 200, 200, 0.3); background-color: #eef5f9; text-align: justify; }\n.example p { padding: 20px 20px 0px 20px; font-size: 12px; }\n.box, .simple { height: 300px; }\n.scrollable-auto-x { overflow-x: auto; overflow-y: hidden; }\n.scrollable-auto-y { overflow-y: auto; overflow-x: hidden; }\n.scrollable-auto { overflow: auto; }\n.vmap { width: 100%; height: 400px; }\n.dark-browse-input-box { border-radius: 0; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; font-size: 12px; color: #000000; border: 1px solid #e7e7e7; }\n.dark-browse-input-box .dark-input-button { border-radius: 0; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; background: #ffffff; border: none !important; color: #5873fe; }\n.dark-browse-input-box .dark-input-button i { font-weight: bold; font-size: 17px; }\n.dark-browse-input-box .dark-input-button:hover { background: #ffffff; color: #5873fe; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border: none !important; }\n.dark-browse-input-box .dark-input-button:focus { outline: none; border: none !important; background: none !important; }\n.file-input { position: relative; font-size: 14px; }\n.file-input label { position: absolute; top: -2px; right: 0; bottom: 0; margin: 0; }\n.file-input label:focus { outline: none; border: none !important; background: none !important; }\n.file-input .btn { position: absolute; right: 6px; top: 7px; bottom: 6px; max-width: 100px; padding-top: 0; padding-bottom: 0; font-size: 12px; line-height: 32px; }\n.file-input .btn input { width: 0; height: 0; }\n.file-input .file-name { float: left; width: 100%; border: 0; background: transparent; }\n.media-stats-content .stats-content { padding: 30px 0px; }\n.media-stats-content .stats-content .stats-digit { font-size: 24px; font-weight: 300; margin-bottom: 10px; }\n.media-stats-content .stats-content .stats-text { font-size: 14px; }\n.media-stats-content .stats-content .table td { line-height: 40px !important; }\n.carousel.vertical .carousel-inner { position: relative; overflow: hidden; width: 100%; }\n.carousel.vertical .carousel-inner > .item { display: none; position: relative; transition: top 0.6s ease-in-out; }\n.carousel.vertical .carousel-inner > .item > img, .carousel.vertical .carousel-inner > .item > a > img { line-height: 1; }\n@media all and (transform-3d), (-webkit-transform-3d) {\n  .carousel.vertical .carousel-inner > .item { transition: transform 0.6s ease-in-out; backface-visibility: hidden; perspective: 1000; }\n  .carousel.vertical .carousel-inner > .item.next, .carousel.vertical .carousel-inner > .item.active.right { transform: translate3d(0, 100%, 0); top: 0; }\n  .carousel.vertical .carousel-inner > .item.prev, .carousel.vertical .carousel-inner > .item.active.left { transform: translate3d(0, -100%, 0); top: 0; }\n  .carousel.vertical .carousel-inner > .item.next.left, .carousel.vertical .carousel-inner > .item.prev.right, .carousel.vertical .carousel-inner > .item.active { transform: translate3d(0, 0, 0); top: 0; width: 100%; }\n}\n.carousel.vertical .carousel-inner > .active, .carousel.vertical .carousel-inner > .next, .carousel.vertical .carousel-inner > .prev { display: block; }\n.carousel.vertical .carousel-inner > .active { top: 0; }\n.carousel.vertical .carousel-inner > .next, .carousel.vertical .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }\n.carousel.vertical .carousel-inner > .next { top: 100%; }\n.carousel.vertical .carousel-inner > .prev { top: -100%; }\n.carousel.vertical .carousel-inner > .next.left, .carousel.vertical .carousel-inner > .prev.right { top: 0; }\n.carousel.vertical .carousel-inner > .active.left { top: -100%; }\n.carousel.vertical .carousel-inner > .active.right { top: 100%; }\n.ct-chart { height: 265px; }\n.ct-pie-chart { height: 328px; }\n.ct-svg-chart { height: 270px; }\n.ct-bar-chart { height: 250px; }\n.ct-label { color: rgba(0, 0, 0, 0.8); fill: rgba(0, 0, 0, 0.8); font-size: 10px; }\n.ct-chart-pie .ct-label { color: rgba(0, 0, 0, 0.8); fill: rgba(0, 0, 0, 0.8); font-size: 12px; }\n.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut { stroke: #28A745; }\n.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut { stroke: #007BFF; }\n.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut { stroke: #e6a1f2; }\n.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut { stroke: #e7b63a; }\n.ct-series-a .ct-area, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-slice-pie { fill: #28A745; }\n.ct-series-b .ct-area, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-slice-pie { fill: #007BFF; }\n.ct-series-c .ct-area, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-slice-pie { fill: #e6a1f2; }\nbody { font-family: 'Roboto', sans-serif; background: rgba(88, 115, 254, 0.04); color: #868e96; font-size: 14px; }\na, button { outline: none !important; text-decoration: none !important; color: #868e96; transition: all 0.2s ease 0s; }\na.active, button.active, a:focus, button:focus, a:hover, button:hover { color: #252525; outline: none !important; text-decoration: none !important; }\nul { padding: 0; margin: 0; }\nli { list-style: none; }\np { font-family: 'Roboto', sans-serif; color: #868e96; }\n.h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6.h1 { color: #373757; }\n.dib { display: inline-block; }\n.rotate-90 { transform: rotate(90deg); }\n.rotate-180 { transform: rotate(180deg); }\n.alert h4 { color: #373757; }\n.border-none { border: 1px solid transparent; }\n.footer > p { margin-top: 15px; padding: 15px; text-align: left; }\n.footer > p a { color: #5873fe; }\n.bar-hidden { overflow-X: hidden; }\n.color-white { color: #ffffff; }\n.btn-btn { padding: 15px 25px; border: 0; }\n.btn-btn:hover { color: #ffffff; }\n.letter-space { letter-spacing: 1px; }\n.solid-btn { padding: 15px 42px; }\n.box-shadow { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }\n\n/*    Color Mixins\n-------------------*/\n.color-primary, .text-primary { color: #5873fe; }\n.color-success, .text-success { color: #28a745; }\n.color-info, .text-info { color: #03a9f4; }\n.color-danger, .text-danger { color: #dc3545; }\n.color-warning, .text-warning { color: #e7b63a; }\n.color-pink, .text-pink { color: #e6a1f2; }\n.color-dark, .text-dark { color: #545454; }\n.color-grey, .text-grey { color: #ddd; }\n\n/*    Mixins\n--------------------------*/\n.pr { position: relative; }\n.pa { position: absolute; }\n\n/*    Background Mixins\n--------------------------*/\n.bg-primary { background: #5873fe; color: #ffffff; fill: #5873fe; }\n.bg-success { background: #28a745; color: #ffffff; fill: #28a745; }\n.bg-info { background: #03a9f4; color: #ffffff; fill: #03a9f4; }\n.bg-danger { background: #dc3545; color: #ffffff; fill: #dc3545; }\n.bg-warning { background: #e7b63a; color: #ffffff; fill: #e7b63a; }\n.bg-pink { background: #e6a1f2; color: #ffffff; fill: #e6a1f2; }\n.bg-dark { background: #545454; color: #ffffff; fill: #545454; }\n.bg-transparent { background: transparent; color: #252525; }\n.no-select-arrow { -moz-appearance: none !important; -webkit-appearance: none !important; border: 1px solid #e7e7e7; }\n.bg-ash { background: #f5f5f5; }\n.bg-white { background: #ffffff; }\n\n/*    Border Mixins\n--------------------------*/\n.border-primary { border-color: #5873fe; }\n.border-success { border-color: #28a745; }\n.border-info { border-color: #03a9f4; }\n.border-danger { border-color: #dc3545; }\n.border-warning { border-color: #e7b63a; }\n.border-pink { border-color: #e6a1f2; }\n.border-dark { border-color: #545454; }\n.no-border { border: 0px !important; }\n.border-top { border-top: 1px solid #e7e7e7; }\n.border-white { border: 1px solid #ffffff; }\n.border-bottom { border-bottom: 1px solid #e7e7e7; }\n.border-left { border-left: 1px solid #e7e7e7; }\n.border-right { border-right: 1px solid #e7e7e7; }\n.white-bottom { border-bottom: 1px solid #ffffff; }\n.radius-0 { border-radius: 0; }\n\n/*    Brand Background\n-----------------------------*/\n.bg-facebook { background: #3b5998; fill: #3b5998; }\n.bg-twitter { background: #1da1f2; fill: #1da1f2; }\n.bg-youtube { background: #cd201f; fill: #cd201f; }\n.bg-google-plus { background: #dd4b39; fill: #dd4b39; }\n.bg-linkedin { background: #007bb6; }\n\n/*    Gradient\n-----------------------------*/\n.liner-gradient-primary { background: linear-gradient(to right, rgba(253, 77, 54, 0.7), #fd4d36); }\n\n/*    width\n-----------------------------*/\n.w10pr { width: 10%; }\n.w12pr { width: 12%; }\n.p-28 { padding: 28px; }\n.p-10 { padding: 10px; }\n\n/*    Chart Spanrkline\n-------------------------*/\n.jqstooltip { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }\n\n/*    Bootstrap class\n---------------------------*/\n@media (min-width:1500px) {\n  .container { width: 1400px; }\n}\n.row { margin-left: -7.5px; margin-right: -7.5px; }\n.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-top: 7.5px; padding-bottom: 7.5px; }\n@media (max-width:667px) {\n  .dt-buttons { margin-left: 10px; }\n}\n@media (max-width:480px) {\n  .dt-buttons { display: inline-block; }\n}\n.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }\n.pace-inactive { display: none; }\n.pace .pace-progress { background: #28a745; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; }\n.pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); }\n.pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 5px; right: 5px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #28a745; border-left-color: #28a745; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; }\n@-webkit-keyframes pace-spinner {\n  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }\n  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }\n}\n@-moz-keyframes pace-spinner {\n  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }\n  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }\n}\n@-o-keyframes pace-spinner {\n  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }\n  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }\n}\n@-ms-keyframes pace-spinner {\n  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }\n  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }\n}\n@keyframes pace-spinner {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n.superpose { color: #EEE; height: 350px; width: 100%; }\n.superclock { position: relative; width: 300px; margin: auto; }\n.superclock1 { position: absolute; left: 10px; top: 10px; }\n.superclock2 { position: absolute; left: 60px; top: 60px; }\n.superclock3 { position: absolute; left: 110px; top: 110px; }\n#search { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); z-index: 99999; opacity: 0; }\n#search.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; }\n#search input[type=\"search\"] { position: absolute; top: 50%; width: 100%; color: #ffffff; background: rgba(0, 0, 0, 0); font-size: 60px; font-weight: 300; text-align: center; border: 0px; margin: 0px auto; margin-top: -51px; padding-left: 30px; padding-right: 30px; outline: none; }\n#search .btn { position: absolute; top: 50%; left: 50%; margin-top: 61px; margin-left: -45px; }\n#search .close { position: fixed; top: 15px; right: 15px; color: #fff; background-color: #428bca; border-color: #357ebd; opacity: 1; padding: 10px 17px; font-size: 27px; }\n.media-text-right { text-align: right; }\n.media-text-left { text-align: left; }\n.boxshadow-none { box-shadow: none; }\n.progress-sm { height: 8px; }\n.bg-warning-dark { background: #e7b63a; }\n.bg-info-dark { background: #8b67c9; }\n.bg-danger-dark { background: #e63327; }\n.bg-success-dark { background: #2ed3aa; }\n.bg-primary-dark { background: #0095e1; }\n.widget-card-circle i { font-size: 30px; left: 0; line-height: 97px; right: 0; text-align: center; }\n.widget-line-list li { display: inline-block; font-size: 1.2em; line-height: 27px; padding: 5px 20px 0 15px; }\n.widget-line-list li span { font-size: 12px; }\n.height-150 { height: 150px; }\n.social-connect ul li { display: inline-block; }\n.social-connect ul li a { display: inline-block; margin: 0 5px; padding: 12px 15px; border-radius: 4px; }\n.user-card-absolute { top: 115px; left: 0; right: 0; }\n.social-pad { padding: 40px 30px 110px; }\n.round-img img { border-radius: 100px; }\n.blockquote-box { border-right: 5px solid #E6E6E6; margin-bottom: 25px; }\n.blockquote-box .square { width: 100px; min-height: 50px; margin-right: 22px; text-align: center !important; background-color: #E6E6E6; padding: 20px 0; }\n.blockquote-box .blockquote-primary { border-color: #5873fe; }\n.blockquote-box .blockquote-primary .square { background-color: #5873fe; color: #ffffff; }\n.blockquote-box .blockquote-success { border-color: #28a745; }\n.blockquote-box .blockquote-success .square { background-color: #28a745; color: #ffffff; }\n.blockquote-box .blockquote-info { border-color: #03a9f4; }\n.blockquote-box .blockquote-info .square { background-color: #03a9f4; color: #ffffff; }\n.blockquote-box .blockquote-warning { border-color: #e7b63a; }\n.blockquote-box .blockquote-warning .square { background-color: #e7b63a; color: #ffffff; }\n.blockquote-box .blockquote-danger { border-color: #d43f3a; }\n.blockquote-box .blockquote-danger .square { background-color: #dc3545; color: #ffffff; }\n\n/*\n/* Version: 1.0\n*/\n\n/*-------- css code for responsive layout  --------*/\n\n/*  To make Responsive\n---------------------------------------------------------------------- /\n* 1 - media screen and (max-width: 1750px)\n*   2 - media screen and (max-width: 1680px)\n*   3 - media screen and (max-width: 1280px)\n*   4 - media screen and (max-width: 1199px)\n*   5 - media screen and (max-width: 1024px)\n*   6 - media screen and (max-width: 991px)\n*   7 - media screen and (max-width: 767px)\n*   8 - media screen and (max-width: 680px)\n*   9 - media screen and (max-width: 480px)\n*   10 - media screen and (max-width: 320px)\n*\n---------------------------------------------------------------------- */\n\n/*  1 - media screen and (max-width: 1750px)\n---------------------------------------------------------------------- */\n\n/*  1 - media screen and (max-width: 1750px)\n---------------------------------------------------------------------- */\n\n/*  1 - media screen and (max-width: 1750px) End\n---------------------------------------------------------------------- */\n\n/*  2 - media screen and (max-width: 1680px)\n---------------------------------------------------------------------- */\n\n/*  2 - media screen and (max-width: 1680px) End\n---------------------------------------------------------------------- */\n\n/*  3 - media screen and (max-width: 1280px)\n---------------------------------------------------------------------- */\n\n/*  3 - media screen and (max-width: 1280px) End\n---------------------------------------------------------------------- */\n\n/*  4 - media screen and (max-width: 1199px)\n---------------------------------------------------------------------- */\n\n/*  4 - media screen and (max-width: 1199px) End\n---------------------------------------------------------------------- */\n\n/*  5 - media screen and (max-width: 1024px)\n---------------------------------------------------------------------- */\n@media (min-width:992px) and (max-width:1199px) {\n  .title-margin-right { margin-right: 7px !important; }\n  .title-margin-left { margin-left: 7px !important; }\n}\n\n/*  5 - media screen and (max-width: 1024px) End\n---------------------------------------------------------------------- */\n\n/*  6 - media screen and (max-width: 991px)\n---------------------------------------------------------------------- */\n@media (min-width:768px) and (max-width:991px) {\n  .title-margin-right { margin-right: 7px !important; }\n  .title-margin-left { margin-left: 7px !important; }\n}\n\n/*  6 - media screen and (max-width: 991px) End\n---------------------------------------------------------------------- */\n\n/*  7 - media screen and (max-width: 767px)\n---------------------------------------------------------------------- */\n@media (min-width:680px) and (max-width:767px) {\n  .title-margin-right { margin-right: 7px !important; }\n  .title-margin-left { margin-left: 7px !important; }\n}\n\n/*  7 - media screen and (max-width: 767px) End\n---------------------------------------------------------------------- */\n\n/*  8 - media screen and (max-width: 680px)\n---------------------------------------------------------------------- */\n@media (min-width:480px) and (max-width:679px) {\n  .title-margin-right { margin-right: 7px !important; }\n  .title-margin-left { margin-left: 7px !important; }\n  .inbox-pagination { margin-top: 30px; float: left !important; }\n  .card-badge .label { display: inline-block; margin-bottom: 5px; padding: 5px; }\n  .mail-box .sm-side { width: 100%; }\n  .mail-box aside { display: inline; }\n}\n\n/*  8 - media screen and (max-width: 680px) End\n---------------------------------------------------------------------- */\n\n/*  9 - media screen and (max-width: 480px)\n---------------------------------------------------------------------- */\n@media (min-width:360px) and (max-width:479px) {\n  .title-margin-right { margin-right: 7px !important; }\n  .title-margin-left { margin-left: 7px !important; }\n  #project { margin-left: 0%; }\n  .fc-toolbar .fc-right { float: left; margin-top: 15px; }\n  .card-badge .label { display: inline-block; margin-bottom: 5px; padding: 5px; }\n  .mail-box .sm-side { width: 100%; }\n  .mail-box aside { display: inline; }\n}\n\n/*  9 - media screen and (max-width: 360px) End\n---------------------------------------------------------------------- */\n\n/*  10 - media screen and (max-width: 320px)\n---------------------------------------------------------------------- */\n@media (min-width:320px) and (max-width:359px) {\n  .title-margin-right { margin-right: 7px !important; }\n  .title-margin-left { margin-left: 7px !important; }\n  #project { margin-left: 0%; }\n  .fc-toolbar .fc-right { float: left; margin-top: 15px; }\n  .br-theme-bars-pill .br-widget a { padding: 7px 12px; }\n  .br-theme-bars-reversed .br-widget .br-current-rating { padding: 0px; }\n  .alert-rating { padding-bottom: 40px; }\n  .card-badge .label { display: inline-block; margin-bottom: 5px; padding: 5px; }\n  .mail-box .sm-side { width: 100%; }\n  .mail-box aside { display: inline; }\n  .chk-group { margin-bottom: 10px; }\n  .pagination-list { float: left !important; margin-top: 10px; }\n  .inner-append { position: relative; }\n  .inner-append .append-btn { position: absolute; right: 0; top: 0; }\n  .input-text { margin-bottom: 12px; }\n}\n\n/*  10 - media screen and (max-width: 320px)\n---------------------------------------------------------------------- */\n\n/*---------------------------------------------------------------*/\n\n/* Retina */\n\n/*---------------------------------------------------------------*/\n@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {\n  .default-logo { display: none !important; }\n  .retina-logo { display: inline-block !important; }\n}\n\n/* custom css */\n.custom_pagination { }\n.custom_pagination li { display: inline-block; background: #5772FE; margin-right: 3px; padding: 3px 10px; border: 1px solid #5772FE; }\n.custom_pagination li a { color: #ffffff; }\n.custom_pagination li.active { background: #ffffff; border: 1px solid #5772FE; margin-right: 3px; padding: 3px 10px; }\n.custom_pagination li.active a { color: #5772FE; }\n.advertisement_image { width: 100%; }\n#main-content .tab label .customer_type{ margin-left: 8px !important; display: inline-block !important; width: auto !important; } \n#main-content .tab label{ width: 100%;  }\n .material{ margin-left: 0px !important; display: inline-block !important; width: auto !important; float: left; margin-top: 5px;  }\n.step{ line-height: 17px;  }\n.main .page-header h1{ text-align: left !important;  }\n.material_block span{ width: 90px; float: left;  }\n@media only screen and (max-width:1024px) {\n  .sidebar{ top:0 !important;  }\n.sidebar-hide .sidebar li a{ pointer-events: none;  }\n.logo{width: 30px;\nvertical-align: -8px;\nmargin-right: 10px;}\n#main-content > h1{ font-size: 25px !important;  }\n}\n@media only screen and (min-width:768px) and (max-width:1024px) {\n.hamburger{ top:14px;  }  \n.main .page-header{ padding-left: 0 !important;  }\n.title-margin-right{padding-left: 7px !important; }\n}\n@media only screen and (max-width:767px) {\n  .product_create_form { padding: 0; }\n  #main-content .card form{ min-width: inherit;  }\n  .add_img{ width: 100% !important;  }\n.header .container-fluid{ padding-right: 0;  }\n.header .header-icon{ padding-right: 0;  padding-top: 9px !important;padding-bottom: 8px !important;  }\n.header-right{ padding-top: 7px !important;padding-bottom: 4px !important;padding-right: 25px !important;   }\n.title-margin-left{ padding: 0 !important;  }\n.main .page-header{ min-height:inherit !important; margin-top: 50px !important; padding-left: 0 !important; }\n.main .page-header h1{ padding-bottom: 0 !important;  }\ntextarea{ min-height: 100px !important;  }\n.step_btn{ float: none !important; text-align: center !important; }\n.tab .col-form-label{ padding-bottom: 0 !important;  }\n.header-middle{max-width: 80% !important;\n-ms-flex: 0 0 80% !important;\nflex: 0 0 80% !important;\nposition: absolute;\ntop: 65px; pointer-events: none;}\n.sidebar-hide .sidebar li a{ pointer-events: none;  }\n.logo img{ display: none !important;  }\n.logo{ width: 100% !important;  }\n.margin_top_35{ margin-top: 0 !important;  }\n.page-header{ display: none !important;  }\n#companies_list_wrapper .row{ margin-left: 0 !important;margin-right: 0 !important;  }\ndiv.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content:center !important;}\n.header-right{ display: none !important;  }\n.sidebar-hide .header-right{ display: block !important;  }\n.hamburger.sidebar-toggle.is-active{ top:4px !important;  }\n}\n\n\n/* New style */\nbody.home{font-family: 'Manrope', sans-serif; font-size:15px; font-weight:400; color:#353535; }\n.primary-nav .header_contact_area{ width:34% !important; }\n.header_contact_area {color:#353535;font-weight: 700;font-size: 18px; line-height: 26px;}\n.header_contact_area strong{ display:block; font-weight:700; font-size:10px; color:#5B5B5B; line-height:16px; }\n.header_contact_area span{ display:inline-block; }",
        "type": "custom_css",
        "user_id": 2,
        "date_modified_gmt": "2023-01-05 05:23:59"
    }
}