/* Your CSS codes here */

table.list tr td {
    padding: 10px;
}

.header_online_doc {
    font-size: 36px;
    line-height: 45px;
    color: #666;
    font-family: "Open Sans",sans-serif;
    font-weight: 600;
    margin: 10px 20px 30px 0;
    padding: 0;
}

/* XOWIKI */

#xowiki-links, 
.developer-support-adp-file-off, 
.presence,
.portlet-header {
	display: none;
}


#left-col20 {float: left; width: 14%; top: 0px; margin-right: 10px; margin-left: 10px;}
#left-col25 {float: left; width: 24%; top: 0px; margin-right: 10px; margin-left: 10px;}
#left-col30 {float: left; width: 29%; top: 0px; margin-right: 10px; margin-left: 10px;}
#left-col70 {float: left; width: 69%; top: 0px;}
#left-col75 {float: left; width: 74%; top: 0px;}
#left-col80 {float: left; width: 79%; top: 0px;}

#right-col20 {float: right; width: 14%; top: 0px; margin-right: 10px; margin-left: 10px;}
#right-col25 {float: right; width: 24%; top: 0px; margin-right: 10px; margin-left: 10px;}
#right-col30 {float: right; width: 29%; top: 0px; margin-right: 10px; margin-left: 10px;}
#right-col70 {float: right; width: 69%; top: 0px;}
#right-col75 {float: right; width: 74%; top: 0px;}
#right-col80 {float: right; width: 79%; top: 0px;}


.brandfirst {
    color: rgb(50, 0, 51);
    font-family: Verdana,Arial,sans-serif;
    font-weight: bold;
}
.brandsec {
    color: rgb(51, 102, 153);
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
}


footer {
    background: none repeat scroll 0 0 #dfdfdf;
    color: #696969;
}

footer a {
    color: #696969;
}

/* Menu */
.submenu-lnk {
    font-family: "FontAwesome";
    font-weight: 400;
    margin-left: 5px;
    padding: 10px 20px;
    color: #666;
    font-size: 13px;
    font-weight: 600;
    line-height: 38px;
    border: 0 none;
    display: block;
    list-style: outside none none;
    margin: 0;
    position: relative;
    z-index: 10;
    cursor: pointer;
}

/* Circles */
.bg-super-light-yellow {
    background-color: #f9f9e8 !important;
}

/* SEARCH */
.top-bar .tb-search {
    width:300px;
    margin-top: -12px;
}

/* Contact Form */
.xowikiform_inv {
    visibility: hidden;
}


/* FAQ's*/

.img-responsive-custom {
    display: block;
    height: auto;
    margin-top: 30px;
    max-width: 100%;
}


#ul.faqList {
    margin: 0 0 10px 10px;
    padding: 0;
}
#ul.faqList li {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0 0 2px 20px;
}
.question-nobackground {
    color: #333;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
    vertical-align: inherit;
}
.question-background {
    color: #333;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
    vertical-align: inherit;
}
.answer-show {
    color: #333333;
    display: block;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
    overflow: hidden;
    padding: 0 20px 5px 30px;
}
.answer-hide {
    display: none;
    overflow: hidden;
}
.question-background, .question-nobackground {
    cursor: pointer;
}

/* TABLES */
.list-table {
    border-spacing: 6px;
    border-collapse: collapse;
}
.list-table th {
   font-size: 10pt;
   color: #2e2e2e;
   background-color: #E1E2E1;
   font-weight: bold;
   border-bottom: 2px solid #CCCCCC;
}
.list-table td {
    border-bottom: 1px solid #CCCCCC;
    padding: 10px;
}

/* NAVY DEFAULTS */
/* Main navigation - active Element*/
.header-2 .navy > ul > li > a {
    color: #666;
    font-size: 15px;
    font-weight: 600;
    line-height: 28px;
    padding: 20px 10px;
}

.header-2 .navy ul li a.active {
        color: #000;
        font-weight: bolder;

}

/* XOWIKI navigation */
.navy-xowiki ul,
.navy-xowiki ul li,
.navy-xowiki ul li a,
.navy-xowiki #menu-button {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        display: block;
        position: relative;
        z-index:10;
}

.navy-xowiki {
        width: auto;
        background: #fff;
}
.navy-xowiki > ul > li {
        float: left;
}
.navy-xowiki > ul > li > a {
        padding: 10px 15px;
        font-size: 13px;
        line-height:28px;
        color: #fff;
        font-weight: 600;
}
.navy-xowiki > ul > li:hover > a,
.navy-xowiki > ul > li > a:hover {
        color: #fff;
}
.navy-xowiki ul > li.has-sub > a:after {
        content: "\f107";
        font-family:"FontAwesome";
        margin-left:6px;
        font-weight:400;
        font-size:14px;
}
.navy-xowiki ul ul {
        position: absolute;
        left: -9999px;
        opacity: 0;
        transition: bottom .4s ease, opacity .3s ease;
}
.navy-xowiki > ul > li > ul {
        top: 50px;
        background:#fff;
        padding:5px 0px;
        box-shadow:0px 5px 15px rgba(0,0,0,0.15);
}
.navy-xowiki > ul > li:hover > ul {
        left: auto;
        top: 45px;
        opacity: 1;
}
.navy-xowiki ul ul ul {
        top: 50px;
        padding:5px 0;
        box-shadow:0px 5px 15px rgba(0,0,0,0.15);
}
.navy-xowiki ul ul > li:hover > ul {
        top: 0;
        left: 170px;
        opacity: 1;
        background:#fff;
}
.navy-xowiki ul ul li a {
        width: 170px;
        padding: 4px 20px;
        font-size: 12px;
        font-weight: 400;
        color: #666;
}
.navy-xowiki ul ul li:hover > a,
.navy-xowiki ul ul li > a:hover{
        color: #888;
}
.navy-xowiki ul ul > li.has-sub > a:after {
        content: "\f105";
        font-family:"FontAwesome";
        margin-left:7px;
        font-weight:400;
        float:right;
        font-size:14px;
}


