/* 
    Document   : my
    Created on : 2015/9/17, 下午 12:47:05
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

root {
    display: block;
}


/*  ----B------- custome bootstrap */


/*.container{
    max-width: 310%;   
    background-color: #FFF;
    padding-bottom: 50px;
    max-width:  1024px!important;
}*/


/*
.container-fluid{
    width: 90%; 
    background-color: white; 
    margin:  0 auto;
    padding-top: 10px
}*/

.list_style {
    list-style: none;
    padding-left: 0px;
}

.list_style li {
    min-height: 30px;
    border-bottom: 1px #ccc dotted;
    padding: 0px 0;
    color: #666;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.list_style li div {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

.list_style li div label {
    color: #fff;
}

.list_style li img {
    width: 50px;
    max-height: 100px;
}

.list_style li:nth-child(1) {
    background-color: #0170ba;
}

.list_style li:nth-child(1) div {
    border-right: 1px #fff solid;
    margin: 12px 0;
}

.list_style li:nth-child(1) div:last-child {
    border-right: 0px #000 solid;
}

.list_style li div:nth-child(6) {
    border-right: 0px #fff solid;
}

.list_style li:nth-child(even) {
    background-color: #fcfbfa;
}

.list_style li div:nth-child(1) {
    width: 20%;
}

.list_style li div:nth-child(2) {
    width: 10%;
}

.list_style li div:nth-child(3) {
    width: 35%;
}

.list_style li div:nth-child(4) {
    width: 35%;
}

.list_style li div:nth-child(5) {
    width: 0%;
}

.list_style li div:nth-child(6) {
    width: 0%;
}

.vote-title-text {
    color: #fd5505;
    /*font-size:calc(1em + 1.5vh);*/
    font-size: 25px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10vh;
}

.title-space {
    font-size: 18px;
    color: #0170ba;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 5px;
}


/*  ----E------- custome bootstrap */

.menu-item a {
    font-size: 15px;
    letter-spacing: 1.5px;
}

.lbl {
    font-weight: bold;
    font-size: 15px;
}

.lbl-content {
    color: grey;
    margin-left: 20px;
}

input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    background-color: #fff;
    color: #333 !important;
    -webkit-transition: 0.05s border-color ease-in-out;
    transition: 0.05s border-color ease-in-out;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 30px;
    width: 95%;
}

input[type="submit"],
input[type="reset"] {
    background: #fe4b05;
    /*   background-image: -webkit-linear-gradient(top, #51a818, #3d8010);
       background-image: -moz-linear-gradient(top, #51a818, #3d8010);
       background-image: -ms-linear-gradient(top, #51a818, #3d8010);
       background-image: -o-linear-gradient(top, #51a818, #3d8010);
       background-image: linear-gradient(to bottom, #51a818, #3d8010);*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial;
    /* font-size: 12px;*/
    color: #ffffff;
    /* margin: 15px 2px 20px; 
     padding: 5px 20px;*/
    border: solid #b73401 1px;
    text-decoration: none;
    opacity: 1;
}

input[type="submit"]:hover,
input[type="reset"]:hover {
    background: #fe4b05;
    color: #ffffff;
}

input[type="radio"] {
    margin-left: 20px !important;
    margin-top: 10px !important;
}


/* SUA LAI  CLASS Cua Boottrap*/

.btn-sm {
    padding: 5px 10px !important;
    font-size: 11px !important;
    background-color: #fe4b05 !important;
    color: #ffffff !important;
    /*margin: 10px 0;*/
}

.btn-sm:hover {
    text-decoration: none;
    background-color: #9b4805 !important;
}

.btn-primary {
    border: solid #b73401 1px !important;
}

.btn {
    padding: 5px 20px !important;
    font-size: 14px !important;
    background-color: #fe4b05 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.btn:hover {
    background-color: #cb3f1f !important;
}


/*-E--------------------------------------------------------------------------*/


