/* Fonts */
/*Lora*/
@font-face {
    font-family: 'Lora';
    src: url("../fonts/lora/Lora-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lora/Lora-Bold.woff") format("woff"), url("../fonts/lora/Lora-Bold.ttf") format("truetype"), url("../fonts/lora/Lora-Bold.svg#SFUFutura") format("svg");
    font-weight: bold;
}

@font-face {
    font-family: 'Lora';
    src: url("../fonts/lora/Lora-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lora/Lora-Regular.woff") format("woff"), url("../fonts/lora/Lora-Regular.ttf") format("truetype"), url("../fonts/lora/Lora-Regular.svg#SFUFutura") format("svg");
    font-weight: normal;
}

/* Nunito */
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Bold.woff") format("woff"), url("../fonts/opensans/OpenSans-Bold.ttf") format("truetype"), url("../fonts/opensans/OpenSans-Bold.svg#SFUFutura") format("svg");
    font-weight: bold;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Regular.woff") format("woff"), url("../fonts/opensans/OpenSans-Regular.ttf") format("truetype"), url("../fonts/opensans/OpenSans-Regular.svg#SFUFutura") format("svg");
    font-weight: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Light.woff") format("woff"), url("../fonts/opensans/OpenSans-Light.ttf") format("truetype"), url("../fonts/opensans/OpenSans-Light.svg#SFUFutura") format("svg");
    font-weight: 300;
}

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/OpenSans-Semibold.woff") format("woff"), url("../fonts/opensans/OpenSans-Semibold.ttf") format("truetype"), url("../fonts/opensans/OpenSans-Semibold.svg#SFUFutura") format("svg");
    font-weight: 600;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular.woff") format("woff"), url("../fonts/roboto/Roboto-Regular.ttf") format("truetype"), url("../fonts/roboto/Roboto-Regular.svg#SFUFutura") format("svg");
    font-weight: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Bold.woff") format("woff"), url("../fonts/roboto/Roboto-Bold.ttf") format("truetype"), url("../fonts/roboto/Roboto-Bold.svg#SFUFutura") format("svg");
    font-weight: 300;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Medium.woff") format("woff"), url("../fonts/roboto/Roboto-Medium.ttf") format("truetype"), url("../fonts/roboto/Roboto-Medium.svg#SFUFutura") format("svg");
    font-weight: 500;
}

@font-face {
    font-family: 'UTM-Alexander';
    src: url("../fonts/UTMAlexar/UTMAlexander.eot?#iefix") format("embedded-opentype"), url("../fonts/UTMAlexar/UTMAlexander.woff") format("woff"), url("../fonts/UTMAlexar/UTMAlexander.ttf") format("truetype"), url("../fonts/UTMAlexar/UTMAlexander.svg#SFUFutura") format("svg");
}
.cl {
    color: gray;
}
/*
example keyframes
@include keyframes( incrediblehulk ){
    0% {
        color: #f8d2c0;
    }
    100% {
        color: #0f0;
    }
}*/
/*Popup thông báo*/
.gridheader th{
    text-align:center;
}
.gridview2 {
    border: 1px solid #c1c1c1;
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif, Trebuchet MS;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    font-size: 14px;
    width:100%;
}

.gridview2 tr:nth-child(even) {
        background-color: white;
}

.gridview2 tr:nth-child(odd) {
        background-color: antiquewhite;
}

.gridview2 th {
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#e5e5e9),color-stop(1,#fbfbfc));
        vertical-align: middle;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif, Trebuchet MS;
        font-weight: 600;
        height: 30px;
        /*text-shadow: 1px 1px 0px #ffffff;*/
        border: solid 1px #c1c1c1;
        color:black;
}

