/*!
Theme Name: MoodleDocs
Theme URI: http://underscores.me/
Author: Baikare Sandeep
Author URI: https://twitter.com/BaikareSandeep
Description: MoodleDocs is a modernized take on an ever-popular WordPress layout designed for Paradiso Documentation— the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: moodledocs
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

MoodleDocs is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	max-width: 100%;
}
body.gecko {
	font-size: 14px;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;	
    font-family: 'Roboto', sans-serif;
	font-size: 14px;	
	line-height: 1.5;
}

/*h1, h2, h3, h4, h5, h6 {
	clear: both;
}*/

p {
	margin-bottom: 1.5;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;    opacity: 0.7;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #1ba2dd;
}

a:visited {
	color: #1ba2dd;/*BEFORE purple */
}

a:hover, a:focus, a:active {
	color: #1ba2dd;/*BEFORE midnightblue*/
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*-----------------------------------------------------------------------------
	Custom style
-----------------------------------------------------------------------------*/

/*----------------------- 	Header 	-------------------------*/

#masthead{
	margin: 0px 0px 0px 40px;
	max-width: 100%;
	height: 52px;	
	clear: both;
}
.site-branding {
	width: 10%;
	text-align: left;
	border-right: 1px solid #c9dce2;
}
.site-branding  a{
	color: #1ba2dd; 	
}
.site-title .blog-name {
	margin-left: 5px;
}
.contact-support{
	width: 10%;
  	height: 54px;
  	background-color: #1ba2dd;
}
.site-title a {
	padding: 12px 0;
	display: block;
}
.button-transparent {
	background-color: transparent;
	border: none;
	padding: 19px 19px 19px 19px;
}
.search-input {
	width: 90%;
	height: 45px;
	border: none !important;
}
.top-search-bar {
	width: 80%;
}

.contact-support a {
	color: #fff;
	padding: 15px 15px;
	display: block;
	text-align: center;
	outline: none;
}
.arrowback::before {
	-webkit-text-fill-color: #fff;
	color: #fff;
	background-color: rgba(65, 154, 249, 0.99);
	background-color: var(--cornflower-blue-99pc);
	text-shadow: none;
}
a:hover,
a:focus {
	text-decoration: none;
}
.clearfix{ clear: both;  }

.contact-support a:hover {
	color: #fff;
}
.breadcrumb-wrapper, 
.site-footer{	
	background-color: #f7f8fc;
  	box-shadow: none;	/* 0 2px 2px 0 rgba(0, 0, 0, 0.08)*/
  	border-top: 1px solid #c9dce2;
  	clear: both;
}
.site-footer {
	padding: 15px;
}
.site-footer a{ 
	color: #465b65; 
}
.breadcrumb {
	padding: 12px 15px;
	background: transparent;
}
.container-large{
	width: 1250px;
	margin: 0 auto;
	max-width: 100%;
}
#masthead .top-search-bar,
#masthead .site-branding {
	float: left;
}
#masthead .contact-support {
	float: right;
}
.sideblock.right {
	float: right;
}
 .row-fluid .thumbnail {
    width: 30%;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}
 .row-fluid .thumbnail {
    width: 30%;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}
