body {padding-right: 0 !important;} .clear {clear:both;} .ellipsis {white-space:nowrap; width:100%; text-overflow: ellipsis; overflow:hidden;} .note {display:block; color:#999; font-size:12px; font-style:italic;} .ui-autocomplete { z-index:1060 !important; } .fa-caret-collapse:before {content: '\f0d7';} .collapsed .fa-caret-collapse:before {content: '\f0da';} .overflow-auto { overflow:auto !important; } .text-yellow { color:#FFEB3B !important; } .text-white { color:#FFF !important; } .label-black { background-color:#000 !important; } .label-muted { background-color:#C0C0C0 !important; } .label-critical, .bg-critical { background-color:#581845 !important; } .modal {overflow:auto; background: rgba(0, 0, 0, 0.5)} .modal-backdrop {opacity:0 !important; right:18px !important;} .btn-circle {border-radius: 100%; width: 40px; height: 40px; text-align: center;} .btn-circle > i {margin:0 !important; padding:0 !important; font-size: 18px; line-height: 28px;} .gray-dark {background-color: #333 !important;} .gray-darker {background-color: #222 !important;} .gray {background-color: #555 !important;} .gray-light {background-color: #777 !important;} .gray-lighter {background-color: #eee !important;} .bg-success-td { background-color: rgba(39,174,96,.25); } .bg-info-td { background-color:rgba(41,128,185,.25); } .bg-warning-td { background-color:rgba(255, 123, 0, 0.25);} .bg-danger-td { background-color:rgba(212,13,18,.25); } .text-primary {color: #337ab7 !important;} .text-success {color: #5cb85c !important;} .text-info {color: #5bc0de !important;} .text-warning {color: #f0ad4e !important;} .text-danger {color: #d9534f !important;} .bg-primary, .bg-primary-hover:hover {background-color: #337ab7 !important;} .bg-primary-hover:hover {color: #fff;} .bg-success, .bg-success-hover:hover {background-color: #5cb85c !important;} .bg-success-hover:hover {color: #fff;} .bg-info, .bg-info-hover:hover {background-color: #5bc0de !important;} .bg-info-hover:hover {color: #fff;} .bg-warning, .bg-warning-hover:hover {background-color: #f0ad4e !important;} .bg-warning-hover:hover {color: #333;} .bg-danger, .bg-danger-hover:hover {background-color: #d9534f !important;} .bg-danger-hover:hover {color: #fff;} .bg-light, .bg-light-hover:hover {background-color: #f5f5f5 !important;} .bg-light-hover:hover {color: #333;} .bg-dark, .bg-dark-hover:hover {background-color: #333 !important;} .bg-dark-hover:hover {color: #fff;} tr.odd { background-color:#fff; } tr.even { background-color:#f9f9f9; } .table-borderless td, .table-borderless th { border: none !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-baseline { vertical-align: baseline !important; } #header { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: fixed; left:0; right:0; height: 50px; z-index: 500; color:#fff; background: rgba(36, 148, 242, 0.8); border-bottom: 1px solid #2494f2;} .header-fixed #header {} .show_menu #header {left:240px;} .show_chat #header {right:240px;} #header .logo { padding: 0px 20px; max-width: 240px; display: block; color: #fff; width: 100%; font-size: 20px; line-height: 50px; border-right: 1px solid #ddd; float: left;} #header .logo .icon { margin-right: 8px;} #header .logo .image { margin-right: 8px; height: 40px; width: auto;} #header .logo:hover { color: #aaaaaa;} #header .navbar-main { display: block; height:50px; font-size:18px; text-align: center;} #header .navbar-main .button-container { display: block; padding: 0; margin: 0;} #header .navbar-main .button-container > .item { display: block; margin: 0; float: left; position:relative;} #header .navbar-main .button-container > .item img {width:30px; border:1px solid rgba(255,255,255,0.5); border-radius:100%;} #header .navbar-main .button-container > .item > a { color:#fff; line-height: 50px; padding: 0 20px; display: block;} #header .navbar-main .button-container > .item > a:hover, #header .navbar-main .button-container > .item > a:focus, #header .navbar-main .button-container > .item > a:active { text-decoration: none;} #header .navbar-main .button-container > .item > a > .badge {border-radius:100%; font-size:12px; font-weight:400; background:#f23232; padding:4px 7px; position:absolute; top:10px; right:5px;} #header .navbar-main .button-container .nav-button { cursor: pointer;} #header .navbar-main .button-container .nav-button:hover { background: rgba(255, 255, 255, 0.5);} #header .navbar-main .button-container .nav-button:active { background: rgba(255, 255, 255, 0.4);} #header .navbar-main .nav-content { display: inline-block; text-align: center; max-width: 50%; width: auto;} #header .navbar-main .nav-content .page-title { display: block; line-height: 50px; margin-top: 0px; margin-bottom: 0px; font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #header .navbar-main .dropdown-menu { z-index: 990; width: 100%;} #header .main-search {margin-top:10px;} #header .main-search input {border-radius:0 0 0 0 !important; border-color:#fff; color:#999; box-shadow:none;} #header .main-search button:first-child {border-radius:5px 0 0 5px !important; border-color:#fff #fff #fff #ddd; color:#999; margin:0;} #header .main-search button .caret { margin-left:5px; } #header .main-search button:last-child {border-radius:0 5px 5px 0 !important; border-color:#fff #fff #fff #ddd; color:#999; margin:0;} #header .settings-menu {width:600px !important; left:inherit; right:0; background:#0E171D;} #header .settings-menu i {display:none;} #header .settings-menu ul {padding:0; list-style:none;} #header .settings-menu ul ul {padding-left:15px;} #header .settings-menu li {color:#f2f2f2; font-weight:bold; font-size:15px;} #header .settings-menu li a {color:#f2f2f2;} #header .settings-menu li a:hover {text-decoration:underline;} #header .settings-menu li li a {color:#84939b; font-size:13px; font-weight:normal;} #header .settings-menu .divider {background:#333;} .nav-dropdown-list { list-style-type: none; width:430px !important; padding: 0;} .nav-dropdown-list .header {display: block; text-align:center; border-bottom: 1px solid #dddddd;} .nav-dropdown-list .header .title { margin-top: 0; margin-bottom: 0; padding: 10px; background-color: #fff; color:#454545; font-size:14px; font-weight:600;} .nav-dropdown-list .item-list-container { display: block; height:300px; background-color: #f8f8f8; padding: 5px 0;} .nav-dropdown-list .footer { display: block; text-align: center;} .nav-dropdown-list .footer a { font-size: 12px; font-weight: bold; padding: 10px; border-radius: 0; border: 1px solid #dddddd;}  @media (max-width: 767px) {  #header {}  #header .logo { float: none; max-width: none; border-bottom: 1px solid #dddddd; }  #header .navbar-main {} } #header-company {background:#fff; border-bottom:1px solid #ddd;} .company-logo > a {display:block; width:225px; height:45px; margin:20px auto; background:url('http://portal.rocontec.com.br/template/client/v2.0/images/company/theme-default/logo-rc9-portal-color-3.png') center top no-repeat; text-indent:-9999px; cursor:pointer;} .sidebar {  width: 100%; max-width: 240px; max-height: none; position: absolute; z-index: 400; padding: 8px 0 !important; background: white; height: auto !important;  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease; } .sidebar.sidebar-left { left: 0; border-right: 1px solid #0e171d; border-bottom: 1px solid #0e171d; background:#0e171d; visibility:visible; } .sidebar.sidebar-left.navbar-collapse.collapse.in { margin-left:-240px\9; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .sidebar.sidebar-right { right: 0; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background:#fff;} .sidebar.sidebar-right.navbar-collapse.collapse.in { margin-right:-240px\9; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); position: fixed; } .sidebar-title {font-style:italic; color:#384d5a; padding:0 15px;} .sidebar .slimScrollBar {background:#384d5a !important;} .sidebar .sidebar-wrapper {position:relative; height:100%; overflow:auto;} .sidebar .sidebar-wrapper::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #000;} .sidebar .sidebar-wrapper::-webkit-scrollbar { width: 8px;} .sidebar .sidebar-wrapper::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,0.3); border-radius:5px;} .sidebar .sidebar-wrapper::-webkit-scrollbar-thumb:hover {background-color: rgba(255,255,255,0.5);}  .sidebar .nav-apps {display:table; width:100%; margin:0 0 30px; padding:0 10px; box-sizing:border-box;} .sidebar .nav-apps > div {padding:0 5px;} .sidebar .nav-apps .btn {display:block; width:100%; padding:10px 0; border-radius:4px; border:0; opacity:0.7; filter: alpha(opacity=70);} .sidebar .nav-apps .btn:hover {opacity:1; filter: alpha(opacity=100);} .sidebar .nav-apps .btn .btn-txt {display:none;} .sidebar .nav-apps .btn .fa {color:#fff;}  .menu-levels {position:relative;} .menu-levels .fa-angle-down, .menu-levels.collapsed .fa-angle-up {display:none;} .menu-levels .fa-angle-up, .menu-levels.collapsed .fa-angle-down {display:block;} .menu-levels .fa {position:absolute; right:10px; top:50%; margin-top: -7px;}  .sidebar.sidebar-left .sidebar-nav {margin:0 0 30px;} .sidebar.sidebar-left .sidebar-nav ul {} .sidebar.sidebar-left .sidebar-nav > ul > li {font-size:13px;} .sidebar.sidebar-left .sidebar-nav ul > li > ul {padding:0;} .sidebar.sidebar-left .sidebar-nav ul > li > ul > li {font-size:11px; } .sidebar.sidebar-left .sidebar-nav ul > li > ul > li > a {display:block; padding:5px 15px 5px 30px; color:#84939b;} .sidebar.sidebar-left .sidebar-nav ul > li > ul > li > ul > li a {display:block; padding:5px 15px 5px 45px; color:#84939b; position:relative;} .sidebar.sidebar-left .sidebar-nav ul > li > ul > li > ul > li a:before {content:"."; color:#84939b; font-size:18px; position:absolute; left:36px; top:-5px;} .sidebar.sidebar-left .sidebar-nav ul > li > ul > li > ul > li > ul > li a {display:block; padding:5px 15px 5px 60px; position:relative;} .sidebar.sidebar-left .sidebar-nav ul > li > ul > li > ul > li > ul > li a:before {content:"."; font-size:18px; position:absolute; left:51px; top:-5px;} .sidebar.sidebar-left .sidebar-nav .badge {background-color:#f23232;} .sidebar.sidebar-left .sidebar-nav a {color:#fff; padding:8px 15px 8px 15px; border-radius:0;} .sidebar.sidebar-left .sidebar-nav a:hover, .sidebar.sidebar-left .sidebar-nav a:focus, .sidebar.sidebar-left .sidebar-nav .active > a {background:#091014; color:#fff; text-decoration:none;} .sidebar.sidebar-left .sidebar-nav a:hover, .sidebar.sidebar-left .sidebar-nav a:focus {border-left:5px solid #25333c;} .sidebar.sidebar-left .sidebar-nav .active > a {border-left:5px solid #1fae5b; } .sidebar.sidebar-left .sidebar-nav ul > li > ul > .active > a {}  .sidebar.sidebar-settings {width:240px\9; position:absolute; top:0; left: 0; border-right: 1px solid #0e171d; border-bottom: 1px solid #0e171d; background:#0e171d;visibility:visible; z-index:401; } .sidebar.sidebar-settings.navbar-collapse.collapse.in {  margin-left:-240px\9;  -webkit-transform: translateX(-100%);  -moz-transform: translateX(-100%);  -ms-transform: translateX(-100%);  -o-transform: translateX(-100%);  transform: translateX(-100%); } .sidebar.sidebar-settings .sidebar-wrapper {height:100%; overflow:auto;} .sidebar.sidebar-settings ul {padding:0 0 30px;; list-style:none;} .sidebar.sidebar-settings .nav > li {font-size:13px;} .sidebar.sidebar-settings ul > li > ul {padding:0;} .sidebar.sidebar-settings ul > li > ul > li {font-size:11px; } .sidebar.sidebar-settings ul > li > ul > li > a {display:block; padding:5px 15px 5px 30px; color:#84939b;} .sidebar.sidebar-settings ul > li > ul > li > ul > li a {display:block; padding:5px 15px 5px 45px; color:#84939b; position:relative;} .sidebar.sidebar-settings ul > li > ul > li > ul > li a:before {content:"."; color:#84939b; font-size:18px; position:absolute; left:36px; top:-5px;} .sidebar.sidebar-settings ul > li > ul > li > ul > li > ul > li a {display:block; padding:5px 15px 5px 60px; position:relative;} .sidebar.sidebar-settings ul > li > ul > li > ul > li > ul > li a:before {content:"."; font-size:18px; position:absolute; left:51px; top:-5px;} .sidebar.sidebar-settings ul a, .sidebar.sidebar-settings ul .title {color:#fff; padding:8px 15px 8px 15px; border-radius:0;} .sidebar.sidebar-settings ul a:hover, .sidebar.sidebar-settings ul a:focus, .sidebar.sidebar-settings ul .active > a {background:#091014; color:#fff; text-decoration:none;} .sidebar.sidebar-settings ul a:hover, .sidebar.sidebar-settings ul a:focus {border-left:5px solid #25333c;} .sidebar.sidebar-settings ul .active > a {border-left:5px solid #1fae5b;} .sidebar.sidebar-settings ul > li > ul > .active > a {} .header-fixed .sidebar { position: fixed; height: 100% !important;} .header-fixed .sidebar.sidebar-left.navbar-collapse.collapse { height: 100% !important;} .header-fixed .sidebar.sidebar-right.navbar-collapse.collapse { height: 100% !important;} @media (max-width: 767px) {  .sidebar.collapse { display: block; }  .sidebar .sidebar-wrapper .nav-buttons .nav-button .dropdown-menu { width: 280px; min-width: 280px; }  .sidebar .sidebar-wrapper .nav-buttons .nav-button.button-1 .dropdown-menu { left: 0; }  .sidebar .sidebar-wrapper .nav-buttons .nav-button.button-2 .dropdown-menu { left: -100%; }  .sidebar .sidebar-wrapper .nav-buttons .nav-button.button-3 .dropdown-menu { left: -200%; }  .sidebar .sidebar-wrapper .nav-buttons .nav-button.button-4 .dropdown-menu { left: -300%; } } @media (max-width: 480px) { .sidebar { } }  .content-sidebar {margin:0 0 30px;} .content-sidebar ul {list-style:none;} .content-sidebar > ul > li {} .content-sidebar ul > li > ul {padding:0;} .content-sidebar ul > li > ul > li {} .content-sidebar ul > li > ul > li > a {display:block; padding:10px 15px 10px 35px;} .content-sidebar ul > li > ul > li > ul > li > a {display:block; padding:10px 15px 10px 50px;} .content-sidebar ul > li > ul > li > ul > li > ul > li > a {display:block; padding:10px 15px 10px 65px;} .content-sidebar .icm {margin-right:5px;} .content-sidebar a .badge {background-color:#f23232 !important; color:#fff !important;} .content-sidebar a {padding:10px 15px 10px 30px; border-radius:0;} .content-sidebar a:hover, .content-sidebar a:focus, .content-sidebar .active > a {background:#091014 !important; color:#fff; text-decoration:none;} .content-sidebar a:hover, .content-sidebar a:focus {border-left:5px solid #25333c;} .content-sidebar .active > a {border-left:5px solid #1fae5b;} .content-sidebar ul > li > ul > .active > a {} .content-sidebar .panel-group {margin:0 !important;} .content-sidebar .panel {box-shadow:none !important; border:none !important;} .content-sidebar .panel-heading {display:table; width:100%; border:none !important; background:none !important; padding:0 !important;} .content-sidebar .panel-heading a {display:table; width:100%; background:#091014 !important; color:#fff; border-left:5px solid #1fae5b !important;} .content-sidebar .panel-heading a.collapsed, .content-sidebar .panel-heading a.collapsed:focus {background:none !important; color:inherit; border-left:none !important;} .content-sidebar .panel-heading a:hover {background:#091014 !important; color:#fff; border-left:5px solid #1fae5b !important;} .content-sidebar .panel-heading a .fa-chevron-down, .content-sidebar .panel-heading a.collapsed .fa-chevron-up {display:none;} .content-sidebar .panel-heading a .fa-chevron-up, .content-sidebar .panel-heading a.collapsed .fa-chevron-down {display:block;} .content-sidebar .panel-collapse {} .content-sidebar .panel-body {border-bottom:1px solid #ddd;}   .content-wrapper {  background: #fafafa; min-height: 500px; height: 100% !important; padding: 0; position: relative;  -webkit-transition: margin 0.3s ease;  -moz-transition: margin 0.3s ease;  -ms-transition: margin 0.3s ease;  -o-transition: margin 0.3s ease;  transition: margin 0.3s ease; } .show_menu .content-wrapper {margin-left: 240px;} .show_chat .content-wrapper {margin-right: 240px;} .content-wrapper.collapse { display: block;} .content-wrapper .content { max-width: 1200px; height: 100% !important; margin-right: auto; margin-left: auto; padding-top: 20px; -webkit-transition: margin 0.3s ease; -moz-transition: margin 0.3s ease; -ms-transition: margin 0.3s ease; -o-transition: margin 0.3s ease; transition: margin 0.3s ease; } .content-wrapper .content.collapse { display: block;} .content-wrapper .content.collapse.in { margin-right: auto;} .content-wrapper .content.full-width { max-width: none !important;} .content-wrapper .content .content-title-container .left { text-align: left; float: left;} .content-wrapper .content .content-title-container .right { text-align: right; float: right;} .content-wrapper .content .content-title-container .content-title { font-size: 20px; line-height: 26px; margin: 5px 0;} .content-wrapper .content .content-title-container .breadcrumb { margin: 5px 10px 0 0;} .header-fixed .content-wrapper { padding-top: 50px;} .content-wrapper #page-title {margin-bottom:15px;} .content-wrapper #page-title > div:last-child {text-align:right;} .content-wrapper #page-title h1 {font-size:24px; margin:0;} .content-wrapper #page-title .badge {vertical-align:middle;} @media (max-width: 991px) {  .content-wrapper { margin-left: 0; } } @media (max-width: 767px) {  .content-wrapper { margin-left: 0; }  .content-wrapper.collapse { margin-left: 0; }  .content-wrapper.collapse.in { margin-left: 0; }  .content-wrapper .content.collapse.in { margin-right: 0; }  .content-wrapper .content .content-title-container .left { text-align: center; float: none; }  .content-wrapper .content .content-title-container .right { text-align: center; float: none; margin-top: 10px; } }   .footer-social {margin-bottom: 30px;} .footer-social > h3 {margin-bottom: 15px;} .footer-social .btn {}  #footer {border-top:1px solid #ddd;} #footer .container-fluid {padding-top:0;}  .footer-intranet {color:#999; padding:5px 0;} .footer-intranet p {margin:0;} .footer-intranet .copyright p {padding-top:6px; font-size:11px;} .footer-intranet .logo-rc9 { text-align:right;} .footer-intranet .logo-rc9 .link {font-size:11px; color:#999; margin-right:10px; padding-right:10px; border-right:1px solid #ddd;} .footer-intranet .logo-rc9 .link:hover {color:#666;} .footer-intranet .alert-compatibily {display:block; text-align:center; font-size:11px; color:#999; border-top:1px solid #ddd; clear:both; padding:5px 0 0; margin-top:5px;}   .search-result-list {list-style:none; padding:0;} .search-result-list li {border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;} .search-result-list li:last-child {border:none; margin:0; padding:0;} .search-result-list li a h4 {color:#666; font-weight:400;} .search-result-list li a:hover h4 {color:#333;}  .easyPieChart {position: relative; text-align: center;} .easyPieChart canvas { position: absolute; top: 0; left: 0;} .easy-pie-chart {display: inline-block;} .easy-pie-chart .percent {color: #444; font-size: 12px; font-weight: bold;} .easy-pie-title {display: inline-block; margin: 10px 6px 0; font-size: 12px; font-weight: 400; text-transform: uppercase; width: 100px; height: 19px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .easy-pie-title .icon-color-good, .easy-pie-title .icon-color-bad { font-size: 18px;}  .divMessageBox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 100000;} .MessageBoxContainer { top: 35%; color: white; position: relative; width: 100%; background-color: #232323; background-color: rgba(0, 0, 0, 0.8); padding: 20px;} .MessageBoxMiddle { position: relative; left: 20%; width: 60%;} .MessageBoxMiddle .MsgTitle { letter-spacing: -1px; font-size: 24px; font-weight: 300;} .MessageBoxMiddle .pText { font-style: 30px;} .MessageBoxContainer input { width: 50%; padding: 5px;} .MessageBoxContainer select { width: 50%; padding: 5px;} .MessageBoxButtonSection { width: 100%; height: 30px;} .MessageBoxButtonSection button { float: right; margin-right: 7px; padding-left: 15px; padding-right: 15px; font-size: 14px; font-weight: bold;} .cookies-alert {  position: fixed;  background: white none repeat scroll 0% 0%;  z-index: 1000;  bottom: 0px;  width: 97%;  margin: 1.5%;  padding: 24px;  box-shadow: rgba(76, 76, 76, 0.2) 0px 8px 16px 8px; }   #finance-payment {} #finance-payment .calendar, #settings .calendar {width:100%; border:1px solid #ddd; margin-bottom:15px;} #finance-payment .calendar .head, #settings .calendar .head {background:#666; color:#fff; font-size:18px;} #finance-payment .calendar th, #settings .calendar th {padding:3px 5px;} #finance-payment .calendar .dias_semana, #settings .calendar .dias_semana {border-bottom:1px solid #ddd;} #finance-payment .calendar .past, #settings .calendar .past {color:#ccc;} #finance-payment .calendar .today, #settings .calendar .today {color:#09C; font-weight:bold; background:#f2f2f2;} #finance-payment .calendar td, #settings .calendar td {text-align:center; vertical-align:middle; padding:2px; color:#666;} .payment-calendar {} .payment-calendar h3 {margin-top:0;}  #client-config-home #controllers {} #client-config-home #controllers .btn {width:100%; margin-bottom:5px; text-align:left;}  #carousel-pages .carousel-inner { height:auto; } #carousel-pages .carousel-inner > .item { height:auto; } #carousel-pages .carousel-indicators li { border-color:#333;opacity:0.7; } #carousel-pages .carousel-indicators li.active { background:#333;border:none; } #carousel-pages .carousel-control.left { left:0;background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%); } #carousel-pages .carousel-control.right { right:0;background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%); } #carousel-pages .carousel-control:hover { opacity:0.6; } #carousel-pages .carousel-control {  color:#333; bottom: 0; font-size: 20px; position: absolute; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); top: 0; width: 5%; background-repeat: repeat-x; height:auto; border:none; border-radius:0; opacity:0.3; } .btn-select-tick i { display:none; } .btn-select-tick .btn:hover i { opacity: .3; display: block; } .btn-select-tick .active i { display: block; opacity: 1 !important; } .editableform { margin-bottom: 0;} .editableform .control-group { margin-bottom: 0;  white-space: nowrap;} .editable-buttons { display: inline-block; *display: inline;*zoom:1; vertical-align: top; margin-left: 7px;  zoom: 1; *display: inline;} .editable-buttons.editable-buttons-bottom { display: block; margin-top: 7px; margin-left: 0; } .editable-input { vertical-align: top; display: inline-block; *display: inline;*zoom:1;  width: auto;  white-space: normal;  zoom: 1; *display: inline; } .editable-buttons .editable-cancel { margin-left: 7px; } .editable-buttons button.ui-button-icon-only { height: 24px; width: 30px; } .editableform-loading { background: url('http://portal.rocontec.com.br/template/client/v2.0/images/loading.gif') center center no-repeat; height: 25px; width: auto; min-width: 25px; } .editable-inline .editableform-loading { background-position: left 5px; } .editable-error-block { max-width: 300px; margin: 5px 0 0 0; width: auto; white-space: normal; } .editable-error-block.ui-state-error { padding: 3px; } .editable-error { color: red; } .editableform .editable-date { padding: 0; margin: 0; float: left; } .editable-inline .add-on .icon-th { margin-top: 3px; margin-left: 1px; } .editable-checklist label input[type="checkbox"], .editable-checklist label span { vertical-align: middle; margin: 0; } .editable-checklist label { white-space: nowrap; } .editable-wysihtml5 { width: 566px; height: 250px; } .editable-clear { clear: both; font-size: 0.9em; text-decoration: none; text-align: right; } .editable-clear-x { background: url('http://portal.rocontec.com.br/template/client/v2.0/images/clear.png') center center no-repeat; display: block; width: 13px; height: 13px; position: absolute; opacity: 0.6; z-index: 100; top: 50%; right: 6px; margin-top: -6px; } .editable-clear-x:hover { opacity: 1; } .editable-pre-wrapped { white-space: pre-wrap; } .editable-container.editable-popup { max-width: none !important;} .editable-container.popover { width: auto;} .editable-container.editable-inline { display: inline-block; *display: inline;*zoom:1;vertical-align: middle; width: auto;  zoom: 1; *display: inline;} .editable-container.ui-widget { font-size: inherit;  z-index: 9990;} .editable-click, a.editable-click, a.editable-click:hover { text-decoration: none; border-bottom: dashed 1px #0088cc; } .editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover { color: #585858; cursor: default; border-bottom: none; } .editable-empty, .editable-empty:hover, .editable-empty:focus { font-style: italic; color: #DD1144;  text-decoration: none; } .editable-unsaved { font-weight: bold; } .editable-unsaved:after { } .editable-bg-transition { -webkit-transition: background-color 1400ms ease-out; -moz-transition: background-color 1400ms ease-out; -o-transition: background-color 1400ms ease-out; -ms-transition: background-color 1400ms ease-out; transition: background-color 1400ms ease-out; } .form-horizontal .editable { padding-top: 5px; display: inline-block; *display: inline;*zoom:1;} .editable-address { display: block; margin-bottom: 5px; } .editable-address span { width: 70px; display: inline-block; *display: inline;*zoom:1;}  .chosen-container-multi .chosen-choices { display: block !important; width: 100% !important; height: 30px !important; padding: 5px 10px !important; font-size: 12px !important; line-height: 1.5 !important; color: #555 !important; background-color: #fff !important; background-image: none !important; border: 1px solid #ccc !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] {padding:0 5px !important;} .chosen-container-multi .chosen-choices li.search-choice {margin: 0 0 0 5px !important;} .gallery-thumb-list { list-style-type:none; margin:0; padding:0; } .gallery-thumb-list .ui-sortable-placeholder { padding:0; } .gallery-thumb-list li {-moz-box-sizing: border-box; float:left; border: 1px solid #d5d5d5; background-color:#fff; margin:5px; position:relative; width:175px; overflow:hidden;} .gallery-thumb-list li span.page {  position:absolute; top:0; left:0; padding:5px 10px; font-size:12px; font-weight:bold; margin:5px; background-color:#FFF; border-radius:50%; border:1px solid #d5d5d5; } .gallery-thumb-list li span.duration { position:absolute; right:5px; top:5px; font-size:10px; } .gallery-thumb-list li .icon { display:block; font-size:30px; text-align:center; padding:20px 0; } .gallery-thumb-list li .buttons { padding:10px 0; } .gallery-thumb-list li .footer { text-align:center; background:#f5f5f5; padding:5px 0; } .gallery-thumb-list li .footer strong { display:block; } .page-loader { position: fixed; background: #d5d5d5; bottom: 0; right: 0; left: 0; top: 0; z-index: 9998; } .loader { position: absolute; border-left: 2px solid #333; border-top: 2px solid rgba(255, 255, 255, 0.2); border-right: 2px solid rgba(255, 255, 255, 0.2); border-bottom: 2px solid rgba(255, 255, 255, 0.2); height: 46px; width: 46px; left: 50%; top: 50%; margin: -23px 0 0 -23px; text-indent: -9999em; font-size: 10px; z-index: 9999; -webkit-animation: load 0.8s infinite linear; -moz-animation: load 0.8s infinite linear;  ms-animation: load 0.8s infinite linear;  o-animation: load 0.8s infinite linear;   animation: load 0.8s infinite linear; } .loader, .loader:after { border-radius: 50%; width: 46px; height: 46px; } @-webkit-keyframes load { 0% {  -webkit-transform: rotate(0deg);  transform: rotate(0deg); } 100% {  -webkit-transform: rotate(360deg);  transform: rotate(360deg); } } @keyframes load { 0% {  -webkit-transform: rotate(0deg);  transform: rotate(0deg); } 100% {  -webkit-transform: rotate(360deg);  transform: rotate(360deg); } }  @media(min-width:768px) { .ms-timeline-wrap {padding: 15px;} .ms-timeline-title {margin-left: 95px; margin-bottom: 30px;} .ms-timeline-title h2 {margin: 0;} .ms-timeline {list-style-type: none; border-left: solid 6px #e0e0e0; padding: 0; margin-left: 70px} .ms-timeline .ms-timeline-item {position: relative; margin-bottom: 4rem} .ms-timeline .ms-timeline-item .card {margin-left: 20px; -webkit-transition: box-shadow ease .5s; transition: box-shadow ease .5s} .ms-timeline .ms-timeline-item .ms-timeline-date .ms-timeline-point {   position: absolute;   left: -11px;   top: 20px;   border-radius: 50%;   display: inline-block;   height: 16px;   width: 16px;   background-color: #03a9f4;   border: solid 3px #e0e0e0;   -webkit-transition: all ease .5s;   transition: all ease .5s } .ms-timeline .ms-timeline-item .ms-timeline-date .ms-timeline-point-img {   width: 40px;   height: 40px;   left: -60px;   top: 8px;   border: solid 3px #e0e0e0;   -webkit-transition: all ease .5s;   transition: all ease .5s;   position: absolute;   border-radius: 50%;} .ms-timeline .ms-timeline-item .ms-timeline-date .ms-timeline-point-img img {width: 100%; border-radius: 100%;} .ms-timeline .ms-timeline-item .ms-timeline-date .timeline-time {position: absolute; width: 100px; left: -130px; text-align: right; display: block;} .ms-timeline .ms-timeline-item .ms-timeline-date .timeline-time span {display: block; font-size: 2.4rem;} .ms-timeline .ms-timeline-item:hover .ms-timeline-date .ms-timeline-point {-webkit-transform: scale(1.5); transform: scale(1.5);} .ms-timeline .ms-timeline-item:hover .card {box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);} } .ms-timeline-left {list-style-type: none; margin-left: 300px; border-left: solid 3px #03a9f4; position: relative; padding-left: 0} .ms-timeline-left .ms-timeline-left-item {position: relative; padding-left: 30px; margin-bottom: 50px; margin-bottom: 5rem} .ms-timeline-left .ms-timeline-left-item:before { content: ""; display: block; position: absolute; border-radius: 100%; border: solid 3px #03a9f4; background-color: #fff; height: 21px; width: 21px; left: -12px; top: 0; } .ms-timeline-left .ms-timeline-left-item:after { content: ""; display: block; position: absolute; border-radius: 100%; background-color: #03a9f4; height: 9px; width: 9px; left: -6px; top: 6px; -webkit-transition: all ease .2s; transition: all ease .2s; } .ms-timeline-left .ms-timeline-left-item:hover:after {background-color: #424242;} .ms-timeline-left .ms-timeline-left-item .ms-timeline-left-city {font-size: 13px;  font-size: 1.3rem;  color: #9e9e9e;  position: absolute;  right: 0;  top: -5px;} .ms-timeline-left .ms-timeline-left-item .ms-timeline-left-city:before {font-family: Material-Design-Iconic-Font;  content: "\f1ab";  margin-right: 5px;} .ms-timeline-left .ms-timeline-left-item .ms-timeline-left-left {float: left;  margin-left: -300px;  margin-top: -30px;} .ms-timeline-left .ms-timeline-left-item .ms-timeline-left-left h4 {margin: 0;} .ms-timeline-left .ms-timeline-left-item .ms-timeline-left-left .ms-timeline-left-time {font-size: 12px; font-size: 1.2rem;} @media(max-width:767px) { .ms-timeline-left {margin-left: 0;} .ms-timeline-left .ms-timeline-left-item .ms-timeline-left-left {float: none; margin-left: 0; margin-top: 0;} .ms-timeline {list-style-type: none; border-left: solid 6px #e0e0e0; padding: 0 0 0 20px;} .ms-timeline .ms-timeline-item {margin-bottom: 4rem; position: relative;} .ms-timeline .ms-timeline-item .ms-timeline-date {margin-bottom: 1rem;} .ms-timeline .ms-timeline-item .ms-timeline-date .ms-timeline-point {   position: absolute;   left: -30px;   top: 7px;   border-radius: 50%;   display: inline-block;   height: 16px;   width: 16px;   background-color: #03a9f4;   border: solid 3px #e0e0e0;   -webkit-transition: all ease .5s;   transition: all ease .5s } .ms-timeline .ms-timeline-item .ms-timeline-date .ms-timeline-point-img {   width: 40px;   height: 40px;   left: 0;   top: 0;   border: solid 3px #e0e0e0;   -webkit-transition: all ease .5s;   transition: all ease .5s;   border-radius: 50%;   margin-top: -10px } .ms-timeline .ms-timeline-item .ms-timeline-date .ms-timeline-point-img img { width: 100%; border-radius: 100%;} .ms-timeline .ms-timeline-item .ms-timeline-date .timeline-time {font-size: 2rem;} } @media(min-width:768px) { .timeline-center {position: relative; overflow: hidden;} .timeline-center:after {   display: block;   content: "";   height: 100%;   width: 6px;   z-index: -1;   left: 50%;   -webkit-transform: translateX(-50%);   transform: translateX(-50%);   top: 0;   bottom: 0;   background-color: #e0e0e0;   position: absolute } .timeline-center>[class*=col-] .left, .timeline-center>[class*=col-] .right {position: relative; margin-bottom: 4rem} .timeline-center>[class*=col-] .left:before, .timeline-center>[class*=col-] .right:before {   content: "";   position: absolute;   right: -48px;   z-index: 2;   top: 15px;   border-radius: 50%;   display: inline-block;   height: 16px;   width: 16px;   background-color: #03a9f4;   border: solid 3px #e0e0e0;   -webkit-transition: all ease .5s;   transition: all ease .5s } .timeline-center>[class*=col-] .left:hover:before, .timeline-center>[class*=col-] .right:hover:before {-webkit-transform: scale(1.5); transform: scale(1.5)} .timeline-center>[class*=col-] .left {margin-right: 25px} .timeline-center>[class*=col-] .left:after {   display: block;   content: "";   width: 0;   height: 0;   position: absolute;   top: 10px;   right: -35px;   border-left: solid 15px #03a9f4;   border-right: solid 20px transparent;   border-top: solid 13px transparent;   border-bottom: solid 13px transparent } .timeline-center>[class*=col-] .left.card-primary:after {border-left-color: #03a9f4} .timeline-center>[class*=col-] .left.card-primary:before {background-color: #03a9f4} .timeline-center>[class*=col-] .left.card-primary-inverse:after {border-left-color: #03a9f4} .timeline-center>[class*=col-] .left.card-primary-inverse:before {background-color: #03a9f4} .timeline-center>[class*=col-] .right {margin-left: 25px} .timeline-center>[class*=col-] .right:first-child {margin-top: 6rem} .timeline-center>[class*=col-] .right:before {left: -48px; right: auto} .timeline-center>[class*=col-] .right:after {   display: block;   content: "";   width: 0;   height: 0;   position: absolute;   top: 10px;   left: -35px;   border-right: solid 15px #03a9f4;   border-left: solid 20px transparent;   border-top: solid 13px transparent;   border-bottom: solid 13px transparent } .timeline-center>[class*=col-] .right.card-primary:after {border-right-color: #03a9f4} .timeline-center>[class*=col-] .right.card-primary:before {background-color: #03a9f4} .timeline-center>[class*=col-] .right.card-primary-inverse:after {border-right-color: #03a9f4} .timeline-center>[class*=col-] .right.card-primary-inverse:before {background-color: #03a9f4} }  .card { background-color: #fff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); margin-bottom: 2rem; } .card .plyr__controls {  border-left: 0 none;  border-right: 0 none;} .card .card-block, .card.card-block {  padding: 2rem;} .card .card-block p:last-child, .card.card-block p:last-child {  margin-bottom: 0;} .card .card-footer {  background-color: #f5f5f5;  padding: 1rem 2rem 0.7rem;} .card .card-footer p:last-child {  margin-bottom: 0;} .card .card-block-big, .card.card-block-big {  padding: 4rem;} .card .card-header {  background-color: #f5f5f5;  padding: 1.5rem 2rem;} .card .card-header i {  margin-right: 10px;} .card .card-header h1, .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header h5, .card .card-header h6 {  font-weight: 400;  margin: 0;} .card .card-header h1 {  font-size: 2rem;} .card .card-header h2 {  font-size: 1.8rem;} .card .card-header h3 {  font-size: 1.6rem;} .card .card-header h4 {  font-size: 1.3rem;}  .panel-box { width: 100%; border: 1px solid #ddd; padding: 0; margin: 0 10px 15px 0; border-radius: 0; text-align: center; } .panel-box-title { display:block; background:#000; color:#fff; padding:8px; } .panel-box-circle { display:inline-block; width: 100px; height: 100px; border-radius: 100px; border: 1px solid #ddd; margin: 30px 0; background: #000; } .panel-box-icon { font-size: 3.5em; margin-top:25px; color: #fff; }   @media print {  [class*="col-sm-"] {float: left;}  [class*="col-xs-"] {float: left;}  .col-sm-12, .col-xs-12 { width:100% !important;}  .col-sm-11, .col-xs-11 { width:91.66666667% !important;}  .col-sm-10, .col-xs-10 { width:83.33333333% !important;}  .col-sm-9, .col-xs-9 { width:75% !important;}  .col-sm-8, .col-xs-8 { width:66.66666667% !important;}  .col-sm-7, .col-xs-7 { width:58.33333333% !important;}  .col-sm-6, .col-xs-6 { width:50% !important;}  .col-sm-5, .col-xs-5 { width:41.66666667% !important;}  .col-sm-4, .col-xs-4 { width:33.33333333% !important;  }  .col-sm-3, .col-xs-3 {width:25% !important;}  .col-sm-2, .col-xs-2 {width:16.66666667% !important;}  .col-sm-1, .col-xs-1 {width:8.33333333% !important;}  .col-sm-1,  .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-sm-10,  .col-sm-11,  .col-sm-12,  .col-xs-1,  .col-xs-2,  .col-xs-3,  .col-xs-4,  .col-xs-5,  .col-xs-6,  .col-xs-7,  .col-xs-8,  .col-xs-9,  .col-xs-10,  .col-xs-11,  .col-xs-12 {float: left !important;}  body {margin: 0; padding: 0 !important; min-width: 768px;}  .container {width: auto; min-width: 750px;}  body {font-size: 10px;}  a[href]:after {content: none;}  .noprint,  div.alert,  header,  .group-media,  .btn,  .footer,  form,  #comments,  .nav,  ul.links.list-inline,  ul.action-links {display:none !important;} } .icon-stack {  position: relative;  display: inline-block;  width: 1em;  height: 1em;  line-height: 1em;  vertical-align: middle;  text-align: center;  font-size: 16px; } .icon-stack-1x, .icon-stack-2x, .icon-stack-3x {  position: absolute !important;  left: 0;  bottom: 0;  width: 100%;  text-align: center;  line-height: inherit !important; } .icon-stack-1x {font-size: 0.5em;} .icon-stack-2x {font-size: 0.70em;} .icon-stack-3x {font-size: 1em;} .icon-stack-xl {font-size: 3.125em;} .icon-stack-lg {font-size: 2.5em;} .icon-stack-md {font-size: 2.125em;} .icon-stack-sm {font-size: 1.875em;}  .opacity-5 {opacity: 0.05;} .opacity-10 {opacity: 0.1;} .opacity-15 {opacity: 0.15;} .opacity-20 {opacity: 0.2;} .opacity-25 {opacity: 0.25;} .opacity-30 {opacity: 0.3;} .opacity-35 {opacity: 0.35;} .opacity-40 {opacity: 0.4;} .opacity-45 {opacity: 0.45;} .opacity-50 {opacity: 0.5;} .opacity-55 {opacity: 0.55;} .opacity-60 {opacity: 0.6;} .opacity-65 {opacity: 0.65;} .opacity-70 {opacity: 0.7;} .opacity-75 {opacity: 0.75;} .opacity-80 {opacity: 0.8;} .opacity-85 {opacity: 0.85;} .opacity-90 {opacity: 0.9;} .opacity-95 {opacity: 0.95;} .opacity-100 {opacity: 1;}  .fs-nano {font-size: 0.6875rem !important;} .fs-xs {font-size: 0.75rem !important;} .fs-sm {font-size: 0.78125rem !important;} .fs-b {font-size: 0.8125rem !important;} .fs-md {font-size: 0.875rem !important;} .fs-lg {font-size: 0.9375rem !important;} .fs-xl {font-size: 1rem !important;} .fs-xxl {font-size: 1.75rem !important;} .display-1 {  font-size: 5rem;  font-weight: 300;  line-height: 1.57; } .display-2 {  font-size: 4.5rem;  font-weight: 300;  line-height: 1.57; } .display-3 {  font-size: 3.5rem;  font-weight: 300;  line-height: 1.57; } .display-4 {  font-size: 2.5rem;  font-weight: 300;  line-height: 1.57; }  .display-5 {  font-size: 2rem;  font-weight: 300;  line-height: 1.57; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 {  margin: 2rem !important; } .mt-5, .my-5 {  margin-top: 2rem !important; } .mr-5, .mx-5 {  margin-right: 2rem !important; } .mb-5, .my-5 {  margin-bottom: 2rem !important; } .ml-5, .mx-5 {  margin-left: 2rem !important; } .m-6 {  margin: 2.5rem !important; } .mt-6, .my-6 {  margin-top: 2.5rem !important; } .mr-6, .mx-6 {  margin-right: 2.5rem !important; } .mb-6, .my-6 {  margin-bottom: 2.5rem !important; } .ml-6, .mx-6 {  margin-left: 2.5rem !important; } .p-0 {  padding: 0 !important; } .pt-0, .py-0 {  padding-top: 0 !important; } .pr-0, .px-0 {  padding-right: 0 !important; } .pb-0, .py-0 {  padding-bottom: 0 !important; } .pl-0, .px-0 {  padding-left: 0 !important; } .p-1 {  padding: 0.25rem !important; } .pt-1, .py-1 {  padding-top: 0.25rem !important; } .pr-1, .px-1 {  padding-right: 0.25rem !important; } .pb-1, .py-1 {  padding-bottom: 0.25rem !important; } .pl-1, .px-1 {  padding-left: 0.25rem !important; } .p-2 {  padding: 0.5rem !important; } .pt-2, .py-2 {  padding-top: 0.5rem !important; } .pr-2, .px-2 {  padding-right: 0.5rem !important; } .pb-2, .py-2 {  padding-bottom: 0.5rem !important; } .pl-2, .px-2 {  padding-left: 0.5rem !important; } .p-3 {  padding: 1rem !important; } .pt-3, .py-3 {  padding-top: 1rem !important; } .pr-3, .px-3 {  padding-right: 1rem !important; } .pb-3, .py-3 {  padding-bottom: 1rem !important; } .pl-3, .px-3 {  padding-left: 1rem !important; } .p-4 {  padding: 1.5rem !important; } .pt-4, .py-4 {  padding-top: 1.5rem !important; } .pr-4, .px-4 {  padding-right: 1.5rem !important; } .pb-4, .py-4 {  padding-bottom: 1.5rem !important; } .pl-4, .px-4 {  padding-left: 1.5rem !important; } .p-5 {  padding: 2rem !important; } .pt-5, .py-5 {  padding-top: 2rem !important; } .pr-5, .px-5 {  padding-right: 2rem !important; } .pb-5, .py-5 {  padding-bottom: 2rem !important; } .pl-5, .px-5 {  padding-left: 2rem !important; } .p-6 {  padding: 2.5rem !important; } .pt-6, .py-6 {  padding-top: 2.5rem !important; } .pr-6, .px-6 {  padding-right: 2.5rem !important; } .pb-6, .py-6 {  padding-bottom: 2.5rem !important; } .pl-6, .px-6 {  padding-left: 2.5rem !important; } .m-n1 {  margin: -0.25rem !important; } .mt-n1, .my-n1 {  margin-top: -0.25rem !important; } .mr-n1, .mx-n1 {  margin-right: -0.25rem !important; } .mb-n1, .my-n1 {  margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 {  margin-left: -0.25rem !important; } .m-n2 {  margin: -0.5rem !important; } .mt-n2, .my-n2 {  margin-top: -0.5rem !important; } .mr-n2, .mx-n2 {  margin-right: -0.5rem !important; } .mb-n2, .my-n2 {  margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 {  margin-left: -0.5rem !important; } .m-n3 {  margin: -1rem !important; } .mt-n3, .my-n3 {  margin-top: -1rem !important; } .mr-n3, .mx-n3 {  margin-right: -1rem !important; } .mb-n3, .my-n3 {  margin-bottom: -1rem !important; } .ml-n3, .mx-n3 {  margin-left: -1rem !important; } .m-n4 {  margin: -1.5rem !important; } .mt-n4, .my-n4 {  margin-top: -1.5rem !important; } .mr-n4, .mx-n4 {  margin-right: -1.5rem !important; } .mb-n4, .my-n4 {  margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 {  margin-left: -1.5rem !important; } .m-n5 {  margin: -2rem !important; } .mt-n5, .my-n5 {  margin-top: -2rem !important; } .mr-n5, .mx-n5 {  margin-right: -2rem !important; } .mb-n5, .my-n5 {  margin-bottom: -2rem !important; } .ml-n5, .mx-n5 {  margin-left: -2rem !important; } .m-n6 {  margin: -2.5rem !important; } .mt-n6, .my-n6 {  margin-top: -2.5rem !important; } .mr-n6, .mx-n6 {  margin-right: -2.5rem !important; } .mb-n6, .my-n6 {  margin-bottom: -2.5rem !important; } .ml-n6, .mx-n6 {  margin-left: -2.5rem !important; } .m-auto {  margin: auto !important; } .mt-auto, .my-auto {  margin-top: auto !important; } .mr-auto, .mx-auto {  margin-right: auto !important; } .mb-auto, .my-auto {  margin-bottom: auto !important; } .ml-auto, .mx-auto {  margin-left: auto !important; } @media (min-width: 576px) {  .m-sm-0 { margin: 0 !important; }  .mt-sm-0,  .my-sm-0 { margin-top: 0 !important; }  .mr-sm-0,  .mx-sm-0 { margin-right: 0 !important; }  .mb-sm-0,  .my-sm-0 { margin-bottom: 0 !important; }  .ml-sm-0,  .mx-sm-0 { margin-left: 0 !important; }  .m-sm-1 { margin: 0.25rem !important; }  .mt-sm-1,  .my-sm-1 { margin-top: 0.25rem !important; }  .mr-sm-1,  .mx-sm-1 { margin-right: 0.25rem !important; }  .mb-sm-1,  .my-sm-1 { margin-bottom: 0.25rem !important; }  .ml-sm-1,  .mx-sm-1 { margin-left: 0.25rem !important; }  .m-sm-2 { margin: 0.5rem !important; }  .mt-sm-2,  .my-sm-2 { margin-top: 0.5rem !important; }  .mr-sm-2,  .mx-sm-2 { margin-right: 0.5rem !important; }  .mb-sm-2,  .my-sm-2 { margin-bottom: 0.5rem !important; }  .ml-sm-2,  .mx-sm-2 { margin-left: 0.5rem !important; }  .m-sm-3 { margin: 1rem !important; }  .mt-sm-3,  .my-sm-3 { margin-top: 1rem !important; }  .mr-sm-3,  .mx-sm-3 { margin-right: 1rem !important; }  .mb-sm-3,  .my-sm-3 { margin-bottom: 1rem !important; }  .ml-sm-3,  .mx-sm-3 { margin-left: 1rem !important; }  .m-sm-4 { margin: 1.5rem !important; }  .mt-sm-4,  .my-sm-4 { margin-top: 1.5rem !important; }  .mr-sm-4,  .mx-sm-4 { margin-right: 1.5rem !important; }  .mb-sm-4,  .my-sm-4 { margin-bottom: 1.5rem !important; }  .ml-sm-4,  .mx-sm-4 { margin-left: 1.5rem !important; }  .m-sm-5 { margin: 2rem !important; }  .mt-sm-5,  .my-sm-5 { margin-top: 2rem !important; }  .mr-sm-5,  .mx-sm-5 { margin-right: 2rem !important; }  .mb-sm-5,  .my-sm-5 { margin-bottom: 2rem !important; }  .ml-sm-5,  .mx-sm-5 { margin-left: 2rem !important; }  .m-sm-6 { margin: 2.5rem !important; }  .mt-sm-6,  .my-sm-6 { margin-top: 2.5rem !important; }  .mr-sm-6,  .mx-sm-6 { margin-right: 2.5rem !important; }  .mb-sm-6,  .my-sm-6 { margin-bottom: 2.5rem !important; }  .ml-sm-6,  .mx-sm-6 { margin-left: 2.5rem !important; }  .p-sm-0 { padding: 0 !important; }  .pt-sm-0,  .py-sm-0 { padding-top: 0 !important; }  .pr-sm-0,  .px-sm-0 { padding-right: 0 !important; }  .pb-sm-0,  .py-sm-0 { padding-bottom: 0 !important; }  .pl-sm-0,  .px-sm-0 { padding-left: 0 !important; }  .p-sm-1 { padding: 0.25rem !important; }  .pt-sm-1,  .py-sm-1 { padding-top: 0.25rem !important; }  .pr-sm-1,  .px-sm-1 { padding-right: 0.25rem !important; }  .pb-sm-1,  .py-sm-1 { padding-bottom: 0.25rem !important; }  .pl-sm-1,  .px-sm-1 { padding-left: 0.25rem !important; }  .p-sm-2 { padding: 0.5rem !important; }  .pt-sm-2,  .py-sm-2 { padding-top: 0.5rem !important; }  .pr-sm-2,  .px-sm-2 { padding-right: 0.5rem !important; }  .pb-sm-2,  .py-sm-2 { padding-bottom: 0.5rem !important; }  .pl-sm-2,  .px-sm-2 { padding-left: 0.5rem !important; }  .p-sm-3 { padding: 1rem !important; }  .pt-sm-3,  .py-sm-3 { padding-top: 1rem !important; }  .pr-sm-3,  .px-sm-3 { padding-right: 1rem !important; }  .pb-sm-3,  .py-sm-3 { padding-bottom: 1rem !important; }  .pl-sm-3,  .px-sm-3 { padding-left: 1rem !important; }  .p-sm-4 { padding: 1.5rem !important; }  .pt-sm-4,  .py-sm-4 { padding-top: 1.5rem !important; }  .pr-sm-4,  .px-sm-4 { padding-right: 1.5rem !important; }  .pb-sm-4,  .py-sm-4 { padding-bottom: 1.5rem !important; }  .pl-sm-4,  .px-sm-4 { padding-left: 1.5rem !important; }  .p-sm-5 { padding: 2rem !important; }  .pt-sm-5,  .py-sm-5 { padding-top: 2rem !important; }  .pr-sm-5,  .px-sm-5 { padding-right: 2rem !important; }  .pb-sm-5,  .py-sm-5 { padding-bottom: 2rem !important; }  .pl-sm-5,  .px-sm-5 { padding-left: 2rem !important; }  .p-sm-6 { padding: 2.5rem !important; }  .pt-sm-6,  .py-sm-6 { padding-top: 2.5rem !important; }  .pr-sm-6,  .px-sm-6 { padding-right: 2.5rem !important; }  .pb-sm-6,  .py-sm-6 { padding-bottom: 2.5rem !important; }  .pl-sm-6,  .px-sm-6 { padding-left: 2.5rem !important; }  .m-sm-n1 { margin: -0.25rem !important; }  .mt-sm-n1,  .my-sm-n1 { margin-top: -0.25rem !important; }  .mr-sm-n1,  .mx-sm-n1 { margin-right: -0.25rem !important; }  .mb-sm-n1,  .my-sm-n1 { margin-bottom: -0.25rem !important; }  .ml-sm-n1,  .mx-sm-n1 { margin-left: -0.25rem !important; }  .m-sm-n2 { margin: -0.5rem !important; }  .mt-sm-n2,  .my-sm-n2 { margin-top: -0.5rem !important; }  .mr-sm-n2,  .mx-sm-n2 { margin-right: -0.5rem !important; }  .mb-sm-n2,  .my-sm-n2 { margin-bottom: -0.5rem !important; }  .ml-sm-n2,  .mx-sm-n2 { margin-left: -0.5rem !important; }  .m-sm-n3 { margin: -1rem !important; }  .mt-sm-n3,  .my-sm-n3 { margin-top: -1rem !important; }  .mr-sm-n3,  .mx-sm-n3 { margin-right: -1rem !important; }  .mb-sm-n3,  .my-sm-n3 { margin-bottom: -1rem !important; }  .ml-sm-n3,  .mx-sm-n3 { margin-left: -1rem !important; }  .m-sm-n4 { margin: -1.5rem !important; }  .mt-sm-n4,  .my-sm-n4 { margin-top: -1.5rem !important; }  .mr-sm-n4,  .mx-sm-n4 { margin-right: -1.5rem !important; }  .mb-sm-n4,  .my-sm-n4 { margin-bottom: -1.5rem !important; }  .ml-sm-n4,  .mx-sm-n4 { margin-left: -1.5rem !important; }  .m-sm-n5 { margin: -2rem !important; }  .mt-sm-n5,  .my-sm-n5 { margin-top: -2rem !important; }  .mr-sm-n5,  .mx-sm-n5 { margin-right: -2rem !important; }  .mb-sm-n5,  .my-sm-n5 { margin-bottom: -2rem !important; }  .ml-sm-n5,  .mx-sm-n5 { margin-left: -2rem !important; }  .m-sm-n6 { margin: -2.5rem !important; }  .mt-sm-n6,  .my-sm-n6 { margin-top: -2.5rem !important; }  .mr-sm-n6,  .mx-sm-n6 { margin-right: -2.5rem !important; }  .mb-sm-n6,  .my-sm-n6 { margin-bottom: -2.5rem !important; }  .ml-sm-n6,  .mx-sm-n6 { margin-left: -2.5rem !important; }  .m-sm-auto { margin: auto !important; }  .mt-sm-auto,  .my-sm-auto { margin-top: auto !important; }  .mr-sm-auto,  .mx-sm-auto { margin-right: auto !important; }  .mb-sm-auto,  .my-sm-auto { margin-bottom: auto !important; }  .ml-sm-auto,  .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) {  .m-md-0 { margin: 0 !important; }  .mt-md-0,  .my-md-0 { margin-top: 0 !important; }  .mr-md-0,  .mx-md-0 { margin-right: 0 !important; }  .mb-md-0,  .my-md-0 { margin-bottom: 0 !important; }  .ml-md-0,  .mx-md-0 { margin-left: 0 !important; }  .m-md-1 { margin: 0.25rem !important; }  .mt-md-1,  .my-md-1 { margin-top: 0.25rem !important; }  .mr-md-1,  .mx-md-1 { margin-right: 0.25rem !important; }  .mb-md-1,  .my-md-1 { margin-bottom: 0.25rem !important; }  .ml-md-1,  .mx-md-1 { margin-left: 0.25rem !important; }  .m-md-2 { margin: 0.5rem !important; }  .mt-md-2,  .my-md-2 { margin-top: 0.5rem !important; }  .mr-md-2,  .mx-md-2 { margin-right: 0.5rem !important; }  .mb-md-2,  .my-md-2 { margin-bottom: 0.5rem !important; }  .ml-md-2,  .mx-md-2 { margin-left: 0.5rem !important; }  .m-md-3 { margin: 1rem !important; }  .mt-md-3,  .my-md-3 { margin-top: 1rem !important; }  .mr-md-3,  .mx-md-3 { margin-right: 1rem !important; }  .mb-md-3,  .my-md-3 { margin-bottom: 1rem !important; }  .ml-md-3,  .mx-md-3 { margin-left: 1rem !important; }  .m-md-4 { margin: 1.5rem !important; }  .mt-md-4,  .my-md-4 { margin-top: 1.5rem !important; }  .mr-md-4,  .mx-md-4 { margin-right: 1.5rem !important; }  .mb-md-4,  .my-md-4 { margin-bottom: 1.5rem !important; }  .ml-md-4,  .mx-md-4 { margin-left: 1.5rem !important; }  .m-md-5 { margin: 2rem !important; }  .mt-md-5,  .my-md-5 { margin-top: 2rem !important; }  .mr-md-5,  .mx-md-5 { margin-right: 2rem !important; }  .mb-md-5,  .my-md-5 { margin-bottom: 2rem !important; }  .ml-md-5,  .mx-md-5 { margin-left: 2rem !important; }  .m-md-6 { margin: 2.5rem !important; }  .mt-md-6,  .my-md-6 { margin-top: 2.5rem !important; }  .mr-md-6,  .mx-md-6 { margin-right: 2.5rem !important; }  .mb-md-6,  .my-md-6 { margin-bottom: 2.5rem !important; }  .ml-md-6,  .mx-md-6 { margin-left: 2.5rem !important; }  .p-md-0 { padding: 0 !important; }  .pt-md-0,  .py-md-0 { padding-top: 0 !important; }  .pr-md-0,  .px-md-0 { padding-right: 0 !important; }  .pb-md-0,  .py-md-0 { padding-bottom: 0 !important; }  .pl-md-0,  .px-md-0 { padding-left: 0 !important; }  .p-md-1 { padding: 0.25rem !important; }  .pt-md-1,  .py-md-1 { padding-top: 0.25rem !important; }  .pr-md-1,  .px-md-1 { padding-right: 0.25rem !important; }  .pb-md-1,  .py-md-1 { padding-bottom: 0.25rem !important; }  .pl-md-1,  .px-md-1 { padding-left: 0.25rem !important; }  .p-md-2 { padding: 0.5rem !important; }  .pt-md-2,  .py-md-2 { padding-top: 0.5rem !important; }  .pr-md-2,  .px-md-2 { padding-right: 0.5rem !important; }  .pb-md-2,  .py-md-2 { padding-bottom: 0.5rem !important; }  .pl-md-2,  .px-md-2 { padding-left: 0.5rem !important; }  .p-md-3 { padding: 1rem !important; }  .pt-md-3,  .py-md-3 { padding-top: 1rem !important; }  .pr-md-3,  .px-md-3 { padding-right: 1rem !important; }  .pb-md-3,  .py-md-3 { padding-bottom: 1rem !important; }  .pl-md-3,  .px-md-3 { padding-left: 1rem !important; }  .p-md-4 { padding: 1.5rem !important; }  .pt-md-4,  .py-md-4 { padding-top: 1.5rem !important; }  .pr-md-4,  .px-md-4 { padding-right: 1.5rem !important; }  .pb-md-4,  .py-md-4 { padding-bottom: 1.5rem !important; }  .pl-md-4,  .px-md-4 { padding-left: 1.5rem !important; }  .p-md-5 { padding: 2rem !important; }  .pt-md-5,  .py-md-5 { padding-top: 2rem !important; }  .pr-md-5,  .px-md-5 { padding-right: 2rem !important; }  .pb-md-5,  .py-md-5 { padding-bottom: 2rem !important; }  .pl-md-5,  .px-md-5 { padding-left: 2rem !important; }  .p-md-6 { padding: 2.5rem !important; }  .pt-md-6,  .py-md-6 { padding-top: 2.5rem !important; }  .pr-md-6,  .px-md-6 { padding-right: 2.5rem !important; }  .pb-md-6,  .py-md-6 { padding-bottom: 2.5rem !important; }  .pl-md-6,  .px-md-6 { padding-left: 2.5rem !important; }  .m-md-n1 { margin: -0.25rem !important; }  .mt-md-n1,  .my-md-n1 { margin-top: -0.25rem !important; }  .mr-md-n1,  .mx-md-n1 { margin-right: -0.25rem !important; }  .mb-md-n1,  .my-md-n1 { margin-bottom: -0.25rem !important; }  .ml-md-n1,  .mx-md-n1 { margin-left: -0.25rem !important; }  .m-md-n2 { margin: -0.5rem !important; }  .mt-md-n2,  .my-md-n2 { margin-top: -0.5rem !important; }  .mr-md-n2,  .mx-md-n2 { margin-right: -0.5rem !important; }  .mb-md-n2,  .my-md-n2 { margin-bottom: -0.5rem !important; }  .ml-md-n2,  .mx-md-n2 { margin-left: -0.5rem !important; }  .m-md-n3 { margin: -1rem !important; }  .mt-md-n3,  .my-md-n3 { margin-top: -1rem !important; }  .mr-md-n3,  .mx-md-n3 { margin-right: -1rem !important; }  .mb-md-n3,  .my-md-n3 { margin-bottom: -1rem !important; }  .ml-md-n3,  .mx-md-n3 { margin-left: -1rem !important; }  .m-md-n4 { margin: -1.5rem !important; }  .mt-md-n4,  .my-md-n4 { margin-top: -1.5rem !important; }  .mr-md-n4,  .mx-md-n4 { margin-right: -1.5rem !important; }  .mb-md-n4,  .my-md-n4 { margin-bottom: -1.5rem !important; }  .ml-md-n4,  .mx-md-n4 { margin-left: -1.5rem !important; }  .m-md-n5 { margin: -2rem !important; }  .mt-md-n5,  .my-md-n5 { margin-top: -2rem !important; }  .mr-md-n5,  .mx-md-n5 { margin-right: -2rem !important; }  .mb-md-n5,  .my-md-n5 { margin-bottom: -2rem !important; }  .ml-md-n5,  .mx-md-n5 { margin-left: -2rem !important; }  .m-md-n6 { margin: -2.5rem !important; }  .mt-md-n6,  .my-md-n6 { margin-top: -2.5rem !important; }  .mr-md-n6,  .mx-md-n6 { margin-right: -2.5rem !important; }  .mb-md-n6,  .my-md-n6 { margin-bottom: -2.5rem !important; }  .ml-md-n6,  .mx-md-n6 { margin-left: -2.5rem !important; }  .m-md-auto { margin: auto !important; }  .mt-md-auto,  .my-md-auto { margin-top: auto !important; }  .mr-md-auto,  .mx-md-auto { margin-right: auto !important; }  .mb-md-auto,  .my-md-auto { margin-bottom: auto !important; }  .ml-md-auto,  .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) {  .m-lg-0 { margin: 0 !important; }  .mt-lg-0,  .my-lg-0 { margin-top: 0 !important; }  .mr-lg-0,  .mx-lg-0 { margin-right: 0 !important; }  .mb-lg-0,  .my-lg-0 { margin-bottom: 0 !important; }  .ml-lg-0,  .mx-lg-0 { margin-left: 0 !important; }  .m-lg-1 { margin: 0.25rem !important; }  .mt-lg-1,  .my-lg-1 { margin-top: 0.25rem !important; }  .mr-lg-1,  .mx-lg-1 { margin-right: 0.25rem !important; }  .mb-lg-1,  .my-lg-1 { margin-bottom: 0.25rem !important; }  .ml-lg-1,  .mx-lg-1 { margin-left: 0.25rem !important; }  .m-lg-2 { margin: 0.5rem !important; }  .mt-lg-2,  .my-lg-2 { margin-top: 0.5rem !important; }  .mr-lg-2,  .mx-lg-2 { margin-right: 0.5rem !important; }  .mb-lg-2,  .my-lg-2 { margin-bottom: 0.5rem !important; }  .ml-lg-2,  .mx-lg-2 { margin-left: 0.5rem !important; }  .m-lg-3 { margin: 1rem !important; }  .mt-lg-3,  .my-lg-3 { margin-top: 1rem !important; }  .mr-lg-3,  .mx-lg-3 { margin-right: 1rem !important; }  .mb-lg-3,  .my-lg-3 { margin-bottom: 1rem !important; }  .ml-lg-3,  .mx-lg-3 { margin-left: 1rem !important; }  .m-lg-4 { margin: 1.5rem !important; }  .mt-lg-4,  .my-lg-4 { margin-top: 1.5rem !important; }  .mr-lg-4,  .mx-lg-4 { margin-right: 1.5rem !important; }  .mb-lg-4,  .my-lg-4 { margin-bottom: 1.5rem !important; }  .ml-lg-4,  .mx-lg-4 { margin-left: 1.5rem !important; }  .m-lg-5 { margin: 2rem !important; }  .mt-lg-5,  .my-lg-5 { margin-top: 2rem !important; }  .mr-lg-5,  .mx-lg-5 { margin-right: 2rem !important; }  .mb-lg-5,  .my-lg-5 { margin-bottom: 2rem !important; }  .ml-lg-5,  .mx-lg-5 { margin-left: 2rem !important; }  .m-lg-6 { margin: 2.5rem !important; }  .mt-lg-6,  .my-lg-6 { margin-top: 2.5rem !important; }  .mr-lg-6,  .mx-lg-6 { margin-right: 2.5rem !important; }  .mb-lg-6,  .my-lg-6 { margin-bottom: 2.5rem !important; }  .ml-lg-6,  .mx-lg-6 { margin-left: 2.5rem !important; }  .p-lg-0 { padding: 0 !important; }  .pt-lg-0,  .py-lg-0 { padding-top: 0 !important; }  .pr-lg-0,  .px-lg-0 { padding-right: 0 !important; }  .pb-lg-0,  .py-lg-0 { padding-bottom: 0 !important; }  .pl-lg-0,  .px-lg-0 { padding-left: 0 !important; }  .p-lg-1 { padding: 0.25rem !important; }  .pt-lg-1,  .py-lg-1 { padding-top: 0.25rem !important; }  .pr-lg-1,  .px-lg-1 { padding-right: 0.25rem !important; }  .pb-lg-1,  .py-lg-1 { padding-bottom: 0.25rem !important; }  .pl-lg-1,  .px-lg-1 { padding-left: 0.25rem !important; }  .p-lg-2 { padding: 0.5rem !important; }  .pt-lg-2,  .py-lg-2 { padding-top: 0.5rem !important; }  .pr-lg-2,  .px-lg-2 { padding-right: 0.5rem !important; }  .pb-lg-2,  .py-lg-2 { padding-bottom: 0.5rem !important; }  .pl-lg-2,  .px-lg-2 { padding-left: 0.5rem !important; }  .p-lg-3 { padding: 1rem !important; }  .pt-lg-3,  .py-lg-3 { padding-top: 1rem !important; }  .pr-lg-3,  .px-lg-3 { padding-right: 1rem !important; }  .pb-lg-3,  .py-lg-3 { padding-bottom: 1rem !important; }  .pl-lg-3,  .px-lg-3 { padding-left: 1rem !important; }  .p-lg-4 { padding: 1.5rem !important; }  .pt-lg-4,  .py-lg-4 { padding-top: 1.5rem !important; }  .pr-lg-4,  .px-lg-4 { padding-right: 1.5rem !important; }  .pb-lg-4,  .py-lg-4 { padding-bottom: 1.5rem !important; }  .pl-lg-4,  .px-lg-4 { padding-left: 1.5rem !important; }  .p-lg-5 { padding: 2rem !important; }  .pt-lg-5,  .py-lg-5 { padding-top: 2rem !important; }  .pr-lg-5,  .px-lg-5 { padding-right: 2rem !important; }  .pb-lg-5,  .py-lg-5 { padding-bottom: 2rem !important; }  .pl-lg-5,  .px-lg-5 { padding-left: 2rem !important; }  .p-lg-6 { padding: 2.5rem !important; }  .pt-lg-6,  .py-lg-6 { padding-top: 2.5rem !important; }  .pr-lg-6,  .px-lg-6 { padding-right: 2.5rem !important; }  .pb-lg-6,  .py-lg-6 { padding-bottom: 2.5rem !important; }  .pl-lg-6,  .px-lg-6 { padding-left: 2.5rem !important; }  .m-lg-n1 { margin: -0.25rem !important; }  .mt-lg-n1,  .my-lg-n1 { margin-top: -0.25rem !important; }  .mr-lg-n1,  .mx-lg-n1 { margin-right: -0.25rem !important; }  .mb-lg-n1,  .my-lg-n1 { margin-bottom: -0.25rem !important; }  .ml-lg-n1,  .mx-lg-n1 { margin-left: -0.25rem !important; }  .m-lg-n2 { margin: -0.5rem !important; }  .mt-lg-n2,  .my-lg-n2 { margin-top: -0.5rem !important; }  .mr-lg-n2,  .mx-lg-n2 { margin-right: -0.5rem !important; }  .mb-lg-n2,  .my-lg-n2 { margin-bottom: -0.5rem !important; }  .ml-lg-n2,  .mx-lg-n2 { margin-left: -0.5rem !important; }  .m-lg-n3 { margin: -1rem !important; }  .mt-lg-n3,  .my-lg-n3 { margin-top: -1rem !important; }  .mr-lg-n3,  .mx-lg-n3 { margin-right: -1rem !important; }  .mb-lg-n3,  .my-lg-n3 { margin-bottom: -1rem !important; }  .ml-lg-n3,  .mx-lg-n3 { margin-left: -1rem !important; }  .m-lg-n4 { margin: -1.5rem !important; }  .mt-lg-n4,  .my-lg-n4 { margin-top: -1.5rem !important; }  .mr-lg-n4,  .mx-lg-n4 { margin-right: -1.5rem !important; }  .mb-lg-n4,  .my-lg-n4 { margin-bottom: -1.5rem !important; }  .ml-lg-n4,  .mx-lg-n4 { margin-left: -1.5rem !important; }  .m-lg-n5 { margin: -2rem !important; }  .mt-lg-n5,  .my-lg-n5 { margin-top: -2rem !important; }  .mr-lg-n5,  .mx-lg-n5 { margin-right: -2rem !important; }  .mb-lg-n5,  .my-lg-n5 { margin-bottom: -2rem !important; }  .ml-lg-n5,  .mx-lg-n5 { margin-left: -2rem !important; }  .m-lg-n6 { margin: -2.5rem !important; }  .mt-lg-n6,  .my-lg-n6 { margin-top: -2.5rem !important; }  .mr-lg-n6,  .mx-lg-n6 { margin-right: -2.5rem !important; }  .mb-lg-n6,  .my-lg-n6 { margin-bottom: -2.5rem !important; }  .ml-lg-n6,  .mx-lg-n6 { margin-left: -2.5rem !important; }  .m-lg-auto { margin: auto !important; }  .mt-lg-auto,  .my-lg-auto { margin-top: auto !important; }  .mr-lg-auto,  .mx-lg-auto { margin-right: auto !important; }  .mb-lg-auto,  .my-lg-auto { margin-bottom: auto !important; }  .ml-lg-auto,  .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1399px) {  .m-xl-0 { margin: 0 !important; }  .mt-xl-0,  .my-xl-0 { margin-top: 0 !important; }  .mr-xl-0,  .mx-xl-0 { margin-right: 0 !important; }  .mb-xl-0,  .my-xl-0 { margin-bottom: 0 !important; }  .ml-xl-0,  .mx-xl-0 { margin-left: 0 !important; }  .m-xl-1 { margin: 0.25rem !important; }  .mt-xl-1,  .my-xl-1 { margin-top: 0.25rem !important; }  .mr-xl-1,  .mx-xl-1 { margin-right: 0.25rem !important; }  .mb-xl-1,  .my-xl-1 { margin-bottom: 0.25rem !important; }  .ml-xl-1,  .mx-xl-1 { margin-left: 0.25rem !important; }  .m-xl-2 { margin: 0.5rem !important; }  .mt-xl-2,  .my-xl-2 { margin-top: 0.5rem !important; }  .mr-xl-2,  .mx-xl-2 { margin-right: 0.5rem !important; }  .mb-xl-2,  .my-xl-2 { margin-bottom: 0.5rem !important; }  .ml-xl-2,  .mx-xl-2 { margin-left: 0.5rem !important; }  .m-xl-3 { margin: 1rem !important; }  .mt-xl-3,  .my-xl-3 { margin-top: 1rem !important; }  .mr-xl-3,  .mx-xl-3 { margin-right: 1rem !important; }  .mb-xl-3,  .my-xl-3 { margin-bottom: 1rem !important; }  .ml-xl-3,  .mx-xl-3 { margin-left: 1rem !important; }  .m-xl-4 { margin: 1.5rem !important; }  .mt-xl-4,  .my-xl-4 { margin-top: 1.5rem !important; }  .mr-xl-4,  .mx-xl-4 { margin-right: 1.5rem !important; }  .mb-xl-4,  .my-xl-4 { margin-bottom: 1.5rem !important; }  .ml-xl-4,  .mx-xl-4 { margin-left: 1.5rem !important; }  .m-xl-5 { margin: 2rem !important; }  .mt-xl-5,  .my-xl-5 { margin-top: 2rem !important; }  .mr-xl-5,  .mx-xl-5 { margin-right: 2rem !important; }  .mb-xl-5,  .my-xl-5 { margin-bottom: 2rem !important; }  .ml-xl-5,  .mx-xl-5 { margin-left: 2rem !important; }  .m-xl-6 { margin: 2.5rem !important; }  .mt-xl-6,  .my-xl-6 { margin-top: 2.5rem !important; }  .mr-xl-6,  .mx-xl-6 { margin-right: 2.5rem !important; }  .mb-xl-6,  .my-xl-6 { margin-bottom: 2.5rem !important; }  .ml-xl-6,  .mx-xl-6 { margin-left: 2.5rem !important; }  .p-xl-0 { padding: 0 !important; }  .pt-xl-0,  .py-xl-0 { padding-top: 0 !important; }  .pr-xl-0,  .px-xl-0 { padding-right: 0 !important; }  .pb-xl-0,  .py-xl-0 { padding-bottom: 0 !important; }  .pl-xl-0,  .px-xl-0 { padding-left: 0 !important; }  .p-xl-1 { padding: 0.25rem !important; }  .pt-xl-1,  .py-xl-1 { padding-top: 0.25rem !important; }  .pr-xl-1,  .px-xl-1 { padding-right: 0.25rem !important; }  .pb-xl-1,  .py-xl-1 { padding-bottom: 0.25rem !important; }  .pl-xl-1,  .px-xl-1 { padding-left: 0.25rem !important; }  .p-xl-2 { padding: 0.5rem !important; }  .pt-xl-2,  .py-xl-2 { padding-top: 0.5rem !important; }  .pr-xl-2,  .px-xl-2 { padding-right: 0.5rem !important; }  .pb-xl-2,  .py-xl-2 { padding-bottom: 0.5rem !important; }  .pl-xl-2,  .px-xl-2 { padding-left: 0.5rem !important; }  .p-xl-3 { padding: 1rem !important; }  .pt-xl-3,  .py-xl-3 { padding-top: 1rem !important; }  .pr-xl-3,  .px-xl-3 { padding-right: 1rem !important; }  .pb-xl-3,  .py-xl-3 { padding-bottom: 1rem !important; }  .pl-xl-3,  .px-xl-3 { padding-left: 1rem !important; }  .p-xl-4 { padding: 1.5rem !important; }  .pt-xl-4,  .py-xl-4 { padding-top: 1.5rem !important; }  .pr-xl-4,  .px-xl-4 { padding-right: 1.5rem !important; }  .pb-xl-4,  .py-xl-4 { padding-bottom: 1.5rem !important; }  .pl-xl-4,  .px-xl-4 { padding-left: 1.5rem !important; }  .p-xl-5 { padding: 2rem !important; }  .pt-xl-5,  .py-xl-5 { padding-top: 2rem !important; }  .pr-xl-5,  .px-xl-5 { padding-right: 2rem !important; }  .pb-xl-5,  .py-xl-5 { padding-bottom: 2rem !important; }  .pl-xl-5,  .px-xl-5 { padding-left: 2rem !important; }  .p-xl-6 { padding: 2.5rem !important; }  .pt-xl-6,  .py-xl-6 { padding-top: 2.5rem !important; }  .pr-xl-6,  .px-xl-6 { padding-right: 2.5rem !important; }  .pb-xl-6,  .py-xl-6 { padding-bottom: 2.5rem !important; }  .pl-xl-6,  .px-xl-6 { padding-left: 2.5rem !important; }  .m-xl-n1 { margin: -0.25rem !important; }  .mt-xl-n1,  .my-xl-n1 { margin-top: -0.25rem !important; }  .mr-xl-n1,  .mx-xl-n1 { margin-right: -0.25rem !important; }  .mb-xl-n1,  .my-xl-n1 { margin-bottom: -0.25rem !important; }  .ml-xl-n1,  .mx-xl-n1 { margin-left: -0.25rem !important; }  .m-xl-n2 { margin: -0.5rem !important; }  .mt-xl-n2,  .my-xl-n2 { margin-top: -0.5rem !important; }  .mr-xl-n2,  .mx-xl-n2 { margin-right: -0.5rem !important; }  .mb-xl-n2,  .my-xl-n2 { margin-bottom: -0.5rem !important; }  .ml-xl-n2,  .mx-xl-n2 { margin-left: -0.5rem !important; }  .m-xl-n3 { margin: -1rem !important; }  .mt-xl-n3,  .my-xl-n3 { margin-top: -1rem !important; }  .mr-xl-n3,  .mx-xl-n3 { margin-right: -1rem !important; }  .mb-xl-n3,  .my-xl-n3 { margin-bottom: -1rem !important; }  .ml-xl-n3,  .mx-xl-n3 { margin-left: -1rem !important; }  .m-xl-n4 { margin: -1.5rem !important; }  .mt-xl-n4,  .my-xl-n4 { margin-top: -1.5rem !important; }  .mr-xl-n4,  .mx-xl-n4 { margin-right: -1.5rem !important; }  .mb-xl-n4,  .my-xl-n4 { margin-bottom: -1.5rem !important; }  .ml-xl-n4,  .mx-xl-n4 { margin-left: -1.5rem !important; }  .m-xl-n5 { margin: -2rem !important; }  .mt-xl-n5,  .my-xl-n5 { margin-top: -2rem !important; }  .mr-xl-n5,  .mx-xl-n5 { margin-right: -2rem !important; }  .mb-xl-n5,  .my-xl-n5 { margin-bottom: -2rem !important; }  .ml-xl-n5,  .mx-xl-n5 { margin-left: -2rem !important; }  .m-xl-n6 { margin: -2.5rem !important; }  .mt-xl-n6,  .my-xl-n6 { margin-top: -2.5rem !important; }  .mr-xl-n6,  .mx-xl-n6 { margin-right: -2.5rem !important; }  .mb-xl-n6,  .my-xl-n6 { margin-bottom: -2.5rem !important; }  .ml-xl-n6,  .mx-xl-n6 { margin-left: -2.5rem !important; }  .m-xl-auto { margin: auto !important; }  .mt-xl-auto,  .my-xl-auto { margin-top: auto !important; }  .mr-xl-auto,  .mx-xl-auto { margin-right: auto !important; }  .mb-xl-auto,  .my-xl-auto { margin-bottom: auto !important; }  .ml-xl-auto,  .mx-xl-auto { margin-left: auto !important; } }  .border {  border: 1px solid #dee2e6 !important; } .border-top {  border-top: 1px solid #dee2e6 !important; } .border-right {  border-right: 1px solid #dee2e6 !important; } .border-bottom {  border-bottom: 1px solid #dee2e6 !important; } .border-left {  border-left: 1px solid #dee2e6 !important; } .border-0 {  border: 0 !important; } .border-top-0 {  border-top: 0 !important; } .border-right-0 {  border-right: 0 !important; } .border-bottom-0 {  border-bottom: 0 !important; } .border-left-0 {  border-left: 0 !important; } .border-primary {  border-color: #337ab7 !important; } .border-secondary {  border-color: #868e96 !important; } .border-success {  border-color: #5cb85c !important; } .border-info {  border-color: #2196F3 !important; } .border-warning {  border-color: #f0ad4e !important; } .border-danger {  border-color: #d9534f !important; } .border-light {  border-color: #fff !important; } .border-dark {  border-color: #505050 !important; } .border-white {  border-color: #fff !important; } .border-dashed {border-style: dashed !important;} .add-btn-row {  display: flex;  flex-direction: row;  flex-wrap: wrap; } .add-btn-row > div {  display: flex;  padding: 0 15px;  margin: 1.5rem 0;  float: none !important; } .add-btn-row > div > div {  width: 100%;  display: flex;  flex-direction: column; } .add-btn-row > div > div > div:first-child { flex: 11; } .add-btn-row > div > div > div:last-child { flex: 1; } .add-btn-row > div.btn-add a {  width: 100%;  min-height: 150px;  border: 2px dashed #dee2e6 !important;  text-align: center;  display: flex;  align-items: center;  justify-content: center;  font-size:11rem;  color: #dee2e6; } .diary-company .btn-dotted-add, .add-btn-row .btn-dotted-add {  display:flex;  justify-content:center;  align-items:center;  margin: 1.5rem 0 0 0;  border: 2px dashed #dee2e6 !important;  padding:.75rem; } .add-btn-row > div.btn-add a:focus { text-decoration: none; } .add-btn-row > div.btn-add a:hover { color: #bbb; border-color:#bbb; text-decoration: none; } .diary-company .input-title, .add-btn-row .input-title { font-size: 1.5rem; font-weight: bold; } .diary-company .input-list, .add-btn-row .input-list { list-style: none; padding: 0; margin: 0; } .diary-company .input-list li, .add-btn-row .input-list li { display: flex; flex-direction: row; align-items: center; padding:5px 0 0 5px; } .diary-company .input-list li > div, .add-btn-row .input-list li > div { margin-left:.85rem; display:flex; flex-grow:1; } .diary-company .input-list li > div select, .add-btn-row .input-list li > div select { max-width:80%; }  .table-scroll { position: relative; width:100%; z-index: 1; margin: auto; overflow: auto; background-color:#fff;} .table-scroll table {width: 100%;} .table-wrap { position: relative;} .table-scroll th, .table-scroll td {  vertical-align: top;} .table-scroll thead th {  position: -webkit-sticky; position: sticky; top: 0;} .table-scroll tfoot, .table-scroll tfoot th, .table-scroll tfoot td { position: -webkit-sticky; position: sticky; bottom: 0; z-index:4;} .table-scroll th:first-child { position: -webkit-sticky; position: sticky; left: 0; z-index: 2;} .table-scroll thead th:first-child, .table-scroll tfoot th:first-child { z-index: 5;} .d-block { display: block !important; } .d-inline-block { display: inline-block !important; } .d-flex { display: flex !important; } .d-none {  display: none !important; }  .d-flex { display: flex !important; } .flex-row { flex-direction: row !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column { flex-direction: column !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .order-1 { order: 3 !important; } .order-2 { order: 3 !important; } .order-3 { order: 3 !important; } .order-4 { order: 3 !important; } .order-5 { order: 3 !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; }  .rounded-1 {border-radius:0.5rem;} .rounded-2 {border-radius:0.75rem;} .rounded-3 {border-radius:1rem;} .rounded-4 {border-radius:1.5rem;} .rounded-5 {border-radius:2rem;} .rounded-circle {border-radius:100%;} .w-1 {width: 1rem !important;} .w-2 {width: 2rem !important;} .w-3 {width: 3rem !important;} .w-4 {width: 4rem !important;} .w-5 {width: 5rem !important;} .w-6 {width: 6rem !important;} .w-7 {width: 7rem !important;} .w-8 {width: 8rem !important;} .w-9 {width: 9rem !important;} .w-10 {width: 10rem !important;} .h-1 {height: 1rem !important;} .h-2 {height: 2rem !important;} .h-3 {height: 3rem !important;} .h-4 {height: 4rem !important;} .h-5 {height: 5rem !important;} .h-6 {height: 6rem !important;} .h-7 {height: 7rem !important;} .h-8 {height: 8rem !important;} .h-9 {height: 9rem !important;} .h-10 {height: 10rem !important;} .h-25 {height: 25%;} .h-50 {height: 50%;} .h-75 {height: 75%;} .h-100 {height: 100%;}  #curriculum .btn-add-curriculum {  width: 100%;  height: 100%;  border: 2px dashed #ccc;  opacity: 0.5;  cursor: pointer;  transition: all 300ms;  position: relative;  margin: 0; } #curriculum .btn-add-curriculum > div {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  text-align: center;  color: #ccc; } #curriculum .btn-add-curriculum i {  font-size:5rem;  color: #ccc;  } #curriculum .btn-add-curriculum:hover {  opacity: 1; } #curriculum .curriculum-icon {  width: 100%;  height: 100%;  border: 1px solid #ccc;  position: relative; } #curriculum .curriculum-icon img {  width: 70px;  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); } #curriculum .curriculum-icon > div {  opacity: 0;  transition: all 300ms;  position: absolute;  top: 10px;  right: 10px; } #curriculum .curriculum-icon:hover div {  opacity: 1; }