.gridview2 .alt {
        background: linear-gradient(#fff,#e6e6e6);
}
/*Đoạn này bỏ gạch chân và đổi màu cho cột được sắp xếp*/
.gridview2 th a {
        text-decoration: none;
        color: dodgerblue;
}

.gridview2 tr {
        height: 25px;
        vertical-align: middle;
        border:1px solid #ddd;
}

.gridview2 tr:hover {
            background-color: #00ff21;
}

.gridview2 tr td {
        vertical-align: middle;
        border:1px solid #ddd;
}
.canhgiua{
    text-align:center;
}
.selectrow{
    color:blue;
    font-weight:bold;
}

.PagerStyle table {
    margin: auto;
    border: none;
}

tr.PagerStyle {
    text-align: center;
    background-color: #ddd;
}

.PagerStyle table td {
    border: 1px;
    padding: 5px;
}

.PagerStyle a {
    border: 1px solid #fff;
    padding: 2px 5px 2px 5px;
    color: #333;
    text-decoration: none;
}

tr.PagerStyle:hover {
    background-color: none;
}

tr.PagerStyle a:hover {
    color: red;
    font-weight: bold;
}

.PagerStyle span {
    padding: 2px 5px 2px 5px;
    color: #000;
    font-weight: bold;
    border: 2px solid green;
}
.popup {
    width: 60%;
    height: 90%;
    box-shadow: 1px 1px 10px 5px;
    border: 1px solid;
    position: fixed;
    /*background-color: #fefefe;*/
    background-color: #fefefe;
    z-index: 1005;
    border-radius: 8px;
    padding: 15px;
    overflow-y: auto;
}
.popupnho {
    width: 500px;/*40%*/
    max-height: 90%;/*40%*/
    box-shadow: 1px 1px 10px 5px;
    border: 1px solid;
    position: fixed;
    background-color: #fefefe;
    /*background-color: darkgrey;*/
    z-index: 1005;
    border-radius: 8px;
    padding:15px;
    overflow-y:auto;
}
@media (max-width: 768px) {
    .popup{
        width:98%;
        height:90%;
    }
    .popupnho {
        width: 90%;/*90%;*/
        /*min-height: 300px;*//*70%;*/
    }
}
/*Hiển thị dòng thông báo đợi giữa màn hình*/
  
.modal1 {
    position: fixed; /* vị trí cố định */
    z-index: 1999; /* Ưu tiên hiển thị trên cùng, giá trị càng lớn thì ưu tiên càng cao */
    padding-top: 150px; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}
 
/* Modal Content */
.modal1-content {
    z-index:2000;    
    background-color:#fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 40%;
    justify-content:center;
    align-items:center;
    border-radius:5px;
}

@media (max-width: 768px) {
.modal1-content {
    background-color:#fefefe;
    margin: auto;
    padding: 10px;
    border: 1px solid #888;
    width: 90%;
    justify-content:center;
    align-items:center;
    border-radius:5px;
    }
}
 .divalign{
     display:block;
     justify-content:center;
     align-items:center;
 }
.chiaheader {
    height: 1px;
    color: red;
    border: solid;
    border-width: 1px;
    display:none;
    position:relative;
    /*top:-20px;*/
}
.ListControl input[type=checkbox], input[type=radio]
{
    display          : inline-block;
    width            : 1.5em;
    height           : 1.5em;
    border           : 0.0625em solid black;
    border-radius    : 1em;
    vertical-align   : middle;
    font-size        : 14px;
    margin:10px 5px 10px 15px;
    cursor:pointer;
    color:brown; 
}

.ListControl label
{
    display: inline;
    color: #000;
    cursor: pointer;
    text-indent: 20px;
    font-weight:500;
}
.ListControl input[type=radio]:checked + label::before
{
    /*content         : "\2716";
    color           : #fff;
    display         : inline;
    width           : 1em;
    height          : 1em;
    margin-right    : 6px;
    margin-left     : -20px;*/
}
.divrdl {
    width: 75%;
    background-color:blanchedalmond;
    text-align:justify;
    border-radius:8px;
    padding-left:10px;
    padding-right:5px;
    box-shadow: 1px 1px 10px 5px;
}
.divrdlptts {
    width: 95%;
    background-color: blanchedalmond;
    text-align: justify;
    border-radius: 8px;
    padding-left: 10px;
    padding-right: 5px;
    box-shadow: 1px 1px 10px 5px;
}
@media (max-width: 768px) {
    .divrdl {
        width:95%;
    }
    .divrdlptts{
        width:95%;
    }
}
.background-graylight {
    background-color: #f6f7f9;
}

.background-white {
    background-color: #fff !important;
}

.bg-none {
    background: none !important;
}

.noradius, .nocorner {
    border-radius: 0px !important;
}

.bg-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.full-content-center {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    text-align: center;
    transform: translateY(-50%);
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fri {
    float: right !important;
}

.lsn,
.lsn > li {
    list-style: none;
}

.posr {
    position: relative;
}

.posa {
    position: absolute;
}

.posf {
    position: fixed;
}

.imgdf > img {
    max-width: 100%;
    width: auto;
    height: auto;
    border: none;
}

.hidden {
    display: none;
}

.dib {
    display: inline-block;
}

.dtb {
    display: table;
}

.dtbc {
    display: table-cell;
}

.pt0 {
    padding-top: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.tac {
    text-align: center;
}

.taj {
    text-align: justify;
}

.ttu {
    text-transform: uppercase;
}

.tdu {
    text-decoration: underline;
}

.tdn {
    text-decoration: none;
}

.fwb {
    font-weight: bold;
}

.vat {
    vertical-align: top !important;
}

.fwb {
    font-weight: bold;
}

.fw2 {
    font-weight: 200;
}

.fw3 {
    font-weight: 300;
}

.fw4 {
    font-weight: 400;
}

.fw5 {
    font-weight: 500;
}

.fw6 {
    font-weight: 600;
}

.fw7 {
    font-weight: 700;
}

.fw8 {
    font-weight: 800;
}

.fw9 {
    font-weight: 900;
}

.fwsb {
    font-weight: 600;
}

.color-blue {
    color: #824198;
}

.color-blue-bold {
    color: #4B3C50;
}

.color-gray-bold {
    color: #63676E;
}

.ovfh {
    overflow: hidden;
}

.img-background-full-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-height: 101%;
    min-width: 101%;
}

.tar {
    text-align: right;
}

.absolute {
    position: absolute !important;
}

.relative {
    position: relative !important;
}

.fixed {
    position: fixed !important;
}

.normal {
    font-weight: normal !important;
}

.nowrap {
    white-space: nowrap !important;
}

.bold {
    font-weight: bold !important;
}

.w40 {
    width: 40px !important;
}

.tleft {
    text-align: left !important;
}

.tright {
    text-align: right !important;
}

.center {
    text-align: center;
}

.justify {
    text-align: justify;
}

.upper {
    text-transform: uppercase;
}

.left,
.ap-left {
    float: left;
}

.right,
.ap-right {
    float: right;
}

.pointer {
    cursor: pointer;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.hidden {
    display: none;
}

.xdot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.autowrap {
    white-space: normal !important;
}

.xo,
.ap-xo {
    overflow: hidden;
}

.full {
    width: 100%;
    height: 100%;
}

.fullw {
    width: 100%;
}

.fullh {
    height: 100%;
}

.halfw {
    width: 50%;
}

.block {
    display: block !important;
}

.inline {
    display: inline-block !important;
}

.cell {
    display: table-cell !important;
}

@media (max-width: 768px) {
    .cell {
        display: block !important;
    }
}

div.table {
    display: table;
}

@media (max-width: 768px) {
    div.table {
        display: block;
    }
}

.invisible,
.ap-invisible {
    opacity: 0;
    filter: alpha(opacity=0);
}

.vtop {
    vertical-align: top !important;
}

.vcenter {
    vertical-align: middle !important;
}

.vbottom {
    vertical-align: bottom !important;
}

.f0 {
    font-size: 0px !important;
}

/*padding*/
.pad0 {
    padding: 0px !important;
}

.padl0 {
    padding-left: 0px !important;
}

.padr0 {
    padding-right: 0px !important;
}

.padt0 {
    padding-top: 0px !important;
}

.padb0 {
    padding-bottom: 0px !important;
}

.padtb0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.padlr0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*margin*/
.mar0 {
    margin: 0px !important;
}

.marl0 {
    margin-left: 0px !important;
}

.marr0 {
    margin-right: 0px !important;
}

.mart0 {
    margin-top: 0px !important;
}

.marb0 {
    margin-bottom: 0px !important;
}

.martb0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.marlr0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.lh0 {
    line-height: 0px !important;
}

.w0 {
    width: 0px !important;
}

.h0 {
    height: 0px !important;
}

.x0 {
    width: 0px !important;
    height: 0px !important;
}

.f1 {
    font-size: 1px !important;
}

/*padding*/
.pad1 {
    padding: 1px !important;
}

.padl1 {
    padding-left: 1px !important;
}

.padr1 {
    padding-right: 1px !important;
}

.padt1 {
    padding-top: 1px !important;
}

.padb1 {
    padding-bottom: 1px !important;
}

.padtb1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.padlr1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

/*margin*/
.mar1 {
    margin: 1px !important;
}

.marl1 {
    margin-left: 1px !important;
}

.marr1 {
    margin-right: 1px !important;
}

.mart1 {
    margin-top: 1px !important;
}

.marb1 {
    margin-bottom: 1px !important;
}

.martb1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.marlr1 {
    margin-left: 1px !important;
    margin-right: 1px !important;
}

.lh1 {
    line-height: 1px !important;
}

.w1 {
    width: 1px !important;
}

.h1 {
    height: 1px !important;
}

.x1 {
    width: 1px !important;
    height: 1px !important;
}

.f2 {
    font-size: 2px !important;
}

/*padding*/
.pad2 {
    padding: 2px !important;
}

.padl2 {
    padding-left: 2px !important;
}

.padr2 {
    padding-right: 2px !important;
}

.padt2 {
    padding-top: 2px !important;
}

.padb2 {
    padding-bottom: 2px !important;
}

.padtb2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.padlr2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

/*margin*/
.mar2 {
    margin: 2px !important;
}

.marl2 {
    margin-left: 2px !important;
}

.marr2 {
    margin-right: 2px !important;
}

.mart2 {
    margin-top: 2px !important;
}

.marb2 {
    margin-bottom: 2px !important;
}

.martb2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.marlr2 {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.lh2 {
    line-height: 2px !important;
}

.w2 {
    width: 2px !important;
}

.h2 {
    height: 2px !important;
}

.x2 {
    width: 2px !important;
    height: 2px !important;
}

.f3 {
    font-size: 3px !important;
}

/*padding*/
.pad3 {
    padding: 3px !important;
}

.padl3 {
    padding-left: 3px !important;
}

.padr3 {
    padding-right: 3px !important;
}

.padt3 {
    padding-top: 3px !important;
}

.padb3 {
    padding-bottom: 3px !important;
}

.padtb3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.padlr3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

/*margin*/
.mar3 {
    margin: 3px !important;
}

.marl3 {
    margin-left: 3px !important;
}

.marr3 {
    margin-right: 3px !important;
}

.mart3 {
    margin-top: 3px !important;
}

.marb3 {
    margin-bottom: 3px !important;
}

.martb3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.marlr3 {
    margin-left: 3px !important;
    margin-right: 3px !important;
}

.lh3 {
    line-height: 3px !important;
}

.w3 {
    width: 3px !important;
}

.h3 {
    height: 3px !important;
}

.x3 {
    width: 3px !important;
    height: 3px !important;
}

.f4 {
    font-size: 4px !important;
}

/*padding*/
.pad4 {
    padding: 4px !important;
}

.padl4 {
    padding-left: 4px !important;
}

.padr4 {
    padding-right: 4px !important;
}

.padt4 {
    padding-top: 4px !important;
}

.padb4 {
    padding-bottom: 4px !important;
}

.padtb4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.padlr4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

/*margin*/
.mar4 {
    margin: 4px !important;
}

.marl4 {
    margin-left: 4px !important;
}

.marr4 {
    margin-right: 4px !important;
}

.mart4 {
    margin-top: 4px !important;
}

.marb4 {
    margin-bottom: 4px !important;
}

.martb4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.marlr4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.lh4 {
    line-height: 4px !important;
}

.w4 {
    width: 4px !important;
}

.h4 {
    height: 4px !important;
}

.x4 {
    width: 4px !important;
    height: 4px !important;
}

.f5 {
    font-size: 5px !important;
}

/*padding*/
.pad5 {
    padding: 5px !important;
}

.padl5 {
    padding-left: 5px !important;
}

.padr5 {
    padding-right: 5px !important;
}

.padt5 {
    padding-top: 5px !important;
}

.padb5 {
    padding-bottom: 5px !important;
}

.padtb5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.padlr5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/*margin*/
.mar5 {
    margin: 5px !important;
}

.marl5 {
    margin-left: 5px !important;
}

.marr5 {
    margin-right: 5px !important;
}

.mart5 {
    margin-top: 5px !important;
}

.marb5 {
    margin-bottom: 5px !important;
}

.martb5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.marlr5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.lh5 {
    line-height: 5px !important;
}

.w5 {
    width: 5px !important;
}

.h5 {
    height: 5px !important;
}

.x5 {
    width: 5px !important;
    height: 5px !important;
}

.f6 {
    font-size: 6px !important;
}

/*padding*/
.pad6 {
    padding: 6px !important;
}

.padl6 {
    padding-left: 6px !important;
}

.padr6 {
    padding-right: 6px !important;
}

.padt6 {
    padding-top: 6px !important;
}

.padb6 {
    padding-bottom: 6px !important;
}

.padtb6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.padlr6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

/*margin*/
.mar6 {
    margin: 6px !important;
}

.marl6 {
    margin-left: 6px !important;
}

.marr6 {
    margin-right: 6px !important;
}

.mart6 {
    margin-top: 6px !important;
}

.marb6 {
    margin-bottom: 6px !important;
}

.martb6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.marlr6 {
    margin-left: 6px !important;
    margin-right: 6px !important;
}

.lh6 {
    line-height: 6px !important;
}

.w6 {
    width: 6px !important;
}

.h6 {
    height: 6px !important;
}

.x6 {
    width: 6px !important;
    height: 6px !important;
}

.f7 {
    font-size: 7px !important;
}

/*padding*/
.pad7 {
    padding: 7px !important;
}

.padl7 {
    padding-left: 7px !important;
}

.padr7 {
    padding-right: 7px !important;
}

.padt7 {
    padding-top: 7px !important;
}

.padb7 {
    padding-bottom: 7px !important;
}

.padtb7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.padlr7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

/*margin*/
.mar7 {
    margin: 7px !important;
}

.marl7 {
    margin-left: 7px !important;
}

.marr7 {
    margin-right: 7px !important;
}

.mart7 {
    margin-top: 7px !important;
}

.marb7 {
    margin-bottom: 7px !important;
}

.martb7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

.marlr7 {
    margin-left: 7px !important;
    margin-right: 7px !important;
}

.lh7 {
    line-height: 7px !important;
}

.w7 {
    width: 7px !important;
}

.h7 {
    height: 7px !important;
}

.x7 {
    width: 7px !important;
    height: 7px !important;
}

.f8 {
    font-size: 8px !important;
}

/*padding*/
.pad8 {
    padding: 8px !important;
}

.padl8 {
    padding-left: 8px !important;
}

.padr8 {
    padding-right: 8px !important;
}

.padt8 {
    padding-top: 8px !important;
}

.padb8 {
    padding-bottom: 8px !important;
}

.padtb8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.padlr8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
    }

/*margin*/
.mar8 {
    margin: 8px !important;
}

.marl8 {
    margin-left: 8px !important;
}

.marr8 {
    margin-right: 8px !important;
}

.mart8 {
    margin-top: 8px !important;
}

.marb8 {
    margin-bottom: 8px !important;
}

.martb8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.marlr8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.lh8 {
    line-height: 8px !important;
}

.w8 {
    width: 8px !important;
}

.h8 {
    height: 8px !important;
}

.x8 {
    width: 8px !important;
    height: 8px !important;
}

.f9 {
    font-size: 9px !important;
}

/*padding*/
.pad9 {
    padding: 9px !important;
}

.padl9 {
    padding-left: 9px !important;
}

.padr9 {
    padding-right: 9px !important;
}

.padt9 {
    padding-top: 9px !important;
}

.padb9 {
    padding-bottom: 9px !important;
}

.padtb9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.padlr9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

/*margin*/
.mar9 {
    margin: 9px !important;
}

.marl9 {
    margin-left: 9px !important;
}

.marr9 {
    margin-right: 9px !important;
}

.mart9 {
    margin-top: 9px !important;
}

.marb9 {
    margin-bottom: 9px !important;
}

.martb9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
}

.marlr9 {
    margin-left: 9px !important;
    margin-right: 9px !important;
}

.lh9 {
    line-height: 9px !important;
}

.w9 {
    width: 9px !important;
}

.h9 {
    height: 9px !important;
}

.x9 {
    width: 9px !important;
    height: 9px !important;
}

.f10 {
    font-size: 10px !important;
}

/*padding*/
.pad10 {
    padding: 10px !important;
}

.padl10 {
    padding-left: 10px !important;
}

.padr10 {
    padding-right: 10px !important;
}

.padt10 {
    padding-top: 10px !important;
}

.padb10 {
    padding-bottom: 10px !important;
}

.padtb10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.padlr10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/*margin*/
.mar10 {
    margin: 10px !important;
}

.marl10 {
    margin-left: 10px !important;
}

.marr10 {
    margin-right: 10px !important;
}

.mart10 {
    margin-top: 10px !important;
}

.marb10 {
    margin-bottom: 10px !important;
}

.martb10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.marlr10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.lh10 {
    line-height: 10px !important;
}

.w10 {
    width: 10px !important;
}

.h10 {
    height: 10px !important;
}

.x10 {
    width: 10px !important;
    height: 10px !important;
}

.f11 {
    font-size: 11px !important;
}

/*padding*/
.pad11 {
    padding: 11px !important;
}

.padl11 {
    padding-left: 11px !important;
}

.padr11 {
    padding-right: 11px !important;
}

.padt11 {
    padding-top: 11px !important;
}

.padb11 {
    padding-bottom: 11px !important;
}

.padtb11 {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

.padlr11 {
    padding-left: 11px !important;
    padding-right: 11px !important;
}

/*margin*/
.mar11 {
    margin: 11px !important;
}

.marl11 {
    margin-left: 11px !important;
}

.marr11 {
    margin-right: 11px !important;
}

.mart11 {
    margin-top: 11px !important;
}

.marb11 {
    margin-bottom: 11px !important;
}

.martb11 {
    margin-top: 11px !important;
    margin-bottom: 11px !important;
}

.marlr11 {
    margin-left: 11px !important;
    margin-right: 11px !important;
}

.lh11 {
    line-height: 11px !important;
}

.w11 {
    width: 11px !important;
}

.h11 {
    height: 11px !important;
}

.x11 {
    width: 11px !important;
    height: 11px !important;
}

.f12 {
    font-size: 12px !important;
}

/*padding*/
.pad12 {
    padding: 12px !important;
}

.padl12 {
    padding-left: 12px !important;
}

.padr12 {
    padding-right: 12px !important;
}

.padt12 {
    padding-top: 12px !important;
}

.padb12 {
    padding-bottom: 12px !important;
}

.padtb12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.padlr12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/*margin*/
.mar12 {
    margin: 12px !important;
}

.marl12 {
    margin-left: 12px !important;
}

.marr12 {
    margin-right: 12px !important;
}

.mart12 {
    margin-top: 12px !important;
}

.marb12 {
    margin-bottom: 12px !important;
}

.martb12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

.marlr12 {
    margin-left: 12px !important;
    margin-right: 12px !important;
}

.lh12 {
    line-height: 12px !important;
}

.w12 {
    width: 12px !important;
}

.h12 {
    height: 12px !important;
}

.x12 {
    width: 12px !important;
    height: 12px !important;
}

.f13 {
    font-size: 13px !important;
}

/*padding*/
.pad13 {
    padding: 13px !important;
}

.padl13 {
    padding-left: 13px !important;
}

.padr13 {
    padding-right: 13px !important;
}

.padt13 {
    padding-top: 13px !important;
}

.padb13 {
    padding-bottom: 13px !important;
}

.padtb13 {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.padlr13 {
    padding-left: 13px !important;
    padding-right: 13px !important;
}

/*margin*/
.mar13 {
    margin: 13px !important;
}

.marl13 {
    margin-left: 13px !important;
}

.marr13 {
    margin-right: 13px !important;
}

.mart13 {
    margin-top: 13px !important;
}

.marb13 {
    margin-bottom: 13px !important;
}

.martb13 {
    margin-top: 13px !important;
    margin-bottom: 13px !important;
}

.marlr13 {
    margin-left: 13px !important;
    margin-right: 13px !important;
}

.lh13 {
    line-height: 13px !important;
}

.w13 {
    width: 13px !important;
}

.h13 {
    height: 13px !important;
}

.x13 {
    width: 13px !important;
    height: 13px !important;
}

.f14 {
    font-size: 14px !important;
}

/*padding*/
.pad14 {
    padding: 14px !important;
}

.padl14 {
    padding-left: 14px !important;
}

.padr14 {
    padding-right: 14px !important;
}

.padt14 {
    padding-top: 14px !important;
}

.padb14 {
    padding-bottom: 14px !important;
}

.padtb14 {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.padlr14 {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

/*margin*/
.mar14 {
    margin: 14px !important;
}

.marl14 {
    margin-left: 14px !important;
}

.marr14 {
    margin-right: 14px !important;
}

.mart14 {
    margin-top: 14px !important;
}

.marb14 {
    margin-bottom: 14px !important;
}

.martb14 {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

.marlr14 {
    margin-left: 14px !important;
    margin-right: 14px !important;
}

.lh14 {
    line-height: 14px !important;
}

.w14 {
    width: 14px !important;
}

.h14 {
    height: 14px !important;
}

.x14 {
    width: 14px !important;
    height: 14px !important;
}

.f15 {
    font-size: 15px !important;
}

/*padding*/
.pad15 {
    padding: 15px !important;
}

.padl15 {
    padding-left: 15px !important;
}

.padr15 {
    padding-right: 15px !important;
}

.padt15 {
    padding-top: 15px !important;
}

.padb15 {
    padding-bottom: 15px !important;
}

.padtb15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.padlr15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/*margin*/
.mar15 {
    margin: 15px !important;
}

.marl15 {
    margin-left: 15px !important;
}

.marr15 {
    margin-right: 15px !important;
}

.mart15 {
    margin-top: 15px !important;
}

.marb15 {
    margin-bottom: 15px !important;
}

.martb15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.marlr15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.lh15 {
    line-height: 15px !important;
}

.w15 {
    width: 15px !important;
}

.h15 {
    height: 15px !important;
}

.x15 {
    width: 15px !important;
    height: 15px !important;
}

.f16 {
    font-size: 16px !important;
}

/*padding*/
.pad16 {
    padding: 16px !important;
}

.padl16 {
    padding-left: 16px !important;
}

.padr16 {
    padding-right: 16px !important;
}

.padt16 {
    padding-top: 16px !important;
}

.padb16 {
    padding-bottom: 16px !important;
}

.padtb16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.padlr16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/*margin*/
.mar16 {
    margin: 16px !important;
}

.marl16 {
    margin-left: 16px !important;
}

.marr16 {
    margin-right: 16px !important;
}

.mart16 {
    margin-top: 16px !important;
}

.marb16 {
    margin-bottom: 16px !important;
}

.martb16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.marlr16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.lh16 {
    line-height: 16px !important;
}

.w16 {
    width: 16px !important;
}

.h16 {
    height: 16px !important;
}

.x16 {
    width: 16px !important;
    height: 16px !important;
}

.f17 {
    font-size: 17px !important;
}

/*padding*/
.pad17 {
    padding: 17px !important;
}

.padl17 {
    padding-left: 17px !important;
}

.padr17 {
    padding-right: 17px !important;
}

.padt17 {
    padding-top: 17px !important;
}

.padb17 {
    padding-bottom: 17px !important;
}

.padtb17 {
    padding-top: 17px !important;
    padding-bottom: 17px !important;
}

.padlr17 {
    padding-left: 17px !important;
    padding-right: 17px !important;
}

/*margin*/
.mar17 {
    margin: 17px !important;
}

.marl17 {
    margin-left: 17px !important;
}

.marr17 {
    margin-right: 17px !important;
}

.mart17 {
    margin-top: 17px !important;
}

.marb17 {
    margin-bottom: 17px !important;
}

.martb17 {
    margin-top: 17px !important;
    margin-bottom: 17px !important;
}

.marlr17 {
    margin-left: 17px !important;
    margin-right: 17px !important;
}

.lh17 {
    line-height: 17px !important;
}

.w17 {
    width: 17px !important;
}

.h17 {
    height: 17px !important;
}

.x17 {
    width: 17px !important;
    height: 17px !important;
}

.f18 {
    font-size: 18px !important;
}

/*padding*/
.pad18 {
    padding: 18px !important;
}

.padl18 {
    padding-left: 18px !important;
}

.padr18 {
    padding-right: 18px !important;
}

.padt18 {
    padding-top: 18px !important;
}

.padb18 {
    padding-bottom: 18px !important;
}

.padtb18 {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.padlr18 {
    padding-left: 18px !important;
    padding-right: 18px !important;
}

/*margin*/
.mar18 {
    margin: 18px !important;
}

.marl18 {
    margin-left: 18px !important;
}

.marr18 {
    margin-right: 18px !important;
}

.mart18 {
    margin-top: 18px !important;
}

.marb18 {
    margin-bottom: 18px !important;
}

.martb18 {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
}

.marlr18 {
    margin-left: 18px !important;
    margin-right: 18px !important;
}

.lh18 {
    line-height: 18px !important;
}

.w18 {
    width: 18px !important;
}

.h18 {
    height: 18px !important;
}

.x18 {
    width: 18px !important;
    height: 18px !important;
}

.f19 {
    font-size: 19px !important;
}

/*padding*/
.pad19 {
    padding: 19px !important;
}

.padl19 {
    padding-left: 19px !important;
}

.padr19 {
    padding-right: 19px !important;
}

.padt19 {
    padding-top: 19px !important;
}

.padb19 {
    padding-bottom: 19px !important;
}

.padtb19 {
    padding-top: 19px !important;
    padding-bottom: 19px !important;
}

.padlr19 {
    padding-left: 19px !important;
    padding-right: 19px !important;
}

/*margin*/
.mar19 {
    margin: 19px !important;
}

.marl19 {
    margin-left: 19px !important;
}

.marr19 {
    margin-right: 19px !important;
}

.mart19 {
    margin-top: 19px !important;
}

.marb19 {
    margin-bottom: 19px !important;
}

.martb19 {
    margin-top: 19px !important;
    margin-bottom: 19px !important;
}

.marlr19 {
    margin-left: 19px !important;
    margin-right: 19px !important;
}

.lh19 {
    line-height: 19px !important;
}

.w19 {
    width: 19px !important;
}

.h19 {
    height: 19px !important;
}

.x19 {
    width: 19px !important;
    height: 19px !important;
}

.f20 {
    font-size: 20px !important;
}

/*padding*/
.pad20 {
    padding: 20px !important;
}

.padl20 {
    padding-left: 20px !important;
}

.padr20 {
    padding-right: 20px !important;
}

.padt20 {
    padding-top: 20px !important;
}

.padb20 {
    padding-bottom: 20px !important;
}

.padtb20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.padlr20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/*margin*/
.mar20 {
    margin: 20px !important;
}

.marl20 {
    margin-left: 20px !important;
}

.marr20 {
    margin-right: 20px !important;
}

.mart20 {
    margin-top: 20px !important;
}

.marb20 {
    margin-bottom: 20px !important;
}

.martb20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.marlr20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.lh20 {
    line-height: 20px !important;
}

.w20 {
    width: 20px !important;
}

.h20 {
    height: 20px !important;
}

.x20 {
    width: 20px !important;
    height: 20px !important;
}

.f21 {
    font-size: 21px !important;
}

/*padding*/
.pad21 {
    padding: 21px !important;
}

.padl21 {
    padding-left: 21px !important;
}

.padr21 {
    padding-right: 21px !important;
}

.padt21 {
    padding-top: 21px !important;
}

.padb21 {
    padding-bottom: 21px !important;
}

.padtb21 {
    padding-top: 21px !important;
    padding-bottom: 21px !important;
}

.padlr21 {
    padding-left: 21px !important;
    padding-right: 21px !important;
}

/*margin*/
.mar21 {
    margin: 21px !important;
}

.marl21 {
    margin-left: 21px !important;
}

.marr21 {
    margin-right: 21px !important;
}

.mart21 {
    margin-top: 21px !important;
}

.marb21 {
    margin-bottom: 21px !important;
}

.martb21 {
    margin-top: 21px !important;
    margin-bottom: 21px !important;
}

.marlr21 {
    margin-left: 21px !important;
    margin-right: 21px !important;
}

.lh21 {
    line-height: 21px !important;
}

.w21 {
    width: 21px !important;
}

.h21 {
    height: 21px !important;
}

.x21 {
    width: 21px !important;
    height: 21px !important;
}

.f22 {
    font-size: 22px !important;
}

/*padding*/
.pad22 {
    padding: 22px !important;
}

.padl22 {
    padding-left: 22px !important;
}

.padr22 {
    padding-right: 22px !important;
}

.padt22 {
    padding-top: 22px !important;
}

.padb22 {
    padding-bottom: 22px !important;
}

.padtb22 {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

.padlr22 {
    padding-left: 22px !important;
    padding-right: 22px !important;
}

/*margin*/
.mar22 {
    margin: 22px !important;
}

.marl22 {
    margin-left: 22px !important;
}

.marr22 {
    margin-right: 22px !important;
}

.mart22 {
    margin-top: 22px !important;
}

.marb22 {
    margin-bottom: 22px !important;
}

.martb22 {
    margin-top: 22px !important;
    margin-bottom: 22px !important;
}

.marlr22 {
    margin-left: 22px !important;
    margin-right: 22px !important;
}

.lh22 {
    line-height: 22px !important;
}

.w22 {
    width: 22px !important;
}

.h22 {
    height: 22px !important;
}

.x22 {
    width: 22px !important;
    height: 22px !important;
}

.f23 {
    font-size: 23px !important;
}

/*padding*/
.pad23 {
    padding: 23px !important;
}

.padl23 {
    padding-left: 23px !important;
}

.padr23 {
    padding-right: 23px !important;
}

.padt23 {
    padding-top: 23px !important;
}

.padb23 {
    padding-bottom: 23px !important;
}

.padtb23 {
    padding-top: 23px !important;
    padding-bottom: 23px !important;
}

.padlr23 {
    padding-left: 23px !important;
    padding-right: 23px !important;
}

/*margin*/
.mar23 {
    margin: 23px !important;
}

.marl23 {
    margin-left: 23px !important;
}

.marr23 {
    margin-right: 23px !important;
}

.mart23 {
    margin-top: 23px !important;
}

.marb23 {
    margin-bottom: 23px !important;
}

.martb23 {
    margin-top: 23px !important;
    margin-bottom: 23px !important;
}

.marlr23 {
    margin-left: 23px !important;
    margin-right: 23px !important;
}

.lh23 {
    line-height: 23px !important;
}

.w23 {
    width: 23px !important;
}

.h23 {
    height: 23px !important;
}

.x23 {
    width: 23px !important;
    height: 23px !important;
}

.f24 {
    font-size: 24px !important;
}

/*padding*/
.pad24 {
    padding: 24px !important;
}

.padl24 {
    padding-left: 24px !important;
}

.padr24 {
    padding-right: 24px !important;
}

.padt24 {
    padding-top: 24px !important;
}

.padb24 {
    padding-bottom: 24px !important;
}

.padtb24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.padlr24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/*margin*/
.mar24 {
    margin: 24px !important;
}

.marl24 {
    margin-left: 24px !important;
}

.marr24 {
    margin-right: 24px !important;
}

.mart24 {
    margin-top: 24px !important;
}

.marb24 {
    margin-bottom: 24px !important;
}

.martb24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

.marlr24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
}

.lh24 {
    line-height: 24px !important;
}

.w24 {
    width: 24px !important;
}

.h24 {
    height: 24px !important;
}

.x24 {
    width: 24px !important;
    height: 24px !important;
}

.f25 {
    font-size: 25px !important;
}

/*padding*/
.pad25 {
    padding: 25px !important;
}

.padl25 {
    padding-left: 25px !important;
}

.padr25 {
    padding-right: 25px !important;
}

.padt25 {
    padding-top: 25px !important;
}

.padb25 {
    padding-bottom: 25px !important;
}

.padtb25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.padlr25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

/*margin*/
.mar25 {
    margin: 25px !important;
}

.marl25 {
    margin-left: 25px !important;
}

.marr25 {
    margin-right: 25px !important;
}

.mart25 {
    margin-top: 25px !important;
}

.marb25 {
    margin-bottom: 25px !important;
}

.martb25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.marlr25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.lh25 {
    line-height: 25px !important;
}

.w25 {
    width: 25px !important;
}

.h25 {
    height: 25px !important;
}

.x25 {
    width: 25px !important;
    height: 25px !important;
}

.f26 {
    font-size: 26px !important;
}

/*padding*/
.pad26 {
    padding: 26px !important;
}

.padl26 {
    padding-left: 26px !important;
}

.padr26 {
    padding-right: 26px !important;
}

.padt26 {
    padding-top: 26px !important;
}

.padb26 {
    padding-bottom: 26px !important;
}

.padtb26 {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
}

.padlr26 {
    padding-left: 26px !important;
    padding-right: 26px !important;
}

/*margin*/
.mar26 {
    margin: 26px !important;
}

.marl26 {
    margin-left: 26px !important;
}

.marr26 {
    margin-right: 26px !important;
}

.mart26 {
    margin-top: 26px !important;
}

.marb26 {
    margin-bottom: 26px !important;
}

.martb26 {
    margin-top: 26px !important;
    margin-bottom: 26px !important;
}

.marlr26 {
    margin-left: 26px !important;
    margin-right: 26px !important;
}

.lh26 {
    line-height: 26px !important;
}

.w26 {
    width: 26px !important;
}

.h26 {
    height: 26px !important;
}

.x26 {
    width: 26px !important;
    height: 26px !important;
}

.f27 {
    font-size: 27px !important;
}

/*padding*/
.pad27 {
    padding: 27px !important;
}

.padl27 {
    padding-left: 27px !important;
}

.padr27 {
    padding-right: 27px !important;
}

.padt27 {
    padding-top: 27px !important;
}

.padb27 {
    padding-bottom: 27px !important;
}

.padtb27 {
    padding-top: 27px !important;
    padding-bottom: 27px !important;
}

.padlr27 {
    padding-left: 27px !important;
    padding-right: 27px !important;
}

/*margin*/
.mar27 {
    margin: 27px !important;
}

.marl27 {
    margin-left: 27px !important;
}

.marr27 {
    margin-right: 27px !important;
}

.mart27 {
    margin-top: 27px !important;
}

.marb27 {
    margin-bottom: 27px !important;
}

.martb27 {
    margin-top: 27px !important;
    margin-bottom: 27px !important;
}

.marlr27 {
    margin-left: 27px !important;
    margin-right: 27px !important;
}

.lh27 {
    line-height: 27px !important;
}

.w27 {
    width: 27px !important;
}

.h27 {
    height: 27px !important;
}

.x27 {
    width: 27px !important;
    height: 27px !important;
}

.f28 {
    font-size: 28px !important;
}

/*padding*/
.pad28 {
    padding: 28px !important;
}

.padl28 {
    padding-left: 28px !important;
}

.padr28 {
    padding-right: 28px !important;
}

.padt28 {
    padding-top: 28px !important;
}

.padb28 {
    padding-bottom: 28px !important;
}

.padtb28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

.padlr28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
}

/*margin*/
.mar28 {
    margin: 28px !important;
}

.marl28 {
    margin-left: 28px !important;
}

.marr28 {
    margin-right: 28px !important;
}

.mart28 {
    margin-top: 28px !important;
}

.marb28 {
    margin-bottom: 28px !important;
}

.martb28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
}

.marlr28 {
    margin-left: 28px !important;
    margin-right: 28px !important;
}

.lh28 {
    line-height: 28px !important;
}

.w28 {
    width: 28px !important;
}

.h28 {
    height: 28px !important;
}

.x28 {
    width: 28px !important;
    height: 28px !important;
}

.f29 {
    font-size: 29px !important;
}

/*padding*/
.pad29 {
    padding: 29px !important;
}

.padl29 {
    padding-left: 29px !important;
}

.padr29 {
    padding-right: 29px !important;
}

.padt29 {
    padding-top: 29px !important;
}

.padb29 {
    padding-bottom: 29px !important;
}

.padtb29 {
    padding-top: 29px !important;
    padding-bottom: 29px !important;
}

.padlr29 {
    padding-left: 29px !important;
    padding-right: 29px !important;
}

/*margin*/
.mar29 {
    margin: 29px !important;
}

.marl29 {
    margin-left: 29px !important;
}

.marr29 {
    margin-right: 29px !important;
}

.mart29 {
    margin-top: 29px !important;
}

.marb29 {
    margin-bottom: 29px !important;
}

.martb29 {
    margin-top: 29px !important;
    margin-bottom: 29px !important;
}

.marlr29 {
    margin-left: 29px !important;
    margin-right: 29px !important;
}

.lh29 {
    line-height: 29px !important;
}

.w29 {
    width: 29px !important;
}

.h29 {
    height: 29px !important;
}

.x29 {
    width: 29px !important;
    height: 29px !important;
}

.f30 {
    font-size: 30px !important;
}

/*padding*/
.pad30 {
    padding: 30px !important;
}

.padl30 {
    padding-left: 30px !important;
}

.padr30 {
    padding-right: 30px !important;
}

.padt30 {
    padding-top: 30px !important;
}

.padb30 {
    padding-bottom: 30px !important;
}

.padtb30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.padlr30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/*margin*/
.mar30 {
    margin: 30px !important;
}

.marl30 {
    margin-left: 30px !important;
}

.marr30 {
    margin-right: 30px !important;
}

.mart30 {
    margin-top: 30px !important;
}

.marb30 {
    margin-bottom: 30px !important;
}

.martb30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.marlr30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.lh30 {
    line-height: 30px !important;
}

.w30 {
    width: 30px !important;
}

.h30 {
    height: 30px !important;
}

.x30 {
    width: 30px !important;
    height: 30px !important;
}

.f31 {
    font-size: 31px !important;
}

/*padding*/
.pad31 {
    padding: 31px !important;
}

.padl31 {
    padding-left: 31px !important;
}

.padr31 {
    padding-right: 31px !important;
}

.padt31 {
    padding-top: 31px !important;
}

.padb31 {
    padding-bottom: 31px !important;
}

.padtb31 {
    padding-top: 31px !important;
    padding-bottom: 31px !important;
}

.padlr31 {
    padding-left: 31px !important;
    padding-right: 31px !important;
}

/*margin*/
.mar31 {
    margin: 31px !important;
}

.marl31 {
    margin-left: 31px !important;
}

.marr31 {
    margin-right: 31px !important;
}

.mart31 {
    margin-top: 31px !important;
}

.marb31 {
    margin-bottom: 31px !important;
}

.martb31 {
    margin-top: 31px !important;
    margin-bottom: 31px !important;
}

.marlr31 {
    margin-left: 31px !important;
    margin-right: 31px !important;
}

.lh31 {
    line-height: 31px !important;
}

.w31 {
    width: 31px !important;
}

.h31 {
    height: 31px !important;
}

.x31 {
    width: 31px !important;
    height: 31px !important;
}

.f32 {
    font-size: 32px !important;
}

/*padding*/
.pad32 {
    padding: 32px !important;
}

.padl32 {
    padding-left: 32px !important;
}

.padr32 {
    padding-right: 32px !important;
}

.padt32 {
    padding-top: 32px !important;
}

.padb32 {
    padding-bottom: 32px !important;
}

.padtb32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.padlr32 {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

/*margin*/
.mar32 {
    margin: 32px !important;
}

.marl32 {
    margin-left: 32px !important;
}

.marr32 {
    margin-right: 32px !important;
}

.mart32 {
    margin-top: 32px !important;
}

.marb32 {
    margin-bottom: 32px !important;
}

.martb32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}

.marlr32 {
    margin-left: 32px !important;
    margin-right: 32px !important;
}

.lh32 {
    line-height: 32px !important;
}

.w32 {
    width: 32px !important;
}

.h32 {
    height: 32px !important;
}

.x32 {
    width: 32px !important;
    height: 32px !important;
}

.f33 {
    font-size: 33px !important;
}

/*padding*/
.pad33 {
    padding: 33px !important;
}

.padl33 {
    padding-left: 33px !important;
}

.padr33 {
    padding-right: 33px !important;
}

.padt33 {
    padding-top: 33px !important;
}

.padb33 {
    padding-bottom: 33px !important;
}

.padtb33 {
    padding-top: 33px !important;
    padding-bottom: 33px !important;
}

.padlr33 {
    padding-left: 33px !important;
    padding-right: 33px !important;
}

/*margin*/
.mar33 {
    margin: 33px !important;
}

.marl33 {
    margin-left: 33px !important;
}

.marr33 {
    margin-right: 33px !important;
}

.mart33 {
    margin-top: 33px !important;
}

.marb33 {
    margin-bottom: 33px !important;
}

.martb33 {
    margin-top: 33px !important;
    margin-bottom: 33px !important;
}

.marlr33 {
    margin-left: 33px !important;
    margin-right: 33px !important;
}

.lh33 {
    line-height: 33px !important;
}

.w33 {
    width: 33px !important;
}

.h33 {
    height: 33px !important;
}

.x33 {
    width: 33px !important;
    height: 33px !important;
}

.f34 {
    font-size: 34px !important;
}

/*padding*/
.pad34 {
    padding: 34px !important;
}

.padl34 {
    padding-left: 34px !important;
}

.padr34 {
    padding-right: 34px !important;
}

.padt34 {
    padding-top: 34px !important;
}

.padb34 {
    padding-bottom: 34px !important;
}

.padtb34 {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}

.padlr34 {
    padding-left: 34px !important;
    padding-right: 34px !important;
}

/*margin*/
.mar34 {
    margin: 34px !important;
}

.marl34 {
    margin-left: 34px !important;
}

.marr34 {
    margin-right: 34px !important;
}

.mart34 {
    margin-top: 34px !important;
}

.marb34 {
    margin-bottom: 34px !important;
}

.martb34 {
    margin-top: 34px !important;
    margin-bottom: 34px !important;
}

.marlr34 {
    margin-left: 34px !important;
    margin-right: 34px !important;
}

.lh34 {
    line-height: 34px !important;
}

.w34 {
    width: 34px !important;
}

.h34 {
    height: 34px !important;
}

.x34 {
    width: 34px !important;
    height: 34px !important;
}

.f35 {
    font-size: 35px !important;
}

/*padding*/
.pad35 {
    padding: 35px !important;
}

.padl35 {
    padding-left: 35px !important;
}

.padr35 {
    padding-right: 35px !important;
}

.padt35 {
    padding-top: 35px !important;
}

.padb35 {
    padding-bottom: 35px !important;
}

.padtb35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.padlr35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

/*margin*/
.mar35 {
    margin: 35px !important;
}

.marl35 {
    margin-left: 35px !important;
}

.marr35 {
    margin-right: 35px !important;
}

.mart35 {
    margin-top: 35px !important;
}

.marb35 {
    margin-bottom: 35px !important;
}

.martb35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.marlr35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
}

.lh35 {
    line-height: 35px !important;
}

.w35 {
    width: 35px !important;
}

.h35 {
    height: 35px !important;
}

.x35 {
    width: 35px !important;
    height: 35px !important;
}

.f36 {
    font-size: 36px !important;
}

/*padding*/
.pad36 {
    padding: 36px !important;
}

.padl36 {
    padding-left: 36px !important;
}

.padr36 {
    padding-right: 36px !important;
}

.padt36 {
    padding-top: 36px !important;
}

.padb36 {
    padding-bottom: 36px !important;
}

.padtb36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
}

.padlr36 {
    padding-left: 36px !important;
    padding-right: 36px !important;
}

/*margin*/
.mar36 {
    margin: 36px !important;
}

.marl36 {
    margin-left: 36px !important;
}

.marr36 {
    margin-right: 36px !important;
}

.mart36 {
    margin-top: 36px !important;
}

.marb36 {
    margin-bottom: 36px !important;
}

.martb36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
}

.marlr36 {
    margin-left: 36px !important;
    margin-right: 36px !important;
}

.lh36 {
    line-height: 36px !important;
}

.w36 {
    width: 36px !important;
}

.h36 {
    height: 36px !important;
}

.x36 {
    width: 36px !important;
    height: 36px !important;
}

.f37 {
    font-size: 37px !important;
}

/*padding*/
.pad37 {
    padding: 37px !important;
}

.padl37 {
    padding-left: 37px !important;
}

.padr37 {
    padding-right: 37px !important;
}

.padt37 {
    padding-top: 37px !important;
}

.padb37 {
    padding-bottom: 37px !important;
}

.padtb37 {
    padding-top: 37px !important;
    padding-bottom: 37px !important;
}

.padlr37 {
    padding-left: 37px !important;
    padding-right: 37px !important;
}

/*margin*/
.mar37 {
    margin: 37px !important;
}

.marl37 {
    margin-left: 37px !important;
}

.marr37 {
    margin-right: 37px !important;
}

.mart37 {
    margin-top: 37px !important;
}

.marb37 {
    margin-bottom: 37px !important;
}

.martb37 {
    margin-top: 37px !important;
    margin-bottom: 37px !important;
}

.marlr37 {
    margin-left: 37px !important;
    margin-right: 37px !important;
}

.lh37 {
    line-height: 37px !important;
}

.w37 {
    width: 37px !important;
}

.h37 {
    height: 37px !important;
}

.x37 {
    width: 37px !important;
    height: 37px !important;
}

.f38 {
    font-size: 38px !important;
}

/*padding*/
.pad38 {
    padding: 38px !important;
}

.padl38 {
    padding-left: 38px !important;
}

.padr38 {
    padding-right: 38px !important;
}

.padt38 {
    padding-top: 38px !important;
}

.padb38 {
    padding-bottom: 38px !important;
}

.padtb38 {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
}

.padlr38 {
    padding-left: 38px !important;
    padding-right: 38px !important;
}

/*margin*/
.mar38 {
    margin: 38px !important;
}

.marl38 {
    margin-left: 38px !important;
}

.marr38 {
    margin-right: 38px !important;
}

.mart38 {
    margin-top: 38px !important;
}

.marb38 {
    margin-bottom: 38px !important;
}

.martb38 {
    margin-top: 38px !important;
    margin-bottom: 38px !important;
}

.marlr38 {
    margin-left: 38px !important;
    margin-right: 38px !important;
}

.lh38 {
    line-height: 38px !important;
}

.w38 {
    width: 38px !important;
}

.h38 {
    height: 38px !important;
}

.x38 {
    width: 38px !important;
    height: 38px !important;
}

.f39 {
    font-size: 39px !important;
}

/*padding*/
.pad39 {
    padding: 39px !important;
}

.padl39 {
    padding-left: 39px !important;
}

.padr39 {
    padding-right: 39px !important;
}

.padt39 {
    padding-top: 39px !important;
}

.padb39 {
    padding-bottom: 39px !important;
}

.padtb39 {
    padding-top: 39px !important;
    padding-bottom: 39px !important;
}

.padlr39 {
    padding-left: 39px !important;
    padding-right: 39px !important;
}

/*margin*/
.mar39 {
    margin: 39px !important;
}

.marl39 {
    margin-left: 39px !important;
}

.marr39 {
    margin-right: 39px !important;
}

.mart39 {
    margin-top: 39px !important;
}

.marb39 {
    margin-bottom: 39px !important;
}

.martb39 {
    margin-top: 39px !important;
    margin-bottom: 39px !important;
}

.marlr39 {
    margin-left: 39px !important;
    margin-right: 39px !important;
}

.lh39 {
    line-height: 39px !important;
}

.w39 {
    width: 39px !important;
}

.h39 {
    height: 39px !important;
}

.x39 {
    width: 39px !important;
    height: 39px !important;
}

.f40 {
    font-size: 40px !important;
}

/*padding*/
.pad40 {
    padding: 40px !important;
}

.padl40 {
    padding-left: 40px !important;
}

.padr40 {
    padding-right: 40px !important;
}

.padt40 {
    padding-top: 40px !important;
}

.padb40 {
    padding-bottom: 40px !important;
}

.padtb40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.padlr40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/*margin*/
.mar40 {
    margin: 40px !important;
}

.marl40 {
    margin-left: 40px !important;
}

.marr40 {
    margin-right: 40px !important;
}

.mart40 {
    margin-top: 40px !important;
}

.marb40 {
    margin-bottom: 40px !important;
}

.martb40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.marlr40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.lh40 {
    line-height: 40px !important;
}

.w40 {
    width: 40px !important;
}

.h40 {
    height: 40px !important;
}

.x40 {
    width: 40px !important;
    height: 40px !important;
}

.f41 {
    font-size: 41px !important;
}

/*padding*/
.pad41 {
    padding: 41px !important;
}

.padl41 {
    padding-left: 41px !important;
}

.padr41 {
    padding-right: 41px !important;
}

.padt41 {
    padding-top: 41px !important;
}

.padb41 {
    padding-bottom: 41px !important;
}

.padtb41 {
    padding-top: 41px !important;
    padding-bottom: 41px !important;
}

.padlr41 {
    padding-left: 41px !important;
    padding-right: 41px !important;
}

/*margin*/
.mar41 {
    margin: 41px !important;
}

.marl41 {
    margin-left: 41px !important;
}

.marr41 {
    margin-right: 41px !important;
}

.mart41 {
    margin-top: 41px !important;
}

.marb41 {
    margin-bottom: 41px !important;
}

.martb41 {
    margin-top: 41px !important;
    margin-bottom: 41px !important;
}

.marlr41 {
    margin-left: 41px !important;
    margin-right: 41px !important;
}

.lh41 {
    line-height: 41px !important;
}

.w41 {
    width: 41px !important;
}

.h41 {
    height: 41px !important;
}

.x41 {
    width: 41px !important;
    height: 41px !important;
}

.f42 {
    font-size: 42px !important;
}

/*padding*/
.pad42 {
    padding: 42px !important;
}

.padl42 {
    padding-left: 42px !important;
}

.padr42 {
    padding-right: 42px !important;
}

.padt42 {
    padding-top: 42px !important;
}

.padb42 {
    padding-bottom: 42px !important;
}

.padtb42 {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
}

.padlr42 {
    padding-left: 42px !important;
    padding-right: 42px !important;
}

/*margin*/
.mar42 {
    margin: 42px !important;
}

.marl42 {
    margin-left: 42px !important;
}

.marr42 {
    margin-right: 42px !important;
}

.mart42 {
    margin-top: 42px !important;
}

.marb42 {
    margin-bottom: 42px !important;
}

.martb42 {
    margin-top: 42px !important;
    margin-bottom: 42px !important;
}

.marlr42 {
    margin-left: 42px !important;
    margin-right: 42px !important;
}

.lh42 {
    line-height: 42px !important;
}

.w42 {
    width: 42px !important;
}

.h42 {
    height: 42px !important;
}

.x42 {
    width: 42px !important;
    height: 42px !important;
}

.f43 {
    font-size: 43px !important;
}

/*padding*/
.pad43 {
    padding: 43px !important;
}

.padl43 {
    padding-left: 43px !important;
}

.padr43 {
    padding-right: 43px !important;
}

.padt43 {
    padding-top: 43px !important;
}

.padb43 {
    padding-bottom: 43px !important;
}

.padtb43 {
    padding-top: 43px !important;
    padding-bottom: 43px !important;
}

.padlr43 {
    padding-left: 43px !important;
    padding-right: 43px !important;
}

/*margin*/
.mar43 {
    margin: 43px !important;
}

.marl43 {
    margin-left: 43px !important;
}

.marr43 {
    margin-right: 43px !important;
}

.mart43 {
    margin-top: 43px !important;
}

.marb43 {
    margin-bottom: 43px !important;
}

.martb43 {
    margin-top: 43px !important;
    margin-bottom: 43px !important;
}

.marlr43 {
    margin-left: 43px !important;
    margin-right: 43px !important;
}

.lh43 {
    line-height: 43px !important;
}

.w43 {
    width: 43px !important;
}

.h43 {
    height: 43px !important;
}

.x43 {
    width: 43px !important;
    height: 43px !important;
}

.f44 {
    font-size: 44px !important;
}

/*padding*/
.pad44 {
    padding: 44px !important;
}

.padl44 {
    padding-left: 44px !important;
}

.padr44 {
    padding-right: 44px !important;
}

.padt44 {
    padding-top: 44px !important;
}

.padb44 {
    padding-bottom: 44px !important;
}

.padtb44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
}

.padlr44 {
    padding-left: 44px !important;
    padding-right: 44px !important;
}

/*margin*/
.mar44 {
    margin: 44px !important;
}

.marl44 {
    margin-left: 44px !important;
}

.marr44 {
    margin-right: 44px !important;
}

.mart44 {
    margin-top: 44px !important;
}

.marb44 {
    margin-bottom: 44px !important;
}

.martb44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
}

.marlr44 {
    margin-left: 44px !important;
    margin-right: 44px !important;
}

.lh44 {
    line-height: 44px !important;
}

.w44 {
    width: 44px !important;
}

.h44 {
    height: 44px !important;
}

.x44 {
    width: 44px !important;
    height: 44px !important;
}

.f45 {
    font-size: 45px !important;
}

/*padding*/
.pad45 {
    padding: 45px !important;
}

.padl45 {
    padding-left: 45px !important;
}

.padr45 {
    padding-right: 45px !important;
}

.padt45 {
    padding-top: 45px !important;
}

.padb45 {
    padding-bottom: 45px !important;
}

.padtb45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.padlr45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
}