.contact-support .btn-primary {
	background-color: #1ba2dd;
	border: none;
	border-radius: 0;
}
.breadcrumb span a {
    color: #1ba2dd;
    font-family: Georgia;
    font-weight: normal;
    font-size: 14px;
}
.breadcrumb span{
	font-family: Georgia;
    font-weight: normal;
    font-size: 14px;
}
.form-control:focus {
    border: solid 1px rgba(27, 162, 221, 0.56) !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
/*---------------Main Page --------------------*/
.row-fluid {
	clear: both;
	display: inline;
}
.row-fluid .thumbnails {
	list-style: none;
	width: 100%;
	float: left;
	margin: 0;
	padding: 10px;
	clear: both;
}
.row-fluid .thumbnails .span4 {
	width: 32%;
	float: left;
	margin-right: 10px;
}
.row-fluid .thumbnails .span4 .thumbnail ul {
	margin: 0;
	padding: 0;
}
.row-fluid .thumbnails .span4 .thumbnail .caption {	
	padding: 30px;
	display: block;
}
.row-fluid .thumbnails .span4 .thumbnail .caption li {
	list-style: inside;
}

.sideblock {
	position: relative;
	top: -25px;
	left: 34%;
	float: right;
	width: 31% !important;
	padding: 0px 0;
	margin-left: -100%;
	clear: right;
}
.has-sideblock {
	padding-right: 25.5%;
}
.sideblock ul ul, .sideblock .content > ul {
	padding: 0;
}
.sideblock .content > ul {
	margin: 0;
}

.sideblock.right {
    float: right;
    border: 0px solid rgba(35, 77, 103, 0.34);
    box-shadow: 0 2px 9px 0 rgba(35, 77, 103, 0.34);
    border-radius: 3px;
}
.sideblock.right div.header{
    background: #1ba2dd;
    padding-left: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 03px;
}
.has-sideblock {
    padding-right: 25.5%;
}
.sideblock ul ul, .sideblock .content > ul {
    padding: 0;
}
.sideblock .content > ul {
    margin: 0;
}
.sideblock.right {
    float: right;
    border: 0px solid rgba(35, 77, 103, 0.34);
    box-shadow: 0 2px 9px 0 rgba(35, 77, 103, 0.34);
    border-radius: 3px;
}
.sideblock.right .header a {
    font-family: Georgia;
    color: #fff !important;
    font-weight: 700;
    font-size: 18px;
}
.sideblock.right .content li a {
    font-family: Roboto;
    color: #465b65;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
}
.sideblock.right .content ul li:first-child {
    padding-top: 15px;
}.sideblock.right .content ul li:last-child {
    padding-bottom: 15px;
}
#column-content .mw-content-ltr p ,#column-content .mw-content-ltr ul li,#column-content .mw-content-ltr ol li{
    font-family: Georgia !important;
    font-size: 16px;
    font-weight: normal;
    color: #607d8b;
    line-height: 1.5;
}
.gecko #column-content .mw-content-ltr p ,.gecko #column-content .mw-content-ltr ul li,.gecko #column-content .mw-content-ltr ol li{
    font-size: 14px;
}
#column-content #content h1#firstHeading {
    display: none;
}
.navtrail {
    display: none;
}
.sideblock.right .content ul li:first-child {
    padding-top: 15px;
}.sideblock.right .content ul li:last-child {
    padding-bottom: 15px;
}.sideblock.right .content ul li {
    list-style: none;
    text-align: left;
    padding-left: 35px;
    border-bottom: 1px solid rgba(35, 77, 103, 0.1);
    padding-top: 5px;
    padding-bottom: 5px;
}
.sideblock.right .content ul li:hover {
    background: rgba(35, 77, 103, 0.1);
    cursor: pointer;
}
.thumbnail .caption {
    padding: 9px;
    color: #333;
    background: #FBFDFF;
}
.thumbnail .caption h4, .thumbnail h4{
    text-align: left;
    padding-left: 35px;
}
.thumbnail .caption h4 span , .thumbnail .caption h4 , .thumbnail h4 , {
    color: #607d8b;
    font-family: Georgia;
    font-size: 18px;
    font-weight: bold;
}
.entry-content h2 , h3 b , h3 strong , h3{
	color: #607d8b;
    font-family: Georgia;
    font-size: 20px;
    font-weight: bold;
}
.caption ul li a {
    color: #465b65;
}
.caption ul li a , .thumbnail ul li a ,.thumbnail ul li  {
    color: #465b65;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
}
.caption ul li, .thumbnail ul li a , .thumbnail ul li , li{
    color: #465b65;
    font-weight: 300;
}
h1.entry-title {
    font-family: Georgia;
    color: #67747b;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-size: 23px;
}
 #bodyContent ul {
    margin: 0 0 1.5em 1em !important;
    padding: -1px 0px 0px 40px !important;
}
.thumbnail {
    padding: 0;
}
 .row-fluid .thumbnail {
    background: #FBFDFF;
}
/* .thumbnail.site_administration {
    min-height: 368px;
}*/
.modal-dialog {
    width: 50%;
    margin: 30px auto;
}
.thumbnail.add-ons {
    padding: 9px;
}
.modal-title {
    margin: 0;
    line-height: 1.5;
    font-family: Roboto;
    font-weight: 300;
    text-align: center;
    color: #67747b;
    text-transform: uppercase;
}
div.mw-content-ltr {
    direction: ltr;
}
li.header {
    list-style: none;
    color: #607d8b;
    border-bottom: 1px solid rgba(35, 77, 103, 0.1);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 35px;
}
li.header a {
    color: #465b65 !important;
    font-family: Roboto !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
}
li.header:hover {
    background: rgba(35, 77, 103, 0.1);
    cursor: pointer;
}
/*-------------------------------------------------------------------------
	Model design (Contact popup)
--------------------------------------------------------------------------*/
#contactpopup .modal-body .form-group {
    display: flex;
}
.modal-body .form-group label {
    width: 200px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    color: #67747b;
        margin-top: 8px;
}
select#SelectPriorityId {
    width: 100%;
    background: #fff;
}
#contactpopup .modal-body {
    padding: 35px;
}
#contactpopup .modal-content .modal-body form {
    padding: 15px 100px;
}
#contactpopup .modal-body .form-group input {
    height: 36px !important;
    padding-left: 15px;
    border: 1px solid #c9dce2;
    font-family: Roboto;
    color: #465b65 !important;
    font-size: 14px !important;
    font-weight: 300;
}
#contactpopup .modal-body select#SelectPriorityId {
    height: 36px;
    border-radius: 3px;
    padding-left: 10px;
    font-family: Roboto;
    color: #465b65;
    border: 1px solid #c9dce2;
    font-size: 14px;
    font-weight: 300;
        opacity: 0.8;
}
textarea#textMessageId {
    padding-left: 15px;
    padding-top: 10px;
    border: 1px solid #c9dce2;
    color: #465b65;
    font-weight: 300 !important;
}
/*.entry-content div#toc {
    float: left;
}*/
.mw-content-ltr h2 {
    color: #67747b;
    font-family: Georgia;
    font-weight: bold;
}
.single-docs .mw-content-ltr ul,.single-docs .mw-content-ltr ol {
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 10px;
}
#toc ul {
    list-style: none;
}
#toc > ul {
    margin-left: 0px;
}
.single-docs .mw-content-ltr .sideblock.right ul, .single-docs .mw-content-ltr  .sideblock.right ol {
    margin: 0px 0px 0px 0px;
    padding: 0px 26px 0px 0px;
}
.mw-content-ltr h3 span {
    color: #607d8b;
    font-family: Georgia;
}
.mw-content-ltr ul a {
    color: #607d8b;
}
ul a {
    color: #607d8b;
}
ul , ol{
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
}
#column-content ul li a {
    color: #607d8b;
}
#column-content  ul li{
    color: #607d8b;
}
.has-sideblock  ul li a {
    color: #607d8b;
    font-size: 16px;
    font-family: Georgia;
    font-weight: 300;
    /* line-height: 1.5; */
}
p a {
    color: #607d8b;
    font-family: Georgia;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
}
.gecko p a {
    font-size: 14px;
}
p {
    font-family: Roboto;
    color: #465b65;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
}
.entry-content h4 {
    color: #607d8b;
    font-family: Georgia;
    font-weight: bold;
}
pre {
	font-size: 13px;
}
.gecko h1.entry-title {
    font-weight: 700;
    font-size: 23px;
}
.gecko h4,.gecko h4 {

    font-size: 16px;

}
.sideblock .header li.navtrail {
    display: block;
}
li.navtrail {
    border-bottom: 1px solid rgba(35, 77, 103, 0.1);
}
/*.postid-1456 .sideblock.right .header {
    background: #fff !important;
    padding: 0px !important;
}
.postid-1456 .sideblock.right .header li.navtrail a {
    font-family: Georgia;
    font-weight: 300 !important;
    color: #607d8b !important;
    font-size: 14px !important;
    padding-left: 35px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}*/