/* ---- style input of widget search*/

input[name="s"] {
    width: 140px;
}


/* CAC PHAN CUA HEAD TITLE CHO MOI TITLE CO HINH BACKGROUIP */

div.head-title {
    height: 75px;
    margin-left: -38px;
    background-color: transparent;
    background-image: url("images/bg-head.png");
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 30px;
}

div.title {
    background-color: #ff8003;
    margin-top: 17px;
    margin-left: 20px;
    height: 49px;
    position: absolute;
    border-radius: 0 3px 3px 0;
    box-shadow: 5px 5px 5px #c9c9c9;
    min-width: 40%;
    width: 70%;
}

h2.head {
    font-weight: bold;
    padding-left: 5%;
    padding-right: 0%;
    letter-spacing: 3px;
    color: white;
    font-size: 1.8em;
    margin-top: 15px;
}


/*-B--------------------- phan dialog  pupop---------------------------------------------------------*/


/*phần tử phủ toàn màn hình,không được hiển thị*/

#over {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;
}

a,
a:visited,
a:active {
    text-decoration: none;
}


/* B----------avata---------------------  */

#show-img {
    min-width: 280px;
    height: 180px;
    background-position: center center;
    background-size: cover;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
    display: inline-block;
}

.avatar {
    /*width: 50px;*/
    height: 50px;
    border: 1px black solid;
    border-radius: 3px;
}


/* E----------avata---------------------  */


/*=====================single page style=============================================*/

.entry-meta {
    text-align: right;
    color: #aaaaaa;
}

.entry-header {
    margin-bottom: 20px;
}

.info-bg {
    background-color: #ededed;
    padding: 3px 10px 10px;
    border-radius: 0 0 5px 5px;
    word-break: break-all;
    word-wrap: break-word;
    color: #515151;
    font-size: 15px;
    letter-spacing: 2px;
    border: 1px #d8d8d8 solid;
    border-radius: 5px;
    padding: 10px;
    display: block;
    margin-bottom: 15px;
}

.info-bg .row {
    /*border-bottom:  1px solid #FFFFFF;*/
    margin: 10px;
}

.info-bg .post-info label {
    font-size: 12px;
    color: #aaaaaa;
    font-weight: normal;
}

.info-bg h2 {
    color: #ff8003;
}


/*=====================comment style=============================================*/

ul.children {
    margin-left: 40px;
    background-color: #666;
}

textarea#comment {
    height: 150px;
}

.comment-meta {
    float: right;
    color: #aaaaaa;
    font-size: 12px;
}

.fn {
    font-weight: bold;
    margin-left: 10px;
}

#comment {
    border-bottom: 1px #016d23 solid;
}


/*==============begin  article==============================================================*/

.add-article div {
    padding-top: 15px;
}

ul.article-list {
    /* border-bottom: 1px #AAAAAA solid;
     border-top : 1px #AAAAAA solid;*/
    margin-bottom: 30px;
}

.article-list li {
    line-height: 2.5;
}

ul.article-list li:hover {
    background-color: #e0fff8;
}

.article-list li:nth-child(even) {
    /*  height: 40px;*/
    border-bottom: 1px #d8d8d8 dotted;
    background-color: #f9f9f9;
}

.article-list li:nth-child(odd) {
    /* height: 40px;*/
    border-bottom: 1px #d8d8d8 dotted;
    background-color: #ffffff;
}

.article-list li a {
    margin-left: 20px;
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #aaaaaa;
}

.article-list li a:hover {
    color: #666666;
    text-decoration: none;
}

.article-list li a::before {
    /*content: '*';*/
}


/*==============end  article==============================================================




/*========= B tuyen dung=======================================================================*/

.content {
    clear: both;
    padding-bottom: 25px;
}

.content input.form-control {
    width: 80% !important;
    float: left;
}

.content .mess {
    /*  padding-top:  25px;*/
    color: red;
    margin-top: 3px;
    margin-left: 10px;
}

