@charset "utf-8";
/* CSS Document */
*,
*::before,
*::after { box-sizing: border-box; transition: all 0.2s ease 0s;}
html{width:100%; min-height:100%; height:100%;}
body{font-family: 'Roboto', sans-serif; height:100%; color:#666666;}
h1,
h2,
h3,
h4,
h5,
h6 {font-family:'Roboto Condensed', sans-serif; font-weight:700;}
img { max-width: 100%; }
p { margin: 0; padding: 0; line-height:1.5; }
a { text-decoration: none; color: #1180c4;}
a:hover { text-decoration: none; }
ul { list-style: none; }
.no-pad { padding: 0 !important; }
.no-spacing{ margin: 0 !important; }
.no-pad-rt { padding-right: 0!important; }
.no-pad-lft { padding-left: 0!important; }
.no-floting {float: none; }
.hor-center {margin: auto; }
.hor-spacer-10 {margin-top: 10px; }
.rel {position: relative;}
.abs {position: absolute;}
.txt-center {text-align:center; }
.mTop25{margin-top: 25px;}


/**************** Top Menu Bar ****************/
/*
 * Off Canvas sidebar at medium breakpoint
 * --------------------------------------------------
 */
@media screen and (max-width: 992px) {

  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -34%;
  }

  .row-offcanvas-left.active {
    left: 33%;
    margin-left: -6px;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 33.8%;
    height: 100%;
	display:none;
  }
  .row-offcanvas-left.active .sidebar-offcanvas{display:block;}
}

/*
 * Off Canvas wider at sm breakpoint
 * --------------------------------------------------
 */
@media screen and (max-width: 34em) {
  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -45%;
  }

  .row-offcanvas-left.active {
    left: 45%;
    margin-left: -6px;
  }
  
  .sidebar-offcanvas {
    width: 85%;
	display:none;
  }
  .row-offcanvas-left.active .sidebar-offcanvas{display:block;}
}

.card {
    overflow:hidden;
}

.card-body .rotate {
    z-index: 8;
    float: right;
    height: 100%;
}

.card-body .rotate i {
    color: rgba(20, 20, 20, 0.15);
    position: absolute;
    left: 0;
    left: auto;
    right: -10px;
    bottom: 0;
    display: block;
    -webkit-transform: rotate(-44deg);
    -moz-transform: rotate(-44deg);
    -o-transform: rotate(-44deg);
    -ms-transform: rotate(-44deg);
    transform: rotate(-44deg);
}