.sideblock .header li.navtrail {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.postid-1456 .sideblock.right .header li.navtrail strong {
    padding-left: 35px ;
}
.postid-1456 .sideblock .header p {
    padding-left: 35px;
    padding-right: 10px;
    padding-top: 5px;
}
.postid-1456 .sideblock li.navtrail:hover {
    background: rgba(35, 77, 103, 0.1);
}
.sideblock.right > ul {
    list-style: none;
}
.sideblock.right > ul li {
    padding-left: 35px;
    border-bottom: 1px solid rgba(35, 77, 103, 0.1);
    padding-top: 5px;
    padding-bottom: 5px;
}
.sideblock.right > ul li:hover {
    background: rgba(35, 77, 103, 0.1);
}
/*.postid-1213 .sideblock.right div.header {
    background: #fff !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px;
}*/
.postid-1213 .sideblock.right div.header li a , .postid-1213 .sideblock.right div.header li strong {
    font-family: Roboto;
    color: #465b65 !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    padding-left: 35px !important;
}
/*.postid-1636 .sideblock.right div.header , .postid-2383 .sideblock.right div.header , .postid-2764  .sideblock.right div.header {
    background: #fff !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px;
}*/
.postid-1636 .sideblock.right div.header li a , .postid-1636 .sideblock.right div.header li strong {
    font-family: Roboto;
    color: #465b65 !important;
    font-weight: 300 !important;
    font-size: 13px !important;
    padding-left: 35px !important;
}
.postid-1636 .sideblock.right div.header li:first-child {
    background: #1ba2dd;
    color: #fff !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 03px;
}
.postid-1636 .sideblock.right div.header li:first-child a {
    color: #fff !important;
    font-family: Georgia !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}
.postid-1636 .sideblock.right ul li:hover {
    background: rgba(35, 77, 103, 0.1);
    cursor: pointer;
}
.postid-2383 .sideblock.right div.header li a , .postid-2383 .sideblock.right div.header li strong {
    font-family: Roboto;
    color: #465b65 !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    padding-left: 35px !important;
}
.postid-2383 .sideblock.right div.header li:first-child {
    background: #1ba2dd;
    color: #fff !important;
    padding-top: 5px;
    padding-bottom: 5px;
}
.postid-2383 .sideblock.right div.header li:first-child a {
	color: #fff !important;
}
.postid-2764 .sideblock.right div.header li a , .postid-2764 .sideblock.right div.header li strong {
    font-family: Roboto;
    color: #465b65 !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    padding-left: 35px !important;
}

.postid-2764 .sideblock.right > .header > ul {
    list-style: none;
}
.postid-2764 .sideblock.right > .header > ul li {
    border-bottom: 1px solid rgba(35, 77, 103, 0.1);
    padding-top: 5px;
    padding-bottom: 5px;
}
a.cancelRequestButton {
    color: #67747b;
    width: 30%;
    margin-right: 35px;
    border: 1px solid;
    padding: 8px;
    border-radius: 18px;
    display: inline-table;
    font-weight: 500;
    font-family: Roboto;
}
#contactpopup button.btn.btn-default {
    width: 30%;
    color: #67747b !important;
    border-color: #67747b;
    padding: 8px;
    border-radius: 50px;
    font-weight: 500;
    font-family: Roboto;
}
.last-div-of-form {
    text-align: center;
    margin-top: 50px !important;
}
#contactpopup button.btn.btn-default:hover , a.cancelRequestButton:hover {
    background: #1ba2dd;
    color: #fff !important;
    border-color: #1ba2dd;
}
#contactpopup .modal-body {
    padding: 35px;
    background: #FBFDFF;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.site-content.container aside#secondary {
    display: none;
}
.search_result_post_class footer.entry-footer {
    display: none;
}
.search_result_post_class header.entry-header {
    text-align: left;
    border-bottom: 1px solid #ddd;
}
.search_result_post_class .docs.type-docs {
    border: 1px solid #ddd;
    padding: 20px;
}
.search_result_post_class .docs.type-docs {
    border: 1px solid #ddd;
    padding: 20px;
    min-height: auto;
    max-height: auto;
    background: #FBFDFF;
}
.search_result_post_class .entry-title a {
    color: #607d8b;
    font-size: 18px;
}
.search_result_post_class h2.entry-title {
    margin-top: 0px;
}
.search-results h1.page-title {
    font-family: 'Georgia';
    color: #67747b;
    font-weight: 700;
}
.search-results nav.navigation.posts-navigation {
    clear: both;
}
.search-results header.page-header {
    margin-left: 15px;
    margin-right: 15px;
}
#contactpopup input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: Roboto;
    color: #465b65 !important;
    font-size: 14px !important;
    font-weight: 300;
    opacity: 1; /* Firefox */
}