.label-title {
    margin-bottom: 0px;
    color: #286090;
}


/*========= E  JOIN EVENT ====================================================================*/


/*========= B  popup ====================================================================*/

#div-popup {
    display: none;
}

#div-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(51, 51, 51, 0.7);
    z-index: 1000;
    cursor: pointer;
}

#div-alertInfo {
    position: fixed;
    margin: 10px auto;
    z-index: 1200;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40%;
    height: 200px;
    background-color: white;
    border-radius: 5px;
    transition: all 0.5s ease 0s;
}

#alert-title {
    height: 40px;
    margin-top: 0px;
    border-radius: 5px 5px 0 0;
    background-color: background;
    color: white;
    font-size: 15px;
    font-weight: bold;
    line-height: 2.5;
    padding-left: 20px;
}

#alert-title #btn-close {
    float: right;
    height: 40px;
    width: 45px;
    color: red;
}

#alert-content {
    text-align: center;
    padding-top: 20px;
}

#waiting-img {
    width: 20px;
    display: none;
}


/**** back to top****************************************************/


/* Back to Top */

#back-top-wrapper {
    width: 100%;
    position: absolute;
    overflow: hidden;
}

#back-top {
    position: fixed;
    bottom: 180px;
    right: 0%;
    margin-right: 20px;
    display: none;
}

#back-top a {
    width: 35px;
    height: 28px;
    padding: 7px 0 0 0;
    border-radius: 18px;
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    /*  font-family: 'Oswald', sans-serif; */
    font-weight: 400;
    background: #c6250a;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top a:hover {
    background: #353535;
}

a#back-top img {
    opacity: 0.3;
    width: 50px;
}

a#back-top img:hover {
    opacity: 0.8;
    cursor: pointer;
}


/** Pagination */

.pagination {
    background: #e7e6e5;
    background: rgba(255, 255, 255, 0.35);
    padding: 7px 10px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pagination .page-numbers {
    padding: 3px 7px;
    font-size: 15px;
    font-weight: bold;
    border: 1px #d3d1d1 solid;
    border-radius: 3px;
    text-decoration: none;
}

.pagination .page-numbers:hover {
    background: #d3d1d1;
    color: white;
}

.pagination .dots {
    border: 0 !important;
}

.pagination .dots:hover {
    background: white !important;
    color: black;
}

.pagination .current {
    color: black;
    background: #d3d1d1;
}


/*PHAN CHAY SAN O DUOI TRONG TRANG INDEX SIDEBAR*/

.carousel {
    height: 447px !important;
}

.carousel li {
    border-bottom: 2px #dbdbdb solid;
    margin-bottom: 20px;
}

.box,
.carousel-box {
    text-align: center;
}

.box img {
    max-width: 50%;
    max-height: 250px;
    padding-top: 13px;
}

.carousel-box img {
    max-width: 50%;
    height: 150px;
    padding-top: 13px;
}


/*PHAN CHAY SAN O DUOI TRONG TRANG INDEX*/


/*=============flexisel===============================*/

.clearout {
    height: 25px;
    clear: both;
}

#flexisel {
    display: none;
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-container a:hover {
    text-decoration: none;
}

.nbs-flexisel-ul {
    position: relative;
    width: 99999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}

.nbs-flexisel-title {
    margin-top: 10px;
    font-weight: bold;
}

.nbs-flexisel-inner {
    overflow: hidden;
    float: left;
    width: 100%;
    background: #ffffff;
    background: #ffffff -moz-linear-gradient(top, #fcfcfc 0%, #ffffff 100%);
    /* FF3.6+ */
    background: #ffffff -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: #ffffff -webkit-linear-gradient(top, #fcfcfc 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: #ffffff -o-linear-gradient(top, #fcfcfc 0%, #ffffff 100%);
    /* Opera11.10+ */
    background: #ffffff -ms-linear-gradient(top, #fcfcfc 0%, #ffffff 100%);
    /* IE10+ */
    background: #ffffff linear-gradient(top, #fcfcfc 0%, #ffffff 100%);
    /* W3C */
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
    height: 200px;
    border-left: 1px solid #015e25;
}

.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 200px;
    max-height: 150px;
}


