.btn-red {
    border-radius: 4px !important;
    background-color: #E63C5F;
    color: #fff !important;
    background: #E63C5F;
    background-image: none;
    border-color: #E63C5F;
    box-shadow: 0px 5px 10px 2px rgba(255, 69, 121, 0.2) !important;
}

    .btn-red:hover {
        color: white !important;
    }

    .btn-red:focus {
        color: white !important;
    }
.btn-blue {
    border-radius: 4px !important;
    background-color: #55A8FD !important;
    color: white;
    -webkit-box-shadow: 0 5px 10px 0 rgba(85,168,253,0.45) !important;
    box-shadow: 0 5px 10px 0 rgba(85,168,253,0.45) !important;
}

    .btn-blue:hover {
        color: white !important;
    }

    .btn-blue:focus {
        color: white !important;
    }



.btn-accent {
    border-radius: 4px !important;
    color: #fff;
    background-color: #00c5dc;
    border-color: #00c5dc;
    -webkit-box-shadow: 0px 5px 10px 2px rgba(0,197,220,0.19) !important;
    box-shadow: 0px 5px 10px 2px rgba(0,197,220,0.19) !important;
}


    .btn-accent:hover {
        color: white !important;
    }

    .btn-accent:focus {
        color: white !important;
    }



.btn-round-red {
    padding: 10px !important;
    border: none;
    color: white !important;
    background: #E63C5F;
    box-shadow: 0 2px 10px 0 rgba(255,60,95,0.45) !important;
}

    .btn-round-red :hover {
        background: #E63C5F;
    }

.no-color {
    background: none !important;
}

.black {
    color: black;
}


.control-label.require::after {
    content: '*';
    margin-left: 5px;
    color: red;
}

.has-error .control-label, .has-error .checkbox-inline {
    color: #414141;
}
.has-error .form-control {
    border-color: #d4d4d4;
}

/*---------button round*/
.dataTables_paginate > .pagination > li > a {
    cursor: pointer !important;
    display: inline-block !important;
    height: 33px !important;
    min-width: 33px !important;
    vertical-align: middle !important;
    padding: .5rem !important;
    border-radius: 50% !important;
    text-align: center !important;
    position: relative !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    text-align: center !important;
    /* vertical-align: middle !important; */
    font-size: 1rem !important;
    line-height: 1rem !important;
    font-weight: 400 !important;
}

.pagination > li > a {
    border: none !important;
}

.dataTables_wrapper .table-scrollable {
    border: none !important;
}

table.dataTable thead {
    opacity: 0.6;
}

table.dataTable tbody {
    font-weight: 600;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #ccc !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none !important;
    background: none !important;
}

.pagination > li > a:hover {
    color: white !important;
    background-color: #55A8FD !important;
    -webkit-box-shadow: 0 5px 10px 0 rgba(85,168,253,0.45);
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #55A8FD !important;
    box-shadow: 0 5px 10px 0 rgba(85,168,253,0.45);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    box-shadow: none !important;
}


.label-color {
    color: #e73d4a;
}

.validation-message {
    font-size: 12px;
}

.ui-helper-hidden-accessible{
    display:none;
}



/* Mờ chữ của place holder trong ui select */
.ui-select-placeholder {
    color: #cacaca !important;
}

.gold-custom {
    border-color: #E87E04;
    color: #fff !important;
    background: #E87E04;
}

.blue-custom {
    border-color: #3598dc;
    color: #fff !important;
    background: #3598dc;
}

.green-type1-custom {
    border-color: #39a7af;
    color: #fff !important;
    background: #39a7af;
}

.green-custom {
    border-color: #009432;
    color: #fff !important;
    background: #009432;
}

.red-custom {
    border-color: #e7505a;
    color: #fff !important;
    background: #e7505a;
}

.pink-custom {
    border-color: #ff6b81;
    color: #fff !important;
    background: #ff6b81;
}

.yellow-custom {
    border-color: #FFC312;
    color: #fff !important;
    background: #FFC312;
}

.purple-custom {
    border-color: #8e44ad;
    color: #fff !important;
    background: #8e44ad;
}