/* OVERWRITE DEFAULTS - ENFORCE SIDEBAR */

.navi-xowiki {
    background:transparent !important;
    border-bottom:0px !important;
}

.navy-xowiki ul,
.navy-xowiki ul ul,
.navy-xowiki ul ul ul,
.navy-xowiki > ul,
.navy-xowiki > ul > li > ul,
.navy-xowiki > ul > li:hover > ul,
.navy-xowiki ul ul li:hover > ul,
.navy-xowiki ul ul ul li:hover > ul{
        position: relative;
        left: 0;
        right: auto;
        top: 0;
        width: 100%;
        display: none;
        padding: 0;
        opacity: 1;
        text-align: left;
        box-shadow:none;
}
.navy-xowiki > ul > li{
        border:1px solid #eee;
        border-bottom:0px;
}
.navy-xowiki > ul > li > a {
        color: #666;
}
.navy-xowiki > ul > li:hover > a,
.navy-xowiki > ul > li > a:hover {
        color: #777;
}
.navy-xowiki ul li {
        width: 100%;
        border-top: 1px solid #eee;
}
.navy-xowiki ul li:last-child{
        border-bottom:1px solid #eee;
}
.navy-xowiki > ul > li > ul,
.navy-xowiki ul ul ul {
        border-top:1px solid #eee !important;
        border-bottom:1px solid #eee !important;
        margin-left: 7px;
}
.navy-xowiki ul li a {
        padding: 10px 20px;
}

.navy-xowiki ul ul li a {
        width:100%;
}

@media (min-width:786px){
	.navy-xowiki ul ul li a, {
	        padding: 0px 20px 0px 35px;
	}
}

@media (max-width: 785px) {
	.navy-xowiki ul ul li a {
	        padding: 10px 20px 10px 35px;
	}
}


.navy-xowiki > ul > li.has-sub > a:after,
.navy-xowiki ul ul li.has-sub > a:after {
        display: none;
}
.navy-xowiki #menu-button {
        position: relative;
        display: block;
        padding: 10px 20px;
        cursor: pointer;
        font-size: 13px;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
		background-color: turquoise;

}
.navy-xowiki #menu-button:after{
        content: "\f0c9";
        font-family:"FontAwesome";
        margin-left:7px;
        font-weight:400;
        float:right;
        font-size:14px;
}


/*------------------- */

.navy-xowiki {
    /*max-width:400px;*/
    max-width:230px;
    margin:0px auto;
    margin-bottom:10px;
    }

.navy-xowiki .submenu-lnk {
    font-family: "FontAwesome";
    font-weight: 400;
    margin-left: 5px;
    padding: 10px 20px;
    color: #666;
    font-size: 13px;
    font-weight: 600;
    border: 0 none;
    display: block;
    list-style: outside none none;
    margin: 0;
    position: relative;
    z-index: 10;
    cursor: pointer;
}


@media (min-width:786px) {
	.navy-xowiki .submenu-lnk {
	    line-height: 12px;
	}
}

@media (max-width: 785px) {
	.navy-xowiki .submenu-lnk {
	    line-height: 38px;
	}
}
/* vu nam */
.navbar-default.slide-menu1{background: transparent;margin-top: -7px;}
.slide-menu1 .navbar-toggle{float:none;display: block;}
.navy-xowiki .navbar-nav li ul.open{display: block !important;}
.navy-xowiki ul.open li.active a{color:#1faabe;}
.header-2 .navbar-collapse ul > li.has-sub > a::after {
    color: #32c8de;
    content: "\f107";
	font-family:"FontAwesome";
	margin-left:5px;
	font-weight:400;
}
.header-2 .navbar-collapse > ul > li > ul {
    border-bottom: 2px solid #32c8de;
    border-top: 2px solid #32c8de;
}
.header-2 .navbar-collapse > ul > li:hover > ul {
    display: block;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background: transparent;}
.open > .dropdown-menu{display: none;}
.top-menu{  
    position: absolute;
    top: 75px;
    left: 35px;
    font-size: 1em;
    display: none;
    }
.side-menu{  
    position: absolute;
    top: 130px;
    left: 35px;
    font-size: 1em;
    display: none;
    }
    
@media (max-width: 767px) {
	.navy-xowiki{margin:0px 0px}
    .navbar-default.slide-menu1{display: none;}
.header-2 .navbar-collapse > ul > li:hover > ul {
    display: none;
}
.open > .dropdown-menu{display: block !important;}
.top-menu,.side-menu{display: block;}
}
/* END */

/* Hives */
.portlet .hive-right {
    float: right;
    margin-left: 15px;
}
/* END */


/* Boxes */
.box-shadow-block {
    border-top: 2px solid #b32000;
}

.box-shadow-outer {
    padding-bottom: 20px;
    padding-top: 20px;
}
/* END */