body{box-sizing:border-box;}
.main-navigation .navbar-brand {
    max-width: 200px;
    width: 100%;
    height: auto;
    padding: 5px 15px;
}
.main-navigation .dropdown-menu {    
    left: unset;
    right: 0px;
    width: 350px;
    text-align: center;
}

#color-style-switcher .bottom a.settings{
    left: -45px;
}
.dropdown-menu.section-wrapper {
    padding: 15px 0;
}
/*.section-item{
    padding: 30px;
    margin: 10px 5px;
    color: #656565;
    cursor: pointer;
    border: 1px solid #dedede;
    border-radius: 3px;
    box-shadow: 0 0 7px 3px #eaeaea;
}*/
.section-list {
    padding: 5px 20px;
    margin: 10px 5px;
    color: #656565;
    cursor: pointer;
    /*border: 1px solid #f3f3f3;*/
    border-radius: 3px;
    box-shadow: 0 0 7px 3px #f1f1f1;
    display: inline-block;
}
.img-sec-icon{
    width: 45px;
    /*border-radius: 50%;*/
    /*border: 1px solid #dedede;*/
}
.section-list p{
    margin: 0;
}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}
footer #copyright .copyright-text {
    margin: 0px;
}


.owl-carousel .item img{
    display: block;
    width: 100%;
    height: auto;
}