/*margin*/
.mar45 {
    margin: 45px !important;
}

.marl45 {
    margin-left: 45px !important;
}

.marr45 {
    margin-right: 45px !important;
}

.mart45 {
    margin-top: 45px !important;
}

.marb45 {
    margin-bottom: 45px !important;
}

.martb45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.marlr45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
}

.lh45 {
    line-height: 45px !important;
}

.w45 {
    width: 45px !important;
}

.h45 {
    height: 45px !important;
}

.x45 {
    width: 45px !important;
    height: 45px !important;
}

.f46 {
    font-size: 46px !important;
}

/*padding*/
.pad46 {
    padding: 46px !important;
}

.padl46 {
    padding-left: 46px !important;
}

.padr46 {
    padding-right: 46px !important;
}

.padt46 {
    padding-top: 46px !important;
}

.padb46 {
    padding-bottom: 46px !important;
}

.padtb46 {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
}

.padlr46 {
    padding-left: 46px !important;
    padding-right: 46px !important;
}

/*margin*/
.mar46 {
    margin: 46px !important;
}

.marl46 {
    margin-left: 46px !important;
}

.marr46 {
    margin-right: 46px !important;
}

.mart46 {
    margin-top: 46px !important;
}

.marb46 {
    margin-bottom: 46px !important;
}

.martb46 {
    margin-top: 46px !important;
    margin-bottom: 46px !important;
}

.marlr46 {
    margin-left: 46px !important;
    margin-right: 46px !important;
}

.lh46 {
    line-height: 46px !important;
}

.w46 {
    width: 46px !important;
}

.h46 {
    height: 46px !important;
}

.x46 {
    width: 46px !important;
    height: 46px !important;
}

.f47 {
    font-size: 47px !important;
}

/*padding*/
.pad47 {
    padding: 47px !important;
}

.padl47 {
    padding-left: 47px !important;
}

.padr47 {
    padding-right: 47px !important;
}

.padt47 {
    padding-top: 47px !important;
}

.padb47 {
    padding-bottom: 47px !important;
}

.padtb47 {
    padding-top: 47px !important;
    padding-bottom: 47px !important;
}

.padlr47 {
    padding-left: 47px !important;
    padding-right: 47px !important;
}

/*margin*/
.mar47 {
    margin: 47px !important;
}

.marl47 {
    margin-left: 47px !important;
}

.marr47 {
    margin-right: 47px !important;
}

.mart47 {
    margin-top: 47px !important;
}

.marb47 {
    margin-bottom: 47px !important;
}

.martb47 {
    margin-top: 47px !important;
    margin-bottom: 47px !important;
}

.marlr47 {
    margin-left: 47px !important;
    margin-right: 47px !important;
}

.lh47 {
    line-height: 47px !important;
}

.w47 {
    width: 47px !important;
}

.h47 {
    height: 47px !important;
}

.x47 {
    width: 47px !important;
    height: 47px !important;
}

.f48 {
    font-size: 48px !important;
}

/*padding*/
.pad48 {
    padding: 48px !important;
}

.padl48 {
    padding-left: 48px !important;
}

.padr48 {
    padding-right: 48px !important;
}

.padt48 {
    padding-top: 48px !important;
}

.padb48 {
    padding-bottom: 48px !important;
}

.padtb48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

.padlr48 {
    padding-left: 48px !important;
    padding-right: 48px !important;
}

/*margin*/
.mar48 {
    margin: 48px !important;
}

.marl48 {
    margin-left: 48px !important;
}

.marr48 {
    margin-right: 48px !important;
}

.mart48 {
    margin-top: 48px !important;
}

.marb48 {
    margin-bottom: 48px !important;
}

.martb48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
}

.marlr48 {
    margin-left: 48px !important;
    margin-right: 48px !important;
}

.lh48 {
    line-height: 48px !important;
}

.w48 {
    width: 48px !important;
}

.h48 {
    height: 48px !important;
}

.x48 {
    width: 48px !important;
    height: 48px !important;
}

.f49 {
    font-size: 49px !important;
}

/*padding*/
.pad49 {
    padding: 49px !important;
}

.padl49 {
    padding-left: 49px !important;
}

.padr49 {
    padding-right: 49px !important;
}

.padt49 {
    padding-top: 49px !important;
}

.padb49 {
    padding-bottom: 49px !important;
}

.padtb49 {
    padding-top: 49px !important;
    padding-bottom: 49px !important;
}

.padlr49 {
    padding-left: 49px !important;
    padding-right: 49px !important;
}

/*margin*/
.mar49 {
    margin: 49px !important;
}

.marl49 {
    margin-left: 49px !important;
}

.marr49 {
    margin-right: 49px !important;
}

.mart49 {
    margin-top: 49px !important;
}

.marb49 {
    margin-bottom: 49px !important;
}

.martb49 {
    margin-top: 49px !important;
    margin-bottom: 49px !important;
}

.marlr49 {
    margin-left: 49px !important;
    margin-right: 49px !important;
}

.lh49 {
    line-height: 49px !important;
}

.w49 {
    width: 49px !important;
}

.h49 {
    height: 49px !important;
}

.x49 {
    width: 49px !important;
    height: 49px !important;
}

.f50 {
    font-size: 50px !important;
}

/*padding*/
.pad50 {
    padding: 50px !important;
}

.padl50 {
    padding-left: 50px !important;
}

.padr50 {
    padding-right: 50px !important;
}

.padt50 {
    padding-top: 50px !important;
}

.padb50 {
    padding-bottom: 50px !important;
}

.padtb50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.padlr50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

/*margin*/
.mar50 {
    margin: 50px !important;
}

.marl50 {
    margin-left: 50px !important;
}

.marr50 {
    margin-right: 50px !important;
}

.mart50 {
    margin-top: 50px !important;
}

.marb50 {
    margin-bottom: 50px !important;
}

.martb50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.marlr50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.lh50 {
    line-height: 50px !important;
}

.w50 {
    width: 50px !important;
}

.h50 {
    height: 50px !important;
}

.x50 {
    width: 50px !important;
    height: 50px !important;
}

.f51 {
    font-size: 51px !important;
}

/*padding*/
.pad51 {
    padding: 51px !important;
}

.padl51 {
    padding-left: 51px !important;
}

.padr51 {
    padding-right: 51px !important;
}

.padt51 {
    padding-top: 51px !important;
}

.padb51 {
    padding-bottom: 51px !important;
}

.padtb51 {
    padding-top: 51px !important;
    padding-bottom: 51px !important;
}

.padlr51 {
    padding-left: 51px !important;
    padding-right: 51px !important;
}

/*margin*/
.mar51 {
    margin: 51px !important;
}

.marl51 {
    margin-left: 51px !important;
}

.marr51 {
    margin-right: 51px !important;
}

.mart51 {
    margin-top: 51px !important;
}

.marb51 {
    margin-bottom: 51px !important;
}

.martb51 {
    margin-top: 51px !important;
    margin-bottom: 51px !important;
}

.marlr51 {
    margin-left: 51px !important;
    margin-right: 51px !important;
}

.lh51 {
    line-height: 51px !important;
}

.w51 {
    width: 51px !important;
}

.h51 {
    height: 51px !important;
}

.x51 {
    width: 51px !important;
    height: 51px !important;
}

.f52 {
    font-size: 52px !important;
}

/*padding*/
.pad52 {
    padding: 52px !important;
}

.padl52 {
    padding-left: 52px !important;
}

.padr52 {
    padding-right: 52px !important;
}

.padt52 {
    padding-top: 52px !important;
}

.padb52 {
    padding-bottom: 52px !important;
}

.padtb52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
}

.padlr52 {
    padding-left: 52px !important;
    padding-right: 52px !important;
}

/*margin*/
.mar52 {
    margin: 52px !important;
}

.marl52 {
    margin-left: 52px !important;
}

.marr52 {
    margin-right: 52px !important;
}

.mart52 {
    margin-top: 52px !important;
}

.marb52 {
    margin-bottom: 52px !important;
}

.martb52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
}

.marlr52 {
    margin-left: 52px !important;
    margin-right: 52px !important;
}

.lh52 {
    line-height: 52px !important;
}

.w52 {
    width: 52px !important;
}

.h52 {
    height: 52px !important;
}

.x52 {
    width: 52px !important;
    height: 52px !important;
}

.f53 {
    font-size: 53px !important;
}

/*padding*/
.pad53 {
    padding: 53px !important;
}

.padl53 {
    padding-left: 53px !important;
}

.padr53 {
    padding-right: 53px !important;
}

.padt53 {
    padding-top: 53px !important;
}

.padb53 {
    padding-bottom: 53px !important;
}

.padtb53 {
    padding-top: 53px !important;
    padding-bottom: 53px !important;
}

.padlr53 {
    padding-left: 53px !important;
    padding-right: 53px !important;
}

/*margin*/
.mar53 {
    margin: 53px !important;
}

.marl53 {
    margin-left: 53px !important;
}

.marr53 {
    margin-right: 53px !important;
}

.mart53 {
    margin-top: 53px !important;
}

.marb53 {
    margin-bottom: 53px !important;
}

.martb53 {
    margin-top: 53px !important;
    margin-bottom: 53px !important;
}

.marlr53 {
    margin-left: 53px !important;
    margin-right: 53px !important;
}

.lh53 {
    line-height: 53px !important;
}

.w53 {
    width: 53px !important;
}

.h53 {
    height: 53px !important;
}

.x53 {
    width: 53px !important;
    height: 53px !important;
}

.f54 {
    font-size: 54px !important;
}

/*padding*/
.pad54 {
    padding: 54px !important;
}

.padl54 {
    padding-left: 54px !important;
}

.padr54 {
    padding-right: 54px !important;
}

.padt54 {
    padding-top: 54px !important;
}

.padb54 {
    padding-bottom: 54px !important;
}

.padtb54 {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
}

.padlr54 {
    padding-left: 54px !important;
    padding-right: 54px !important;
}

/*margin*/
.mar54 {
    margin: 54px !important;
}

.marl54 {
    margin-left: 54px !important;
}

.marr54 {
    margin-right: 54px !important;
}

.mart54 {
    margin-top: 54px !important;
}

.marb54 {
    margin-bottom: 54px !important;
}

.martb54 {
    margin-top: 54px !important;
    margin-bottom: 54px !important;
}

.marlr54 {
    margin-left: 54px !important;
    margin-right: 54px !important;
}

.lh54 {
    line-height: 54px !important;
}

.w54 {
    width: 54px !important;
}

.h54 {
    height: 54px !important;
}

.x54 {
    width: 54px !important;
    height: 54px !important;
}

.f55 {
    font-size: 55px !important;
}

/*padding*/
.pad55 {
    padding: 55px !important;
}

.padl55 {
    padding-left: 55px !important;
}

.padr55 {
    padding-right: 55px !important;
}

.padt55 {
    padding-top: 55px !important;
}

.padb55 {
    padding-bottom: 55px !important;
}

.padtb55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

.padlr55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
}

/*margin*/
.mar55 {
    margin: 55px !important;
}

.marl55 {
    margin-left: 55px !important;
}

.marr55 {
    margin-right: 55px !important;
}

.mart55 {
    margin-top: 55px !important;
}

.marb55 {
    margin-bottom: 55px !important;
}

.martb55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
}

.marlr55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
}

.lh55 {
    line-height: 55px !important;
}

.w55 {
    width: 55px !important;
}

.h55 {
    height: 55px !important;
}

.x55 {
    width: 55px !important;
    height: 55px !important;
}

.f56 {
    font-size: 56px !important;
}

/*padding*/
.pad56 {
    padding: 56px !important;
}

.padl56 {
    padding-left: 56px !important;
}

.padr56 {
    padding-right: 56px !important;
}

.padt56 {
    padding-top: 56px !important;
}

.padb56 {
    padding-bottom: 56px !important;
}

.padtb56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
}

.padlr56 {
    padding-left: 56px !important;
    padding-right: 56px !important;
}

/*margin*/
.mar56 {
    margin: 56px !important;
}

.marl56 {
    margin-left: 56px !important;
}

.marr56 {
    margin-right: 56px !important;
}

.mart56 {
    margin-top: 56px !important;
}

.marb56 {
    margin-bottom: 56px !important;
}

.martb56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
}

.marlr56 {
    margin-left: 56px !important;
    margin-right: 56px !important;
}

.lh56 {
    line-height: 56px !important;
}

.w56 {
    width: 56px !important;
}

.h56 {
    height: 56px !important;
}

.x56 {
    width: 56px !important;
    height: 56px !important;
}

.f57 {
    font-size: 57px !important;
}

/*padding*/
.pad57 {
    padding: 57px !important;
}

.padl57 {
    padding-left: 57px !important;
}

.padr57 {
    padding-right: 57px !important;
}

.padt57 {
    padding-top: 57px !important;
}

.padb57 {
    padding-bottom: 57px !important;
}

.padtb57 {
    padding-top: 57px !important;
    padding-bottom: 57px !important;
}

.padlr57 {
    padding-left: 57px !important;
    padding-right: 57px !important;
}

/*margin*/
.mar57 {
    margin: 57px !important;
}

.marl57 {
    margin-left: 57px !important;
}

.marr57 {
    margin-right: 57px !important;
}

.mart57 {
    margin-top: 57px !important;
}

.marb57 {
    margin-bottom: 57px !important;
}

.martb57 {
    margin-top: 57px !important;
    margin-bottom: 57px !important;
}

.marlr57 {
    margin-left: 57px !important;
    margin-right: 57px !important;
}

.lh57 {
    line-height: 57px !important;
}

.w57 {
    width: 57px !important;
}

.h57 {
    height: 57px !important;
}

.x57 {
    width: 57px !important;
    height: 57px !important;
}

.f58 {
    font-size: 58px !important;
}

/*padding*/
.pad58 {
    padding: 58px !important;
}

.padl58 {
    padding-left: 58px !important;
}

.padr58 {
    padding-right: 58px !important;
}

.padt58 {
    padding-top: 58px !important;
}

.padb58 {
    padding-bottom: 58px !important;
}

.padtb58 {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
}

.padlr58 {
    padding-left: 58px !important;
    padding-right: 58px !important;
}

/*margin*/
.mar58 {
    margin: 58px !important;
}

.marl58 {
    margin-left: 58px !important;
}

.marr58 {
    margin-right: 58px !important;
}

.mart58 {
    margin-top: 58px !important;
}

.marb58 {
    margin-bottom: 58px !important;
}

.martb58 {
    margin-top: 58px !important;
    margin-bottom: 58px !important;
}

.marlr58 {
    margin-left: 58px !important;
    margin-right: 58px !important;
}

.lh58 {
    line-height: 58px !important;
}

.w58 {
    width: 58px !important;
}

.h58 {
    height: 58px !important;
}

.x58 {
    width: 58px !important;
    height: 58px !important;
}

.f59 {
    font-size: 59px !important;
}

/*padding*/
.pad59 {
    padding: 59px !important;
}

.padl59 {
    padding-left: 59px !important;
}

.padr59 {
    padding-right: 59px !important;
}

.padt59 {
    padding-top: 59px !important;
}

.padb59 {
    padding-bottom: 59px !important;
}

.padtb59 {
    padding-top: 59px !important;
    padding-bottom: 59px !important;
}

.padlr59 {
    padding-left: 59px !important;
    padding-right: 59px !important;
}

/*margin*/
.mar59 {
    margin: 59px !important;
}

.marl59 {
    margin-left: 59px !important;
}

.marr59 {
    margin-right: 59px !important;
}

.mart59 {
    margin-top: 59px !important;
}

.marb59 {
    margin-bottom: 59px !important;
}

.martb59 {
    margin-top: 59px !important;
    margin-bottom: 59px !important;
}

.marlr59 {
    margin-left: 59px !important;
    margin-right: 59px !important;
}

.lh59 {
    line-height: 59px !important;
}

.w59 {
    width: 59px !important;
}

.h59 {
    height: 59px !important;
}

.x59 {
    width: 59px !important;
    height: 59px !important;
}

.f60 {
    font-size: 60px !important;
}

/*padding*/
.pad60 {
    padding: 60px !important;
}

.padl60 {
    padding-left: 60px !important;
}

.padr60 {
    padding-right: 60px !important;
}

.padt60 {
    padding-top: 60px !important;
}

.padb60 {
    padding-bottom: 60px !important;
}

.padtb60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.padlr60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

/*margin*/
.mar60 {
    margin: 60px !important;
}

.marl60 {
    margin-left: 60px !important;
}

.marr60 {
    margin-right: 60px !important;
}

.mart60 {
    margin-top: 60px !important;
}

.marb60 {
    margin-bottom: 60px !important;
}

.martb60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.marlr60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

.lh60 {
    line-height: 60px !important;
}

.w60 {
    width: 60px !important;
}

.h60 {
    height: 60px !important;
}

.x60 {
    width: 60px !important;
    height: 60px !important;
}

.f61 {
    font-size: 61px !important;
}

/*padding*/
.pad61 {
    padding: 61px !important;
}

.padl61 {
    padding-left: 61px !important;
}

.padr61 {
    padding-right: 61px !important;
}

.padt61 {
    padding-top: 61px !important;
}

.padb61 {
    padding-bottom: 61px !important;
}

.padtb61 {
    padding-top: 61px !important;
    padding-bottom: 61px !important;
}

.padlr61 {
    padding-left: 61px !important;
    padding-right: 61px !important;
}

/*margin*/
.mar61 {
    margin: 61px !important;
}

.marl61 {
    margin-left: 61px !important;
}

.marr61 {
    margin-right: 61px !important;
}

.mart61 {
    margin-top: 61px !important;
}

.marb61 {
    margin-bottom: 61px !important;
}

.martb61 {
    margin-top: 61px !important;
    margin-bottom: 61px !important;
}

.marlr61 {
    margin-left: 61px !important;
    margin-right: 61px !important;
}

.lh61 {
    line-height: 61px !important;
}

.w61 {
    width: 61px !important;
}

.h61 {
    height: 61px !important;
}

.x61 {
    width: 61px !important;
    height: 61px !important;
}

.f62 {
    font-size: 62px !important;
}

/*padding*/
.pad62 {
    padding: 62px !important;
}

.padl62 {
    padding-left: 62px !important;
}

.padr62 {
    padding-right: 62px !important;
}

.padt62 {
    padding-top: 62px !important;
}

.padb62 {
    padding-bottom: 62px !important;
}

.padtb62 {
    padding-top: 62px !important;
    padding-bottom: 62px !important;
}

.padlr62 {
    padding-left: 62px !important;
    padding-right: 62px !important;
}

/*margin*/
.mar62 {
    margin: 62px !important;
}

.marl62 {
    margin-left: 62px !important;
}

.marr62 {
    margin-right: 62px !important;
}

.mart62 {
    margin-top: 62px !important;
}

.marb62 {
    margin-bottom: 62px !important;
}

.martb62 {
    margin-top: 62px !important;
    margin-bottom: 62px !important;
}

.marlr62 {
    margin-left: 62px !important;
    margin-right: 62px !important;
}

.lh62 {
    line-height: 62px !important;
}

.w62 {
    width: 62px !important;
}

.h62 {
    height: 62px !important;
}

.x62 {
    width: 62px !important;
    height: 62px !important;
}

.f63 {
    font-size: 63px !important;
}

/*padding*/
.pad63 {
    padding: 63px !important;
}

.padl63 {
    padding-left: 63px !important;
}

.padr63 {
    padding-right: 63px !important;
}

.padt63 {
    padding-top: 63px !important;
}

.padb63 {
    padding-bottom: 63px !important;
}

.padtb63 {
    padding-top: 63px !important;
    padding-bottom: 63px !important;
}

.padlr63 {
    padding-left: 63px !important;
    padding-right: 63px !important;
}

/*margin*/
.mar63 {
    margin: 63px !important;
}

.marl63 {
    margin-left: 63px !important;
}

.marr63 {
    margin-right: 63px !important;
}

.mart63 {
    margin-top: 63px !important;
}

.marb63 {
    margin-bottom: 63px !important;
}

.martb63 {
    margin-top: 63px !important;
    margin-bottom: 63px !important;
}

.marlr63 {
    margin-left: 63px !important;
    margin-right: 63px !important;
}

.lh63 {
    line-height: 63px !important;
}

.w63 {
    width: 63px !important;
}

.h63 {
    height: 63px !important;
}

.x63 {
    width: 63px !important;
    height: 63px !important;
}

.f64 {
    font-size: 64px !important;
}

/*padding*/
.pad64 {
    padding: 64px !important;
}

.padl64 {
    padding-left: 64px !important;
}

.padr64 {
    padding-right: 64px !important;
}

.padt64 {
    padding-top: 64px !important;
}

.padb64 {
    padding-bottom: 64px !important;
}

.padtb64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}

.padlr64 {
    padding-left: 64px !important;
    padding-right: 64px !important;
}

/*margin*/
.mar64 {
    margin: 64px !important;
}

.marl64 {
    margin-left: 64px !important;
}

.marr64 {
    margin-right: 64px !important;
}

.mart64 {
    margin-top: 64px !important;
}

.marb64 {
    margin-bottom: 64px !important;
}

.martb64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
}

.marlr64 {
    margin-left: 64px !important;
    margin-right: 64px !important;
}

.lh64 {
    line-height: 64px !important;
}

.w64 {
    width: 64px !important;
}

.h64 {
    height: 64px !important;
}

.x64 {
    width: 64px !important;
    height: 64px !important;
}

.f65 {
    font-size: 65px !important;
}

/*padding*/
.pad65 {
    padding: 65px !important;
}

.padl65 {
    padding-left: 65px !important;
}

.padr65 {
    padding-right: 65px !important;
}

.padt65 {
    padding-top: 65px !important;
}

.padb65 {
    padding-bottom: 65px !important;
}

.padtb65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
}

.padlr65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
}

/*margin*/
.mar65 {
    margin: 65px !important;
}

.marl65 {
    margin-left: 65px !important;
}

.marr65 {
    margin-right: 65px !important;
}

.mart65 {
    margin-top: 65px !important;
}

.marb65 {
    margin-bottom: 65px !important;
}

.martb65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
}

.marlr65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
}

.lh65 {
    line-height: 65px !important;
}

.w65 {
    width: 65px !important;
}

.h65 {
    height: 65px !important;
}

.x65 {
    width: 65px !important;
    height: 65px !important;
}

.f66 {
    font-size: 66px !important;
}

/*padding*/
.pad66 {
    padding: 66px !important;
}

.padl66 {
    padding-left: 66px !important;
}

.padr66 {
    padding-right: 66px !important;
}

.padt66 {
    padding-top: 66px !important;
}

.padb66 {
    padding-bottom: 66px !important;
}

.padtb66 {
    padding-top: 66px !important;
    padding-bottom: 66px !important;
}

.padlr66 {
    padding-left: 66px !important;
    padding-right: 66px !important;
}

/*margin*/
.mar66 {
    margin: 66px !important;
}

.marl66 {
    margin-left: 66px !important;
}

.marr66 {
    margin-right: 66px !important;
}

.mart66 {
    margin-top: 66px !important;
}

.marb66 {
    margin-bottom: 66px !important;
}

.martb66 {
    margin-top: 66px !important;
    margin-bottom: 66px !important;
}

.marlr66 {
    margin-left: 66px !important;
    margin-right: 66px !important;
}

.lh66 {
    line-height: 66px !important;
}

.w66 {
    width: 66px !important;
}

.h66 {
    height: 66px !important;
}

.x66 {
    width: 66px !important;
    height: 66px !important;
}

.f67 {
    font-size: 67px !important;
}

/*padding*/
.pad67 {
    padding: 67px !important;
}

.padl67 {
    padding-left: 67px !important;
}

.padr67 {
    padding-right: 67px !important;
}

.padt67 {
    padding-top: 67px !important;
}

.padb67 {
    padding-bottom: 67px !important;
}

.padtb67 {
    padding-top: 67px !important;
    padding-bottom: 67px !important;
}

.padlr67 {
    padding-left: 67px !important;
    padding-right: 67px !important;
}

/*margin*/
.mar67 {
    margin: 67px !important;
}

.marl67 {
    margin-left: 67px !important;
}

.marr67 {
    margin-right: 67px !important;
}

.mart67 {
    margin-top: 67px !important;
}

.marb67 {
    margin-bottom: 67px !important;
}

.martb67 {
    margin-top: 67px !important;
    margin-bottom: 67px !important;
}

.marlr67 {
    margin-left: 67px !important;
    margin-right: 67px !important;
}

.lh67 {
    line-height: 67px !important;
}

.w67 {
    width: 67px !important;
}

.h67 {
    height: 67px !important;
}

.x67 {
    width: 67px !important;
    height: 67px !important;
}

.f68 {
    font-size: 68px !important;
}

/*padding*/
.pad68 {
    padding: 68px !important;
}

.padl68 {
    padding-left: 68px !important;
}

.padr68 {
    padding-right: 68px !important;
}

.padt68 {
    padding-top: 68px !important;
}

.padb68 {
    padding-bottom: 68px !important;
}

.padtb68 {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
}

.padlr68 {
    padding-left: 68px !important;
    padding-right: 68px !important;
}

/*margin*/
.mar68 {
    margin: 68px !important;
}

.marl68 {
    margin-left: 68px !important;
}

.marr68 {
    margin-right: 68px !important;
}

.mart68 {
    margin-top: 68px !important;
}

.marb68 {
    margin-bottom: 68px !important;
}

.martb68 {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
}

.marlr68 {
    margin-left: 68px !important;
    margin-right: 68px !important;
}

.lh68 {
    line-height: 68px !important;
}

.w68 {
    width: 68px !important;
}

.h68 {
    height: 68px !important;
}

.x68 {
    width: 68px !important;
    height: 68px !important;
}

.f69 {
    font-size: 69px !important;
}

/*padding*/
.pad69 {
    padding: 69px !important;
}

.padl69 {
    padding-left: 69px !important;
}

.padr69 {
    padding-right: 69px !important;
}

.padt69 {
    padding-top: 69px !important;
}

.padb69 {
    padding-bottom: 69px !important;
}

.padtb69 {
    padding-top: 69px !important;
    padding-bottom: 69px !important;
}

.padlr69 {
    padding-left: 69px !important;
    padding-right: 69px !important;
}

/*margin*/
.mar69 {
    margin: 69px !important;
}

.marl69 {
    margin-left: 69px !important;
}

.marr69 {
    margin-right: 69px !important;
}

.mart69 {
    margin-top: 69px !important;
}

.marb69 {
    margin-bottom: 69px !important;
}

.martb69 {
    margin-top: 69px !important;
    margin-bottom: 69px !important;
}

.marlr69 {
    margin-left: 69px !important;
    margin-right: 69px !important;
}

.lh69 {
    line-height: 69px !important;
}

.w69 {
    width: 69px !important;
}

.h69 {
    height: 69px !important;
}

.x69 {
    width: 69px !important;
    height: 69px !important;
}

.f70 {
    font-size: 70px !important;
}

/*padding*/
.pad70 {
    padding: 70px !important;
}

.padl70 {
    padding-left: 70px !important;
}

.padr70 {
    padding-right: 70px !important;
}

.padt70 {
    padding-top: 70px !important;
}

.padb70 {
    padding-bottom: 70px !important;
}

.padtb70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.padlr70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
}

/*margin*/
.mar70 {
    margin: 70px !important;
}

.marl70 {
    margin-left: 70px !important;
}

.marr70 {
    margin-right: 70px !important;
}

.mart70 {
    margin-top: 70px !important;
}

.marb70 {
    margin-bottom: 70px !important;
}

.martb70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.marlr70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
}

.lh70 {
    line-height: 70px !important;
}

.w70 {
    width: 70px !important;
}

.h70 {
    height: 70px !important;
}

.x70 {
    width: 70px !important;
    height: 70px !important;
}

.f71 {
    font-size: 71px !important;
}

/*padding*/
.pad71 {
    padding: 71px !important;
}

.padl71 {
    padding-left: 71px !important;
}

.padr71 {
    padding-right: 71px !important;
}

.padt71 {
    padding-top: 71px !important;
}

.padb71 {
    padding-bottom: 71px !important;
}

.padtb71 {
    padding-top: 71px !important;
    padding-bottom: 71px !important;
}

.padlr71 {
    padding-left: 71px !important;
    padding-right: 71px !important;
}

/*margin*/
.mar71 {
    margin: 71px !important;
}

.marl71 {
    margin-left: 71px !important;
}