/* Fonts */
@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: bold; }
  
  @font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Light.woff") format("woff"), url("../fonts/roboto/Roboto-Light.ttf") format("truetype"), url("../fonts/roboto/Roboto-Light.svg#SFUFutura") format("svg");
    font-weight: 300; }
  
  @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-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; }
  
  /*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: 'Nunito';
    src: url("../fonts/nunito/NunitoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito/NunitoSans-Bold.woff") format("woff"), url("../fonts/nunito/NunitoSans-Bold.ttf") format("truetype"), url("../fonts/nunito/NunitoSans-Bold.svg#SFUFutura") format("svg");
    font-weight: bold; }
  
  @font-face {
    font-family: 'Nunito';
    src: url("../fonts/nunito/NunitoSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito/NunitoSans-SemiBold.woff") format("woff"), url("../fonts/nunito/NunitoSans-SemiBold.ttf") format("truetype"), url("../fonts/nunito/NunitoSans-SemiBold.svg#SFUFutura") format("svg");
    font-weight: 500; }
  
  @font-face {
    font-family: 'Nunito';
    src: url("../fonts/nunito/NunitoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito/NunitoSans-Regular.woff") format("woff"), url("../fonts/nunito/NunitoSans-Regular.ttf") format("truetype"), url("../fonts/nunito/NunitoSans-Regular.svg#SFUFutura") format("svg");
    font-weight: normal; }
  
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }
  
  body {
    line-height: 1; }
  
  blockquote, q {
    quotes: none; }
  
  blockquote:before, blockquote:after {
    content: '';
    content: none; }
  
  q:before, q:after {
    content: '';
    content: none; }
  
  table {
    border-collapse: collapse;
    border-spacing: 0; }
  
  a:hover {
    text-decoration: none; }
  
  a {
    color: inherit; }
  
  a:active, a:focus {
    text-decoration: none;
    color: inherit; }
  
  a {
    text-decoration: none; }
  
  img {
    max-width: 100%;
    height: auto; }
  
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eee; }
  
  html {
    overflow-x: hidden;
    overflow-y: auto; }
  
  /*
  example keyframes
  @include keyframes( incrediblehulk ){
      0% {
          color: #f8d2c0;
      }
      100% {
          color: #0f0;
      }
  }*/
  .background-graylight {
    background-color: #f6f7f9; }
  
  .background-white {
    background-color: #fff; }
  
  .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; }
  
  .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%; }
  
  .h-auto {
    height: auto !important; }
  
  .w-auto {
    width: auto !important; }
  
  .bg-none {
    background: none !important; }
  
  .tar {
    text-align: right; }
  
  .absolute {
    position: absolute; }
  
  .relative {
    position: relative !important; }
  
  .fixed {
    position: fixed !important; }
  
  .normal {
    font-weight: normal !important; }
  
  .bold {
    font-weight: bold !important; }
  
  .tleft {
    text-align: left !important; }
  
  .tright {
    text-align: right !important; }
  
  .center {
    text-align: center !important; }
  
  .justify {
    text-align: justify !important; }
  
  .upper {
    text-transform: uppercase !important; }
  
  .left,
  .ap-left {
    float: left !important; }
  
  .right,
  .ap-right {
    float: right; }
  
  .pointer {
    cursor: pointer !important; }
  
  .italic {
    font-style: italic; }
  
  .underline {
    text-decoration: underline; }
  
  .hidden {
    display: none; }
  
  .xdot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal; }
  
  .xo,
  .ap-xo {
    overflow: hidden; }
  
  .full {
    width: 100%;
    height: 100%; }
  
  .bor0 {
    border: 0px !important; }
  
  .fullw {
    width: 100% !important; }
  
  .fullh {
    height: 100%; }
  
  .block {
    display: block; }
  
  .inline {
    display: inline-block; }
  
  .cell {
    display: table-cell; }
  
  .table {
    display: table; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .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; }
  
  .thin {
    font-weight: 300 !important; }
  
  .thick {
    font-weight: 500 !important; }
  
  .border-radius0 {
    border-radius: 0px !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; } }
  
  /*
  
      Footer
  
   */
  .footer {
    background: #903938;
    color: #fff;
    padding: 10px 0px;
    text-align: center; }
    .footer .add {
      display: inline-block;
      margin: 5px 15px; }
      .footer .add:last-child {
        margin-right: 0px; }
    .footer p {
      margin-bottom: 0px; }
  
  /*
      Custom Header
  */
  .header {
    background: #fff;
    padding: 15px 0px; }
    @media (max-width: 991px) {
      .header {
        border-bottom: 1px solid #e2e2e2; } }
  
  .nav-toggle {
    display: none;
    background: #CE7A58;
    width: 36px;
    height: 36px;
    text-align: center;
    color: #fff;
    line-height: 36px;
    position: fixed;
    z-index: 88;
    top: 0px;
    right: 0px;
    font-size: 24px;
    cursor: pointer; }
    .nav-toggle .icon {
      line-height: 36px; }
    @media (max-width: 991px) {
      .nav-toggle {
        display: block; } }
  
  .logo-text {
    position: relative;
    color: #2A6EBB;
    text-align: left; }
    .logo-text .logo {
      left: 0px;
      max-width: 96px;
      width: 100%;
      display: inline-block; }
  
  .header-title {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 22px;
    font-family: Lora,Arial;
    color: #903938;
    text-transform: uppercase; }
  
  .header-sologan {
    font-size: 16px;
    color: #903938;
    font-style: italic; }
  
  @media (max-width: 991px) {
    .logo-text {
      padding-left: 0px;
      padding-right: 0px;
      text-align: center; }
      .logo-text .logo {
        top: 0px;
        margin-bottom: 10px;
        position: relative; } }
  
  .header-account {
    position: absolute;
    top: 20px;
    right: 0px; }
    @media (max-width: 991px) {
      .header-account {
        display: none; } }
    .header-account .btn {
      margin: 0px 3px;
      border-color: #CE7A58;
      color: #1E2F41;
      border-radius: 3px;
      width: 130px;
      min-width: 0px;
      font-size: 18px;
      height: auto;
      font-weight: 500; }
      .header-account .btn:hover {
        background-color: #CE7A58;
        color: #fff; }
    .header-account .user {
      padding-left: 50px;
      padding-right: 20px;
      padding-top: 10px; }
      .header-account .user .avatar {
        position: absolute;
        top: 0px;
        left: 0px; }
      .header-account .user .icon {
        position: absolute;
        right: 0px;
        top: 10px; }
      .header-account .user .username {
        overflow: hidden;
        max-width: 250px;
        white-space: nowrap;
        text-overflow: ellipsis; }
        @media (max-width: 991px) {
          .header-account .user .username {
            max-width: 150px; } }
  
  .header-nav {
    background: #f5f5f5; }
    .header-nav .menus {
      font-size: 20px;
      list-style: none;
      margin: 0px;
      padding: 0px; }
      .header-nav .menus > li {
        float: left;
        position: relative; }
        .header-nav .menus > li > a {
          display: block;
          padding: 10px 15px;
          font-weight: 500;
          height: 42px;
          position: relative; }
        .header-nav .menus > li.active > a, .header-nav .menus > li:hover > a {
          color: #fff;
          background: #CE7A58; }
      .header-nav .menus .dropdown-menu {
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
        min-width: 100%;
        background: #E9926F;
        font-size: 18px; }
        .header-nav .menus .dropdown-menu > li {
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          position: relative; }
          .header-nav .menus .dropdown-menu > li .dropdown-menu {
            left: 100%;
            top: 0px; }
          .header-nav .menus .dropdown-menu > li > a {
            color: #fff;
            padding: 10px; }
          .header-nav .menus .dropdown-menu > li:hover > a {
            background: #CE7A58; }
          .header-nav .menus .dropdown-menu > li.active > a > a, .header-nav .menus .dropdown-menu > li.active > a:focus > a, .header-nav .menus .dropdown-menu > li.active > a:hover > a {
            background: #CE7A58; }
      .header-nav .menus li:hover > .dropdown-menu {
        display: block; }
    .header-nav .header-account {
      display: none; }
    @media (max-width: 991px) {
      .header-nav {
        position: fixed;
        top: 0px;
        left: -100%;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease;
        overflow: auto;
        bottom: 0px;
        width: 260px;
        z-index: 100; }
        .header-nav.show {
          visibility: visible;
          opacity: 1;
          transition: all 0.3s ease;
          left: 0px; }
        .header-nav .pull-left, .header-nav .pull-right {
          float: none;
          width: 100%; }
        .header-nav .menus > li {
          width: 100%;
          float: none;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
          .header-nav .menus > li > a {
            height: auto; }
          .header-nav .menus > li:hover .dropdown-menu {
            display: none; }
          .header-nav .menus > li.active .dropdown-menu, .header-nav .menus > li.active:hover .dropdown-menu {
            display: block !important; }
          .header-nav .menus > li.active > a, .header-nav .menus > li:hover > a {
            color: #fff;
            background: #CE7A58; }
            .header-nav .menus > li.active > a .down:before, .header-nav .menus > li:hover > a .down:before {
              content: "\f107"; }
          .header-nav .menus > li .down {
            position: absolute;
            top: 12px;
            right: 0px;
            font-family: FontAwesome;
            display: block;
            width: 16px;
            font-size: 16px;
            text-align: center;
            line-height: 16px;
            height: 16px; }
            .header-nav .menus > li .down:before {
              content: "\f105"; }
        .header-nav .menus .dropdown-menu {
          width: 100%;
          position: relative;
          display: none;
          float: none;
          top: 0px;
          left: 0px; }
          .header-nav .menus .dropdown-menu > li > a {
            white-space: normal; }
          .header-nav .menus .dropdown-menu > li .down {
            display: none; }
          .header-nav .menus .dropdown-menu > li.active > a {
            background: none; }
          .header-nav .menus .dropdown-menu > li .dropdown-menu {
            background: none;
            box-shadow: none;
            border: 0;
            left: 0px; }
            .header-nav .menus .dropdown-menu > li .dropdown-menu > li > a {
              padding-left: 30px; }
            .header-nav .menus .dropdown-menu > li .dropdown-menu > li.active > a {
              background: #CE7A58; }
        .header-nav .header-account {
          display: block;
          position: relative;
          clear: both; }
          .header-nav .header-account .btn {
            width: 100%;
            margin: 3px 0px; } }
    .header-nav.pakn {
      background: #67A99F;
      color: #fff; }
      .header-nav.pakn .menus > li {
        margin-right: 0px; }
      .header-nav.pakn .menus > li > a {
        padding: 12px 15px; }
        .header-nav.pakn .menus > li > a:hover {
          color: #fff;
          background: rgba(0, 0, 0, 0.1); }
      .header-nav.pakn .menus > li.active > a:before {
        display: none; }
      .header-nav.pakn .menus > li.active > a {
        background: #fff;
        color: #2A6EBB; }
  
  .languages > .btn {
    padding: 12px 10px;
    background: none; }
    .languages > .btn:hover, .languages > .btn:focus {
      background: rgba(0, 0, 0, 0.1);
      color: #fff; }
  
  .languages .icon {
    width: 24px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 5px;
    border-radius: 2px;
    vertical-align: middle;
    background-position: center; }
  
  .languages .dropdown-menu {
    width: 100%; }
  
  .hero-banner {
    background-image: url(../img/home/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #CE7A58;
    background-position: center center;
    padding: 40px 0px;
    position: relative; }
    .hero-banner .head {
      margin-bottom: 20px;
      color: #fff; }
      .hero-banner .head .title {
        font-size: 26px;
        color: #fff;
        font-weight: 500;
        margin-bottom: 5px;
        display: block; }
    .hero-banner .slider {
      left: 0px;
      right: 0px;
      bottom: 0px;
      position: absolute;
      background: #CE7A58;
      color: #fff;
      white-space: nowrap; }
      .hero-banner .slider .item {
        display: inline-block;
        padding: 7px 20px; }
        .hero-banner .slider .item:hover {
          color: #000; }
    .hero-banner .actions .row {
      display: flex; }
    @media (max-width: 768px) {
      .hero-banner .actions .row {
        display: block; }
        .hero-banner .actions .row .btn {
          height: auto; } }
    .hero-banner .btn {
      height: 100%;
      align-self: stretch;
      white-space: normal;
      display: block;
      align-items: center; }
    @media (max-width: 768px) {
      .hero-banner .actions .btn {
        margin-top: 10px; } }
  
  .box-wrap-search {
    padding-right: 350px;
    position: relative; }
    .box-wrap-search .btn-dvctt {
      position: absolute;
      top: 0px;
      right: 0px;
      height: 40px;
      padding: 6px 20px;
      font-size: 20px;
      background: #FFC251;
      color: #1E2F41; }
    @media (max-width: 768px) {
      .box-wrap-search {
        padding-right: 0px; }
        .box-wrap-search .btn-dvctt {
          position: relative; } }
  
  .box-search {
    margin: auto;
    position: relative; }
    .box-search .row {
      margin: 0px -5px; }
    .box-search .col-xs-12 {
      padding: 0px 5px; }
    .box-search.-nobtn {
      padding-right: 0px; }
    .box-search .form-control {
      height: 40px;
      box-shadow: none;
      font-size: 18px;
      border-radius: 4px; }
    .box-search.-adv .form-control {
      border: 0px;
      padding-right: 245px; }
    .box-search .adv {
      position: absolute;
      top: 0px;
      height: 40px;
      right: 60px;
      z-index: 10;
      width: 180px;
      border-left: 1px solid #e2e2e2;
      padding: 7px 10px;
      cursor: pointer;
      color: #1E2F41;
      text-align: center; }
      .box-search .adv:hover {
        color: #903938; }
    .box-search .btn-search {
      width: 60px;
      background: #f5f5f5;
      color: #1E2F41;
      height: 40px;
      top: 0px;
      right: 0px;
      min-width: 0px;
      border-radius: 0px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      position: absolute; }
      .box-search .btn-search .icon {
        font-size: 18px; }
      .box-search .btn-search:hover {
        background: #903938;
        color: #fff; }
    @media (max-width: 768px) {
      .box-search {
        padding-right: 0px; }
        .box-search .form-control {
          padding-right: 40px; }
        .box-search.-adv .form-control {
          padding-right: 200px; }
        .box-search .adv {
          right: 40px;
          bottom: 0px;
          top: auto;
          border-left: 0px;
          border-radius: 2px;
          text-align: right; }
        .box-search .btn-search {
          width: 40px;
          font-size: 0px; }
          .box-search .btn-search .icon {
            font-size: 16px; } }
    @media (max-width: 768px) {
      .box-search {
        margin-bottom: 40px; }
        .box-search.-adv .form-control {
          padding-right: 40px; }
        .box-search .adv {
          bottom: -45px;
          color: #fff;
          right: 0px;
          width: 100%; } }
  
  .header-bottom {
    background: #CE7A58; }
    .header-bottom ul {
      list-style: none;
      margin: 0px;
      padding: 0px; }
      .header-bottom ul .dropdown-menu {
        min-width: 100%;
        background: #CE7A58;
        border: 0px;
        margin: 0px; }
        .header-bottom ul .dropdown-menu li {
          float: none; }
        .header-bottom ul .dropdown-menu li > a {
          display: block;
          font-size: 16px; }
      .header-bottom ul > li {
        float: left;
        position: relative; }
        .header-bottom ul > li > a {
          display: block;
          padding: 7px 20px;
          color: #fff; }
        .header-bottom ul > li.active > a, .header-bottom ul > li:hover > a {
          background: #bc5d37; }
        .header-bottom ul > li .down {
          position: absolute;
          top: 0px;
          right: 0px;
          font-family: FontAwesome;
          display: block;
          width: 16px;
          font-size: 16px;
          text-align: center;
          line-height: 16px;
          height: 16px;
          bottom: 0px;
          margin: auto; }
          .header-bottom ul > li .down:before {
            content: "\f107"; }
        .header-bottom ul > li:hover > ul {
          display: block; }
    @media (max-width: 991px) {
      .header-bottom {
        display: none; } }
  
  /*
      Home page
  */
  .section {
    padding: 40px 0px; }
    @media (max-width: 768px) {
      .section {
        padding: 20px 0px; } }
  
  .actions-rate {
    margin-top: 20px;
    margin-bottom: 20px; }
    .actions-rate .icon {
      margin-right: 5px; }
      .actions-rate .icon img {
        height: 20px; }
    .actions-rate .btn-like {
      border: 1px solid #67A99F;
      color: #67A99F; }
      .actions-rate .btn-like:hover {
        background: #67A99F;
        color: #fff; }
    .actions-rate .btn-dislike {
      border: 1px solid #CE7A58;
      color: #CE7A58; }
      .actions-rate .btn-dislike:hover {
        background: #CE7A58;
        color: #fff; }
    @media (max-width: 480px) {
      .actions-rate .btn {
        margin-bottom: 10px; } }
  
  .targetgroup-area .container {
    max-width: 991px; }
  
  .targetgroup-head {
    position: relative;
    font-size: 23px;
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    cursor: pointer;
    color: #CE7A58;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .targetgroup-head h2, .targetgroup-head .targetgroup-title {
      font-size: 23px;
      margin: 0px; }
    .targetgroup-head:before {
      content: "";
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      background: #CE7A58;
      height: 4px;
      border-radius: 20px; }
  
  .targetgroup-body {
    position: relative;
    font-size: 18px; }
    .targetgroup-body .wrap {
      display: block;
      padding: 10px 20px;
      padding-left: 60px;
      border-radius: 8px;
      background: #f5f5f5;
      cursor: pointer;
      margin-bottom: 10px;
      position: relative; }
      .targetgroup-body .wrap:hover {
        color: #000; }
    .targetgroup-body .icon {
      display: inline-block;
      position: absolute;
      top: 7px;
      left: 15px;
      width: 30px; }
      .targetgroup-body .icon img {
        height: 25px; }
  
  .targetgroup-body-title {
    margin-bottom: 10px;
    line-height: 24px; }
  
  .targetgroup-box {
    padding: 10px;
    position: relative; }
    @media (max-width: 768px) {
      .targetgroup-box {
        padding: 10px 0px; } }
    .targetgroup-box.-congdan .targetgroup-body .wrap:hover {
      background: rgba(103, 169, 159, 0.15); }
    .targetgroup-box.-doanhnghiep .targetgroup-body .wrap:hover {
      background: rgba(144, 57, 56, 0.15); }
  
  .hotnews-top {
    background-image: url(../img/bg-news.jpg);
    background-size: cover;
    background-position: right center;
    background-color: #f5f5f5; }
    @media (max-width: 991px) {
      .hotnews-top {
        background: #f5f5f5; } }
    .hotnews-top .container {
      max-width: 991px; }
    .hotnews-top .post-date {
      font-size: 14px;
      color: #8F969C; }
    .hotnews-top .wrap {
      padding: 0px 20px;
      border-right: 1px solid #e2e2e2; }
    .hotnews-top .list-news {
      padding: 20px 30px; }
      .hotnews-top .list-news .item {
        margin-bottom: 0px; }
      .hotnews-top .list-news .post-title {
        font-size: 14px;
        font-weight: bold;
        line-height: 22px;
        height: 46px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis; }
    .hotnews-top .item:first-child .wrap {
      border-left: 0px; }
    .hotnews-top .slick-arrow {
      width: 30px;
      height: 30px;
      position: absolute;
      line-height: 30px;
      text-align: center;
      top: 0px;
      bottom: 0px;
      margin: auto;
      font-size: 0px;
      background: none;
      border: 0px; }
      .hotnews-top .slick-arrow:before {
        font-family: FontAwesome;
        content: "";
        font-size: 24px; }
      .hotnews-top .slick-arrow:hover {
        color: #CE7A58; }
      .hotnews-top .slick-arrow.slick-prev {
        left: 0px; }
        .hotnews-top .slick-arrow.slick-prev:before {
          content: "\f104"; }
      .hotnews-top .slick-arrow.slick-next {
        right: 0px; }
        .hotnews-top .slick-arrow.slick-next:before {
          content: "\f105"; }
  
  .tab-buttons {
    margin-bottom: 20px; }
    .tab-buttons:after {
      content: "";
      display: block;
      clear: both; }
    .tab-buttons > li {
      float: left; }
      .tab-buttons > li > a {
        display: block;
        min-width: 160px;
        text-align: center;
        color: #333;
        padding: 7px 20px;
        border: 1px solid #e2e2e2;
        font-weight: 500; }
      .tab-buttons > li:hover > a {
        background: rgba(206, 122, 88, 0.08); }
      .tab-buttons > li.active > a {
        background: #CE7A58;
        color: #fff;
        border-color: #CE7A58; }
  
  .box-cat-cd {
    margin-bottom: 40px; }
    .box-cat-cd:last-child {
      margin-bottom: 0px; }
    .box-cat-cd .bottom-action {
      padding-left: 40px; }
  
  .main-title-sub {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: justify; }
    .main-title-sub.-color {
      color: #CE7A58; }
  
  .f20 {
    font-size: 20px !important; }
  
  .readmore {
    padding: 10px 10px;
    text-align: center;
    display: block;
    color: #CE7A58; }
    .readmore .icon {
      color: #F35B46;
      margin-left: 5px; }
    .readmore:hover {
      color: #173d68; }
  
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:focus,
  .dropdown-menu > .active > a:hover {
    background: #CE7A58; }
  
  .marl10 {
    margin-left: 10px; }
  
  .marb20 {
    margin-bottom: 20px; }
  
  .twitter-typeahead {
    display: block !important; }
  
  .section-menu-bottom {
    background: #f5f5f5; }
    .section-menu-bottom .container {
      max-width: 991px; }
    .section-menu-bottom .wrap {
      display: table;
      width: 100%;
      cursor: pointer; }
      .section-menu-bottom .wrap:hover {
        color: #CE7A58; }
      @media (max-width: 768px) {
        .section-menu-bottom .wrap {
          margin-bottom: 20px; } }
    .section-menu-bottom .icon,
    .section-menu-bottom .text {
      display: table-cell;
      vertical-align: middle; }
    .section-menu-bottom .icon {
      width: 90px; }
    .section-menu-bottom .text {
      padding-left: 20px; }
    @media (max-width: 768px) {
      .section-menu-bottom .pull-right, .section-menu-bottom .pull-left {
        width: 100%; } }
  
  .bottom-fixed {
    position: fixed;
    bottom: 0px;
    background: #fff;
    left: 0px;
    right: 0px;
    box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.1);
    z-index: 100;
    padding: 10px;
    color: #e53935; }
  
  .section-dvc,
  .section-cong-dan {
    margin-bottom: 50px;
    min-height: calc(100vh - 300px); }
  
  .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; }
      .list-document a:before {
        content: "";
        display: block;
        background-image: url(../img/document.svg);
        width: 18px;
        height: 19px;
        background-size: cover;
        position: absolute;
        top: 12px;
        left: 0px;
        line-height: 18px; }
    .list-document.-col2 {
      margin: 0px -15px; }
      .list-document.-col2:after {
        content: "";
        display: block;
        clear: both; }
      .list-document.-col2 > li {
        width: 50%;
        float: left;
        padding: 0px 15px; }
      @media (max-width: 768px) {
        .list-document.-col2 > li {
          width: 100%; } }
    .list-document.-question a:before {
      background: none;
      color: #CE7A58;
      font-family: ap;
      content: "\e30f";
      font-size: 20px; }
    .list-document.-mess a:before {
      background: none;
      color: #CE7A58;
      font-family: ap;
      content: "\f14f";
      font-size: 24px; }
    .list-document.-img a:before {
      display: none; }
    .list-document.-img a .icon {
      width: 18px;
      height: 18px;
      position: absolute;
      top: 10px;
      left: 0px; }
      .list-document.-img a .icon img {
        width: 100%; }
  
  .actions {
    margin-top: 30px; }
    @media (max-width: 480px) {
      .actions .btn {
        margin-top: 10px; } }
  
  .section-menu-bottom {
    margin-top: 60px; }
    @media (max-width: 768px) {
      .section-menu-bottom {
        margin-top: 0px; } }
  
  .bv-form .help-block {
    margin-bottom: 15px !important; }
  
  .bor1 {
    border: 1px solid #e2e2e2 !important; }
  
  .bg-gray {
    background: rgba(132, 132, 132, 0.1); }
  
  .f48 {
    font-size: 48px !important;
    line-height: 1.3333; }
  
  .cong-dan-list {
    display: grid;
    grid-template-columns: 50% 50%; }
    .cong-dan-list:after {
      content: "";
      display: block;
      clear: both; }
    @media (max-width: 768px) {
      .cong-dan-list {
        grid-template-columns: none; } }
    .cong-dan-list .wrap {
      display: block;
      padding: 30px 20px;
      cursor: default; }
    .cong-dan-list .item {
      border-bottom: 2px solid #e2e2e2; }
      .cong-dan-list .item.borb0 {
        border-bottom: transparent; }
      .cong-dan-list .item .head {
        display: table;
        width: 100%;
        margin-bottom: 20px; }
        .cong-dan-list .item .head .icon {
          display: table-cell;
          width: 45px; }
        .cong-dan-list .item .head .text {
          display: table-cell;
          font-size: 22px;
          line-height: 27px;
          font-weight: 600;
          padding-left: 20px; }
      .cong-dan-list .item .list-dvc {
        margin-top: 20px;
        color: #903938; }
        .cong-dan-list .item .list-dvc span {
          cursor: pointer; }
          .cong-dan-list .item .list-dvc span:hover {
            color: #CE7A58; }
      .cong-dan-list .item:hover, .cong-dan-list .item.active {
        border-color: #903938;
        background: #f5f5f5; }
        .cong-dan-list .item:hover .wrap, .cong-dan-list .item.active .wrap {
          color: #1E2F41; }
  
  .sidebar-congdan {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    margin-bottom: 20px; }
    .sidebar-congdan .head {
      background: rgba(30, 47, 65, 0.1);
      color: #fff;
      font-size: 20px;
      font-weight: 500;
      padding: 7px 15px;
      border-top-right-radius: 3px;
      border-top-left-radius: 3px;
      color: #333; }
    .sidebar-congdan .body {
      padding: 15px; }
  
  .table-tthc {
    width: 100%; }
    .table-tthc p {
      margin-bottom: 5px; }
    .table-tthc .head {
      border-top: 1px solid #e2e2e2; }
      .table-tthc .head td {
        padding-bottom: 0px; }
      .table-tthc .head .title {
        font-size: 20px;
        font-weight: 500; }
    .table-tthc td {
      padding: 15px 0px;
      padding-right: 20px;
      vertical-align: top; }
      .table-tthc td:last-child {
        padding-right: 0px; }
    @media (max-width: 768px) {
      .table-tthc {
        display: block; }
        .table-tthc tr,
        .table-tthc td,
        .table-tthc tbody {
          display: block; }
        .table-tthc td {
          border-top: 0px;
          padding: 0px;
          margin-bottom: 5px; }
        .table-tthc tr {
          padding: 15px 0px; }
          .table-tthc tr.head {
            padding-bottom: 0px; } }
  
  .section-tien-ich {
    background-image: url(../img/tienich/bg.svg);
    background-position: top right;
    background-repeat: no-repeat; }
    .section-tien-ich .btn-search {
      max-width: 300px;
      width: 100%; }
    .section-tien-ich .box-form {
      margin-bottom: 40px; }
  
  .section-tbkm .main-title-sub {
    font-size: 22px;
    text-align: unset; }
  
  .section-tbkm .main-title {
    text-align: unset; }
  
  .kqtk {
    margin-bottom: 30px; }
    .kqtk .links li {
      padding: 15px 0px;
      border-bottom: 1px solid #e2e2e2; }
      .kqtk .links li:last-child {
        border-bottom: 0px; }
  
  .steps:after {
    content: "";
    display: block;
    clear: both; }
  
  .steps .item {
    text-align: center;
    width: 25%;
    float: left;
    padding: 15px;
    position: relative;
    color: #7C964C; }
    .steps .item:after {
      content: "";
      height: 2px;
      width: 100%;
      right: 50%;
      position: absolute;
      top: 40px;
      background: rgba(124, 150, 76, 0.2); }
    .steps .item:first-child:after {
      display: none; }
    @media (max-width: 768px) {
      .steps .item {
        width: 100% !important;
        padding: 0px;
        margin-bottom: 30px; }
        .steps .item:after {
          width: 1px;
          height: 30px;
          bottom: -30px;
          right: 0px;
          left: 0px;
          margin: auto;
          top: auto;
          display: none; } }
    .steps .item.processing .number {
      background: #7C964C;
      color: #fff; }
    .steps .item.processing:after {
      background: #7C964C; }
    .steps .item.actived .number {
      background: #7C964C;
      color: #fff;
      font-size: 0px; }
      .steps .item.actived .number:before {
        font-size: 18px;
        content: "\f00c";
        font-family: FontAwesome; }
    .steps .item.actived:after {
      background: #7C964C; }
    .steps .item.actived .title {
      color: #1E2F41; }
  
  .steps.steps3 .item {
    width: 33.333%; }
  
  .steps.steps5 .item {
    width: 20%; }
  
  .steps .number {
    height: 44px;
    width: 44px;
    position: relative;
    z-index: 2;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 44px;
    color: #7C964C;
    background: #e5eadb; }
  
  .steps .txt {
    color: rgba(30, 47, 65, 0.6); }
  
  .steps .title {
    color: rgba(30, 47, 65, 0.6);
    font-size: 16px;
    margin-bottom: 10px; }
  
  .steps.-ncovi .number {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 28px; }
  
  .steps.-ncovi .item:after {
    top: 60px; }
  
  .box-chitiet-km {
    font-size: 16px; }
    .box-chitiet-km .main-title-sub {
      margin-bottom: 7px; }
    .box-chitiet-km .label-text {
      white-space: normal;
      overflow: auto;
      vertical-align: middle;
      margin-bottom: 0px; }
    .box-chitiet-km .form-control {
      height: 36px;
      border: 0px;
      padding-left: 0px;
      padding-right: 0px;
      height: auto;
      color: #000;
      font-size: 16px;
      border-radius: 0px;
      border-bottom: 1px solid #d6d6d6; }
      .box-chitiet-km .form-control::placeholder {
        font-weight: normal; }
      .box-chitiet-km .form-control:focus {
        outline: none;
        font-weight: 500;
        box-shadow: none;
        border-bottom-color: #2A6EBB; }
    .box-chitiet-km textarea {
      max-height: 120px; }
    .box-chitiet-km .list-cqth {
      border: 1px solid #e2e2e2; }
      .box-chitiet-km .list-cqth .item {
        display: block;
        padding: 10px 15px; }
    .box-chitiet-km .btn {
      font-size: 16px; }
    .box-chitiet-km .input-right-button {
      position: relative;
      padding-right: 160px; }
      .box-chitiet-km .input-right-button .btn {
        width: 140px;
        position: absolute;
        right: 0px;
        top: 0px;
        min-width: 0px;
        padding: 6px 10px;
        height: auto; }
    .box-chitiet-km .table-info .key {
      width: 250px; }
    .box-chitiet-km .table-info .value {
      min-width: 300px; }
    .box-chitiet-km .table-info a {
      white-space: nowrap;
      display: block;
      width: 300px;
      text-overflow: ellipsis;
      overflow: hidden; }
    @media (max-width: 768px) {
      .box-chitiet-km .table-info .key {
        width: 100%; }
      .box-chitiet-km .table-info a {
        width: 100%; } }
  
  .table-dvc {
    margin-top: 10px;
    width: 100%; }
    .table-dvc th {
      padding: 8px 8px; }
    .table-dvc td {
      vertical-align: top;
      padding: 8px 8px;
      padding-right: 20px;
      line-height: 22px; }
    .table-dvc .key {
      margin-bottom: 3px;
      display: block;
      white-space: nowrap;
      font-weight: 500; }
    @media (max-width: 768px) {
      .table-dvc {
        display: block; }
        .table-dvc th,
        .table-dvc td,
        .table-dvc tr,
        .table-dvc tbody {
          display: block; } }
    .table-dvc .actions {
      margin-top: 0px !important; }
    .table-dvc .divider-gray {
      margin: 10px 0px; }
  
  .table-info td {
    padding: 10px 10px;
    vertical-align: top; }
    .table-info td.key {
      padding-left: 0px;
      color: #666; }
    .table-info td.value {
      font-weight: 500; }
  
  .table-info.-style01 td.key {
    color: #1E2F41;
    font-weight: 500; }
  
  .table-info.-style01 td.value {
    color: #1E2F41;
    font-weight: normal; }
  
  @media (max-width: 768px) {
    .table-info {
      display: block; }
      .table-info th,
      .table-info td,
      .table-info tr,
      .table-info tbody {
        display: block;
        padding: 0px;
        margin-bottom: 5px; }
      .table-info tr {
        margin-bottom: 20px; } }
  
  .list-expand {
    margin-bottom: 20px;
    list-style: none;
    margin: 0px;
    padding: 0px; }
    .list-expand .content {
      display: none;
      margin-bottom: 20px; }
    .list-expand .title {
      cursor: pointer;
      display: block;
      padding: 15px 0px;
      color: #1E2F41;
      position: relative;
      padding-right: 40px;
      font-weight: 500;
      font-size: 22px; }
      .list-expand .title:before {
        content: "\f107";
        position: absolute;
        top: 0px;
        height: 20px;
        width: 20px;
        line-height: 20px;
        text-align: center;
        bottom: 0px;
        margin: auto;
        right: 0px;
        color: #8F969C;
        font-family: FontAwesome; }
      .list-expand .title:hover {
        color: #CE7A58; }
    .list-expand .item {
      border-top: 1px solid #E9F0F8; }
      .list-expand .item:first-child {
        border-top: 0px; }
      .list-expand .item.active .content {
        display: block; }
      .list-expand .item.active .title {
        color: #333; }
        .list-expand .item.active .title:before {
          content: "\f106"; }
  
  .input-right-button {
    position: relative;
    padding-right: 160px; }
    .input-right-button .btn {
      position: absolute;
      top: 0px;
      right: 0px;
      min-width: 150px; }
  
  .slick-slide {
    height: auto; }
  
  .slick-dots {
    text-align: center; }
    .slick-dots > li {
      display: inline-block;
      margin: 0px 5px; }
      .slick-dots > li button {
        background: none;
        border: none;
        font-size: 0px;
        padding: 0px;
        border-radius: 50%;
        width: 12px;
        height: 12px;
        background: #f1f1f1; }
      .slick-dots > li.slick-active button {
        background: #EAA031; }
  
  .box-wrap-search-page {
    background-image: url(../img/home/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #CE7A58;
    background-position: center center;
    padding: 30px;
    position: relative;
    margin-bottom: 30px;
    padding-right: 350px; }
    .box-wrap-search-page .box-search.-adv .form-control {
      padding-right: 80px; }
    .box-wrap-search-page .btn-dvctt {
      position: absolute;
      top: 30px;
      right: 30px;
      height: 40px;
      padding: 6px 20px;
      font-size: 20px;
      background: #FFC251;
      color: #1E2F41; }
    .box-wrap-search-page.-style01 {
      padding: 0px;
      padding-right: 350px;
      background: none; }
      .box-wrap-search-page.-style01 .btn-dvctt {
        right: 0px;
        top: 0px; }
      .box-wrap-search-page.-style01 .box-search.-adv .form-control {
        border: 1px solid #8F969C; }
        .box-wrap-search-page.-style01 .box-search.-adv .form-control:focus {
          border-color: #CE7A58; }
      .box-wrap-search-page.-style01 .box-search .btn-search {
        background: #F5F5F5;
        color: #1E2F41;
        top: 1px;
        right: 1px;
        height: auto;
        bottom: 1px;
        margin-bottom: 0px; }
        .box-wrap-search-page.-style01 .box-search .btn-search:hover {
          background: #bc5d37;
          color: #fff; }
      @media (max-width: 768px) {
        .box-wrap-search-page.-style01 {
          padding-right: 0px; } }
    @media (max-width: 768px) {
      .box-wrap-search-page {
        padding: 15px; }
        .box-wrap-search-page .box-search {
          margin-bottom: 20px; }
        .box-wrap-search-page .btn-dvctt {
          top: 0px;
          right: 0px;
          position: relative; } }
  
  .nav-fix-tkm {
    width: 115px;
    position: fixed;
    background: #CE7A58;
    color: #fff;
    text-align: center;
    top: 20%;
    right: 0px;
    z-index: 10;
    font-size: 20px;
    line-height: 28px;
    cursor: pointer;
    padding: 15px 10px; }
  
  .popup-chitietTTHC {
    padding: 0px !important; }
    .popup-chitietTTHC .close {
      position: absolute;
      top: 20px;
      right: 10px; }
    .popup-chitietTTHC .modal-content {
      border-radius: 0px; }
    .popup-chitietTTHC .main-title {
      margin-bottom: 0px;
      padding-left: 0px;
      text-align: center; }
    .popup-chitietTTHC .wd-table {
      width: 100%; }
      .popup-chitietTTHC .wd-table td {
        padding: 7px 10px;
        border: 1px solid #e2e2e2;
        line-height: 22px;
        vertical-align: top; }
        .popup-chitietTTHC .wd-table td:first-child {
          white-space: nowrap;
          background: #f5f6f7;
          font-weight: bold; }
  
  .user-manual .content {
    padding: 20px;
    background: #fff;
    border: 1px solid #e2e2e2; }
    .user-manual .content:after {
      content: "";
      display: block;
      clear: both; }
  
  .user-manual .col3 .item {
    width: 33.3333%; }
  
  .user-manual .item {
    text-align: center;
    width: 25%;
    float: left;
    padding: 15px;
    position: relative; }
    .user-manual .item:after {
      content: "";
      height: 2px;
      width: 100%;
      right: 50%;
      position: absolute;
      top: 55px;
      background: rgba(206, 122, 88, 0.2); }
    .user-manual .item:before {
      content: "";
      height: 2px;
      width: 100px;
      right: 0px;
      left: 0px;
      margin: auto;
      z-index: 2;
      position: absolute;
      top: 55px;
      background: #fff; }
    .user-manual .item:first-child:after {
      display: none; }
    @media (max-width: 768px) {
      .user-manual .item {
        width: 100%;
        padding: 0px;
        margin-bottom: 30px; }
        .user-manual .item:first-child:after {
          display: block; }
        .user-manual .item:after {
          width: 1px;
          height: 30px;
          bottom: -30px;
          right: 0px;
          left: 0px;
          margin: auto;
          top: auto; } }
  
  .user-manual .icon {
    height: 72px;
    width: 72px;
    position: relative;
    z-index: 2;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 10px; }
  
  .user-manual .txt {
    color: #999; }
  
  .user-manual .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px; }
  
  .pop-success {
    text-align: center;
    max-width: 360px;
    margin: auto; }
    .pop-success .icon {
      font-size: 60px;
      color: #7C964C;
      margin-bottom: 20px;
      line-height: 80px; }
    .pop-success .alert-text {
      margin-bottom: 30px;
      font-size: 24px;
      color: #1E2F41;
      line-height: 34px; }
  
  .pop-usbtoken {
    padding: 20px 0px;
    max-width: 360px;
    margin: auto; }
    .pop-usbtoken .title {
      text-align: center;
      font-size: 20px;
      line-height: 28px;
      font-weight: 500;
      color: #CE7A58;
      display: block;
      margin-bottom: 20px; }
  
  .pop-chungthu {
    padding: 20px; }
    .pop-chungthu .head {
      margin-bottom: 30px;
      text-align: center; }
      .pop-chungthu .head .title {
        font-size: 26px;
        font-weight: 500;
        display: block;
        margin-bottom: 6px; }
    .pop-chungthu .chungthu-item {
      position: relative;
      padding-left: 80px;
      margin-bottom: 20px; }
      .pop-chungthu .chungthu-item .icon {
        position: absolute;
        width: 60px;
        top: 0px;
        left: 0px; }
      .pop-chungthu .chungthu-item .info {
        margin-bottom: 7px; }
  
  .vs-icon-chat {
    width: 200px;
    position: fixed;
    bottom: 0px;
    right: 0px; }
    .vs-icon-chat .head {
      background: #FFC600;
      color: #1E2F41;
      cursor: pointer;
      font-size: 16px;
      font-weight: 600;
      padding: 5px 10px;
      text-align: center;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
  
  .list-km-rw {
    margin: 0px -10px;
    margin-bottom: 20px; }
    .list-km-rw:after {
      content: "";
      display: block;
      clear: both; }
    .list-km-rw .item {
      padding: 10px;
      width: 33.3333%;
      float: left;
      position: relative; }
      .list-km-rw .item:nth-child(3n+4) {
        clear: both; }
      @media (max-width: 768px) {
        .list-km-rw .item {
          width: 100%; } }
    .list-km-rw .wrap {
      position: relative;
      padding-left: 50px; }
      .list-km-rw .wrap .icon {
        position: absolute;
        top: 0px;
        left: 0px; }
    .list-km-rw .title,
    .list-km-rw .post-location {
      margin-bottom: 5px;
      font-weight: 500;
      display: block; }
    .list-km-rw .post-location {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .list-km-rw .post-date {
      margin-bottom: 5px; }
  
  @media (max-width: 768px) {
    .quanhuyen-expand .col-sm-6 {
      margin-bottom: 20px; } }
  
  .section-tien-ich,
  .section-dvc,
  .section-pakn, .section-hotro {
    min-height: calc(100vh - 400px);
    padding-bottom: 30px; }
  
  .box-search-dvc {
    margin-bottom: 30px;
    position: relative;
    padding-right: 180px; }
    .box-search-dvc .btn {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 170px; }
    .box-search-dvc.-adv .form-control {
      padding-right: 260px; }
    .box-search-dvc.-adv .box-search .btn {
      width: 60px;
      border: 1px solid #e2e2e2;
      border-left: 0px; }
    @media (max-width: 768px) {
      .box-search-dvc {
        padding-right: 0px; }
        .box-search-dvc .btn {
          margin-top: 10px;
          position: relative;
          width: 100%; } }
  
  .section-giothieu {
    margin-bottom: 30px; }
    .section-giothieu .list-intro-info {
      display: grid;
      margin: 0px -15px;
      grid-template-columns: 33.33% 33.333% 33.333%; }
      .section-giothieu .list-intro-info .item {
        padding: 15px;
        margin-bottom: 0px; }
      @media (max-width: 768px) {
        .section-giothieu .list-intro-info {
          display: block;
          grid-template-columns: 100%; } }
    .section-giothieu .box-about-slogan {
      padding: 40px 20px;
      text-align: center;
      background: rgba(242, 166, 52, 0.2);
      border-radius: 4px;
      margin-bottom: 30px;
      font-size: 20px;
      line-height: 28px;
      background-image: url(../img/gioithieu/hac.svg);
      background-position: bottom right;
      background-repeat: no-repeat;
      background-size: 250px auto; }
      .section-giothieu .box-about-slogan p {
        margin-bottom: 10px; }
      .section-giothieu .box-about-slogan .content {
        max-width: 768px;
        margin: auto; }
    .section-giothieu .list-roadmap {
      padding-right: 20px;
      margin: 0px -15px; }
      .section-giothieu .list-roadmap .item {
        width: 25%;
        float: left;
        padding: 0px 15px; }
        .section-giothieu .list-roadmap .item:first-child {
          width: 50%; }
      .section-giothieu .list-roadmap:after {
        content: "";
        display: block;
        clear: both; }
      .section-giothieu .list-roadmap .year {
        font-size: 24px;
        font-weight: 500;
        color: #CE7A58;
        margin-bottom: 20px; }
      .section-giothieu .list-roadmap .line {
        height: 5px;
        background: #FCEDD6;
        position: relative;
        margin-bottom: 20px;
        margin-left: -15px;
        margin-right: -15px; }
        .section-giothieu .list-roadmap .line:before {
          content: "";
          width: 15px;
          height: 15px;
          border-radius: 50%;
          background: #CE7A58;
          position: absolute;
          left: 15px;
          top: 0px;
          bottom: 0px;
          margin: auto; }
      .section-giothieu .list-roadmap .item:first-child .line {
        margin-left: 0px; }
        .section-giothieu .list-roadmap .item:first-child .line:before {
          left: 0px; }
      .section-giothieu .list-roadmap .item:last-child .line:after {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #FCEDD6;
        right: -10px;
        top: 0px;
        bottom: 0px;
        margin: auto; }
      @media (max-width: 768px) {
        .section-giothieu .list-roadmap {
          margin: 0px; }
          .section-giothieu .list-roadmap .item {
            width: 100%;
            padding-left: 30px;
            position: relative;
            padding-bottom: 20px;
            border-left: 5px solid #FCEDD6; }
            .section-giothieu .list-roadmap .item:first-child {
              width: 100%; }
            .section-giothieu .list-roadmap .item:last-child .line:after {
              display: none; }
            .section-giothieu .list-roadmap .item:last-child:after {
              content: "";
              position: absolute;
              bottom: -6px;
              left: -12px;
              width: 0px;
              height: 0px;
              border-left: 10px solid transparent;
              border-right: 10px solid transparent;
              border-top: 15px solid #FCEDD6; }
          .section-giothieu .list-roadmap .line {
            border: 0px;
            background: none;
            top: 10px;
            left: -10px;
            position: absolute; }
          .section-giothieu .list-roadmap .year {
            margin-bottom: 10px; } }
  
  .post-image {
    display: block;
    background-size: cover;
    background-position: center; }
    .post-image img {
      opacity: 0;
      display: block;
      width: 100%; }
  
  .post-date {
    color: #8F969C; }
  
  .list-news .item {
    margin-bottom: 30px; }
  
  .list-news .post-image {
    margin-bottom: 10px; }
    .list-news .post-image img {
      width: 100%; }
  
  .list-news .post-title {
    margin-bottom: 10px;
    font-size: 22px; }
    .list-news .post-title > a {
      height: 60px;
      overflow: hidden;
      font-weight: 600;
      line-height: 30px;
      margin-right: 0em;
      padding-right: 1em;
      position: relative;
      text-align: justify;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
  
  .list-news .post-desc {
    height: 75px;
    text-align: justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
  
  .sidebar-news .head {
    background: rgba(30, 47, 65, 0.1);
    color: #1E2F41;
    padding: 10px;
    font-weight: 500;
    border-radius: 0px; }
  
  .sidebar-news .links li {
    padding: 10px 0px;
    border-bottom: 1px solid #E9F0F8;
    position: relative;
    padding-left: 25px;
    font-size: 14px; }
    .sidebar-news .links li:before {
      content: "\f105";
      position: absolute;
      top: 7px;
      left: 5px;
      color: #CE7A58;
      font-family: FontAwesome; }
    .sidebar-news .links li:last-child {
      border-bottom: 0px; }
    .sidebar-news .links li a {
      font-weight: bold;
      line-height: 20px;
      color: #1E2F41; }
      .sidebar-news .links li a:hover {
        color: #CE7A58;
        text-decoration: none; }
  
  .box-tcqrcode .top {
    max-width: 768px;
    display: table;
    width: 100%;
    margin: auto; }
    .box-tcqrcode .top .image, .box-tcqrcode .top .content {
      display: table-cell;
      vertical-align: middle; }
    .box-tcqrcode .top .image {
      width: 285px; }
    .box-tcqrcode .top .content {
      padding-left: 40px; }
    .box-tcqrcode .top .title {
      font-size: 22px;
      font-weight: 500;
      line-height: 32px; }
    .box-tcqrcode .top .actions a {
      padding: 5px;
      display: inline-block; }
    .box-tcqrcode .top .actions img {
      height: 50px; }
    @media (max-width: 768px) {
      .box-tcqrcode .top {
        display: block;
        text-align: center; }
        .box-tcqrcode .top .image, .box-tcqrcode .top .content {
          display: inline-block;
          padding: 0px; } }
  
  .box-tcqrcode .intro-steps .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px; }
  
  .box-tcqrcode .intro-steps .steps-in {
    text-align: center; }
    .box-tcqrcode .intro-steps .steps-in:after {
      content: "";
      display: block;
      clear: both; }
    .box-tcqrcode .intro-steps .steps-in .item {
      width: 25%;
      float: left; }
    .box-tcqrcode .intro-steps .steps-in .text {
      padding: 0px 20px; }
    .box-tcqrcode .intro-steps .steps-in .image {
      display: inline-block;
      max-width: 140px;
      margin-bottom: 20px; }
    .box-tcqrcode .intro-steps .steps-in .icon {
      position: relative;
      margin-bottom: 20px; }
      .box-tcqrcode .intro-steps .steps-in .icon:before {
        content: "";
        height: 2px;
        background: #E5EADB;
        position: absolute;
        top: 0px;
        left: 50%;
        width: 100%;
        bottom: 0px;
        margin: auto; }
      .box-tcqrcode .intro-steps .steps-in .icon span {
        z-index: 10;
        position: relative;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: inline-block;
        background: #7C964C;
        color: #fff;
        line-height: 60px;
        text-align: center; }
    .box-tcqrcode .intro-steps .steps-in .item:last-child .icon:before {
      display: none; }
    @media (max-width: 768px) {
      .box-tcqrcode .intro-steps .steps-in .item {
        padding: 20px 0px;
        width: 100%;
        padding-left: 80px;
        position: relative; }
      .box-tcqrcode .intro-steps .steps-in .icon {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px; }
        .box-tcqrcode .intro-steps .steps-in .icon:before {
          width: 2px;
          height: 100%;
          left: 30px; } }
  
  .popup-lthue .info-row.-inline .key {
    color: #1E2F41;
    width: auto; }
  
  .popup-lthue .info-row.-inline .value {
    text-align: right;
    width: 160px; }
  
  .box-content-lktk .box-c {
    margin-bottom: 20px; }
  
  .box-content-lktk .title {
    font-size: 22px;
    font-weight: bold; }
  
  .box-content-lktk .head {
    margin-bottom: 20px; }
  
  .box-content-lktk .item {
    padding: 25px 0px;
    border-top: 1px solid #e2e2e2;
    position: relative;
    padding-left: 70px;
    font-weight: bold;
    padding-right: 120px; }
    .box-content-lktk .item .icon {
      position: absolute;
      top: 10px;
      left: 0px;
      width: 50px; }
    .box-content-lktk .item .cancel {
      position: absolute;
      top: 25px;
      right: 0px;
      font-weight: normal; }
    @media (max-width: 768px) {
      .box-content-lktk .item {
        padding-top: 10px;
        padding-right: 0px; }
        .box-content-lktk .item .cancel {
          position: relative;
          top: 0px; } }
  
  .dvc-static-item {
    text-align: center;
    margin-bottom: 20px;
    color: #CE7A58; }
    .dvc-static-item .title {
      font-size: 28px;
      font-weight: 500;
      margin-bottom: 10px; }
    .dvc-static-item .value {
      font-size: 48px;
      font-weight: bold;
      border-top: 4px solid #CE7A58;
      padding: 30px 10px;
      border-radius: 4px;
      background: rgba(143, 150, 156, 0.1); }
    .dvc-static-item.-second {
      color: #903938; }
      .dvc-static-item.-second .value {
        border-top-color: #903938; }
    .dvc-static-item.-third {
      color: #67A99F; }
      .dvc-static-item.-third .value {
        border-top-color: #67A99F; }
  
  .dvc-tabs {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px; }
    .dvc-tabs:after {
      content: "";
      display: block;
      clear: both; }
    .dvc-tabs li {
      width: 50%;
      float: left;
      border-bottom: 3px solid #CE7A58; }
      .dvc-tabs li > a {
        padding: 10px;
        font-size: 28px;
        display: block;
        color: #1E2F41;
        text-align: center;
        font-weight: 500;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px; }
      .dvc-tabs li.active > a {
        background: #CE7A58;
        color: #fff; }
  
  .table-dvc-info {
    width: 100%;
    border: 1px solid #e2e2e2;
    font-weight: 500; }
    .table-dvc-info th, .table-dvc-info td {
      padding: 7px 10px; }
    .table-dvc-info th {
      background: rgba(30, 47, 65, 0.1);
      font-weight: 500; }
    .table-dvc-info td {
      border-bottom: 1px solid #e2e2e2; }
  
  .dvc-list {
    list-style: none;
    margin: 0px;
    padding: 0px; }
    .dvc-list > li {
      border-bottom: 1px solid #e2e2e2; }
      .dvc-list > li > a {
        padding: 10px 15px;
        display: block; }
  
  .sidebar-congdan.-bncq .body {
    padding: 0px; }
  
  .bg-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  
  .banner-text-ncovi {
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 50px;
    font-family: Lora;
    color: #fff;
    line-height: 1.4;
    font-weight: bold; }
  
  .item-number .number {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #7C964C;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    margin-right: 5px; }
  
  .item-number .title {
    display: inline-block; }
  
  .bg-note-box {
    background: rgba(255, 198, 0, 0.15);
    padding: 10px; }
  
  .box-statis-row .row {
    margin: 0px -2px; }
  
  .box-statis-row .col-xs-12 {
    padding: 0px 2px; }
  
  .box-statis-row .title {
    height: 76px !important;
    overflow: hidden; }
  
  @media (max-width: 768px) {
    .box-statis-row .main-title.-number {
      margin: 0px;
      margin-bottom: 5px !important; }
    .box-statis-row .title {
      font-size: 18px !important;
      height: auto !important; }
    .box-statis-row .value {
      font-size: 32px !important; } }
  
  .list-tb-lichhen .item {
    display: table;
    width: 100%;
    padding: 15px 0px;
    border-bottom: 1px solid #E9F0F8;
    position: relative; }
    .list-tb-lichhen .item:last-child {
      border-bottom: 0px; }
    .list-tb-lichhen .item .icon, .list-tb-lichhen .item .text-content, .list-tb-lichhen .item .actions {
      display: table-cell;
      vertical-align: top; }
    .list-tb-lichhen .item .link {
      white-space: nowrap; }
    .list-tb-lichhen .item .text-content {
      padding: 0px 20px;
      line-height: 1.4333; }
    .list-tb-lichhen .item .icon span {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      line-height: 48px;
      text-align: center;
      font-size: 24px;
      background: rgba(206, 122, 88, 0.1);
      color: #CE7A58;
      display: block; }
    @media (max-width: 768px) {
      .list-tb-lichhen .item {
        display: block;
        padding-left: 80px; }
        .list-tb-lichhen .item .icon, .list-tb-lichhen .item .text-content, .list-tb-lichhen .item .actions {
          display: block;
          padding: 0px; }
        .list-tb-lichhen .item .icon {
          position: absolute;
          top: 15px;
          left: 0px; } }
  
  .section-dvc.-dkx .bg-cover {
    background-size: 600px;
    background-position: top right;
    background-repeat: no-repeat; }
  
  .section-dvc.-dkx .sidebar-congdan .head {
    background: #CE7A58;
    color: #fff; }
  
  .hotro-album {
    text-align: center;
    height: 400px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap; }
    .hotro-album .item {
      display: inline-block;
      vertical-align: bottom;
      cursor: pointer; }
      .hotro-album .item img {
        height: 160px;
        transition: all 0.1s ease; }
      .hotro-album .item.active img {
        transition: all 0.1s ease;
        height: 400px; }
  
  .list-banan .item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e2e2; }
    .list-banan .item:last-child {
      border-bottom: 0px;
      margin-bottom: 0px;
      padding-bottom: 0px; }
    .list-banan .item .title {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 7px;
      color: #CE7A58;
      display: block; }
      .list-banan .item .title:hover {
        color: #903938; }
    .list-banan .item .li {
      margin-bottom: 10px;
      font-size: 16px; }
    .list-banan .item .btn {
      color: #CE7A58;
      font-size: 14px;
      height: auto;
      min-width: 0px;
      padding-top: 3px;
      padding-bottom: 3px; }
      .list-banan .item .btn .icon {
        margin-right: 5px; }
      .list-banan .item .btn:hover {
        color: #fff; }
  
  .list-qdhd .item {
    margin-bottom: 20px;
    border: 1px solid #e2e2e2;
    border-radius: 5px; }
    .list-qdhd .item .title {
      padding: 7px 20px;
      background: #f6f6f6;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      font-weight: 600; }
      .list-qdhd .item .title .icon {
        color: #CE7A58;
        margin-right: 5px; }
    .list-qdhd .item .body {
      padding: 10px 20px; }
    .list-qdhd .item .top {
      display: table;
      width: 100%; }
      .list-qdhd .item .top .li {
        display: table-cell;
        padding-right: 10px;
        vertical-align: middle;
        line-height: 1.4em; }
        .list-qdhd .item .top .li.date {
          padding-left: 10px;
          border-left: 1px solid #CE7A58;
          white-space: nowrap;
          width: 100px; }
    .list-qdhd .item .att {
      position: relative;
      cursor: pointer; }
      .list-qdhd .item .att:hover > .text {
        color: #CE7A58 !important; }
      .list-qdhd .item .att:hover .show-content {
        display: block; }
      .list-qdhd .item .att .show-content {
        background: #fff;
        width: 100%;
        position: absolute;
        width: 700px;
        padding: 5px;
        display: none;
        box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); }
      .list-qdhd .item .att .tb-thuoctinh {
        width: 100%; }
        .list-qdhd .item .att .tb-thuoctinh td {
          border: 1px solid #e2e2e2;
          padding: 5px 10px; }
          .list-qdhd .item .att .tb-thuoctinh td:nth-child(2n+1) {
            font-weight: bold;
            background: #f9f9f9; }
  
  .list-qdhd .btn {
    color: #CE7A58;
    font-size: 14px;
    height: auto;
    min-width: 0px;
    padding-top: 3px;
    padding-bottom: 3px; }
    .list-qdhd .btn .icon {
      margin-right: 5px; }
    .list-qdhd .btn:hover {
      color: #fff; }
  
  .box-anle .table-anle {
    width: 100%; }
    .box-anle .table-anle td, .box-anle .table-anle th {
      padding: 7px 10px;
      border: 1px solid #e2e2e2 !important; }
    .box-anle .table-anle th {
      text-align: center;
      background: #ce7a5821; }
    .box-anle .table-anle .icon-calendar-full {
      color: #848484;
      font-size: 14px;
      margin-right: 5px; }
    .box-anle .table-anle .btn {
      color: #CE7A58;
      font-size: 14px;
      height: auto;
      min-width: 0px;
      padding-top: 3px;
      padding-bottom: 3px;
      margin-top: 10px; }
      .box-anle .table-anle .btn .icon {
        margin-right: 5px; }
      .box-anle .table-anle .btn:hover {
        color: #fff; }
  
  .box-extend-new {
    margin-top: 60px; }
    .box-extend-new .box-ex .title {
      font-size: 23px;
      font-weight: bold;
      text-align: center;
      padding: 7px 20px;
      text-transform: uppercase;
      color: #67A99F;
      border-top: 4px solid #67A99F;
      background: rgba(103, 169, 159, 0.1);
      margin-bottom: 10px; }
    .box-extend-new .box-ex.no2 .title {
      color: #CE7A58;
      border-top-color: #CE7A58;
      background: #F4F0EB; }
    .box-extend-new .box-ex .body {
      background: #F5F5F5;
      border-radius: 8px;
      padding: 20px 40px;
      min-height: 490px; }
    .box-extend-new .box-ex a {
      display: table;
      width: 100%;
      margin-bottom: 20px; }
      .box-extend-new .box-ex a:hover {
        color: #CE7A58; }
      .box-extend-new .box-ex a .icon {
        display: table-cell;
        width: 36px;
        vertical-align: middle; }
      .box-extend-new .box-ex a .text-m {
        display: table-cell;
        padding-left: 20px;
        font-weight: 400;
        vertical-align: middle; }
    .box-extend-new .sl-box-app {
      text-align: center;
      cursor: pointer; }
      .box-extend-new .sl-box-app .item {
        margin: 0px 20px;
        max-width: 320px;
        display: inline-block;
        font-size: 20px;
        font-weight: 600;
        vertical-align: top; }
        .box-extend-new .sl-box-app .item:hover .popup-tool {
          visibility: visible;
          opacity: 1;
          transition: all 0.3s ease; }
        .box-extend-new .sl-box-app .item:hover > .text-m {
          color: #CE7A58; }
      .box-extend-new .sl-box-app .text-m {
        position: relative; }
        .box-extend-new .sl-box-app .text-m .popup-tool {
          width: 400px;
          position: absolute;
          bottom: 100%;
          margin-bottom: 20px;
          right: 70%;
          font-size: 18px;
          font-weight: normal;
          border-radius: 8px;
          padding: 20px;
          z-index: 10;
          background: #fff;
          line-height: 1.55556;
          border: 1px solid #e2e2e2;
          visibility: hidden;
          opacity: 0;
          transition: all 0.3s ease;
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
          .box-extend-new .sl-box-app .text-m .popup-tool a {
            display: inline-block; }
          .box-extend-new .sl-box-app .text-m .popup-tool:before, .box-extend-new .sl-box-app .text-m .popup-tool:after {
            content: "";
            position: absolute;
            bottom: -10px;
            right: 20px;
            width: 0px;
            height: 0px;
            z-index: 1;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #fff; }
          .box-extend-new .sl-box-app .text-m .popup-tool:after {
            z-index: 0;
            bottom: -12px;
            right: 18px;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 12px solid #e2e2e2; }
      .box-extend-new .sl-box-app .icon {
        width: 170px;
        height: 170px;
        background-color: #ce7a581a;
        border-radius: 50%;
        margin: auto;
        position: relative;
        margin-bottom: 20px; }
        .box-extend-new .sl-box-app .icon img {
          width: 88px;
          height: 88px;
          object-fit: contain;
          position: absolute;
          top: 0;
          bottom: 0px;
          left: 0px;
          right: 0px;
          margin: auto; }
  
  .tabs-dkxe {
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
    justify-content: space-between; }
    .tabs-dkxe li {
      width: calc(50% - 10px); }
    .tabs-dkxe a {
      padding: 5px 10px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      width: 100%;
      background-color: #f3f3f3;
      position: relative; }
      .tabs-dkxe a:before {
        content: "";
        position: absolute;
        height: 5px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: transparent; }
    .tabs-dkxe .active > a {
      background-color: #F3EAE7;
      color: #CE7A58; }
      .tabs-dkxe .active > a:before {
        background-color: #CE7A58; }
    .tabs-dkxe .icon {
      font-size: 60px;
      margin-right: 10px; }
    @media (max-width: 480px) {
      .tabs-dkxe {
        display: block; }
        .tabs-dkxe a {
          font-size: 16px; }
        .tabs-dkxe .icon {
          font-size: 48px; }
        .tabs-dkxe li {
          width: 100%;
          margin-bottom: 5px; } }
  
  /*
  
      Quan tri
  */
  .quan-tri-sidebar {
    background: #fff;
    border: 1px solid #E5E5E5;
    padding: 15px 0px; }
    .quan-tri-sidebar .title {
      font-size: 20px;
      font-weight: 500;
      padding: 10px 20px;
      color: #2A6EBB; }
    .quan-tri-sidebar .box {
      margin-bottom: 10px;
      padding-bottom: 10px;
      position: relative; }
      .quan-tri-sidebar .box:after {
        content: "";
        height: 1px;
        left: 20px;
        right: 20px;
        bottom: 0px;
        background: #e5e5e5;
        position: absolute; }
      .quan-tri-sidebar .box:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px; }
        .quan-tri-sidebar .box:last-child:after {
          display: none; }
    .quan-tri-sidebar .menus li > a {
      display: block;
      font-weight: 500;
      color: #2A6EBB;
      padding: 10px 20px;
      padding-left: 50px; }
    .quan-tri-sidebar .menus li.active > a, .quan-tri-sidebar .menus li:hover > a {
      background: #EAF0F8; }
  
  .form-title {
    font-size: 28px;
    display: block;
    margin: 0px;
    margin-bottom: 30px;
    font-weight: 300;
    line-height: 40px; }
  
  .box-form-wrapper {
    border: 1px solid #e5e5e5;
    padding: 20px;
    margin-bottom: 20px;
    background: #fff; }
    .box-form-wrapper .actions {
      text-align: center; }
      .box-form-wrapper .actions .btn {
        max-width: 200px;
        width: 100%; }
  
  .box-form-result .head {
    margin-bottom: 20px; }
    .box-form-result .head .btn-add-new {
      border: 1px solid #B2B2B2;
      padding: 5px 30px;
      border-radius: 0px;
      color: #CE7A58;
      text-transform: uppercase;
      font-weight: 500; }
      .box-form-result .head .btn-add-new:hover {
        background: #CE7A58;
        color: #fff;
        border-color: #CE7A58; }
  
  .box-form-result .table-result {
    width: 100%; }
    .box-form-result .table-result th, .box-form-result .table-result td {
      padding: 15px 10px; }
  
  .popup-box .modal-content {
    border-radius: 0px;
    box-shadow: none;
    border: 0px; }
  
  .popup-box .popup-title {
    font-size: 26px;
    display: block;
    margin-bottom: 30px;
    color: #67A99F;
    display: block;
    text-align: center; }
  
  .popup-box .modal-body {
    padding: 40px; }
    @media (max-width: 768px) {
      .popup-box .modal-body {
        padding: 20px; } }
  
  .popup-box .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    line-height: 22px;
    height: 24px;
    text-align: center;
    color: #000;
    font-size: 20px; }
  
  .form-horizontal .control-label {
    text-align: left; }
  
  @media (max-width: 768px) {
    .form-horizontal .form-group {
      margin-bottom: 0px; }
    .form-horizontal .form-control {
      margin-bottom: 20px; }
    .form-horizontal .has-error .form-control {
      margin-bottom: 0px; } }
  
  .form-group {
    margin-bottom: 20px; }
  
  .select-file {
    position: relative;
    display: inline-block;
    cursor: pointer; }
    .select-file:hover .btn {
      background: #CE7A58;
      color: #fff; }
    .select-file .file {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0px;
      opacity: 0;
      z-index: 2;
      cursor: pointer; }
    .select-file .btn {
      border: 1px solid #CE7A58;
      color: #CE7A58;
      background: #fff; }
  
  .captcha {
    position: relative;
    display: table;
    width: 100%; }
    .captcha .code {
      padding: 0px 10px;
      display: table-cell;
      top: 0px;
      vertical-align: top;
      right: 45px;
      height: 36px;
      text-align: center;
      line-height: 36px;
      font-size: 18px;
      letter-spacing: 2px; }
    .captcha .form-control {
      display: table-cell;
      vertical-align: middle; }
    .captcha .btn-reload {
      width: 40px;
      display: table-cell;
      top: 0px;
      right: 0px;
      min-width: 0px;
      height: 36px;
      vertical-align: middle;
      background: none;
      font-size: 24px;
      line-height: 40px;
      padding: 0px;
      border: 1px solid #CE7A58; }
      .captcha .btn-reload:hover {
        background: #CE7A58;
        color: #fff; }
    @media (max-width: 420px) {
      .captcha {
        display: block;
        padding-right: 50px; }
        .captcha .btn-reload {
          position: absolute;
          top: 0px;
          right: 0px; }
        .captcha .code, .captcha .btn-reload {
          display: block; }
        .captcha .code {
          padding: 10px 0px;
          margin-bottom: 20px; }
          .captcha .code img {
            height: auto !important;
            width: 100%; } }
    .captcha.distab .cell {
      display: table-cell;
      padding-right: 10px;
      vertical-align: middle; }
    .captcha.distab .code, .captcha.distab .btn-reload {
      display: block; }
    .captcha.distab .code {
      border: 1px solid #2A6EBB;
      vertical-align: middle; }
  
  .list-file-image {
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
    white-space: nowrap;
    overflow: auto;
    list-style: none; }
    .list-file-image > li {
      display: inline-block;
      margin-right: 5px;
      margin-bottom: 5px;
      vertical-align: middle; }
      .list-file-image > li .file {
        width: 120px;
        height: 160px;
        border-radius: 4px;
        background-color: #E2E2E2;
        border: 1px solid #B2B2B2;
        position: relative;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat; }
        .list-file-image > li .file:before {
          content: "";
          position: absolute;
          top: 0px;
          left: 0px;
          right: 0px;
          bottom: 0px;
          z-index: 1;
          visibility: hidden;
          opacity: 0;
          transition: all 0.3s ease;
          background: rgba(255, 255, 255, 0.7); }
        .list-file-image > li .file .close {
          z-index: 2;
          position: absolute;
          width: 30px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          top: 0px;
          right: 0px;
          visibility: hidden;
          transition: all 0.3s ease;
          text-shadow: none; }
        .list-file-image > li .file:hover:before {
          visibility: visible;
          opacity: 1;
          transition: all 0.3s ease; }
        .list-file-image > li .file:hover .close {
          visibility: visible;
          transition: all 0.3s ease; }
    .list-file-image .addnew {
      line-height: 160px;
      text-align: center; }
      .list-file-image .addnew .plus {
        line-height: 160px;
        width: 36px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto;
        background: #fff;
        border: 1px solid #8F969C;
        border-radius: 50%; }
  
  .sidebar {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    margin-bottom: 20px; }
    .sidebar .head {
      background: rgba(30, 47, 65, 0.1);
      font-size: 20px;
      padding: 5px 15px;
      border-top-right-radius: 4px;
      border-top-left-radius: 4px; }
    .sidebar .body {
      padding: 15px; }
    .sidebar .info .key {
      font-size: 16px;
      display: block; }
    .sidebar .info .value {
      display: block;
      font-size: 22px;
      font-weight: 500; }
    .sidebar .info.-icon {
      position: relative;
      padding-right: 40px; }
      .sidebar .info.-icon .icon {
        position: absolute;
        top: 5px;
        right: 0px; }
  
  .divider-gray {
    margin: 20px 0px;
    height: 1px;
    background: #E9F0F8; }
  
  .input-icon-left {
    position: relative; }
    .input-icon-left .form-control {
      padding-left: 35px;
      height: 36px; }
    .input-icon-left .icon {
      position: absolute;
      top: 10px;
      left: 10px;
      font-size: 20px; }
  
  .post-title {
    margin: 0px;
    margin-bottom: 15px;
    font-size: 18px; }
    .post-title > a {
      text-align: left;
      display: block;
      font-weight: 500;
      line-height: 26px; }
      .post-title > a:hover {
        color: #bc5d37; }
  
  .post-shortdesc {
    text-align: justify;
    margin-bottom: 5px; }
  
  .post-cat {
    font-size: 14px;
    line-height: 22px;
    color: #666; }
  
  .post-info {
    font-size: 16px;
    color: #666;
    margin-bottom: 7px; }
    .post-info .status {
      margin-left: 15px; }
  
  .bor0 {
    border-bottom: 0px !important; }
  
  .status {
    white-space: nowrap; }
    .status.marl0 {
      margin-left: 0px; }
    .status.-replied {
      color: #36B37E; }
    .status.-noanswer {
      color: #FFAB00; }
    .status.-tn {
      color: #903938; }
    .status.-tkq {
      color: #7C964C; }
    .status.-dangxl {
      color: #EAA031; }
  
  .list-link-account .item {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E9F0F8; }
    .list-link-account .item:last-child {
      margin-bottom: 0px;
      padding-bottom: 0px;
      border-bottom: 0px; }
  
  .list-link-account .info-row {
    margin-bottom: 20px;
    display: table;
    width: 100%;
    padding-right: 50px;
    position: relative; }
    .list-link-account .info-row .key, .list-link-account .info-row .value {
      display: table-cell; }
    .list-link-account .info-row .key {
      width: 160px; }
  
  .list-link-account .actions {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 0px !important; }
    .list-link-account .actions .link {
      margin-right: 5px; }
  
  .list-link-account .title {
    margin-bottom: 20px; }
    .list-link-account .title > a {
      font-size: 20px;
      font-weight: 500;
      color: #2A6EBB; }
      .list-link-account .title > a:hover {
        text-decoration: underline; }
  
  @media (max-width: 768px) {
    .list-link-account .info-row {
      display: block;
      padding-right: 0px; }
      .list-link-account .info-row .key, .list-link-account .info-row .value {
        display: block; }
    .list-link-account .actions {
      position: relative;
      margin-top: 10px !important; } }
  
  .info-dd-check .item {
    padding-right: 60px;
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 15px; }
  
  .info-dd-check .status {
    position: absolute;
    top: 0px;
    right: 0px; }
    .info-dd-check .status.-confirm {
      color: #7C964C; }
    .info-dd-check .status.-warning {
      color: #FFB300; }
    .info-dd-check .status.-empty {
      color: #e53935; }
  
  .info-dd-check .key, .info-dd-check .value {
    display: table-cell; }
  
  .info-dd-check .key {
    width: 250px; }
  
  .info-dd-check .value {
    font-weight: 500; }
  
  @media (max-width: 768px) {
    .info-dd-check .item {
      display: block; }
    .info-dd-check .key, .info-dd-check .value {
      display: block; } }
  
  .list-noti-marquee {
    white-space: nowrap;
    border-bottom: 1px solid #E9F0F8; }
    .list-noti-marquee .item {
      padding: 7px 20px;
      display: inline-block;
      position: relative;
      padding-left: 20px; }
      .list-noti-marquee .item:before {
        content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        background: #CE7A58;
        position: absolute;
        top: 20px;
        left: 5px; }
  
  .kyso-tooltip {
    position: relative; }
    .kyso-tooltip:hover .tooltip {
      display: block;
      opacity: 1; }
    .kyso-tooltip > .icon {
      color: rgba(13, 129, 80, 0.62);
      cursor: pointer; }
    .kyso-tooltip .tooltip {
      border: 1px solid #ccc;
      border-radius: 4px;
      background-color: #D9D9D9;
      top: -10px;
      left: 100%;
      white-space: nowrap;
      padding: 5px 10px;
      margin-left: 10px; }
      .kyso-tooltip .tooltip:before {
        content: "";
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: -8px;
        width: 0px;
        height: 0px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 8px solid #d9d9d9;
        margin: auto;
        z-index: 2; }
      .kyso-tooltip .tooltip::after {
        content: "";
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: -10px;
        width: 0px;
        height: 0px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 10px solid #ccc;
        margin: auto; }
      .kyso-tooltip .tooltip .title {
        font-weight: 500;
        margin-bottom: 3px; }
  
  .group-buttons {
    display: flex;
    justify-content: center;
    column-gap: 10px;
    row-gap: 10px;
    flex-wrap: wrap;
    margin-top: 30px; }
  
  .list-files-gt .item {
    display: flex;
    column-gap: 10px;
    margin-bottom: 10px; }
  
  .list-files-gt .text-content {
    flex: 1;
    min-width: 0px;
    border: 1px solid #e2e2e2;
    display: flex;
    column-gap: 10px;
    align-items: center;
    border-radius: 4px;
    padding: 5px 10px; }
    .list-files-gt .text-content .icon {
      font-size: 48px;
      color: #CE7A58; }
    .list-files-gt .text-content .text-m {
      flex: 1;
      min-width: 0px; }
    .list-files-gt .text-content .title {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .list-files-gt .text-content .size {
      font-size: 14px;
      font-weight: normal; }
  
  .list-files-gt .btn {
    height: auto;
    display: flex;
    width: 55px;
    min-width: 0px;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #e2e2e2; }
  
  .pakn-chude .item {
    width: 16.6667%;
    float: left;
    padding: 0px 7px;
    margin-bottom: 30px; }
    .pakn-chude .item:nth-child(6n+7) {
      clear: both; }
    @media (max-width: 991px) {
      .pakn-chude .item {
        width: 25%; }
        .pakn-chude .item:nth-child(4n+5) {
          clear: both; }
        .pakn-chude .item:nth-child(6n+7) {
          clear: none; } }
    @media (max-width: 520px) {
      .pakn-chude .item {
        width: 50%; }
        .pakn-chude .item:nth-child(4n+5) {
          clear: none; }
        .pakn-chude .item:nth-child(6n+7) {
          clear: none; }
        .pakn-chude .item:nth-child(2n+3) {
          clear: both; } }
  
  .pakn-chude .wrap {
    display: block;
    text-align: center; }
  
  .pakn-chude .icon {
    margin-bottom: 20px;
    display: inline-block; }
    .pakn-chude .icon img {
      height: 45px; }
  
  .pakn-chude .text {
    display: block; }
  
  .pakn-chude:after {
    content: "";
    display: block;
    clear: both; }
  
  .thick {
    font-weight: 500; }
  
  .file {
    position: relative;
    padding-left: 80px; }
    .file .icon {
      width: 70px;
      height: 70px;
      line-height: 70px;
      font-size: 24px;
      background: #CE7A58;
      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(234, 160, 49, 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: #848484;
      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: #CE7A58;
      cursor: pointer; }
      .file .remove:hover {
        color: #903938; }
  
  .section-pakn .form-bg-main {
    background: rgba(234, 160, 49, 0.1);
    border: none; }
  
  .section-pakn .box-search .input-icon-left {
    margin-bottom: 10px; }
  
  .section-pakn .box-search .btn-main {
    width: 100%; }
  
  .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 .item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
    padding-left: 140px;
    position: relative;
    min-height: 100px;
    border-bottom: 1px solid #E9F0F8; }
    .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(234, 160, 49, 0.1);
      border-radius: 50%;
      padding: 20px 15px;
      text-align: center;
      display: block; }
      .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; }
          .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 #E9F0F8; }
    .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; }
    .section-pakn .ques-item .title {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 10px; }
    .section-pakn .ques-item.-answer .file .icon {
      background: #7C964C; }
    .section-pakn .ques-item.-answer .file .content {
      background: rgba(124, 150, 76, 0.1); }
    @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; }
  
  .comments .item {
    position: relative;
    padding-left: 80px;
    min-height: 60px;
    margin-bottom: 30px; }
    .comments .item .avatar {
      width: 60px;
      height: 60px;
      position: absolute;
      top: 5px;
      left: 0px; }
    .comments .item .name {
      font-size: 20px;
      font-weight: 500; }
  
  .article {
    line-height: 24px;
    text-align: justify; }
    .article p, .article div, .article li {
      margin-bottom: 20px; }
  
  .attach-files ol, .attach-files ul, .attach-files li, .attach-files textarea {
    text-align: left; }
  
  .attach-files .link {
    max-width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap; }
  
  .filename {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  
  .col-sm-6:nth-child(2n+3) {
    clear: both; }
  
  .section-account .btn, .section-account .form-control {
    font-size: 16px;
    height: auto; }
  
  .section-account .widget {
    padding: 20px 10px;
    border: 1px solid #e2e2e2; }
    .section-account .widget .user {
      text-align: center;
      padding: 0px; }
    .section-account .widget .username {
      display: block; }
    .section-account .widget .avatar {
      margin-bottom: 10px;
      width: 80px;
      height: 80px;
      display: inline-block;
      position: relative; }
    .section-account .widget .box-info {
      text-align: center; }
      .section-account .widget .box-info .info {
        display: inline-block;
        padding: 0px 7px;
        border-left: 1px solid #E9F0F8; }
        .section-account .widget .box-info .info:first-child {
          border-left: 0px; }
      .section-account .widget .box-info .value {
        font-size: 26px;
        margin-bottom: 7px;
        font-weight: 500; }
      .section-account .widget .box-info .key {
        font-size: 16px; }
  
  .section-account .list-menus {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-top: 20px;
    text-align: left; }
    .section-account .list-menus a {
      padding: 7px 5px;
      display: block;
      color: #1E2F41; }
      .section-account .list-menus a:hover {
        background: rgba(206, 122, 88, 0.08); }
    .section-account .list-menus li {
      position: relative; }
      .section-account .list-menus li.active > a {
        background: rgba(206, 122, 88, 0.08); }
      .section-account .list-menus li.open > ul {
        display: block; }
      .section-account .list-menus li.open > a .down {
        transform: rotate(90deg); }
      .section-account .list-menus li ul .down {
        top: 5px; }
    .section-account .list-menus .down {
      position: absolute;
      top: 15px;
      right: 0px;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      cursor: pointer; }
      .section-account .list-menus .down:before {
        content: "\f105";
        font-family: FontAwesome;
        color: #903938;
        font-size: 16px; }
    .section-account .list-menus > li {
      border-top: 1px solid #E9F0F8; }
      .section-account .list-menus > li > a {
        padding: 15px 10px;
        display: block;
        font-weight: 500;
        padding-left: 40px;
        position: relative; }
      .section-account .list-menus > li .icon {
        position: absolute;
        top: 15px;
        left: 5px;
        width: 20px; }
    .section-account .list-menus ul {
      margin: 0px;
      padding: 0px;
      list-style: none;
      padding-left: 30px;
      position: relative;
      display: none; }
      .section-account .list-menus ul li {
        position: relative; }
        .section-account .list-menus ul li:before {
          content: "";
          width: 15px;
          position: absolute;
          height: 1px;
          background: #e2e2e2;
          top: 15px;
          left: -20px; }
      .section-account .list-menus ul:before {
        content: "";
        width: 1px;
        bottom: 0px;
        top: -10px;
        left: 10px;
        position: absolute;
        background: #e2e2e2; }
    .section-account .list-menus > li > ul > li > ul {
      padding-left: 20px; }
      .section-account .list-menus > li > ul > li > ul:before {
        display: none; }
      .section-account .list-menus > li > ul > li > ul > li:before {
        width: 3px;
        height: 3px;
        background: #2A6EBB;
        left: -10px; }
      .section-account .list-menus > li > ul > li > ul > li.active > a {
        font-weight: 500; }
  
  .section-account .box .head {
    position: relative;
    margin-bottom: 30px;
    min-height: 70px;
    display: table;
    width: 100%; }
    .section-account .box .head .icon {
      display: table-cell;
      width: 70px; }
    .section-account .box .head .main-title {
      padding-left: 10px;
      display: table-cell;
      vertical-align: middle;
      margin-bottom: 5px;
      text-align: left; }
  
  .section-account .addnew-info {
    padding: 48px 20px;
    margin-bottom: 20px;
    text-align: center;
    background: rgba(206, 122, 88, 0.1);
    border-radius: 5px;
    overflow: hidden;
    border: 1px dashed rgba(206, 122, 88, 0.1); }
    .section-account .addnew-info .icon {
      margin-bottom: 20px;
      display: inline-block; }
    .section-account .addnew-info .title {
      height: 60px;
      overflow: hidden;
      font-weight: 500;
      color: #CE7A58; }
    .section-account .addnew-info .desc {
      font-size: 16px;
      height: 90px;
      line-height: 22px;
      overflow: hidden; }
    .section-account .addnew-info:hover {
      border-color: #CE7A58; }
  
  .section-account .danhsach {
    margin-bottom: 30px; }
    .section-account .danhsach .title {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 20px;
      color: #000;
      border-bottom: 1px solid #E9F0F8;
      padding-bottom: 10px; }
    .section-account .danhsach .table {
      color: #333;
      width: 100%;
      font-size: 14px; }
      .section-account .danhsach .table th {
        padding: 7px 15px;
        white-space: nowrap; }
      .section-account .danhsach .table th, .section-account .danhsach .table td {
        border: none !important; }
      .section-account .danhsach .table td {
        padding: 15px 15px; }
      .section-account .danhsach .table tr:nth-child(2n+1) td {
        background: rgba(206, 122, 88, 0.1); }
      @media (max-width: 768px) {
        .section-account .danhsach .table {
          display: block; }
          .section-account .danhsach .table thead {
            display: none; }
          .section-account .danhsach .table th, .section-account .danhsach .table td, .section-account .danhsach .table tr, .section-account .danhsach .table tbody {
            display: block; }
          .section-account .danhsach .table tr {
            border-bottom: 1px solid #E9F0F8;
            margin-bottom: 10px;
            padding-bottom: 10px; }
            .section-account .danhsach .table tr:last-child {
              border-bottom: 0px;
              margin-bottom: 0px;
              padding-bottom: 0px; }
          .section-account .danhsach .table td {
            text-align: left !important;
            border: 0px !important;
            padding: 5px 10px; }
            .section-account .danhsach .table td:before {
              content: attr(data-title);
              display: block;
              font-weight: bold; } }
  
  .section-account .dvc-tabs {
    margin-bottom: 20px; }
    .section-account .dvc-tabs:after {
      content: "";
      display: block;
      clear: both; }
    .section-account .dvc-tabs > li {
      float: left; }
      .section-account .dvc-tabs > li > a {
        display: block;
        border: 1px solid #e2e2e2;
        border-left-width: 0px;
        font-style: 14px;
        padding: 8px 10px;
        text-align: center;
        min-width: 160px;
        font-weight: 500; }
      .section-account .dvc-tabs > li:first-child > a {
        border-left-width: 1px; }
      .section-account .dvc-tabs > li.active > a {
        background: #2A6EBB;
        color: #fff;
        border-color: #2A6EBB; }
  
  .section-account .mydvc-list {
    padding: 20px 0px;
    font-size: 14px; }
    .section-account .mydvc-list:last-child {
      border-bottom: 0px; }
    .section-account .mydvc-list .title {
      font-size: 22px;
      color: #1E2F41;
      font-weight: 500;
      margin-bottom: 10px;
      display: block; }
    .section-account .mydvc-list .status {
      margin-left: 0px; }
    .section-account .mydvc-list .btn-gray {
      background: #E2E2E2;
      margin-top: 5px;
      padding: 2px 10px;
      border-radius: 0px; }
      .section-account .mydvc-list .btn-gray:hover {
        background: #CE7A58;
        color: #fff; }
    .section-account .mydvc-list .btn {
      min-width: 0px; }
    .section-account .mydvc-list .table-dvc {
      margin-top: 10px;
      width: 100%;
      text-align: left;
      font-size: 16px; }
      .section-account .mydvc-list .table-dvc td {
        padding-right: 7px;
        line-height: 22px; }
      @media (max-width: 768px) {
        .section-account .mydvc-list .table-dvc {
          display: block; }
          .section-account .mydvc-list .table-dvc tbody, .section-account .mydvc-list .table-dvc tr, .section-account .mydvc-list .table-dvc td {
            display: block;
            text-align: left;
            padding: 0px 0px;
            margin-bottom: 15px; }
            .section-account .mydvc-list .table-dvc tbody .key, .section-account .mydvc-list .table-dvc tr .key, .section-account .mydvc-list .table-dvc td .key {
              margin-bottom: 2px; } }
  
  .section-account .btn-img {
    padding: 5px; }
  
  .section-account .actions {
    margin-top: 10px; }
    .section-account .actions .btn {
      background: none;
      border: 1px solid #e2e2e2;
      min-width: 0px;
      padding: 5px 10px;
      font-size: 12px;
      margin: 0px 2px;
      text-transform: uppercase;
      font-weight: 500; }
      .section-account .actions .btn .icon {
        margin-right: 5px; }
      .section-account .actions .btn:hover {
        background: #f1f1f1; }
      .section-account .actions .btn.-sohappy {
        border-color: #903938; }
        .section-account .actions .btn.-sohappy .icon {
          color: #903938; }
        .section-account .actions .btn.-sohappy:hover {
          background: #903938;
          color: #fff; }
          .section-account .actions .btn.-sohappy:hover .icon {
            color: #fff; }
      .section-account .actions .btn.-happy {
        border-color: #67A99F; }
        .section-account .actions .btn.-happy .icon {
          color: #67A99F; }
        .section-account .actions .btn.-happy:hover {
          background: #67A99F;
          color: #fff; }
          .section-account .actions .btn.-happy:hover .icon {
            color: #fff; }
      .section-account .actions .btn.-nohappy {
        border: 1px solid #8F969C; }
        .section-account .actions .btn.-nohappy:hover {
          background: #8F969C;
          color: #fff; }
      @media (max-width: 480px) {
        .section-account .actions .btn {
          margin: 3px 0px; } }
  
  @media (max-width: 1200px) {
    .section-account .col-sm-3 {
      width: 33.333%; }
    .section-account .col-sm-9 {
      width: 66.6667%; }
    .section-account .plugin-content .col-sm-6 {
      width: 100%; } }
  
  @media (max-width: 991px) {
    .section-account .col-xs-12 {
      width: 100%; }
    .section-account .col-sm-3 {
      width: 100%; }
    .section-account .col-sm-9 {
      width: 100%; }
    .section-account .col-sm-3 {
      width: 100%; }
    .section-account .col-sm-9 {
      width: 100%; }
    .section-account .plugin-content .col-sm-6 {
      width: 100%; } }
  
  .mart0 {
    margin-top: 0px !important; }
  
  .bordernone td {
    border-bottom: 0px !important; }
  
  .main-wrapper {
    min-height: calc(100vh - 420px); }
  
  .box.plugin-box-wrap {
    padding: 0px; }
    .box.plugin-box-wrap .plugin-head {
      padding-bottom: 20px;
      font-size: 26px;
      font-weight: 500;
      border-bottom: 1px solid #e2e2e2;
      padding: 10px 20px; }
      .box.plugin-box-wrap .plugin-head .icon {
        margin-right: 10px; }
    .box.plugin-box-wrap .box-content {
      display: table;
      width: 100%; }
    .box.plugin-box-wrap .plugin-sidebar {
      width: 270px;
      padding: 20px 0px;
      display: table-cell;
      border-right: 1px solid #e2e2e2; }
      .box.plugin-box-wrap .plugin-sidebar .title {
        padding: 0px 20px; }
    .box.plugin-box-wrap .plugin-content {
      display: table-cell;
      padding: 10px;
      padding-left: 15px;
      padding-right: 15px; }
    @media (max-width: 768px) {
      .box.plugin-box-wrap {
        margin-top: 20px; }
        .box.plugin-box-wrap .box-content {
          display: block; }
        .box.plugin-box-wrap .plugin-sidebar, .box.plugin-box-wrap .plugin-content {
          display: block;
          width: 100%;
          padding: 10px; } }
    .box.plugin-box-wrap .title {
      font-size: 22px;
      font-weight: 500;
      margin-bottom: 20px; }
    .box.plugin-box-wrap .addnew-info .title {
      height: 40px;
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 5px; }
    .box.plugin-box-wrap .addnew-info {
      padding-top: 60px; }
      .box.plugin-box-wrap .addnew-info .icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        background: #CE7A58;
        color: #fff;
        border-radius: 50%;
        font-size: 25px; }
    .box.plugin-box-wrap .list {
      list-style: none;
      margin: 0px;
      padding: 0px; }
      .box.plugin-box-wrap .list > li {
        position: relative; }
        .box.plugin-box-wrap .list > li .icon {
          margin-right: 5px;
          vertical-align: middle;
          display: inline-block; }
          .box.plugin-box-wrap .list > li .icon img {
            width: 20px;
            height: 20px;
            object-fit: contain; }
        .box.plugin-box-wrap .list > li > a {
          padding: 10px 20px;
          display: block;
          color: #1E2F41; }
          .box.plugin-box-wrap .list > li > a:hover {
            background: rgba(206, 122, 88, 0.2); }
        .box.plugin-box-wrap .list > li .down {
          position: absolute;
          top: 13px;
          right: 10px;
          color: #CE7A58; }
        .box.plugin-box-wrap .list > li.active > a {
          background: rgba(206, 122, 88, 0.2); }
        .box.plugin-box-wrap .list > li.active > ul, .box.plugin-box-wrap .list > li.open > ul {
          height: auto;
          opacity: 1;
          visibility: visible;
          transition: all 0.3s ease; }
      .box.plugin-box-wrap .list ul {
        height: 0px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        list-style: none;
        padding: 0px;
        margin: 0px;
        padding-left: 20px;
        font-size: 16px; }
        .box.plugin-box-wrap .list ul li {
          border-left: 1px solid #8F969C;
          padding-left: 20px;
          position: relative; }
          .box.plugin-box-wrap .list ul li.active > a {
            background: rgba(206, 122, 88, 0.1); }
          .box.plugin-box-wrap .list ul li:last-child:before {
            content: "";
            top: 50%;
            bottom: 0px;
            width: 1px;
            background: #fff;
            position: absolute;
            left: -1px; }
        .box.plugin-box-wrap .list ul a {
          display: block;
          padding: 5px 5px;
          position: relative; }
          .box.plugin-box-wrap .list ul a:before {
            height: 1px;
            content: "";
            position: absolute;
            left: -20px;
            width: 10px;
            background: #8F969C;
            top: 17px; }
    .box.plugin-box-wrap .ti-info-row {
      font-size: 16px;
      position: relative;
      padding-right: 20px;
      margin-bottom: 7px; }
      .box.plugin-box-wrap .ti-info-row .key {
        line-height: 24px; }
      .box.plugin-box-wrap .ti-info-row .status {
        position: absolute;
        top: 20px;
        right: 0px;
        color: #7C964C; }
      .box.plugin-box-wrap .ti-info-row .value {
        font-weight: 500; }
    .box.plugin-box-wrap .plugin-info {
      background: #F5F5F5;
      border: 1px solid #E2E2E2;
      padding: 10px 10px;
      padding-bottom: 60px;
      position: relative;
      margin-bottom: 20px;
      border-radius: 5px;
      overflow: hidden; }
      .box.plugin-box-wrap .plugin-info .top {
        text-align: center;
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 10px;
        margin-bottom: 10px; }
        .box.plugin-box-wrap .plugin-info .top .title {
          font-size: 18px;
          margin-bottom: 5px;
          color: #CE7A58;
          font-weight: 500; }
        .box.plugin-box-wrap .plugin-info .top .number {
          font-size: 16px;
          color: #666666; }
      .box.plugin-box-wrap .plugin-info .body {
        height: 180px;
        overflow: auto; }
        @media (max-width: 768px) {
          .box.plugin-box-wrap .plugin-info .body {
            height: auto; } }
      .box.plugin-box-wrap .plugin-info .bottom {
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        border-top: 1px solid rgba(42, 110, 187, 0.2); }
        .box.plugin-box-wrap .plugin-info .bottom .icon {
          margin-right: 5px; }
        .box.plugin-box-wrap .plugin-info .bottom .btn {
          text-transform: none;
          font-weight: normal;
          font-size: 16px;
          min-width: 0px;
          border-radius: 0;
          width: 50%;
          float: left; }
          .box.plugin-box-wrap .plugin-info .bottom .btn:first-child {
            border-right: 1px solid rgba(42, 110, 187, 0.2); }
          .box.plugin-box-wrap .plugin-info .bottom .btn:hover {
            background: #CE7A58;
            color: #fff; }
        .box.plugin-box-wrap .plugin-info .bottom.-style01 .btn {
          width: 100%; }
    .box.plugin-box-wrap .dienluc .plugin-info .top {
      padding-top: 10px;
      padding-bottom: 10px; }
    .box.plugin-box-wrap .dienluc .plugin-info .txt {
      font-size: 16px;
      color: #333;
      margin-bottom: 5px; }
    .box.plugin-box-wrap .dienluc .plugin-info .number {
      font-size: 24px;
      color: #333; }
    .box.plugin-box-wrap .dienluc .plugin-info .bottom {
      display: table;
      width: 100%; }
      .box.plugin-box-wrap .dienluc .plugin-info .bottom .btn {
        float: none;
        width: 100%;
        border-right: 0px; }
    .box.plugin-box-wrap .bhxh .bottom .link {
      padding: 10px; }
    .box.plugin-box-wrap .giao-duc .plugin-info .top .title {
      height: 49px;
      overflow: hidden;
      color: #CE7A58; }
    .box.plugin-box-wrap .giao-duc .plugin-info .txt {
      font-size: 16px;
      color: #333;
      margin-bottom: 5px; }
    .box.plugin-box-wrap .giao-duc .plugin-info .title {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 5px; }
    .box.plugin-box-wrap .giao-duc .plugin-info .body {
      padding-top: 20px;
      height: 178px;
      text-align: center; }
      @media (max-width: 768px) {
        .box.plugin-box-wrap .giao-duc .plugin-info .body {
          height: auto; } }
    .box.plugin-box-wrap .gplx .plugin-info .bottom {
      border-top: 0px;
      padding: 10px;
      text-align: center; }
    .box.plugin-box-wrap .gplx .plugin-info .bottom .btn {
      float: none;
      width: auto; }
    .box.plugin-box-wrap .vpgt .body {
      height: 331px;
      overflow: auto; }
    .box.plugin-box-wrap .vpgt .bottom .btn-main {
      background: #CE7A58;
      color: #fff; }
    .box.plugin-box-wrap .vpgt .plugin-info {
      border-radius: 5px; }
    .box.plugin-box-wrap .vpgt .check-action-send {
      font-size: 14px;
      color: #CE7A58;
      position: relative;
      padding-right: 48px; }
      .box.plugin-box-wrap .vpgt .check-action-send .logo {
        position: absolute;
        width: 48px;
        top: 0px;
        right: 0px; }
      .box.plugin-box-wrap .vpgt .check-action-send .check-action .name {
        padding-left: 20px; }
        .box.plugin-box-wrap .vpgt .check-action-send .check-action .name:before {
          width: 14px;
          height: 14px;
          line-height: 12px;
          font-size: 8px;
          top: 2px;
          border-radius: 3px;
          border-color: #CE7A58; }
    .box.plugin-box-wrap .vpgt .addnew-info {
      padding-top: 160px;
      padding-bottom: 99px; }
    .box.plugin-box-wrap .vpgt .ti-info-row {
      margin-bottom: 3px; }
      .box.plugin-box-wrap .vpgt .ti-info-row .value {
        min-height: 44px;
        overflow: hidden; }
  
  .table-plugin-info {
    width: 100%;
    font-size: 14px; }
    .table-plugin-info .key {
      color: #666;
      white-space: nowrap; }
    .table-plugin-info .value {
      font-weight: 500; }
    .table-plugin-info td {
      vertical-align: top;
      padding: 7px 5px; }
    .table-plugin-info .status {
      color: #7C964C; }
    .table-plugin-info tr:nth-child(2n+1) {
      background: rgba(206, 122, 88, 0.1); }
  
  .mart20 {
    margin-top: 20px; }
  
  .table-color-main {
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #CE7A58; }
    .table-color-main th {
      background: #CE7A58;
      color: #fff;
      font-weight: 500;
      text-align: center; }
    .table-color-main th, .table-color-main td {
      border-left: 1px solid #CE7A58;
      border-right: 1px solid #CE7A58;
      padding: 10px 10px; }
  
  .popup-plugin .close {
    position: absolute;
    top: 20px;
    right: 10px; }
  
  .popup-plugin .modal-content {
    border-radius: 0px; }
  
  .popup-plugin .modal-body {
    padding: 50px 30px; }
    @media (max-width: 768px) {
      .popup-plugin .modal-body {
        padding: 30px 15px; } }
  
  .popup-plugin .input-button-right {
    padding-right: 110px; }
    .popup-plugin .input-button-right .btn {
      width: 100px;
      min-width: 0px; }
  
  .popup-plugin .table-plugin-info td {
    padding: 10px; }
  
  .popup-plugin .actions {
    margin-top: 40px; }
  
  .value {
    font-weight: 500; }
  
  .box-popup-noti {
    text-align: center;
    padding: 30px 30px; }
    .box-popup-noti .icon {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 2px solid #e53935;
      line-height: 56px;
      font-size: 24px;
      color: #e53935;
      text-align: center;
      display: inline-block;
      margin-bottom: 20px; }
    .box-popup-noti .title {
      font-weight: 500;
      font-size: 20px; }
    .box-popup-noti .desc {
      font-size: 16px;
      line-height: 25px; }
      .box-popup-noti .desc .thick {
        color: #CE7A58; }
  
  .list-ttth {
    list-style: none;
    margin: 0px;
    padding: 0px; }
    .list-ttth a {
      display: block;
      color: #1E2F41;
      padding: 5px 10px;
      padding-left: 20px;
      position: relative; }
    .list-ttth li {
      margin-bottom: 5px; }
    .list-ttth ul {
      list-style: none;
      padding: 0px;
      margin: 0px;
      display: none; }
    .list-ttth .haschild > a {
      padding-right: 30px;
      background: rgba(206, 122, 88, 0.1); }
      .list-ttth .haschild > a:before {
        content: "\e6b8";
        font-family: ap;
        position: absolute;
        top: 5px;
        right: 10px;
        color: #CE7A58;
        font-size: 16px; }
    .list-ttth .haschild.open > a:before {
      content: "\e6bb"; }
    .list-ttth .haschild.open > ul {
      display: block; }
  
  .title-logo {
    display: table;
    width: 100%;
    color: #CE7A58; }
    .title-logo .logo, .title-logo .textc {
      display: table-cell;
      vertical-align: middle; }
    .title-logo .textc {
      padding-left: 10px; }
    .title-logo .logo {
      width: 40px; }
      .title-logo .logo img {
        width: 40px;
        height: 40px;
        display: block;
        object-fit: contain; }
  
  .table-result-tthc th, .table-result-tthc td {
    padding: 7px 10px; }
  
  .table-tthc-cq {
    font-size: 16px;
    border: 1px solid #e2e2e2; }
    .table-tthc-cq td, .table-tthc-cq th {
      border: 0px !important;
      border-bottom: 1px solid #e2e2e2 !important; }
  
  .tthc .languages > .btn:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #fff; }
  
  .tthc .box-search.-adv .form-control {
    border: 1px solid #e2e2e2; }
    .tthc .box-search.-adv .form-control:focus {
      border-color: #CE7A58; }
  
  @media (max-width: 768px) {
    .tthc .form-horizontal .form-group {
      margin-bottom: 15px; } }
  
  .tthc .box-search {
    margin-bottom: 0px;
    padding-right: 180px; }
    @media (max-width: 768px) {
      .tthc .box-search {
        padding-right: 50px; } }
  
  .tthc .box-search .adv {
    top: 2px;
    bottom: 2px;
    color: #1E2F41;
    border-left: 1px solid #e2e2e2;
    height: auto;
    width: 190px;
    right: 180px; }
    @media (max-width: 768px) {
      .tthc .box-search .adv {
        top: 100%;
        bottom: auto;
        right: 0px;
        border-left: 0px; } }
  
  .tthc .box-search.-adv .btn-search {
    background: #CE7A58;
    width: 170px;
    border-radius: 4px;
    color: #fff; }
    .tthc .box-search.-adv .btn-search:hover {
      background: #bc5d37; }
    @media (max-width: 768px) {
      .tthc .box-search.-adv .btn-search {
        width: 40px;
        min-width: 0px; } }
  
  @media (max-width: 991px) {
    .tthc .box-search {
      margin-bottom: 60px; }
    .tthc .check-action {
      margin: 0px !important;
      display: block;
      margin-bottom: 10px !important; } }
  
  .tthc .links li {
    padding: 10px 0px;
    border-bottom: 1px solid #E9F0F8;
    position: relative;
    padding-left: 25px; }
    .tthc .links li:before {
      content: "\f105";
      position: absolute;
      top: 7px;
      left: 5px;
      color: #CE7A58;
      font-family: FontAwesome; }
    .tthc .links li:last-child {
      border-bottom: 0px; }
  
  .tthc .links .unit {
    color: #999;
    margin-top: 5px;
    font-size: 16px; }
  
  .tthc .links.-col2:after {
    content: "";
    display: block;
    clear: both; }
  
  .tthc .links.-col2 li {
    width: 50%;
    float: left;
    padding-right: 10px;
    border-bottom: 0px; }
    .tthc .links.-col2 li:nth-child(2n+3) {
      clear: both; }
    @media (max-width: 768px) {
      .tthc .links.-col2 li {
        width: 100%; } }
  
  .tthc .table-result {
    font-size: 16px; }
    .tthc .table-result thead th {
      background: rgba(30, 47, 65, 0.1);
      color: #1E2F41;
      border-bottom: 2px solid #CE7A58 !important; }
    .tthc .table-result tr:nth-child(2n+2) td {
      background: rgba(245, 245, 245, 0.5); }
    @media (max-width: 768px) {
      .tthc .table-result {
        display: block; }
        .tthc .table-result thead {
          display: none; }
        .tthc .table-result tbody, .tthc .table-result tr, .tthc .table-result td {
          display: block; }
        .tthc .table-result td {
          border: 0px !important;
          padding: 0px !important;
          margin-bottom: 15px;
          color: #676262;
          background: #fff !important; }
          .tthc .table-result td:before {
            display: block;
            content: attr(data-title);
            font-weight: 500;
            color: #000;
            margin-bottom: 3px; }
        .tthc .table-result tr {
          padding: 10px 0px;
          border-bottom: 2px solid #E9F0F8; }
          .tthc .table-result tr:last-child {
            border-bottom: 0px; } }
  
  .tthc .sidebar .head {
    background: rgba(30, 47, 65, 0.1);
    color: #1E2F41;
    padding: 10px;
    font-weight: 500;
    border-radius: 0px; }
  
  .tthc .hero-banner {
    padding: 220px 0px;
    background-color: #fff;
    background-image: url(../img/TTHC/bg.jpg);
    background-size: cover;
    background-position: center;
    transition: all 0.3s ease;
    min-height: calc(100vh - 208px); }
    .tthc .hero-banner.showAdv {
      padding-top: 60px;
      padding-bottom: 380px; }
    .tthc .hero-banner .box-search-wrap {
      max-width: 768px;
      margin: auto;
      position: relative; }
    .tthc .hero-banner .box-search {
      padding-right: 0px; }
    .tthc .hero-banner .box-search .form-control {
      height: 60px;
      border-radius: 10px;
      padding-right: 275px; }
      .tthc .hero-banner .box-search .form-control:focus {
        border-color: #CE7A58; }
    .tthc .hero-banner .box-search .adv {
      height: 50px;
      padding: 12px 10px;
      border: 0px;
      top: 5px;
      right: 80px;
      border-left: 1px solid #e2e2e2; }
      .tthc .hero-banner .box-search .adv:hover {
        color: #CE7A58; }
    .tthc .hero-banner .box-search .btn-search {
      width: 80px;
      background: none;
      color: #fff;
      border-radius: 0px;
      height: 60px;
      background: #CE7A58;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px; }
      .tthc .hero-banner .box-search .btn-search .icon {
        font-size: 32px; }
      .tthc .hero-banner .box-search .btn-search:hover {
        color: #fff; }
    .tthc .hero-banner .keyword-note {
      text-align: center;
      font-weight: 500;
      margin-top: 20px; }
      .tthc .hero-banner .keyword-note p {
        margin-bottom: 5px; }
      @media (max-width: 991px) {
        .tthc .hero-banner .keyword-note {
          display: none; } }
    .tthc .hero-banner .box-adv {
      background: #CE7A58;
      padding: 20px;
      position: absolute;
      top: 70px;
      left: 0px;
      right: 0px;
      z-index: 100;
      color: #fff; }
      @media (max-width: 991px) {
        .tthc .hero-banner .box-adv {
          position: relative;
          top: 0px; } }
    @media (max-width: 768px) {
      .tthc .hero-banner {
        padding: 160px 20px; }
        .tthc .hero-banner.showAdv {
          padding-top: 40px;
          padding-bottom: 40px; }
        .tthc .hero-banner .box-search .form-control {
          padding-right: 100px; }
        .tthc .hero-banner .box-search .adv {
          top: 60px;
          right: 0px;
          border: 0px;
          text-align: center; } }
  
  .tthc #searchAdv {
    margin-top: 20px;
    visibility: hidden;
    opacity: 0;
    height: 0px;
    transform: translateY(100px);
    transition: all 0.5s ease;
    display: none; }
    .tthc #searchAdv.show {
      visibility: visible;
      opacity: 1;
      height: auto;
      transform: translateY(0px);
      transition: all 0.5s ease; }
    .tthc #searchAdv.-child {
      display: none; }
      .tthc #searchAdv.-child.show {
        display: block; }
  
  .tthc .section-tthc #searchAdv .form-group {
    margin-left: -5px;
    margin-right: -5px;
    width: 100%; }
    .tthc .section-tthc #searchAdv .form-group .col-sm-3 {
      padding: 0px 5px;
      width: 28%; }
      .tthc .section-tthc #searchAdv .form-group .col-sm-3:nth-child(2n+1) {
        width: 22%; }
    @media (max-width: 991px) {
      .tthc .section-tthc #searchAdv .form-group {
        display: block; }
        .tthc .section-tthc #searchAdv .form-group .col-sm-3 {
          width: 100%; }
          .tthc .section-tthc #searchAdv .form-group .col-sm-3:nth-child(2n+1) {
            width: 100%; }
        .tthc .section-tthc #searchAdv .form-group .col-xs-12 {
          display: block; } }
  
  .tthc .categories:after {
    content: "";
    display: block;
    clear: both; }
  
  .tthc .categories > li {
    border-bottom: 0px;
    width: 33.333%;
    float: left;
    padding: 10px 10px; }
    .tthc .categories > li:nth-child(3n+4) {
      clear: both; }
    @media (max-width: 768px) {
      .tthc .categories > li {
        width: 50%; }
        .tthc .categories > li:nth-child(3n+4) {
          float: left;
          clear: none; }
        .tthc .categories > li:nth-child(2n+3) {
          clear: both; } }
    @media (max-width: 480px) {
      .tthc .categories > li {
        width: 100%; } }
    .tthc .categories > li > a {
      color: #333; }
      .tthc .categories > li > a:hover {
        color: #2A6EBB; }
  
  .tthc .categories.col4 > li {
    width: 25%; }
    .tthc .categories.col4 > li:nth-child(3n+4) {
      clear: none; }
    .tthc .categories.col4 > li:nth-child(4n+5) {
      clear: both; }
    @media (max-width: 768px) {
      .tthc .categories.col4 > li {
        width: 50%; }
        .tthc .categories.col4 > li:nth-child(4n+5) {
          clear: none; }
        .tthc .categories.col4 > li:nth-child(2n+3) {
          clear: both; } }
  
  .tthc .table-info th, .tthc .table-info td {
    border: 0px !important;
    border-top: 1px solid #E9F0F8 !important;
    padding: 10px; }
  
  .tthc .table-cb {
    line-height: 24px;
    width: 100%; }
    .tthc .table-cb td, .tthc .table-cb th {
      padding: 10px; }
    .tthc .table-cb .head {
      white-space: nowrap;
      background: rgba(243, 249, 255, 0.9); }
    .tthc .table-cb tr:not(.head) td {
      padding-bottom: 20px; }
    @media (max-width: 768px) {
      .tthc .table-cb {
        display: block; }
        .tthc .table-cb tr, .tthc .table-cb td, .tthc .table-cb tbody {
          display: block; }
        .tthc .table-cb td {
          padding: 0px !important;
          margin-bottom: 10px; }
          .tthc .table-cb td:before {
            display: block;
            content: attr(data-title);
            font-weight: 500;
            margin-bottom: 5px; }
        .tthc .table-cb .head td {
          padding: 5px !important; }
        .tthc .table-cb .mb-hidden {
          display: none; } }
  
  .tthc .tabs-cq {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-bottom: 2px solid #CE7A58; }
    .tthc .tabs-cq:after {
      content: "";
      display: block;
      clear: both; }
    .tthc .tabs-cq > li {
      width: 50%;
      float: left;
      padding: 0px 10px; }
      @media (max-width: 768px) {
        .tthc .tabs-cq > li {
          padding: 0px; } }
      .tthc .tabs-cq > li:last-child {
        padding-right: 0px; }
      .tthc .tabs-cq > li:first-child {
        padding-left: 0px; }
      .tthc .tabs-cq > li > a {
        text-align: center;
        border: 1px solid #e2e2e2;
        display: block;
        border-bottom: 0px; }
      .tthc .tabs-cq > li .icon {
        padding: 20px;
        display: block; }
      .tthc .tabs-cq > li .text {
        font-size: 26px;
        font-weight: 500;
        padding: 10px;
        padding-right: 30px;
        position: relative; }
        .tthc .tabs-cq > li .text:after {
          content: "\f107";
          font-family: FontAwesome;
          position: absolute;
          top: 12px;
          font-size: 22px;
          right: 10px; }
        @media (max-width: 768px) {
          .tthc .tabs-cq > li .text {
            font-size: 16px; }
            .tthc .tabs-cq > li .text:after {
              top: 6px; } }
      .tthc .tabs-cq > li.active .text {
        background: #CE7A58;
        color: #fff; }
  
  .tthc .box-chitiettthc-phienban {
    line-height: 20px; }
    .tthc .box-chitiettthc-phienban .key {
      color: #333333;
      font-weight: 500; }
    .tthc .box-chitiettthc-phienban .table-info {
      width: 100%;
      line-height: 20px; }
      .tthc .box-chitiettthc-phienban .table-info th {
        font-weight: normal;
        background: #2A6EBB;
        color: #fff;
        white-space: nowrap; }
      .tthc .box-chitiettthc-phienban .table-info td {
        border: 1px solid #E9F0F8 !important; }
      .tthc .box-chitiettthc-phienban .table-info tr:nth-child(2n+2) td {
        background: rgba(243, 249, 255, 0.9); }
  
  .tthc .sidebar {
    border-radius: 0px; }
    .tthc .sidebar .body {
      padding: 10px; }
    .tthc .sidebar .link {
      background: #FFFFFF;
      display: block;
      display: -webkit-box;
      max-height: 60px;
      line-height: 1.3;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-size: 16px;
      text-overflow: ellipsis;
      margin-bottom: 0;
      color: #1E2F41; }
      .tthc .sidebar .link:hover {
        color: #CE7A58; }
  
  @-moz-document url-prefix() {
    .tthc .sidebar .link {
      overflow: hidden;
      position: relative; }
      .tthc .sidebar .link:before {
        background: #FFFFFF;
        bottom: 0;
        position: absolute;
        right: 0;
        float: right;
        content: '\2026';
        margin-left: -2rem;
        width: 2rem; }
      .tthc .sidebar .link:after {
        content: '';
        background: #FFFFFF;
        position: absolute;
        height: 50px;
        width: 100%;
        z-index: 1; } }
    .tthc .sidebar .info {
      margin-bottom: 10px; }
    .tthc .sidebar.-hotline {
      font-size: 16px; }
      .tthc .sidebar.-hotline .info {
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 10px;
        margin-bottom: 10px;
        position: relative;
        padding-left: 40px; }
        .tthc .sidebar.-hotline .info .icon {
          position: absolute;
          top: 5px;
          left: 5px; }
        .tthc .sidebar.-hotline .info:last-child {
          border-bottom: 0px;
          padding-bottom: 0px;
          margin-bottom: 0px; }
        .tthc .sidebar.-hotline .info .text {
          display: block; }
        .tthc .sidebar.-hotline .info .number {
          font-weight: 500;
          word-break: break-all; }
  
  .tthc .list-expand .title {
    color: #1E2F41; }
  
  .tthc .main-title-sub {
    font-size: 22px; }
  
  .tthc .box-tab-cc {
    border: 1px solid #e2e2e2;
    font-size: 16px; }
    .tthc .box-tab-cc .tab-cc {
      margin: 0px;
      padding: 0px;
      list-style: none;
      background: #f5f5f5;
      margin-bottom: 20px; }
      .tthc .box-tab-cc .tab-cc:after {
        content: "";
        display: block;
        clear: both; }
      .tthc .box-tab-cc .tab-cc > li {
        float: left; }
        .tthc .box-tab-cc .tab-cc > li > a {
          padding: 10px 20px;
          display: block;
          font-weight: 500; }
        .tthc .box-tab-cc .tab-cc > li.active > a {
          background: #fff; }
    .tthc .box-tab-cc .tab-content {
      padding: 10px; }
  
  .tthc .section-tthc {
    margin-bottom: 30px; }
  
  .tthc .box-info-cq {
    border: 1px solid #e2e2e2;
    margin-bottom: 20px; }
    .tthc .box-info-cq:after {
      content: "";
      display: block;
      clear: both; }
    .tthc .box-info-cq .item {
      width: 50%;
      float: left;
      border-right: 1px solid #e2e2e2;
      border-bottom: 1px solid #e2e2e2; }
      .tthc .box-info-cq .item.w100 {
        width: 100%; }
      @media (max-width: 991px) {
        .tthc .box-info-cq .item {
          width: 100%; }
          .tthc .box-info-cq .item.w100 {
            width: 100%; } }
    .tthc .box-info-cq .head {
      background: rgba(30, 47, 65, 0.1);
      padding: 10px;
      font-weight: 500; }
    .tthc .box-info-cq .text {
      display: block; }
    .tthc .box-info-cq .number, .tthc .box-info-cq .link {
      height: 50px;
      overflow: hidden;
      display: block;
      font-weight: 500; }
    .tthc .box-info-cq .info {
      padding: 10px;
      margin-bottom: 10px;
      padding-bottom: 10px;
      position: relative;
      padding-left: 50px;
      border-bottom: 1px solid #e2e2e2; }
      .tthc .box-info-cq .info .icon {
        position: absolute;
        top: 20px;
        left: 10px; }
      .tthc .box-info-cq .info:last-child {
        border-bottom: 0px; }
  
  .table-info-row {
    line-height: 22px; }
    .table-info-row td {
      padding: 10px; }
    .table-info-row .key {
      white-space: nowrap; }
    .table-info-row .value {
      font-weight: 500; }
  
  .box-tphs .item {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    margin-bottom: 15px; }
    .box-tphs .item:hover {
      border-color: #CE7A58; }
    .box-tphs .item.active {
      border-color: #CE7A58; }
      .box-tphs .item.active .down {
        transform: rotate(180deg); }
      .box-tphs .item.active .content {
        display: block; }
  
  .box-tphs .head {
    font-size: 16px;
    color: #CE7A58;
    font-weight: 500;
    padding: 10px;
    position: relative;
    cursor: pointer; }
    .box-tphs .head .down {
      position: absolute;
      top: 10px;
      right: 10px; }
  
  .box-tphs .content {
    display: none;
    padding: 10px;
    border-top: 1px solid #e2e2e2; }
  
  .box-tphs .table-result {
    font-size: 15px;
    line-height: 22px; }
    .box-tphs .table-result td {
      vertical-align: top; }
    .box-tphs .table-result th {
      white-space: nowrap; }
  
  .table-data {
    width: 100%;
    font-size: 16px; }
    .table-data td, .table-data th {
      border-bottom: 1px solid #E9F0F8;
      padding: 10px;
      line-height: 22px; }
    .table-data th {
      white-space: nowrap;
      font-weight: 500;
      background: rgba(30, 47, 65, 0.1);
      color: #1E2F41;
      border-bottom: 2px solid #CE7A58; }
    .table-data tr:last-child td {
      border-bottom: 0px; }
    @media (max-width: 768px) {
      .table-data {
        display: block; }
        .table-data thead {
          display: none; }
        .table-data tbody, .table-data tr, .table-data td {
          display: block; }
        .table-data tr {
          border-bottom: 2px solid #E9F0F8;
          padding: 20px 0px; }
          .table-data tr:last-child {
            border-bottom: 0px; }
        .table-data td {
          padding: 0px;
          border: 0px;
          margin-bottom: 10px; }
          .table-data td:before {
            content: attr(data-title);
            display: block;
            font-weight: 500; } }
  
  .box-tctthc .label-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  
  .box-tctthc .tabs-tc {
    margin-bottom: 0px;
    padding-left: 10px;
    border-bottom: 1px solid #e2e2e2; }
    .box-tctthc .tabs-tc:after {
      content: "";
      display: block;
      clear: both; }
    .box-tctthc .tabs-tc > li {
      float: left;
      border: 1px solid #e2e2e2;
      border-bottom: 0px;
      margin-left: -1px; }
      .box-tctthc .tabs-tc > li > a {
        position: relative;
        background: #E9F0F8;
        display: block;
        padding: 10px 20px; }
      .box-tctthc .tabs-tc > li.active > a {
        background: #fff; }
        .box-tctthc .tabs-tc > li.active > a:after {
          height: 1px;
          content: "";
          position: absolute;
          bottom: -1px;
          left: 0px;
          right: 0px;
          background: #fff; }
  
  .box-tctthc .tab-content {
    border: 1px solid #e2e2e2;
    border-top: 0px;
    padding: 30px; }
  
  @media (max-width: 768px) {
    .tthc .box-cq .table-result-tthc thead {
      display: block;
      width: 100%; }
      .tthc .box-cq .table-result-tthc thead th {
        white-space: normal !important; }
      .tthc .box-cq .table-result-tthc thead th:first-child {
        width: 210px; }
    .tthc .box-cq .table-result-tthc {
      margin-bottom: 20px; }
    .tthc .box-cq .table-result-tthc th, .tthc .box-cq .table-result-tthc td {
      display: table-cell; }
    .tthc .box-cq .table-result-tthc tr {
      border-width: 1px;
      display: table;
      width: 100%; }
    .tthc .box-cq .table-result-tthc td:first-child {
      background: #fff;
      width: 210px; }
    .tthc .box-cq .table-result-tthc td:last-child {
      text-align: right !important; } }
  
  .box-nopthue {
    max-width: 991px;
    margin: auto;
    text-align: center;
    padding: 80px 20px;
    min-height: 480px; }
    .box-nopthue .logo {
      margin-bottom: 20px; }
      .box-nopthue .logo img {
        height: 84px; }
  
  pre {
    border: 1px solid #ddd;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    margin-bottom: 20px; }
  
  .api-canvas {
    background: #fff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    display: table;
    width: 100%; }
    .api-canvas:after {
      content: "";
      display: block;
      clear: both; }
    .api-canvas .api-sidebar {
      width: 300px;
      display: table-cell;
      padding: 15px;
      box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.1); }
      .api-canvas .api-sidebar .search {
        margin-bottom: 20px; }
        .api-canvas .api-sidebar .search .form-control {
          border-radius: 20px; }
    .api-canvas .box-wrap {
      padding: 30px; }
    .api-canvas .code {
      padding: 2px 10px;
      font-weight: 500;
      background: #f5efef;
      border: 1px solid #f3e1e1;
      color: #bb0808; }
  
  .jstree {
    font-size: 14px; }
    .jstree .jstree-themeicon {
      display: none; }
    .jstree > ul > li {
      background: none; }
      .jstree > ul > li > a {
        font-weight: 500;
        font-size: 15px;
        border-top: 1px solid #E9F0F8 !important; }
      .jstree > ul > li:last-child {
        border-bottom: 0px; }
    .jstree > ul .jstree-children {
      margin-bottom: 10px;
      border-left: 3px solid #eff1f5; }
    .jstree .jstree-node {
      position: relative;
      background: none;
      margin-left: 15px; }
    .jstree .jstree-leaf > .jstree-ocl {
      position: absolute;
      right: 0px;
      display: none; }
    .jstree .jstree-closed > .jstree-ocl, .jstree .jstree-open > .jstree-ocl {
      right: 0px;
      background: none;
      font-family: FontAwesome;
      font-style: normal;
      top: 6px;
      right: 0px;
      z-index: 2;
      color: #903938; }
      .jstree .jstree-closed > .jstree-ocl:before, .jstree .jstree-open > .jstree-ocl:before {
        content: "\f105"; }
    .jstree .jstree-open > .jstree-ocl:before {
      content: "\f107"; }
    .jstree .jstree-icon {
      position: absolute; }
    .jstree .jstree-anchor {
      display: block;
      padding: 8px 5px;
      padding-right: 20px;
      height: auto;
      border: 0px; }
      .jstree .jstree-anchor:after {
        content: ""; }
    .jstree .jstree-anchor.jstree-hovered {
      border: 0px;
      background: #edf0f3;
      box-shadow: none;
      border-radius: 4px; }
    .jstree .jstree-open > a {
      font-weight: 500;
      color: #2A6EBB; }
    .jstree .jstree-clicked {
      border: 0px;
      box-shadow: none;
      background: none;
      color: #2A6EBB;
      position: relative; }
      .jstree .jstree-clicked:before {
        content: "";
        position: absolute;
        width: 4px;
        height: 30px;
        bottom: 0px;
        top: 0px;
        right: -15px;
        background: #2A6EBB;
        border-radius: 20px;
        margin: auto; }
  
  .cau-hoi-pho-bien .list-questions .item {
    display: block;
    color: #CE7A58;
    padding: 14px 0px;
    cursor: pointer;
    padding-left: 30px;
    position: relative;
    border-bottom: 1px solid #E9F0F8; }
    .cau-hoi-pho-bien .list-questions .item:hover {
      color: #903938; }
    .cau-hoi-pho-bien .list-questions .item:before {
      font-family: ap;
      content: "\e87d";
      position: absolute;
      top: 14px;
      left: 0px;
      color: #666; }
    .cau-hoi-pho-bien .list-questions .item:last-child {
      border-bottom: 0px; }
  
  .cau-hoi-pho-bien .sidebar .head {
    font-size: 20px; }
  
  .cau-hoi-pho-bien .sidebar .body {
    padding: 0px; }
  
  .cau-hoi-pho-bien .sidebar .menus {
    list-style: none;
    margin: 0px;
    padding: 0px; }
    .cau-hoi-pho-bien .sidebar .menus > li:before {
      content: "\f105";
      position: absolute;
      top: 5px;
      right: 10px;
      font-family: FontAwesome; }
    .cau-hoi-pho-bien .sidebar .menus > li.active:before {
      color: #fff;
      content: "\f107"; }
    .cau-hoi-pho-bien .sidebar .menus a {
      display: block;
      padding: 7px 15px;
      color: #1E2F41;
      border-top: 1px solid #E9F0F8; }
    .cau-hoi-pho-bien .sidebar .menus ul {
      display: none;
      list-style: none;
      margin: 0px;
      padding: 0px; }
      .cau-hoi-pho-bien .sidebar .menus ul > li {
        padding: 0px 15px; }
    .cau-hoi-pho-bien .sidebar .menus li {
      position: relative; }
      .cau-hoi-pho-bien .sidebar .menus li.active > a {
        background: #CE7A58;
        color: #fff; }
      .cau-hoi-pho-bien .sidebar .menus li:hover > a {
        background: #f4f5f6; }
      .cau-hoi-pho-bien .sidebar .menus li.active > a {
        background: #CE7A58;
        color: #fff;
        font-weight: bold; }
      .cau-hoi-pho-bien .sidebar .menus li.active > ul {
        display: block; }
  
  .cau-hoi-pho-bien .list-tt > li {
    padding: 15px 0px;
    border-bottom: 1px solid #E9F0F8; }
    .cau-hoi-pho-bien .list-tt > li > a {
      padding-left: 30px; }
      .cau-hoi-pho-bien .list-tt > li > a:before {
        content: "";
        width: 24px;
        height: 24px;
        background-image: url("../img/cauhoi/notepad.svg"); }
    .cau-hoi-pho-bien .list-tt > li:last-child {
      border-bottom: 0px; }
  
  @media (max-width: 768px) {
    .cau-hoi-pho-bien .box-form .col-xs-12 {
      margin-bottom: 10px; }
    .cau-hoi-pho-bien .input-right-button {
      padding-right: 0px; }
      .cau-hoi-pho-bien .input-right-button .btn {
        position: relative;
        margin-top: 10px; } }
  
  .popup-fix-chat {
    position: fixed;
    bottom: 40px;
    right: 0px;
    background: #CE7A58;
    color: #fff;
    z-index: 100;
    padding: 5px 10px;
    font-weight: 500; }
    .popup-fix-chat .icon {
      display: inline-block;
      margin-right: 5px; }
      .popup-fix-chat .icon img {
        height: 30px; }
    .popup-fix-chat .text {
      display: inline-block; }
    .popup-fix-chat .close {
      float: none;
      font-weight: normal;
      color: #fff;
      text-shadow: none;
      opacity: 0.8;
      margin-left: 10px; }
      .popup-fix-chat .close:hover {
        opacity: 1; }
  
  .help-steps {
    text-align: center; }
    .help-steps:after {
      content: "";
      display: block;
      clear: both; }
    .help-steps .text {
      height: 90px;
      overflow: hidden; }
    .help-steps .item {
      position: relative;
      width: 25%;
      float: left;
      padding: 10px; }
      .help-steps .item:after {
        content: "";
        height: 4px;
        position: absolute;
        left: 50%;
        width: 100%;
        top: 50px;
        background: #7C964C; }
      .help-steps .item:last-child:after {
        display: none; }
    .help-steps .number {
      width: 80px;
      height: 80px;
      z-index: 10;
      border-radius: 50%;
      font-size: 26px;
      z-index: 10;
      position: relative;
      background: #7C964C;
      color: #fff;
      text-align: center;
      line-height: 80px;
      margin: auto;
      margin-bottom: 20px; }
    .help-steps.-col3 .item {
      width: 33.333%; }
    @media (max-width: 991px) {
      .help-steps {
        border-bottom: 0px;
        text-align: left; }
        .help-steps .item {
          width: 100%;
          margin-bottom: 20px;
          text-align: center;
          padding-top: 20px; }
          .help-steps .item:after {
            display: none; }
        .help-steps.-col3 .item {
          width: 100%; }
        .help-steps .text {
          height: auto; }
        .help-steps .number {
          bottom: auto;
          top: 0px;
          left: 0px;
          right: auto;
          position: relative; } }
  
  .help-article {
    line-height: 27px; }
    .help-article p, .help-article div, .help-article li {
      margin-bottom: 10px; }
    .help-article .step-item {
      margin-bottom: 30px; }
      .help-article .step-item .row {
        margin: 0px -10px; }
      .help-article .step-item .col-xs-12 {
        padding: 0px 10px; }
    .help-article .head {
      display: table;
      width: 100%;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 20px;
      line-height: 28px; }
      .help-article .head .head-number, .help-article .head .text {
        display: table-cell;
        vertical-align: middle; }
      .help-article .head .head-number {
        width: 60px; }
      .help-article .head .number {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 26px;
        font-weight: 500;
        color: #fff;
        display: block;
        border-radius: 50%;
        background: #7C964C;
        text-align: center; }
      .help-article .head .text {
        padding-left: 10px; }
  
  /*style home*/
  * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; }
  
  body {
    font-family: 'Nunito', Arial;
    font-size: 18px;
    line-height: 1.3333;
    color: #1E2F41;
    height: 100%; }
  
  .nowrap {
    white-space: nowrap; }
  
  .marb0 {
    margin-bottom: 0px !important; }
  
  .inline {
    display: inline-block !important; }
  
  .container {
    max-width: 1200px;
    width: 100%; }
  
  .borb0 {
    border-bottom: 0px !important; }
  
  .pad10 {
    padding: 10px !important; }
  
  .row:after {
    display: block; }
  
  .success {
    color: #7C964C; }
  
  .main-title {
    margin: 0px;
    font-size: 28px;
    font-weight: 300;
    display: block;
    margin-bottom: 20px;
    color: #333333;
    font-weight: 500;
    line-height: 36px;
    padding-left: 110px;
    position: relative;
    text-align: justify; }
    .main-title .title {
      background-color: rgba(255, 198, 0, 0.15);
      padding: 30px 20px;
      background-image: url(../img/hac.svg);
      background-position: center right;
      background-repeat: no-repeat;
      background-size: auto 100%;
      border-radius: 4px;
      min-height: 100px;
      text-align: left; }
    .main-title .icon {
      width: 100px;
      height: 100px;
      background: #CE7A58;
      border-radius: 3px;
      position: absolute;
      top: 0px;
      left: 0px;
      padding: 20px; }
      .main-title .icon img {
        height: 60px;
        width: 60px; }
    .main-title.-none {
      padding-left: 0px;
      height: auto; }
    .main-title.-number {
      padding-left: 0px; }
      .main-title.-number .title {
        padding-right: 260px; }
      .main-title.-number .number {
        color: #903938;
        font-weight: bold;
        position: absolute;
        top: 30px;
        font-size: 48px;
        right: 10px; }
    .main-title.-style01 {
      background-color: rgba(255, 198, 0, 0.15);
      padding: 20px;
      background-image: url(../img/hac.svg);
      background-size: auto 60%;
      background-position: top right;
      background-repeat: no-repeat; }
      .main-title.-style01 .title {
        padding-right: 10px;
        padding: 0px;
        background: none;
        background-color: transparent;
        margin: 0px;
        min-height: 0px;
        margin-bottom: 10px; }
      .main-title.-style01 .number {
        position: static; }
    @media (max-width: 768px) {
      .main-title {
        display: table;
        width: 100%;
        padding: 0px;
        font-size: 24px;
        line-height: 32px; }
        .main-title .title {
          display: table-cell;
          padding: 10px;
          min-height: 0px; }
        .main-title .icon {
          height: auto;
          width: auto;
          padding: 10px;
          width: 60px;
          display: table-cell;
          position: relative; }
          .main-title .icon img {
            height: auto;
            width: 60px; }
        .main-title.-number {
          display: block;
          background-color: rgba(234, 160, 49, 0.2);
          padding: 10px;
          text-align: center; }
          .main-title.-number .title {
            background: none;
            height: auto;
            display: block;
            padding-right: 10px; }
          .main-title.-number .number {
            position: static; } }
  
  .main {
    color: #CE7A58 !important; }
  
  a:hover {
    color: #CE7A58; }
  
  .red {
    color: #d32f2f; }
  
  .select-custom {
    position: relative; }
    .select-custom select {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      box-shadow: none;
      padding-right: 25px; }
    .select-custom:before {
      content: "\f107";
      font-family: "FontAwesome";
      position: absolute;
      width: 0px;
      top: 8px;
      right: 20px;
      pointer-events: none;
      height: 0px;
      color: #666; }
  
  .form-control {
    border-color: #C9CDCF;
    border-radius: 4px;
    box-shadow: none;
    font-size: 18px;
    font-weight: 500;
    color: #1E2F41; }
    .form-control::placeholder {
      font-weight: normal; }
    .form-control:focus {
      border-color: #CE7A58;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(206, 122, 88, 0.4); }
  
  .url {
    display: block;
    padding-left: 20px;
    position: relative;
    color: #CE7A58; }
    .url:before {
      position: absolute;
      top: 0px;
      left: 0px;
      font-family: FontAwesome;
      content: "\f105";
      font-size: 16px;
      color: #CE7A58; }
  
  .tleft {
    text-align: left; }
  
  .links {
    list-style: none;
    margin: 0px;
    padding: 0px; }
    .links > li {
      padding: 7px 0px; }
  
  .select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none; }
    .select2-container--default .select2-search--dropdown .select2-search__field:focus {
      border-color: #CE7A58; }
  
  .select2-container--default .select2-selection--single {
    outline: none; }
  
  .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #CE7A58 !important; }
  
  .overlay-common {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.2);
    z-index: 98;
    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; }
  
  .user {
    position: relative;
    cursor: pointer; }
    .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: 20px 0px;
    margin-bottom: 20px; }
    .breadcrumb > li {
      text-align: left; }
      .breadcrumb > li > a {
        text-align: left;
        font-size: 16px; }
    .breadcrumb > li + li:before {
      content: ">"; }
  
  .link {
    color: #CE7A58;
    display: inline-block; }
    .link:hover {
      text-decoration: underline; }
  
  .label-text {
    margin-bottom: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media (max-width: 768px) {
      .label-text {
        overflow: visible;
        white-space: normal; } }
  
  .level.-level3 {
    color: #7C964C; }
  
  .btn {
    border-radius: 4px;
    min-width: 160px;
    font-size: 18px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media (max-width: 480px) {
      .btn {
        width: 100%;
        height: auto;
        white-space: normal;
        margin-bottom: 10px; } }
  
  .minw100 {
    min-width: 100px !important; }
  
  .minw200 {
    min-width: 200px !important; }
  
  .w-auto {
    width: auto !important;
    min-width: 0px !important; }
  
  .btn-main {
    background: #CE7A58;
    color: #fff; }
    .btn-main:hover, .btn-main:focus {
      opacity: 0.8;
      color: #fff; }
  
  .btn-second {
    border-color: #CE7A58;
    color: #1E2F41;
    background: #fff; }
    .btn-second:hover {
      background: #CE7A58;
      color: #fff; }
  
  .btn-line {
    border-color: #CE7A58;
    color: #CE7A58;
    background: #fff; }
    .btn-line:hover {
      background: #CE7A58;
      color: #fff; }
  
  .btn-third {
    border-color: #8F969C;
    color: #1E2F41;
    background: #fff; }
    .btn-third:hover {
      background: #CE7A58;
      color: #fff;
      border-color: #CE7A58; }
  
  .btn-fourth {
    background: #FFC251;
    color: #000;
    font-weight: 500; }
    .btn-fourth:hover {
      background: #ffb01e; }
  
  .btn-sm {
    height: auto;
    padding: 3px 15px; }
  
  .tright {
    text-align: right; }
  
  .block {
    display: block; }
  
  .mart10 {
    margin-top: 10px; }
  
  .pagination {
    margin: 0px;
    margin-top: 10px; }
    .pagination > li {
      display: inline-block; }
      .pagination > li > a, .pagination > li > span {
        color: #CE7A58;
        padding: 3px 10px; }
      .pagination > li.active > a, .pagination > li.active > span {
        background: #CE7A58;
        color: #fff;
        border-color: #CE7A58; }
      .pagination > li:hover > a, .pagination > li:hover > span {
        color: #CE7A58; }
    @media (max-width: 768px) {
      .pagination {
        margin: 20px 0px; }
        .pagination > li.page {
          display: none; }
          .pagination > li.page.active {
            display: inline-block; } }
  
  .pagination > li:first-child > a, .pagination > li:first-child > span {
    border-radius: 0px; }
  
  .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0px; }
  
  .check-action {
    display: inline-block;
    position: relative; }
    .check-action .check {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      height: 100%;
      width: 100%;
      z-index: 2;
      opacity: 0; }
    .check-action .name {
      padding-left: 30px;
      position: relative;
      display: block;
      min-height: 20px; }
      .check-action .name:before {
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
        top: 3px;
        left: 0px;
        background-color: #fff;
        border: 1px solid #C9CDCF; }
    .check-action .check:checked + .name:before {
      border-color: #CE7A58;
      color: #fff;
      font-family: ap;
      content: "\ea2b";
      font-size: 9px;
      background: #CE7A58;
      line-height: 18px;
      text-align: center; }
    .check-action input[type="radio"] + .name:before {
      border-radius: 50%; }
    .check-action input[type="radio"] + .name:after {
      border-radius: 50%; }
    .check-action input[type="radio"]:checked + .name:after {
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      background: #CE7A58;
      left: 5px;
      top: 8px; }
    .check-action input[type="radio"]:checked + .name:before {
      background: #fff;
      border-color: #CE7A58; }
  
  .popup-box {
    margin: 30px auto;
    background: #fff;
    z-index: 1050;
    position: relative;
    padding: 20px 30px !important; }
    .popup-box:after {
      content: "";
      display: block;
      clear: both; }
    .popup-box.in {
      display: block; }
    .popup-box .title {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 15px;
      display: block; }
  
  .w100 {
    width: 100%; }
  
  .input-search-left {
    position: relative; }
    .input-search-left .form-control {
      padding-left: 35px; }
    .input-search-left .icon {
      position: absolute;
      top: 10px;
      left: 10px;
      color: #666; }
  
  .input-icon-left {
    position: relative; }
    .input-icon-left .form-control {
      padding-left: 35px; }
    .input-icon-left .icon {
      position: absolute;
      top: 10px;
      left: 10px;
      color: #666; }
  
  .input-icon-right {
    position: relative; }
    .input-icon-right .form-control {
      padding-right: 35px; }
    .input-icon-right .icon {
      position: absolute;
      top: 10px;
      right: 10px;
      color: #666;
      pointer-events: none; }
  
  .box {
    border: 1px solid #e2e2e2;
    padding: 20px;
    background: #fff;
    margin-bottom: 30px; }
  
  .border-left1 {
    border-left: 1px solid #E9F0F8; }
  
  .row-cus {
    margin: 0px -5px; }
    .row-cus .col-xs-12 {
      padding: 0px 5px; }
    .row-cus .btn {
      min-width: 0px; }
  
  .w100pc {
    width: 100%; }
  
  .input-button-right {
    position: relative;
    padding-right: 160px; }
    .input-button-right .btn {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 150px;
      min-width: 0px; }
  
  .table-content {
    overflow: auto; }
  
  .table-result {
    width: 100%;
    text-align: justify;
    font-size: 18px; }
    .table-result th, .table-result td {
      padding: 7px 10px !important;
      vertical-align: top;
      border: 0px !important;
      border-bottom: 1px solid #E9F0F8 !important; }
    .table-result td {
      padding-top: 15px !important;
      padding-bottom: 15px !important; }
    .table-result th {
      vertical-align: top !important;
      white-space: nowrap;
      font-weight: 500;
      background: #f6f7f8; }
    .table-result .border0 td {
      border-bottom: 0px !important; }
    .table-result .btn {
      min-width: 0px;
      padding: 5px 15px;
      height: auto; }
    .table-result tr:last-child td {
      border-bottom: 0px !important; }
    @media (max-width: 768px) {
      .table-result {
        display: block; }
        .table-result thead, .table-result .footable-header {
          display: none; }
        .table-result tr, .table-result th, .table-result tbody, .table-result td {
          display: block;
          width: 100% !important;
          border: 0px !important;
          padding: 5px 0px !important; }
        .table-result tr {
          border-bottom: 1px solid #e2e2e2 !important; }
          .table-result tr.border0 {
            border-bottom: 0px !important; }
        .table-result td:before {
          content: attr(data-title);
          display: block;
          font-weight: bold; }
        .table-result td .link {
          display: block; } }
    .table-result.table-tbkm {
      font-size: 16px; }
      .table-result.table-tbkm th {
        background: none !important;
        border: 0px !important;
        font-size: 18px; }
  
  .table-ttnnvtc tr td, .table-ttnnvtc tr th {
    border: 1px solid #e2e2e2 !important; }
  
  .table-ttnnvtc tr:last-child td {
    border: 1px solid #e2e2e2 !important; }
  
  .table-ttnnvtc tr.bg {
    background: #ce7a581a; }
  
  .table-result-tthc {
    border: none;
    margin-bottom: 0px; }
    .table-result-tthc th {
      white-space: nowrap;
      font-weight: 500;
      background: #f6f7f8; }
    .table-result-tthc th, .table-result-tthc td {
      border-bottom: 0px !important;
      border: none !important; }
    @media (max-width: 768px) {
      .table-result-tthc {
        display: block; }
        .table-result-tthc thead {
          display: none; }
        .table-result-tthc tbody {
          display: block; }
          .table-result-tthc tbody tr {
            display: block;
            border-bottom: 2px solid #ddd; }
            .table-result-tthc tbody tr:last-child {
              border-bottom: 0px; }
          .table-result-tthc tbody td {
            display: block;
            border: 0px !important; }
            .table-result-tthc tbody td:before {
              content: attr(data-title);
              display: block;
              font-weight: bold; } }
  
  .fieldset-head {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-align: center;
    margin: 20px 0px; }
    .fieldset-head span {
      display: inline-block;
      padding: 5px 10px;
      background: #fff;
      position: relative;
      z-index: 2; }
    .fieldset-head:before {
      content: "";
      height: 1px;
      position: absolute;
      left: 0px;
      right: 0px;
      bottom: 0px;
      top: 0px;
      margin: auto;
      background: #E9F0F8; }
  
  .text {
    color: #1E2F41 !important; }
  
  .w200 {
    width: 200px !important; }
  
  .w230 {
    width: 230px !important; }
  
  .group-buttons .btn {
    margin: 0px 2px; }
  
  .info-row {
    margin-bottom: 20px; }
    .info-row .key {
      color: #1E2F41;
      margin-bottom: 2px; }
    .info-row .value {
      font-weight: 500;
      color: #1E2F41; }
    .info-row .form-control {
      height: 28px; }
    .info-row.-inline {
      display: table;
      width: 100%; }
      .info-row.-inline .key, .info-row.-inline .value {
        display: table-cell; }
      .info-row.-inline .key {
        width: 140px; }
      .info-row.-inline .value {
        padding-left: 10px; }
      .info-row.-inline.lbw170 .key {
        width: 170px; }
      .info-row.-inline.lbw240 .key {
        width: 240px; }
      @media (max-width: 768px) {
        .info-row.-inline {
          display: block; }
          .info-row.-inline .key, .info-row.-inline .value {
            display: block;
            padding: 0px; }
          .info-row.-inline .key {
            margin-bottom: 3px; } }
  
  .table-line-main {
    width: 100%;
    border-bottom: 1px solid #2A6EBB; }
    .table-line-main th {
      text-align: center;
      background: #2A6EBB;
      color: #fff;
      font-weight: 500; }
    .table-line-main th, .table-line-main td {
      border-left: 1px solid #2A6EBB;
      border-right: 1px solid #2A6EBB;
      padding: 15px 10px; }
    .table-line-main tr:nth-child(2n+2) td {
      background: #FBFBFB; }
  
  .box-tags {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #e2e2e2;
    min-height: 80px;
    background: #fff; }
    .box-tags .tag {
      margin-right: 7px;
      margin-bottom: 7px;
      padding: 5px 10px;
      font-size: 16px;
      position: relative;
      padding-right: 30px;
      cursor: pointer;
      background: rgba(242, 166, 52, 0.5);
      border-radius: 2px; }
      .box-tags .tag:hover {
        border-color: #CE7A58; }
      .box-tags .tag .close {
        position: absolute;
        top: 7px;
        right: 5px;
        font-size: 16px; }
  
  .box-chontinh .top {
    padding: 20px; }
  
  .box-chontinh .head {
    padding: 10px 20px;
    border-top: 1px solid #E9F0F8;
    border-bottom: 1px solid #E9F0F8; }
  
  .box-chontinh .list-check .item {
    padding: 10px 20px;
    display: block; }
  
  .box-chontinh .list-check .check-action {
    display: block; }
  
  .box-chontinh .actions {
    padding: 20px 0px;
    border-top: 1px solid #E9F0F8; }
  
  .marl20 {
    margin-left: 20px !important; }
  
  .chat-box {
    z-index: 10000; }
    .chat-box .live-hd {
      border-radius: 8px 8px 0 0; }
    .chat-box .visitor-name {
      font-size: 16px; }
    .chat-box .live-ct-top {
      padding: 0px; }
    .chat-box .btn {
      min-width: 0px; }
    .chat-box .live-chat-ft .btn-attach {
      background: none;
      color: #5d5d5d;
      line-height: 30px;
      padding: 0px;
      text-align: center; }
      .chat-box .live-chat-ft .btn-attach .fa {
        line-height: 30px; }
    .chat-box .live-ct {
      box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.2);
      border-radius: 8px;
      border: none; }
    .chat-box .live-chat-ft {
      background: #fff;
      border-top: 1px solid #ddd; }
  
  .readmore:hover {
    color: #173d68;
    cursor: pointer; }
  
  .modal {
    padding: 0px !important; }
    .modal h2, .modal h3, .modal h1 {
      margin-top: 0px; }
  
  .modal-dialog {
    margin: 20px auto; }
  
  .modal-footer .btn + .btn {
    margin-left: 0px; }
    @media (max-width: 480px) {
      .modal-footer .btn + .btn {
        margin-top: 10px; } }
  
  .upload-file {
    cursor: pointer;
    margin-bottom: 10px;
    position: relative; }
    .upload-file.-loading:before {
      content: "";
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      z-index: 2;
      background: rgba(255, 255, 255, 0.8); }
    .upload-file.-loading:after {
      content: "";
      width: 50px;
      height: 50px;
      position: absolute;
      top: 0px;
      right: 0px;
      left: 0px;
      bottom: 0px;
      z-index: 4;
      margin: auto;
      background-size: cover;
      background-position: center;
      background-image: url(../img/loading.svg); }
    .upload-file .file {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      z-index: 10;
      opacity: 0;
      height: 100%;
      width: 100%; }
    .upload-file .btn {
      text-transform: none;
      border: 1px dashed #aaa;
      width: 100%;
      color: #555;
      display: block;
      height: auto; }
    .upload-file .note {
      color: #999;
      margin-top: 3px;
      font-size: 12px;
      text-transform: none;
      font-style: italic;
      font-weight: normal; }
    .upload-file:hover .btn {
      border-color: #CE7A58; }
  
  .list-files {
    margin-bottom: 10px; }
    .list-files .item {
      position: relative;
      color: #2A6EBB;
      padding-right: 30px; }
      .list-files .item a {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      .list-files .item .remove {
        position: absolute;
        top: 0px;
        right: 0px;
        color: red;
        cursor: pointer; }
  
  .nowrap {
    white-space: nowrap; }
  
  .modal-open {
    padding-right: 0px !important; }
  
  #advsearch .list-check .check-action {
    width: 190px; }
  
  .modal .main-title {
    padding-left: 0px;
    height: auto;
    display: block;
    text-align: center; }
  
  .second {
    color: #903938 !important; }
  
  .tabs {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 40px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    letter-spacing: -4px;
    font-size: 0px;
    list-style: none; }
    .tabs:after {
      content: "";
      display: block;
      clear: both; }
    .tabs > li {
      display: inline-block;
      font-size: 18px;
      letter-spacing: 0px; }
      .tabs > li > a {
        display: block;
        padding: 15px 20px;
        position: relative;
        font-weight: 600; }
        .tabs > li > a:before {
          content: "";
          position: absolute;
          height: 5px;
          left: 0px;
          bottom: -1px;
          right: 0px;
          background: #e2e2e2; }
        .tabs > li > a:focus {
          outline: none; }
      .tabs > li.active > a {
        color: #CE7A58; }
        .tabs > li.active > a:before {
          background: #CE7A58; }
    .tabs.-style01 {
      border-bottom: 0px; }
    .tabs.-style02 {
      border-bottom: 0px;
      display: flex;
      column-gap: 30px;
      row-gap: 30px;
      flex-wrap: wrap;
      margin-bottom: 20px; }
      .tabs.-style02 > li > a {
        padding: 8px 0px;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 16px; }
        .tabs.-style02 > li > a:before {
          height: 2px;
          bottom: 0px;
          background-color: transparent; }
      .tabs.-style02 > li.active > a:before {
        background-color: #CE7A58; }
  
  .input-captcha {
    padding-right: 150px;
    position: relative; }
    .input-captcha .code {
      border-radius: 4px;
      position: absolute;
      right: 0px;
      width: 140px;
      top: 0px;
      background: #f3f4f8;
      height: 40px;
      padding-top: 0px;
      padding-right: 0px;
      padding-left: 0px;
      overflow: hidden;
      border: 1px solid #e2e2e2; }
      .input-captcha .code img {
        height: 100%; }
      .input-captcha .code .btn-refresh {
        width: 30px;
        height: 38px;
        background: none;
        position: absolute;
        top: 0px;
        right: 0px;
        border: 0px;
        font-size: 16px; }
  
  .select2-container--default .select2-results > .select2-results__options {
    max-height: 150px;
    overflow-y: auto; }
  
  .select2-selection__clear {
    display: none; }
  
  .select2-selection__arrow {
    margin-top: 5px; }
  
  .select2-selection__rendered {
    padding-top: 5px; }
  
  .select2-container--default .select2-selection--single {
    border: 1px solid #C9CDCF;
    border-radius: 2px;
    height: 40px; }
  
  .select2-container--default {
    width: 100% !important; }
  
  .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #CE7A58; }
  
  .chosen-container-multi .chosen-choices {
    border: 1px solid #e2e2e2;
    min-height: 40px;
    border-radius: 4px;
    box-shadow: none;
    background: #fff;
    font-size: 16px; }
  
  @media (max-width: 768px) {
    .action {
      margin-top: 20px; }
    .pagination {
      margin-top: 20px; }
    #paginationPanel, .bottom, .pagination-bottom, #divPromotionPagination {
      text-align: center; }
      #paginationPanel .pull-right, #paginationPanel .pull-left, .bottom .pull-right, .bottom .pull-left, .pagination-bottom .pull-right, .pagination-bottom .pull-left, #divPromotionPagination .pull-right, #divPromotionPagination .pull-left {
        text-align: center;
        width: 100%; } }
  
  .modal-content {
    border-radius: 0px; }
    .modal-content .close {
      width: 30px;
      height: 30px;
      position: absolute;
      right: 10px;
      top: 10px;
      text-align: center;
      z-index: 2;
      line-height: 30px; }
  
  .page-notfound {
    max-width: 768px;
    margin: auto;
    padding: 40px 0px;
    display: table;
    width: 100%; }
    .page-notfound .icon, .page-notfound .content {
      display: table-cell;
      vertical-align: middle;
      padding: 20px; }
    .page-notfound .icon {
      width: 200px; }
    .page-notfound .title {
      font-size: 26px;
      font-weight: 500;
      margin-bottom: 10px; }
  
  .list-banks {
    margin: 0px -10px; }
    .list-banks:after {
      content: "";
      display: block;
      clear: both; }
    .list-banks .item {
      cursor: pointer;
      padding: 10px 10px;
      float: left;
      width: 25%;
      float: left; }
      .list-banks .item > a {
        display: block;
        padding: 10px;
        border: 1px solid #BDBDBD;
        position: relative; }
        .list-banks .item > a:hover {
          border-color: #CE7A58; }
      .list-banks .item img {
        height: 40px;
        object-fit: contain;
        display: inline-block;
        width: 100%; }
      .list-banks .item.active > a {
        border-color: #CE7A58; }
        .list-banks .item.active > a:before {
          content: "\f058";
          font-family: FontAwesome;
          position: absolute;
          width: 20px;
          height: 20px;
          line-height: 20px;
          background: #fff;
          color: #CE7A58;
          top: -10px;
          right: -5px;
          text-align: center; }
    @media (max-width: 768px) {
      .list-banks {
        margin: 0px;
        text-align: center; }
        .list-banks .item {
          width: auto;
          display: inline-block;
          float: none; }
          .list-banks .item img {
            width: 160px; } }
  
  .modal-body {
    padding: 30px; }
  
  .head-filter {
    display: table;
    width: 100%;
    margin-bottom: 10px; }
    .head-filter .actions {
      padding-left: 20px; }
  
  .padl10 {
    padding-left: 10px; }
  
  .padr10 {
    padding-right: 10px; }
  
  .marb10 {
    margin-bottom: 10px; }
  
  .mart10 {
    margin-top: 10px; }
  
  .input-line-bottom .form-control {
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    background: none;
    border-radius: 0px;
    padding-left: 0px; }
    .input-line-bottom .form-control:focus, .input-line-bottom .form-control:active {
      box-shadow: none;
      outline: 0px; }
    .input-line-bottom .form-control:disabled {
      background-color: #D6DAE3; }
  
  .minw200 {
    min-width: 200px; }
  
  .popup-ncovi {
    max-width: 580px;
    margin: 30px auto;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    width: 100%; }
    .popup-ncovi .banner-top {
      position: relative; }
    .popup-ncovi .close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 28px;
      height: 28px;
      line-height: 28px;
      border-radius: 50%;
      background: rgba(196, 196, 196, 0.4);
      color: #fff;
      z-index: 100;
      opacity: 1;
      font-weight: normal;
      text-align: center;
      font-size: 14px; }
    .popup-ncovi .box-content {
      padding: 20px; }
    .popup-ncovi .top {
      padding-right: 160px;
      position: relative; }
    .popup-ncovi .btn-link-ncovi {
      background-image: url("../img/gioithieu/bg-shield.svg");
      background-size: contain;
      width: 150px;
      height: 170px;
      background-repeat: no-repeat;
      white-space: normal;
      padding: 30px 10px;
      padding-right: 30px;
      font-weight: 500;
      position: absolute;
      right: 0px;
      top: -100px; }
      .popup-ncovi .btn-link-ncovi span {
        display: block;
        margin-top: 5px; }
    @media (max-width: 480px) {
      .popup-ncovi .top {
        padding-right: 0px; }
      .popup-ncovi .btn-link-ncovi {
        position: static;
        margin: auto;
        display: block; } }
  
  @media (max-width: 768px) {
    div.table, div.cell {
      display: block !important;
      text-align: center !important;
      width: 100% !important;
      padding: 0px !important; } }
  
  .box-text-content {
    padding: 20px 0px;
    font-size: 20px;
    line-height: 28px; }
  
  .maxw768 {
    margin: 0px auto;
    max-width: 768px; }
  
  .maxw991 {
    margin: 0px auto;
    max-width: 991px; }
  
  .input-icon-help {
    position: relative; }
    .input-icon-help .form-control {
      padding-right: 30px; }
    .input-icon-help .help-content {
      width: 30px;
      position: absolute;
      top: 10px;
      right: 0px; }
      .input-icon-help .help-content > .icon {
        color: #aaa;
        cursor: pointer;
        text-align: center; }
        .input-icon-help .help-content > .icon:hover {
          color: #CE7A58; }
      .input-icon-help .help-content .content-help {
        background: #fff;
        position: absolute;
        width: 300px;
        padding: 10px;
        box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
        border-radius: 8px;
        bottom: 30px;
        z-index: 100;
        right: -20px;
        border: 1px solid #ddd;
        margin: auto;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease; }
      .input-icon-help .help-content:hover .content-help {
        visibility: visible;
        opacity: 1;
        transition: all 0.3s ease; }
  
  .alert-show {
    border-radius: 4px;
    padding: 10px 15px;
    background: #fff;
    width: 100%;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    display: table;
    white-space: nowrap; }
    .alert-show .icon, .alert-show .text-content, .alert-show .box-close {
      vertical-align: middle;
      display: table-cell;
      float: none; }
    .alert-show .icon {
      font-size: 32px;
      width: 32px; }
    .alert-show .close {
      font-size: 16px; }
    .alert-show .text-content {
      padding-right: 10px;
      padding-left: 10px; }
    .alert-show .title {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 3px; }
    .alert-show .mess {
      color: #666;
      font-size: 16px; }
    .alert-show:before {
      content: "";
      position: absolute;
      top: 0px;
      width: 5px;
      bottom: 0px;
      background-color: transparent;
      left: 0px;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .alert-show.-success:before {
      background: #219653; }
    .alert-show.-success .icon {
      color: #219653; }
      .alert-show.-success .icon:before {
        content: "\f3ff"; }
    .alert-show.-warning:before {
      background: #F2994A; }
    .alert-show.-warning .icon {
      color: #F2994A; }
      .alert-show.-warning .icon:before {
        content: "\e084"; }
    .alert-show.-danger:before {
      background: #EB5757; }
    .alert-show.-danger .icon {
      color: #EB5757; }
      .alert-show.-danger .icon:before {
        content: "\e000"; }
  
  .list-tab-checks {
    display: inline-block;
    margin-bottom: 30px; }
    .list-tab-checks:after {
      content: "";
      clear: both;
      display: block; }
    .list-tab-checks .item {
      float: left; }
      .list-tab-checks .item:first-child .check-action .name {
        border-radius: 4px 0px 0px 4px; }
      .list-tab-checks .item:last-child .check-action .name {
        border-radius: 0px 4px 4px 0px; }
    .list-tab-checks .check-action {
      cursor: pointer; }
      .list-tab-checks .check-action:hover > .name {
        background: #f1f1f1;
        cursor: pointer; }
      .list-tab-checks .check-action .name {
        background: #f5f5f5;
        border: 1px solid #e2e2e2;
        padding: 5px 20px;
        padding-left: 40px; }
        .list-tab-checks .check-action .name:before {
          top: 9px;
          left: 7px;
          width: 16px;
          height: 16px; }
      .list-tab-checks .check-action input[type=radio]:checked + .name:after {
        width: 8px;
        height: 8px;
        left: 11px;
        top: 13px; }
      .list-tab-checks .check-action input[type=radio]:checked + .name {
        background: #ffc46333;
        border-color: #ffc463; }
.fixed-footer {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: zindex-fixed;
}
.ui.segment {
    position: relative;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    margin: 1rem 0;
    padding: 1em 1em;
    border-radius: 3px;
    border: 1px solid rgba(34,36,38,.15);
}

.fa-lock {
    position: absolute;
    padding: 12px;
    color: #ccc;
}
.check-icon {
    right: 60px;
    top: 0;
    position: absolute;
    line-height: 35px !important;
}
input.login_textfield {
    height: 40px;
    padding-left: 30px;
    margin: 0px;
    z-index: 3;
    color: #000000;
    border-radius: 15px;
    /* width: calc(100% - 30px); */
}
.p10{
    padding:10px
}