/* Base */
/*----- Variables -----*/
/*----- reset -----*/
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
address,
em,
img,
strong,
dl,
dt,
dd,
ul,
li,
fieldset,
form,
label,
legend {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
}

:focus {
    outline: 0 !important;
}

ol,
ul {
    list-style: none;
}

img {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

a:link,
a:visited,
a:hover,
a:focus {
    text-decoration: none;
}

a:link,
a:visited {
    color: #000;
}

::selection {
    background-color: #00aff0;
    color: #fff;
}

::-webkit-file-upload-button {
    cursor: pointer;
}

a:focus,
button:focus,
input[type="submit"]:focus,
a:active,
button:active,
input[type="submit"]:active {
    box-shadow: none !important;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

a:link,
a:visited {
    color: #114285;
}

a:hover {
    color: #1c5fbb;
}

a:link,
a:visited,
a:hover,
a:focus {
    text-decoration: none;
    outline: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

body {
    font-family: arial;
    font-size: 15px;
    font-weight: 400;
    color: #222222;
    background-color: #ffffff;
    -ms-overflow-y: visible !important;
    overflow-y: visible !important;
}

html {
    -webkit-text-size-adjust: none;
}

html,
body {
    height: 100%;
}

.clear {
    clear: both;
    height: 0;
}

#wrapper {
    height: auto;
    margin: 0 auto -65px;
    min-height: 100%;
    padding: 0 0 65px;
}
/* Custom Bootstrap Theme */
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 5px;
}

.center {
    width: 1170px;
    margin: 0 auto;
}


/* Vendors - Plugin*/
.borderRadius {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.borderRadiusTp {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.borderRadiusBtm {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.ddcommon {
    position: relative;
    display: -moz-inline-stack;
    zoom: 1;
    display: inline-block;
    *display: inline;
    cursor: default;
}

    .ddcommon ul {
        padding: 0;
        margin: 0;
    }

        .ddcommon ul li {
            list-style-type: none;
        }

.borderRadiusTp ul li:last-child {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-bottom: 0 none #c3c3c3;
}

.borderRadiusBtm ul li:first-child {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #c3c3c3;
}

.ddcommon .disabled img,
.ddcommon .disabled span,
.ddcommon.disabledAll {
    opacity: .5;
    /* standard: ff gt 1.5, opera, safari */
    -ms-filter: "alpha(opacity=50)";
    /* ie 8 */
    filter: alpha(opacity=50);
    /* ie lt 7 */
    -khtml-opacity: .5;
    /* safari 1.x */
    -moz-opacity: .5;
    /* ff lt 1.5, netscape */
    color: #999999;
}

.ddcommon .clear {
    clear: both;
}

.ddcommon .shadow {
    -moz-box-shadow: 5px 5px 5px -5px #888888;
    -webkit-box-shadow: 5px 5px 5px -5px #888888;
    box-shadow: 5px 5px 5px -5px #888888;
}

.ddcommon input.text {
    color: #7e7e7e;
    padding: 0 0 0 0;
    position: absolute;
    background: #fff;
    display: block;
    width: 98%;
    height: 98%;
    left: 2px;
    top: 0;
    border: none;
}

.ddOutOfVision {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.borderRadius .shadow {
    -moz-box-shadow: 5px 5px 5px -5px #888888;
    -webkit-box-shadow: 5px 5px 5px -5px #888888;
    box-shadow: 5px 5px 5px -5px #888888;
}

.borderRadiusBtm .shadow {
    -moz-box-shadow: -5px -5px 5px -5px #888888;
    -webkit-box-shadow: -5px -5px 5px -5px #888888;
    box-shadow: -5px -5px 5px -5px #888888;
}

.borderRadiusTp .border,
.borderRadius .border {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.borderRadiusBtm .border {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

img.fnone {
    float: none !important;
}

.ddcommon .divider {
    width: 0;
    height: 100%;
    position: absolute;
}

.ddcommon .ddArrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 4px;
}

    .ddcommon .ddArrow:hover {
        background-position: 0 100%;
    }

.ddcommon .ddTitle {
    padding: 0;
    position: relative;
    display: inline-block;
    width: 100%;
}

    .ddcommon .ddTitle .ddTitleText {
        display: block;
    }

        .ddcommon .ddTitle .ddTitleText .ddTitleText {
            padding: 0;
        }

    .ddcommon .ddTitle .description {
        display: block;
    }

    .ddcommon .ddTitle .ddTitleText img {
        position: relative;
        vertical-align: middle;
        float: left;
    }

.ddcommon .ddChild {
    position: absolute;
    display: none;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    zoom: 1;
    z-index: 9999;
}

    .ddcommon .ddChild li {
        clear: both;
    }

        .ddcommon .ddChild li .description {
            display: block;
        }

        .ddcommon .ddChild li img {
            border: 0 none;
            position: relative;
            vertical-align: middle;
            float: left;
        }

        .ddcommon .ddChild li.optgroup {
            padding: 0;
        }

            .ddcommon .ddChild li.optgroup .optgroupTitle {
                padding: 0 5px;
                font-weight: bold;
                font-style: italic;
            }

            .ddcommon .ddChild li.optgroup ul li {
                padding: 5px 5px 5px 15px;
            }

.ddcommon .noBorderTop {
    border-top: none 0 !important;
    padding: 0;
    margin: 0;
}
/*************** default theme **********************/
.dd {
    border: 1px solid #c3c3c3;
}

    .dd .divider {
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid #fff;
        right: 24px;
    }

    .dd .ddArrow {
        width: 16px;
        height: 16px;
        margin-top: -8px;
        background: url(../../images/msdropdown/skin1/dd_arrow.gif) no-repeat;
    }

        .dd .ddArrow:hover {
            background-position: 0 100%;
        }

    .dd .ddTitle {
        color: #000;
        background: #e2e2e4 url(../../images/msdropdown/skin1/title-bg.gif) repeat-x left top;
    }

        .dd .ddTitle .ddTitleText {
            padding: 5px 20px 5px 5px;
        }

            .dd .ddTitle .ddTitleText .ddTitleText {
                padding: 0;
            }

        .dd .ddTitle .description {
            font-size: 12px;
            color: #666666;
        }

        .dd .ddTitle .ddTitleText img {
            padding-right: 5px;
        }

    .dd .ddChild {
        border: 1px solid #c3c3c3;
        background-color: #fff;
        left: -1px;
    }

        .dd .ddChild li {
            padding: 5px;
            background-color: #fff;
            border-bottom: 1px solid #c3c3c3;
        }

            .dd .ddChild li .description {
                color: #666;
            }

            .dd .ddChild li .ddlabel {
                color: #333;
            }

            .dd .ddChild li.hover {
                background-color: #f2f2f2;
            }

            .dd .ddChild li img {
                padding: 0 6px 0 0;
            }

            .dd .ddChild li.optgroup {
                padding: 0;
            }

                .dd .ddChild li.optgroup .optgroupTitle {
                    padding: 0 5px;
                    font-weight: bold;
                    font-style: italic;
                }

                .dd .ddChild li.optgroup ul li {
                    padding: 5px 5px 5px 15px;
                }

            .dd .ddChild li.selected {
                background-color: #d5d5d5;
                color: #000;
            }
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
    background: #ffffff url('/App_Themes/DMC/Images/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/slick.eot');
    src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: transparent;
        outline: none;
        /*background: transparent;*/
    }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: .25;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: white;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}
/* Dots */
.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                font-family: 'slick';
                font-size: 6px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: '•';
                text-align: center;
                opacity: .25;
                color: black;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: black;
        }
/* Components */
.dd {
    cursor: pointer;
    border: none;
}

    .dd .divider {
        display: none;
    }

    .dd .ddTitle {
        background: none;
        color: #aaa;
        font-family: arial;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
    }

        .dd .ddTitle .ddTitleText {
            padding: 0;
        }

    .dd .ddArrow {
        background: url("../images/front/arrow-down-gray.png") no-repeat center 5px !important;
    }

    .dd .ddChild li {
        padding: 3px 5px;
    }

        .dd .ddChild li .ddlabel {
            color: #aaa;
            font-family: arial;
            font-size: 12px;
            font-weight: 400;
            text-transform: uppercase;
        }

        .dd .ddChild li.selected {
            background-color: #81be42;
        }

            .dd .ddChild li.selected .ddlabel {
                color: #fff;
            }

.banner-container .slick-prev,
.banner-container .slick-next {
    background: #0d356d url("../images/front/arrow-next-prev-white.png") no-repeat 0 0 !important;
    top: auto;
    bottom: 38px;
    width: 43px;
    height: 43px;
    opacity: 0.6;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .banner-container .slick-prev:hover,
    .banner-container .slick-prev:focus,
    .banner-container .slick-next:hover,
    .banner-container .slick-next:focus {
        opacity: 1;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .banner-container .slick-prev:before,
    .banner-container .slick-next:before {
        content: '';
    }

.banner-container .slick-prev {
    left: 24px;
    background-position: 15px 12px !important;
}

.banner-container .slick-next {
    right: auto;
    left: 77px;
    background-position: -42px 12px !important;
}

@media screen and (max-width: 940px) {
    .banner-container .slick-prev,
    .banner-container .slick-next {
        left: auto;
        bottom: 24px;
        opacity: 1;
    }

    .banner-container .slick-prev {
        right: 77px;
    }

    .banner-container .slick-next {
        right: 24px;
    }
}

div.pp_default .pp_nav {
    display: none !important;
}

div.pp_default .pp_description {
    font-size: 16px !important;
}
/*@import "vendor/plugins/slick";*/
/*@import "vendor/plugins/mmenu";*/
/*@import "vendor/plugins/magnific-popup";*/
/*@import "vendor/plugins/pagepiling";*/
/*@import "vendor/overrides";*/
/* Layouts */
/*----- Header -----*/
#head-container .center {
    /*background: url("../images/front/banner.jpg") no-repeat center 0;*/
    padding-top: 8px;
}

    #head-container .center h2.title {
        font-size: 16px;
        color: #124283;
        line-height: 30px;
        margin-top: 9px !important;
        margin-bottom: 0;
    }

.head {
    overflow: hidden;
}

.logo {
    float: left;
    width: 9.042553191489362%;
    margin-right: 3.404255319148936%;
}

    .logo img {
        width: 100%;
        height: auto;
        max-width: 85px;
        border: 0;
    }
    .logo h1{}
.slogan {
    float: left;
    /*width: 56.19148936170213%;*/
    max-width: 528px;
    margin-right: 6.063829787234043%;
}

    .slogan .left {
        float: left;
    }

        .slogan .left h2 {
            text-transform: uppercase;
            text-align: center;
        }

            .slogan .left h2 span {
                font-family: arial;
                font-size: 20px;
                font-weight: 600;
                display: block;
                line-height: 25px;
                color: #124282;
            }

            .slogan .left h2 .color-blue {
                color: #124282;
                margin-top: 10px;
            }

            .slogan .left h2 .color-green {
                color: #009149;
            }

    .slogan .right h2 {
        font-family: arial;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: right;
        margin-top: 25px;
        color: #124282;
    }

.language {
    float: left;
    padding: 0;
    position: absolute;
    top: 4px;
    right: 150px;
}

.search {
    float: right;
    position: absolute;
    top: 53px;
    right: 10px;
}

    .search fieldset .input {
        border: 1px solid #f1f1f1;
        border-radius: 20px;
        background-color: #fff;
        padding: 5px 10px 5px 15px;
        overflow: hidden;
    }

        .search fieldset .input input {
            border: none;
            background: none;
            float: left;
            font-size: 12px;
            
        }

            .search fieldset .input input[type="text"] {
                min-width: 200px;
            }

            .search fieldset .input input.bt-search {
                background: url("../images/front/icon-search.png") no-repeat 0 0;
                width: 17px;
                height: 17px;
            }

.login-area {
    float: right;
    padding: 0;
}

    .login-area a.bt-login {
        background-color: #79bc36;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        color: #fff;
        display: block;
        text-transform: uppercase;
        text-align: center;
        line-height: 28px;
        width: 127px;
        height: 28px;
        font-family: arial;
        font-size: 12px;
        font-weight: 600;
    }

        .login-area a.bt-login:hover {
            background-color: #59951c;
        }
       

@media screen and (max-width: 1280px) {
    .center {
        width: 100%;
    }
}
@media screen and (max-width: 940px) {
    .logo {
        margin-right: 1.404255319148936%;
    }

    /*.navibar ul.nav li a {
        font-size: 13px;
        padding: 10px;
    }*/
}

@media screen and (max-width: 880px) {
    #head-container .center {
        padding-top: 15px;
    }

    .navbar-header {
        /*margin-top: 15px;*/
    }

    .slogan {
        width: 56.19148936170213%;
        margin-right: 6.063829787234043%;
    }

        .slogan .left h2 {
            font-size: 15px;
        }
}

@media screen and (max-width: 845px) {
    .slogan {
        width: 54.19148936170213%;
        margin-right: 4.063829787234043%;
    }

        .slogan .left h2 span {
            font-size: 13px;
            line-height: 21px;
        }

        .slogan .right h2 {
            font-size: 10px;
        }
}

@media screen and (max-width: 767px) {
    .logo {
        width: 80px;
        margin-right: 10px;
    }

    .slogan {
        width: auto;
        margin-right: 0;
    }

        .slogan .left {
            float: none;
        }

            .slogan .left h2 {
                font-size: 13px;
            }

                .slogan .left h2 span {
                    line-height: 21px;
                }

                .slogan .left h2 .color-blue {
                    margin-top: 0;
                }

        .slogan .right h2 {
            margin-top: 5px;
            font-size: 12px;
            text-align: center;
        }
    /*	.language {
		position: absolute;
		top: -5px;
		right: 3px;
		padding: 0;
	}*/
    .login-area {
        /*padding: 25px 0 15px;*/
    }

    .navibar {
        margin-top: 1px;
    }
    .search {
  float: right;
  position: absolute;
  top: 39px;
  right: 10px;
}
}

@media screen and (max-width: 580px) {
    #head-container .center h2.title,
    .slogan {
        display: none;
    }

    .language {
        padding: 8px 0;
        right: 158px;
    }
    .navbar{ margin-top: 15px !important;margin-bottom: 0 !important;}
}

@media screen and (max-width: 520px) {
    #head-container .center {
        padding-top: 10px;
    }

    .logo {
        width: 55px;
    }

    .breadcrumb li a,.breadcrumb li.active{ font-size: 13px !important;}
    .logo h1{ margin-top: 0;}
    .language{ padding-top: 0;}
    .head{ height: 86px;}
    .slogan .left h2 {
        font-size: 9px;
    }

        .slogan .left h2 span {
            line-height: 15px;
            text-align: left;
        }

    .slogan .right h2 {
        margin-top: 1px;
        font-size: 10px;
        text-align: left;
    }

    .login-area {
        padding: 5px 0 15px;
    }

        .login-area a.bt-login {
            width: 90px;
            height: 30px;
            font-size: 9px;
            line-height: 30px;
        }
     .search fieldset input[type=text]{ width: 200px;}
     .navbar{ margin-top: 15px !important;margin-bottom: 0 !important;}
}

@media screen and (max-width: 400px) {
    .slogan .right {
        display: none;
    }
    .navbar{ margin-top: 15px;margin-bottom: 0 !important;}
    .bt-search{ width: auto !important;}
}

.banner-container {
    margin-top: 5px;
    margin-bottom: 10px;
}

    .banner-container .banner-wrap {
        background-color: #134283;
    }

        .banner-container .banner-wrap .left {
            float: left;
            width: 30.85106382978723%;
        }

            .banner-container .banner-wrap .left .content {
                padding: 40px 24px 24px;
            }

                .banner-container .banner-wrap .left .content h3.title {
                    margin-bottom: 10px;
                    line-height: 23px;
                }

                    .banner-container .banner-wrap .left .content h3.title a {
                        color: #fff;
                        font-family: arial;
                        font-size: 18px;
                        font-weight: 600;
                    }

                .banner-container .banner-wrap .left .content .description {
                    color: #dee2ea;
                    font-family: arial;
                    font-size: 14px;
                    font-weight: 400;
                    text-align: justify;
                }

        .banner-container .banner-wrap .right {
            float: right;
            width: 69.14893617021277%;
        }

            .banner-container .banner-wrap .right img {
                width: 100%;
                height: auto;
            }

@media screen and (max-width: 920px) {
    .banner-container .banner-wrap .left {
        float: left;
        width: 39.85106382978723%;
    }

        .banner-container .banner-wrap .left .content {
            padding: 20px;
        }

    .banner-container .banner-wrap .right {
        width: 60.14893617021277%;
    }
}

@media screen and (max-width: 767px) {
    .banner-container .banner-wrap .left .content h3.title {
        height: auto;
    }

    .banner-container .banner-wrap .left,
    .banner-container .banner-wrap .right {
        float: none;
        width: 100%;
    }
}

.sidebar .content {
    position: relative;
    margin-bottom: 20px;
}

    .sidebar .content img {
        width: 100%;
        height: auto;
    }

    .sidebar .content h3.title {
        font-family: arial;
        font-size: 17px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        position: absolute;
        bottom: 15px;
        left: 20px;
        z-index: 2;
    }

    .sidebar .content span.icon-view {
        background: url("../images/front/circle-arrow-right-white.png") no-repeat 0 0;
        width: 20px;
        height: 20px;
        position: absolute;
        bottom: 15px;
        right: 20px;
        z-index: 2;
    }

    .sidebar .content span.bg-transparent {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
        background: url("../images/front/bg-transparent.png") repeat-x 0 bottom;
        width: 100%;
        height: 100%;
    }

#footer-container {
    min-height: 65px;
}

    #footer-container .copyright {
        color: #a3a3a3;
        font-family: arial;
        font-size: 13px;
        font-weight: 400;
        text-align: center;
        padding: 15px 0;
    }

    #footer-container .footer-content {
        background:#123f83 url("../images/front/bg-footer.png") no-repeat center 0;
        background-size: 100% auto;
        border-top: 1px solid #e3e3e3;
        padding: 8px 20px 5px;
        overflow: hidden;
        font-size: 13px;
        margin-bottom: 10px;
    }

    #footer-container .left,
    #footer-container .right {
        font-family: arial;
        font-size: 13px;
        font-weight: 400;
    }

    #footer-container .left {
        float: left;
        width: 60%;
    }

        #footer-container .left .copyright {
            padding: 0;
            color: #fff;
            text-align: left;
            padding-bottom: 0;
        }

        #footer-container .left .email,
        #footer-container .left .phone,
        #footer-container .left .address {
            color: #fff;
        }

            #footer-container .left .email a,
            #footer-container .left .phone a,
            #footer-container .left .address a {
                color: #fff;
            }

    #footer-container .right {
        text-align: right;
        float: right;
        width: 40%;
        color: #fff;
        padding-top: 2px;
    }

    #footer-container .list-social {
        text-align: right;
        padding-top: 5px;
    }

        #footer-container .list-social li {
            display: inline-block;
            margin-left: 3px;
        }

            #footer-container .list-social li .icon-social {
                background: url("../images/front/list-social.png") no-repeat;
                display: block;
                width: 27px;
                height: 27px;
            }

                #footer-container .list-social li .icon-social.icon-facebook {
                    background-position: 0 0;
                }

                #footer-container .list-social li .icon-social.icon-twitter {
                    background-position: -35px 0;
                }

                #footer-container .list-social li .icon-social.icon-googleplus {
                    background-position: -69px 0;
                }

