/*********************************************
COLORS CHANGE SECTION

1. Replace all occurences of the below with appropriate color code as per your office:
#057821
{highlight-color}

2.update navbar-brand-logo with path to your logo

3.Alter the height of header by adjusting the height and min-height style attributes as per your office logo for the following classes:
.navbar-brand-logo
.navbar
.user-area-header

4.Alter the position of WIPO Publish title text according to width of your logo for the following classes:
a.navbar-brand-logo span.wipo-publish


*********************************************/

@import url('https://fonts.googleapis.com/css?family=Roboto');

/*********************************************
 HEADER SECTION
*********************************************/



#navbar, .navbar {	
	background: url("../images/pg/bg.png");
	background-repeat: round;	
}

.header-background-logo {
		background-color: transparent;
}

.user-area-header {
	height: 70px;
}
.navbar-brand-logo {background:url("../images/vu/logo.png") no-repeat;height:60px;width:50px;margin:0px 10px;}
/* .navbar-brand-logo {
	background: url("../images/vu/logo.png") no-repeat; 
	height:94px; 
	width:120px; 
	margin:10px 10px;
	/* top: 0px; */
} */
span.wipo-publish {
	margin-left: 60px;
	margin-top: 18px;
	font-size: 1.5em;
	font-weight: bolder;
	font-family: 'Roboto', sans-serif;
}

.navbar-header {    
    height: 100px;
    background-color: white;
}

body {
	background-color: white;
}

.thumbnail {    
    border-radius: 10px !important;
}

table.GRID .thumbnail {        
	margin-bottom: 10px;
}

table.LINE td.trademarks-css div.thumbnail {
	margin-bottom: 0px;
}

.img-responsive {    
    margin-left: auto;
    margin-right: auto;
}

/*********************************************/

