/*
Theme Name: SMACC Documentation
Theme URI: 
Author: Awais Iqbal
Author URI: 
Description: SMACC Documenation
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: smacc_doc
Tags: smacc, smacc documentation 
*/
/*===================================================================
Fonts    
===================================================================*/
@font-face {
  font-family: 'RobotoSlab Thin';
  src: url('fonts/robotoslab/RobotoSlab-Thin.eot?#iefix') format('embedded-opentype'),
       url('fonts/robotoslab/RobotoSlab-Thin.woff') format('woff'),
       url('fonts/robotoslab/RobotoSlab-Thin.ttf')  format('truetype'),
       url('fonts/robotoslab/RobotoSlab-Thin.svg#RobotoSlab-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoSlab Light';
  src: url('fonts/robotoslab/RobotoSlab-Light.eot?#iefix') format('embedded-opentype'),
       url('fonts/robotoslab/RobotoSlab-Light.woff') format('woff'),
       url('fonts/robotoslab/RobotoSlab-Light.ttf')  format('truetype'),
       url('fonts/robotoslab/RobotoSlab-Light.svg#RobotoSlab-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoSlab Regular';
  src: url('fonts/robotoslab/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/robotoslab/RobotoSlab-Regular.woff') format('woff'),
       url('fonts/robotoslab/RobotoSlab-Regular.ttf')  format('truetype'),
       url('fonts/robotoslab/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoSlab Bold';
  src: url('fonts/robotoslab/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/robotoslab/RobotoSlab-Bold.woff') format('woff'),
       url('fonts/robotoslab/RobotoSlab-Bold.ttf')  format('truetype'),
       url('fonts/robotoslab/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeUI';
  src: url('fonts/SegoeUI/SegoeUI.eot') format('embedded-opentype'),
		url('fonts/SegoeUI/SegoeUI.ttf')  format('truetype'),
		url('fonts/SegoeUI/SegoeUI.woff')  format('woff'),
		url('fonts/SegoeUI/SegoeUI.svg#SegoeUI') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeUI-Light';
  src: url('fonts/SegoeUI-Light/SegoeUI-Light.eot') format('embedded-opentype'),
		url('fonts/SegoeUI-Light/SegoeUI-Light.ttf')  format('truetype'),
		url('fonts/SegoeUI-Light/SegoeUI-Light.woff')  format('woff'),
		url('fonts/SegoeUI-Light/SegoeUI-Light.svg#SegoeUI-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeUI-Italic';
  src: url('fonts/SegoeUI-Italic/SegoeUI-Italic.eot') format('embedded-opentype'),
  		url('fonts/SegoeUI-Italic/SegoeUI-Italic.ttf')  format('truetype'),
		url('fonts/SegoeUI-Italic/SegoeUI-Italic.woff')  format('woff'),
		url('fonts/SegoeUI-Italic/SegoeUI-Italic.svg#SegoeUI-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeUI-BoldItalic';
  src: url('fonts/SegoeUI-BoldItalic/SegoeUI-BoldItalic.eot') format('embedded-opentype'),
        url('fonts/SegoeUI-BoldItalic/SegoeUI-BoldItalic.ttf')  format('truetype'),
		url('fonts/SegoeUI-BoldItalic/SegoeUI-BoldItalic.woff')  format('woff'),
		url('fonts/SegoeUI-BoldItalic/SegoeUI-BoldItalic.svg#SegoeUI-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeUI-Bold';
  src: url('fonts/SegoeUI-Bold/SegoeUI-Bold.eot') format('embedded-opentype'),
        url('fonts/SegoeUI-Bold/SegoeUI-Bold.ttf')  format('truetype'),
		url('fonts/SegoeUI-Bold/SegoeUI-Bold.woff')  format('woff'),
		url('fonts/SegoeUI-Bold/SegoeUI-Bold.svg#SegoeUI-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeUI-SemiBold';
  src: url('fonts/SegoeUI-SemiBold/SegoeUI-SemiBold.eot') format('embedded-opentype'),
        url('fonts/SegoeUI-SemiBold/SegoeUI-SemiBold.ttf')  format('truetype'),
		url('fonts/SegoeUI-SemiBold/SegoeUI-SemiBold.woff')  format('woff'),
		url('fonts/SegoeUI-SemiBold/SegoeUI-SemiBold.svg#SegoeUI-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Klavika';
  src: url('fonts/Klavika/Klavika-Regular.eot') format('embedded-opentype'),
       url('fonts/Klavika/Klavika-Regular.ttf')  format('truetype'),
	   url('fonts/Klavika/Klavika-Regular.woff')  format('woff'),
       url('fonts/Klavika/Klavika-Regular.otf')  format('opentype'),
	   url('fonts/Klavika/Klavika-Regular.svg#Klavika-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'Hacen Tunisia';
	src:	url('fonts/hacen/HacenTunisiaLt.eot?#iefix') format('embedded-opentype'),
			url('fonts/hacen/HacenTunisiaLt.woff') format('woff'),
			url('fonts/hacen/HacenTunisiaLt.ttf')  format('truetype'),
			url('fonts/hacen/HacenTunisiaLt.svg#HacenTunisiaLt') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Droid Arabic';
    src: url('fonts/droidarabic/DroidArabicKufi.eot?#iefix') format('embedded-opentype'),
		 url('fonts/droidarabic/DroidArabicKufi.woff') format('woff'),
		 url('fonts/droidarabic/DroidArabicKufi.ttf') format('truetype'),
		 url('fonts/droidarabic/DroidArabicKufi.svg#DroidArabicKufi') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*===================================================================
Global
===================================================================*/
body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    margin: 0;
    padding: 0;
    overflow: hidden;
}
a:link {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*===================================================================
Top Bar
===================================================================*/
.custom-navigation {
    background-color: #fff;
    border-bottom: solid 1px #d4d4d4;
    border-radius: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.home {
    background: #f5f5f5 !important;
}
.home .custom-navigation {
    border: 0;
    background: rgba(0,0,0,0);
}
.home .custom-navigation,
.search-results .custom-navigation {
    height: 60px;
}
a.custom-logo {
    color: #1b67b3;
    text-decoration: none;
}
a.custom-logo:hover {
    color: #1b67b3;
}
a.custom-logo i {
    display: inline-block;
    font-family: 'SMACC-Font' !important;
    font-size: 60px;
}
.home .custom-navigation a.custom-logo {
    color: #fff;
}
.home .custom-navigation.sticky {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.home .custom-navigation.sticky a.custom-logo {
    color: #1b67b3;
}
/* Custom Languages ---------------------------------------------------*/
.custom-languages {
    display: inline-block;
    margin-top: 13px;
    position: relative;
    width: 100%;
}
.custom-languages select {
    border: 1px solid #d4d4d4;
    display: inline-block;
    font-size: 12px;
    outline: none;
    padding: 6px 5px 6px 5px;
    width: 100%;
}
.custom-languages ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.custom-languages ul li {
    display: inline-block;
    width: 100%;
}
.custom-languages ul li a {
    background-position: center left;
    color: #333;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    padding-left: 25px;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 100%;
}
.custom-languages ul li a:hover span {
    color: #0070a7;
}
.custom-languages ul li a span {
    display: inline-block;
    position: relative;
}
.custom-languages .selected-language {
    border: 1px solid #d4d4d4;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    padding: 7px 10px 8px 10px;
    text-decoration: none;
    text-align: left;
    width: 100%;
}
.home .custom-languages .selected-language {
    color: #fff;
}
.home .custom-navigation.sticky .custom-languages .selected-language {
    color: #333;
}
.custom-languages .selected-language span.caret {
    float: right;
    margin-top: 8px;
}
.custom-languages .custom-languages-dropdown {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
    display: inline-block;
    min-width: 140px;
    padding: 5px 10px;
    position: absolute;
    top: 30px;
    display: none;
    z-index: 2000;
}
/*.custom-languages:hover .custom-languages-dropdown {
    display: block;
}*/
.qtranxs_flag_ar {
        background-image: url(http://docs.smacc.com/wp-content/plugins/qtranslate-x/flags/sa.png) !important;
}
/* Search Form ---------------------------------------------------*/
.custom-search-form {
    display: inline-block;
    margin-top:13px;
    width: 100%;
}
.custom-search-form form {
    display: inline-block;
    width: 100%;
}
.custom-search-form form label {
    display: inline-block;
    width: 100%;
}
.custom-search-form form label span {
    display: none;
}
.custom-search-form form input[type="search"] {
    background-color: #fff;
    background-image: none;
    border: 1px solid #d4d4d4;
    border-radius: 0px;
    color: #555;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    width: 100%;
	box-shadow:none !important;
}
.home .custom-search-form form input[type="search"] {
    background-color: rgba(0,0,0,0);
    color: #fff;
}
.home .custom-navigation.sticky .custom-search-form form input[type="search"] {
    background-color: #fff;
    color: #333;
}
.home .custom-search-form form input[type="submit"] {
    background-color: rgba(0,0,0,0);
}
.home .custom-navigation.sticky .custom-search-form form input[type="submit"] {
    background-color: #fff;
}
.custom-search-form form input[type="submit"] {
    background-color: #fff;
    background-image: url(images/search.svg);
    border: 1px solid #d4d4d4;
    border-left: 0;
    border-left: 0;
    border-radius: 0;
    color: rgba(0,0,0,0);
    width: 34px;
    height: 34px;
    margin-left: -1px;
    position: absolute;
    top: 0;
    right: 0;
}
.custom-search-form form input:focus {
    outline: none !important;
}
.home .custom-search-form input.search-field::-webkit-input-placeholder {
  color: #ffffff;
}
.home .custom-search-form input.search-field::-moz-placeholder {
  color: #ffffff;
}
.home .custom-search-form input.search-field:-ms-input-placeholder {
  color: #ffffff;
}
.home .custom-search-form input.search-field:-moz-placeholder {
  color: #ffffff;
}
.filter-search {
    margin-bottom:15px;
}
/*===================================================================
Breadcrumbs
===================================================================*/
.custom-breadcrumbs {
    display: inline-block;
    font-size: 13px;
    margin: 50px 0 10px 0;
    width: 100%;
}
.custom-breadcrumbs.post-breadcrumbs {
    margin: 80px 0 10px 0;
}
.custom-breadcrumbs a {
    color: #0070a7;
    text-decoration: none;
}
/*===================================================================
Sidebar Navigation
===================================================================*/
.sidebar-navigation {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}
.sidebar-navigation .widgettitle {
    display: none;
}
.sidebar-navigation .nice_navigation {
    display: inline-block;
    margin-top: 25px;
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
}
.sidebar-navigation a {
    color: #222;
    display: inline-block;
    font-size: 14px;
    padding-bottom: 6px;
    padding-top: 6px;
    padding-right: 30px;
    text-decoration: none;
    width: 100%;
}
.sidebar-navigation a:hover {
    color: #0070a7;
}
.sidebar-navigation .current-menu-item a {
    background-color: #0070a7;
    color: #fff;
}
.sidebar-navigation .current-menu-item.menu-item-type-taxonomy > a {
    background-color: #fff;
    color: #222;
}
.sidebar-navigation .current-menu-item.menu-item-type-taxonomy ul.sub-menu li a {
    background-color: #fff;
    color: #222;
}
.sidebar-navigation .menu-item-has-children,
.sidebar-navigation .menu-item-object-category {
    display: inline-block;
    margin-left: 1px;
    position: relative;
    width: 100%;
}
/*.sidebar-navigation .menu-item-has-children::before,*/
.sidebar-navigation .menu-item-object-category::before {
    content: "\f105";
    display: inline-block;
    font-family: "FontAwesome";
    position: absolute;
    top: 6px;
    left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sidebar-navigation .menuIsOpen::before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sidebar-navigation .menu-item-has-children .menu-item-has-children,
.sidebar-navigation .menu-item-object-category .menu-item-object-category {
    margin-left: 15px;
    padding-left: 15px;
}
.sidebar-navigation .menu-item-has-children .menu-item-has-children li,
.sidebar-navigation .menu-item-object-category .menu-item-object-category li {
    padding-left: 0;
    padding-right: 0;
}
.sidebar-navigation .menu-item-has-children .menu-item-has-children li a,
.sidebar-navigation .menu-item-object-category .menu-item-object-category li a {
    padding-left: 15px;
}
.sidebar-navigation .lifp-hide {
    display: none;
}
.sidebar-navigation .lifp-show ul.sub-menu {
    display: block !important;
}
.sidebar-navigation .search-field {
    background: transparent !important;
    border: 1px solid #a9a9a9;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 1.8;
    padding: 0 10px;
    width: 100%;
}
.sidebar-navigation .search-field:focus {
    outline: none;
}
/*===================================================================
Article
===================================================================*/
.doc-article {
    display: inline-block;
    width: 100%;
}
.doc-article h1.article-heading {
    display: inline-block;
    font-family: 'SegoeUI-Light';
    /*font-size: 40px;*/
    font-size: 36px;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
}
.doc-article-inner {
    display: inline-block;
    width: 100%;
}
.doc-article-inner p,
.doc-article-inner ul li,
.doc-article-inner ul li a {
    font-size: 14px;
    line-height: 24px;
}
.doc-article-inner p strong {
    font-family: 'SegoeUI-Bold';
    font-weight: normal;
}
.doc-article-inner h2 {
    display: inline-block;
    font-size: 24px;
    font-family: 'SegoeUI-Light';
    margin-top: 24px;
    width: 100%;
}
.doc-article-inner h2 strong {
    font-family: 'SegoeUI';
    font-weight: normal;
}
.doc-article-inner .firstHeading {
    border-bottom: 1px solid #ddd;
    color: #333333;
    font-family: 'RobotoSlab Regular';
    font-size: 20px;
    margin-bottom: -15px;
    line-height: 30px;
    padding-bottom: 30px;
}
.doc-article-inner .firstHeading {
    border-bottom: 1px solid #ddd;
    color: #333333;
    font-family: 'RobotoSlab Regular';
    font-size: 18px;
    margin-bottom: -15px;
    line-height: 30px;
    padding-bottom: 30px;
    background: #f6f6f6;
    border-bottom: 0px;
    padding: 15px;
    border-radius: 0px;
    border: 1px solid #eee;
    border-left: 3px solid #ccc;
}
html[dir="rtl"] .doc-article-inner .firstHeading {
    border-left: 1px solid #eee;
    border-right: 3px solid #ccc;
}
.doc-article-inner .doc-article-content img {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ddd;
    padding: 3px;
    border-radius: 3px;
    /*box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.20);*/
    margin: 10px 0;
}
.image-modal img.img-responsive {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0 auto;
    border: 0px;
}
.image-modal {
    text-align: center;
    z-index: 999999;
}
.modal-backdrop {
    z-index: 2999;
}
.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.image-modal button.close {
    background-color: rgba(255,0,0,1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: fixed;
    opacity: 0.8;
    top: 5px;
    right: 5px;
    height: 30px;
    outline: none !important;
    text-align: center;
    width: 30px;
    font-size: 15px;
    font-weight: bold;
    text-shadow: none;
    color: #fff;
    opacity: 1;
    z-index: 9;
}
.image-modal button.close span {
    position: relative;
    left: -1px;
}
.image-modal button.close:hover {
    background-color: rgb(251 78 78);
}
.image-modal .modal-content {
    background-color: rgba(0, 0, 0, 0);
    border: 0px;
    box-shadow: none;
}
.image-modal .modal-header {
    border: 0px;
}
.modal-body {
    padding: 0;
}
@media (min-width: 1200px) {
    .image-modal .modal-lg {
        max-width: 98%;
        width: 100% !important;
    }
}
.image-modal .modal-lg {
    margin: 10px auto 10px auto;
}
body.modal-open {
    overflow: hidden !important;
}
/* Article Meta ---------------------------------------------------*/
.doc-article-author-meta {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: top;
    width: 100%;
}
.doc-article-author-meta .author-image {
    display: inline-block;
    vertical-align: top;
}
.doc-article-author-meta .author-image img {
    border-radius: 100%;
    display: inline-block;
    max-height: 34px;
    max-width: 34px;
    height: auto;
    width: 100%;
}
.doc-article-author-meta .meta-info {
    display: inline-block;
    font-size: 12px;
    margin: 0 5px;
    width: 100%;
}
.doc-article-author-meta .meta-info strong {
    display: inline-block;
}
.doc-article-author-meta .meta-info > a {
    color: #0070a7;
    font-family: 'SegoeUI-SemiBold';
    text-decoration: none;
}
.doc-article-author-meta .meta-info .article-info {
    display: inline-block;
    margin: 0 5px;
}
/* Article Comments ---------------------------------------------------*/
.doc-article-comments {
    display: inline-block;
    margin-top: 50px;
    width: 100%;
}
.wc-comment-title {
    display: none;
}
/*===================================================================
Page
===================================================================*/
.page-header {
    border: 0;
    display: inline-block;
    margin: 0;
    width: 100%;
}
.page-header h1 {
    font-family: 'SegoeUI-Light';
}
/*===================================================================
Sidebar Buttons
===================================================================*/
.sidebar-buttons-list {
    display: inline-block;
    width: 100%;
}
.sidebar-buttons-list ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
.sidebar-buttons-list .sidebar-buttons {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}
.sidebar-buttons-list .sidebar-buttons > ul {
}
.sidebar-buttons-list .sidebar-buttons > ul > li > a {
    background: #0070a7;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 3px 0;
    padding: 5px 10px;
    text-decoration: none !important;
}
.sidebar-buttons-list .sidebar-buttons > ul > li > a:hover {
    background: #0070d9;
}
.sidebar-buttons-list .sidebar-theme-selector {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}
.sidebar-buttons-list .sidebar-theme-selector ul {
    border-radius: 3px;
}
.sidebar-buttons-list .sidebar-theme-selector h5 {
    color: #6e6e6e;
    font-family: 'SegoeUI-SemiBold';
    font-size: 12px;
    margin: 0 0 5px 0;
}
.sidebar-buttons-list .share-links-parent {
    position: relative;
}
.sidebar-buttons-list .share-links-parent ul.share-links {
    background: #fff;
    position: absolute;
    top: 30px;
    left: 0;
    display: none;
    padding: 10px;
    box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.15);
    width: auto;
}
.sidebar-buttons-list .share-links-parent:hover ul.share-links {
    display: inline-block;
}
.sidebar-buttons-list .share-links-parent ul.share-links li {
}
.sidebar-buttons-list .share-links-parent ul.share-links li a {
    display: inline-block;
    margin: 2px 0;
    text-decoration: none;
    width: 100%;
}
/*===================================================================
Sidebar Articles List
===================================================================*/
.sidebar-buttons-list .sidebar-articles-list > ul {
    overflow: hidden;
    overflow-y: auto;
    border: 0;
}
@media (max-height:800px){
    .sidebar-buttons-list .sidebar-articles-list > ul {
        max-height: 380px;
    }
}
.sidebar-buttons-list .sidebar-articles-list > ul > li {
    display: inline-block;
    margin-bottom: 2px;
    width: 100%;
}
.sidebar-buttons-list .sidebar-articles-list > ul > li:before {
    font-family: 'FontAwesome';
    content: '\f0da';
    color: #999;
    display: inline-block;
    position: absolute;
    top: 4px;
    font-size: 12px;
}
.sidebar-buttons-list .sidebar-articles-list > ul > li > a {
    background: rgba(0,0,0,0);
    border: 0 !important;
    border-radius: 0;
    color:#666;
    font-size: 12px;
    font-family: 'SegoeUI';
    font-weight: normal;
    display: inline-block;
    line-height: 16px;
    padding: 2px 0 2px 10px;
    text-decoration: none;
    width: 100%;
}
.sidebar-buttons-list .sidebar-articles-list > ul > li > a:focus {
    background: rgba(0,0,0,0) !important;
    color:#666 !important;
}
.sidebar-buttons-list .sidebar-articles-list > ul > li > a:hover {
    background: rgba(0,0,0,0) !important;
    border: 0;
}
.sidebar-buttons-list .sidebar-articles-list > ul > li.active:before {
    color:#0070a7;
}
.sidebar-buttons-list .sidebar-articles-list > ul > li.active > a {
    font-family: 'SegoeUI-SemiBold';
    color:#0070a7 !important;
}
.sidebar-buttons-list .sidebar-articles-list > ul > li.active > a:hover {
    border: 0;
}
/*===================================================================
Search Page
===================================================================*/
.search-result {
    display: inline-block;
    margin-bottom: 35px;
    width: 100%;
}
.search-result .search-article-heading {
    display: inline-block;
    width: 100%;
}
.search-result .search-article-heading a {
    color: #0070a7;
    font-size: 20px;
    text-decoration: none;
}
.search-result .search-article-heading a:hover {
    color: #00a4f3;
}
.search-result .search-article-date {
    color: #999;
    display: inline-block;
    width: 100%;
}
.search-result .search-article-breadcrumb {
    color: #666;
    display: inline-block;
    width: 100%;
}
.search-result .search-article-breadcrumb a {
    color: #666;
    text-decoration: none;
}
.search-result .search-article-breadcrumb a:hover {
    color: #0070a7;
}
.navigation.pagination h2.screen-reader-text {
    display: none;
}
.search-no-results .footer,
.error404 .footer{
    position:fixed;
    bottom: 0;
}
/*===================================================================
Archive Page
===================================================================*/
.archive .doc-article-inner {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}
.archive .doc-article-inner > a {
    display: inline-block;
    font-size: 16px;
    width: 100%;
}
.archive .doc-article-inner > a h1 {
    margin-bottom: 10px;
}
.archive .doc-article-inner .article-info {
    color: #666;
    font-size: 13px;
}
.archive .navigation.pagination {
    display: inline-block;
    text-align: center;
    width: 100%;
}
/*===================================================================
Home Page
===================================================================*/
.home-slider {
    background-image: url(images/doc-header.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    height: 190px;
    padding-top: 70px;
    text-align: center;
}
.home-slider h2 {
    font-family: 'Klavika', sans-serif;
    font-size: 36px;
    margin-top: 0;
}
.home-slider p {
    margin: 0;
}
.home-search-form {
    display: inline-block;
    margin: 0;
    position: relative;
    top: -32px;
    z-index: 9;
    width: 100%;
}
.home-search-form form input[type="search"] {
    border: 0;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20) !important;
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20) !important;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20) !important;
    height: 50px;
    font-size: 18px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.home-search-form form input[type="search"]:hover,
.home-search-form form input[type="search"]:focus {
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.30) !important;
    -moz-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.30) !important;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.30) !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.home-search-form form input[type="submit"] {
    height: 50px;
    width: 50px;
    border: 0;
}
.home-boxes {
    display: inline-block;
    margin-top: 40px;
    width: 100%;
}
.home-boxes .home-single-box {    
    border: 0;
    -webkit-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.20);
    display: inline-block;
    margin-bottom: 30px;
    /*min-height: 150px;*/
    position: relative;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.home-boxes .home-single-box:hover {
    -webkit-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.35);
    top: -2px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.home-boxes .home-single-box .panel-heading {
    background-color: #1b67b3;
    border: 1px solid #1b67b3;
}
.home-boxes .home-single-box .panel-heading h2 {
    color: #fff;
    display: inline-block;
    font-family: 'SegoeUI-Light';
    font-size: 20px;
    margin: 0;
    position: relative;
    top: 0px;
}
.home-boxes .home-single-box .panel-heading .posts-count {
    background: #fff;
    border-top: 3px solid #dddddd;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    display: inline-block;
    float: right;
    padding:7px 6px 5px 6px;
    position: relative;
    top: -11px;
}
.home-boxes .home-single-box .panel-heading h2 i {
    display: inline-block;
    margin-right: 5px;
}
.home-boxes .home-single-box .panel-body {
    border: 0px solid #eee;
    border-top: 0;
    /*min-height: 175px;*/
    min-height: 190px;
}
.home-boxes .home-single-box .home-box-categories {
    display: inline-block;
    list-style: none;
    width: 100%;
}
.home-boxes .home-single-box .home-box-categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}
.home-boxes .home-single-box .home-box-categories ul li {
    display: inline-block;
    list-style: none;
    line-height: 28px;
    position: relative;
    vertical-align: top;
    width: 100%;
}
.home-boxes .home-single-box .home-box-categories ul li:before {
    font-family: 'FontAwesome';
    content: '\f016';
    color: #333;
    display: inline-block;
    margin-right: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: absolute;
    top: 0;
}
.home-boxes .home-single-box .home-box-categories ul li:hover:before {
    color: #1b67b3;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.home-boxes .home-single-box .home-box-categories ul li a {
    display: inline-block;
    font-family: 'Klavika', sans-serif;
    color: #333;
    margin-left: 20px;
    font-size: 14px;
    line-height: 18px;
}
.home-boxes .home-single-box .home-box-categories ul li a:hover {
    color: #1b67b3;
    text-decoration: none;
}
.home .ui-autocomplete {
    background-color: #fafafa;
    display: inline-block;
    -webkit-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.20);
    padding: 0;
    position: absolute !important;
    /*width: auto !important;*/
}
.home .ui-autocomplete li {
    font-size: 16px;
    list-style: none;
    padding: 5px 15px !important;
}
.home .ui-autocomplete li:hover {
    background-color: #1b67b3;
    color: #fff;
    cursor: pointer;
}
.home .ui-helper-hidden-accessible {
    display: none !important;
}
/*===================================================================
Footer
===================================================================*/
.footer {
    background: #222;
    display: inline-block;
    margin-top: 30px;
    padding: 20px 10px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 99999;
}
.footer p {
    color: #666;
    display: inline-block;
    font-size: 12px;
    margin: 0;
    width: 100%;
}
.bar-long {
    height: 3px;
    background-color: #1b67b3;
    width: 0px;
    z-index: 99999;
    position: fixed;
    bottom: 0px;
    left: 0;
}
/*===================================================================
Loading
===================================================================*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1b67b3;
    /*background-color: rgba(255,255,255,1);*/
    z-index: 9999999;
    height: 100%;
    text-align: center;
}
#status {  
    position: absolute;
    top: 28%;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    width: 100%;
}
#status i {
    color: #fff;
    /*color: #1b67b3;*/
    font-size: 150px;
}
#preloader .progress {
        position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.rotatingImages {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
}
#rotatingImagesContainer {
    position: absolute;
}
.rotatingSingleImages {
    position:absolute;
}
/*===================================================================
Video Link
===================================================================*/
.article-video {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 15px;
    width: 100%;
}
.article-video-1 {
    margin-top: 15px;
}
.article-video h5 {
    display: inline-block;
    display: none;
    font-size: 18px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
.article-video-1 h5 {
    display: inline-block;
}
.article-video a {
    color: #666;
    font-size: 13px;
    text-decoration: none;
    outline: none !important;
}
.article-video a i {
    color: red;
    display: none;
    font-size: 20px;
}
.article-video-1 a i {
    display: inline-block;
}
.article-video a:hover {
    text-decoration: none;
}
.article-video a:hover i {
    color: #0070a7;
}
.article-video a:hover .article-heading-text,
.article-video a:hover .article-video-text {
    color: #0070a7;
}
.article-video img {
    height: 105px;
    width: 190px;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.article-video img:hover {
    -webkit-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.video-modal {
    z-index: 999999;
}
.video-modal .modal-header {
    border: 0px;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 999999;
    width: 100%;
}
.video-modal .modal-header button.close {
    background-color: rgba(255,0,0,1);
    float: right;
    padding: 7px 12px 10px 12px;
    opacity: 0.5;
    margin-top: 0px;
    top: 0;
    right: 0;
    color: #fff;
}
.video-modal .modal-header button.close:hover {
    opacity: 0.9;
}
.video-modal .modal-body {
    margin-bottom: -6px;
    padding: 0;
}
.video-modal .modal-body iframe {
    border: 0;
}
/*===================================================================
Comments
===================================================================*/
h3#comments,.comment-navigation,.comment-navigation:after,#respond:after,.comment-rss{display:block} 
ol.commentlist{width:100%} 
h3#comments,#respond h3{height:25px;text-align:left;color:#333;} 
ol.commentlist,li.authorcomment,li.comment,#respond h3,form#commentform,input#submit{margin:0}
ol.commentlist,ol.commentlist ul,form#commentform{padding:0}  
ol.commentlist{border-bottom:1px solid #ccc} 
ol.commentlist ul{margin:0 0 0 20px} 
li.authorcomment,li.comment,form#commentform textarea,form#commentform input{border:1px solid #ccc}
li.authorcomment,li.comment{padding:10px 0 0 10px;list-style:none;border-bottom:none} 
li.even{background:#fff} 
li.odd{background:#efefef} 
.authorcomment{background:#deebf9} 
ul.children ul{margin-left:20px} 
ul.children li{border-right:none} 
.vcard img{float:left;background:#c4c4c4} 
.vcard img,.comment-navigation .newer a,.comment-navigation .older a{padding:5px} 
.comment-meta,ol.commentlist li small,p.subscribe-to-comments label{position:relative} 
.comment-meta,ol.commentlist li small{top:10px;left:10px} 
.comment-text{margin:0 10px 0 0} 
.reply,.comment-navigation .newer,input#submit{float:right} 
.reply,.comment-navigation .newer a,.comment-navigation .older a,input#submit{background:#0070a7;} 
.reply{margin:0 10px 10px 0} 
a.comment-reply-link,.reply a:link,
.comment-navigation .newer a,.comment-navigation .older a,input#submit{display:inline-block;text-align:center;cursor:pointer;color:#fff} 
a.comment-reply-link,.reply a:link{padding:5px 0} a.comment-reply-link,.reply a:link,input#submit{width:70px} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,
.comment-navigation .older a:hover,input#submit:hover{background:#e7e7e7;text-decoration:none;color:#4c7faa;font-weight:bold} 
a.comment-reply-link:hover,.reply a:hover,input#submit:hover{width:68px} 
a.comment-reply-link:hover,.reply a:hover{padding:4px 0} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover{border:1px solid #4c7faa} 
.comment-navigation{margin:10px 0 10px 0} .comment-navigation:after,#respond:after{content:".";height:0;visibility:hidden} 
.clear{clear:both} 
.comment-navigation .newer a:hover,.comment-navigation .older a:hover{padding:4px} 
form#commentform textarea,form#commentform input{padding:2px 3px} 
form#commentform textarea{width:442px} 
input#submit{padding:5px 0 !important;border:0 !important} 
input#submit,p.subscribe-to-comments input{outline:0} 
input#submit:hover{padding:4px 0 !important;border:1px solid #4c7faa !important} 
p.subscribe-to-comments{background:url('images/email_32.png') no-repeat} 
p.subscribe-to-comments,.comment-rss{height:32px;text-indent:42px;padding:5px 0 0 0} 
p.subscribe-to-comments input{margin:5px 3px 3px 3px !important;border:0} 
p.subscribe-to-comments label{top:-2px;color:#666} 
.comment-rss{background:url('images/rss_32.png') no-repeat} 
/*comment total stlying*/
.comment-total{text-align: center;font-size: 1.5em;color: #fff;}
.comment-total span{font-size: 2em;color: #800000;}
form#commentform label {
    vertical-align: top;
    min-width: 70px;
    width: 100% !important;
}
ol.comment-list {
    padding: 0;
}
ol.comment-list li {
    background-color: #fafafa;
    border: 0 !important;
    margin-bottom: 40px;
    padding: 0;
}
ol.comment-list li:nth-child(even) {
    background-color: #f6f6f6;
}
ol.comment-list li .vcard img {
    margin-right: 10px;
}
ol.comment-list li .comment-metadata a {
    color: #999;
    font-size: 11px;
    position: relative;
    top: -5px;
}
ol.comment-list li .comment-content {
    display: inline-block;
    padding-left: 52px;
    padding-right: 15px;
    padding-top: 10px;
    width: 100%;
}
.form-submit input#submit {
    background-color: #0070a7 !important;
    border: 1px solid #0070a7 !important;
    float: left;
    padding: 5px 15px !important;
    width: auto !important;
}
.form-submit input#submit:hover {
    background-color: #fff !important;
    color: #0070a7 !important;
}
form#commentform textarea {
    max-height: 100px !important;
}
form#commentform .comment-form-comment,
form#commentform label,
form#commentform textarea,
form#commentform input[type="text"],
form#commentform input[type="email"],
form#commentform input[type="url"]{
    display: inline-block;
    width: 100% !important;
}
form#commentform .comment-form-author {
    width: 48%;
    display: inline-block;
}
form#commentform .comment-form-email {
    width: 48%;
    display: inline-block;
    float: right;
}
form#commentform .comment-form-url {
    display: none !important;
}
form#commentform .google-recaptcha-container {
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
@media (max-width:767px) {
    form#commentform .comment-form-comment,
    form#commentform label,
    form#commentform textarea,
    form#commentform input[type="text"],
    form#commentform input[type="email"],
    form#commentform input[type="url"]{
        display: inline-block;
        width: 100% !important;
    }
    .form-submit input#submit {
        margin-top: 20px;
        float: left;
    }
    form#commentform .comment-form-author,
    form#commentform .comment-form-email {
        width: 100% !important;
    }
}


/*===================================================================
Quick Links
===================================================================*/
.sidebar-buttons-list h4 {
    margin-bottom: 5px;
}
.sidebar-buttons-list .quicklinks {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.sidebar-buttons-list .quicklinks a {
    display: inline-block;
    font-size: 12px;
    color: #000;
    width: 100%;
    position: relative;
    padding: 4px 0 4px 10px;
}
.sidebar-buttons-list .quicklinks a:hover {
    color: #0070a7;
}
html[dir="rtl"] .sidebar-buttons-list .quicklinks a {
    padding: 4px 15px 4px 0;
}
.sidebar-buttons-list .quicklinks a:before {
    font-family: 'FontAwesome';
    content: '\f0da';
    color: #999;
    display: inline-block;
    position: absolute;
    top: 5px;
    font-size: 12px;
    left: 0;
}
.sidebar-buttons-list .quicklinks a:hover:before {
    color: #0070a7;
}
html[dir="rtl"] .sidebar-buttons-list .quicklinks a:before {
    content: '\f0d9';
    left: unset;
    right: 0;
}
.qtranxs_flag_en {
    background-image: url('http://www.docs.smacc.com/wp-content/plugins/qtranslate-x/flags/us.png') !important;
}

/*===================================================================
Search Form
===================================================================*/
.search-live-form > input {
    height: 34px;
    border: 1px solid #d4d4d4;
    padding: 8px;
}
.search-live-results {
    top: 36px !important;
    position: absolute !important;
}
.search-live-form input.blinker {
	background-image: url('images/loader.svg') !important;
}
.search-live .search-live-results .entry a {
    color: #333 !important;
}
.search-live .search-live-results .entry:hover {
    background-color: #f3f3f3 !important;
    font-weight: normal !important;
}
.search-live .search-live-results .entry:hover a {
    color: #0070a7 !important;
    text-decoration: none !important;
}