#contactpopup input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: Roboto;
    color: #465b65 !important;
    font-size: 14px !important;
    font-weight: 300;
    opacity: 1;
}

#contactpopup input::-ms-input-placeholder { /* Microsoft Edge */
    font-family: Roboto;
    color: #465b65 !important;
    font-size: 14px !important;
    font-weight: 300;
    opacity: 1;
}
#contactpopup textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: Roboto;
    color: #465b65 !important;
    font-size: 14px !important;
    font-weight: 300;
    opacity: 1; /* Firefox */
}

#contactpopup textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: Roboto;
    color: #465b65 !important;
    font-size: 14px !important;
    font-weight: 300;
    opacity: 1;
}

#contactpopup textarea::-ms-input-placeholder { /* Microsoft Edge */
    font-family: Roboto;
    color: #465b65 !important;
    font-size: 14px !important;
    font-weight: 300;
    opacity: 1;
}
.single-docs div#column-content p a {
    color: #1ba2dd;
}
a.read_more_btn {
    color: #1ba2dd;
}.nav-links a {
    color: #1BA3DD;
}
input.search-input:focus {
    outline: none;
}select#SelectPriorityId:focus , textarea#textMessageId:focus{
    outline: none;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        border: solid 1px rgba(27, 162, 221, 0.56) !important;
}
.pagination {
    clear:both;
    position:relative;
    font-size:11px; /* Pagination text size */
    line-height:13px;
    float:right; /* Pagination float direction */
    margin-right: 15px;
}
 
.pagination span, .pagination a {
    display:block;
    float:left;
    margin: 2px 2px 2px 0;
    padding:6px 9px 5px 9px;
    text-decoration:none;
    width:auto;
    color:#fff; /* Pagination text color */
    background: #607d8b; /* Pagination non-active background color */
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}
 
.pagination a:hover{
    color:#fff;
    background: #1ba2dd; /* Pagination background on hover */
}
 
.pagination .current{
    padding:6px 9px 5px 9px;
    background: #1ba2dd; /* Current page background */
    color:#fff;
}

.single-docs nav.navigation.post-navigation {
    display: none;
}
.single-docs .toc ul li a {
    color: #1ba2dd;
}
/*.single-docs .has-sideblock ul li a {
    color: #1ba2dd;
}*/
.page-template-template-home .mw-content-ltr span.mw-headline {
    font-family: Georgia;
    font-weight: bold;
}
.page-template-template-home .caption h4 {
    font-family: Georgia;
    font-weight: bold;
}
.page-template-template-home .thumbnail.add-ons h4{
	font-family: Georgia;
    font-weight: bold;
}
.autocomplete-suggestions li {
    list-style: none;
    padding-left: 50px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 0px solid rgba(35, 77, 103, 0.1);
    margin-left: 10px; 
    margin-right: 10px; 
    margin-top: 5px;
    margin-bottom: 5px;
}div#jump-to-nav {
    display: none;
}.printfooter {
    display: none;
}div#catlinks {
    display: none;
}.autocomplete-suggestions li a {
    color: #666;
    font-size: 14px;
    font-family: Roboto !important;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: block;
    padding: 3px;
}
.autocomplete-suggestions li:hover {
    background: #f5f7fe;
    cursor: pointer;
}
.entry-content p a {
	color: #1ba2dd;
}
.single-docs .sideblock.right li.navtrail {
    display: block;
}
.single-docs .mw-content-ltr ol li a {
    color: #1ba2dd;
}
.single-docs #column-content  .sideblock.right .content ul li ul li {
    padding-left: 0px !important;
}
.mw-category-generated  ul li a {
    color: #1ba2dd;
}
.error_message_cntc{
	display: none;
}
.error_message_cntc {
    text-align: left;
    margin-left: 23.2%;
    margin-top: 0px;
    font-size: 12px;
    background: #ff5858;
    color: #fff !important;
    padding-left: 12px;
}
.entry-content, .entry-summary {
	margin:1.5em 0 0 !important;
}