div.countButtonClass:hover{background-color:#6f91c8;color:white}
.filter-selection{color:#057821;border-radius:5px;border:2px solid;}
.filter-selection-strike{color:#6f91c8;border-radius:5px;border:2px solid;}

body { color: #000; font-family: 'Roboto', sans-serif; font-size: 1.2em;}
h5{font-size: 1.3em;}

a { color:#057821; text-decoration:none; }
a:hover, a:focus , .primary-link-color:hover{ text-decoration:none;color:#6f91c8; }
a:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px }
.primary-bgcolor { background-color:#057821; }
.secondary-bgcolor { background-color:#6f91c8; }
.tertiary-bgcolor { background-color:#6f91c8; }
.white-bgcolor { background-color:#ffffff; }
.primary-color-border{border-color:#057821;}
.primary-border-color { border:1px solid #b4b7b6; }
.primary-border-color:focus { border-color:#b4b7b6; }
.secondary-border-color { border:1px solid #d7d7d7; }
.tertiary-border-color { border:1px solid #6f91c8; }
.primary-tab-color { background:#e1e1e1; }
.secondary-tab-color {}
.primary-btn-color { background-color:#057821; border-color:#057821; }
.primary-link-color{color: #057821; border-width: 0px; border-bottom: 0px !important;}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color:#6f91c8; }
.navbar-inverse .navbar-toggle { border-color:#6f91c8; margin-bottom:23px; margin-top:20px; }
.table > thead > tr > th { background:#057821; }
.item.list-group-item:nth-of-type(even) { background:#f0f0f0; }
.asc-icon:hover,.desc-icon:hover{color:#6f91c8;}
.asc-icon,.desc-icon{color:#057821;}

/** meant to change default color for auto complete drop down **/
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: #057821;color: #ffffff;}

h2 span { color:#057821; }

.btn-sm, .btn-group-sm > .btn{color:#057821;}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color:grey !important; }

.header-background { background-color: #fff;border-bottom:2px solid #6f91c8; /*min-height:80px;*/ }



/***** Navigation Color Change *****/
@media only screen and (min-width:768px) {
.navbar-nav { margin:0px 0px 0px 0px; }
}
.navbar-inverse .navbar-nav > li > a { color:#057821; text-decoration:none; }
.navbar-inverse .navbar-nav > li > a:hover { color:#ffffff; text-decoration:none; background-color:#6f91c8; }
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a.active { color:#ffffff; text-decoration:none; background-color:#057821; }
.user-area a{color:#ffffff}
/***** Search Tabs Color Change *****/
.tab-content-background { background:#fff; }
.product-details-background { border-width:0px 1px 1px 1px !important; min-height:100%; }

/***** Button Color Change *****/
.btn-default { color:#ffffff; }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color:#ffffff; background-color:#6f91c8 !important; border-color:#6f91c8; }

/***** Footer Color Change *****/
.footer { color:#fff; }

/*********************************************
HEADER SECTION
*********************************************/
a.logo { cursor:pointer; }
.navbar-header { position:relative;}
a.navbar-brand  { color:#ffffff; position:relative; }
a.navbar-brand span.wipo-publish { font-style:normal; position:absolute;right:65px; left:65px; top:10px; white-space:nowrap; cursor:default; }
.navbar-brand  span.wipo-publish span { font-family: roboto; font-size:18px; }

@media (max-width:768px) {
a.navbar-brand span.wipo-publish { top:10px; }	
ul.product-navigation { text-align:center; float:right; width:100%; }
ul.product-navigation li { float:right; }
.view-full-image { display:none; }
.pagination-center { text-align:center }
}

.navbar-default { background:none; border:none; }
.nav > li > a { color:#fff; }

.navbar { margin-bottom:0px; }
.navbar-brand { position:absolute; left:15px; top:15px; font-family: roboto; font-size:24px; height:90px; display:block; width:151px; }
.navbar-inverse .navbar-nav > li > a { color:#057821; }
.navbar-inverse .navbar-brand { color:#057821; }
.navbar-inverse .navbar-brand:hover { color:#057821; }
.navbar-inverse .navbar-toggle .icon-bar { background-color:#ffffff; }
/*.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-top:1px solid #6f91c8; }*/

/*********************************************
TABS SECTION
*********************************************/
.nav-tabs > li > a { color:#4f4f4f; }
.nav-tabs > li > a:hover { background:#f2f2f2; }
.product-details > li.active > a, .product-details > li.active > a:hover, .product-details > li.active > a:focus { background:#f4f4f4; }
.product-details > li > a:hover { border-width:0px 0px 1px 0px; background:#f4f4f4; }


.tab-bar { border-width:1px 0px 0px 0px; }
.small-btn { color:#000000; -webkit-box-shadow:inset 0px 0px 10px 0px rgba(224,224,224,1); -moz-box-shadow:inset 0px 0px 10px 0px rgba(224,224,224,1); box-shadow:inset 0px 0px 10px 0px rgba(224,224,224,1); background:#ffffff; }

.accordion-body { margin-bottom:15px; background:#ffffff; }
.form-control:focus { -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(180, 183, 182, 0.6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(180, 183, 182, 0.6); }

.gazetteno-list { margin:10px 0px 15px 0px; float:left; border-width:1px 0px; background:#ffffff; }

/*********************************************
CONTENT SECTION
*********************************************/
ul.product-navigation { float:right; }

.thumbnail {border: 1px solid #e1e1e1; border-radius: 0; -webkit-box-shadow:inset 0px 0px 10px 0px rgba(224,224,224,1); -moz-box-shadow:inset 0px 0px 10px 0px rgba(224,224,224,1); box-shadow:inset 0px 0px 10px 0px rgba(224,224,224,1); }
.well { border:1px solid #d9dbda; border-width:0px 0px 1px 0px; }


.product-details-top-bar { background:#f2f2f2;  }
.product-photo {}


/*********** Table CSS **********/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top:1px solid #c7c7c7; }
.table > thead > tr > th { color:#ffffff; border:1px solid #c7c7c7; text-transform:uppercase; }


/*********** Product Section **********/
.btn-sm:hover { color:#6f91c8; border:1px solid #6f91c8; }
.btn-sm.active, .btn-group-sm > .btn { color:#057821; border:1px solid #057821; }

.EDMS-iframe{width:98%;}

/*.LOGO-wrapper .grid-wrapper{height: 350px;position:relative; border: silver 0px solid;}
.LOGO-wrapper .line-wrapper{height: 180px;position:relative; border: silver 0px solid;}
.LOGO-wrapper .grid-wrapper .img-responsive {max-height: 260px !important; }
.LOGO-wrapper .line-wrapper .img-responsive {max-height: 130px !important; }
.trademarks-css .item .LOGO-wrapper {min-width: 200px;}
.LINE .grid-logo-wrapper { top: 35px; }*/

.LOGO-wrapper .application-download .grid-logo-wrapper, 
.LOGO-wrapper .application-download .grid-logo-wrapper .img-responsive { max-height: 130px !important; }
.trademarks-css .grid-wrapper {height: 225px;}

table.GRID tr.col-md-2 { padding-left: 5px; padding-right: 5px; }

.footer-logo-v1 { visibility: visible; }

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a.active { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.navbar-inverse .navbar-nav > li > a:hover  { border-top-left-radius: 10px; border-top-right-radius: 10px; }