.navbar.bg-new{background:#f7f7f7; border-bottom:1px solid #ececec;}
.navbar.bg-new .container-fluid{
  padding-right: 0px;
  padding-left: 0px;
 }
.navbar .navbar-brand span{color:#1e759d !important; font-size:14px; font-weight:normal; font-family:'Roboto Condensed', sans-serif;}
.navbar.bg-new .input-group{width:auto;}
.navbar.bg-new .input-group .form-control{border:1px solid #1280c4; border-right:0px !important;}
.navbar.bg-new .input-group .btn{border:1px solid #1280c4; border-left:0 !important;}
.navbar.bg-new .input-group .btn .fa-search{color:#1280c4;}
.navbar.bg-new .input-group .btn:hover{background:#1280c4;}
.navbar.bg-new .input-group .btn:hover .fa-search{color:#fff;}

.sidebar-offcanvas{min-width:268px;}
.sticky-top h3{font-size:21px; color:#464547; background-color:#ffeb38 !important; line-height:74px; padding:0 0 0 10px; margin-bottom:0;
}
.sticky-top h3 a{
  color: #464547;
}
.sticky-top h3 a:hover{
  color: #0fa0ce;
}
.sticky-top h4{font-size:20px; color:#464547; background-color:#08b1d5 !important; min-height:55px; border-bottom:1px solid #5e8fb5; margin-bottom:0;}
.row-offcanvas h4:before{background-image:url(../images/artboard-1.svg); 
width: 54px;
height: 54px;
content: "";
background-repeat: no-repeat;
top: 12px;
position: relative;
display: block;
float: left;
background-size: 50%;
background-position: 60% 10%;}
.row-offcanvas h4 span{padding:15px 25px 15px 0; display:block; color:#fff;}
.sticky-top .nav li.main-item{background:#dff0f4; border-bottom:1px solid #cddce0; height:42px; font-weight:700;}
.sticky-top .nav li.main-item a{
  font-size:16px;
  white-space: pre-wrap;
  color: #1180c3!important;
}
.sticky-top .nav li.main-item:before{
  background-image:url(../images/listboard.svg); 
  width: 40px;
  height: 40px;
content: "";
background-repeat: no-repeat;
top:0px;
position: relative;
display: block;
float: left;
background-size: 50%;
background-position:10px 10px;}

.sticky-top .nav li.nav-item{border-top:1px solid #e5e5e5; background:#f7f7f7; margin:0;}
.sticky-top .nav li.nav-item .demo-nav .arrow{
  float: left;
  width: 30px;
  text-align: center;
  padding-top: .5rem;
}
.sticky-top .nav li.nav-item .demo-nav .text{
  width: calc(100% - 30px);
  float: left;
  padding-left: 0px;
}
/* 
.nav-link[data-toggle].collapsed:before {
  content: " ▾";
}
.nav-link[data-toggle]:not(.collapsed):before {
  content: " ▴";
} */

/* 
.sticky-top .nav li.nav-item .nav-link[data-toggle].collapsed:before {
  content: " ▾";
}
.sticky-top .nav li.nav-item .nav-link[data-toggle]:not(.collapsed):before {
  content: " ▴";
} */


.sticky-top .nav li.nav-item a{font-size:14px;}
.sticky-top .nav li.nav-item a.active{
  font-weight: 600;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
    overflow-y: overlay;
    overflow-x: hidden;
    height: 100vh;
}

/**************** Main Section Starts ****************/
.mainleft{padding-left:60px;}
.topbanner{background:url(../images/mainbg.png) no-repeat #0eb2d6; padding:40px 50px 50px 50px; color:#fff; background-position:bottom; background-size:100%;}
.topbanner h2{max-width:50%; font-size:22px; line-height:1.3; font-weight:300;}
.subscribeform{background:#f6f6f6; padding:20px;}
.subscribeform h6{color:#1180c3 !important; line-height:1.3; font-size:18px; font-weight:400; font-weight:400; font-family: 'Roboto', sans-serif;}
.subscribeform .formsection label, .subscribeform .formsection p{font-size:14px; color:#414141 !important;}
.subscribeform .formsection .buttonbtm .btn{background:#ffeb38; color:#464547; padding:8px 30px; letter-spacing:.5px; font-family:'Roboto Condensed', sans-serif; font-size:16px; font-weight:700;}
.subscribeform .formsection .buttonbtm .btn:hover{background:#f1df36;}
.bannerone{width:100%; float:left; margin-top:20px;}

.maincontent{margin-top:20px;}
.maincontent h1, .maintopics h1{color:#1180c4 !important; padding:10px 0 0.5em; margin:0; border-bottom:1px solid #cccccc; font-size:24px; line-height:1.25;}
.maincontent p{font-size:16px; color:#464547 !important; font-weight:400; line-height:1.6; margin-top:10px;}

.maintopics{margin-top:40px;}
.twocols{padding:15px 0; border-bottom:1px dotted #ccc;}
.bdrcol{border-right:1px dotted #cccccc; padding:10px 28px;}
.bdrcol h3{color:#1180c4; font-size:24px;}
.bdrcol h3:before{background-image:url(../images/topics1.svg); 
width: 42px;
height: 40px;
content: "";
background-repeat: no-repeat;
top:-5px;
position: relative;
display: block;
float: left;
background-size:100%;
background-position: 60% 10%; margin-right:13px;}
.twocols .bdrcol:last-child{border-right:0;}
.twocols .bdrcol p{font-size:16px; color:#464547;}
.bdrcol ul{margin:10px 0 0; padding:0;}
.bdrcol li{background:url(../images/circle.svg) no-repeat 0 7px; background-size:8px; padding-left:14px; font-size:14.5px; line-height:1.4; margin-bottom:5px; color:#464547;}

.bdrcol h3.icon2{color:#1180c4; font-size:24px;}
.bdrcol h3.icon2:before{background-image:url(../images/icon2.svg); 
width: 42px;
height:42px;
content: "";
background-repeat: no-repeat;
top:-5px;
position: relative;
display: block;
float: left;
background-size:100%;
background-position: 60% 10%; margin-right:13px;}

.bdrcol h3.icon3{color:#1180c4; font-size:24px;}
.bdrcol h3.icon3:before{background-image:url(../images/icon3.svg); 
width:52px;
height:42px;
margin-right:0px;}

.bdrcol h3.icon4{color:#1180c4; font-size:24px;}
.bdrcol h3.icon4:before{background-image:url(../images/icon4.svg); 
width:52px;
height:52px;
margin-right:0px;}

.bdrcol h3.icon5:before{background-image:url(../images/icon5.svg); 
width:38px;
height:40px;
margin-right:8px;}

.bdrcol h3.icon6:before{background-image:url(../images/icon6.svg); 
width:38px;
height:40px;
margin-right:8px;}

.bdrcol h3.icon7:before{background-image:url(../images/icon7.svg); 
width:38px;
height:40px;
margin-right:8px;}

/**************** Footer ****************/
.footer{width:100%; margin-top:65px; border-top:1px solid #dfe1e6; text-align:center; padding:10px 0;}
.footer p{font-size:0.85em; color:#707070;}

.sticky-top .nav li.nav-item{border-top:1px solid #e5e5e5; background:#f7f7f7; margin:0; width: 100%;;}
.nav-item .nav-link{display:inline-block; padding:0;}
.nav-item span{position:relative; display:inline-block; padding:10px 0 10px 20px; width:40px; height:40px; cursor: pointer; float: left;}

.sticky-top .nav li.nav-item a{padding:10px 0; color: #1180c3; }
.sticky-top .nav li.nav-item.nochild a{
  width: calc(100% - 45px);
}


.sticky-top .nav li.nav-item li a{padding:10px 0; width:80%}
/* .sticky-top .nav li li li{background:url(../images/circle.svg) no-repeat 40px 20px !important; background-size:8px !important; padding-left:30px;} */
.sticky-top .nav li li li{background:none 40px 20px !important; background-size:8px !important; padding-left:30px;}

.sticky-top .nav li li{background:url(../images/circle.svg) no-repeat 20px 20px !important; background-size:8px !important; padding-left:0px;}
.sticky-top .nav li.no-icon{background:none !important;}
/* .nav-item span::before {
    font-family: 'FontAwesome';  
    content: "\f105" !important;
    float: left;
	  color:#42526e;
}

.nav-item span.collapsed::before {
     font-family: 'FontAwesome';  
     content: "\f107" !important;
     float: left;
} */

.nav-item span.arrow{  
  font-weight: bold;
}

.nav-item span.no-icon{
  font-family: 'FontAwesome';
    float: left;
    color: #0fa0ce;
    font-size: 7px;
    text-align: right;
    vertical-align: middle;
    justify-content: center;
    padding: 15px 5px 10px 10px;
    width: 30px;
}
.nav-item span.arrow[data-toggle].collapsed:before { 
  font-family: 'FontAwesome';  
  content: "\f105" !important;
  float: left;
  color:#42526e;
}
.nav-item span.arrow[data-toggle]:not(.collapsed):before {

  font-family: 'FontAwesome';  
  content: "\f107" !important;
  float: left;
}

.nav-item span.arrow:hover:before{  
  color:#0fa0ce !important;
}



 


/* 
.nav-link[data-toggle].collapsed:before {
 
    font-family: 'FontAwesome';  
    content: "\f105" !important;
    float: left;
	  color:#42526e;
}
.nav-link[data-toggle]:not(.collapsed):before {
  
  font-family: 'FontAwesome';  
  content: "\f107" !important;
  float: left;
} */
.inner-main {
  margin-top: -1.5rem !important;
}
.nav-item span.no-icon:before{display:none;}

/***** breadcrumbs *****/
/* #breadcrumb-section {
  padding-top: 10px;
} */
.abreadcrumbs {
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 200%;
  margin: 10px;
  /* background: hsla(191,92%,70%,1); */
  max-height: 40px;
  margin-left: 0px;
  margin-top: 0px;
  padding-left: 0px;
}

.abreadcrumbs li {
  float: left;
}
.abreadcrumbs li a {
  color: #000;
  text-decoration: none;
  padding: 10px 0 10px 40px;
  background: brown;
  background: hsla(191,92%,70%,1);
  position: relative;
  display: block;
  float: left;
  font-weight: 600;
}
.abreadcrumbs li:nth-child(1) a:after {
  border-left-color: hsla(191,92%,45%,1);
}
.abreadcrumbs li:nth-child(1) a {
  background: hsla(191,92%,45%,1);
}

.abreadcrumbs li:first-child a {
  padding-left: 10px;
}
.abreadcrumbs li a::before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}
.abreadcrumbs li a::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid hsla(191,92%,70%,1);
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
  font-weight: 600;
}

.abreadcrumbs li a::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid hsla(191,92%,70%,1);
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
  font-weight: 600;
}
.abreadcrumbs li:nth-child(2) a {
  background: hsla(191,92%,50%,1);
}
.abreadcrumbs li:nth-child(2) a:after {
  border-left-color: hsla(191,92%,50%,1);
}


.abreadcrumbs li:nth-child(3) a:after {
  border-left-color: hsla(191,92%,55%,1);
}
.abreadcrumbs li:nth-child(3) a {
  background: hsla(191,92%,55%,1);
}
.abreadcrumbs li:nth-child(4) a {
  background: hsla(191,92%,60%,1);
} 
.abreadcrumbs li:nth-child(4) a:after {
  border-left-color: hsla(191,92%,60%,1);
}
.abreadcrumbs li span {
  color: #000;
  text-decoration: none;
  padding: 10px 20px 10px 40px;
  background: #fff;
  position: relative;
  display: block;
  float: left;
  font-weight: 600;
}
.abreadcrumbs li:last-child span {
  background: #ffeb38 !important;
  color: black;
}

.abreadcrumbs li a:hover{
  background: #f2fbf2;
}
.abreadcrumbs li a:hover:after {
  border-left-color: #f2fbf2;
}

.abreadcrumbs li a:hover:after {
  border-left-color: #f2fbf2;
}

.abreadcrumbs li:last-child::before{
  display: none;
}

 #title-text {
  font-size: 35px;
  margin-bottom: 7px;
  color: #172B4D;
  padding-top: 25px!important;
}






/**************** Inner Page ****************/
.inner-outter {
  display: flex;
  flex-flow: column wrap;
}
.tableofcontent{border-top:2px solid #08b1d5 !important; padding:10px; margin:1em 0 2em 0; font-weight:400; background:#fafafa !important;}
.tableofcontent .toc-header{font-size:16px; font-family: 'Roboto', sans-serif; color:#464547 !important;}
.tableofcontent ul{padding:10px 0px 0px 22px; list-style-type:decimal;}
.tableofcontent li{margin-bottom:0.25em;}
.tableofcontent li a{color:#4b5d5f !important; font-weight:300;}
.promotionbox{background-image:url(../images/orellylogo.svg); background-repeat:  no-repeat; background-color:  #e8f5f9; margin-top:15px; padding:20px 20px 20px calc(50px + 108px); background-size:108px 20px; background-position:15px 24px;}
.buttonbtm .btn{background:#ffeb38; color:#464547; padding:8px 30px; letter-spacing:.5px; font-family:'Roboto Condensed', sans-serif; font-size:16px; font-weight:700;}
.buttonbtm .btn:hover{background:#f1df36;}
.maincontent .promotionbox h2{color:#464547; font-size:27px ; margin:0;}
.maincontent .promotionbox h6{font-size:18px; color:#464547; font-weight:100;}
.maincontent .perspectsection h1{color:#1180c4 !important; padding:10px 0 0.5em; margin:0; border-bottom:1px solid #cccccc; font-size:24px; line-height:1.25;}
.listingsection{margin:2em; margin-bottom:5em;}
.listingsection .info h3{color:#464547; margin:0 0 1em; font-size:20px;}
.listingsection .info p, .promotionbottom p{font-size:16px; color:#464547 !important; font-weight:400; line-height:1.6; margin-top:10px;}
.listingsection .info p a{color:#1180c3 !important; font-weight:400;}
.toclinks{padding-top:40px;}
.toclinks p a{color:#08b1d5; font-weight:400;}
.perspectsection ul{margin:15px 0 0; padding:0;}
.perspectsection li{margin:0 0 0.5em 0;}
.perspectsection li a{color:#3572b0 !important; /*font-weight:600;*/}
.perspectsection li a:hover{color:#464547 !important;}
.linksbtm .toclinks img{
  max-width: 64px;
}

/**************** 404 page ****************/

.page-not-found{
  background: #eee;
}

.wrapper {
  border: 1px solid #000;
  background: #f0f0f0;
  max-width: 800px;
  width: 100%;
  line-height: 2;
  padding: 150px 50px;
  text-align: center;
  background: #fff;
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

a.home {
  font-family: sans-serif;
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  padding: 13px 23px;
  background: #ff6300;
  font-size: 18px;
}

a.home:hover {
  color: #ff6300;
  background: #211b19;
}
.wrapper h1 {
  font-size: 50px;
  font-weight: 700;
  margin: 0px;
  color: #262626;
  text-transform: uppercase;
}
.wrapper h2 {
  font-family: sans-serif;
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  color: #151515;
  margin-top: 0px;
  margin-bottom: 25px;
}



/**************** 16th July 2020 ****************/
.fullwidth{max-width:100% !important; flex:none; padding-left:60px;}
.titlebanner{background:#dff0f4; padding:30px 20px 20px 50px;}
.titlebanner h1{color:#1180c4; font-size:48px; line-height:1.1;}
.titlebanner h2{color:#1180c4; max-width:500px; font-weight:300; font-size:20px; margin:1.5em 0 1em;}
.conf-micro{background:#fafafa; margin:1em 0 2em 0; padding:1em 1em 1.25em; border-left:4px solid #1180c3 !important;}
.conf-micro h3{color:#464547; margin:0 0 1em; font-size:20px;}
.contentlisting{width:100%; float:left;}
.contentlisting ul{margin:0; padding:10px 0px 0px 22px;}
.contentlisting li{background-color:rgba(17, 128, 197, 0.7); padding:0.25em 1em; margin:0 1em 1em 0; border-radius:4px; float:left;}
.contentlisting li a{color:#fff !important; font-weight:400;}
.contentlisting li:hover{background-color:rgba(17, 128, 197, 1);}
.maincontent h2{color:#003379; font-size:20px; border-bottom:1px solid #E1E1E1; padding:10px 0 0.5em; margin:1.5em 0 1em;}
.seemoresection{margin:1.5em 0 3em; font-weight:600;}
.seemoresection a{background:#f1df36; padding:0.25em 0.5em; border-radius:4px; color:#464547 !important;}
.seemoresection a:hover{background:#ffeb38;}

.read-more{
  background:#f1df36; padding:0.25em 0.5em; border-radius:4px; color:#464547 !important;
  font-weight: 600;
}
.read-more:hover{
  background:#ffeb38;
}


.maincontent h6{color:#000; font-size:12px; line-height:1.6; font-weight:700;}
.maincontent h6 a{color:#0052CC;}
.maincontent h6 a:hover{color:#0fa0ce;} 
.maincontent ul.maincontentlist{margin:10px 0 0 0; list-style-type:disc;}
.maincontent ul  ul{
  margin-left: 15px;
}
.maincontent ul.maincontentlist li{color:#464547 !important; padding-bottom:5px;}
.maincontent ul.maincontentlist li a{color:#0052CC; font-weight:800; font-size:16px;}
.maincontent blockquote{border-left:1px solid #dfe1e6; margin-left:19px; padding:10px 20px;}
.maincontent blockquote p{color:#7a869a !important;}
.tablewrap .table{max-width:550px;}
.tablewrap .table tr th{background:#f4f5f7; padding:.40rem; color:#172B4D;}
.tablewrap .table td{padding:.40rem; color:#464547 !important;}
.tablewrap .table td:first-child{font-weight:bold;}
.lightbluebox{margin:2em 1%; border:1px solid #1180c3; background:#effcff; padding:1em 2em 1em;}
.lightbluebox h3{font-size:30px; color:#1180c3 !important; margin-bottom:0;}
.boxcontent{width:100%; float:left; margin-bottom:0; margin-top:1em; border-top:1px solid #c3e3f3; padding-top:0.5em;}
.boxcontent:nth-of-type(1){margin-top:0; border-top:0; margin-bottom:0;}
.boxcontent:nth-of-type(1) h5{font-size:1em; margin-bottom:10px;}
.boxcontent:nth-of-type(1) h6{font-size:1em; color:#707070; margin-bottom:0;}
.boxcontent:nth-of-type(1) p{margin-top:0; font-size:0.8em; color:#464547;}
.boxcontent:nth-of-type(1) h5 span{font-size:0.8em; font-weight:normal;}
.boxcontent h5{margin-bottom:0;}
.boxcontent p{margin-top:0;}
.boxcontent .seemoresection a:hover{background:#ffeb38;}
.maincontent p code{background:#effcff; border:1px solid #08b1d5; border-radius:4px; padding:.2rem .5rem;}
.commandbox{width:100%; float:left; border:1px solid #dfe1e5; margin:10px 0;}
.panelheader{padding:10px; border-bottom:1px solid #ddd; background:#f7f7f7; color:#464547 !important; font-weight:bold;}
.panelcontent{padding:10px;}
.panelcontent pre{margin-bottom:0;}
.maincontent .desclist{list-style-type:disc; padding-left:1em;}
.wiki-list .wikiheading{font-weight:600; color:#3572b0 !important; font-size:16px;}
.wiki-list ul{margin:0px; padding:0; max-width:700px;}
.wiki-list li{padding:0 0 0 0.75em; float:left;}
.wiki-list li::after {content: "|"; padding: 0 0 0 0.75em; color: #ccc !important;}
.wiki-list li a{color:#3572b0; font-weight:400;}
.wiki-list li a:hover{color:#000;}

.maincontent .toclinks p{
  margin-top: 0px;
}



.maincontent ul {
  margin: 15px 0 0;
  padding: 0;
}


.asideright{padding-top:35px;}
.rightbluebox{padding:0.5em 1em; border-left:3px solid #1180c3; margin-bottom:2em; font-size:14px; line-height:1.3; background-color:#effcff;}
.tutorialby{margin-bottom:0.5em; background:url(../images/authoricon.svg) no-repeat; padding-left:22px;}
.rightbluebox ul{margin:0px 0 0 10px; padding:0;}
.rightbluebox ul li{background:url(../images/circle.svg) no-repeat 0 7px; background-size:8px; padding-left:14px; font-size:13px; line-height:1.4; margin-bottom:5px; color:#464547;}
.asideright h3{color:#000; margin:0 0 1em; font-size:20px;}
.rightbluebox h3{margin:0 0 1em; color:#0052CC; font-size:18px;}
.rightbluebox p{color:#464547;}
.rightbluebox p a{background:#f1df36; padding:0.25em 0.5em; border-radius:4px; color:#464547; font-size:0.8em; font-weight:600;}

.videobox{padding:0.5em 1em; border-left:3px solid #f69421; margin-bottom:2em; font-size:14px; line-height:1.3; background-color:#f7f7f7;}
.videoheading{font-size:14px; letter-spacing:.2px; text-transform:uppercase;}
.youtubesection{width:100%; float:left; margin:8px 0 15px;}
.videobox h3{color:#f69421; font-size:18px; line-height:1.3;}
.videobox p{color:#000; font-size:14px; line-height:1.3;}

.dockerbasic-row{
  margin-left: 0px;
  margin-right: 0px;

}
.dockerbasic-out{
  border-top:1px solid #eee;
  margin-top: 15px;
}
.dockerbasic-out:nth-child(odd){ 
  padding-right: 0px;
}

.dockerbasic-out:nth-child(even){ 
  padding-left: 0px;
}
.dockerbasic-out:nth-child(even) .dockerbasic{ 
  margin-left: 0px;
}
.dockerbasic-out:nth-child(odd) .dockerbasic{  
  margin-right: 0px;
  border-right: 1px solid #eee;
}

.dockerbasic{margin:10px; padding:10px 20px 30px 10px;}
.dockerbasic:hover{background:#fafafa; cursor:pointer;}
.dockerbasic .rightdocker h2{margin:0; border-bottom:0; color:#1f52cc; padding:0;}
.dockerbasic .rightdocker p{margin-top:0; font-weight:500; color:#464547; line-height:1.3;}
.dockerbasic a{
  color: #0052CC;
}
.dockerbasic a:hover{
  color: #0fa0ce;
}

.dockerbasic img{
  max-width: 74px;
}


.basic ul {
  padding-left: 20px;
  list-style-type: disc;
  margin-top: 10px;
}
.basic-conatiner{
  margin-left: -30px;
  margin-right: -30px;
}

.basic-conatiner h3{
  font-size: 18px;
}

.basic-conatiner h4{
  font-size: 16px;
}

.highlight{
  border: 1px solid #08b1d5;
  border-radius: 3px;
  margin: 10px 0;
  background-color: #effcff;
  padding: 10px 10px 0px;
}

.highlight pre{
  background-color: transparent !important;
}

.box{
  border: 1px solid #08b1d5;
  border-radius: 3px;
  margin: 10px 0;
  background-color: #effcff;
  padding: 10px 10px 20px;
}

.box p{
  margin: 0px;
}


.box a{
  background:#f1df36; padding:0.25em 0.5em; border-radius:4px; color:#464547 !important;
  font-weight: 600;
  margin: 15px auto 5px;
  display: inline-block;
  text-align: center;
}

.box a:hover{
  background:#ffeb38;
}

.box h3 {
  font-size: 30px;
  margin: 0t;
  color: #1180c3;
}


.box h4 {
  color: #707070;
  display: block;
  font-size: 1.3em;
  margin-top: 1em;
  padding-top: 0.5em;
}

.box h4:before{
  display: none;
}


.table-short-code table{
  width: 100%;
}
.table-short-code table td , .table-short-code table th
{
  border: 1px solid #c1c7d0;
    padding: 7px 10px;
    vertical-align: top;
    text-align: left;
}
.table-short-code table th
{
  background-color: #f4f5f7;
}
.further-links a{
  color: #3572b0 !important;
}
.further-links ul li>a{
  font-weight: 600;
  
}

.further-links ul li>ul>li>a{
  font-weight: normal;
}

.further-links ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.further-links ul li>ul>li{
  display: inline;
  list-style: none;
}

.further-links ul li>ul>li::after {
  content: "|";
  padding: 0 0 0 0.75em;
  color: #ccc !important;
}
.further-links ul li>ul>li{
  padding: 0 0 0 0.75em;
}