.marr71 {
    margin-right: 71px !important;
}

.mart71 {
    margin-top: 71px !important;
}

.marb71 {
    margin-bottom: 71px !important;
}

.martb71 {
    margin-top: 71px !important;
    margin-bottom: 71px !important;
}

.marlr71 {
    margin-left: 71px !important;
    margin-right: 71px !important;
}

.lh71 {
    line-height: 71px !important;
}

.w71 {
    width: 71px !important;
}

.h71 {
    height: 71px !important;
}

.x71 {
    width: 71px !important;
    height: 71px !important;
}

.f72 {
    font-size: 72px !important;
}

/*padding*/
.pad72 {
    padding: 72px !important;
}

.padl72 {
    padding-left: 72px !important;
}

.padr72 {
    padding-right: 72px !important;
}

.padt72 {
    padding-top: 72px !important;
}

.padb72 {
    padding-bottom: 72px !important;
}

.padtb72 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
}

.padlr72 {
    padding-left: 72px !important;
    padding-right: 72px !important;
}

/*margin*/
.mar72 {
    margin: 72px !important;
}

.marl72 {
    margin-left: 72px !important;
}

.marr72 {
    margin-right: 72px !important;
}

.mart72 {
    margin-top: 72px !important;
}

.marb72 {
    margin-bottom: 72px !important;
}

.martb72 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
}

.marlr72 {
    margin-left: 72px !important;
    margin-right: 72px !important;
}

.lh72 {
    line-height: 72px !important;
}

.w72 {
    width: 72px !important;
}

.h72 {
    height: 72px !important;
}

.x72 {
    width: 72px !important;
    height: 72px !important;
}

.f73 {
    font-size: 73px !important;
}

/*padding*/
.pad73 {
    padding: 73px !important;
}

.padl73 {
    padding-left: 73px !important;
}

.padr73 {
    padding-right: 73px !important;
}

.padt73 {
    padding-top: 73px !important;
}

.padb73 {
    padding-bottom: 73px !important;
}

.padtb73 {
    padding-top: 73px !important;
    padding-bottom: 73px !important;
}

.padlr73 {
    padding-left: 73px !important;
    padding-right: 73px !important;
}

/*margin*/
.mar73 {
    margin: 73px !important;
}

.marl73 {
    margin-left: 73px !important;
}

.marr73 {
    margin-right: 73px !important;
}

.mart73 {
    margin-top: 73px !important;
}

.marb73 {
    margin-bottom: 73px !important;
}

.martb73 {
    margin-top: 73px !important;
    margin-bottom: 73px !important;
}

.marlr73 {
    margin-left: 73px !important;
    margin-right: 73px !important;
}

.lh73 {
    line-height: 73px !important;
}

.w73 {
    width: 73px !important;
}

.h73 {
    height: 73px !important;
}

.x73 {
    width: 73px !important;
    height: 73px !important;
}

.f74 {
    font-size: 74px !important;
}

/*padding*/
.pad74 {
    padding: 74px !important;
}

.padl74 {
    padding-left: 74px !important;
}

.padr74 {
    padding-right: 74px !important;
}

.padt74 {
    padding-top: 74px !important;
}

.padb74 {
    padding-bottom: 74px !important;
}

.padtb74 {
    padding-top: 74px !important;
    padding-bottom: 74px !important;
}

.padlr74 {
    padding-left: 74px !important;
    padding-right: 74px !important;
}

/*margin*/
.mar74 {
    margin: 74px !important;
}

.marl74 {
    margin-left: 74px !important;
}

.marr74 {
    margin-right: 74px !important;
}

.mart74 {
    margin-top: 74px !important;
}

.marb74 {
    margin-bottom: 74px !important;
}

.martb74 {
    margin-top: 74px !important;
    margin-bottom: 74px !important;
}

.marlr74 {
    margin-left: 74px !important;
    margin-right: 74px !important;
}

.lh74 {
    line-height: 74px !important;
}

.w74 {
    width: 74px !important;
}

.h74 {
    height: 74px !important;
}

.x74 {
    width: 74px !important;
    height: 74px !important;
}

.f75 {
    font-size: 75px !important;
}

/*padding*/
.pad75 {
    padding: 75px !important;
}

.padl75 {
    padding-left: 75px !important;
}

.padr75 {
    padding-right: 75px !important;
}

.padt75 {
    padding-top: 75px !important;
}

.padb75 {
    padding-bottom: 75px !important;
}

.padtb75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}

.padlr75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
}

/*margin*/
.mar75 {
    margin: 75px !important;
}

.marl75 {
    margin-left: 75px !important;
}

.marr75 {
    margin-right: 75px !important;
}

.mart75 {
    margin-top: 75px !important;
}

.marb75 {
    margin-bottom: 75px !important;
}

.martb75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
}

.marlr75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
}

.lh75 {
    line-height: 75px !important;
}

.w75 {
    width: 75px !important;
}

.h75 {
    height: 75px !important;
}

.x75 {
    width: 75px !important;
    height: 75px !important;
}

.f76 {
    font-size: 76px !important;
}

/*padding*/
.pad76 {
    padding: 76px !important;
}

.padl76 {
    padding-left: 76px !important;
}

.padr76 {
    padding-right: 76px !important;
}

.padt76 {
    padding-top: 76px !important;
}

.padb76 {
    padding-bottom: 76px !important;
}

.padtb76 {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
}

.padlr76 {
    padding-left: 76px !important;
    padding-right: 76px !important;
}

/*margin*/
.mar76 {
    margin: 76px !important;
}

.marl76 {
    margin-left: 76px !important;
}

.marr76 {
    margin-right: 76px !important;
}

.mart76 {
    margin-top: 76px !important;
}

.marb76 {
    margin-bottom: 76px !important;
}

.martb76 {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
}

.marlr76 {
    margin-left: 76px !important;
    margin-right: 76px !important;
}

.lh76 {
    line-height: 76px !important;
}

.w76 {
    width: 76px !important;
}

.h76 {
    height: 76px !important;
}

.x76 {
    width: 76px !important;
    height: 76px !important;
}

.f77 {
    font-size: 77px !important;
}

/*padding*/
.pad77 {
    padding: 77px !important;
}

.padl77 {
    padding-left: 77px !important;
}

.padr77 {
    padding-right: 77px !important;
}

.padt77 {
    padding-top: 77px !important;
}

.padb77 {
    padding-bottom: 77px !important;
}

.padtb77 {
    padding-top: 77px !important;
    padding-bottom: 77px !important;
}

.padlr77 {
    padding-left: 77px !important;
    padding-right: 77px !important;
}

/*margin*/
.mar77 {
    margin: 77px !important;
}

.marl77 {
    margin-left: 77px !important;
}

.marr77 {
    margin-right: 77px !important;
}

.mart77 {
    margin-top: 77px !important;
}

.marb77 {
    margin-bottom: 77px !important;
}

.martb77 {
    margin-top: 77px !important;
    margin-bottom: 77px !important;
}

.marlr77 {
    margin-left: 77px !important;
    margin-right: 77px !important;
}

.lh77 {
    line-height: 77px !important;
}

.w77 {
    width: 77px !important;
}

.h77 {
    height: 77px !important;
}

.x77 {
    width: 77px !important;
    height: 77px !important;
}

.f78 {
    font-size: 78px !important;
}

/*padding*/
.pad78 {
    padding: 78px !important;
}

.padl78 {
    padding-left: 78px !important;
}

.padr78 {
    padding-right: 78px !important;
}

.padt78 {
    padding-top: 78px !important;
}

.padb78 {
    padding-bottom: 78px !important;
}

.padtb78 {
    padding-top: 78px !important;
    padding-bottom: 78px !important;
}

.padlr78 {
    padding-left: 78px !important;
    padding-right: 78px !important;
}

/*margin*/
.mar78 {
    margin: 78px !important;
}

.marl78 {
    margin-left: 78px !important;
}

.marr78 {
    margin-right: 78px !important;
}

.mart78 {
    margin-top: 78px !important;
}

.marb78 {
    margin-bottom: 78px !important;
}

.martb78 {
    margin-top: 78px !important;
    margin-bottom: 78px !important;
}

.marlr78 {
    margin-left: 78px !important;
    margin-right: 78px !important;
}

.lh78 {
    line-height: 78px !important;
}

.w78 {
    width: 78px !important;
}

.h78 {
    height: 78px !important;
}

.x78 {
    width: 78px !important;
    height: 78px !important;
}

.f79 {
    font-size: 79px !important;
}

/*padding*/
.pad79 {
    padding: 79px !important;
}

.padl79 {
    padding-left: 79px !important;
}

.padr79 {
    padding-right: 79px !important;
}

.padt79 {
    padding-top: 79px !important;
}

.padb79 {
    padding-bottom: 79px !important;
}

.padtb79 {
    padding-top: 79px !important;
    padding-bottom: 79px !important;
}

.padlr79 {
    padding-left: 79px !important;
    padding-right: 79px !important;
}

/*margin*/
.mar79 {
    margin: 79px !important;
}

.marl79 {
    margin-left: 79px !important;
}

.marr79 {
    margin-right: 79px !important;
}

.mart79 {
    margin-top: 79px !important;
}

.marb79 {
    margin-bottom: 79px !important;
}

.martb79 {
    margin-top: 79px !important;
    margin-bottom: 79px !important;
}

.marlr79 {
    margin-left: 79px !important;
    margin-right: 79px !important;
}

.lh79 {
    line-height: 79px !important;
}

.w79 {
    width: 79px !important;
}

.h79 {
    height: 79px !important;
}

.x79 {
    width: 79px !important;
    height: 79px !important;
}

.f80 {
    font-size: 80px !important;
}

/*padding*/
.pad80 {
    padding: 80px !important;
}

.padl80 {
    padding-left: 80px !important;
}

.padr80 {
    padding-right: 80px !important;
}

.padt80 {
    padding-top: 80px !important;
}

.padb80 {
    padding-bottom: 80px !important;
}

.padtb80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.padlr80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

/*margin*/
.mar80 {
    margin: 80px !important;
}

.marl80 {
    margin-left: 80px !important;
}

.marr80 {
    margin-right: 80px !important;
}

.mart80 {
    margin-top: 80px !important;
}

.marb80 {
    margin-bottom: 80px !important;
}

.martb80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.marlr80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
}

.lh80 {
    line-height: 80px !important;
}

.w80 {
    width: 80px !important;
}

.h80 {
    height: 80px !important;
}

.x80 {
    width: 80px !important;
    height: 80px !important;
}

.f81 {
    font-size: 81px !important;
}

/*padding*/
.pad81 {
    padding: 81px !important;
}

.padl81 {
    padding-left: 81px !important;
}

.padr81 {
    padding-right: 81px !important;
}

.padt81 {
    padding-top: 81px !important;
}

.padb81 {
    padding-bottom: 81px !important;
}

.padtb81 {
    padding-top: 81px !important;
    padding-bottom: 81px !important;
}

.padlr81 {
    padding-left: 81px !important;
    padding-right: 81px !important;
}

/*margin*/
.mar81 {
    margin: 81px !important;
}

.marl81 {
    margin-left: 81px !important;
}

.marr81 {
    margin-right: 81px !important;
}

.mart81 {
    margin-top: 81px !important;
}

.marb81 {
    margin-bottom: 81px !important;
}

.martb81 {
    margin-top: 81px !important;
    margin-bottom: 81px !important;
}

.marlr81 {
    margin-left: 81px !important;
    margin-right: 81px !important;
}

.lh81 {
    line-height: 81px !important;
}

.w81 {
    width: 81px !important;
}

.h81 {
    height: 81px !important;
}

.x81 {
    width: 81px !important;
    height: 81px !important;
}

.f82 {
    font-size: 82px !important;
}

/*padding*/
.pad82 {
    padding: 82px !important;
}

.padl82 {
    padding-left: 82px !important;
}

.padr82 {
    padding-right: 82px !important;
}

.padt82 {
    padding-top: 82px !important;
}

.padb82 {
    padding-bottom: 82px !important;
}

.padtb82 {
    padding-top: 82px !important;
    padding-bottom: 82px !important;
}

.padlr82 {
    padding-left: 82px !important;
    padding-right: 82px !important;
}

/*margin*/
.mar82 {
    margin: 82px !important;
}

.marl82 {
    margin-left: 82px !important;
}

.marr82 {
    margin-right: 82px !important;
}

.mart82 {
    margin-top: 82px !important;
}

.marb82 {
    margin-bottom: 82px !important;
}

.martb82 {
    margin-top: 82px !important;
    margin-bottom: 82px !important;
}

.marlr82 {
    margin-left: 82px !important;
    margin-right: 82px !important;
}

.lh82 {
    line-height: 82px !important;
}

.w82 {
    width: 82px !important;
}

.h82 {
    height: 82px !important;
}

.x82 {
    width: 82px !important;
    height: 82px !important;
}

.f83 {
    font-size: 83px !important;
}

/*padding*/
.pad83 {
    padding: 83px !important;
}

.padl83 {
    padding-left: 83px !important;
}

.padr83 {
    padding-right: 83px !important;
}

.padt83 {
    padding-top: 83px !important;
}

.padb83 {
    padding-bottom: 83px !important;
}

.padtb83 {
    padding-top: 83px !important;
    padding-bottom: 83px !important;
}

.padlr83 {
    padding-left: 83px !important;
    padding-right: 83px !important;
}

/*margin*/
.mar83 {
    margin: 83px !important;
}

.marl83 {
    margin-left: 83px !important;
}

.marr83 {
    margin-right: 83px !important;
}

.mart83 {
    margin-top: 83px !important;
}

.marb83 {
    margin-bottom: 83px !important;
}

.martb83 {
    margin-top: 83px !important;
    margin-bottom: 83px !important;
}

.marlr83 {
    margin-left: 83px !important;
    margin-right: 83px !important;
}

.lh83 {
    line-height: 83px !important;
}

.w83 {
    width: 83px !important;
}

.h83 {
    height: 83px !important;
}

.x83 {
    width: 83px !important;
    height: 83px !important;
}

.f84 {
    font-size: 84px !important;
}

/*padding*/
.pad84 {
    padding: 84px !important;
}

.padl84 {
    padding-left: 84px !important;
}

.padr84 {
    padding-right: 84px !important;
}

.padt84 {
    padding-top: 84px !important;
}

.padb84 {
    padding-bottom: 84px !important;
}

.padtb84 {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
}

.padlr84 {
    padding-left: 84px !important;
    padding-right: 84px !important;
}

/*margin*/
.mar84 {
    margin: 84px !important;
}

.marl84 {
    margin-left: 84px !important;
}

.marr84 {
    margin-right: 84px !important;
}

.mart84 {
    margin-top: 84px !important;
}

.marb84 {
    margin-bottom: 84px !important;
}

.martb84 {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
}

.marlr84 {
    margin-left: 84px !important;
    margin-right: 84px !important;
}

.lh84 {
    line-height: 84px !important;
}

.w84 {
    width: 84px !important;
}

.h84 {
    height: 84px !important;
}

.x84 {
    width: 84px !important;
    height: 84px !important;
}

.f85 {
    font-size: 85px !important;
}

/*padding*/
.pad85 {
    padding: 85px !important;
}

.padl85 {
    padding-left: 85px !important;
}

.padr85 {
    padding-right: 85px !important;
}

.padt85 {
    padding-top: 85px !important;
}

.padb85 {
    padding-bottom: 85px !important;
}

.padtb85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}

.padlr85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
}

/*margin*/
.mar85 {
    margin: 85px !important;
}

.marl85 {
    margin-left: 85px !important;
}

.marr85 {
    margin-right: 85px !important;
}

.mart85 {
    margin-top: 85px !important;
}

.marb85 {
    margin-bottom: 85px !important;
}

.martb85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
}

.marlr85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
}

.lh85 {
    line-height: 85px !important;
}

.w85 {
    width: 85px !important;
}

.h85 {
    height: 85px !important;
}

.x85 {
    width: 85px !important;
    height: 85px !important;
}

.f86 {
    font-size: 86px !important;
}

/*padding*/
.pad86 {
    padding: 86px !important;
}

.padl86 {
    padding-left: 86px !important;
}

.padr86 {
    padding-right: 86px !important;
}

.padt86 {
    padding-top: 86px !important;
}

.padb86 {
    padding-bottom: 86px !important;
}

.padtb86 {
    padding-top: 86px !important;
    padding-bottom: 86px !important;
}

.padlr86 {
    padding-left: 86px !important;
    padding-right: 86px !important;
}

/*margin*/
.mar86 {
    margin: 86px !important;
}

.marl86 {
    margin-left: 86px !important;
}

.marr86 {
    margin-right: 86px !important;
}

.mart86 {
    margin-top: 86px !important;
}

.marb86 {
    margin-bottom: 86px !important;
}

.martb86 {
    margin-top: 86px !important;
    margin-bottom: 86px !important;
}

.marlr86 {
    margin-left: 86px !important;
    margin-right: 86px !important;
}

.lh86 {
    line-height: 86px !important;
}

.w86 {
    width: 86px !important;
}

.h86 {
    height: 86px !important;
}

.x86 {
    width: 86px !important;
    height: 86px !important;
}

.f87 {
    font-size: 87px !important;
}

/*padding*/
.pad87 {
    padding: 87px !important;
}

.padl87 {
    padding-left: 87px !important;
}

.padr87 {
    padding-right: 87px !important;
}

.padt87 {
    padding-top: 87px !important;
}

.padb87 {
    padding-bottom: 87px !important;
}

.padtb87 {
    padding-top: 87px !important;
    padding-bottom: 87px !important;
}

.padlr87 {
    padding-left: 87px !important;
    padding-right: 87px !important;
}

/*margin*/
.mar87 {
    margin: 87px !important;
}

.marl87 {
    margin-left: 87px !important;
}

.marr87 {
    margin-right: 87px !important;
}

.mart87 {
    margin-top: 87px !important;
}

.marb87 {
    margin-bottom: 87px !important;
}

.martb87 {
    margin-top: 87px !important;
    margin-bottom: 87px !important;
}

.marlr87 {
    margin-left: 87px !important;
    margin-right: 87px !important;
}

.lh87 {
    line-height: 87px !important;
}

.w87 {
    width: 87px !important;
}

.h87 {
    height: 87px !important;
}

.x87 {
    width: 87px !important;
    height: 87px !important;
}

.f88 {
    font-size: 88px !important;
}

/*padding*/
.pad88 {
    padding: 88px !important;
}

.padl88 {
    padding-left: 88px !important;
}

.padr88 {
    padding-right: 88px !important;
}

.padt88 {
    padding-top: 88px !important;
}

.padb88 {
    padding-bottom: 88px !important;
}

.padtb88 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
}

.padlr88 {
    padding-left: 88px !important;
    padding-right: 88px !important;
}

/*margin*/
.mar88 {
    margin: 88px !important;
}

.marl88 {
    margin-left: 88px !important;
}

.marr88 {
    margin-right: 88px !important;
}

.mart88 {
    margin-top: 88px !important;
}

.marb88 {
    margin-bottom: 88px !important;
}

.martb88 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
}

.marlr88 {
    margin-left: 88px !important;
    margin-right: 88px !important;
}

.lh88 {
    line-height: 88px !important;
}

.w88 {
    width: 88px !important;
}

.h88 {
    height: 88px !important;
}

.x88 {
    width: 88px !important;
    height: 88px !important;
}

.f89 {
    font-size: 89px !important;
}

/*padding*/
.pad89 {
    padding: 89px !important;
}

.padl89 {
    padding-left: 89px !important;
}

.padr89 {
    padding-right: 89px !important;
}

.padt89 {
    padding-top: 89px !important;
}

.padb89 {
    padding-bottom: 89px !important;
}

.padtb89 {
    padding-top: 89px !important;
    padding-bottom: 89px !important;
}

.padlr89 {
    padding-left: 89px !important;
    padding-right: 89px !important;
}

/*margin*/
.mar89 {
    margin: 89px !important;
}

.marl89 {
    margin-left: 89px !important;
}

.marr89 {
    margin-right: 89px !important;
}

.mart89 {
    margin-top: 89px !important;
}

.marb89 {
    margin-bottom: 89px !important;
}

.martb89 {
    margin-top: 89px !important;
    margin-bottom: 89px !important;
}

.marlr89 {
    margin-left: 89px !important;
    margin-right: 89px !important;
}

.lh89 {
    line-height: 89px !important;
}

.w89 {
    width: 89px !important;
}

.h89 {
    height: 89px !important;
}

.x89 {
    width: 89px !important;
    height: 89px !important;
}

.f90 {
    font-size: 90px !important;
}

/*padding*/
.pad90 {
    padding: 90px !important;
}

.padl90 {
    padding-left: 90px !important;
}

.padr90 {
    padding-right: 90px !important;
}

.padt90 {
    padding-top: 90px !important;
}

.padb90 {
    padding-bottom: 90px !important;
}

.padtb90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.padlr90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
}

/*margin*/
.mar90 {
    margin: 90px !important;
}

.marl90 {
    margin-left: 90px !important;
}

.marr90 {
    margin-right: 90px !important;
}

.mart90 {
    margin-top: 90px !important;
}

.marb90 {
    margin-bottom: 90px !important;
}

.martb90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.marlr90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
}

.lh90 {
    line-height: 90px !important;
}

.w90 {
    width: 90px !important;
}

.h90 {
    height: 90px !important;
}

.x90 {
    width: 90px !important;
    height: 90px !important;
}

.f91 {
    font-size: 91px !important;
}

/*padding*/
.pad91 {
    padding: 91px !important;
}

.padl91 {
    padding-left: 91px !important;
}

.padr91 {
    padding-right: 91px !important;
}

.padt91 {
    padding-top: 91px !important;
}

.padb91 {
    padding-bottom: 91px !important;
}

.padtb91 {
    padding-top: 91px !important;
    padding-bottom: 91px !important;
}

.padlr91 {
    padding-left: 91px !important;
    padding-right: 91px !important;
}

/*margin*/
.mar91 {
    margin: 91px !important;
}

.marl91 {
    margin-left: 91px !important;
}

.marr91 {
    margin-right: 91px !important;
}

.mart91 {
    margin-top: 91px !important;
}

.marb91 {
    margin-bottom: 91px !important;
}

.martb91 {
    margin-top: 91px !important;
    margin-bottom: 91px !important;
}

.marlr91 {
    margin-left: 91px !important;
    margin-right: 91px !important;
}

.lh91 {
    line-height: 91px !important;
}

.w91 {
    width: 91px !important;
}

.h91 {
    height: 91px !important;
}

.x91 {
    width: 91px !important;
    height: 91px !important;
}

.f92 {
    font-size: 92px !important;
}

/*padding*/
.pad92 {
    padding: 92px !important;
}

.padl92 {
    padding-left: 92px !important;
}

.padr92 {
    padding-right: 92px !important;
}

.padt92 {
    padding-top: 92px !important;
}

.padb92 {
    padding-bottom: 92px !important;
}

.padtb92 {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
}

.padlr92 {
    padding-left: 92px !important;
    padding-right: 92px !important;
}

/*margin*/
.mar92 {
    margin: 92px !important;
}

.marl92 {
    margin-left: 92px !important;
}

.marr92 {
    margin-right: 92px !important;
}

.mart92 {
    margin-top: 92px !important;
}

.marb92 {
    margin-bottom: 92px !important;
}

.martb92 {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
}

.marlr92 {
    margin-left: 92px !important;
    margin-right: 92px !important;
}

.lh92 {
    line-height: 92px !important;
}

.w92 {
    width: 92px !important;
}

.h92 {
    height: 92px !important;
}

.x92 {
    width: 92px !important;
    height: 92px !important;
}

.f93 {
    font-size: 93px !important;
}

/*padding*/
.pad93 {
    padding: 93px !important;
}

.padl93 {
    padding-left: 93px !important;
}

.padr93 {
    padding-right: 93px !important;
}

.padt93 {
    padding-top: 93px !important;
}

.padb93 {
    padding-bottom: 93px !important;
}

.padtb93 {
    padding-top: 93px !important;
    padding-bottom: 93px !important;
}

.padlr93 {
    padding-left: 93px !important;
    padding-right: 93px !important;
}

/*margin*/
.mar93 {
    margin: 93px !important;
}

.marl93 {
    margin-left: 93px !important;
}

.marr93 {
    margin-right: 93px !important;
}

.mart93 {
    margin-top: 93px !important;
}

.marb93 {
    margin-bottom: 93px !important;
}

.martb93 {
    margin-top: 93px !important;
    margin-bottom: 93px !important;
}

.marlr93 {
    margin-left: 93px !important;
    margin-right: 93px !important;
}

.lh93 {
    line-height: 93px !important;
}

.w93 {
    width: 93px !important;
}

.h93 {
    height: 93px !important;
}

.x93 {
    width: 93px !important;
    height: 93px !important;
}

.f94 {
    font-size: 94px !important;
}

/*padding*/
.pad94 {
    padding: 94px !important;
}

.padl94 {
    padding-left: 94px !important;
}

.padr94 {
    padding-right: 94px !important;
}

.padt94 {
    padding-top: 94px !important;
}

.padb94 {
    padding-bottom: 94px !important;
}

.padtb94 {
    padding-top: 94px !important;
    padding-bottom: 94px !important;
}

.padlr94 {
    padding-left: 94px !important;
    padding-right: 94px !important;
}

/*margin*/
.mar94 {
    margin: 94px !important;
}

.marl94 {
    margin-left: 94px !important;
}

.marr94 {
    margin-right: 94px !important;
}

.mart94 {
    margin-top: 94px !important;
}

.marb94 {
    margin-bottom: 94px !important;
}

.martb94 {
    margin-top: 94px !important;
    margin-bottom: 94px !important;
}

.marlr94 {
    margin-left: 94px !important;
    margin-right: 94px !important;
}

.lh94 {
    line-height: 94px !important;
}

.w94 {
    width: 94px !important;
}

.h94 {
    height: 94px !important;
}

.x94 {
    width: 94px !important;
    height: 94px !important;
}

.f95 {
    font-size: 95px !important;
}

/*padding*/
.pad95 {
    padding: 95px !important;
}

.padl95 {
    padding-left: 95px !important;
}

.padr95 {
    padding-right: 95px !important;
}

.padt95 {
    padding-top: 95px !important;
}

.padb95 {
    padding-bottom: 95px !important;
}

.padtb95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
}

.padlr95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
}

/*margin*/
.mar95 {
    margin: 95px !important;
}

.marl95 {
    margin-left: 95px !important;
}

.marr95 {
    margin-right: 95px !important;
}

.mart95 {
    margin-top: 95px !important;
}

.marb95 {
    margin-bottom: 95px !important;
}

.martb95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
}

.marlr95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
}

.lh95 {
    line-height: 95px !important;
}

.w95 {
    width: 95px !important;
}

.h95 {
    height: 95px !important;
}

.x95 {
    width: 95px !important;
    height: 95px !important;
}

.f96 {
    font-size: 96px !important;
}

/*padding*/
.pad96 {
    padding: 96px !important;
}

.padl96 {
    padding-left: 96px !important;
}

.padr96 {
    padding-right: 96px !important;
}

.padt96 {
    padding-top: 96px !important;
}

.padb96 {
    padding-bottom: 96px !important;
}

.padtb96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
}

.padlr96 {
    padding-left: 96px !important;
    padding-right: 96px !important;
}

/*margin*/
.mar96 {
    margin: 96px !important;
}

.marl96 {
    margin-left: 96px !important;
}

.marr96 {
    margin-right: 96px !important;
}

.mart96 {
    margin-top: 96px !important;
}

.marb96 {
    margin-bottom: 96px !important;
}

.martb96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
}

.marlr96 {
    margin-left: 96px !important;
    margin-right: 96px !important;
}

.lh96 {
    line-height: 96px !important;
}

.w96 {
    width: 96px !important;
}

.h96 {
    height: 96px !important;
}

.x96 {
    width: 96px !important;
    height: 96px !important;
}

.f97 {
    font-size: 97px !important;
}

/*padding*/
.pad97 {
    padding: 97px !important;
}

.padl97 {
    padding-left: 97px !important;
}

.padr97 {
    padding-right: 97px !important;
}

.padt97 {
    padding-top: 97px !important;
}

.padb97 {
    padding-bottom: 97px !important;
}

.padtb97 {
    padding-top: 97px !important;
    padding-bottom: 97px !important;
}

.padlr97 {
    padding-left: 97px !important;
    padding-right: 97px !important;
}

/*margin*/
.mar97 {
    margin: 97px !important;
}

.marl97 {
    margin-left: 97px !important;
}

.marr97 {
    margin-right: 97px !important;
}

.mart97 {
    margin-top: 97px !important;
}

.marb97 {
    margin-bottom: 97px !important;
}

.martb97 {
    margin-top: 97px !important;
    margin-bottom: 97px !important;
}