.main-navigation .navbar-nav > li > a{padding:26px 10px;}
.main-navigation .navbar-nav > li > a:focus{color:#01b1d7; padding:26px 10px;}
.dropdown i, .sectionIcon{font-size:24px !important;}
.colorPaletteIcon{font-size:24px !important;}
.main-navigation .dropdown-menu{box-shadow:0px 4px 14px rgba(0, 0, 0, 0.14)}
.open-search{background: #0f85e4; font-size: 22px}
.affix .header-search{margin-top:22px;}
/*nav bar style*/
.navbar-default{border-bottom: 1px solid #e7e7e7; box-shadow:0px 0px 30px rgba(127, 137, 161, 0.3);}
.p-0{padding:0 !important;}
.header-search{ margin: 10px 0; letter-spacing: 2px; font-size: 12px; font-weight: 600}
.navbarBorder{display:flex; align-items:center;}

footer{position:fixed;}

@media (min-width: 768px){
	.container-fluid>.navbar-header{margin:7px 0; border-right:1px solid rgba(214,214,214,.5);}
	.main-navigation .dropdown-menu{width:380px;}
	.navbar-right{margin-right:0;}
}
/*nav bar style end*/


/*menu style*/
.clearfix{clear:both;}
.dropdown-menu.section-wrapper{background-color:#ecf5ff; padding:10px 0;}
.menuGroup{padding:0px 0; float:left;}
.menuGroup p{margin-bottom:0;}
.tileBox{width:110px; background-color:#fff; color:#000; border-radius:12px; margin:4px 4px 4px 4px; padding:8px 0; display:inline-flex; flex-direction:column; -webkit-box-shadow: 0px 0px 12px 0px rgba(221,221,221,1); -moz-box-shadow: 0px 0px 12px 0px rgba(221,221,221,1); box-shadow: 0px 0px 12px 0px rgba(221,221,221,1); /*box-shadow:0 16px 30px rgba(185, 185, 185, 0.2);*/ transition: all 0.3s ease-in-out;}
.tileBox p{text-align:center;}
.tileBox .imgContainer{width: 40px; height: 40px; background-color:#f39c12; border-radius:50%; color:#fff; display: inline-flex; justify-content: center; align-self: center;}
.tileBox .imgContainer i{line-height:40px; font-size:18px !important;}
.tileBox .menuText{margin-top:6px; color:#999999; font-size:13px;}
.tileBox .imgContainer.color1{background-color:#00a65a;}
.tileBox .imgContainer.color2{background-color:#0073b7;}
.tileBox .imgContainer.color3{background-color:#dd4b39;}
.tileBox .imgContainer.color4{background-color:#777;}
.tileBox .imgContainer.color5{background-color:#605ca8;}
.tileBox .imgContainer.color6{background-color:#39cccc;}
.tileBox .imgContainer.color7{background-color:#ff851b;}
.tileBox .imgContainer.color8{background-color:#f012be;}
.tileBox .imgContainer.color9{background-color:#3c8dbc;}
.tileBox .imgContainer.color10{background-color:#001f3f;}
.tileBox:hover{ -webkit-transform: translateY(-5px); transform: translateY(-5px); background-color:#eee;}
/*menu style end*/


/*color palette style*/
.settings{display:none !important;}
/*color palette end*/

/*opsBOT*/
.main-navigation{min-height: 56px; background: linear-gradient(to right,#4099ff,#73b4ff); box-shadow: 0 0 11px rgba(0,0,0,.13); color: white; font-weight: 600; border-radius:0; border:none;}
.open-search{background: #2c3e50;}
.navbar-brand img{width:64px;}
.mainWrapper{background:#f6f7fb; min-height: calc(100vh - 56px); padding:0 92px;}
.barndName{font-size:16px; letter-spacing:2px; display: inline-flex; margin-right: auto; padding-left:3rem;}
footer #copyright{
	background: none;
	border:none;
    color: #fff;
    /*border-top: 1px solid #d2d6de;*/
}
footer #copyright .row{padding: 6px 0;}

.controlPanel{padding:3.6rem 1.8rem}

.card {
	position: relative;
    display: -ms-flexbox;
    display: flex;   
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 5px;
    box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,.16);
    border: none;
    margin-bottom: 30px;
    transition: all .3s ease-in-out;
}
.card:hover {
    box-shadow: 0 0 25px -5px #9e9c9e;
}
.card .card-header h5 {
    margin-bottom: 0;
    color: #222;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-right: 10px;
    line-height: 1.4;
	padding:0;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card .card-header {
    background-color: transparent;
    border-bottom: none;
    padding: 25px 25px 10px 25px;
	position:relative;
}
.card .card-header::after{content:''; position:absolute; bottom:0; left:14px; width:95%; height:1px; background:#d6d6d6;}
.text-center{text-align:center !important;}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card ul li{display:inline-block; padding:0 6px;}
.card-header-right{
	border-radius: 0 0 0 7px;
	border-radius: 0 0 0 7px;
    display: inline-block;
    float: right;
}
label{color:#222; font-weight:500;}
.badge i{font-size:16px; padding:3px 0; cursor:pointer;}
.badge {
    display: inline-block;
    padding: 3px 7px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50%;
}
.bg-c-pink {
    background: linear-gradient(45deg,#FF5370,#ff869a);
}
.bg-c-green {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5);
}
.bg-c-yellow {
    background: linear-gradient(45deg,#FFB64D,#ffcb80)
}
.bg-c-blue {
    background: linear-gradient(45deg,#4099ff,#73b4ff);
}
span.badge {
    display: inline-block!important;
}
.card-option li{position:relative;}

@keyframes not-blink{0%{transform:scale(1);opacity:1}100%{transform:scale(4);opacity:0}}
.badge.ripple:before, .badge.ripple:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 20px 5px rgba(255, 134, 154, 0.5);		
}
.badge.ripple{position:relative;}
.badge.ripple:before{
	animation: not-blink 2.1s cubic-bezier(.165,.84,.44,1) infinite;
    animation-delay: 1.15s;
}

.badge.ripple:after{
	animation: not-blink 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
}

.btnInfo{background: linear-gradient(45deg,#00bcd4,#08e3ff);}
.mx-0{margin-left:0; margin-right:0;}
.card .card-block{padding: 15px 25px 25px 25px;}
.card .btnInfo{padding: 2px 6px; border-radius:4px; outline:none;}
.card .btn:active, .card .btn:focus{box-shadow:none;  background: #00bcd4 !important; opacity:0.8;}
.btn:hover{opacity:0.8; background:#00bcd4;}

select{padding:4px 26px 4px 12px !important; /*-webkit-appearance: none;*/ cursor:pointer;}

.moreviewPosition{position:relative;}
.moreViewContent{width:auto; height:auto; padding:0;display:none; position:absolute; top:36px; z-index:10; background:#fff; padding: 6px 6px; margin-bottom:0;}
.moreViewContent ul li{padding:4px 18px;}
.moreViewContent::before{content:''; position:absolute; top:-10px; left:6px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(4,26,55,.2);}
.selectOption{cursor:pointer;}
.selectOption.active{color:#fff; background:#1e90ff;}

.modal-header{background-color:#4099ff; padding: 10px 15px;}
.modal-title{font-size:18px; display:inline-block; padding:0; color:#fff;}
.modal-header .close{opacity:1; color:#fff;}
.modal-header .close:hover{opacity:0.8; }
.modal-body{padding:25px 15px;}
input.form-control, .tableContainer input{
    border-radius: 2px;
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	box-shadow:none;
	height:auto;
	margin-bottom:0;
}
input.form-control:focus, .tableContainer input:focus{
    border: 1px solid #4099ff;
}
.tableContainer input{
	width:150px;
	display:inline-block;
}

.btn-secondary {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #6c757d;
}
.btn-primary
{
	background-color: #4099ff;
    border-color: #4099ff;
    color: #fff;
}
.btn-primary:hover
{
	background-color: #73b4ff;
    border-color: #73b4ff;
}

.select2-container .select2-selection--single{
	height:34px;
	padding: 2px 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height:34px;
}
.select2Group{margin-bottom:24px;}
.select2Group label{padding-left:0;}
.select2Group > div{padding-right:0;}
.select2{width:100% !important;}
.select2-container:focus{border: none;}
.viewInfo{ vertical-align: middle; line-height: 12px; margin-left: 2px}
.viewInfo i{font-size:18px;}

.table-bordered>thead>tr>th{
	/*color: #222;   */ 
}
.table-bordered>tbody>tr>td{
	/*color: #222;*/
}
table.dataTable thead th, table.dataTable thead td{
	border-bottom-color: #ddd;
}
table.dataTable.no-footer{
	border-bottom-color: #ddd;
}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{
	background:#f1f1f1;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{
	background:rgba(0,0,0,.05);
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover{
	background:rgba(0,0,0,.05);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{
	border:none;
	background:#4099ff;
	box-shadow:none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{		
    border: 1px solid #ddd !important;
	color:#4099ff !important;
	box-shadow:none;
	padding: 2px 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
	background: #4099ff !important;
	color:#fff !important;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td{
	padding:12px 8px;
}

body{/*height: 100vh; overflow: hidden;*/ font-family:'Open Sans', sans-serif; color:rgba(0,0,0,0.7);}
nav .nav-item{margin-right:12px;}
nav .nav-item:last-child{margin-right:0px;}
.navbar-light .navbar-nav .nav-link{/*color: rgba(0,0,0,.7);*/ color:#0e2a74;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color: #ffd101;}
.navbar-light .navbar-nav .nav-link:hover{color:#ffd101;}
.navbar-brand img{max-width:150px; width:auto;}
.navbar-brand{padding:0;}

.headerTitle{background-color:#3F51B5; /*#249bc3;*/ color:#fff; padding:12px 1rem;}
.headerTitle p{font-size:22px;}
.searchField input{padding-right: 26px; width: 400px; border: none !important; border-radius: 2px;}
.searchField .btn{background: transparent !important; border: none !important; box-shadow: none !important; position:absolute; right:10px; top: 50%; transform: translateY(-50%); padding:0 !important;}
.searchField .btn i{color:rgba(0,0,0,0.3); font-size:18px;}
.searchField{position:relative;}

.copyright-text a{color:#fff;}
.copyright-text a:hover{color:#fff; opacity:0.8;}
footer{position:relative; left:0; width: 100%; left:0px; z-index:15; background:#607D8B; border-color:rgba(0, 0, 0,0.3); color:#fff;}

.panel{margin-bottom:0;}
.sidebar-nav li a{/*color:#666;*/ color:#000;}
/*div .active.panel.panel-default a {    background-color: #fff;}*/
.sidebar-nav .active.panel.panel-default a{
	background-color:#3F51B5;
	color:#fff;
}
.sidebar-nav .panel-body li a.active .badge, .sidebar-nav .panel-body li a:hover .badge {
    color: #000;
    background: #fff;
}
/*div .panel.panel-default a:hover {   background: rgba(255,255,255,0.2); color: #666}*/
.sidebar-nav .panel.panel-default a:hover{
    background-color:#3F51B5;
	color:#fff;
}
#sidebar-wrapper{background-color:rgba(0,0,0,0.1); /*#dddddd; #fff;*/ box-shadow:1px 0 2.94px 0.06px rgba(4,26,55,.16); height: 100%; overflow:hidden; overflow-y: scroll; margin-top:0; position:absolute; background-color:#f2f2f2;}
.sidebar-nav li:hover>a{color: #fff; background-color: #bfbfbf; }
.sidebar-nav li.active>a{color: #fff; /*border-left: 4px solid #249bc3; background-color: rgba(0, 139, 178,0.12);*/ background-color: rgba(0, 0, 0,0.3);  background-color: #bfbfbf;  border-left: 4px solid #3F51B5;}
.panel-body li>a:hover, .panel-body li>a.active{color: #000; /*border-left: 4px solid #249bc3;*/ background-color:rgba(36,155,195,0.15); background-color: #fff; 
	background-color:#3F51B5;
	color:#fff;
}
.sidebar-nav{padding-top:4px;/* width:190px;*/ width:100%; height:100%; position: static; /*border-right:1px solid rgba(0,0,0,0.2); overflow-y: auto;*/}
.panel-collapse {/*position: absolute; left: 190px; top:0; width: 210px; padding-top:4px;*/ width:100%; display: block; height:100%; background-color:inherit;}
.panel-default .panel-collapse .panel-body{height:100%; background:inherit;}
.sidebar-nav .panel-body li a {text-align: left; width: 100%; padding: 12px 4px 12px 34px; line-height: 18px; text-indent: 0px; /*padding-left: 10px;*/ display:block; display: flex; align-items: center;}
.sidebar-nav .panel-body li {/*border-bottom: 1px solid rgba(0,0,0,0.1);*/}
.sidebar-nav .panel-body li a .badge {float: left; width:40px; padding: 3px 6px; font-size: 11px; font-weight: 500; margin-right: 10px;}
.sidebar-nav .panel-body li a .badge-empty {float: left; width:40px; margin-right: 10px;}

@media (min-width: 768px){
	/*#sidebar-wrapper {
		width: 400px;
	}*/	
	#sidebar-wrapper {width: 300px;}
}

.pageWrapper{position:relative;}
.mainWrapper{/*width:calc(100% - 400px); left:400px;*/ width:calc(100% - 300px); position:relative; left:300px; background-color:#fff; min-height:calc(100vh - 115px); height: 100%; padding: 0px 0 0 0; /*overflow-y:scroll;*/}
.mainWrapper .mainContent{padding: 8px 4px; font-size:14px; min-height: calc(100vh - 143px);}
.setTopPosition{height:100vh !important; margin-top:0 !important; top:0 !important;}
.back-to-top i{background-color:#249bc3;}

h1, h2, h3, h4, h5, h6{/*font-family:'Roboto', sans-serif;*/ font-family:'Open Sans', sans-serif; padding:0 0 8px 0;}
.sectionTitle, h3{color:#249bc3; font-weight:500; font-size:22px; padding-bottom:12px;}
.subTitle, h4{color:rgba(0,0,0,0.85); font-weight:500; font-size:18px;}
h6, .listTitle{font-size:15px; font-weight:500;}
hr{margin-top:2rem;}
p{line-height:22px; font-size:14px;}
ol{list-style: decimal; padding-left: 14px;}
.urlBlock{box-shadow:inset 0 0 2px rgba(0,0,0,0.2); background: #f7f7f7; padding:8px 6px 8px; border-radius:4px; margin:12px 0 18px 0;word-break: break-word;}
.codeBlock{box-shadow:inset 0 0 2px rgba(0,0,0,0.2); background: #f7f7f7; padding:8px 15px 8px; border-radius:4px; margin:12px 0 18px 0;}
.noteBlock{box-shadow:inset 0 0 2px rgba(0,0,0,0.2); background: #ffffee; padding:8px 15px 8px; border-radius:4px; margin:12px 0 18px 0;}
code{color:rgba(0,0,0,1);}
.urlBlock code{color:rgba(0,0,0,1); word-break: break-all;}
.noteBlock code{color:rgba(0,0,0,0.7);  word-break:break-all;}
.codeBlock code{color:#657b83; white-space: pre-line;}
.hyperLink-url {
    color: #E91E63 !important;
    font-weight: 600;
    text-decoration: underline;
	display: inline-block;
	margin-bottom:12px;
}
.hyperLink-url:hover, .hyperLink-url:focus{
	opacity:0.8;
}
.list-hyperlink {
    color: #E91E63 !important;
    font-weight: 500;
    text-decoration: none;
}
.list-hyperlink:hover, .list-hyperlink:focus{
	opacity:0.8;
}
.noteBlock.collapse{color:rgba(0,0,0,0.7);  word-break:break-all; margin:8px 0; background:rgba(255, 152, 0, 0.05);}
.table{
	margin:12px 0 18px 0;
}
.mainContent table th{background:rgba(36,155,195,0.15); text-align:left; font-weight:500; padding:6px 10px; color:rgba(0,0,0,0.8;); border-bottom:none; }
.mainContent table td{padding:6px 10px; color:rgba(0,0,0,0.7); }

span.badge {display: inline-block!important; border-radius: 3px; background-color: #499ada; font-size: 14px; padding: 6px 18px;}
.badge.blue{background-color: #9C27B0; color:#fff;}
.badge.orange{background-color: #FF5722; color:#fff}
.badge.red{background-color: #b9443c; color:#fff;}
.badge.info{background-color: #ffc107; color:#212529;}
.badge.purple{background-color: #9C27B0; color:#fff;}


.sidebar-nav > li > .toggleIcon {
    position: absolute;
    right: 0px;
    padding: 8px 8px;
    text-indent: 0;
    top: 0px;
    color: #9e9e9e;
	display:inline-block;
	background:transparent;
	box-shadow:none !important;
}
.sidebar-nav > li{
    position: relative;
}
.sidebar-nav .toggleIcon.rotate i{
	transform: rotate(180deg);
}
.sidebar-nav .toggleIcon i{
	color:#666;
	transition: all 0.2s ease;
}

.customList{    padding-left: 2rem;}
.editorContainer pre[class*="language-"] {
    background: rgba(236, 240, 245, 0.5);
}
:not(pre) > code[class*="language-"], pre[class*="language-"] {
    background: #ecf0f5;
}
pre[class*="language-"].line-numbers > code {
    position: relative;
    white-space: pre-wrap;
    word-break: break-word;
}
code[class*="language-"], pre[class*="language-"]{
	min-height:20px;
	max-height:100%;
	height:auto;
    overflow:hidden;

}
div.sectionTarget1 > div:first-child div.code-toolbar pre[class*="language-"]{
    padding: 12px;
}
div.sectionTarget1 > div:first-child div.code-toolbar pre[class*="language-"] code[class*="language-"]{
    white-space: normal !important;
    word-break: break-all;
    font-style: italic;
    display: block;
}
.customCopy{
	    font-size: .8em;
    padding: 0 .5em;
    background: #f5f2f0;
    background: rgba(224, 224, 224, 1);
    color: #000;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    border-radius: .5em;
	border:0;
	outline:none;
	    margin-top: 6px;
}
.customCopy:focus, .customCopy:hover, .customCopy:visited{
	color: #000;
	outline:none;
}
.expandIcon{display:inline-block; cursor:pointer;}
.expandIcon i{font-size:20px; color:#249bc3; transition: all 0.3s ease-in-out; transform:rotate(180deg)}
.expandIcon i{font-size:20px; color:#249bc3; transition: all 0.3s ease-in-out;}
.expandIcon.collapsed i{transform:rotate(0deg)}


.parameterList .list-hyperlink{color:#333 !important; display: inline-block; margin: 2px 0}
.parameterList .list-hyperlink .account{font-weight:600; font-size:14px; margin-right:12px;}
.parameterList .list-hyperlink .mandatorytype{color:#FF5722; font-size:12px;}
.parameterList .list-hyperlink .type{color:green; font-size:12px;}
.parameterList .list-hyperlink .datatype{color:#555; font-size:12px;}

.parameterList .list-hyperlink i.fa{transition: all 0.3s ease-in-out; transform:rotate(-180deg)}
.parameterList .list-hyperlink.collapsed i.fa{transform:rotate(0deg)}

.parameterList .collapse{padding:8px 0; border-bottom:1px solid #e5e5e5; margin-bottom:8px; color:#333;}
.parameterList .collapse p{margin-bottom:5px;}

.expandAll, .collapseAll{font-size:12px; cursor:pointer;}
.collapseAll{display:none;}

/*searchWrapper page*/
.searchWrapper{left:0; width:100%; padding:0.75rem 5rem 2rem 5rem; min-height: calc(100vh - 90px); height: auto;}
.searchWrapper .mainContent{padding:0;}
.searchContent h3{font-size: 20px; padding-bottom: 6px; letter-spacing: 0.5px; color:#1090bb;}
.searchContent p{font-size: 15px; color:#000;}
.searchContent li{border-bottom: 1px solid rgba(0,0,0,.1); padding:16px 0 4px 24px; position: relative;}
.searchContent li:last-child{border-bottom:none;}
.searchContent li::before {content: "\f054"; position: absolute; left: 0; font-size: 14px; font-family: "FontAwesome"; color: #1090bb;}
.searchWrapper footer{position:fixed; bottom:0;}