#column-content .sideblock.right ul li a {
    color: #000 !important;
    font-size: 13px;
    font-family: Roboto;
    font-weight: 300;
    /* line-height: 1.5; */
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.form-group {
    margin-bottom: 0;
    margin-top: 20px;
}
p.succs_message_after_submit_contact {
    text-align: center;
    margin-top: 35px;
    color: green;
}p.succs_message_after_submit_contact{
	display: none;
}
.single-docs #column-content .mw-content-ltr ul li a {
    color: #1ba2dd;
}
/*.sideblock.right .content ul li {
    padding-left: 0px;
    margin-left: 0px;
}*/
.autocomplete-suggestions {
    border: 1px solid #fff !important;
    position: fixed;
}
span.bld {
    font-style: italic;
}li.lastul {
    margin: 0;
    border-top: 1px solid #ddd;
    padding-left: 60px;
    padding-top: 15px;
    padding-bottom: 15px;
}.autocomplete-suggestions {
    max-height: 265px !important;
}
 .mw-content-ltr ul li a {
    color: #465b65;
}.button-transparent img {
    margin-top: -5px;
}.search-input {
    margin-top: 4px;
}footer#colophon {
    display: none;
}.single-docs .mw-content-ltr h2 {
    color: #607d8b;
}.single-docs .mw-content-ltr h1 {
    font-family: Georgia !important;
    font-weight: 700;
    color: #607d8b;
    font-size: 26px;
}
.mw-content-ltr dl dd {
    font-size: 16px;
    font-family: Georgia !important;
    color: #607d8b;
}.single-docs .mw-content-ltr table td,.single-docs .mw-content-ltr table th {
    color: #607d8b;
    padding-left: 5px;
    font-family: Georgia !important;
    font-size: 16px;
}.breadcrumb-wrapper .container-large {
    margin-left: 65px;
}
.single-docs .mw-content-ltr dt {
    color: #607d8b;
    font-family: Georgia !important;
    font-weight: bold;
}
/*FOR THE STICKY HEADER*/

#masthead {
    margin: 0px 0px 0px 40px;
    max-width: 100%;
    height: 53px;
    clear: both;
    position: fixed;
    left: 0;
    right: 0;
    top: 0px;
    background: #fff;
    z-index: 999;
}.breadcrumb-wrapper{
    background-color: #f7f8fc;
    box-shadow: none;
    border-top: 1px solid #c9dce2;
    clear: both;
    position: fixed;
    top: 53px;    left: 0;
    right: 0;z-index: 999;
    box-shadow:  0 2px 2px 0 rgba(0, 0, 0, 0.08);
}.breadcrumb {
    margin-bottom: 0px;
}.single-docs div#content.site-content.container {
    margin-top: 7%;
} div#content.site-content.container {
    margin-top: 4%;
}
.admin-bar #masthead {
    top: 32px;
}.admin-bar .breadcrumb-wrapper{
    top: 85px;
}
/*FOR THE STICKY HEADER*/

#contactpopup p {
    font-family: Roboto;
    color: #465b65;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
}.modal-title {
    font-size: 14px;
}.modal-header .close {
    margin-top: 0px;
}
a.cancelRequestButton.btn.btn-default {
    box-shadow: 0 1px 4px 0 rgba(96, 125, 139, 0.4);
}
#send_the_mail{
	    background: #1ba2dd;
    color: #fff !important;
    border-color: #1ba2dd;
    box-shadow: 0 2px 4px 0 rgba(27, 162, 221, 0.4);
}
.view_morebtn {
    border: 1px solid #1ba2dd;
    width: 100%;
    margin-left: -30px;
    margin-top: 25px;
    text-align: center;
    color: #fff;
    background: #1ba2dd;
    border-radius: 18px;
    padding: 6px;
    font-family: Georgia;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
} .thumbnail {
    min-height: 305px;
}
/*CSS FOR THE HOME PAGE BLOCKS*/
/*.class .caption {
    position: absolute;
    width: 343px;
    border: 1px solid #ccd0c9;
    box-shadow: 0 2px 4px 0 rgba(35, 77, 103, 0.34);
    margin-left: -1px;
    margin-top: -1px;
    border-radius: 4px;
}*/
.desc_new {
    font-size: 16px;
    color: #607d8b;
    font-family: Georgia !important;
    margin-bottom: 22px;
}
.gecko .view_morebtn {
    font-size: 14px;
}
.gecko .desc_new {
    font-size: 14px;
    c
}
 .entry-content {
    margin-top: 5px !important;
}
 h1.entry-title {
    margin-bottom: 5px;
}.thumbnail {
    border: 1px solid #ccd0c9 !important;
}
.gecko.entry-content h2,.gecko h3 b,.gecko h3 strong, .gecko h3 {
    font-size: 20px;

}
 .breadcrumb-wrapper{
    box-shadow:  none;
}
.sideblock.right li.hassub:hover {
    background: none !important;
}.single-docs #column-content .sideblock.right .content li.hassub ul li {
    padding-left: 55px !important;
}.single-docs #column-content .sideblock.right .content  li.hassub {
    padding-left: 0px !important;
}.single-docs #column-content .sideblock.right .content  li.hassub a {
    padding-left: 35px !important;
}
.single-docs #column-content .sideblock.right .content  li.hassub ul li a {
    padding-left: 0px !important;
}
div#contactpopup {
    background: rgba(96, 125, 139, 0.47);
}
div#fancybox-overlay {
    background: rgba(96, 125, 139, 0.47) !important;
}
.search-no-results .page-content {
    text-align: center;
    margin-top: 10%;
}
.error-404.not-found header.page-header {
    margin-top: 20%;
    text-align: center;
}.error-404.not-found .page-content {
    text-align: center;
}.error-404.not-found .page-header h1.page-title {
    color: #1ba2dd;
    font-size: 52px;
    font-family: Georgia;
    font-weight: 700;
}.error-404.not-found .page-header {
    padding-bottom: 0;
    margin: 00px 0 00px;
    border-bottom: 0px solid #eee;
}
.error-404.not-found h1 {
    font-family: Georgia;
    font-weight: 700;
}
.search-results .search_result_post_class .type-docs:hover {
    box-shadow: 0 10px 20px 0 rgba(96, 125, 139, 0.47);
    border:0px;
}

