.table .table-sm { display: table; width: 100%; margin: 15px 0; }
.table .table-sm tr th {
    cursor: default;
    font-family: 'BlenderBold', Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #3c3c3c;
    text-align: right;
    vertical-align: top;
    background-color: #ffcd32;
    padding: 10px;
}
.table .table-sm tr:nth-child(odd) { background-color: #f0f2f5; }
.table .table-sm tr td {
    font-family: 'blenderRegular', Arial, sans-serif;
    font-size: 17px;
    line-height: 17px;
    color: #3c3c3c;
    text-align: right;
    vertical-align: top;
    padding: 10px;
    position: relative;
}

.table .table-sm-print tr td:first-child + td { width:70%; }

.table .table-sm-vertical tr td:first-child {
    cursor: default;
    font-family: 'BlenderBold', Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #3c3c3c;
    text-align: right;
    vertical-align: inherit;
    background-color: #ffcd32;
    padding: 10px;
    width:145px;
}

.table .table-sm-vertical tr:nth-child(odd) { background-color: #f0f2f5; }

.table .table-sm-vertical tr td {
    font-family: 'blenderRegular', Arial, sans-serif;
    font-size: 17px;
    line-height: 17px;
    color: #3c3c3c;
    text-align: right;
    vertical-align: top;
    padding: 10px;
    position: relative;
}

/* Tables*/
/*:::::::::: TABLE 2 ::::::::::*/
.table2 { margin-left:-15px; padding-top:10px; margin-bottom:36px;}

.table2 .table-lg { display:none;}

.table2 .table-scrl { width: 100%; display: block; border-collapse:collapse;}

.table2 .table-scrl thead {float:right; max-width: 90px; overflow: hidden;}
.table2 .table-scrl thead th {font-family: 'BlenderBold', Arial, sans-serif; font-size: 15px; line-height:17px; color: #3c3c3c; text-align:right; vertical-align:top; background-color:#ffcd32;  padding:10px; display:block; height:54px; letter-spacing:-0.3px;}

.table2 .table-scrl tbody {overflow:auto; display:block; width:auto; white-space:nowrap; }
.table2 .table-scrl tr { display: inline-block; }
.table2 .table-scrl tr td {font-family: 'blenderRegular', Arial, sans-serif; font-size: 17px; line-height:17px; color: #3c3c3c; text-align:right; vertical-align:top; padding:10px; display:block; height:54px;}
.table2 .table-scrl tr td:nth-child(odd) { background-color: #f0f2f5;}


@media (min-width: 768px) {
.table2 { margin-left:0;}

.table2 .table-scrl { display:none;}

.table2 .table-lg { display: table; width:100%; border-collapse:collapse;}
.table2 .table-lg tr { cursor:pointer;}
.table2 .table-lg tr th, .table2 .table-lg tr.collapse-tr { cursor: default;}
.table2 .table-lg tr th {font-family: 'BlenderBold', Arial, sans-serif; font-size: 14px; line-height:16px; color: #3c3c3c; text-align:right; vertical-align:top; background-color:#ffcd32;  padding:10px; border:2px solid #ffcd32;}
.table2 .table-lg tr td {font-family: 'blenderRegular', Arial, sans-serif; font-size: 17px; line-height:17px; color: #3c3c3c; text-align:right; vertical-align:top; padding:7px 10px 3px; height:46px; position:relative; border:2px solid #ffffff; }
.table2 .table-lg tr.odd td { background-color: #f0f2f5; }
.table2 .table-lg tr.odd td{ border:2px solid #f0f2f5;}
.table2 .table-lg tr td.open, .table2 .table-lg tr.odd td.open { border-left:2px solid #0072bc;}

.table2 .table-lg .collapse-tr td { padding:0; height:0;}
.table2 .table-lg .collapse-tr td .expand-row { display:none; border-top: 1px solid #d0d0d0; margin-left:40px; padding:10px 20px;}
.table2 .table-lg .collapse-tr td .expand-row h3 {margin-bottom:0!important; font-family: 'BlenderBold', Arial, sans-serif!important; font-size: 14px!important; color:#3C3C3C!important; line-height: 20px;}
.table2 .table-lg .collapse-tr td .expand-row h3 span{ font-family: 'BlenderLight', Arial, sans-serif!important;}

.table2 .table-lg tr td.expand-row-arrow { vertical-align:middle;}
.table2 .table-lg tr td.expand-row-arrow a span{ font-size:12px; color:#0072bc; cursor:pointer; }
    td.expand-row-arrow a{text-decoration: none}
    td.expand-row-arrow a:focus .icon-down:before{color:red; }
   /*accessibility*/
    td.expand-row-arrow a:hover .icon-up:before,
    td.expand-row-arrow a:hover .icon-down:before {color:#015890;}
    td.expand-row-arrow a:focus .icon-up:before,
    td.expand-row-arrow a:focus .icon-down:before,
    td.expand-row-arrow a:active .icon-down:before,
    td.expand-row-arrow a:active .icon-up:before{color:#003252;}

    .table4-line .expand-ln a .icon-plus:before,
    .table4-line .expand-ln a .icon-x:before{padding:5px;}

    .table4-line .expand-ln a:hover .icon-plus:before,
    .table4-line .expand-ln a:hover .icon-x:before {-webkit-border-radius:50%; -moz-border-radius:50%; border-radius: 50%; background:#dbdcdd;}
    .table4-line .expand-ln a:focus .icon-plus:before,
    .table4-line .expand-ln a:focus .icon-x:before,
    .table4-line .expand-ln a:active .icon-x:before,
    .table4-line .expand-ln a:active .icon-plus:before{border-radius: 50%; background:#dbdcdd;}

}

@media (min-width:992px) {

}

@media (min-width: 1200px) {
.table2 .table-lg tr th { font-size: 14px;}
}

/*:::::::::: TABLE 4 ::::::::::*/
.table4 { margin-bottom:36px;}

.table4-line { background-color:#f0f2f5; padding:10px 10px 5px; margin-bottom:5px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.table4-line.active { margin-left:-15px;}
.table4-line .expand-ln { cursor:pointer;}
.table4-line p { font-size:19px; line-height:21px; overflow:hidden; max-height:42px; margin-bottom:5px;}
.table4-line.active p {max-height: none; margin-left:15px; }
.table4-line .icon-plus { font-size:11px; float:right; padding-left: 10px; line-height:20px; cursor:pointer; color:#3c3c3c;}
.table4-line .table2 { display:none; border:1px solid #ccced0; margin-left:-10px; padding-top:0px; margin-bottom:10px; background-color:#ffffff; margin-top:7px; }

@media (min-width:768px) {
.table4-line.active { margin-left:0;}
.table4-line p { white-space:nowrap; text-overflow:ellipsis; max-height: none; }
.table4-line.active p {white-space:normal; margin-left:0;}
.table4-line .table2 { margin-left:0;}
.table4-line .table2 .table-lg tr th {font-size: 14px; line-height:16px; }
.table4-line .table2 .table-lg tr td p{font-size: 17px; line-height:17px; }
}

@media (min-width: 1200px) {
.table4-line .icon-plus { font-size:9px;}
}


@media (max-width: 768px){
    .table4-line.active { margin-left:0;}

}

div.table2 table.table-color-account .radio,
div.table2 table.table-color-account .checkbox,
div.table2 table.table-color-account .radio label::before, 
div.table2 table.table-color-account .checkbox label::before, 
div.table2 table.table-color-account .radio label::after,
div.table2 table.table-color-account .checkbox label::after {
    margin: 0px !important;
    top: 1px;
}

div.table2 table.table-color-account th {
    background-color: #96d5f8 !important;
    border: 1px solid #96d5f8 !important;
    text-align: right;
}

div.table2 table.table-color-account .radio label,
div.table2 table.table-color-account .checkbox label {
    font-size:1em;
    padding-right:45px;
    top:8px;
}
div.table2 table.table-color-account .checkbox label {
    font-size:0.5em;
}
div.table2 table.table-color-account .radio label::before,
div.table2 table.table-color-account .checkbox label::before {
    top:-2px;
}

div.table2 table.table-color-account h3 {
    border-bottom:none;
}
/* End Tables*/