.marlr97 {
    margin-left: 97px !important;
    margin-right: 97px !important;
}

.lh97 {
    line-height: 97px !important;
}

.w97 {
    width: 97px !important;
}

.h97 {
    height: 97px !important;
}

.x97 {
    width: 97px !important;
    height: 97px !important;
}

.f98 {
    font-size: 98px !important;
}

/*padding*/
.pad98 {
    padding: 98px !important;
}

.padl98 {
    padding-left: 98px !important;
}

.padr98 {
    padding-right: 98px !important;
}

.padt98 {
    padding-top: 98px !important;
}

.padb98 {
    padding-bottom: 98px !important;
}

.padtb98 {
    padding-top: 98px !important;
    padding-bottom: 98px !important;
}

.padlr98 {
    padding-left: 98px !important;
    padding-right: 98px !important;
}

/*margin*/
.mar98 {
    margin: 98px !important;
}

.marl98 {
    margin-left: 98px !important;
}

.marr98 {
    margin-right: 98px !important;
}

.mart98 {
    margin-top: 98px !important;
}

.marb98 {
    margin-bottom: 98px !important;
}

.martb98 {
    margin-top: 98px !important;
    margin-bottom: 98px !important;
}

.marlr98 {
    margin-left: 98px !important;
    margin-right: 98px !important;
}

.lh98 {
    line-height: 98px !important;
}

.w98 {
    width: 98px !important;
}

.h98 {
    height: 98px !important;
}

.x98 {
    width: 98px !important;
    height: 98px !important;
}

.f99 {
    font-size: 99px !important;
}

/*padding*/
.pad99 {
    padding: 99px !important;
}

.padl99 {
    padding-left: 99px !important;
}

.padr99 {
    padding-right: 99px !important;
}

.padt99 {
    padding-top: 99px !important;
}

.padb99 {
    padding-bottom: 99px !important;
}

.padtb99 {
    padding-top: 99px !important;
    padding-bottom: 99px !important;
}

.padlr99 {
    padding-left: 99px !important;
    padding-right: 99px !important;
}

/*margin*/
.mar99 {
    margin: 99px !important;
}

.marl99 {
    margin-left: 99px !important;
}

.marr99 {
    margin-right: 99px !important;
}

.mart99 {
    margin-top: 99px !important;
}

.marb99 {
    margin-bottom: 99px !important;
}

.martb99 {
    margin-top: 99px !important;
    margin-bottom: 99px !important;
}

.marlr99 {
    margin-left: 99px !important;
    margin-right: 99px !important;
}

.lh99 {
    line-height: 99px !important;
}

.w99 {
    width: 99px !important;
}

.h99 {
    height: 99px !important;
}

.x99 {
    width: 99px !important;
    height: 99px !important;
}

.f100 {
    font-size: 100px !important;
}

/*padding*/
.pad100 {
    padding: 100px !important;
}

.padl100 {
    padding-left: 100px !important;
}

.padr100 {
    padding-right: 100px !important;
}

.padt100 {
    padding-top: 100px !important;
}

.padb100 {
    padding-bottom: 100px !important;
}

.padtb100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.padlr100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

/*margin*/
.mar100 {
    margin: 100px !important;
}

.marl100 {
    margin-left: 100px !important;
}

.marr100 {
    margin-right: 100px !important;
}

.mart100 {
    margin-top: 100px !important;
}

.marb100 {
    margin-bottom: 100px !important;
}

.martb100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.marlr100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
}

.lh100 {
    line-height: 100px !important;
}

.w100 {
    width: 100px !important;
}

.h100 {
    height: 100px !important;
}

.x100 {
    width: 100px !important;
    height: 100px !important;
}

.thin {
    font-weight: 300 !important;
}

.thick {
    font-weight: 500 !important;
}

.minw100 {
    min-width: 100px !important;
}

.minw150 {
    min-width: 150px !important;
}

.minw120 {
    min-width: 120px !important;
}

.maxw100 {
    max-width: 100px !important;
}

.maxw150 {
    max-width: 150px !important;
}

.h-auto {
    height: auto !important;
}

.x16 {
    height: 16px !important;
    width: 16px !important;
}

.w16 {
    width: 16px !important;
}

.h16 {
    height: 16px !important;
}

.x24 {
    height: 24px !important;
    width: 24px !important;
}

.w24 {
    width: 24px !important;
}

.h24 {
    height: 24px !important;
}

.x32 {
    height: 32px !important;
    width: 32px !important;
}

.w32 {
    width: 32px !important;
}

.h32 {
    height: 32px !important;
}

.x48 {
    height: 48px !important;
    width: 48px !important;
}

.w48 {
    width: 48px !important;
}

.h48 {
    height: 48px !important;
}

.x64 {
    height: 64px !important;
    width: 64px !important;
}

.w64 {
    width: 64px !important;
}

.h64 {
    height: 64px !important;
}

.x128 {
    height: 128px !important;
    width: 128px !important;
}

.w128 {
    width: 128px !important;
}

.h128 {
    height: 128px !important;
}

.x256 {
    height: 256px !important;
    width: 256px !important;
}

.w256 {
    width: 256px !important;
}

.h256 {
    height: 256px !important;
}

.maxw120 {
    max-width: 120px !important;
}

.circle {
    border-radius: 50% !important;
}

.bg-gray {
    background: #f5f5f5;
}

.w100 {
    width: 100px !important;
}

.text-white {
    color: white !important;
}

.bor0 {
    border: 0px !important;
}

.bor1 {
    border: 1px solid #E9EBF0 !important;
}