/*** effect - shadow 1 ***/




.search-results .search_result_post_class .type-docs:hover
{
transform:scale(1.01);
-webkit-transform:scale(1.01);
-moz-transform:scale(1.01);
-ms-transform:scale(1.01);
-o-transform:scale(1.01);

-webkit-box-shadow: rgba(96, 125, 139, 0.47);
-moz-box-shadow: rgba(96, 125, 139, 0.47);
box-shadow: rgba(96, 125, 139, 0.47);
}


.search-results .search_result_post_class .type-docs:hover
{
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
}
.mw-content-ltr h4 span {
    font-family: Georgia;
    font-weight: bold;
}
 .thumbnail .caption h4 {
    margin-top: 33px;
}
 .thumbnail .caption {
    padding-left: 45px;
    color: #333;
    background: #FBFDFF;
    padding-right: 45px;
    padding-bottom: 25px;
} .thumbnail {
    min-height: 324px;
}
p {
    margin: 0 0 0px;
}.entry-header h1.entry-title {
    font-size: 2em;
    margin: 21px 0;
}
/*div#fancybox-content{
	min-height: 500px !important;
	min-width: 500px !important;
}

*/

.page-template-template-home .row-fluid {
    display: block;
}
/*15-nov-2018*/
.autocomplete-suggestions  li.active {
    background: #f5f7fe;
}

button.button-transparent {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 9998;
}.button-transparent img {
    margin-top: 0;
}input.search-input.search-autocomplete {
    width: 100%;
    height: 50px;
    padding-left: 55px;
}
#masthead .form-controll > a.image.fancybox {
    position: absolute;
    top: 18%;
    display: block !important;
    right: 10%;
}
.autocomplete-suggestions{
	top:86px !important; 
}
.button-transparent a.image.fancybox{
	pointer-events: none;
}
#subscriber .autocomplete-suggestions {
    top: 54px !important;
}
#back2Top {
    width: 35px;
    line-height: 35px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #1ba2dd;
    color: #fff;
    text-align: center;
    font-size: 22px;
    text-decoration: none;
    border-radius: 50%;
}
#back2Top:hover {
    background-color: #1ba2dd;
    color: #000;
}
/*--------------------------------------------------------------------------
	Responsive media
--------------------------------------------------------------------------*/


@media only screen and (max-width : 1980px) {
	.container {
	    width: 1620px;
	}
}
@media only screen and (max-width : 1880px) {
	.container {
	    width: 1530px;
	}
	.top-search-bar {
	    width: 80%;
	}
}
@media only screen and (max-width : 1800px) {
	.container-large{
		max-width: 1250px;
		margin: 0 auto;
	}
	.container {
	    width: 1540px;
	}
	.top-search-bar {
	    width: 80%;
	}
}
@media only screen and (max-width : 1700px) {
	
	.container {
	    width: 1370px;
	}
}
@media only screen and (max-width : 1640px) {
	
	.container {
	    width: 1330px;
	}
	
	.site-branding {
	    width: 13%;
	}
	.top-search-bar {
	    width: 77%;
	}
}
@media only screen and (max-width : 1600px) {
	
	.top-search-bar {
	    width: 77%;
	}
}
@media only screen and (max-width : 1500px) {
	
	.container {
	    width: 1130px;
	}
	 div#content.site-content.container {
	    margin-top: 5%;
	}
	.top-search-bar {
	    width: 77%;
	}

}

@media only screen and (max-width : 1380px) {
	.container-large{
		max-width: 1200px;
	}
	.top-search-bar {
	    width: 80%;
	}
	.loading_result {
		height: 20px !important;
	}
	.error_message_cntc {
	    text-align: left;
	    margin-left: 35%;
	    margin-bottom: 15px;
	}
	 div#content.site-content.container {
	    margin-top: 6%;
	}
	.single-docs div#content.site-content.container {
	    margin-top: 9%;
	}
	.breadcrumb-wrapper {
	    top: 86px;
	}
	.modal-dialog {
	    width: 70%;
	    margin: 30px auto;
	}	
	.container {
	    width: 970px;
	}
	 .thumbnail .caption {
	    padding-left: 20px;
	    color: #333;
	    background: #FBFDFF;
	    padding-right: 20px;
	    padding-bottom: 20px;
	}
	.site-branding {
	    width: 13%;
	}
	.top-search-bar {
	    width: 77%;
	}
		#masthead {
	    top: 0;
	}
	.breadcrumb-wrapper {
	    top: 53px;
	}
	/*15-nov-2018*/
	#masthead .form-controll > a.image.fancybox {
	    top: 25%;
	    right: 17%;
	}
	/*15-nov-2018*/
}
@media only screen and (max-width : 1280px) {
	.site-branding {
	    width: 15%;
	}
	.top-search-bar {
	    width: 70%;
	}
	.contact-support {
	    width: 15%;
	}
}


@media only screen and (max-width : 1200px) {
	
	.search-input {
		width: 86%;
	}
	.container-large {
		max-width: 100%;
	}
	.sideblock {;
	    left: 40%;
	    float: right;
	    width: 36% !important;
	}
	#contactpopup .modal-content .modal-body form {
	    padding: 15px 20px;
	}
	.has-sideblock {
	    padding-right: 30%;
	}
	#masthead {
	    top: 0;
	}
	.breadcrumb-wrapper {
	    top: 53px;
	}

}

