@import url(//fonts.googleapis.com/css?family=Roboto:400,700&display=swap);html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

html {
    font-size: 100% !important;
}

main {
    background-color: transparent !important;
}

body {
    background-color: #fcfcfe;
    font-family: 'Roboto', Helvetica, arial, sans-serif !important;
}

body, a, p, select{
    line-height: 1.6;
    margin: 0;
    font-size: 0.9rem !important;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
	word-break: break-word;
	margin:0;
}

.btn {
    transition: ease-out 300ms;
	border-radius: 8px !important; 
    padding: 6px 12px; 
}

.btn:active, .btn:focus, .btn:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
	-webkit-box-shadow: none;
    box-shadow: none;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.navbar-default {
    box-shadow: 0px 4px 8px rgba(96,97,112,0.16), 0px 0px 2px rgba(40,41,61,0.04) !important;
    z-index: 10;
}

.left-menu-wrapper {
    box-shadow: 0px 4px 8px rgba(96,97,112,0.16), 0px 0px 2px rgba(40,41,61,0.04);
}

.panel {
    border-radius: 8px;
    border: 0 !important;
    box-shadow: 0px 4px 16px rgba(96,97,112,0.06), 0px 0px 2px rgba(40,41,61,0.04) !important;
}

.panel-heading, .modal-header {
    border-radius: 8px 8px 0 0;
    padding: 15px 15px !important;
    box-shadow: 0px 2px 2px rgba(96,97,112,0.04), 0px 2px 2px rgba(40,41,61,0.01) !important;
}

.panel-footer, .modal-footer {
    border-radius: 0 0 8px 8px;
    padding: 10px 15px !important;
    box-shadow: 0px 2px 2px rgba(96,97,112,0.04), 0px 2px 2px rgba(40,41,61,0.01) !important;
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: transparent !important;
    border-top: 1px solid #eaeaea !important;
    color: #309bc7 !important;
}

.div-style-1, .div-style-2, .div-style-3, .div-style-4 {
    margin: 0;
    padding: 15px;
    border-radius: 8px;
}

div.div-style-1{
    background-color: transparent;
    box-shadow: none;
}

div.div-style-1.clickable:hover {
    background-color: #d4d4d440;
}

.alert {
    padding: 12px;
    border: 0;
    border-radius: 8px;
}

.table-hover > tbody > tr:hover {
    background-color: #F1FaFb!important;
}

div.form-horizontal>div.form-group input[type='text'].form-control, div.panel input[type='text'].form-control, div.form-horizontal>div.form-group input[type='number'].form-control, div.panel input[type='number'].form-control, div.form-horizontal>div.form-group input[type='password'].form-control, div.panel input[type='password'].form-control, div.form-horizontal>div.form-group input[type='email'].form-control, div.panel input[type='email'].form-control, div.form-horizontal>div.form-group select.form-control, div.panel select.form-control, div.form-horizontal>div.form-group .input-group>span.form-control, div.panel .input-group>span.form-control, div.form-horizontal>div.form-group .input-group>a.form-control, div.panel .input-group>a.form-control, div.form-horizontal>div.form-group .input-group .btn-file, div.panel .input-group .btn-file, .form-control {
    border-radius: 8px;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

label>input[type=checkbox]+span.indicator {
    border-radius: 4px;
}

div.form-horizontal>div.form-group.is-required>label.control-label>span.required-indicator:before {
    font-size: 1.2rem;
    line-height: 0;
    margin-left: -2px;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-radius: 8px 0 0 8px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 0 8px 8px 0;
}

::-webkit-scrollbar {
    height: 1rem;
    width: .5rem
}

::-webkit-scrollbar:horizontal {
    height: .5rem;
    width: 1rem
}

::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 9999px
}

::-webkit-scrollbar-thumb {
    --tw-border-opacity: 1;
    background-color: rgba(217,217,227,.8);
    border-color: rgba(255,255,255,var(--tw-border-opacity));
    border-radius: 9999px;
    border-width: 1px
}

::-webkit-scrollbar-thumb:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(236,236,241,var(--tw-bg-opacity))
}