html {
    width: 100%;
}
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
	padding:0;
	margin:0;
	height: 100%;
	overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6,ul,p,label { padding:0; margin:0;}
ul { list-style:none; padding:0; margin:0;}
a { text-decoration:none;}
a:hover, a:focus { text-decoration:none; outline:none;}
a img { border:none;}
p a { color:#2daee4; text-decoration:underline;}
p a:hover { color:#1a8ebf; text-decoration:underline;}
strong { font-weight:700;}
.align-right { text-align:right;}
button:focus { outline:none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
	opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
	opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
	opacity:1;
}
.hide { display:none;}
button { cursor:pointer; border:0;}
* { -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
select { -webkit-appearance: none; border-radius: 0;}

.change-image {
    max-height: 250px;
}

.img-centered {
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}

img.mfp-img {
    background: white;
    padding: 20px;
    margin: 40px auto;
}

.main { float:left; width:100%;}
.main [class*=' col-'] { padding:0;}
.left-panel { float:left; width:100%; min-height:100vh;background:#666666;}
.left-panel .head { float:left; width:100%; padding:0 0 0 25px; background:#fff;}
.results-found { float:left; font-size:22px; font-weight:300; color:#535353; text-transform:uppercase; margin:20px 0 0 0;}
.results-found strong { font-weight:600;}
.logo { float:left; width:100%; background:#666666; display:flex; justify-content:flex-start; align-items:flex-end; padding:50px 0 0;}
.clear-selection { float:right; display:none;}
.clear-selection a { float:left; width:80px; height:80px; font-size:25px; font-weight:400; text-transform:uppercase; color:#000; display:flex; align-items:center; justify-content:center}
.selection { float:left; width:100%; margin:40px 0 20px;}
.selection a { float:left; background:#f3f3f3; padding:5px 15px; font-size:15px; font-weight:400; color:#333; margin:0 10px 10px 0; border-radius:30px; position:relative;}
.selection a::after { content:'\f00d'; font-family:'Font Awesome\ 5 Free'; font-weight: 900; float:right; margin:0 0 0 10px;}
.selection a:hover { background:#555; color:#fff;}
.accordion-container { float:left; width:100%; position:relative; height:auto; margin:0 0 0 0;}
.category { float:left; width:100%; background-color:#f5f5f5; text-decoration:none; position:relative;}
.category > a { float:left; width:100%; font-size:25px; font-weight:200; color:#fff; text-transform:uppercase; padding:30px; position:relative;}
.category > a::after { content: '\f067'; position:absolute; right:30px; top:30px; font-family:'Font Awesome\ 5 Free'; font-weight: 900; font-size:22px;}
.category.active > a::after { content: '\f068';}
.category-content { float:left; width:100%; padding:0 30px 30px; display:none; color:#fff;}
.category.active .category-content { display:block;}
.advance-search { float:left; width:100%; background:#01B14C; padding:30px 0; text-align:center;}
.advance-search a { display:inline-block; font-size:15px; font-weight:500; color:#fff; text-transform:uppercase; border:2px solid #fff; border-radius:4px; padding:15px 60px;background:#01B14C; color:#fff;}
.advance-search a:hover { background:#333; color:#fff;}
.search-go { float:left; width:100%; background:#0094D4;; padding:30px 0; text-align:center;}
.search-go button { display:inline-block; font-size:15px; font-weight:500; color:#fff; text-transform:uppercase; border:2px solid #000; border-radius:4px; padding:15px 60px;background:#0094D4; color:#fff;}
.search-go a:hover { background:#333; color:#fff;}
.list-options { float:left; width:100%;}
.list-options ul { float:left; width:100%;}
.list-options ul li { float:left; width:100%; margin:0 0 20px 0;}
.list-options ul li input { float:left; margin:1px 10px 0 0;}
.list-options input[type="checkbox"]:focus { outline: none;}
.list-options input[type="checkbox"] { width:22px; height:22px; position: relative; appearance: none; -webkit-appearance: none;}
.list-options input[type="checkbox"]::after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border: 1px solid #fff; z-index: 1;}
.list-options input[type="checkbox"]::before { content:'\f00c'; color:white; position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; font-size:14px; line-height:20px; font-family: "Font Awesome 5 Free"; font-weight: 900; background:#317f86; border:1px solid #fff; z-index: 2; transition: opacity .2s; opacity: 0;}
.list-options input[type="checkbox"]:focus::before { box-shadow: inset 0 0 0.1em 0 white;}
.list-options input[type="checkbox"]:checked::before { opacity: 1;}
.list-options ul li label { float:left;}
.list-options ul li label div { display:inline-block; font-size:17px; line-height:30px; color:#fff;}
.list-options ul li span { font-size:15px; font-weight:300; color:#fff;}
.list-options ul li a.learn-more { float:right; font-size:13px; font-weight:300; color:#fff; margin:2px 0 0 0; position:relative;}
.list-options ul li a.learn-more::after { text-decoration: none; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f05a"; float:left; margin:-2px 5px 0 0; font-size:16px;}
.features-and-values label { width:100%; margin:0 0 5px 0; font-size:17px; font-weight:600; color:#fff;}
.more-info { float:left; width:100%; margin:20px 0;}
.more-info h3 { float:left; width:100%; font-size:17px; color:#fff; margin:0 0 15px 0;}
.more-info h3 i { margin:0 10px 0 0;}
.more-info p { float:left; width:100%; font-size:17px; color:#fff; padding:0 0 0 20px; border-left:5px solid #378e97;}
.category.item-language { background:#01B14C;}
.category.item-wordclass { background:#FDBA2D;}
.category.item-wordclass .list-options ul li { width:50%;}
.category.item-subclass { background:#0094D4;}
.category.item-mechanism { background:#F04533;}
.category.item-change-type { background:#FF8000;}
.category.item-features-values { background:#282D6F;}
.category.item-features-values .more-info p { border-left:5px solid #468174;}

.advance-panel { position:fixed; left:-40%; top:0; width:40%; height:100%; background:#2ece72; box-shadow:0 5px 10px rgba(0,0,0,0.4); z-index:1; overflow-y:scroll;}
.advance-panel-open { left:0; z-index: 100; }
.advance-head { float:left; width:100%; padding:30px;}
.advance-head h2 { float:left; font-size:25px; font-weight:300; color:#333; text-transform:uppercase; line-height:36px;}
.advance-head a { float:right; font-size:25px; color:#fff;}
.advance-panel ul { float:left; width:100%;}
.advance-panel ul li { float:left; width:100%; padding:10px 20px;}
.advance-panel ul li:nth-child(odd) { background:#01B14C;}
.advance-panel ul li:nth-child(even) { background:#2ece72;}
.advanced-condition { float:left; width:95%;}
.advanced-condition select { float:left; min-width:150px; background:none; padding:4px 5px; border:1px solid #fff; border-radius:5px; font-size:17px; font-weight:400; color:#333; margin: 10px 10px 10px 0;}
.advanced-condition select.small { min-width:50px;}
.advance-panel ul .advanced-subcondition { margin-left: 3%; }
.advance-panel ul .advanced-subcondition select { padding: 2px 5px; margin: 5px 5px 5px 0; font-size: 15px; }
.remove-selects { float:right; font-size:17px; color:#333; margin:10px 0 0 0;}
.advance-checkboxes { float:left; width:100%; margin:20px 0;}
.advance-checkboxes ul li { float:left; width:25%; background:none !important; padding:15px 20px}
.advance-checkboxes ul li input[type="checkbox"]:focus { outline: none;}
.advance-checkboxes ul li input[type="checkbox"] { float:left; width:22px; height:22px; position: relative; appearance: none; -webkit-appearance: none;}
.advance-checkboxes ul li input[type="checkbox"]::after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border: 1px solid #fff; z-index: 1;}
.advance-checkboxes ul li input[type="checkbox"]::before { content:'\f00c'; color:white; position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; font-size:14px; line-height:20px; font-family: "Font Awesome 5 Free"; font-weight: 900; background:#555; border:1px solid #fff; z-index: 2; transition: opacity .2s; opacity: 0;}
.advance-checkboxes ul li input[type="checkbox"]:focus::before { box-shadow: inset 0 0 0.1em 0 white;}
.advance-checkboxes ul li input[type="checkbox"]:checked::before { opacity: 1;}
.advance-checkboxes ul li label { float:left; font-size:17px; line-height:22px; color:#333; margin:0 0 0 10px;}
.incontext { float:left; margin:30px 0 0 20px;}
.incontext label { float:left; font-size:17px; color:#333; margin:0 10px 0 0; padding:8px 0;}
.incontext select { float:left; min-width:150px; background:none; padding:5px 10px; border:1px solid #fff; border-radius:5px; font-size:17px; font-weight:400; color:#333; margin:0 10px 0 0;}
.add-condition { float:left; width:100%; background:#01B14C; padding:30px 0; text-align:center;}
.add-condition a { display:inline-block; font-size:15px; font-weight:500; color:#fff; text-transform:uppercase; border:2px solid #fff; border-radius:4px; padding:15px 60px;background:#01B14C; color:#fff;}
.add-condition a:hover { background:#333; color:#fff;}
.add-subcondition { float:left; width:100%; padding:15px 0; }
.add-subcondition a { display:inline-block; font-size:12px; font-weight:500; color:#fff; text-transform:uppercase; border:2px solid #fff; border-radius:4px; padding:8px 30px; color:#fff;}
.add-subcondition a:hover { background:#333; color:#fff;}
.condition-fixed-relationship { float: left; padding: 4px 5px; font-size: 17px; font-weight: 400; color: #333; margin: 12px 10px 10px 0; }
.advanced-subcondition .condition-fixed-relationship { margin: 4px 4px 10px 0; }
.extra-restrictions {
    width: 100%;
    display: block;
    float: left;
}
.extra-restrictions select { padding: 2px 5px; margin: 5px 5px 5px 0; font-size: 15px; }
.extra-restrictions-label {
    float: left;
    margin: 10px 10px 10px 0;
}

.right-panel { float:left; width:100%;}
.right-panel .head { float:left; width:100%; background:#f5f5f5; padding:25px;}
.right-panel h2 { float:left; font-size:22px; font-weight:500; color:#254581; text-transform:uppercase;}
.export-data { float:right;}
.export-datad { float:right;}
.export-data a { float:left; font-size:17px; font-weight:400; text-transform:uppercase; color:#535353;}
.export-data a i { margin:0 0 0 10px;}
.export-datad a { float:left; font-size:17px; font-weight:400; text-transform:uppercase; color:#fff;}
.export-datad a i { margin:0 0 0 10px;}
.filter { float:left; clear:both; margin:10px 0 0 0; display:none;}
.filter a { float:left; font-size:12px; font-weight:500; color:#274681; text-transform:uppercase; border:2px solid #274681; border-radius:4px; padding:4px 10px;}
.filter a:hover { background:#274681; color:#fff;}
.footable-row-detail{ background:#f5f5f5 !important;}
.table-list .table th { background:#f5f5f5; padding:20px 30px; border:none; font-size:17px; font-weight:400; color:#535353;}
.table-list .table td { padding:20px 30px; border:1px solid #f5f5f5; font-size:17px; font-weight:400; color:#333;}
.footable.breakpoint > tbody > tr > td > span.footable-toggle { margin:0 20px 0 0;}
.footable.breakpoint > tbody > tr > td > span.footable-toggle::before { content:"\f054"; font-family:'Font Awesome\ 5 Free'; font-weight: 900;}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle::before { content:"\f078"; font-family:'Font Awesome\ 5 Free'; font-weight: 900;}
.lang-det { float:left; width:80%; font-size:17px; color:#555; margin:20px 0 0 0;}
.lang-det p { float:left; width:100%; margin:0 0 20px 0;}
.lang-det span { float:left; width:100%; margin:0 0 20px 0;}
.lang-det a { float:left; font-size:15px; font-weight:500; color:#274681; text-transform:uppercase; border:2px solid #274681; border-radius:4px; padding:10px 40px;}

.theme--light.v-table tbody tr:not(:last-child) {
    border-bottom: 0 solid rgb(245, 245, 245);
}
table.v-table tbody td {
    font-weight: 400;
    font-size: 14px;
}
.theme--light.v-datatable thead th.column {
    background: #f5f5f5;
    font-size: 14px;
    color: #535353;
}
.v-datatable__expand-row {
    background: #f5f5f5;
}
.expandable-row-details .lang-det {
    padding-bottom: 20px;
}

.modal, .modal-box { z-index: 900;}
.modal-sandbox { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: transparent;}
.modal { display: none;  position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgb(0,0,0); background: rgba(0,0,0,.8); overflow: auto;}
.modal-box { position: relative; width: 80%; max-width: 920px; margin: 100px auto; animation-name: modalbox; animation-duration: .4s; animation-timing-function: cubic-bezier(0,0,.3,1.6);}
.modal-header { padding: 20px 40px; background: #546E7A; color: #ffffff;}
.modal-body { background: #ECEFF1; padding: 60px 40px;}
.close-modal { text-align: right; cursor: pointer;}


.detail-page { float:left; width:100%;}
.inner-header { float:left; width:100%; background:#162f6d;color:#fff; padding:20px 40px 40px 40px;}
.inner-header h1 { float:left; font-size:30px; color:#ffffff!important; margin:20px 0 0 0;}
.inner-header h1 strong { font-weight:600;}
.detail-page { float:left; width:100%; padding:50px 0;}
.nav-btn { display:inline-block; margin:14px 0 0 0; background:#fff; border:2px solid #535353; border-radius:4px; padding:10px 15px; color:#535353;}
.nav-btn i { margin:0 5px;}
.nav-btn:hover { background:#535353; color:#fff;}

#next-changes-box {
    padding-top: 20px;
    position: absolute;
    right: 15px;
    top: 65px;
    width: 500px;
    z-index: 100;
    background: #ffffff;
    border: 1px solid #333333;
}
#next-changes-box h4 {
    color: #254581;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 20px;
    font-size: 20px;
    display: inline-block;
    width: 80%;
}
#next-changes-box .close-icon {
    float: right;
    margin-right: 30px;
}
#next-changes-box .close-icon > img {
    width: 20px;
}
#next-changes-box .next-change {
    float: left;
    color: #666666;
    padding: 20px;
    width: 100%;
    display: block;
    font-size: 12px;
}
#next-changes-box .next-change h5 {
    font-size: 20px;
}
#next-changes-box .next-change .next-change-info {
    width: 50%;
    float: left;
    padding-right: 5px;
}
#next-changes-box .next-change .next-change-image {
    width: 50%;
    float: left;
    padding-left: 5px;
}
#next-changes-box .next-change:hover {
    background: #254581;
    color: #ffffff;
}
#next-changes-box .next-change img {
    width: 100%;
}
.image-lightbox-popup {
    display: block;
    height: 100%;
}
.left-det { float:left; width:100%;}
.left-det-img { float:left; width:100%; margin:0 0 50px 0;}
.left-det p { float:left; width:90%; font-size:20px; color:#535353; line-height:30px;}
.left-det p a { color:#254581;}
.right-det { float:left; width:100%;}
.right-det-img { float:left; width:100%; margin:0 0 50px 0;}
.right-det h3 { float:left; width:100%; font-size:20px; font-weight:700; color:#666; margin:0 0 10px 0;}
.summary-table {
    width:60%;float:left;margin-left:20%;
}
.right-det ul { float:left; width:100%; margin:0 0 15px 0; }
.right-det ul li { float:left; width:100%; background:#f5f5f5; padding:5px 10px;}
.right-det ul li:nth-child(even) { background:#fff;}
.right-det ul li label { float:left; width:40%; min-height: 1px;}
.right-det ul li span { float: left; width: 60%; padding-left: 30px;}
.card{ margin-bottom:20px;}
.btn-link:hover, .btn-link{
    color:#333;
    text-decoration: none;
}

.notes-references {
    color: #162f6d;
}
.notes-references a {
    text-decoration: none;
    margin-right: 10px;
    color: #162f6d;
    cursor: pointer;
}
.notes-references span:last-child a {
    margin-right: 0;
}
.reference-full-text p {
    display: block;
    font-size: 12px!important;
    color: #162f6d;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width:100% !important;
}

.more-less {
    padding-top: 5px;
    float: right;
    color: #212121;
}



/* PRINT styles */
@media print {
    body {
        height: 595px;
        width: 842px;
        /* to centre page on screen*/
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        margin-bottom: auto;
    }
    * {
        -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
        color-adjust: exact !important;  /*Firefox*/
        float: none !important;
    }
    .hide-on-print {
        display: none!important;
        height: 0;
        width: 0;
    }

    .inner-header {
        background: #b9b9b9;
    }

    .print-as-block {
        display: block;
    }
}