/* Không xóa và thay đổi phân đoạn này */
.nivoSlider {
        position:relative;
        width:100%;
        height: auto;
        overflow: hidden;
}
.nivoSlider img {
        position:absolute;
        top:0px;
        left:0px;
        max-width: none;
}
.nivo-main-image {
        display: block !important;
        position: relative !important;
        width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        border:0;
        padding:0;
        margin:0;
        z-index:6;
        display:none;
        background:white;
        filter:alpha(opacity=0);
        opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
        display:block;
        position:absolute;
        z-index:5;
        height:100%;
        top:0;
}
.nivo-box {
        display:block;
        position:absolute;
        z-index:5;
        overflow:hidden;
}
.nivo-box img {
        display:block;
}
/* Caption styles */
.nivo-caption {
        position:absolute;
        left:0px;
        bottom:0px;
        background:#000;
        color:#fff;
        width:100%;
        z-index:8;
        padding: 5px 10px;
        opacity: 0.8;
        overflow: hidden;
        display: none;
        -moz-opacity: 0.8;
        filter:alpha(opacity=8);
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
}
.nivo-caption p {
        padding:5px;
        margin:0;
}
.nivo-caption a {
        display:inline !important;
}
.nivo-html-caption {
        display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
        position:absolute;
        top:45%;
        z-index:9;
        cursor:pointer;
}
.nivo-prevNav {
        left:0px;
}
.nivo-nextNav {
        right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
        text-align:center;
        padding: 15px 0;
}
.nivo-controlNav a {
        cursor:pointer;
}
.nivo-controlNav a.active {
        font-weight:bold;
}
/**********************************************************************************/
.ImageLibraryBar  .Wraper .nivoSlider {
        position:relative;
        background:#fff url(Images/loading.gif) no-repeat 50% 50%;
}
.ImageLibraryBar .Wraper .nivoSlider img {
        position:absolute;
        top:0px;
        left:0px;
        display:none;
        height: auto !important;
}
.ImageLibraryBar .Wraper .nivoSlider a {
        border:0;
        display:block;
}
.ImageLibraryBar .Wraper .nivo-controlNav {
        background: url(Images/slides-bg.jpg) repeat-x center left;
        Height:30px;
        text-align: center;
        padding: 0px;
}
.ImageLibraryBar .Wraper .nivo-controlNav .nivo-control {
        background: none repeat scroll 0 0 #C0C0C0;
        border: 0 none;
        border-radius: 500px 500px 500px 500px;
        display: inline-block;
        height: 12px;
        margin: 12px 10px;
        text-indent: -9999px;
        width: 12px;
        transition: all 0.5s ease 0s;
}
.ImageLibraryBar .Wraper .nivo-controlNav .nivo-control-text {
        background: url("Images/slides-button.jpg") repeat-x scroll left center transparent;
        border: 1px solid #D0D0D0;
        box-shadow: 2px 2px 5px #CCCCCC;
        display: inline-block;
        font: bold 10pt/36px arial;
        margin: 0;
        padding: 0;
        width: 192px;
}
.ImageLibraryBar .Wraper .nivo-controlNav .nivo-control-text.active  {
        background: none repeat scroll 0 0 #015294;
        box-shadow: 1px 1px 12px #f0f0f0 inset;
        color: #fff;
        /*005399*/
        border: 1px solid #e6e6e6;
}
.ImageLibraryBar .Wraper .nivo-controlNav .active {
        background: none repeat scroll 0 0 #005195;
        transition: all 0.5s ease 0s;
}
.ImageLibraryBar .Wraper .nivo-directionNav a {
        display:block;
        width:30px;
        height:30px;
        background:url(Images/arrows.png) no-repeat;
        text-indent:-9999px;
        border:0;
        opacity: 0;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
}
.ImageLibraryBar .Wraper:hover .nivo-directionNav a {
        opacity: 1;
}
.ImageLibraryBar .Wraper a.nivo-nextNav {
        background-position:-30px 0;
        right:15px;
}
.ImageLibraryBar .Wraper a.nivo-prevNav {
        left:15px;
}
.ImageLibraryBar .Wraper .nivo-caption {
        font-family: Helvetica, Arial, sans-serif;
}
.ImageLibraryBar .Wraper .nivo-caption a {
        color:#fff;
        border-bottom:1px dotted #fff;
}
.ImageLibraryBar .Wraper .nivo-caption a:hover {
        color:#fff;
}
.ImageLibraryBar .Wraper .nivo-controlNav.nivo-thumbs-enabled {
        width: 100%;
}
.ImageLibraryBar .Wraper .nivo-controlNav.nivo-thumbs-enabled a {
        width: auto;
        height: auto;
        background: none;
        margin-bottom: 5px;
}
.ImageLibraryBar .Wraper .nivo-controlNav.nivo-thumbs-enabled img {
        display: block;
        width: 120px;
        height: auto;
}
.ImageLibraryBar div.bx-wrapper {
        border: none;
        margin-bottom: 0;
        box-shadow: none;
}
.ImageLibraryBar {
        position: relative;
        /* margin-top: -2px; */
        margin-bottom: 10px;
        max-width: 100%;
}
.ImageLibraryBar div.bx-viewport {
        /* height: 30vw !important; */
}
.ImageLibraryBar .bx-wrapper img {
        /* height: 30vw !important; */
        width: 100%;
}
.ImageLibraryBar div.bx-wrapper .bx-pager.bx-default-pager a {
        height: 5px;
        width: 20px;
        background: #e4e4e4;
}
.ImageLibraryBar div.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.ImageLibraryBar div.bx-wrapper .bx-pager.bx-default-pager a.active, 
.ImageLibraryBar div.bx-wrapper .bx-pager.bx-default-pager a:focus {
        background: orange;
}
.ImageLibraryBar div.bx-wrapper .bx-pager, 
.ImageLibraryBar div.bx-wrapper .bx-controls-auto {
        bottom: 10px;
}
.ImageLibraryBar .bx-wrapper .bx-controls-direction a{
        opacity: 0.3;
        z-index: 10;
}
.ImageLibraryBar .bx-wrapper:hover .bx-controls-direction a{
        opacity: 0.9;
}
@media only screen and (max-width: 1023px){
        .ImageLibraryBar{
                padding: 0 10px;
        }
}