@media only screen and (max-width : 1025px) {
	.error_message_cntc {
	    text-align: left;
	    margin-left: 33%;
	    margin-bottom: 15px;
	}
	 div#content.site-content.container {
	    margin-top: 7%;
	}
	.single-docs div#content.site-content.container {
	    margin-top: 11%;
	}
	.class .caption {
	    width: 282px;
	}
	.top-search-bar {
	    width: 60%;
	}
	.site-branding {
	    width: 20%;
	}
	.contact-support {
	    width: 20%;	    
	}
	#masthead {
	    top: 0;
	}
	.breadcrumb-wrapper {
	    top: 53px;
	}
	#masthead .form-controll > a.image.fancybox {
	    top: 35%;
	    right: 22%;
	}
}

@media only screen and (max-width : 979px) {
	.search-input {
		width: 86%;
	}
	.top-search-bar {
		width: auto;
	}
	.form-controll button, .form-controll input {
		display: inline-block;
		width: auto;
	}
	 .row-fluid .thumbnail {
	    width: 48%;
	    float: left;
	    margin-right: 2%;
	}
	.thumbnail.site_administration {
	    min-height: 320px;
	}
	.thumbnail.course_management {
	    min-height: 380px;
	}
	.sideblock.right {
	    float: unset;
	    margin-left: 0;
	    width: 50% !important;
	    position: unset;
	    margin-bottom: 50px;
	}
	.has-sideblock {
	    padding-right: 0;
	}
	.entry-content .has-sideblock > ul {
	    list-style: none;
	    margin-left: 0;
	    padding-left: 0;
	}
	#contactpopup .modal-content .modal-body form {
	    padding: 15px 10px;
	}
	.modal-dialog {
	    width: 70%;
	    margin: 30px auto;
	}
	a.cancelRequestButton {
	    width: 40%;
	    margin-right: 5px;
	}
	.loading_result {
		height: 20px !important;
	}
	.error_message_cntc {
	    margin-left: 30.5%;
	}
	/*FOR THE STICKY HEADER*/

	#masthead {
	    margin: 0px 0px 0px 20px;
	    max-width: 100%;
	    height: 52px;
	    clear: both;
	    position: fixed;
	    left: 0;
	    right: 0;
	    top: 47px;
	    background: #fff;
	}.breadcrumb-wrapper{
	    background-color: #f7f8fc;
	    box-shadow: none;
	    border-top: 1px solid #c9dce2;
	    clear: both;
	    position: fixed;
	    top: 100px;
	    left: 0;
	    right: 0;
	}.breadcrumb {
	    margin-bottom: 0px;
	}.single-docs div#content.site-content.container {
	    margin-top: 14%;
	} div#content.site-content.container {
	    margin-top: 8%;
	}.breadcrumb-wrapper .container-large {
	    margin-left: 10px;
	}
	/*FOR THE STICKY HEADER*/
	 .thumbnail {
	    min-height: 325px !important;
	}
	.top-search-bar {
	    width: 60%;
	}
	.site-branding {
	    width: 20%;
	}
	.contact-support {
	    width: 20%;	    
	}
	#masthead {
	    top: 0;
	}
	.breadcrumb-wrapper {
	    top: 53px;
	}
	.top-search-bar {
	    width: 60%;
	}
	#masthead .form-controll > a.image.fancybox {
	    top: 35%;
	    right: 22%;
	}
}

@media only screen and (max-width : 768px) {
	.container {
	    width: 750px;
	}
	
	.top-search-bar {
	    width: 60%;
	}
	.site-branding {
	    width: 20%;
	}
	.contact-support {
	    width: 20%;	    
	}
	#masthead {
	    top: 0;
	}
	.breadcrumb-wrapper {
	    top: 53px;
	}
	#masthead .form-controll > a.image.fancybox {
	    top: 35%;
	    right: 22%;
	}
}
@media only screen and (max-width : 767px) {
	#masthead .top-search-bar, 	
	#masthead .contact-support {
		float: none;
	}
	#masthead {
		margin: 0px 0px 0px 40px;
		max-width: 100%;
		height: auto;
	}	
	.contact-support {
		text-align: center;
		margin: 0 auto;
	}
	#masthead .site-branding {
		float: left;
		width: 30%;
	}
	 .row-fluid .thumbnail {
	    width: 100%;
	}
	#masthead .top-search-bar {
	    float: left ;
	}
	#masthead .contact-support {
	    float: right;
	}
	.contact-support {
	    width: 140px;
	}
	.sideblock.right {
	    position: unset;
	    float: unset;
	    width: 100% !important;
	    margin-left: 0;
	    margin-bottom: 35px;
	}
	.has-sideblock {
	    padding-right: 0;
	}
	.mw-content-ltr ul, .mw-content-ltr ol {
	    margin: 0 0 0 10px;
	    padding: 0 0 0 10px;
	}
	.thumbinner {
	    width: 100% !important;
	}
	.single-docs .mw-content-ltr ul, .single-docs .mw-content-ltr ol {
	    margin: 0px 0px 0px 10px;
	    padding: 0px 0px 0px 10px;
	}
	.single-docs .mw-content-ltr .sideblock.right ul, .single-docs .mw-content-ltr  .sideblock.right ol {
	    margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	}
	footer#colophon .site-info {
	    text-align: center;
	}
	h1, h2, h3, h4, h5, h6 {
		clear: both;
	}
	/*.has-sideblock .sideblock.right ul, .has-sideblock .sideblock.right ol {
	    margin: 0 !important;
	    padding: 0 !important;
	}*/
	#bodyContent .embedvideowrap[style] {
	    width: 100% !important;
	}
	#bodyContent .mw-content-ltr .gallerybox div[style] {
    	width: 100% !important;
	}
	#bodyContent .mw-content-ltr li.gallerybox[style] {
	    width: 100% !important;
	}
	.entry-content .has-sideblock > ul {
	    list-style: none;
	    margin-left: 0;
	    padding-left: 0;
	}
	.modal-dialog {
	    width: 90%;
	    margin: 10px auto;
	}
	#contactpopup .modal-content .modal-body form {
	    padding: 15px 00px;
	}
	#contactpopup .modal-body {
	    padding: 15px;
	    background: #FBFDFF;
	}
	a.cancelRequestButton {
	    color: #67747b;
	    width: 45%;
	    margin-right: 5px;
	    border: 1px solid;
	}

	p{
	   text-align: justify;
	}
	.error_message_cntc {
	    margin-left: 36.2%;
	}

	.breadcrumb-wrapper .container-large {
	    margin-left: auto;
	}
	/*FOR THE STICKY HEADER*/

	#masthead {
	    position: unset;
	}.breadcrumb-wrapper{
	    position: unset;
	}