@media (max-width: 1024px) {
    .hidden-devide-1024 {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    .show-devide-1024 {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .hidden-devide-768 {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .show-devide-768 {
        display: none !important;
    }
}

.borr {
    border-right: 1px solid #ddd !important;
}

.borl {
    border-left: 1px solid #ddd !important;
}

.bort {
    border-top: 1px solid #ddd !important;
}

.borb {
    border-bottom: 1px solid #ddd !important;
}

/*

	Footer

 */
.footer-bottom {
    background: #D71920;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    padding: 10px 0px;
}

    .footer-bottom p {
        margin: 0px;
    }

@media (max-width: 1000px) {
    .footer-bottom {
        font-weight: normal;
        text-align: center;
    }

        .footer-bottom .list-info {
            display: block;
        }
}

.footer-box {
    background-size: cover;
    background: #ffeeaa no-repeat center;
    border-top: 2px solid #D71920;
}

    .footer-box .footer-top {
        padding: 25px 0px;
        font-weight: 500;
        text-align: center;
    }

    .footer-box .title {
        font-size: 18px;
        margin-top: 0px;
        color: #D71920;
        font-weight: bold;
        display: block;
        margin: 0px;
    }

    .footer-box .desc {
        font-size: 14px;
    }

    .footer-box .img {
        display: block;
        padding: 80px 0px;
    }

/*
    Custom Header
*/
.top-menu {
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 15px;
    background-position: center;
    /*border-bottom: 2px solid #D71920;*/
    padding-bottom: 0px;
    min-height: 120px;

    /*Đoạn này cố định banner*/
/*    position: fixed;
    top: 0;
    width:100%;
    z-index:1000;
    background-color:white;*/
}

    .top-menu .box-content {
        display:flex;
        align-items: center;
        column-gap: 10px;
        justify-content: space-between;
    }

    .top-menu .logo {
        display: flex;
        align-items: center;
        column-gap: 20px;
        text-decoration: none;
    }

        .top-menu .logo img {
            height: 90px;
        }

        .top-menu .logo .title {
            font-family: 'UTM-Alexander', Arial;
            font-weight: bold;
            /*color: #D71920;*/
            color:#1f1fdd;
            font-size: 25px;
            font-weight: 100;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            text-transform: uppercase;
            text-align: center;
        }
@media (max-width: 480px) {
    .top-menu {min-height:110px;}
    .top-menu .logo {
        /*display: block;*/
        text-align: center;
    }

        .top-menu .logo img {
            height: 80px;
        }

        .top-menu .logo .title {
            font-size: 24px;
            /*display: block;*/
        }
}

.top-menu .actions {
    display: flex;
    align-items: center;
}

    .top-menu .actions .btn {
        background-color: transparent;
        padding: 0px 5px;
        line-height: 1.333;
        text-transform: none;
        border: 0px;
        color: #292D34;
        /*border-right: 1px solid #292D34;*/
        border-radius: 0px;
    }

        .top-menu .actions .btn:hover {
            color: #D71920;
        }

        .top-menu .actions .btn:last-child {
            border-right: 0px;
        }

    .top-menu .actions .flag {
        display: flex;
        align-items: center;
        column-gap: 5px;
        cursor: pointer;
    }

    .top-menu .actions .form-control {
        height: 25px;
        border: 0px;
        padding-top: 1px;
        padding-bottom: 1px;
        font-weight: 500;
    }

    .top-menu .actions .user {
        display: flex;
        column-gap: 5px;
        border: 1px solid darkcyan;
        background-color: #fff;
        padding: 5px 10px;
        align-items: center;
        font-size: 14px;
    }

@media (max-width: 991px) {
    .top-menu .actions {
        display: none;
    }
}

.top-menu .box-menu {
    position: relative;
    z-index: 2;
    top: 24px;
}
/*Chia 2 loại: box-menu là lớp con của top-menu (ở trong top-menu) và box-menu đứng ngang hàng với top-menu*/
.box-menu {
    position: relative;
    z-index: 1000;
}

    .top-menu .box-menu .actions {
        display: none;
    }
    .box-menu .actions {
        display: none;
}

.top-menu .user .inner {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

@media (max-width: 1000px) {
    .chiaheader {
        display:block;
    }
    .top-menu .box-menu {
        /*background: #D71920;*/
        background: darkcyan;
        top: 0px;
        bottom: 0px;
        left: 0px;
        z-index: 1000;
        margin-top: 0px;
        display: none;
        margin-left: -15px;
        margin-right: -15px;
    }
    .box-menu {
        /*background: #D71920;*/
        background: darkcyan;
        top: 0px;
        bottom: 0px;
        left: 0px;
        z-index: 1000;
        margin-top: 0px;
        display: none;
        margin-left: -15px;
        margin-right: -15px;
    }
        .top-menu .box-menu.show {
            transition: all 0.3s ease;
            left: 0px;
            visibility: visible;
            opacity: 1;
        }
    .box-menu.show {
        transition: all 0.3s ease;
        left: 0px;
        visibility: visible;
        opacity: 1;
    }
        .top-menu .box-menu .actions {
            display: flex;
            justify-content: center;
            padding: 10px;
        }
        .box-menu .actions {
            display: flex;
            justify-content: center;
            padding: 10px;
    }
            .top-menu .box-menu .actions .form-control {
                height: 34px;
            }
            .box-menu .actions .form-control {
                height: 34px;
            }
                .top-menu .box-menu .actions .btn {
                    background-color: rgba(255, 255, 255, 0.1);
                    color: #fff;
                    border: 0px;
                    padding: 7px 15px;
                    min-width: 100px;
                    border-radius: 3px;
                    font-weight: normal;
                }
            .box-menu .actions .btn {
                background-color: rgba(255, 255, 255, 0.1);
                color: #fff;
                border: 0px;
                padding: 7px 15px;
                min-width: 100px;
                border-radius: 3px;
                font-weight: normal;
    }
}

@media (max-width: 768px) {
    .top-menu .box-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        row-gap: 10px;
    }
}

@media (max-width: 420px) {
    .top-menu .logo .title {
        font-size: 18px;
    }
}

.menus {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    /*background-color: #D71920;*/
    background-color: darkcyan;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; /*khoảng cách giữa các thành phần luôn bằng nhau, tuy nhiên phần tử đầu luôn nằm sát trái, phần tử cuối luôn nằm sát phải*/

    /*Đoạn này cho phép menu đứng yên khi di chuyển chuột xuống dưới*/
/*    top:120px;
    z-index:999;
    position: fixed;
    width:100%;*/
}

/*    .menus:after {
        content: "";
        display: block;
        clear: both;
    }*/

    .menus > li {
        position: relative;
    }

        .menus > li > a {
            display: block;
            padding: 10px 18px;
            font-weight:bold;
            color: #fff;
            border-radius: 3px;
            text-decoration:none;
            /*position:relative;*/
        }

            .menus > li > a:hover {
                text-decoration: none;
                background: rgba(0, 0, 0, 0.1);
            }

            .menus > li > a .icon {
                line-height: inherit;
            }

        .menus > li.active > a {
            color: #fff;
            background: rgba(0, 0, 0, 0.1);
        }

        .menus > li.open > a {
            color: #fff;
        }

/*Buộc menu "đảo chiều" khi nằm gần mép phải*/

.menus > li .dropdown-menu {
    /*            right:0;
            left:auto;
            margin: 0px;
            display: none;
            border-radius:3px;*/
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: auto;
/*    position:relative; nếu để chế độn này khi duyệt máy tính thì menu sẽ chạy bạy*/
}
/*khi duyệt trong di động, click menu cha xổ xuống thì menu con không che mất menu cha */
@media (max-width: 768px) {
    .menus > li .dropdown-menu{
        position:relative;
    }
}
.menus > li:last-child .dropdown-menu {
    inset-inline-start: auto;
    inset-inline-end: 0;
}

        .menus > li:hover > .dropdown-menu {
            display: block;
        }
        .menus > li .dropdown-menu > li > a:hover {
            color:blue;
            background-color:gainsboro;
        }

        .menus > li .dropdown-menu > li > a {
            display:block;            
        }

        .menus > li > a > .menu-text {
            display: inline;
        }
.menus > li > a > .menu-icon {
    display: block;
    min-width: 30px;
    margin-right: 2px;
    vertical-align: sub;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    vertical-align:middle;
}
@media (max-width: 1320px) {
    .menus {
        font-size: 14px;
    }
}

@media (max-width: 1000px) {
    .menus{
        top:0px;        
        position:fixed;
        width:80%;
    }
    .menus > li {
        width: 100%;
    }

    .menus .dropdown-menu {
        width: 100%;
        position: relative;
        top: 0px;
    }

    .menus .dropdown-menu > li > a {
            white-space: normal;
        }

    .menus > li {
        width: 100%;
    }

    .menus > li:hover > .dropdown-menu {
            display: none;
        }

    .menus > li.open > .dropdown-menu, .menus > li.open:hover > .dropdown-menu {
            display: block;
        }
}

.hero-banner {
    background-size: cover;
    background-position: bottom center;
    background-color: #FFF1B8;
    min-height: 295px;
}

    .hero-banner .hero-content {
        display: flex;
        column-gap: 20px;
        padding: 40px 0px;
        align-items: center;
        justify-content: space-between;
    }

    .hero-banner .hero-text {
        max-width: 360px;
        width: 100%;
        color: #D71920;
        font-weight: 500;
    }

        .hero-banner .hero-text p {
            margin: 0px;
            margin-bottom: 3px;
        }

        .hero-banner .hero-text .title {
            font-size: 16px;
            text-transform: uppercase;
            margin-top: 0px;
            margin-bottom: 10px;
            font-weight: bold;
        }

    .hero-banner .box-search {
        flex: 1;
        min-width: 0px;
        max-width: 780px;
    }

@media (max-width: 991px) {
    .hero-banner {
        align-items: center;
        min-height: 0px;
    }

        .hero-banner .hero-text {
            display: none;
        }

        .hero-banner .box-search {
            max-width: 100%;
            width: 100%;
        }
}

.box-search .input-search {
    position: relative;
    display: flex;
    background-color: #fff;
    border-radius: 4px;
    font-size: 16px;
}

    .box-search .input-search .form-control {
        flex: 1;
        height: 40px;
        padding-left: 15px;
        padding-right: 15px;
        border-top-right-radius: 0px;
        border: 0px;
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        border-bottom-right-radius: 0px;
        font-weight: 400;
    }

    .box-search .input-search .adv-search {
        text-align: center;
        font-weight: 500;
        cursor: pointer;
        border-left: 1px solid #e2e2e2;
    }

        .box-search .input-search .adv-search:hover {
            text-decoration: underline;
        }

        .box-search .input-search .adv-search select {
            height: 100%;
            border-radius: 0px;
            border: 0px;
            padding: 5px 10px;
            outline: none;
        }

    .box-search .input-search .btn-search {
        font-size: 28px;
        width: 60px;
        background: #D71920;
        color: #fff;
        border-radius: 0px 4px 4px 0px;
        height: 40px;
        margin: 0px;
        padding: 0px;
        line-height: 40px;
    }

        .box-search .input-search .btn-search:hover {
            background: #a91419;
        }

.box-search .tags {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}

    .box-search .tags > .item {
        display: inline-block;
    }

    .box-search .tags .dropdown-menu {
        width: 100%;
    }

    .box-search .tags > .item > a {
        display: block;
        padding: 5px 10px;
        min-width: 190px;
        color: #D71920;
        border-radius: 6px;
        border: 1px solid #D71920;
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;
        background-color: #fff;
    }

        .box-search .tags > .item > a:hover {
            background-color: #D71920;
            color: #fff;
        }

@media (max-width: 768px) {
    .box-search .tags a {
        font-size: 14px;
        padding: 5px 20px;
    }
}

@media (max-width: 1000px) {
    .box-search .input-search .form-control {
        height: 40px;
    }

    .box-search .input-search .adv-search {
        font-size: 14px;
        height: 40px;
    }

    .box-search .input-search .btn-search {
        height: 40px;
        width: 40px;
    }

    .box-search .tags > .item > a {
        font-size: 14px;
        min-width: 0px;
    }
}

@media (max-width: 768px) {
    .box-search .input-search {
        margin-bottom: 50px;
        background-color: transparent;
    }

        .box-search .input-search .adv-search {
            position: absolute;
            top: 100%;
            z-index: 2;
            border: 0px;
            background-color: transparent;
        }

            .box-search .input-search .adv-search select {
                background-color: transparent;
            }

            .box-search .input-search .adv-search option {
                color: #292D34;
            }
}

.article {
    margin-bottom: 20px;
}

    .article .title-main {
        text-transform: none;
    }

@media (max-width: 1000px) {
    .article .title-main {
        font-size: 18px;
    }
}

.article .title-news h1 {
    font-size: 30px;
    margin: 0px;
    margin-bottom: 10px;
    line-height: 28px;
}

.article h1 {
    font-size: 24px;
    margin: 0px;
    margin-bottom: 10px;
    line-height: 1.333;
}

.article p, .article div, .article li {
    margin-bottom: 10px;
}

.article li {
    margin-left: 2em;
    list-style-type: disc;
}

.article img {
    max-width: 100%;
}

.banner {
    margin-bottom: 20px;
    display: block;
}

    .banner img {
        width: 100%;
    }

.list-cat a {
    display: block;
    padding: 17px 5px;
    font-size: 18px;
    color: #292D34;
    text-decoration: none;
    border-bottom: 1px solid #E9EBF0;
}

    .list-cat a:hover {
        background: rgba(252, 240, 199, 0.5);
    }

@media (max-width: 1000px) {
    .list-cat a {
        font-size: 14px;
        padding: 10px 5px;
    }
}

.featured-news {
    background: #f3f3f3;
}

    .featured-news .box-news {
        padding: 20px 60px;
    }

    .featured-news .slick-slide {
        height: auto;
    }

    .featured-news .item {
        margin-right: 30px;
        width: 320px;
    }

        .featured-news .item:last-child {
            margin-right: 0px;
        }

    .featured-news .post-title {
        margin-bottom: 10px;
        line-height: 1.425;
    }

        .featured-news .post-title > a {
            font-size: 1rem;
            font-weight: 500;
        }

    .featured-news .post-date {
        color: #82858A;
        font-size: 16px;
    }

    .featured-news .slick-arrow {
        position: absolute;
        font-size: 0px;
        border: 0px;
        background: none;
        font-family: FontAwesome;
        width: 30px;
        height: 30px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        text-align: center;
        line-height: 30px;
        color: #82858A;
    }

        .featured-news .slick-arrow:focus, .featured-news .slick-arrow:active {
            border: 0px;
            outline: 0px;
        }

        .featured-news .slick-arrow:hover {
            color: #D71920;
        }

        .featured-news .slick-arrow:before {
            font-size: 24px;
            content: '';
        }

        .featured-news .slick-arrow.slick-prev {
            left: 0px;
        }

            .featured-news .slick-arrow.slick-prev:before {
                content: "\f104";
            }

        .featured-news .slick-arrow.slick-next {
            right: 0px;
        }

            .featured-news .slick-arrow.slick-next:before {
                content: "\f105";
            }

@media (max-width: 1000px) {
    .featured-news .post-date {
        font-size: 13px;
    }
}

.main-content {
    display: flex;
    justify-content: space-between;
}

    .main-content .box-content {
        flex: 1;
    }

    .main-content .box-sidebar {
        width: 360px;
        margin-left: 30px;
    }

        .main-content .box-sidebar .box {
            border-radius: 4px;
            overflow: hidden;
            border: 1px solid #ddd;
            margin-bottom: 20px;
        }

        .main-content .box-sidebar .title-main {
            border-bottom: 0px;
            background: rgba(252, 240, 199, 0.5);
            margin-bottom: 0px;
            padding: 10px 10px;
            border-bottom: 1px solid #ddd;
            border-radius: 3px 3px 0px 0px;
        }

        .main-content .box-sidebar .down {
            width: 24px;
            height: 24px;
            margin-top: 5px;
            line-height: 24px;
            text-align: center;
            cursor: pointer;
        }

            .main-content .box-sidebar .down:hover {
                color: #D71920;
            }

@media (max-width: 768px) {
    .main-content {
        display: block;
    }

        .main-content .box-sidebar {
            margin-left: 0px;
            margin-top: 20px;
            width: 100%;
        }
}

.home-banner {
    display: flex;
    justify-content: center;
    padding: 15px 10px;
    font-size: 20px;
    font-weight: 500;
    align-items: center;
    color: #fff;
    background-color: #D71920;
    border-radius: 4px;
    background-size: cover;
    background-position: center;
}

    .home-banner .icon {
        margin-right: 10px;
        font-size: 48px;
    }

.slide-movie .item {
    position: relative;
    height: auto;
}

.slide-movie .slick-arrow {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: 0px;
    z-index: 2;
    font-size: 0px;
    font-family: ap;
}

    .slide-movie .slick-arrow:before {
        font-size: 16px;
    }

    .slide-movie .slick-arrow:hover {
        background: #D71920;
    }

    .slide-movie .slick-arrow.slick-prev {
        left: 10px;
    }

        .slide-movie .slick-arrow.slick-prev:before {
            content: "\e6b5";
        }

    .slide-movie .slick-arrow.slick-next {
        right: 10px;
    }

        .slide-movie .slick-arrow.slick-next:before {
            content: "\e6b6";
        }

.slide-movie .image {
    position: relative;
}

    .slide-movie .image:before {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        height: 84px;
        z-index: 1;
        background: linear-gradient(180deg, rgba(52, 45, 41, 0) 0%, rgba(52, 45, 41, 0.8) 49.93%);
    }

    .slide-movie .image img {
        width: 100%;
        height: 240px;
        object-fit: cover;
    }

.slide-movie .post-title {
    z-index: 2;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    font-size: 14px;
    color: #fff;
    max-height: 52px;
    overflow: hidden;
    padding: 5px 10px;
}

    .slide-movie .post-title:hover {
        color: #fff;
        text-decoration: underline;
    }

@media (max-width: 768px) {
    .slide-movie .image img {
        height: auto;
    }
}

.slide-movie.fullpage {
    text-align: center;
}

    .slide-movie.fullpage .slick-arrow {
        width: 48px;
        height: 48px;
        line-height: 48px;
    }

        .slide-movie.fullpage .slick-arrow:before {
            font-size: 20px;
        }

    .slide-movie.fullpage .image img {
        height: auto;
        border-radius: 4px;
    }

    .slide-movie.fullpage .image:before {
        height: 130px;
    }

.home-statis {
    display: flex;
}

    .home-statis .item {
        width: 50%;
        padding: 0px 5px;
        border-left: 1px solid #E9EBF0;
        text-align: center;
    }

        .home-statis .item:first-child {
            border-left: 0px;
        }

    .home-statis .icon {
        font-size: 36px;
        margin: 7px 0px;
    }

    .home-statis .number {
        font-size: 20px;
        font-weight: 500;
    }

.header-top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    margin-bottom: 20px;
    font-weight: 500;
}

    .header-top .title {
        margin: 0px;
        font-size: 24px;
        margin-bottom: 5px;
    }

    .header-top .actions {
        margin-left: 10px;
    }

@media (max-width: 1000px) {
    .header-top .title {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .header-top {
        display: block;
    }

        .header-top .actions {
            margin-top: 20px;
            margin-left: 0px;
        }
}

.header-result {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    margin-bottom: 20px;
}

    .header-result .title {
        margin: 0px;
        font-size: 20px;
    }

    .header-result .actions {
        margin-left: 10px;
    }

@media (max-width: 768px) {
    .header-result {
        display: block;
    }

        .header-result .actions {
            margin-top: 20px;
            margin-left: 0px;
        }
}

.tt-article-detail {
    font-size: 18px;
}

    .tt-article-detail .title-box {
        margin-bottom: 20px;
        margin-top: 0px;
        margin-bottom: 20px;
        font-size: 20px;
    }

    .tt-article-detail .steps {
        padding-left: 30px;
        position: relative;
        margin-left: 10px;
    }

        .tt-article-detail .steps:before {
            content: "";
            position: absolute;
            top: 15px;
            width: 1px;
            bottom: 0px;
            background-color: #E9EBF0;
            left: 0px;
        }

        .tt-article-detail .steps .item {
            position: relative;
        }

        .tt-article-detail .steps .dot {
            width: 16px;
            height: 16px;
            border-radius: 50px;
            border: 1px solid #D71920;
            position: absolute;
            top: 5px;
            left: -37px;
            background-color: #fff;
        }

            .tt-article-detail .steps .dot:before {
                content: "";
                width: 10px;
                height: 10px;
                background-color: #D71920;
                position: absolute;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
                margin: auto;
                border-radius: 50%;
            }

@media (max-width: 1000px) {
    .tt-article-detail {
        font-size: 14px;
    }

        .tt-article-detail .title-box {
            font-size: 18px;
        }
}

.list-check {
    display: flex;
}

    .list-check .item {
        margin-right: 20px;
    }

.dktt-box .box {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    margin-bottom: 10px;/*Khoảng cách giữa các box active*/
    overflow: hidden;
}

/*    .dktt-box .box.active .head .down:before {
        content: "\e939";
    }*/

    .dktt-box .box.active .body {
        display: block;
    }

.dktt-box .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    font-weight: 500;
    padding: 7px 20px;
    border-bottom: 2px solid #D71920;
    background: rgba(255, 241, 184, 0.5);
    border-radius: 8px 8px 0px 0px;
}
    .dktt-box .head .title {
        font-size: 1rem;
        margin: 0px;
        font-weight: 500;
    }

    .dktt-box .head .down {
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        cursor: pointer;
        font-family: 'ap','Linearicons';
        font-size: 16px;
    }

        .dktt-box .head .down:hover {
            color: #D71920;
        }
/*        .dktt-box .head .down:after {
            content: "\e93a";
        }*/

.dktt-box .body {
    padding: 20px;
    display: none;
}

.account-sidebar {
    width: 270px;
    border-radius: 4px;
    border: 1px solid #ddd;
    align-self: flex-start;
    position: sticky;
    top: 10px;
}

    .account-sidebar .head {
        padding: 6px 15px;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 5px;
        background: #e8eaec;
        border-radius: 3px 3px 0px 0px;
        border-bottom: 1px solid #ddd;
    }

    .account-sidebar ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .account-sidebar .box-avatar {
        text-align: center;
        padding: 20px 10px;
    }

        .account-sidebar .box-avatar .avatar {
            width: 80px;
            display: inline-block;
            height: 80px;
            margin-bottom: 5px;
        }

        .account-sidebar .box-avatar .name {
            font-weight: 500;
        }

.account-box {
    display: flex;
    justify-content: space-between;
}

    .account-box .list-menus .down {
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-family: ap;
        color: #82858A;
        font-size: 16px;
    }

        .account-box .list-menus .down:before {
            content: "\e6b8";
        }

    .account-box .list-menus .icon {
        font-size: 24px;
        color: #D71920;
        margin-right: 10px;
    }

    .account-box .list-menus > li .text-m {
        flex: 1;
    }

    .account-box .list-menus > li > a {
        position: relative;
        padding: 10px 20px;
        color: #292D34;
        display: flex;
        text-decoration: none;
    }

        .account-box .list-menus > li > a:before {
            content: "";
            left: 0px;
            position: absolute;
            top: 0px;
            bottom: 0px;
            width: 2px;
        }

    .account-box .list-menus > li:hover > a {
        color: #D71920;
    }

    .account-box .list-menus > li .child {
        padding-left: 40px;
        position: relative;
        display: none;
    }

        .account-box .list-menus > li .child:before {
            content: "";
            left: 20px;
            position: absolute;
            bottom: 20px;
            top: 0px;
            width: 1px;
            background: #ddd;
        }

        .account-box .list-menus > li .child a {
            position: relative;
            display: block;
            padding: 10px 10px;
            color: #292D34;
            text-decoration: none;
        }

            .account-box .list-menus > li .child a:hover {
                color: #D71920;
            }

            .account-box .list-menus > li .child a:before {
                content: "";
                position: absolute;
                width: 20px;
                height: 1px;
                top: 22px;
                left: -20px;
                background: #ddd;
            }

        .account-box .list-menus > li .child li.acitve > a {
            color: #D71920;
            font-weight: 500;
        }

    .account-box .list-menus > li.active > a {
        background: rgba(255, 241, 184, 0.5);
    }

        .account-box .list-menus > li.active > a:before {
            background: #D71920;
        }

    .account-box .list-menus > li.active > ul {
        display: block;
    }

    .account-box .account-content {
        flex: 1;
        margin-left: 20px;
    }

    .account-box .list-pakn .item {
        padding-left: 0px;
    }

@media (max-width: 768px) {
    .account-box {
        display: block;
    }

        .account-box .account-sidebar {
            width: 100%;
            margin-right: 0px;
            position: relative;
            top: 0px;
        }

        .account-box .account-content {
            margin-left: 0px;
            margin-top: 20px;
        }
}

.head-main {
    display: flex;
    background: rgba(255, 241, 184, 0.5);
    border-radius: 4px;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    align-items: center;
}

    .head-main .icon {
        width: 50px;
        background: #D71920;
        border-radius: 4px;
        font-size: 32px;
        text-align: center;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: stretch;
    }

    .head-main .text-m {
        padding: 4px 10px;
        flex: 1;
    }

.input-search-box {
    display: flex;
    margin-bottom: 10px;
}

    .input-search-box .form-control {
        flex: 1;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .input-search-box .btn {
        background-color: #D71920;
        color: #fff;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

.table-rating {
    width: 100%;
}

    .table-rating tr {
        border-bottom: 1px solid #ddd;
    }

    .table-rating td {
        padding: 15px 10px;
    }

    .table-rating .group-buttons {
        margin-top: 0px;
    }

    .table-rating .rating-box .title {
        font-weight: 500;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .table-rating .name-cq {
        display: table;
        font-size: 16px;
        font-weight: 500;
    }

        .table-rating .name-cq .icon {
            width: 50px;
            display: table-cell;
            vertical-align: middle;
        }

            .table-rating .name-cq .icon img {
                width: 100%;
            }

        .table-rating .name-cq .name {
            vertical-align: middle;
            display: table-cell;
            padding-left: 10px;
        }

@media (max-width: 768px) {
    .table-rating {
        display: block;
    }

        .table-rating thead, .table-rating tbody, .table-rating tr, .table-rating td {
            display: block;
            padding: 0px;
        }

        .table-rating tr {
            margin-bottom: 20px;
        }

        .table-rating td {
            margin-bottom: 10px;
        }
}

.bar-rating {
    width: 144px;
}

    .bar-rating:after {
        content: "";
        display: block;
        clear: both;
    }

    .bar-rating .bar {
        width: 25%;
        float: left;
        background: #f3f3f3;
        height: 14px;
        border: 2px solid #fff;
        cursor: pointer;
    }

        .bar-rating .bar:first-child {
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
        }

        .bar-rating .bar:last-child {
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
        }

    .bar-rating.hl .bar.selected {
        background: #EAC344;
    }

    .bar-rating.rhl .bar.selected {
        background: #219653;
    }

    .bar-rating.khl .bar.selected {
        background: #ED5050;
    }

    .bar-rating.bt .bar.selected {
        background: #FF8C00;
    }

.popup-box-rating {
    padding: 20px;
}

    .popup-box-rating .logo {
        text-align: center;
        margin-bottom: 20px;
    }

        .popup-box-rating .logo .image {
            display: block;
        }

            .popup-box-rating .logo .image img {
                width: 90px;
            }

        .popup-box-rating .logo .name {
            display: block;
            font-size: 20px;
            text-transform: uppercase;
            font-weight: 500;
            margin-top: 5px;
        }

    .popup-box-rating .rating-actions {
        margin-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .popup-box-rating .rating-actions .item {
            width: calc(25% - 10px);
            margin: 5px;
            border-radius: 4px;
            border: 1px solid #ddd;
            text-align: center;
            padding: 10px 5px;
            font-weight: 500;
            cursor: pointer;
            position: relative;
        }

            .popup-box-rating .rating-actions .item.active {
                border-color: #219653;
            }

                .popup-box-rating .rating-actions .item.active:before {
                    content: "\e206";
                    font-family: ap;
                    width: 20px;
                    height: 20px;
                    line-height: 20px;
                    text-align: center;
                    position: absolute;
                    border-radius: 50%;
                    top: -10px;
                    right: -10px;
                    font-size: 14px;
                    background: #219653;
                    color: #fff;
                }

            .popup-box-rating .rating-actions .item .icon {
                width: 18px;
                vertical-align: middle;
                display: inline-block;
            }

                .popup-box-rating .rating-actions .item .icon img {
                    width: 100%;
                }

            .popup-box-rating .rating-actions .item:hover {
                border-color: #219653;
            }

@media (max-width: 768px) {
    .popup-box-rating .rating-actions .item {
        width: calc(50% - 10px);
    }
}

@media (max-width: 768px) {
    .popup-box-rating {
        padding: 0px;
    }
}

.box-news-hot {
    position: relative;
}

    .box-news-hot .post-image {
        position: relative;
        overflow: hidden;
    }

        .box-news-hot .post-image:before {
            content: "";
            position: absolute;
            bottom: 0px;
            left: 0px;
            right: 0px;
            background-color: rgba(0, 0, 0, 0.1);
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
            top: 0px;
        }

    .box-news-hot .post-title {
        position: absolute;
        bottom: 0px;
        padding: 10px 20px;
        color: #fff;
        font-size: 20px;
    }

        .box-news-hot .post-title:hover {
            text-decoration: none;
            color: #FEBF60;
        }

.box-panel-tc {
    margin-bottom: 20px;
}

    .box-panel-tc .head {
        background-color: #D71920;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 10px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        text-align: center;
    }

    .box-panel-tc .body {
        background: #eaa0311a;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        padding: 10px;
    }

    .box-panel-tc .input-search {
        padding-right: 50px;
        position: relative;
    }

        .box-panel-tc .input-search .form-control {
            height: 40px;
        }

        .box-panel-tc .input-search .btn {
            position: absolute;
            width: 40px;
            right: 0px;
            top: 0px;
            height: 40px;
            padding: 0px;
        }

    .box-panel-tc .list-actions:after {
        content: "";
        display: block;
        clear: both;
    }

    .box-panel-tc .list-actions a {
        padding: 15px 10px;
        display: block;
        width: 50%;
        float: left;
        font-size: 16px;
        color: #292D34;
        font-weight: 500;
        border-left: 1px solid #E9EBF0;
        border-bottom: 1px solid #E9EBF0;
        text-decoration: none;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .box-panel-tc .list-actions a:hover {
            color: #D71920;
        }

        .box-panel-tc .list-actions a .icon {
            width: 50px;
            line-height: 50px;
            height: 50px;
            font-size: 24px;
            background: #5899DA;
            color: #fff;
            border-radius: 10px;
            text-align: center;
            margin-right: 2px;
        }

        .box-panel-tc .list-actions a:nth-child(2n+1) {
            border-left: 0px;
        }

        .box-panel-tc .list-actions a:nth-child(n+3) {
            border-bottom: 0px;
        }

        .box-panel-tc .list-actions a:nth-child(1) .icon {
            background: #F39738;
        }

        .box-panel-tc .list-actions a:nth-child(2) .icon {
            background: #3AB5C2;
        }

        .box-panel-tc .list-actions a:nth-child(3) .icon {
            background: #EAC344;
        }

@media (max-width: 1200px) {
    .box-panel-tc .list-actions a {
        width: 100%;
        border: 0px !important;
        border-bottom: 1px solid #E9EBF0 !important;
    }
}

.box-news {
    margin-bottom: 20px;
}

.head-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
}

    .head-title .title {
        margin: 0px;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 500;
        text-transform: uppercase;
    }

    .head-title .icon {
        margin-right: 5px;
        color: #D71920;
    }

    .head-title .readmore {
        float: right;
        font-weight: normal;
        color: #D71920;
        text-decoration: none;
    }

        .head-title .readmore:hover {
            color: #D71920;
        }

.list-data .item > a {
    display: table;
    width: 100%;
    color: #292D34;
    padding: 7px 0px;
    text-decoration: none;
}

    .list-data .item > a:hover {
        color: #D71920 !important;
    }

    .list-data .item > a .no {
        width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        background: #D71920;
        color: #fff;
        border-radius: 4px;
        display: block;
    }

    .list-data .item > a .number, .list-data .item > a .text-m {
        display: table-cell;
        vertical-align: middle;
    }

    .list-data .item > a .number {
        width: 32px;
    }

    .list-data .item > a .text-m {
        padding-left: 10px;
    }

.tt-list-news:after {
    content: "";
    display: block;
    clear: both;
}

.tt-list-news .item {
    width: calc(33.333% - 15px);
    margin-bottom: 20px;
    float: left;
    margin-right: 20px;
    position: relative;
}

    .tt-list-news .item:nth-child(3n+3) {
        margin-right: 0px;
    }

    .tt-list-news .item .post-image {
        border-radius: 4px;
        position: relative;
        overflow: hidden;
        margin-bottom: 0px;
    }

        .tt-list-news .item .post-image:before {
            content: "";
            position: absolute;
            bottom: 0px;
            left: 0px;
            right: 0px;
            background-color: rgba(0, 0, 0, 0.1);
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
            top: 0px;
        }

    .tt-list-news .item .post-title {
        position: absolute;
        bottom: 0px;
        padding: 10px 20px;
        color: #fff;
        font-size: 16px;
    }

        .tt-list-news .item .post-title:hover {
            text-decoration: none;
            color: #FEBF60;
        }

@media (max-width: 1000px) {
    .tt-list-news .item {
        width: calc(50% - 10px);
    }

        .tt-list-news .item:nth-child(3n+3) {
            margin-right: 20px;
        }

        .tt-list-news .item:nth-child(2n+2) {
            margin-right: 0px;
        }
}

@media (max-width: 768px) {
    .tt-list-news .item .post-image {
        margin-bottom: 5px;
    }

        .tt-list-news .item .post-image:before {
            display: none;
        }

    .tt-list-news .item .post-title {
        font-size: 14px;
        position: static;
        color: #292D34;
        padding: 0px;
    }
}

.article-news {
    display: table;
    width: 100%;
    font-size: 14px;
    color: #82858A;
}

    .article-news .users, .article-news .info {
        vertical-align: middle;
        display: table-cell;
    }

    .article-news .users {
        width: 100px;
        white-space: nowrap;
        padding-right: 20px;
    }

    .article-news .avatar {
        display: inline-block;
    }

    .article-news .name {
        margin-bottom: 0px;
    }

.banner {
    margin-bottom: 20px;
    display: block;
}

    .banner img {
        width: 100%;
    }

.home-list-news:after {
    content: "";
    display: block;
    clear: both;
}

.home-list-news .post-image {
    border-radius: 8px 8px 0px 0px;
}

.home-list-news .item {
    width: calc(33.333% - 20px);
    margin-right: 30px;
    float: left;
    background: #f5f5f5;
    border-radius: 8px;
    margin-bottom: 30px;
}

    .home-list-news .item:nth-child(3n+3) {
        margin-right: 0px;
    }

.home-list-news .post-title {
    height: 44px;
    overflow: hidden;
    font-size: 16px;
}

.home-list-news .post-desc {
    height: 64px;
    overflow: hidden;
}

.home-list-news .post-content {
    padding: 10px 15px;
}

@media (max-width: 768px) {
    .home-list-news .item {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
}

.slider-links {
    padding-left: 40px;
    padding-right: 40px;
}

    .slider-links .slick-arrow {
        width: 30px;
        position: absolute;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-family: ap;
        font-size: 0px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        background: none;
        border: 0px;
    }

        .slider-links .slick-arrow:hover {
            color: #D71920;
        }

        .slider-links .slick-arrow:before {
            font-size: 24px;
            content: "";
        }

        .slider-links .slick-arrow.slick-prev {
            left: 0px;
        }

            .slider-links .slick-arrow.slick-prev:before {
                content: "\e6b9";
            }

        .slider-links .slick-arrow.slick-next {
            right: 0px;
        }

            .slider-links .slick-arrow.slick-next:before {
                content: "\e6ba";
            }

    .slider-links img {
        width: 100%;
        height: 155px;
        object-fit: contain;
    }

    .slider-links .slick-slide {
        height: auto;
    }

.box-comments .form-comment {
    position: relative;
    margin-bottom: 20px;
}

    .box-comments .form-comment .form-control {
        padding-right: 60px;
        height: 100px;
        resize: vertical;
    }

    .box-comments .form-comment .emo-act {
        width: 30px;
        text-align: center;
        line-height: 30px;
        height: 30px;
        position: absolute;
        bottom: 5px;
        right: 5px;
        cursor: pointer;
    }

.box-comments .comments .item {
    padding-left: 60px;
    position: relative;
    margin-bottom: 10px;
}

    .box-comments .comments .item .avatar {
        position: absolute;
        left: 0px;
    }

.box-comments .comments .name {
    font-size: 16px;
    font-weight: 500;
    color: #D71920;
    margin-bottom: 5px;
    display: block;
}

.box-comments .comments .comment-time {
    font-size: 14px;
    color: #82858A;
    margin-bottom: 10px;
}

.box-comments .comments .acts .btn {
    color: #5A5A5A;
}

    .box-comments .comments .acts .btn:hover {
        color: #D71920;
    }

    .box-comments .comments .acts .btn.active {
        font-weight: 500;
        color: #5899DA;
        box-shadow: none;
    }

.box-comments .comments .replycomments {
    margin-top: 10px;
    padding-left: 20px;
    position: relative;
}

    .box-comments .comments .replycomments .name {
        color: #292D34;
    }

    .box-comments .comments .replycomments:before {
        content: "";
        bottom: 30px;
        top: 0px;
        left: 0px;
        width: 2px;
        background: #C3C8D2;
        position: absolute;
    }

.box-comments .comments .input-reply .form-control {
    padding-right: 60px;
    height: 64px;
    resize: vertical;
}

.box-comments .comments .input-reply .emo-act {
    width: 30px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
}

.box-tracuu {
    display: flex;
}

    .box-tracuu:after {
        content: "";
        display: block;
        clear: both;
    }

    .box-tracuu .tracuu-sidebar {
        width: 370px;
        border: 1px solid #ddd;
        border-radius: 4px;
        align-self: flex-start;
        position: sticky;
        top: 10px;
    }

        .box-tracuu .tracuu-sidebar .title {
            padding: 6px 15px;
            font-size: 20px;
            font-weight: 500;
            background: rgba(87, 161, 35, 0.2);
            border-radius: 3px 3px 0px 0px;
            border-bottom: 1px solid #ddd;
        }

        .box-tracuu .tracuu-sidebar ul {
            list-style: none;
            margin: 0px;
            padding: 0px;
        }

        .box-tracuu .tracuu-sidebar .list-menus .icon {
            font-size: 20px;
            color: #D71920;
            margin-right: 5px;
            position: absolute;
            left: 10px;
            top: 12px;
        }

        .box-tracuu .tracuu-sidebar .list-menus .down {
            position: absolute;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            right: 5px;
            font-family: ap;
            color: #82858A;
        }

            .box-tracuu .tracuu-sidebar .list-menus .down:before {
                content: "\e6b8";
            }

        .box-tracuu .tracuu-sidebar .list-menus > li > a {
            position: relative;
            display: block;
            padding: 10px 20px;
            padding-left: 40px;
            color: #292D34;
            text-decoration: none;
        }

            .box-tracuu .tracuu-sidebar .list-menus > li > a:before {
                content: "";
                left: 0px;
                position: absolute;
                top: 0px;
                bottom: 0px;
                width: 2px;
            }

        .box-tracuu .tracuu-sidebar .list-menus > li:hover > a {
            color: #D71920;
        }

        .box-tracuu .tracuu-sidebar .list-menus > li .child {
            padding-left: 40px;
            position: relative;
            display: none;
        }

            .box-tracuu .tracuu-sidebar .list-menus > li .child:before {
                content: "";
                left: 20px;
                position: absolute;
                bottom: 20px;
                top: 0px;
                width: 1px;
                background: #ddd;
            }

            .box-tracuu .tracuu-sidebar .list-menus > li .child a {
                position: relative;
                display: block;
                padding: 10px 10px;
                color: #292D34;
                text-decoration: none;
            }

                .box-tracuu .tracuu-sidebar .list-menus > li .child a:hover {
                    color: #D71920;
                }

                .box-tracuu .tracuu-sidebar .list-menus > li .child a:before {
                    content: "";
                    position: absolute;
                    width: 20px;
                    height: 1px;
                    top: 22px;
                    left: -20px;
                    background: #ddd;
                }

            .box-tracuu .tracuu-sidebar .list-menus > li .child li.acitve > a {
                color: #D71920;
                font-weight: 500;
            }

        .box-tracuu .tracuu-sidebar .list-menus > li.active > a {
            background: rgba(215, 25, 32, 0.1);
            font-weight: 500;
        }

            .box-tracuu .tracuu-sidebar .list-menus > li.active > a:before {
                background: #D71920;
            }

        .box-tracuu .tracuu-sidebar .list-menus > li.active > ul {
            display: block;
        }

    .box-tracuu .tracuu-content {
        flex: 1;
        margin-left: 20px;
    }

@media (max-width: 1000px) {
    .box-tracuu .tracuu-sidebar {
        width: 280px;
    }
}

@media (max-width: 768px) {
    .box-tracuu {
        display: block;
    }

        .box-tracuu .tracuu-sidebar {
            width: 100%;
            margin-bottom: 20px;
        }

        .box-tracuu .tracuu-content {
            width: 100%;
        }
}

.box-noti {
    text-align: center;
}

    .box-noti .icon {
        font-size: 64px;
        color: #D71920;
    }

    .box-noti .title {
        font-size: 20px;
        font-weight: 500;
        margin: 20px 0px;
    }

    .box-noti .btn {
        padding: 10px 20px;
        min-width: 160px;
    }

.list-results .top {
    display: flex;
    font-weight: 500;
}

    .list-results .top .text-m {
        flex: 1;
    }

    .list-results .top .icon {
        margin-right: 6px;
    }

.list-results .info .li {
    display: inline-flex;
}

.list-results .info .icon {
    margin-right: 6px;
}

.list-results .info .text-m {
    flex: 1;
}

.list-results .item {
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    position: relative;
}

    .list-results .item.-arrow {
        padding-right: 40px;
    }

        .list-results .item.-arrow:before {
            content: "\e6ba";
            position: absolute;
            top: 0px;
            right: 0px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-family: ap;
        }

        .list-results .item.-arrow:hover:before {
            color: #D71920;
        }

    .list-results .item:hover .top {
        color: #D71920;
    }

.list-results .top {
    font-weight: 500;
    margin-bottom: 5px;
    display: flex;
}

    .list-results .top a {
        text-decoration: none;
    }

        .list-results .top a:hover {
            color: #D71920 !important;
        }

    .list-results .top .icon {
        color: #D71920;
        font-size: 20px;
        margin-right: 3px;
    }

    .list-results .top .datepost {
        font-size: 12px;
        margin-left: 10px;
        color: #292D34;
    }

        .list-results .top .datepost .icon {
            font-size: 12px;
        }

        .list-results .top .datepost .text-desc {
            color: #82858A;
        }

.list-results .info {
    margin-top: 7px;
}

    .list-results .info .li {
        margin-right: 10px;
        display: inline-flex;
    }

    .list-results .info .icon {
        margin-right: 5px;
        font-size: 16px;
    }

    .list-results .info .text-desc {
        color: #82858A;
    }

.list-results .act {
    font-size: 12px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

    .list-results .act .icon {
        font-size: 16px;
    }

.list-steps {
    position: relative;
    padding-left: 20px;
    border-left: 1.5px solid #ddd;
    font-size: 14px;
}

    .list-steps .item {
        margin-bottom: 20px;
        position: relative;
    }

    .list-steps .title {
        font-size: 16px;
        color: #D71920;
        font-weight: 500;
    }

    .list-steps .dot {
        width: 16px;
        height: 16px;
        left: -28px;
        position: absolute;
        top: 5px;
        border-radius: 50%;
        background: #fff;
        border: 1px solid #D71920;
    }

        .list-steps .dot:before {
            position: absolute;
            top: 2px;
            left: 2px;
            bottom: 2px;
            right: 2px;
            content: "";
            border-radius: 50%;
            background: #D71920;
        }

.head-detail {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

    .head-detail .title {
        font-size: 24px;
        font-weight: 500;
    }

    .head-detail .btn {
        padding: 5px 20px;
        font-size: 14px;
    }

.box-legend {
    margin-bottom: 30px;
}

    .box-legend.-collapsed .legend-title:before {
        content: "\e6b8";
    }

    .box-legend.-collapsed .legend-body {
        display: none;
    }

.legend-title {
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 2px solid #D71920;
    font-weight: 500;
    margin-bottom: 20px;
    padding-bottom: 7px;
    position: relative;
    padding-right: 30px;
    cursor: pointer;
}

    .legend-title:after {
        content: "";
        display: block;
        clear: both;
    }

    .legend-title:before {
        content: "\e6bb";
        font-family: ap;
        position: absolute;
        top: 0px;
        right: 0px;
        color: #82858A;
    }

    .legend-title.tvdpt {
        padding-right: 0px;
    }

        .legend-title.tvdpt:before {
            display: none;
        }

        .legend-title.tvdpt .actions a {
            font-size: 12px;
            display: inline-block;
            padding: 5px 10px;
            text-transform: none;
        }

            .legend-title.tvdpt .actions a span {
                margin-right: 5px;
            }

.post-info {
    color: #82858A;
}

.section-pakn .form-bg-main {
    background: rgba(234, 160, 49, 0.1);
    border: none;
}

.section-pakn .box-search-pakn {
    padding-right: 300px;
    position: relative;
}

    .section-pakn .box-search-pakn .btn-add {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 290px;
        height: 52px;
    }

@media (max-width: 768px) {
    .section-pakn .box-search-pakn {
        padding-right: 0px;
    }

        .section-pakn .box-search-pakn .btn-add {
            position: relative;
            width: 100%;
            margin-bottom: 20px;
        }
}

.section-pakn .links > li {
    border-bottom: 1px solid #E9F0F8;
}

    .section-pakn .links > li:last-child {
        border-bottom: 0px;
    }

    .section-pakn .links > li > a {
        display: block;
        padding: 5px 0px;
        color: #2A6EBB;
        line-height: 22px;
    }

        .section-pakn .links > li > a:hover {
            text-decoration: underline;
        }

.section-pakn .links.-arrow > li {
    border-bottom: 0px;
}

    .section-pakn .links.-arrow > li > a {
        padding: 0px;
        padding-left: 20px;
    }

.section-pakn .list-pakn .post-info {
    font-size: 14px;
    color: #82858A;
}

.section-pakn .list-pakn .post-title {
    margin-top: 7px;
}

    .section-pakn .list-pakn .post-title > a {
        font-size: 20px;
    }

.section-pakn .list-pakn .item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    padding-left: 140px;
    position: relative;
    min-height: 100px;
    border-bottom: 1px solid #E9EBF0;
}

    .section-pakn .list-pakn .item:after {
        content: "";
        display: block;
        clear: both;
    }

    .section-pakn .list-pakn .item .icon {
        width: 100px;
        height: 100px;
        position: absolute;
        left: 0px;
        top: 0px;
        background: rgba(242, 166, 52, 0.2);
        border-radius: 50%;
        color: #D71920;
        text-align: center;
        display: block;
        font-size: 40px;
        line-height: 100px;
    }

        .section-pakn .list-pakn .item .icon img {
            height: 60px;
            width: 60px;
        }

@media (max-width: 768px) {
    .section-pakn .list-pakn .item {
        padding-left: 70px;
    }

        .section-pakn .list-pakn .item .icon {
            width: 60px;
            height: 60px;
            font-size: 32px;
            line-height: 60px;
        }

            .section-pakn .list-pakn .item .icon img {
                width: 100%;
                height: auto;
            }
}

.section-pakn .ques-item {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-left: 140px;
    border-bottom: 1px solid #E9EBF0;
}

    .section-pakn .ques-item:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: 0px;
    }

    .section-pakn .ques-item .avatar {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100px;
        height: 100px;
        line-height: 100px;
        text-align: center;
        font-size: 40px;
        color: #D71920;
        background: rgba(242, 166, 52, 0.2);
    }

    .section-pakn .ques-item .title {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 10px;
    }

@media (max-width: 768px) {
    .section-pakn .ques-item {
        padding-left: 70px;
    }

        .section-pakn .ques-item .avatar {
            width: 60px;
            height: 60px;
        }
}

.section-pakn .btn-submit {
    max-width: 300px;
    width: 100%;
}

.section-pakn .input-form-pakn {
    padding-right: 280px;
    position: relative;
    position: relative;
    margin-bottom: 40px;
}

    .section-pakn .input-form-pakn .btn-search {
        width: 270px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

@media (max-width: 480px) {
    .section-pakn .input-form-pakn {
        padding-right: 0px;
    }

        .section-pakn .input-form-pakn .btn-search {
            width: 100%;
            position: relative;
            margin-top: 10px;
        }
}

.section-pakn .list-file-image > li {
    display: block;
    margin-bottom: 10px;
}

    .section-pakn .list-file-image > li .file {
        background: none;
        border: 0px;
        width: auto;
        height: auto;
        background: #fff;
        position: relative;
        padding: 5px 10px;
        padding-left: 70px;
        padding-right: 40px;
    }

        .section-pakn .list-file-image > li .file .close {
            visibility: visible;
        }

        .section-pakn .list-file-image > li .file .name {
            font-weight: 500;
        }

        .section-pakn .list-file-image > li .file .size {
            font-size: 14px;
        }

    .section-pakn .list-file-image > li .image {
        width: 50px;
        height: 50px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 5px;
        left: 10px;
    }

    .section-pakn .list-file-image > li .icon {
        position: absolute;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        position: absolute;
        top: 10px;
        right: 10px;
    }

.file {
    position: relative;
    padding-left: 80px;
    margin-bottom: 20px;
}

    .file .icon {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 24px;
        background: #D71920;
        color: #fff;
        border-radius: 4px;
        position: absolute;
        top: 0px;
        left: 0px;
        text-align: center;
    }

    .file .text {
        display: block;
        font-size: 14px;
    }

    .file .content {
        display: block;
        padding: 10px 10px;
        min-height: 70px;
        border-radius: 4px;
        background: rgba(242, 166, 52, 0.2);
        position: relative;
    }

    .file .link {
        color: #1E2F41;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
    }

    .file.-add .input-file {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 10;
        opacity: 0;
        height: 100%;
        width: 100%;
    }

    .file .text-note {
        color: #82858A;
        font-size: 18px;
    }

    .file .remove {
        width: 30px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        position: absolute;
        top: 0px;
        right: 10px;
        bottom: 0px;
        margin: auto;
        color: #D71920;
        cursor: pointer;
    }

        .file .remove:hover {
            color: #D71920;
        }

    .file.-word .icon {
        background: #5899DA;
    }

    .file.-word .content {
        background: rgba(88, 153, 218, 0.2);
    }

    .file.-excel .icon {
        background: #219653;
    }

    .file.-excel .content {
        background: rgba(33, 150, 83, 0.2);
    }

.actions-rate {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .actions-rate .icon {
        margin-right: 5px;
    }

        .actions-rate .icon img {
            height: 20px;
        }

    .actions-rate .btn {
        padding: 6px 30px;
    }

    .actions-rate .btn-like {
        border: 1px solid #D71920;
        color: #292D34;
    }

        .actions-rate .btn-like .icon {
            color: #D71920;
        }

        .actions-rate .btn-like:hover {
            background: #D71920;
            color: #fff;
        }

            .actions-rate .btn-like:hover .icon {
                color: #fff;
            }

    .actions-rate .btn-dislike {
        border: 1px solid #82858A;
        color: #292D34;
    }

        .actions-rate .btn-dislike .icon {
            color: #82858A;
        }

        .actions-rate .btn-dislike:hover {
            background: #D71920;
            color: #fff;
        }

            .actions-rate .btn-dislike:hover .icon {
                color: #fff;
            }

@media (max-width: 480px) {
    .actions-rate .btn {
        margin-bottom: 10px;
    }
}

.list-document {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .list-document li {
        margin-bottom: 7px;
    }

    .list-document a {
        display: block;
        padding: 7px 0px;
        padding-left: 40px;
        position: relative;
        text-align: justify;
        color: #292D34;
        text-decoration: none;
    }

        .list-document a:hover {
            color: #D71920;
        }

        .list-document a .icon {
            position: absolute;
            width: 18px;
            height: 18px;
            color: #D71920;
            top: 10px;
            font-family: "Nucleo Outline";
            display: block;
            left: 0px;
            line-height: 18px;
            font-size: 16px;
        }

            .list-document a .icon:before {
                content: "\ee99";
            }

.box-result-rating {
    border: 1px solid #C3C8D2;
    padding: 20px;
    width: 100%;
    display: table;
    border-radius: 4px;
}

    .box-result-rating .ketqua, .box-result-rating .tyle-box {
        display: table-cell;
        vertical-align: middle;
    }

    .box-result-rating .ketqua {
        white-space: nowrap;
        width: 160px;
        text-align: center;
        padding-right: 20px;
        border-right: 1px solid #ddd;
    }

        .box-result-rating .ketqua .bar-rating {
            display: inline-block;
            margin-bottom: 20px;
        }

        .box-result-rating .ketqua .icon {
            width: 60px;
            margin: auto;
            margin-bottom: 20px;
        }

            .box-result-rating .ketqua .icon img {
                width: 100%;
            }

        .box-result-rating .ketqua .title {
            font-size: 20px;
            font-weight: 500;
        }

        .box-result-rating .ketqua .desc {
            font-size: 12px;
        }

    .box-result-rating .tyle-box {
        padding-left: 20px;
    }

        .box-result-rating .tyle-box .item {
            position: relative;
            padding: 15px 0px;
            padding-left: 150px;
            margin-top: 10px;
            padding-right: 80px;
        }

            .box-result-rating .tyle-box .item .name {
                font-weight: 500;
                position: absolute;
                top: 5px;
                left: 0px;
            }

            .box-result-rating .tyle-box .item .icon {
                width: 18px;
                display: inline-block;
                vertical-align: middle;
            }

                .box-result-rating .tyle-box .item .icon img {
                    width: 100%;
                }

            .box-result-rating .tyle-box .item .number {
                position: absolute;
                top: 5px;
                font-weight: 500;
                right: 0px;
            }

        .box-result-rating .tyle-box .progress-bar {
            float: none;
            width: 100%;
            height: 5px;
            border-radius: 2px;
            position: relative;
            box-shadow: none;
            background: #E9EBF0;
        }

            .box-result-rating .tyle-box .progress-bar .bar {
                z-index: 10;
                position: absolute;
                bottom: 0px;
                top: 0px;
                border-radius: 2px;
                background: #ADBCC3;
                left: 0px;
                box-shadow: none;
            }

.table-account-info {
    width: 100%;
}

    .table-account-info tr {
        border-bottom: 1px solid #E9EBF0;
    }

    .table-account-info td {
        padding: 25px 10px;
    }

        .table-account-info td:last-child {
            text-align: right;
        }

    .table-account-info .link {
        font-weight: 500;
        font-size: 14px;
    }

.section-tttk .tracuu-sidebar {
    width: 270px;
}

    .section-tttk .tracuu-sidebar a {
        font-weight: 500;
    }

    .section-tttk .tracuu-sidebar .box-avatar {
        text-align: center;
        padding: 20px 10px;
    }

        .section-tttk .tracuu-sidebar .box-avatar .avatar {
            width: 80px;
            display: inline-block;
            height: 80px;
            margin-bottom: 5px;
        }

        .section-tttk .tracuu-sidebar .box-avatar .name {
            font-weight: 500;
        }

    .section-tttk .tracuu-sidebar .list-menus > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: 1px solid #E9EBF0;
    }

        .section-tttk .tracuu-sidebar .list-menus > li > a .icon {
            top: 15px;
        }

.section-tttk .tracuu-content {
    width: calc(100% - 290px);
}

.section-tttk .list-pakn .item {
    padding-left: 0px;
}

.box-schedule {
    position: relative;
}

    .box-schedule .group-buttons {
        position: absolute;
        top: 0px;
        left: 0px;
        margin-top: 0px;
    }

    .box-schedule .fc-widget-header .fc-widget-header {
        border-bottom: 2px solid #D71920;
    }

    .box-schedule .fc-widget-header .fc-day-header {
        background: rgba(248, 230, 222, 0.5);
        border-bottom: 2px solid #D71920;
        padding: 10px 10px;
    }

    .box-schedule .fc-widget-header a {
        color: #292D34;
    }

    .box-schedule .fc-event, .box-schedule .fc-event-dot {
        background: #F8E6DE;
        border-radius: 4px;
        color: #292D34;
        border: 0px;
        padding: 5px 10px;
    }

        .box-schedule .fc-event.fc-start.fc-end, .box-schedule .fc-event-dot.fc-start.fc-end {
            background: #F5F5F5;
        }

    .box-schedule .fc-unthemed td.fc-today {
        background: none;
    }

    .box-schedule .fc-today .fc-day-number {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        line-height: 32px;
        text-align: center;
        background: #D71920;
        color: #fff;
        margin: 5px;
    }

.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number {
    color: #292D34;
}

.fc-button-group {
    box-shadow: none;
}

    .fc-button-group button {
        border: 1px solid #ddd;
        background: #fff;
        box-shadow: none;
    }

        .fc-button-group button:hover {
            background: #f3f3f3;
        }

        .fc-button-group button.fc-state-active {
            background: #D71920;
            color: #fff;
            border-color: #D71920;
            font-weight: 500;
            text-shadow: none;
        }

.fc-header-toolbar .fc-right h2 {
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-right: 10px;
}

.fc-header-toolbar .fc-right .fc-prev-button, .fc-header-toolbar .fc-right .fc-next-button {
    width: 32px;
    height: 32px;
    padding: 0px;
    line-height: 32px;
    text-align: center;
    background: rgba(221, 221, 221, 0.3);
    box-shadow: none;
    color: #82858A;
    border: 0px;
    border-radius: 4px;
}

.fc-header-toolbar .fc-right .fc-today-button {
    height: 32px;
    border-radius: 4px;
    background: #D71920;
    color: #fff;
    text-shadow: none;
    font-weight: 500;
    margin: 0px 5px;
    border: 0px;
    vertical-align: middle;
}

.panel-bc {
    border-radius: 4px;
}

    .panel-bc .panel-title {
        font-size: 16px;
        font-weight: 500;
        padding: 10px;
        background: #FFE9CB;
        border-radius: 4px 4px 0px 0px;
    }

        .panel-bc .panel-title .icon {
            margin-right: 5px;
            color: #D71920;
        }

    .panel-bc .panel-content {
        border: 1px solid #ddd;
        border-radius: 4px;
        height: 100%;
    }

        .panel-bc .panel-content .panel-heading {
            border-bottom: 1px solid #ddd;
            font-weight: 500;
        }

        .panel-bc .panel-content .panel-body {
            height: calc(100% - 40px);
            border: 0px;
        }

    .panel-bc .panel-body {
        border: 1px solid #ddd;
        border-radius: 0px 0px 4px 4px;
    }

    .panel-bc.-sidebar .input-icon-left .form-control {
        border: 0px;
        border-bottom: 1px solid #E9EBF0;
        border-radius: 0px;
    }

    .panel-bc.-sidebar .panel-body {
        padding: 10px 0px;
    }

    .panel-bc.-sidebar .list-trees {
        height: 400px;
        overflow: auto;
    }

        .panel-bc.-sidebar .list-trees .item {
            padding: 0px 20px;
        }

            .panel-bc.-sidebar .list-trees .item > a {
                padding: 10px 0px;
                display: block;
                border-bottom: 1px solid #E9EBF0;
                color: #292D34;
                font-size: 14px;
                text-decoration: none;
                position: relative;
            }

                .panel-bc.-sidebar .list-trees .item > a:hover {
                    color: #D71920;
                }

            .panel-bc.-sidebar .list-trees .item.active {
                background: #F8E6DE;
                color: #D71920;
                font-weight: 500;
            }

.box-search-bctk {
    position: relative;
}

    .box-search-bctk .input-icon-left .form-control {
        padding-right: 40px;
    }

    .box-search-bctk .btn-date {
        cursor: pointer;
        border-left: 1px solid #ddd;
        color: #82858A;
        padding: 5px 10px;
        position: absolute;
        top: 10px;
        right: 0px;
    }

.boxcorner {
    /*box-shadow: 1px 1px 10px 5px;*/
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background-color:white;
    padding:20px; 
}
@media (max-width: 768px)
{
.boxcorner{padding:10px;}
}


        .box-search-bctk .btn-date.-noti {
            color: #D71920;
        }

            .box-search-bctk .btn-date.-noti:before {
                background: #D71920;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                content: "";
                position: absolute;
                top: 0px;
                right: 5px;
                border: 1px solid #fff;
            }

    .box-search-bctk .dropdown-box {
        position: absolute;
        top: 100%;
        left: 20px;
        right: 20px;
        background: #fff;
        border: 1px solid #E9EBF0;
        z-index: 10;
        padding: 15px 20px;
        box-shadow: 0px 4px 4px #E8E8E8;
        border-radius: 4px;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease;
    }

        .box-search-bctk .dropdown-box .title {
            text-align: center;
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 20px;
        }

        .box-search-bctk .dropdown-box .close {
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            position: absolute;
            top: 10px;
            right: 10px;
        }

        .box-search-bctk .dropdown-box .divider-gray {
            margin: 10px 0px;
        }

        .box-search-bctk .dropdown-box .row {
            margin: 0px -5px;
        }

            .box-search-bctk .dropdown-box .row .col-xs-12 {
                padding: 0px 5px;
            }

        .box-search-bctk .dropdown-box .form-group {
            margin-bottom: 5px;
        }

        .box-search-bctk .dropdown-box .datepicker-inline {
            width: 100%;
        }

        .box-search-bctk .dropdown-box .datepicker table {
            width: 100%;
        }

            .box-search-bctk .dropdown-box .datepicker table thead .dow {
                border-bottom: 1px solid #82858A;
                color: #D71920;
            }

            .box-search-bctk .dropdown-box .datepicker table tr td.today, .box-search-bctk .dropdown-box .datepicker table tr td.today.disabled, .box-search-bctk .dropdown-box .datepicker table tr td.today.disabled:hover, .box-search-bctk .dropdown-box .datepicker table tr td.today:hover {
                background: #D71920;
                color: #fff;
            }

            .box-search-bctk .dropdown-box .datepicker table tr td.active.active, .box-search-bctk .dropdown-box .datepicker table tr td.active.disabled, .box-search-bctk .dropdown-box .datepicker table tr td.active.disabled.active, .box-search-bctk .dropdown-box .datepicker table tr td.active.disabled.disabled, .box-search-bctk .dropdown-box .datepicker table tr td.active.disabled:active, .box-search-bctk .dropdown-box .datepicker table tr td.active.disabled:hover, .box-search-bctk .dropdown-box .datepicker table tr td.active.disabled:hover.active, .box-search-bctk .dropdown-box .datepicker table tr td.active.disabled:hover.disabled, .box-search-bctk .dropdown-box .datepicker table tr td.active.disabled:hover:active, .box-search-bctk .dropdown-box .datepicker table tr td.active.disabled:hover:hover, .box-search-bctk .dropdown-box .datepicker table tr td.active.disabled:hover[disabled], .box-search-bctk .dropdown-box .datepicker table tr td.active.disabled[disabled], .box-search-bctk .dropdown-box .datepicker table tr td.active:active, .box-search-bctk .dropdown-box .datepicker table tr td.active:hover, .box-search-bctk .dropdown-box .datepicker table tr td.active:hover.active, .box-search-bctk .dropdown-box .datepicker table tr td.active:hover.disabled, .box-search-bctk .dropdown-box .datepicker table tr td.active:hover:active, .box-search-bctk .dropdown-box .datepicker table tr td.active:hover:hover, .box-search-bctk .dropdown-box .datepicker table tr td.active:hover[disabled], .box-search-bctk .dropdown-box .datepicker table tr td.active[disabled] {
                background: #D71920;
            }

    .box-search-bctk.show .dropdown-box {
        visibility: visible;
        opacity: 1;
        transition: all 0.3s ease;
    }

.box-import-file {
    max-width: 500px;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    position: relative;
    padding-right: 140px;
}

    .box-import-file .btn-upload {
        position: absolute;
        top: 0px;
        right: 0px;
        padding-top: 12px;
        padding-bottom: 12px;
        height: 52px;
    }

@media (max-width: 768px) {
    .box-import-file {
        padding-right: 0px;
    }

        .box-import-file .btn-upload {
            position: static;
            width: 100%;
        }
}

.file-upload {
    position: relative;
}

    .file-upload .form-control {
        padding-right: 100px;
        height: 52px;
    }

    .file-upload .btn {
        position: absolute;
        top: 6px;
        right: 5px;
        padding: 7px 20px;
    }

.hdsd-steps {
    display: block;
    width: 100%;
    overflow: auto;
    text-align: center;
    padding: 30px 30px;
    white-space: nowrap;
}

    .hdsd-steps .item {
        display: inline-block;
        vertical-align: middle;
        margin-right: 30px;
        white-space: normal;
    }

        .hdsd-steps .item:last-child .circle {
            margin-right: 0px;
        }

            .hdsd-steps .item:last-child .circle:after {
                display: none;
            }

    .hdsd-steps .circle {
        width: 180px;
        height: 180px;
        background: #FFFFFF;
        position: relative;
        padding: 10px 20px;
        box-shadow: 0px 4px 24px rgba(139, 137, 137, 0.28);
        border-radius: 50%;
        margin-right: 76px;
    }

        .hdsd-steps .circle .icon {
            font-size: 48px;
            color: #D71920;
            margin-bottom: 5px;
        }

        .hdsd-steps .circle .text-m {
            font-weight: 500;
        }

        .hdsd-steps .circle .text-content {
            position: absolute;
            top: 50%;
            left: 20px;
            right: 20px;
            transform: translateY(-50%);
        }

        .hdsd-steps .circle:before {
            content: "";
            position: absolute;
            top: -22px;
            left: -22px;
            bottom: -22px;
            right: -22px;
            margin: auto;
            background-image: url(../img/circle-cut.svg);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }

        .hdsd-steps .circle:after {
            content: "";
            position: absolute;
            background-image: url(../img/arrow.svg);
            width: 75px;
            height: 36px;
            right: -92px;
            top: 80px;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }

        .hdsd-steps .circle .number {
            background: #5899DA;
            border: 5px solid #FFFFFF;
            border-radius: 50%;
            width: 64px;
            height: 64px;
            line-height: 54px;
            color: #fff;
            font-size: 30px;
            font-weight: 500;
            position: absolute;
            top: -10px;
            right: -10px;
            box-shadow: 0px 4px 24px rgba(139, 137, 137, 0.4);
        }

@media (max-width: 1200px) {
    .hdsd-steps .circle {
        width: 120px;
        height: 120px;
        margin-right: 40px;
    }

        .hdsd-steps .circle .number {
            font-size: 10px;
            width: 24px;
            height: 24px;
            top: 0px;
            line-height: 20px;
            border-width: 2px;
        }

        .hdsd-steps .circle:before {
            left: -10px;
            right: -10px;
            top: -10px;
            bottom: -10px;
        }

        .hdsd-steps .circle:after {
            width: 44px;
            height: 20px;
            right: -52px;
            top: 56px;
        }

        .hdsd-steps .circle .icon {
            font-size: 20px;
        }

        .hdsd-steps .circle .text-content {
            font-size: 11px;
            left: 10px;
            right: 10px;
        }
}

.banner-text-cus {
    width: 100%;
    text-align: center;
    padding: 30px 20px;
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    background-color: #D71920;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-decoration: none;
    border-radius: 4px;
    margin-bottom: 10px;
}

    .banner-text-cus:hover {
        color: #fff;
    }

    .banner-text-cus .icon {
        margin-bottom: 10px;
        font-size: 48px;
    }

.list-news-top .item {
    margin-bottom: 10px;
}

    .list-news-top .item:after {
        content: "";
        display: block;
        clear: both;
    }

    .list-news-top .item:last-child {
        border-bottom: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

.list-news-top .post-image {
    margin-bottom: 7px;
    width: 84px;
    float: left;
    margin-right: 10px;
    border-radius: 4px;
}

.list-news-top .post-title {
    font-size: 14px;
    font-weight: normal;
}

    .list-news-top .post-title > a {
        font-size: 14px;
        font-weight: normal;
    }

@media (max-width: 768px) {
    .list-news-top:after {
        content: "";
        display: block;
        clear: both;
    }

    .list-news-top .item {
        border-bottom: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        width: 100%;
    }

        .list-news-top .item:after {
            content: "";
            display: block;
            clear: both;
        }

        .list-news-top .item:last-child {
            margin-right: 0px;
        }
}

.list-view-grid .title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
}

.list-view-grid .icon {
    margin-right: 3px;
    color: #D71920;
}

.list-view-grid .box-list.-top .list:after {
    content: "";
    display: block;
    clear: both;
}

.list-view-grid .box-list.-top .item {
    width: calc(25% - 12px);
    margin-right: 16px;
    float: left;
    margin-bottom: 16px;
}

    .list-view-grid .box-list.-top .item > a {
        background: #FFFFFF;
        border: 1px solid #C3C8D2;
        border-radius: 4px;
        display: block;
        padding: 12px 20px;
        color: #292D34;
        font-weight: 500;
        text-decoration: none;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        .list-view-grid .box-list.-top .item > a:hover {
            color: #D71920;
            border-color: #D71920;
        }

    .list-view-grid .box-list.-top .item:nth-child(4n+4) {
        margin-right: 0px;
    }

@media (max-width: 991px) {
    .list-view-grid .box-list.-top .item {
        width: calc(50% - 8px);
    }

        .list-view-grid .box-list.-top .item:nth-child(4n+4) {
            margin-right: 16px;
        }

        .list-view-grid .box-list.-top .item:nth-child(2n+2) {
            margin-right: 0px;
        }
}

.list-view-grid .box-list.-bottom .item {
    width: calc((100% - 64px)/5);
    float: left;
    margin-bottom: 16px;
    margin-right: 16px;
    background: #FFFFFF;
    border: 1px solid #C3C8D2;
    border-radius: 4px;
}

    .list-view-grid .box-list.-bottom .item:nth-child(5n+5) {
        margin-right: 0px;
    }

@media (max-width: 991px) {
    .list-view-grid .box-list.-bottom .item {
        width: calc(50% - 8px);
    }

        .list-view-grid .box-list.-bottom .item:nth-child(5n+5) {
            margin-right: 16px;
        }

        .list-view-grid .box-list.-bottom .item:nth-child(2n+2) {
            margin-right: 0px;
        }
}

.list-view-grid .box-list.-bottom .post-image {
    position: relative;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

    .list-view-grid .box-list.-bottom .post-image .play {
        position: absolute;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        font-size: 40px;
        line-height: 60px;
        text-align: center;
    }

.list-view-grid .box-list.-bottom .post-title {
    padding: 7px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
}

.section-tracuu .box-tc-congdan .input-search .form-control {
    padding-right: 230px;
}

@media (max-width: 768px) {
    .section-tracuu .box-tc-congdan .input-search .form-control {
        padding-right: 0px;
    }

    .section-tracuu .box-tc-congdan .input-search {
        padding-bottom: 50px;
    }

        .section-tracuu .box-tc-congdan .input-search .btn-adv {
            bottom: 0px;
            top: auto;
            left: 0px;
            right: 40px;
            border: 1px solid #ddd;
            width: 100%;
            display: block;
            padding-right: 40px;
            border-radius: 4px;
            text-align: left;
        }

        .section-tracuu .box-tc-congdan .input-search .btn-search {
            top: auto;
            height: 38px;
        }
}

.main-wrap {
    max-width: 991px;
    margin: auto;
}

.section-dvc .list-others {
    display: flex;
    margin: auto;
    max-width: 991px;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .section-dvc .list-others .item {
        width: calc(50% - 10px);
        text-align: center;
    }

    .section-dvc .list-others a {
        display: block;
        background: #f5f5f5;
        border-radius: 4px;
        padding: 15px 10px;
        text-decoration: none;
        font-size: 18px;
        font-weight: 500;
        color: #292D34;
    }

        .section-dvc .list-others a:hover {
            color: #292D34;
            background: rgba(215, 25, 32, 0.1);
        }

    .section-dvc .list-others .icon {
        display: block;
        font-size: 40px;
        margin-bottom: 10px;
        color: #D71920;
    }

@media (max-width: 1000px) {
    .section-dvc .list-others a {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .section-dvc .list-others {
        display: block;
    }

        .section-dvc .list-others .item {
            width: 100%;
            margin-top: 10px;
        }
}

.section-dvc .box-content {
    border: 2px solid #d7d7d7;
    max-width: 991px;
    margin: auto;
}

    .section-dvc .box-content .slick-arrow {
        position: absolute;
        font-size: 0px;
        top: 0px;
        bottom: 0px;
        width: 36px;
        height: 36px;
        margin: auto;
        bottom: 0px;
        z-index: 2;
        font-family: "ap";
        border: 0px;
        background-color: transparent;
        color: #d7d7d7;
    }

        .section-dvc .box-content .slick-arrow:hover {
            color: #D71920;
        }

        .section-dvc .box-content .slick-arrow:before {
            font-size: 32px;
            content: "\ecb2";
        }

        .section-dvc .box-content .slick-arrow.slick-next {
            right: 0px;
        }

            .section-dvc .box-content .slick-arrow.slick-next:before {
                content: "\ecb4";
            }

    .section-dvc .box-content .item {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        height: auto;
        padding: 20px 60px;
    }

        .section-dvc .box-content .item a {
            width: calc(50% - 30px);
            display: block;
            padding: 6px 0px;
            font-size: 17px;
            font-weight: 500;
            line-height: 26px;
            color: #292D34;
            text-decoration: none;
            border-bottom: 2px solid #d7d7d7;
            position: relative;
        }

            .section-dvc .box-content .item a.bor-none {
                border-bottom: 0px;
            }

            .section-dvc .box-content .item a:before {
                width: 5px;
                height: 5px;
                content: "";
                position: absolute;
                top: 18px;
                left: -15px;
                background-color: #D71920;
            }

            .section-dvc .box-content .item a:hover {
                color: #D71920;
            }

@media (max-width: 768px) {
    .section-dvc .box-content .item a {
        width: 100%;
        font-size: 14px;
    }
}

.section-tk .statis-title {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

    .section-tk .statis-title:before {
        content: "";
        height: 3px;
        background-color: #bebebe;
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 5px;
    }

    .section-tk .statis-title .text-m {
        position: relative;
        background-color: #fff;
        padding-right: 10px;
        z-index: 2;
    }

.section-tk .box {
    border: 1px solid #d7d7d7;
    margin: 0;
    padding: 10px 20px;
    min-width: 162px;
    margin-bottom: 20px;
}

.section-tk .box-statis-circle {
    display: flex;
    align-items: flex-start;
    column-gap: 20px;
}

    .section-tk .box-statis-circle .circle-box {
        position: relative;
        width: 150px;
    }

        .section-tk .box-statis-circle .circle-box .chart-canvas {
            height: 150px;
        }

        .section-tk .box-statis-circle .circle-box .total {
            height: 42px;
            top: 0px;
            bottom: 0px;
            left: 0px;
            right: 0px;
            text-align: center;
            position: absolute;
            margin: auto;
            z-index: 2;
        }

            .section-tk .box-statis-circle .circle-box .total .number {
                display: block;
                font-size: 18px;
                font-weight: bold;
            }

            .section-tk .box-statis-circle .circle-box .total .text-m {
                font-size: 14px;
            }

    .section-tk .box-statis-circle .title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .section-tk .box-statis-circle .info {
        font-weight: 500;
        margin-top: 5px;
        font-size: 15px;
    }

.section-tk .box-statis-monthly .title {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

.section-tk .box-statis-monthly .tk-tt-hs {
    margin: 0px;
    font-size: 15px;
    padding: 7px 0px;
    border-top: 5px solid #d7d7d7;
}

.section-tk .box-statis-monthly .tk-tt-phantram span {
    font-size: 21px;
}

.section-tk .box-statis-monthly .item {
    margin-right: 10px;
}

.slick-slide {
    height: auto;
}

.box-bott .tk-title {
    display: flex;
    background-color: #fdf9ea;
    align-items: center;
    padding: 15px 20px;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    display: block;
}

.box-bott .list-news {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.box-bott a {
    display: flex;
    column-gap: 20px;
    padding: 12px 0px;
    color: #292D34;
    text-decoration: none;
    font-size: 17px;
    line-height: 26px;
}

    .box-bott a:hover {
        color: #D71920;
    }

.box-bott .icon {
    font-size: 20px;
    color: #D71920;
}

.box-bott .text-m {
    flex: 1;
    min-width: 0px;
}

@media (max-width: 1000px) {
    #form_DKTT {
        padding: 0px 20px !important;
    }
}

.modal.fade.in {
    top: 0px !important;
}

@media (max-width: 768px) {
    #divIS_HOUSEHOLD {
        width: 100% !important;
    }
}

/*style home*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(0, 0, 0, 0.2);
    }

html {
    font-size: 16px;
}

@media (max-width: 1000px) {
    html {
        font-size: 14px;
    }
}

.main {
    color: #D71920 !important;
}

a:hover {
    color: #D71920;
}

.red {
    color: #d32f2f;
}

.text1 {
    color: #82858A !important;
}

.select-custom {
    position: relative;
}

    .select-custom select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        box-shadow: none;
        padding-right: 25px !important;
    }

    .select-custom:before {
        content: "\f107";
        font-family: "FontAwesome";
        position: absolute;
        width: 0px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        line-height: 0px;
        right: 20px;
        pointer-events: none;
        height: 0px;
        color: #666;
    }

/*.form-control {
    border-color: #ddd;
    border-radius: 4px;
    box-shadow: none;
    color: #292D34;
    height: 40px;
    font-size: 1rem;
}

    .form-control[readonly] {
        cursor: not-allowed;
    }

    .form-control:focus {
        border-color: #D71920;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(215, 25, 32, 0.4);
    }

    .form-control::placeholder {
        font-weight: normal;
    }

    .form-control:disabled {
        background: #F5F5F5;
    }

    .form-control.borb {
        border-radius: 0px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }*/

@media (max-width: 1000px) {
    .form-control {
        height: 32px;
    }
}

.url {
    display: block;
    padding-left: 20px;
    position: relative;
    color: #D71920;
}

    .url:before {
        position: absolute;
        top: 0px;
        left: 0px;
        font-family: FontAwesome;
        content: "\f105";
        font-size: 16px;
        color: #D71920;
    }

.tleft {
    text-align: left;
}

.links {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .links > li {
        padding: 7px 0px;
    }

.modal-body {
    padding: 20px;
}

    .modal-body .actions {
        margin-top: 20px;
    }

        .modal-body .actions .btn {
            min-width: 130px;
            margin: 0px 2px;
        }

.minw100 {
    min-width: 100px !important;
}

.minw160 {
    min-width: 160px !important;
}

.minw200 {
    min-width: 200px !important;
}

.modal-header {
    padding: 10px 20px;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    background: #f5f5f5;
}

.pagination-cus,
.pagination {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    margin-top: 20px;
}

    .pagination-cus > li,
    .pagination > li {
        display: inline-block;
    }

        .pagination-cus > li > a,
        .pagination-cus > li > span,
        .pagination > li > a,
        .pagination > li > span {
            padding: 5px 10px;
            color: #82858A;
            border: 1px solid #ddd !important;
            display: block;
            text-decoration: none;
            border-radius: 6px !important;
        }

            .pagination-cus > li > a:hover,
            .pagination-cus > li > span:hover,
            .pagination > li > a:hover,
            .pagination > li > span:hover {
                background: #f3f3f3;
                color: #D71920;
            }

        .pagination-cus > li.active > a, .pagination-cus > li.active:hover > a,
        .pagination > li.active > a,
        .pagination > li.active:hover > a {
            background: #D71920;
            border-color: #D71920 !important;
            color: #fff;
        }

.overlay-common {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.1);
    z-index: 998;/*chỉ số này phải xếp dưới (nhỏ hơn) chỉ số của menu để khi click vào sẽ nhận menu*/
    display: none;
}

    .overlay-common.show {
        display: block;
    }

.avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .avatar.-x32 {
        width: 32px;
        height: 32px;
    }

    .avatar.-x24 {
        width: 24px;
        height: 24px;
    }

    .avatar.-x48 {
        width: 48px;
        height: 48px;
    }

    .avatar.-x64 {
        width: 64px;
        height: 64px;
    }

.user {
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}

    .user .avatar {
        display: inline-block;
        vertical-align: middle;
    }

    .user .username {
        font-weight: 500;
        padding-left: 5px;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 3px;
    }

.breadcrumb {
    background: none;
    padding: 0px 0px;
    margin: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .breadcrumb > li {
        text-align: left;
    }

        .breadcrumb > li > a {
            text-align: left;
            font-size: 12px;
            color: #82858A;
        }

        .breadcrumb > li:last-child > a {
            color: #292D34;
        }

        .breadcrumb > li + li:before {
            content: ">";
        }

.link {
    color: #D71920;
    display: inline-block;
}

    .link:hover {
        text-decoration: underline;
    }

.label-text {
    margin-bottom: 5px;
    white-space:nowrap;
    overflow: hidden;
    font-weight: 500;
    text-overflow: ellipsis;
}
.label-text:hover{
    white-space:normal;
}

@media (max-width: 768px) {
    .label-text {
        display: block;
        white-space: nowrap;
    }
}

.input-icon {
    position: relative;
}

    .input-icon.-captcha {
        display: flex;
    }

        .input-icon.-captcha .captcha {
            width: 150px;
            padding: 5px 10px;
            text-align: center;
            letter-spacing: 3px;
            align-self: stretch;
            background: #F5F5F5;
            border: 1px solid #C3C8D2;
            font-weight: bold;
            font-family: CURSIVE;
            color: #292D34;
            border-radius: 4px;
            display: flex;
            margin-left: 10px;
            align-items: center;
        }

            .input-icon.-captcha .captcha .refresh {
                width: 20px;
                height: 20px;
                line-height: 20px;
                font-size: 20px;
                margin-left: 10px;
                cursor: pointer;
            }

                .input-icon.-captcha .captcha .refresh:hover {
                    color: #D71920;
                }

@media (max-width: 768px) {
    .input-icon.-captcha {
        display: block;
    }

        .input-icon.-captcha .captcha {
            margin-top: 10px;
            margin-left: 0px;
        }
}

.tright {
    text-align: right;
}

.block {
    display: block;
}

.mart10 {
    margin-top: 10px;
}

.dropdown-menu {
    margin: 0px;
}

.check-action {
    position: relative;
    display: inline-block;
}

    .check-action input {
        height: 100%;
        width: 100%;
        z-index: 2;
        opacity: 0;
        left: 0px;
        top: 0px;
        position: absolute;
        margin: 0px;
    }

    .check-action .name {
        position: relative;
        display: block;
        padding-left: 30px;
        min-height: 18px;
    }

        .check-action .name:before {
            width: 20px;
            height: 20px;
            line-height: 20px;
            border-radius: 0px;
            text-align: center;
            display: inline-block;
            font-family: "ap";
            border: 1px solid #ddd;
            content: "";
            background: #fff;
            position: absolute;
            top: 3px;
            left: 0px;
            vertical-align: middle;
            border-radius: 2px;
        }

    .check-action input:checked + .name:before {
        background: #D71920;
        color: #fff;
        border-color: #D71920;
        content: "\ea2b";
        font-size: 8px;
    }

    .check-action input[type="checkbox"]:disabled + .name:before {
        background: #E9EBF0;
        border-color: #292D34;
    }

    .check-action input[type="checkbox"]:checked:disabled + .name:before {
        background: #ddd;
        border-color: #ddd;
    }

    .check-action input:disabled + .name:before {
        opacity: 0.8;
    }

    .check-action input[type="radio"] + .name:before {
        border-radius: 50%;
    }

    .check-action input[type="radio"]:checked + .name:before {
        content: "";
        color: #D71920;
        background: #fff;
        font-size: 12px;
        border-color: #D71920;
    }

    .check-action input[type="radio"]:checked + .name:after {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        content: "";
        position: absolute;
        top: 7px;
        z-index: 2;
        left: 4px;
        background: #D71920;
    }

    .check-action input[type="radio"]:disabled + .name:before {
        background: #f2f2f2;
    }

    .check-action input[type="radio"]:disabled:checked + .name:before {
        border-color: #ddd;
        background: #fff;
    }

    .check-action input[type="radio"]:disabled:checked + .name:after {
        background: #ddd;
    }

.list-check-action {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .list-check-action li {
        margin-bottom: 10px;
    }

    .list-check-action.-inline li {
        display: inline-block;
        margin-right: 20px;
    }

        .list-check-action.-inline li:last-child {
            margin-right: 0px;
        }

.input-icon-left {
    position: relative;
}

    .input-icon-left .form-control {
        padding-left: 35px;
    }

    .input-icon-left .icon {
        position: absolute;
        top: 0px;
        left: 8px;
        height: 16px;
        line-height: 16px;
        bottom: 0px;
        margin: auto;
        color: #82858A;
        font-size: 16px;
    }

.input-icon-right {
    position: relative;
}

    .input-icon-right .form-control {
        padding-right: 35px;
    }

    .input-icon-right .icon {/*Đây là css cho icon nằm trong Texbox, VD: Calender, ...*/
        position: absolute;/*cho phép icon chồng lên và nằm trong Textbox*/
        top: 0px;
        right: 8px;
        height: 16px;
        line-height: 16px;
        bottom: 0px;
        margin: auto;
        font-size: 16px;
        color: #82858A;
        pointer-events: none;
    }

.input-button-right {
    position: relative;
    padding-right: 160px;
}

    .input-button-right .btn {
        margin-bottom: 0px;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 150px;
        min-width: 0px;
    }

.input-button-icon {
    position: relative;
}

    .input-button-icon .form-control {
        padding-right: 50px;
    }

    .input-button-icon .btn {
        margin-bottom: 0px;
        position: absolute;
        top: 2px;
        right: 5px;
        width: 40px;
        min-width: 0px;
    }

.text {
    color: #292D34 !important;
}

.text-desc {
    color: #82858A !important;
}

.marl20 {
    margin-left: 20px !important;
}

.badge {
    padding: 5px 15px;
}

    .badge.badge-default {
        background: rgba(130, 133, 138, 0.2);
        color: #292D34;
    }

    .badge.badge-warning {
        background: rgba(255, 140, 0, 0.1);
        color: #FF8C00;
    }

    .badge.badge-success {
        background: rgba(33, 150, 83, 0.1);
        color: #219653;
    }

    .badge.badge-danger {
        background: rgba(237, 80, 80, 0.1);
        color: #ED5050;
    }

.second {
    color: #D71920 !important;
}

.divider-gray {
    height: 1px;
    margin: 15px 0px;
    background: #E9EBF0;
}

.main-wrapper {
    padding: 20px 0px;
    min-height: calc(100vh - 200px);
}

.title-main {
    display:flex;
    justify-content:center;
    padding-bottom: 10px;
    /*border-bottom: 2px solid #E9EBF0;*/
    font-size: 20px;
    font-weight: 500;
    align-items: center;
    column-gap: 10px;
    font-weight:bold;
}

    .title-main .icon {
        font-size: 32px;
        color: #D71920;
    }

    .title-main .text-content {
        flex: 1;
        margin: 0px;
        font-size: 20px;
        font-weight: 500;
    }

.title-main-2 {
    font-size: 26px;
    display: flex;
    justify-content: center;
    font-weight: bold;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 20px;
    margin-top: 0px;
}

    .title-main-2 .icon-hac {
        background-image: url(../img/chim-hac.png);
        width: 50px;
        height: 50px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

@media (max-width: 768px) {
    .title-main-2 {
        font-size: 20px;
    }

        .title-main-2 .title {
            flex: 1;
            min-width: 0px;
        }
}

.section {
    padding: 30px 0px;
}

.btn {
    border-radius: 6px;
    font-size: 1rem;
}

    .btn .icon {
        margin-right: 5px;
        background-size: 0px;
        font-size: 16px;
        background-position: center;
        background-repeat: no-repeat;
        vertical-align: middle;
    }

        .btn .icon img {
            height: 16px;
        }

    .btn.btn-sm {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 14px;
    }

    .btn:hover, .btn.active:focus, .btn.active, .btn:active {
        background: none;
        outline: none;
    }

        .btn:hover .icon, .btn.active:focus .icon, .btn.active .icon, .btn:active .icon {
            background-size: contain;
        }

            .btn:hover .icon img, .btn.active:focus .icon img, .btn.active .icon img, .btn:active .icon img {
                opacity: 0;
            }

.row-cus5 {
    margin: 0px -5px;
}

    .row-cus5 .col-xs-12 {
        padding: 0px 5px;
    }

.modal-content {
    position: relative;
    border-radius: 0px !important;
}

    .modal-content .modal-title {
        font-size: 16px;
        font-weight: 500;
        display: block;
        margin-bottom: 0px;
        text-align: center;
    }

    .modal-content .close {
        position: absolute;
        font-family: ap;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 0px;
    }

        .modal-content .close:before {
            font-size: 16px;
            content: "\e209";
        }

.actions .btn {
    margin: 0px 3px;
}

.text-success {
    color: #219653;
}

.text-warning {
    color: #FF8C00;
}

.text-danger {
    color: #ED5050;
}

.btn-third {
    border-color: #82858A;
    color: #82858A;
    background-color: #fff;
    font-weight: 500;
}

    .btn-third:hover, .btn-third:focus {
        border-color: #D71920;
        color: #fff;
        background-color: #D71920;
    }

    .btn-third.md {
        font-size: 14px;
    }

    .btn-third.style02 {
        border: 2px solid #EDF0FC;
        color: #99A0A9;
        font-size: 14px;
    }

        .btn-third.style02:hover {
            background: #D71920;
            color: #fff;
        }

.btn-second {
    border-color: #D71920;
    color: #D71920;
    background-color: #fff;
    font-weight: 500;
}

    .btn-second:hover, .btn-second:focus {
        border-color: #D71920;
        color: #fff;
        background-color: #D71920;
        outline: 0px;
    }

    .btn-second.md {
        font-size: 14px;
    }

.btn-main {
    border-color: #D71920;
    color: #fff;
    background-color: #D71920;
    font-weight: 500;
}

    .btn-main:hover, .btn-main:focus {
        border-color: #a91419;
        color: #fff;
        background-color: #a91419;
        outline: 0px;
    }

    .btn-main .icon {
        background-size: contain;
    }

        .btn-main .icon img {
            opacity: 0;
        }

    .btn-main.md {
        font-size: 14px;
    }

    .btn-main[disabled] {
        background: #C3C8D2;
        opacity: 1;
        border-color: #C3C8D2;
    }

.btn[disabled] {
    background: none;
    border: 1px solid #82858A;
    color: #82858A;
}

.post-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    margin-bottom: 5px;
}

    .post-image img {
        width: 100%;
        display: block;
        opacity: 0;
    }

.post-title,
.post-title > a {
    color: #292D34;
    text-decoration: none;
    font-weight: 500;
    margin: 0px;
    margin-bottom: 5px;
    display: block;
}

    .post-title:hover,
    .post-title > a:hover {
        text-decoration: none;
        color: #D71920;
    }

.post-desc {
    font-size: 14px;
    line-height: 22px;
}

.post-cat {
    font-size: 14px;
    color: #D71920;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

.list-news:after {
    content: "";
    display: block;
    clear: both;
}

.overflow-common {
    position: fixed;
    z-index: 99;
    top: 0px;
    background: rgba(0, 0, 0, 0.3);
    left: 0px;
    right: 0px;
    display: none;
    bottom: 0px;
}

    .overflow-common.show {
        display: block;
    }

.nav-toggle {
    width: 39px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    /*background: rgba(0, 0, 0, 0.3);*/
    background: darkcyan;
    color: #fff;
    position:fixed;/*obsolute fixed cho phép đứng tại chỗ, ko di chuyển theo các thành phần khác*/
    right: 15px;
    top: 30px;
    font-size: 20px;
    cursor: pointer;
    z-index: 1001;
    display: none;
}

    .nav-toggle .icon {
        line-height: inherit;
    }

@media (max-width: 1000px) {
    .nav-toggle {
        display:block;
        top:0px;
        right:0px;
    }
}

.table-content {
    overflow: auto;
}

.table-result {
    width: 100%;
    font-size: 1rem;
    border: 0px !important;
}

    .table-result th,
    .table-result td {
        padding: 10px 10px;
        border: 1px solid transparent !important;
        vertical-align: top;
    }

    .table-result tr > th {
        white-space: nowrap;
        background: #fff1b880 !important;
        border: 1px solid #E9EBF0 !important;
        font-weight: 500;
        vertical-align: middle;
    }

    .table-result tbody tr:nth-child(2n+2) {
        background: #f5f6f7;
    }

    .table-result.-style01 tr > th {
        background-color: #f3f3f3 !important;
    }

    .table-result .form-control {
        height: auto;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .table-result a {
        padding: 5px;
        font-size: 16px;
        color: #82858A;
        text-decoration: none;
    }

        .table-result a:hover {
            color: #D71920;
        }

    .table-result.table-head-act th {
        padding: 0px 10px;
    }

        .table-result.table-head-act th .icon {
            padding: 7px;
            display: inline-block;
        }

        .table-result.table-head-act th .dropdown.open .icon {
            background: #fff;
        }

    .table-result .act-link {
        color: #82858A;
    }

        .table-result .act-link:hover {
            color: #D71920;
        }

.status {
    white-space: nowrap;
    display: inline-block;
}

    .status:before {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        content: "";
        margin-right: 5px;
        display: inline-block;
        background: #C4C4C4;
    }

    .status.-success:before {
        background: #219653;
    }

    .status.-danger:before {
        background: #ED5050;
    }

    .status.-warning:before {
        background: #FF8C00;
    }

.info-row {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

    .info-row .key,
    .info-row .value {
        vertical-align: top;
        display: table-cell;
    }

    .info-row .key {
        width: 140px;
    }

        .info-row .key.lw170 {
            width: 170px;
        }

        .info-row .key.lw180 {
            width: 180px;
        }

    .info-row .value {
        padding-left: 10px;
        font-weight: 500;
    }

        .info-row .value .form-control {
            font-weight: normal;
        }

@media (max-width: 768px) {
    .info-row {
        display: block;
    }

        .info-row .key,
        .info-row .value {
            display: block;
        }

        .info-row .key {
            width: 100%;
            margin-bottom: 3px;
        }

        .info-row .value {
            padding-left: 0px;
        }
}

.tabs {
    list-style: none;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
    border-bottom: 2px solid #E9EBF0;
    margin-bottom: 20px;
    overflow-x: auto;
    overflow-y: hidden;
}

    .tabs a {
        padding: 10px 0px;
        color: #82858A;
        margin-right: 20px;
        position: relative;
        text-decoration: none;
        display: block;
        font-weight: 500;
    }

        .tabs a:hover {
            color: #D71920;
        }

    .tabs > li {
        display: inline-block;
        position: relative;
    }

        .tabs > li:last-child {
            margin-right: 0px;
        }

        .tabs > li.active > a {
            color: #D71920;
            font-weight: 500;
        }

        .tabs > li.active:before {
            content: "";
            position: absolute;
            height: 2px;
            bottom: -2px;
            left: 0px;
            right: 0px;
            z-index: 2;
            background: #D71920;
        }

.form-group {
    margin-bottom: 24px;
}

@media (max-width: 1000px) {
    .form-group {
        margin-bottom: 15px;
    }
}

.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 4px !important;
    height: 40px !important;
    border-color: #ddd !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f3f3f3;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}

.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #D71920 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    bottom: 0px;
    top: 0px;
    margin: auto;
}

.select2-results__option {
    border-bottom: 1px solid #e9ebf0;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #90b6fd;
}

.select2-dropdown {
    border-radius: 0px;
    border: 0px;
    border: 1px solid #c3c8d2;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: rgba(206, 122, 88, 0.1);
    color: #000;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background: #D71920;
    color: #fff;
}

@media (max-width: 1000px) {
    .select2-container--default .select2-selection--single {
        height: 32px !important;
    }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 30px;
        }
}

.scroll-top {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.5);
    zoom: 1;
    background-color: transparent\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
    color: #ffffff;
    line-height: 30px;
    text-align: center;
    transform: translate(0px, 10px);
    -ms-transform: translate(0px, 10px);
    -webkit-transform: translate(0px, 10px);
    -moz-transition-transform: translate(0px, 10px);
    transition: all 0.5s ease;
    opacity: 0;
}

    .scroll-top .fa {
        line-height: 40px;
        font-size: 18px;
    }

    .scroll-top:hover {
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.8);
        zoom: 1;
        background-color: transparent\9;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    }

    .scroll-top.show {
        opacity: 1;
        transition: all 0.5s ease;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transition-transform: none;
    }

.adv-search-content {
    position: absolute;
    top: 0px;
    padding: 20px;
    left: 0px;
    right: 0px;
    background: #fff;
    z-index: 100;
    border: 1px solid #ddd;
    box-shadow: 0px 4px 4px #E8E8E8;
    border-radius: 4px;
    display: none;
}

    .adv-search-content .close {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 10;
    }

    .adv-search-content .group-buttons {
        margin-top: 20px;
    }

.box-advandsearch {
    position: relative;
}

    .box-advandsearch.show .adv-search-content {
        display: block;
    }

.group-buttons .btn {
    display: inline-block;
    min-width: 120px;
    margin: 5px;
}

.modal-dialog {
    margin: 0px auto;
}

.pagination-bottom {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.maincontainer {
    padding-left: 20px;
    padding-right: 20px;
    padding-top:20px;padding-bottom:20px;
}
@media (max-width: 768px) {
    .maincontainer {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/*CSS cho width của button,texbox tương ứng với độ dài 100px,150px,...trên máy tính và tỷ lệ % trên điện thoại*/
.bt100{
    width:100px;
}
.bt150{width:150px} .bt170{width:170px} .bt200{width:200px} .bt250{width:250px} .bt300{width:300px} .bt350{width:350px} .bt400{width:400px} .bt450{width:450px}
@media (max-width: 768px){
    .bt100 {width:30%} .bt150,.bt170 {width:48%;} .bt200,.bt250,.bt300,.bt350,.bt400,.bt450{width:100%;}
}
.tb100{width:100px} .tb150{width:150px} .tb180{width:180px} .tb250{width:250px} .tb300{width:300px} .tb350{width:350px} .tb400{width:400px} .tb450{width:450px}
@media (max-width: 768px){
    .tb100{width:30%} .tb150,.tb180{width:48%} .tb250,.tb300,.tb350,.tb400,.tb450{width:100%}
}
/*CSS cho thẻ div khi nội dung theo chiều cao ngắn, đơn vị vh và vw là lấy chiều cao và chiều rộng khung nhìn (rất hay), 100vh là 100% khung nhìn*/
.divchinh{height:100vh; text-align:center; display:flex; align-items:center; justify-content:center;position:relative ;}
.divgiua{    
    text-align: center;
    width: 70%;
    height: 90%;
    background-color:darkcyan;
    /*opacity:0.5; đây là thuộc tính làm trong suốt hình nền, có giá trị từ 0 đến 1*/
    /*background-image:inherit;*/
    display:flex; align-items:center; justify-content:center;position:absolute ;}
.divcon {
    text-align: center;
    width: 90%;
    max-height: 90%;
    /*top: 5%;*/
    box-shadow: 1px 1px 10px 5px;
    border: 1px solid;
    background-color: #fefefe;    
    /*border-radius: 10px;*/
    position: absolute;
    padding-left: 20px;
    padding-right: 20px;
    padding-top:15px;
    padding-bottom:15px;
    overflow-y:auto;
}      
.divcongt{width:80%; height:80%;box-shadow: 1px 1px 10px 5px;border: 1px solid;background-color: #fefefe;border-radius: 10px; padding-left:10px;padding-right:10px; display:flex; align-items:center; justify-content:center;position: absolute; }      

    
/*@media (max-width:768px){.divcongt,.divgiua{width:350px; height:550px;}.divcon{width:90%;height:90%}}*/
@media (max-width:768px){
    .divcongt {width:90%; min-height:80%}
    .divgiua{width:95%; height:95%;}
    .divcon{width:95%;max-height:95%;}
}
/*CSS này phòng khi quay ngược điện thoại*/
@media (max-height:414px){
    /*.divchinh{min-height:800px}
    .divgiua{min-height:90%}
    .divcon{
        height:95%;
        overflow-y:auto;
    }*/
    .popupnho{
        height:90%;
        overflow-y:auto;
    }
}
/*CSS hiển thị đăng xuất khi ở chế độ di động*/
.dangxuat{
    width:100%;
    padding-bottom:5px;
    display:none;
    text-align:right;
}

/*@media (max-width:1000px){.dangxuat{display:block}}*/
/*Bảng này chia 3 cột*/
/*.tbl{
     margin: 0 10px;
     width: 100%;
     font-size:14px;
     border-collapse:collapse;
     margin-right:10px;
}
.tbl td{padding-left:15px;padding-right:15px;border:1px solid gray; height:30px; vertical-align:middle;width:33.333%;
}*/
.title18{
    font-family:'Times New Roman';
    font-size:18px;
    font-weight:bold;
    text-align:center;
}
.title20 {
    font-family: 'Times New Roman';
    font-size: 20px;
    font-weight: bold;
}
.title22 {
    font-family: 'Times New Roman';
    font-size: 22px;
    font-weight: bold;
}
.title24 {
    font-family: 'Times New Roman';
    font-size: 24px;
    font-weight: bold;
    text-align:center;
}
@media (max-width:768px) {
    .title18 {
        font-family: 'Times New Roman';
        font-size: 15px;
        font-weight: bold;
    }

    .title20 {
        font-family: 'Times New Roman';
        font-size: 17px;
        font-weight: bold;
    }
    .title22 {
        font-family: 'Times New Roman';
        font-size: 19px;
        font-weight: bold;
    }

    .title24 {
        font-family: 'Times New Roman';
        font-size: 21px;
        font-weight: bold;
    }
 }
    .bolink{
        text-decoration:none; 
        color:blue;       
    }
    .bolink:hover{
        text-decoration:none;
    }
    .anhlogin{
        height:70px;
        width:66px;
    }
    @media (max-width:768px) {
        .anhlogin {
            height: 41px;
            width: 38px;
        }
}
/*CSS chia thẻ div cha md1 thành 2, 3 phần*/
 .md1{
     display:flex;
     position:relative;
     padding-top:10px;
     padding-bottom:10px;
    }
.md2t{
     width:50%;
     padding-right:20px;
     border-right:solid 1px gray;   
    }
.md2p {
    width: 50%;
    padding-left: 20px;
    border-left: solid 1px gray;
}
.md3t {
    width: 33.33%;
    padding-right: 20px;
    border-right: solid 1px gray;
}
.md3g {
    width: 33.33%;
    padding-left: 20px;
    padding-right: 20px;
    border-right: solid 1px gray;
    border-left: solid 1px gray;
}

.md3p {
    width: 33.33%;
    padding-left: 20px;
    border-left: solid 1px gray;
}
/*chia thẻ div cha md1 thành 2 phần, 1 phần 2/3 và 1 phần 1/3*/
.md23t{
        width:66.666%;
        padding-right:20px;
        border-right:solid 1px gray;   
    }
.md13p {
    width: 33.333%;
    padding-left: 20px;
    border-left: solid 1px gray;
}
@media (max-width:768px) {
    .md1 {
        display: block;
        /*position:absolute;*/
    }
    .md2t {
        width: 100%;
        padding-right: 0px;
        border:none;
    }
    .md2p {
        width: 100%;
        padding-left: 0px;
        border: none;
    }
    .md3t {
        width: 100%;
        padding-right: 0px;
        border: none;
    }

    .md3g {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        border: none;
    }

    .md3p {
        width: 100%;
        padding-left: 0px;
        border: none;
    }
    .md23t{
        width:100%;
        padding-right:0px;
        border: none;         
    }
    .md13p {
        width: 100%;
        padding-left: 0px;
        border: none;
        padding-top: 10px;
    }
}
.form-eye {
    width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
}
/*Cặp waiting này áp dụng cho trường hợp không dùng updatepanel*/
.modal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: gray;
    z-index: 99;
    opacity: 0.9;
    min-height: 100%;
    width: 100%;
    display: none;
}

.loading {
    font-family: Arial;
    font-size: 14px;
    border-radius: 8px;
    min-width: 30%;
    padding: 10px;
    display: none;
    position: fixed;
    background-color: white;
    z-index: 999;
    /*3 thuộc tính dưới cho phép canh giữa theo chiều ngang và chiều dọc màn hình*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width:768px) {
    .loading {
        min-width: 80%;
    }
    
}
.chk{
    font-weight:normal;
    
}
.chk label{font-weight:normal;}

input[type='checkbox'][disabled][checked] {
    width: 10px;
    height: 7px;
    /*outline: 2px solid red;*/
}
input[type='checkbox']:focus {
    outline: 2px solid red;
/*    width: 20px;
    height: 20px;*/
}
input[type='checkbox']{
    width:15px;
    height:15px;
}
input[type='checkbox'][disabled][checked]:after {
    content: '\e013';
    position: absolute;
    margin-top: -12px;
    opacity: 1 !important;
    margin-left: -5px;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    background-color:none;
    background:none;
    /*border: 1px solid blue;*/
}
input[type='checkbox'][disabled]:not(:checked) {
    display:none;
}
input[type='checkbox'][disabled]:not(:checked) + label {
    display: none;
}
input[type='checkbox'][disabled][checked] + label {
        padding-right:10px;
    }

.w-auto {
    background-color: darkcyan;
    /*padding-left: 20px;*/
    border-radius: 5px;
    box-shadow: 0px 0px 3px green;
    color: white;
    text-align:center;
}
.fixed-top {
    top: 0
}

.fixed-bottom, .fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    bottom: 0
}
/*css cho đối tượng fieldset*/
.clfieldset {
   border:solid black 1px; padding-left:20px;padding-right:20px;padding-top:5px; border-radius:5px; width:100%; text-align:left;
}
.cllegend{
    font-weight:bold;
}
@page settings{
    size:A4 portrait;
    margin:0.5in 0.5in 0.5in 0.5in;
    mso-header-margin:.5in;
    mso-footer-margin:.5in;
    mso-paper-source:0;
    font-family:'Times New Roman';
}
div.page-settings{
    page: settings;
}
.divthongbao{
    text-align:justify;
    border-radius:5px;
    background:#ffeeaa;
    min-height:50px;
    width:50%;
    padding:10px;
}
@media (max-width:768px){
    .divthongbao{        
        width:90%;
    }
}
/*css cho icon nằm trong bên phải textbox*/
.righticon {
    margin-left: -30px;
    cursor: pointer;
}
.chuhoa{
    text-transform:uppercase;
}
/*css cho đối tượng nằm giữa thẻ div*/
.giuadiv {
    display: flex;
    justify-content: center; /* canh giữa ngang */
    align-items: center; /* canh giữa dọc (nếu có chiều cao) */
}
/* ListBox chung */
.custom-listbox {
    width: 100%;
    border: 2px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    padding: 5px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #fdfdfd;
    outline: none;
    /* TRÁNH LỖI MOBILE */
    -webkit-appearance: listbox !important;
    appearance: listbox !important;
    /* Quan trọng: set chiều cao cho mobile */
    min-height: 150px !important;
    height: auto;
    overflow-y: auto;
}

    /* Scrollbar (chỉ tác dụng desktop) */
    .custom-listbox::-webkit-scrollbar {
        width: 8px;
    }

    .custom-listbox::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 8px;
    }

    .custom-listbox::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 8px;
    }

    /* Item */
    .custom-listbox option {
        font-weight: bold;
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
        font-size: 14px;
        padding: 6px 10px;
    }

    /* Selected item — phiên bản an toàn cho mobile */
    .custom-listbox option:checked {
            background-color: #d0e8ff !important; /* màu nhẹ, không bị iOS chặn */
            color: #000 !important;
    }

/* Hover — CHỈ giữ lại cho desktop */
@media (hover: hover) and (pointer: fine) {
    .custom-listbox option:hover {
        background-color:#ddd;
    }
}

/* Tối ưu riêng cho mobile */
@media (max-width:768px) {
    .custom-listbox {
        font-size: 12px;
        padding: 4px;
    }

    .custom-listbox option {
            padding: 4px;
            font-size: 12px;
    }
}
/*đoạn này cho phép phần nội dung cách menu 1 đoạn 15px, tính từ banner, xuống menu và cố định banner, menu*/
.ctend {
    margin-top: 160px;
}

@media (max-width:768px) {
    .ctend {
        margin-top: 110px;
    }
/*cho banner trôi khi cuộn chuột*/
/*    .top-menu{
        position:absolute;
    }*/
}