@media screen and (max-width: 840px) {
    #footer-container .left p,
    #footer-container .right p {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    #footer-container .left,
    #footer-container .right {
        float: none;
        width: 100%;
    }

        #footer-container .left p,
        #footer-container .right p {
            text-align: left;
        }

    #footer-container .left {
        margin-bottom: 5px;
    }
}
/* Pages */
.page-home .block-news h2.title-category {
    margin-top: 10px;
    margin-bottom: 8px;
}

    .page-home .block-news h2.title-category a {
        color: #000;
        font-family: arial;
        font-size: 17px;
        font-weight: 600;
        text-transform: uppercase;
    }

.page-home .block-news .content h3 {
    color: #134283;
    font-family: arial;
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0 0;
    line-height: 20px;
}

    .page-home .block-news .content h3 a {
        display: block;
    }

.page-home .block-news .content img {
    width: 100%;
    height: 100%;
    padding: 2px;
}

.page-home .block-news .content .post-time {
    color: #a3a3a3;
    font-family: arial;
    font-size: 11px;
    font-weight: 400;
}

.page-home .block-news .content .description {
    color: #000;
    font-family: arial;
    font-size: 14px;
    font-weight: 400;
}

a.view-more {
    color: #009149;
    display: inline-block;
    font-family: arial;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
}