/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(images/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(images/button-next.png) no-repeat;
}

.my-waiting {
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    /*height: 690px;*/
    text-align: center;
    padding-top: 150px;
    z-index: 5000;
}

.guest_pic {
    width: 300px;
}


/*// 01-10-2019* =========================================================*/


/*single=================*/


/*===2019-10-07 copy tu trang respon qua====================*/


/* B  PHAN SILDER*/

.container_skitter .image_main {
    max-width: 100%;
    text-align: center;
}

.box_skitter {
    max-width: 100%;
}

.box_skitter img {
    max-width: 100%;
}


/* E PHAN SILDER*/


/* B  NHOM TITLE BLUE*/


/* B STYLE TITLE WIDGET */

.widget {
    background: white;
    border: 1px solid #dbdbdb;
    padding: 5px 0px !important;
    margin: 10px 2px !important;
    border-radius: 6px;
}

.widget ul {
    list-style: square !important;
    padding-left: 1.7em !important;
}

.widget ul li {
    list-style: square !important;
    padding: 10px 0 !important;
    border-bottom: 1px #d8d8d8 dotted !important;
}

.widget ul li a {
    display: block;
}

.widget ul li a:hover {
    color: #a0a0a0;
    text-decoration: none;
}

.widget_calendar {}

.widget_calendar table {
    max-width: 100%;
}

.widget_calendar table #today {
    background: red;
    color: #fff;
}

.widget_calendar table caption {
    font-weight: bold;
    font-size: 1.1em;
}

.widget h3 {
    background-color: #286090;
    border-radius: 5px 5px 0 0;
    border: 1px solid #e5e5e5;
    color: #ffffff;
    margin-top: -5px;
    padding: 10px 10px 10px 15px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
}

.spaceTop {
    margin-top: 10px;
    margin-left: 20px;
}


/* E STYLE TITLE WIDGET */


/*LIST SHOW HORIZONTAL =================================================*/

.list_horizontal {
    display: flex;
    margin: 0px;
    background-color: #f5f4f3;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
    border-radius: 5px;
}

.list_horizontal .list_col {
    border-right: 1px solid #dedbd9;
    background-color: white;
}

.list_horizontal .list_col img {
    width: 180px;
    max-height: 250px;
    padding: 10px;
}

.list_horizontal .list_col .vote_text {
    text-align: left;
    padding: 5px 10px;
    border-bottom: 1px dotted #dedbd9;
    font-size: 15px;
    font-weight: bold;
}

.list_horizontal .list_col .vote_text label {
    width: 60px;
}

.form-row {
    min-height: 45px;
}

.form-btn {
    height: 50px;
    text-align: right;
    padding-right: 20px;
    margin-top: 15px;
}

select {
    width: 90%;
}


/*THAY DOI MAU MAC DINH SELCET BOX CUA IU JQUERY*/

.ui-state-hover {
    border: solid #ffffff 1px !important;
    background-color: #a3ccfb !important;
    color: white !important;
}

.ui-state-focus {
    border: solid #ffffff 1px !important;
    background-color: #a3ccfb !important;
    color: white !important;
}


/*//========*/

.error-mess {
    color: red;
}

.bg-white {
    background-color: white;
    padding: 20px 10px;
    border-radius: 5px;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.8;
    margin-bottom: 15px;
}

ul.list {
    margin: 30px 10px;
}

ul.list li {
    overflow: hidden;
    border-bottom: 1px solid #d3d3d4;
    padding-left: 20px;
}

ul.list li:nth-child(even) {
    background-color: #f0f0f0;
}

ul.list li div {
    float: left;
}