/*FOR THE STICKY HEADER*/
	.class .caption {
	    width: 93%;
	}
	.container {
	    width: auto;
	}
	.top-search-bar {
	    width: 47%;
	}
	#masthead .form-controll > a.image.fancybox {
	    top: 17%;
	    right: 22%;
	}
	input.search-input.search-autocomplete {
	    padding-left: 15px;
	}
	.autocomplete-suggestions {
	    top: 100px !important;
	}
	#back2Top {
	    bottom: 10px;
	    right: 10px;	
	}
}

@media only screen and (max-width : 580px) {
	.top-search-bar {
    width: 100%;
}
	#masthead .site-branding {
		float: none;
		width: auto;
	}
	.site-branding {
		text-align: center;
	}
	#masthead {
		margin: 0;
	}
	.form-controll input {
		width: calc(100% - 70px);
		
	}
	.button-transparent {
		padding: 16px 19px 11px 19px;
	}
	.form-controll {
		border: 1px solid #ccc;
		margin: 0 auto 10px;
		width: 95%;
	}
	#masthead .contact-support {
		width: 94%;
		margin: 0 auto;
	}
	#masthead .top-search-bar, 	
	#masthead .contact-support {
		float: none;
	}
	#masthead .form-controll > a.image.fancybox {
	    top: 17%;
	    right: 5%;
	}
	input.search-input.search-autocomplete {
	    padding-left: 55px;
	}
	.autocomplete-suggestions {
	    top: 160px !important;
	}
	button.button-transparent {
	    position: absolute;
	    top: unset;
	    bottom: unset;
	    z-index: 9998;
	    margin-top: 5px;
	}
}

@media only screen and (max-width : 480px) {
	
}

@media only screen and (max-width : 320px) {

}

/* 19 Sep changes css */

 .row-fluid .thumbnail {
    -webkit-box-shadow: rgba(0, 0, 0, .16) 0 10px 36px 0, rgba(0, 0, 0, .06) 0 0 0 0px;
    box-shadow: rgba(0, 0, 0, .16) 0 1px 10px 0, rgba(0, 0, 0, .06) 0 0 0 0px;
    background: #ffffff !important;
    border: 0px solid !important;
    border-radius: 15px;
}
 .thumbnail .caption {
    background: unset !important;
}
 .row-fluid .thumbnail {
    margin-right: 15px;
    margin-left: 15px;
}
.page-template-template-home .mw-content-ltr span.mw-headline, 
.caption h4, .caption ul li, .caption, .desc_new, #column-content ul li a {
	font-family: 'Roboto' !important;
	color: #000000 !important;
}
.view_morebtn {
	font-family: 'Roboto' !important;
	font-weight: 500 !important;
	border: 1px solid #6366F1;
    background: #6366F1;
}
.header {
	background: #6366F1 !important;
}
.page-template-template-home .mw-content-ltr span.mw-headline,
.page-template-template-home .caption h4{
	font-weight: 500 !important;
}
.form-controll {
	display: flex;
    flex-direction: row;
}
button.button-transparent {
	position: relative !important;
	padding: 10px 15px !important;
}
.top-search-bar {
	width: 500px;
    border: 1px solid #000000;
    margin-left: 20px;
    border-radius: 10px;
	float: right !important;
	position: absolute;
    top: 0px;
    left: 200px;
}
input.search-input.search-autocomplete {
	padding-left: 0px !important;
	height: 30px !important;
}
body {
	background: #f3f8fe !important;
}
.breadcrumb-wrapper {
	border-top: unset !important;
}
header#masthead {
	padding: 10px 20px !important;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1) !important;
	margin-left: 0px !important;
    height: 60px !important;
}
.top-search-bar {
	top: 10px;
}
.form-controll {
	border-radius:unset !important;
}
.adminquickguide, .adminquickguide:hover {
	color: #fff !important;
}
a {
    color: #111827 !important;
}
a:hover {
	color: #6366F1 !important;
}