.cms-avt-wrap {
    height: 245px;
    overflow: hidden;
}

.block-news .content {
    min-height: 388px;
}

a.view-more .icon.icon-arrow-right {
    background: url("../images/front/arrow-right-gray.png") no-repeat 0 0;
    float: right;
    width: 9px;
    height: 9px;
    margin-top: 3px;
    margin-left: 6px;
}

.page-home .block-news .related-news {
    margin-top: 2px;
    margin-bottom: 20px;
}

    .page-home .block-news .related-news .list li {
        background: url("../images/front/bullet.png") no-repeat left;
        padding: 4px 0 0 14px;
        white-space: nowrap;
        line-height: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .page-home .block-news .related-news .list li a {
            color: #114285;
            font-family: arial;
            font-size: 13px;
            font-weight: 400;
        }

            .page-home .block-news .related-news .list li a:hover {
                color: #1c5fbb;
            }

.page-home .block-other-link .content {
    position: relative;
    margin-bottom: 10px;
}

    .page-home .block-other-link .content img {
        height: auto;
        /*padding: 2px;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;*/
    }

    .page-home .block-other-link .content h3.title {
        font-family: arial;
        font-size: 17px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        position: absolute;
        bottom: 15px;
        left: 20px;
        z-index: 2;
    }

    .page-home .block-other-link .content span.icon-view {
        background: url("../images/front/circle-arrow-right-white.png") no-repeat 0 0;
        width: 20px;
        height: 20px;
        position: absolute;
        bottom: 15px;
        right: 20px;
        z-index: 2;
    }

    .page-home .block-other-link .content span.bg-transparent {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
        background: url("../images/front/bg-transparent.png") repeat-x 0 bottom;
        width: 100%;
        height: 100%;
    }

@media screen and (max-width: 480px) {
    .page-home .block-other-link .content h3.title {
        font-size: 12px;
        bottom: 5px;
        left: 5px;
    }

    .page-home .block-other-link .content span.icon-view {
        display: none;
    }
}

.page-intro .detail-content img {
    max-width: 100%;
    height: auto;
}

.page-intro .detail-content .text h3.title {
    display: block;
    color: #134283;
    font-family: arial;
    font-size: 19px;
    font-weight: 400;
    line-height: 24px;
    margin: 15px 0 10px;
}

.page-intro .detail-content .text p {
    font-family: arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 18px;
}

.page-intro .detail-content ul.list li {
    background: url("../images/front/bullet-2.png") no-repeat 0 7px;
    padding-left: 20px;
}

    .page-intro .detail-content ul.list li a {
        color: #29313c;
    }

        .page-intro .detail-content ul.list li a:hover {
            color: #009149;
        }

.breadcrumb {
    background: none;
    padding: 0;
    margin: 22px 0 18px;
}

    .breadcrumb li a {
        color: #9d9d9d;
        font-family: arial;
        font-size: 17px;
        font-weight: 600;
    }

    .breadcrumb li.active {
        color: #000;
        font-family: arial;
        font-size: 17px;
        font-weight: 600;
    }

h2.title {
    color: #000;
    font-family: arial;
    font-size: 17px;
    font-weight: 600;
    margin: 22px 0 18px;
}

.block-highlight {
    position: relative;
    overflow: hidden;
    height: 400px;
    margin-bottom: 25px;
}

    .block-highlight img {
        width: 100%;
        /*height: 300px !important;*/

       
    }

   .block-highlight .info-block {
       background: #009149;
       background-color: rgb(0, 145, 73);
       opacity: 0.6;
        
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        padding: 18px 23px;
    }

    .block-highlight    .info-block h3.title {
            position: static !important;
        }

       .block-highlight     .info-block h3.title a {
                display: block;
                margin-bottom: 2px;
                color: #fff;
                font-family: arial;
                font-size: 18px;
                font-weight: 600;
                text-transform: initial;
            }

       .block-highlight  .info-block .post-time {
            color: #EAEAEA;
            font-size: 12px;
        }

.list-news ul.list li {
    overflow: hidden;
    margin-bottom: 19px;
}

    .list-news ul.list li a.image {
        display: block;
        float: left;
        margin-right: 20px;
        width: 160px;
        height: 100px;
        overflow: hidden;
        border: 1px solid #e5e5e5;
            padding:2px;
    }
    .list-news ul.list li a.image img {
        width: 100%;
        height: 100%;
    }
        /*.list-news ul.list li a.image span {
            border: 1px solid #e5e5e5;
            padding:1px;
            display: inline-block;
        }*/

    .list-news ul.list li .content {
        overflow: hidden;
    }

        .list-news ul.list li .content h3 {
            color: #134283;
            font-family: arial;
            font-size: 15px;
            font-weight: 400;
            margin: 0px 0 2px;
            line-height: 18px;
        }

            .list-news ul.list li .content h3 a {
                display: block;
            }

        .list-news ul.list li .content img {
            width: 100%;
            height: auto;
        }

        .list-news ul.list li .content .post-time {
            color: #a3a3a3;
            font-family: arial;
            font-size: 11px;
            font-weight: 400;
        }

        .list-news ul.list li .content .description {
            color: #000;
            font-family: arial;
            font-size: 14px;
            font-weight: 400;
            text-align: justify;
        }

        .list-news ul.list li .content a.view-more {
            color: #009149;
            display: inline-block;
            font-family: arial;
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            margin-top: 12px;
        }

            .list-news ul.list li .content a.view-more .icon.icon-arrow-right {
                background: url("../images/front/arrow-right-gray.png") no-repeat 0 0;
                float: right;
                width: 9px;
                height: 9px;
                margin-top: 3px;
                margin-left: 6px;
            }

.pag-container {
    text-align: center;
}

    .pag-container ul.pagination li a {
        border: none;
        color: #9d9d9d;
        font-family: arial;
        font-size: 15px;
        font-weight: 600;
        margin: 0 5px;
    }

        .pag-container ul.pagination li a span {
            background: url("../images/front/arrow-next-prev-blue.png") no-repeat 0 0;
            display: inline-block;
            width: 10px;
            height: 19px;
        }

        .pag-container ul.pagination li a:hover,
        .pag-container ul.pagination li a:focus {
            background-color: #fff;
            color: #164283;
        }

    .pag-container ul.pagination li.active a {
        background-color: #164283;
        color: #fff;
    }

    .pag-container ul.pagination li:first-child a span {
        background-position: 0px -31px;
    }

    .pag-container ul.pagination li:first-child a:hover span {
        background-position: 0 2px;
    }

    .pag-container ul.pagination li:last-child a span {
        background-position: -68px -31px;
    }

    .pag-container ul.pagination li:last-child a:hover span {
        background-position: -68px 2px;
    }

.detail-content img {
    max-width: 100%;
    height: auto;
}

.detail-content .text h3.title {
    display: block;
    color: #000;
    font-family: arial;
    font-size: 19px;
    font-weight: 400;
    line-height: 24px;
    margin: 15px 0 10px;
}

.detail-content .text .post-time,
.detail-content .text .author {
    display: block;
    color: #a6a8a7;
    margin-bottom: 8px;
    font-size: 12px;
}
.detail-content .cms-source{float:right;color:#a6a8a7;}

.detail-content .text p {
    font-family: arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding-bottom: 18px;
}

.detail-content .text .author {
    text-align: right;
}

.other-news ul.list li {
    background: url("../images/front/bullet-2.png") no-repeat 15px 7px;
    padding-bottom: 5px;
    padding-left: 35px;
    font-size: 14px;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

    .other-news ul.list li a {
        color: #29313c;
    }

        .other-news ul.list li a:hover {
            color: #009149;
        }

.breadcrumb {
    background: none;
    padding: 0;
    margin: 22px 0 18px;
}

    .breadcrumb li a {
        color: #9d9d9d;
        font-family: arial;
        font-size: 17px;
        font-weight: 600;
    }

    .breadcrumb li.active {
        color: #000;
        font-family: arial;
        font-size: 17px;
        font-weight: 600;
    }

.list-partner ul.list li {
    overflow: hidden;
    margin-bottom: 19px;
}

    .list-partner ul.list li a.image {
        display: block;
        float: left;
        margin-right: 20px;
        height: 131px;
            width: 160px;
             border: 1px solid #e5e5e5;
        text-align: center;
    }

        /*.list-partner ul.list li a.image span {
            border: 1px solid #e5e5e5;
            padding: 8px;
            display: inline-block;
           
            text-align: center;

        }*/
        .list-partner ul.list li a.image img {
           display: block;
            /*height: 121px;
            width: auto;*/

        }

    .list-partner ul.list li .content {
        overflow: hidden;
    }

        .list-partner ul.list li .content h3 {
            color: #134283;
            font-family: arial;
            font-size: 14px;
            font-weight: 400;
            margin: 0px 0 2px;
            line-height: 20px;
        }

            .list-partner ul.list li .content h3 a {
                display: block;
            }

        .list-partner ul.list li .content img {
            width: 100%;
            height: auto;
        }

        .list-partner ul.list li .content .source {
            color: #a3a3a3;
            font-family: arial;
            font-size: 13px;
            font-weight: 400;
            font-style: italic;
        }

        .list-partner ul.list li .content .description p {
            color: #000;
            font-family: arial;
            font-size: 13px;
            font-weight: 400;
        }

.search-form-container label,
.list-library label {
    display: block;
    font-family: arial;
    font-size: 13px;
    font-weight: 400;
    font-weight: 600;
    color: #272727;
    padding-bottom: 5px;
}

.search-form-container .select,
.list-library .select {
    margin-bottom: 8px;
}

    .search-form-container .select select,
    .list-library .select select {
        font-family: arial;
        font-size: 13px;
        font-weight: 400;
        color: #8e8e8e;
        border: 1px solid #ddd;
        padding-left: 10px;
        margin-top: 1px;
    }

.doc-title {
    font-weight: bold;
}

.doc-search-title {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

.search-form-container .input,
.list-library .input {
    margin-bottom: 10px;
}

    .search-form-container .input input[type="text"],
    .list-library .input input[type="text"] {
        width: 100%;
        border: 1px solid #ddd;
        padding: 5px 15px;
        font-family: arial;
        font-size: 13px;
        font-weight: 400;
    }

    .search-form-container .input .bt-search,
    .list-library .input .bt-search {
        border: 1px solid #67a32b;
        background-color: #79bc36;
        padding: 5px 15px;
        min-width: 18.5%;
        color: #fff;
        float: right;
        font-family: arial;
        font-size: 13px;
        font-weight: 400;
        text-transform: uppercase;
    }

        .search-form-container .input .bt-search:hover,
        .list-library .input .bt-search:hover {
            background-color: #67a32b;
        }

.search-form-container.form-2,
.list-library.form-2,
.search-form-container.form-3,
.list-library.form-3 {
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    padding: 10px 20px 5px;
    margin-left: 15px;
    margin-right: 15px;
}

    .search-form-container.form-2 .input input[type="text"],
    .list-library.form-2 .input input[type="text"],
    .search-form-container.form-3 .input input[type="text"],
    .list-library.form-3 .input input[type="text"] {
        width: 100%;
        border: 1px solid #ddd;
        padding: 5px 15px;
        font-family: arial;
        font-size: 13px;
        font-weight: 400;
        border-radius: 0;
    }

        .search-form-container.form-2 .input input[type="text"].datepicker,
        .list-library.form-2 .input input[type="text"].datepicker,
        .search-form-container.form-3 .input input[type="text"].datepicker,
        .list-library.form-3 .input input[type="text"].datepicker {
            background: #ffffff url("../images/front/icon-calendar.png") no-repeat right center;
        }

    .search-form-container.form-2 .input .bt-search,
    .list-library.form-2 .input .bt-search,
    .search-form-container.form-3 .input .bt-search,
    .list-library.form-3 .input .bt-search {
        min-width: 30%;
    }

    .search-form-container.form-3 .calendar,
    .list-library.form-3 .calendar {
        float: right;
        width: 30%;
        margin-left: 2%;
        padding-left: 2%;
    }

    .search-form-container.form-3 .input,
    .list-library.form-3 .input {
        /*margin-bottom: 25px;*/
    }

        .search-form-container.form-3 .input input[type="text"],
        .list-library.form-3 .input input[type="text"] {
            width: 80%;
        }

        .search-form-container.form-3 .input input.datepicker,
        .list-library.form-3 .input input.datepicker {
            width: 100%;
        }

        .search-form-container.form-3 .input .bt-search,
        .list-library.form-3 .input .bt-search {
            min-width: 18%;
        }

.search-form-container.form-4 label,
.list-library.form-4 label {
    width: 30%;
    float: left;
    padding-top: 11px;
    margin-right: 2%;
    text-align: right;
}

.search-form-container.form-4 .input input[type="text"],
.list-library.form-4 .input input[type="text"] {
    width: 68%;
}

.search-form-container.form-4 .input,
.list-library.form-4 .input {
    margin-top: 10px;
}

    .search-form-container.form-4 .input .bt-print,
    .list-library.form-4 .input .bt-print {
        min-width: 28.2%;
    }

    .search-form-container.form-4 .input a.view-map,
    .list-library.form-4 .input a.view-map {
        background: #134282;
        display: inline-block;
        font-weight: 700;
        border: 1px solid #0c336a;
        color: #fff;
        min-width: 37.2%;
        height: 30px;
        line-height: 29px;
        text-align: center;
        font-size: 13px;
    }

        .search-form-container.form-4 .input a.view-map .icon-view-map,
        .list-library.form-4 .input a.view-map .icon-view-map {
            background: url(../images/front/icon-view-map.png) no-repeat 0 0;
            width: 17px;
            height: 17px;
            float: left;
            margin: 5px 5px 0 10px;
        }

.view-report {
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    padding: 10px 20px;
    margin-bottom: 20px;
}

    .view-report .checkbox label {
        margin-right: 10px;
        text-transform: uppercase;
        font-size: 13px;
    }

        .view-report .checkbox label input {
            float: left;
            margin-top: 2px;
            cursor: pointer;
        }

    .view-report .bt-print-report {
        border: 1px solid #67a32b;
        background-color: #79bc36;
        padding: 5px 15px;
        color: #fff;
        float: right;
        font-family: arial;
        font-size: 13px;
        font-weight: 400;
        cursor: pointer;
        text-transform: uppercase;
    }

        .view-report .bt-print-report:hover {
            background-color: #67a32b;
            cursor: pointer;
        }

.search-partner {
    margin-bottom: 30px;
}

    .search-partner .input {
        float: left;
        width: 68%;
    }

        .search-partner .input input[type="text"] {
            border: 1px solid #ddd;
            padding: 10px 15px;
            font-family: arial;
            font-size: 13px;
            font-weight: 400;
            width: 100%;
        }

    .search-partner .button input {
        margin-left: 10px;
        width: 15%;
        border: 1px solid #67a32b;
        background-color: #79bc36;
        padding: 10px 15px;
        color: #fff;
        font-family: arial;
        font-size: 13px;
        font-weight: 400;
        text-transform: uppercase;
    }

        .search-partner .button input:hover {
            background-color: #67a32b;
        }

.map-container {
    overflow: hidden;
}

    .map-container .map {
        padding-top: 20px;
        text-align: center;
    }

        .map-container .map .title {
            font-family: arial;
            font-size: 16px;
            font-weight: 400;
            font-weight: 600;
            margin: 18px 0;
            color: #000;
            text-transform: uppercase;
        }

        .map-container .map img {
            /*padding: 8px;
            border: 1px solid #e5e5e5;*/
            box-sizing: border-box;
            /*width: 100%;*/
            height: 500px;
        }

.map-avatar {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .map-avatar img {
        border: 0 none !important;
    }

.result-container {
    margin: 10px 0 0px;
    overflow: hidden;
    clear: both;
}

    .result-container .pag-container {
        padding-top: 0;
    }

    .result-container table tr td {
        border: 1px solid #e5e5e5;
        color: #272727;
        font-family: arial;
        font-size: 14px;
        font-weight: 400;
        padding: 10px;
        text-align: center;
    }

        .result-container table tr td.text-align-left {
            text-align: left;
        }

        .result-container table tr td .bt-download {
            text-align: center;
            font-size: 12px;
            color: #aaa;
        }

            .result-container table tr td .bt-download .icon-download {
                display: block;
                background: url("../images/front/icon-download.png") no-repeat 0 0;
                width: 21px;
                height: 21px;
                margin: 0 auto 5px;
            }

        .result-container table tr td .line-action {
            width: 80%;
            margin: 20px auto;
            display: block;
            border-bottom: 1px solid #e5e5e5;
        }

        .result-container table tr td .bt-play {
            text-align: center;
            font-size: 12px;
            color: #aaa;
        }

            .result-container table tr td .bt-play .icon-play {
                display: block;
                background: url("../images/front/icon-play.png") no-repeat 0 0;
                width: 21px;
                height: 21px;
                margin: 0 auto 5px;
            }

        .result-container table tr td .bt-pic {
            text-align: center;
            font-size: 12px;
            color: #aaa;
        }

            .result-container table tr td .bt-pic .icon-pic {
                display: block;
                background: url("../images/front/icon-pic.png") no-repeat 0 2px;
                width: 24px;
                height: 21px;
                margin: 0 auto 5px;
            }

    .result-container table thead tr td {
        background-color: #f6f6f6;
        text-align: center;
        font-weight: bold;
    }

    .result-container .topbar {
        overflow: hidden;
        padding-bottom: 0;
    }

        .result-container .topbar .pages-number,
        .result-container .topbar .time {
            float: right;
            padding-top: 8px;
        }

        .result-container .topbar a.bt-print {
            border: 1px solid #67a32b;
            background-color: #79bc36;
            display: block;
            padding: 5px 15px;
            width: 152px;
            color: #fff;
            font-family: arial;
            font-size: 13px;
            font-weight: 400;
            text-transform: uppercase;
            text-align: center;
            float: left;
            margin-right: 10px;
        }

            .result-container .topbar a.bt-print:hover {
                background-color: #67a32b;
            }

        .result-container .topbar .text {
            padding-top: 8px;
        }

        .result-container .topbar .back {
            color: #707070;
        }

.wrap-detail {
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    padding: 30px 0;
    margin-bottom: 20px;
}

    .wrap-detail .detail-content {
        width: 77%;
        margin: 0 auto;
    }

        .wrap-detail .detail-content h4.title {
            display: block;
            color: #134283;
            font-family: arial;
            font-size: 18px;
            font-weight: 700;
            line-height: 24px;
            margin: 15px 0 30px;
        }

        .wrap-detail .detail-content p {
            margin-bottom: 15px;
        }

    .wrap-detail .prev-article,
    .wrap-detail .next-article {
        background: url("../images/front/arrow-next-prev-article.png") no-repeat 0 0;
        width: 40px;
        height: 39px;
        position: absolute;
        top: 20%;
    }

    .wrap-detail .prev-article {
        background-position: 0 0;
        left: 30px;
    }

    .wrap-detail .next-article {
        background-position: right 0;
        right: 30px;
    }

.back-link {
    text-align: center;
    padding: 10px 0 10px;
}

    .back-link a {
        background: url("../images/front/arrow-left-green.png") no-repeat 0 3px;
        display: inline-block;
        font-family: arial;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        padding-left: 15px;
        color: #4d4d4d;
    }

.pp_content .result-container {
    margin: 0;
}

    .pp_content .result-container .wrap-detail {
        border: none;
        padding: 20px 30px;
    }

    .pp_content .result-container .detail-content {
        width: 100%;
    }

        .pp_content .result-container .detail-content p {
            line-height: 21px;
        }

.choose-print {
    text-align: center;
    border: 1px solid #e5e5e5;
    background-color: #f6f6f6;
    overflow: hidden;
    margin: 0 10px 20px;
}

    .choose-print .content {
        padding: 65px 0;
    }

        .choose-print .content.border {
            border-right: 1px solid #e5e5e5;
        }

    .choose-print a {
        display: inline-block;
        font-family: arial;
        font-size: 25px;
        font-weight: 700;
        color: #272727;
        line-height: 67px;
    }

    .choose-print .choose-list,
    .choose-print .choose-calendar {
        background: url("../images/front/icon-print.png") no-repeat 0 0;
        display: inline-block;
        width: 68px;
        height: 66px;
        float: left;
        margin-right: 20px;
    }

    .choose-print .choose-calendar {
        background-position: -90px 0;
    }

    .choose-print .choose-word,
    .choose-print .choose-chart {
        background: url("../images/front/icon-report.png") no-repeat 0 0;
        display: inline-block;
        width: 73px;
        height: 75px;
        float: left;
        margin-right: 20px;
    }

    .choose-print .choose-chart {
        background-position: -87px 0;
    }

.list-library {
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    padding: 20px;
    width: 100%;
    float: left;
        
}

    .list-library .input {
        /*width: 70%;*/
        margin-bottom: 20px;
        
    }
    
    .list-library ul.list li {
        background: url("../images/front/bullet-3.png") no-repeat 0 11px;
        display: inline-block;
        padding: 5px 0 5px 20px;
        width: 20%;
        float: left;
    }

        .list-library ul.list li a {
            color: #272727;
        }

            .list-library ul.list li a:hover,
            .list-library ul.list li a.active {
                color: #134282;
            }

.list-library-detail {
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    padding: 30px 35px 25px;
    /*margin-left: 10px;
    margin-right: 10px;*/
    overflow: hidden;
}

    .list-library-detail ul.list li {
        float: left;
        width: 31.00787234042553%;
        margin-right: 3.191489361702128%;
        margin-bottom: 3.191489361702128%;
        text-align: center;
    }

        .list-library-detail ul.list li:nth-child(3n) {
            margin-right: 0;
        }

        .list-library-detail ul.list li img {
            width: 100%;
            height: auto;
            max-width: 266px;
        }

        .list-library-detail ul.list li a {
            color: #272727;
            font-size: 14px;
            display: block;
        }

            .list-library-detail ul.list li a:hover,
            .list-library-detail ul.list li a.active {
                color: #134282;
            }

            .list-library-detail ul.list li a .text {
                padding-top: 10px;
                display: block;
                font-weight: 600;
            }

.chart-container {
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    padding: 10px 20px;
}

.chart-header .select {
    margin-bottom: 8px;
    float: left;
}

    .chart-header .select select {
        font-family: arial;
        font-size: 13px;
        font-weight: 400;
        color: #8e8e8e;
        border: 1px solid #ddd;
        padding-left: 10px;
    }

.chart-header .chart {
    float: right;
}

    .chart-header .chart ul {
        margin-top: 12px;
    }

        .chart-header .chart ul li {
            display: inline-block;
            margin-left: 20px;
        }

            .chart-header .chart ul li p {
                font-weight: 700;
                color: #363636;
                font-size: 15px;
                text-transform: uppercase;
                line-height: 25px;
            }

            .chart-header .chart ul li .icon-chart-circle,
            .chart-header .chart ul li .icon-chart-column {
                background: url("../images/front/icon-chart.png") no-repeat 0 0;
                width: 25px;
                height: 25px;
                float: left;
                margin-right: 15px;
            }

            .chart-header .chart ul li .icon-chart-circle {
                background-position: -36px -1px;
            }

            .chart-header .chart ul li .active .icon-chart-circle {
                background-position: -2px -1px;
            }

            .chart-header .chart ul li .icon-chart-column {
                background-position: -36px -48px;
            }

            .chart-header .chart ul li .active .icon-chart-column {
                background-position: -2px -48px;
            }

.list-checkbox {
    padding: 0 10px;
    margin-top: 2px;
}

    .list-checkbox label {
        font-weight: normal !important;
    }

    .list-checkbox ul {
        margin-bottom: 20px;
    }

        .list-checkbox ul li {
            float: left;
            min-width: 30%;
            margin-right: 3%;
            margin-bottom: 5px;
        }

            .list-checkbox ul li label {
                font-weight: 400;
            }

            .list-checkbox ul li input {
                float: left;
                margin: 2px 7px 0 0;
            }

.doc-detail h3.title {
    font-size: 20px;
    padding: 15px 0;
}

.doc-detail p {
    padding: 0 0 20px;
}

.doc-detail .imgavatar img{max-width:200px;}

.doc-detail .button {
    text-align: center;
    padding: 10px 0;
}

    .doc-detail .button a {
        background-color: #009149;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        padding: 10px 0;
        min-width: 200px;
        display: inline-block;
    }

.list-doc li {
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
}

    .list-doc li a {
        font-size: 12px;
        color: #000;
        line-height: 17px;
        display: block;
        font-weight: 600;
    }

        .list-doc li a:hover {
            color: #134282;
        }

        .list-doc li a.image {
            background-color: #000;
            display: block;
            overflow: hidden;
            float: left;
            margin-right: 15px;
            position: relative;
        }

            .list-doc li a.image .icon-video {
                background: url("../images/front/icon-play-white.png") no-repeat 0 0;
                width: 18px;
                height: 21px;
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -9px 0 0 -10px;
            }

    .list-doc li img {
        /*opacity: 0.5;*/
    }

.info-container {
    float: right;
    /*margin-left: 2%;*/
    padding-left: 2%;
}
.info-container .info p{ font-size: 13px;margin-bottom: 0;}
    .info-container .info .title {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
        padding-bottom: 0;
        padding-top: 5px;
    }

        .info-container .info .title.mt-25 {
            margin-top: 11px;
        }

    .info-container .info ul.list {
        list-style: circle;
        padding-left: 20px;
    }

        .info-container .info ul.list li {
            padding-left: 0;
            padding-bottom: 2px;
            font-size: 13px;
        }

.calamity-detail {
    margin-top: 0;
}

    .calamity-detail .title {
        text-transform: uppercase;
        font-size: 20px;
    }

    .calamity-detail p {
        padding: 10px 0;
    }

    .calamity-detail strong {
        font-size: 18px;
    }

.basic-info .block {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 13px;
}

    .basic-info .block .title {
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 15px;
        text-transform: none;
    }

    .basic-info .block table tr td {
        border: none;
        text-align: left;
        padding: 3px 0;
        font-size: 13px;
        vertical-align: text-top;
    }

.list-basic .info {
    float: right;
    width: 30%;
    margin: -20px 0 -25px;
    border-left: 1px solid #e3e3e3;
    min-height: 273px;
    padding: 20px 0 25px 35px;
}

    .list-basic .info .heading {
        font-size: 15px;
        color: #545454;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .list-basic .info .title {
        color: #277cbd;
        font-weight: 600;
    }

    .list-basic .info .description {
        font-size: 13px;
    }

    .list-basic .info .slick-prev,
    .list-basic .info .slick-next {
        top: auto;
        bottom: 20px;
        background: url("../images/front/arrow-slick.png") no-repeat 0 0;
        width: 7px;
        height: 13px;
    }

        .list-basic .info .slick-prev:before,
        .list-basic .info .slick-next:before {
            content: "";
        }

    .list-basic .info .slick-prev {
        left: auto;
        right: 20px;
    }

        .list-basic .info .slick-prev:hover {
            background-position: left bottom;
        }

    .list-basic .info .slick-next {
        right: 0;
        background-position: right 0;
    }

        .list-basic .info .slick-next:hover {
            background-position: right bottom;
        }

.list-basic .list {
    overflow: hidden;
}

    .list-basic .list p.heading {
        font-size: 15px;
        text-transform: uppercase;
        color: #545454;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .list-basic .list > ul > li {
        display: inline-block;
        margin-right: 5%;
    }

        .list-basic .list > ul > li:last-child {
            margin-right: 0;
        }

        .list-basic .list > ul > li li {
            float: left;
            margin-bottom: 5px;
            width: 30%;
        }

            .list-basic .list > ul > li li a {
                display: block;
                line-height: 32px;
                font-size: 14px;
                color: #272727;
            }

                .list-basic .list > ul > li li a img {
                    margin-right: 10px;
                }

        .list-basic .list > ul > li span.icon-basic {
            background: url("../images/front/icon-basic.png") no-repeat 0 0;
            float: left;
            width: 29px;
            height: 32px;
            margin-right: 15px;
        }

            .list-basic .list > ul > li span.icon-basic.icon-01 {
                background-position: -4px -4px;
            }

            .list-basic .list > ul > li span.icon-basic.icon-02 {
                background-position: -4px -36px;
            }

            .list-basic .list > ul > li span.icon-basic.icon-03 {
                background-position: -4px -68px;
            }

            .list-basic .list > ul > li span.icon-basic.icon-04 {
                background-position: -4px -101px;
            }

            .list-basic .list > ul > li span.icon-basic.icon-05 {
                background-position: -4px -134px;
            }

            .list-basic .list > ul > li span.icon-basic.icon-06 {
                background-position: -51px -4px;
            }

            .list-basic .list > ul > li span.icon-basic.icon-07 {
                background-position: -51px -37px;
            }

            .list-basic .list > ul > li span.icon-basic.icon-08 {
                background-position: -51px -70px;
            }

            .list-basic .list > ul > li span.icon-basic.icon-09 {
                background-position: -51px -101px;
            }

            .list-basic .list > ul > li span.icon-basic.icon-10 {
                background-position: -51px -131px;
            }

            .list-basic .list > ul > li span.icon-basic.icon-11 {
                background-position: -99px -7px;
            }

            .list-basic .list > ul > li span.icon-basic.icon-12 {
                background-position: -99px -40px;
            }

            .list-basic .list > ul > li span.icon-basic.icon-13 {
                background-position: -99px -72px;
            }

            .list-basic .list > ul > li span.icon-basic.icon-14 {
                background-position: -99px -105px;
            }

.result-container.result-basic .heading {
    text-transform: uppercase;
    font-size: 18px;
}

.result-container.result-basic .topbar {
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    padding: 0;
    margin: 15px 0 20px;
}

    .result-container.result-basic .topbar .tab li {
        float: left;
        margin-left: 25px;
    }

        .result-container.result-basic .topbar .tab li a {
            color: #8c8c8c;
            display: block;
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            border-bottom: 5px solid #f6f6f6;
            padding: 16px 0 10px;
        }

        .result-container.result-basic .topbar .tab li.active a {
            color: #000;
            border-color: #81be42;
        }

.result-container.result-basic .content-container p {
    padding-bottom: 20px;
}

.result-container.result-basic .content-container .image {
    text-align: center;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .list-basic .info {
        float: none;
        border: none;
        border-bottom: 1px solid #e6e6e6;
        width: 100%;
        margin: 0 0 20px 0;
        min-height: 165px;
        padding: 0;
    }

    .info-container {
        /*float: none;*/
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .search-form-container.form-3 .input input[type="text"], .list-library.form-3 .input input[type="text"] {
        width: 100%;
    }
    .search-form-container.form-3 .input input[type="button"] {
        margin-top: 10px;
    }
    .list-basic .info {
        min-height: 245px;
    }
}

.jqplot-target {
    position: relative;
    color: #666;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.jqplot-axis {
    font-size: .75em;
}

.jqplot-xaxis {
    margin-top: 10px;
}

.jqplot-x2axis {
    margin-bottom: 10px;
}

.jqplot-yaxis {
    margin-right: 10px;
}

.jqplot-y2axis,
.jqplot-y3axis,
.jqplot-y4axis,
.jqplot-y5axis,
.jqplot-y6axis,
.jqplot-y7axis,
.jqplot-y8axis,
.jqplot-y9axis,
.jqplot-yMidAxis {
    margin-left: 10px;
    margin-right: 10px;
}

.jqplot-axis-tick,
.jqplot-xaxis-tick,
.jqplot-yaxis-tick,
.jqplot-x2axis-tick,
.jqplot-y2axis-tick,
.jqplot-y3axis-tick,
.jqplot-y4axis-tick,
.jqplot-y5axis-tick,
.jqplot-y6axis-tick,
.jqplot-y7axis-tick,
.jqplot-y8axis-tick,
.jqplot-y9axis-tick,
.jqplot-yMidAxis-tick {
    position: absolute;
    white-space: pre;
}

.jqplot-xaxis-tick {
    top: 0;
    left: 15px;
    vertical-align: top;
}

.jqplot-x2axis-tick {
    bottom: 0;
    left: 15px;
    vertical-align: bottom;
}

.jqplot-yaxis-tick {
    right: 0;
    top: 15px;
    text-align: right;
}

    .jqplot-yaxis-tick.jqplot-breakTick {
        right: -20px;
        margin-right: 0;
        padding: 1px 5px 1px 5px;
        z-index: 2;
        font-size: 1.5em;
    }

.jqplot-y2axis-tick,
.jqplot-y3axis-tick,
.jqplot-y4axis-tick,
.jqplot-y5axis-tick,
.jqplot-y6axis-tick,
.jqplot-y7axis-tick,
.jqplot-y8axis-tick,
.jqplot-y9axis-tick {
    left: 0;
    top: 15px;
    text-align: left;
}

.jqplot-yMidAxis-tick {
    text-align: center;
    white-space: nowrap;
}

.jqplot-xaxis-label {
    margin-top: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-x2axis-label {
    margin-bottom: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-yaxis-label {
    margin-right: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-yMidAxis-label {
    font-size: 11pt;
    position: absolute;
}

.jqplot-y2axis-label,
.jqplot-y3axis-label,
.jqplot-y4axis-label,
.jqplot-y5axis-label,
.jqplot-y6axis-label,
.jqplot-y7axis-label,
.jqplot-y8axis-label,
.jqplot-y9axis-label {
    font-size: 11pt;
    margin-left: 10px;
    position: absolute;
}

.jqplot-meterGauge-tick {
    font-size: .75em;
    color: #999;
}

.jqplot-meterGauge-label {
    font-size: 1em;
    color: #999;
}

table.jqplot-table-legend {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
}

table.jqplot-table-legend,
table.jqplot-cursor-legend {
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid #ccc;
    position: absolute;
    font-size: .75em;
}

td.jqplot-table-legend {
    vertical-align: middle;
}

td.jqplot-seriesToggle:hover,
td.jqplot-seriesToggle:active {
    cursor: pointer;
}

.jqplot-table-legend .jqplot-series-hidden {
    text-decoration: line-through;
}

div.jqplot-table-legend-swatch-outline {
    border: 1px solid #ccc;
    padding: 1px;
}

div.jqplot-table-legend-swatch {
    width: 0;
    height: 0;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

.jqplot-title {
    top: 0;
    left: 0;
    padding-bottom: .5em;
    font-size: 1.2em;
}

table.jqplot-cursor-tooltip {
    border: 1px solid #ccc;
    font-size: .75em;
}

.jqplot-cursor-tooltip {
    border: 1px solid #ccc;
    font-size: .75em;
    white-space: nowrap;
    background: rgba(208, 208, 208, 0.5);
    padding: 1px;
}

.jqplot-highlighter-tooltip,
.jqplot-canvasOverlay-tooltip {
    border: 1px solid #ccc;
    font-size: .75em;
    white-space: nowrap;
    background: rgba(208, 208, 208, 0.5);
    padding: 1px;
}

.jqplot-point-label {
    font-size: .75em;
    z-index: 2;
}

td.jqplot-cursor-legend-swatch {
    vertical-align: middle;
    text-align: center;
}

div.jqplot-cursor-legend-swatch {
    width: 1.2em;
    height: .7em;
}

.jqplot-error {
    text-align: center;
}

.jqplot-error-message {
    position: relative;
    top: 46%;
    display: inline-block;
}

div.jqplot-bubble-label {
    font-size: .8em;
    padding-left: 2px;
    padding-right: 2px;
    color: #333333;
}

    div.jqplot-bubble-label.jqplot-bubble-label-highlight {
        background: rgba(230, 230, 230, 0.7);
    }

div.jqplot-noData-container {
    text-align: center;
    background-color: rgba(246, 246, 246, 0.3);
}

.contact-form .info-contact {
    float: right;
}

    .contact-form .info-contact .title {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 20px;
    }

    .contact-form .info-contact ul li {
        padding-bottom: 10px;
    }

.contact-form fieldset {
    border-right: 1px solid #d9d9d9;
    padding-right: 30px;
    width: 60%;
}

.contact-form label {
    width: 18%;
    float: left;
    text-align: right;
    margin-top: 10px;
    margin-right: 2%;
}

    .contact-form label span {
        color: #c00;
    }

.contact-form .error-msg {
    margin-left: 20%;
    color: #c00;
}

.contact-form textarea {
    border: 1px solid #ddd;
    padding: 10px 15px;
    font-family: arial;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0;
    width: 80%;
    height: 150px;
}

.contact-form .capcha {
    clear: both;
    text-align: right;
    display: block;
    margin-top: 15px;
}

.contact-form .button input {
    border: 1px solid #67a32b;
    background-color: #79bc36;
    padding: 10px 15px;
    min-width: 16%;
    color: #fff;
    float: right;
    font-family: arial;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 15px;
}

h3.cms-title {
    display: block;
    color: #000;
    font-family: arial;
    font-size: 19px;
    font-weight: 400;
    line-height: 24px;
    margin: 15px 0 10px;
}

span.cms-teaser {
    margin-bottom: 15px !important;
    display: block;
    font-family: arial;
    font-size: 14px;
    text-align: justify;
}



.alpha_box {
    margin-top: 15px;
}

.alpha_item {
    border: solid 1px #ddd;
    min-width: 22px;
    text-align: center;
    display: inline-block;
    margin-bottom: 10px;
}

h3.link-title {
    font-family: arial;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    bottom: 15px;
    left: 20px;
    z-index: 2;
}

.loading {
    z-index: 600;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background-color: white;
    position: absolute;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.loading-image {
    background: white url(../images/ajax-loader.gif) no-repeat center center;
    width: 100px;
    padding: 5px 10px;
    height: 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 21px 2px;
    box-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 21px 2px;
    z-index: 800;
    opacity: 1;
    filter: alpha(opacity=1);
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -64px;
    margin-top: -8px;
}

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

.drop-search-nav {
    width: 100%;
    height: 30px;
}

.dmc-profile {
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    margin: 10px;
}

.dmc-profile-content {
    margin: 40px auto;
    width: 530px;
}

.dmc-profile h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}

.dmc-profile h4 {
    font-size: 16px;
    line-height: 30px;
}

.font-italic {
    font-style: italic;
    font-size: 12px;
}

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

.line {
    border-bottom: solid 1px gray;
    margin-bottom: 10px;
}

.dmc-button {
    background-color: #79bc36;
    border: 1px solid #67a32b;
    color: #fff !important;
    float: left;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    /*min-width: 18.5%;*/
    padding: 10px 15px;
    text-transform: uppercase;
    line-height: 26px;
    cursor: pointer;
}

    .dmc-button:hover {
        background-color: #79bc36;
        border: 1px solid #67a32b;
        color: #fff;
    }

    .dmc-button span {
        margin-right: 15px;
    }

.icon-download-2 {
    display: block;
    background: url("../images/front/icon-download-2.png") no-repeat 0 0;
    width: 21px;
    height: 21px;
    margin: 0 auto 5px;
}

.floatleft {
    float: left;
}


/*.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;navbar-collapse
        height: 0;
        border-color: transparent;
        border-style: solid;
        
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu .pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
        }

.root:hover > .dropdown-menu {
    display: block;
    background-color: #79bc36;
    border-top: 0 none;
}

.navibar ul.nav li a {
    color: #fff !important;
    font-family: arial;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}*/

/*FullCalender*/
.fc-toolbar {
    display: none !important;
}

.tooltipevent {
    width: 240px;
    background: white;
    position: absolute;
    z-index: 10001;
    border: solid 2px gray;
    padding: 10px;
    float: left;
    border-radius: 0 4px 4px 4px;
    -moz-border-radius: 0 4px 4px 4px;
    -webkit-border-radius: 0 4px 4px 4px;
}

.fc-view-container td {
    padding: 0 !important;
}
.fc-day{ font-size: 12px !important;}
.fc-event {
    line-height: 0.2 !important;
}
.fc-basic-view .fc-body .fc-row {
    min-height: 40px !important;
    height: 40px !important;
    
}
.fc-day-number{font-size: 13px !important;}
.other-link {
    line-height: 45px;
    float: left;
    margin-left: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

/*.nav > li > a:focus {
    background: none;
}*/

a.bt-search {
    text-align: center !important;
    cursor: pointer;
}

.box-image {
    text-align: center;
    min-height: 235px;
}

    .box-image .text {
        font-weight: 600;
        display: block;
        padding-top: 10px;
    }

    .box-image a {
        display: block;
    }

.dmc-box {
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    padding: 20px 15px;
    margin-bottom: 15px;
}

    .dmc-box .heading {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 12px;
    }
ul.lst-dis{ padding-left: 10px;}
ul.lst-dis li img {
    margin-right: 10px;
}

ul.lst-dis li a {
    font-size: 13px;
    color: black;
}

    ul.lst-dis li a.active {
        font-weight: bold;
    }

.item-faq {
    margin-top: 15px;
}

    .item-faq .title {
        color: #277cbd;
        font-weight: 600;
    }

.bt-dmc {
    border: 1px solid #67a32b;
    background-color: #79bc36;
    padding: 5px 15px;
    min-width: 18.5%;
    color: #fff;
    float: right;
    font-family: arial;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}

    .bt-dmc:hover {
        color: #fff;
    }

.input-dmc {
    border: 1px solid #ddd;
    padding: 5px 15px;
    font-family: arial;
    font-size: 13px;
    font-weight: 400;
    width: 100%;
}
.pagination{ margin: 10px 0 !important;}
.dmc-box .pag-container ul.pagination li a {
    border: none;
    color: #9d9d9d;
    font-family: arial;
    font-size: 12px;
    font-weight: 600;
    margin: 0 5px;
    height: 27px;
}

.dmc-box .pag-container ul.pagination li.active a {
    background-color: #164283;
    color: #fff;
}

.dmc-box .pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 4px 8px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.content_weather{ margin-bottom: 20px;}
.content_weather table {
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #ddd;
}

    .content_weather table td {
        vertical-align: middle;
        border: solid 1px #ddd;
        padding: 5px;
        font-size: 14px;
    }

        .content_weather table td.icon {
            text-align: right;
        }

.content_weather img {
    width: auto;
}

.chart-info {
    margin-left: 20px;
    margin-top: 20px;
}

    .chart-info .square {
        border: solid 1px #ddd;
    margin:2px;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 10px;
    }

    .chart-info ul {
    }

        .chart-info ul li {
            border-bottom: dotted 1px #ddd;
            line-height: 26px;
            margin-top: 15px;
        }

.dmc-detail {
    text-align: justify;
}

.tsn-map {
    margin: initial;
    border: solid 1px #ddd;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .tsn-map ul {
        margin-top: 20px;
        margin-bottom: 30px;
        margin-right: 10px;
    }

    .tsn-map li {
        text-align: right;
        line-height: 25px;
    }

        .tsn-map li strong {
            padding-left: 15px;
            width: 40px;
            float: right;
        }

.w-100 {
    width: 100% !important;
}

.dis-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 20px;
}
.img-partner {
    
}
.other-doc {
    
}
.other-doc-avt {
    float: left;
    width: 80px;
    height: 80px;
}
.other-doc-avt img {
    height: 70px;
    width: auto;
}
.other-doc-title {
    float: left;
}
.img-thumbnail{ padding: 2px;}
.doc-avt{ width: 140px;height: 140px;}
.doc-avt img{ height: 100px;width: auto;}
.dmc-list-social {
    float: right;
    line-height: 55px;
    
}

.dmc-list-social li{ float: left;margin-left: 10px;}
.dmc-disaste-form {
    background-color: #f6f6f6;
  border: 1px solid #e6e6e6;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 10px !important;
}
@media (max-width: 768px) { 
  .slideritem{ width: 450px;}
 .sliderwrap{ width: 450px;margin: 0 auto;}
 .slideritem img { width: 450px;}
 
 
 .dmc-list-social{ line-height: 40px;}
 .list-library ul.list li{ width: 100%;}
 .navbar-nav{ margin: 0;}
 .navbar-nav .open .dropdown-menu>li>a{ line-height: 21px;}

}
/*screen-sm*/
@media (min-width: 768px) and (max-width: 992px) { 
  .slideritem{ width: 450px;}
 .sliderwrap{ width: 450px;margin: 0 auto;}
 .slideritem img { width: 450px;}
 .info-container .info .title.mt-25{ margin-top: 10px; }
 .nav>li>a{ padding: 10px   ;}
 .block-highlight {
    height: 300px !important;
}
}
/*screen-md*/
@media (min-width: 992px) and (max-width: 1200px) { 
  
      .slideritem{ width: 650px;}
 .sliderwrap{ width: 650px;margin: 0 auto;}
 .slideritem img { width: 650px;}
 .nav>li>a{ padding: 10px 25px;}
 .dropdown-menu {
   
    max-width: 241px !important;
    min-width: 241px !important;
}
 .fix-text {
        padding-left: 3px !important;
    padding-right: 10px;
}
}
/*screen-lg corresponds with col-lg*/
@media (min-width: 1200px) {  
      .slideritem{ width: 650px;text-align: center;}
        .sliderwrap{ width: 650px;margin: 0 auto;text-align: center;

        }
        .slideritem img { width: 650px;}
         .nav>li>a{ padding: 10px 37px;}
         .dropdown-menu {
   
    max-width: 241px !important;
    min-width: 241px !important;
}
         .fix-text {
        padding-left: 3px !important;
    padding-right: 10px;
}
}
.slideritem img{ border: solid 1px #ddd;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;padding: 2px;}
.tbl-dmc{ font-size: 11px; font-weight: bold;border-collapse: collapse;}
.tbl-dmc thead,.tbl-dmc tfoot {
    background-color: #009149;
    color: white;
    text-align: center;
    text-transform: uppercase;
}
.tbl-dmc tbody {
    background-color: white;
    font-weight: bold;
}
 .tbl-dmc tbody td {padding: 7px 5px !important;}
.tbl-dmc thead td,.tbl-dmc tfoot td{ padding: 9px 5px !important;}

/*menu style*/
.navbar{ margin-bottom: 0;}
.navbar-dmc {
    background-color: #009149;
    line-height: 40px;
    font-family: arial;
    font-size: 14px;
}
ul.dmc-nav>li.open>a:focus, ul.dmc-nav>.open>a:hover, ul.dmc-nav>.open>a:active {
    background-color: #79bc36 !important;
    background-image: none;
}
/*ul.dmc-nav{ width: 100%;}*/
 ul.dmc-nav>li>a{ text-transform: uppercase;font-weight: bold;}
 
ul.dmc-nav li a{ white-space: nowrap;color: white !important;}
.dropdown-menu {
    background-color: #79bc36;
    border: 0 none;
    
}

.dropdown-menu>li a{ line-height: 30px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #79bc36;
}
.dropdown-menu>.open>a:hover, .dropdown-menu>.open>a:focus {
    background-color: #65AD1E;
}
.highlighted{background-color: #65AD1E !important;}
.dropdown-menu li{ border-bottom: 1px solid #95DA50;}
.dropdown-menu li:last-child{ border-bottom: none;}
.navbar-nav>li>a{ line-height: 18px;}
.navbar{ min-height: 40px;}
ul.dmc-nav>.dropdown-menu>ul>ul{ border-top: 1px solid gray;}
.navbar-collapse{ padding-left: 0;padding-right: 0;}
.navbar-default .navbar-toggle .icon-bar{ background-color: white;}
.datepicker{ background-color: white !important;}
.magnific_gallery{ }
.magnific_gallery_title {
       
    width: 100%;
    text-align: center;
    
}
.img-wrap{ height: 187px;border: solid 1px #dcdcdc;padding-top: 4px;margin-bottom: 3px;}

.mnbottom{
	display: block;
	position: fixed;
	bottom: 10px;
	background-color: #fff;
	z-index: 9;
	opacity: 0.2;
}

.mn-left {
	left: 10px;
}

.mn-right {
	right: 10px;
}

.mnbottom > div {
	padding: 5px;
}

.mnbottom a {
	display: block;
	margin-bottom: 5px;
}

.mnbottom:hover {
	opacity: 1.0;
}

/*--------------Night Theme---------*/
body.night {
    background-color: #000 !important;
    /*color: #fff !important;*/
}
body.night .navbar-dmc,
body.night #footer-container .footer-content,
body.night .navbar-dmc *,
body.night ul.dmc-nav>li.open>a:focus, 
body.night ul.dmc-nav>.open>a:hover, 
body.night ul.dmc-nav>.open>a:active
 {
    background: #000 !important;
    color: #fff !important;
}
body.night .slogan .left h2 span, 
body.night #head-container .center h2.title, 
body.night .breadcrumb *,  body.night .banner-container .banner-wrap .left .content .description {
    color: #fff !important;
}
 
 
body.night .banner-container .slick-prev, body.night .banner-container .slick-next {
    background-color: #777 !important;
}

body.night .head *, 
body.night .detail-content *, 
body.night .banner-container .banner-wrap {
     background-color: #000 !important;
    color: white !important;
}


body.night .block-news *{
    background-color: #000 !important;
    color: #fff !important;
}
body.night .other-news a {
    color: white !important;
}
body.night .result-container *, 
body.night .dmc-box *, 
body.night .dmc-box, 
body.night .search-form-container, 
body.night .search-form-container *, 
body.night .list-library, 
body.night .list-library *, 
body.night .page-content *,
body.night .dmc-disaste-form *, 
body.night .search-form-container.form-2, 
body.night .list-library.form-2,
body.night  .search-form-container.form-3,
body.night  .list-library.form-3,
body.night .view-report, 
body.night .view-report *,
body.night .search-partner *,
body.night .list-partner *,
body.night .pag-container *,
body.night .block-highlight *,
body.night .list-news *,
body.night h2.title
 {
    background-color: #000 !important;
    background: #000 !important;
    color: #fff !important;
    border-color: #777 !important;
}
 
body.night .search-form-container .input .bt-search, 
body.night  .list-library .input .bt-search,
body.night .dropdown-menu li {
    border-color: #777 !important;
}

/*--------------High Theme---------*/
body.high {
    background-color: #0000ff !important;
    /*color: yellow !important;*/
}
body.high .navbar-dmc,
body.high #footer-container .footer-content,
body.high .navbar-dmc *,
body.high ul.dmc-nav>li.open>a:focus, 
body.high ul.dmc-nav>.open>a:hover, 
body.high ul.dmc-nav>.open>a:active
 {
    background: #0000ff !important;
    color: yellow !important;
}
body.high .slogan .left h2 span, 
body.high #head-container .center h2.title, 
body.high .breadcrumb *, body.high .banner-container .banner-wrap .left .content .description {
    color: yellow !important;
}
 
 
body.high .banner-container .slick-prev, 
body.high  .banner-container .slick-next {
    background-color: #777 !important;
}

body.high .head *, 
body.high .detail-content *, 
body.high .banner-container .banner-wrap {
     background-color: #0000ff !important;
     color: yellow !important;
}


body.high .block-news *{
    background-color: #0000ff !important;
    color: yellow !important;
}

body.high .result-container *, 
body.high .dmc-box *, 
body.high .dmc-box, 
body.high .search-form-container, 
body.high .search-form-container *, 
body.high .list-library, 
body.high .list-library *, 
body.high .page-content *,
body.high .dmc-disaste-form *, 
body.high .search-form-container.form-2, 
body.high .list-library.form-2, 
body.high .search-form-container.form-3, 
body.high .list-library.form-3,
body.high .view-report,
body.high .view-report *,
body.high .search-partner *,
body.high .list-partner *,
body.high .pag-container *,
body.high .block-highlight *,
body.high .list-news *,
body.high h2.title
 {
    background-color: #0000ff !important;
    background: #0000ff !important;
    color: yellow !important;
    border-color: #777 !important;
}
 
body.high .search-form-container .input .bt-search, body.high .list-library .input .bt-search, body.high .dropdown-menu li {
    border-color: #777 !important;
}



/*--------------Day Theme---------*/
body.day {
    background-color: #fff !important;
    /*color: #000 !important;*/
}
body.day .navbar-dmc,
body.day #footer-container .footer-content,
body.day .navbar-dmc *,
body.day ul.dmc-nav>li.open>a:focus, 
body.day ul.dmc-nav>.open>a:hover, 
body.day ul.dmc-nav>.open>a:active
 {
    background: #fff !important;
    color: #000 !important;
}
body.day .slogan .left h2 span, 
body.day #head-container .center h2.title, 
body.day .breadcrumb *, body.day .banner-container .banner-wrap .left .content .description {
    color: #000 !important;
}
 
 
body.day .banner-container .slick-prev, body.day .banner-container .slick-next {
    background-color: #777 !important;
}

body.day .head *, 
body.day .detail-content *, 
body.day .banner-container .banner-wrap {
     background-color: #fff !important;color: #000 !important;
}


body.day .block-news *{
    background-color: #fff !important;
    color: #000 !important;
}

body.day .result-container *, 
body.day .dmc-box *, 
body.day .dmc-box, 
body.day .search-form-container, 
body.day .search-form-container *, 
body.day .list-library, 
body.day .list-library *, 
body.day .page-content *,
body.day .dmc-disaste-form *, 
body.day .search-form-container.form-2, 
body.day .list-library.form-2,
body.day  .search-form-container.form-3,
body.day  .list-library.form-3,
body.day .view-report, 
body.day .view-report *,
body.day .search-partner *,
body.day .list-partner *,
body.day .pag-container *,
body.day .block-highlight *,
body.day .list-news *,
body.day h2.title
 {
    background-color: #fff !important;
    background: #fff !important;
    color: #000 !important;
    border-color: #777 !important;
}
 
body.day .search-form-container .input .bt-search, 
body.day  .list-library .input .bt-search,
body.day .dropdown-menu li {
    border-color: #777 !important;
}

.mnbottom .btn {
    padding: 12px 20px;
}

/*----------------Font 1x--------------------*/
body.font1x, body.font1x * {
    font-size: 10px !important;
    line-height: 18px !important;
}
body.font1x .slogan .left h2 span {
    font-size: 18px !important;
    line-height: 25px !important;
}
body.font1x .navbar * {
    font-size: 14px !important;
}
body.font1x h1 {
    font-size: 20px !important;
}
body.font1x h2 {
    font-size: 16px !important;
}
body.font1x .page-home .block-news h2.title-category a {
    font-size: 16px !important;
}
body.font1x .page-home .block-news .content h3 {
    line-height: 14px !important;
}
body.font1x h3 {
    font-size: 14px !important;
}
body.font1x h4{
    font-size: 13px !important;
}
body.font1x h5{
    font-size: 12px !important;
}
body.font1x h6{
    font-size: 11px !important;
}

/*----------------Font 2x--------------------*/
body.font2x, body.font2x * {
    font-size: 12px !important;
    line-height: 24px !important;
}
body.font2x .slogan .left h2 span {
    font-size: 18px !important;
    line-height: 25px !important;
}
body.font2x .navbar * {
    font-size: 14px !important;
}
body.font2x h1 {
    font-size: 20px !important;
}
body.font2x h2 {
    font-size: 17px !important;
}
body.font2x .page-home .block-news h2.title-category a {
    font-size: 17px !important;
}
body.font2x .page-home .block-news .content h3 {
    line-height: 15px !important;
}
body.font2x h3 {
    font-size: 15px !important;
}
body.font2x h4{
    font-size: 14px !important;
}
body.font2x h5{
    font-size: 13px !important;
}
body.font2x h6{
    font-size: 12px !important;
}


/*----------------Font 4x--------------------*/
body.font4x, body.font4x * {
    font-size: 17px !important;
    line-height: 28px !important;
}
body.font4x .slogan .left h2 span {
    font-size: 24px !important;
}
body.font4x .navbar * {
    font-size: 14px !important;
}
body.font4x h1 {
    font-size: 30px !important;
}
body.font4x h2 {
    font-size: 22px !important;
}
body.font4x .page-home .block-news h2.title-category a {
    font-size: 22px !important;
}
body.font4x .page-home .block-news .content h3 {
    line-height: 20px !important;
}
body.font4x h3 {
    font-size: 20px !important;
}
body.font4x h4{
    font-size: 19px !important;
}
body.font4x h5{
    font-size: 18px !important;
}
body.font4x h6{
    font-size: 17px !important;
}


/*----------------Font 5x--------------------*/
body.font5x, body.font5x * {
    font-size: 20px !important;
    line-height: 30px !important;
}
body.font5x .slogan h2{
    font-size: 24px !important;
}
body.font5x .slogan .left h2 span {
    font-size: 24px !important;
}
body.font5x .navbar * {
    font-size: 14px !important;
}
body.font5x h1 {
    font-size: 30px !important;
}
body.font5x h2 {
    font-size: 25px !important;
}
body.font5x .page-home .block-news h2.title-category a {
    font-size: 25px !important;
}
body.font5x .page-home .block-news .content h3 {
    line-height: 29px !important;
}
body.font5x h3 {
    font-size: 24px !important;
}
body.font5x h4{
    font-size: 22px !important;
}
body.font5x h5{
    font-size: 21px !important;
}
body.font5x h6{
    font-size: 20px !important;
}