body, .dc-content, .container, section{ height:100%;}

body{ background:#fff;}
h3,h2{ margin-top:0;}

.dic{ color:#666;}
.dc-content{ margin-top:0px; padding-top:0;}

/**************************/
/*.dataTables_wrapper,.dataTables_wrapper .dataTables_scroll{ height:100%;}
.dataTables_wrapper.no-footer .dataTables_scrollBody{ max-height:90% !important; border-bottom-color:#eee !important; font-size:16px;}
table.dataTable thead th, table.dataTable thead td{font-size:16px; border-bottom-color:#eee !important;}*/


/********************/
.select2-container--bootstrap.select2-container--open { width:auto !important;}
.select2-container--bootstrap .select2-selection--single { height:37px;}
.select2-container--bootstrap .select2-dropdown,
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection { border-color:#163567;}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background:#163567;}
.loaddata .select2-container--bootstrap .select2-selection--single { border: 1px solid #e6e6e6; border-radius: 16px; line-height: 20px;  padding: 6px 24px; }

/************************/
input{-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);border: 1px solid #eee;color:#333;font-size: inherit;overflow: hidden;padding: 4px 10px;text-overflow: ellipsis;white-space: nowrap;width: auto; font-size:14px; font-weight:400; }
textarea{-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);border: 1px solid #eee;color:#333;font-size: inherit;padding: 4px 10px; resize:none;}
.paper-input-bar { background:#163567; }

.paper-input label{ color:#666;}
.paper-input .form-control, .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{ color:#000;}

/*******************************/
/*.section{padding-top:165px;}*/
.section{padding-top:65px; transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; -moz-transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; -ms-transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; -webkit-transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; position:relative;}
/*.section.active{ padding-top:100px;}*/
.section.active{ padding-top:1px;}
.section h3 {font-size: 20px;margin-bottom: 40px; margin-top:40px; text-transform: uppercase; font-weight:600; text-align:center; line-height:1.4;}
.section h3 span{ display:block; color:#777; font-size: 20px; font-weight:300; text-transform: none;}
/***************************************************************/

/*navabr css*/
.dc-header .author{ padding:8px 16px 8px 8px;}
.dc-header .author div{ float:left; margin-right:10px; margin-top:10px; color:#fff;}
.dc-header .navbar-brand{ font-size:24px; font-weight:bold;}
.dc-header .navbar-brand a{color:#fff; display:inline-block; vertical-align:middle;}
.dc-header .navbar-brand span{ text-transform:lowercase; font-weight:normal; font-size:16px; margin-left:10px; color:rgba(255,255,255,0.68)}
.dc-header .navbar-brand a.author{ display:inline-block; line-height:1; padding-bottom:0; padding-top:0;}
.dc-header .navbar-brand a.author svg{ height:38px;}
.navbar-default{ background-color:#163567; border-color:transparent;}
.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {color: #fff;}
/*****************************************************************/

/*progress bar*/
.progressbar, .progressbar .step, .progressbar .step::after, .progressbar .step::after, .progressbar .step.active .name, .dynamic-height-frist{transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; -moz-transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; -ms-transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; -webkit-transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s;}

.progressbar { text-align: center;width: 100%;position:fixed; left:0; right:0; margin:65px auto 0; z-index:1000; padding:16px 0 44px; background-color:#163567; box-shadow:2px 0 3px #ccc; top:0;}
.progressbar .step { background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0; border-radius: 50%; display: inline-block;    height: 40px; margin-right: 180px; position: relative; width: 40px; }
.progressbar .step a{ line-height:36px;}
.progressbar .step:last-child{ margin-right:0;}
.progressbar .step::after {  background: transparent none repeat scroll 0 0; border-bottom: 2px dashed rgba(0, 0, 0, 0.4);    border-color: rgba(0, 0, 0, 0.4);  content: ""; height: 2px;  left: 0;  margin-left: -184px;  position: absolute;  top: 21px; width: 180px;}
.progressbar .step:first-child::after {display: none;}
.progressbar .step svg { height:32px; display:inline-block; vertical-align:middle;}
.progressbar .step svg polygon { fill:rgba(255, 255, 255, 0.4);}
.progressbar .step svg path { fill:rgba(255, 255, 255, 0.4);}
.progressbar .step svg rect { fill:rgba(255, 255, 255, 0.4);}
.progressbar .step .name {left: -80px;position: absolute;top: 45px;width: 200px; color:rgba(255, 255, 255, 0.4); font-weight:bold; font-weight: 400; line-height:1; margin-top:2px;}

.progressbar .step.active { background-color:rgba(255, 255, 255, 1); }
.progressbar .step.active .name{ color:rgba(255, 255, 255, 1);}
.progressbar .step.active svg polygon { fill:#163567;}
.progressbar .step.active svg path { fill:#163567;}
.progressbar .step.active svg rect { fill:#163567;}
.progressbar .step.active:after { border-color:rgba(255, 255, 255, 1);}

.progressbar .step.current-active { background-color:#e2a52f;}
.progressbar .step.current-active .name{ color:#e2a52f;}
.progressbar .step.current-active svg polygon { fill:#163567;}
.progressbar .step.current-active svg path { fill:#163567;}
.progressbar .step.current-active svg rect { fill:#163567;}

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


/*insert section css*/
.insert .card { margin-bottom:0;}
.insert .tab-pane .tooltip .tooltip-inner { margin-bottom:0;}
.insert .card{ position:relative;}
.insert .cover{ position:absolute; z-index:100; background:#fff; text-align:center; width:100%; height:100%; display:table;}
.insert .cover p{ margin-top:30px;font-size:18px; display:table-cell; vertical-align:middle; color:#777;}
#chartlist .coverOnChart p{ padding-bottom: 150px;padding-left: 317px;padding-top: 125px;font-size:18px; display:table-cell; vertical-align:middle; color:#777;}
.insert .sample-data .select2-container--bootstrap{ width: auto !important;}
/********************/

.what{ margin-bottom:0;}
.fa{ color:#6e6e6e;}

.list-type a{ margin-left:10px;}
.list-type a:hover i.dic{ color:#e2a52f;}
.list-type a.active i.dic{ color:#e2a52f;}
.list-type a i.dic { font-size:22px;}

.CodeMirror-gutters{ background-color:transparent; border-right: solid 1px #eee;}

.card-body{ height:94%;}
.card-body .textData,
.card-body .tableData{ height:100%;}
/*.dataTables_scrollBody{max-height: 90% !important}*/


.CodeMirror{ height:100%;}
.chartlist .card  { padding:15px 8px 0; margin-bottom:0; overflow:visible;}
.dynamic-height { overflow:auto; transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; -moz-transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; -ms-transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; -webkit-transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.what .action-button  { float:left;}
.what .action-button,
.sec-title{ padding:0 0 20px;}
.sample-data{ margin-left:10px; float:left; width:20%;}
.sample-data b,
.sample-data .loaddata{ float:left;}
.sample-data .loaddata{ width:80%;}
.sample-data b{ margin-top:6px; margin-right:15px;}

.choice{ margin-top:20px;}

.next{ margin-top:40px; text-align:center;}
.next i{ color:#fff; font-size:16px; margin-left:10px; font-weight:bold;}

/*chartlist section css*/
.individualchartdesc h2{ font-weight:normal; font-size:20px;}
.ba-apps-list-detail {display: block; overflow: hidden;position: relative; border:solid 1px #eee; margin-bottom:20px; height:192px; }

.ba-apps-list-detail .itemdesc{ position:absolute; text-align:center; padding:0 10px; width:100%; height:100%; /*background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.84) 100%) repeat scroll 0 0;*/ top:0; z-index:1;}

.app-title{ color:#fff; font-size: 14px; font-weight: 700; background-color:rgba(22,53,103,0.9); padding:6px 10px;margin-bottom: 0px; margin-top:4px; text-align:left; position:absolute; width:100%; z-index:2; left:0; line-height:28px; left:2px; bottom:2px;}
.app-title i{ color:#fff; font-size:24px; position:relative; top:0;}
.itemdesc.active .app-title{left:0; bottom:0;}
.itemdesc .select-visualization{ position:absolute; top:10px; right:10px; display:none;}

.itemdesc.active{ /*background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0; top:0;*/ border:#e2a52f solid 2px;}

.itemdesc.active .select-visualization{ position:absolute; top:10px; right:10px; z-index:2; display:none;}
.itemdesc.active .select-visualization i{ color:#e2a52f; font-size:24px;}
.helpinfo{ position:absolute; bottom:8px; right:10px; color:#fff; z-index:9;}
.helpinfo i{ color:#fff; font-size:20px;}
.scaleFilter .list-unstyled { margin-top:10px;}

.fieldsListClass{ float:none;}
.panel-info > .panel-heading{ font-size:13px;}

.panel-info > .panel-heading{ background-color:#009e9e; border-color:#009e9e; color:#fff;cursor: move}
.panel-heading .fieldsValue {font-weight: bold;}
.infomsg {background-attachment: scroll;background-clip: border-box;background-color: rgba(0, 0, 0, 0.9);background-image: none;background-origin: padding-box;background-position: 0 0;background-repeat: repeat;background-size: auto auto;color: #fff;font-size: 15px;height: 100%;left: 0; padding: 16px; position: absolute;text-align: center;top: 0;width: 100%; z-index:2;cursor: default;}
.shut {color: #fff;float: right;position: absolute;right: 10px;top: 10px;}
.infoicon {  font-size: 18px !important; margin-left: 2px; margin-top: 1px; vertical-align: top;}
.clear-mapping{ margin-top:3px; display: inline-block; color: #666;}
.clear-mapping i{color: #666;}
.fieldlist h3 { position:relative;}
.fieldlist .dept { text-align:right; position:absolute; right:0; top:4px;}
.fieldlist .dept i{ margin-left:10px;}
.fieldlist .dept i.active,
.fieldlist .dept i:hover{color:#009e9e;}
.dimensions-model {background-color: #fff; border-radius: 2px; margin: 10px 0; padding: 10px; position: relative; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12); min-height:130px; transition:border ease-in-out 0.15s; -moz-transition:border ease-in-out 0.15s; -ms-transition:border ease-in-out 0.15s; -webkit-transition:border ease-in-out 0.15s;}
.dimension-multiple i,
.infoicon i{ font-size:16px; color:#ccc;}
.dimension-title {font-size: 14px !important;font-weight: 700 !important;text-align: center;letter-spacing: 1px;padding-bottom: 5px;margin: 0px 0px 0px 0px !important;text-transform:uppercase; display:inline-block; width:100%;}
.togglebutton{ float:right; margin-left:20px;  margin-top:5px;}
.togglebutton:check .infomsg{ display:block;}
.infomsg{ display:none;}

/****************************************/
.designProperty{ background:#fff; padding:15px; height:502px;}
.designProperty .list-component-item > input {margin: 6px 0 10px; width:100%;text-transform:capitalize;}
.designProperty .list-component-item > select{ margin-left:0; margin-top:6px; width:100%; padding:6px 8px; text-transform:capitalize; font-size:14px; font-weight:400;}

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


/*chartdesc section css*/
.chartPreviewDiv{ padding:0;}
.chartpreview .card img{ margin:0px auto;}
.chartpreview .ganttReport .card { margin-bottom:0;}

/*download section*/
.downloadType{ margin-left:0; font-size:14px; width:100%;}
.downloaddatasec input{ width:100%;width:100%;text-transform:capitalize;}
.downloaddatasec select{ margin-left:0; width:100%; padding:6px 8px; text-transform:capitalize; font-size:14px; font-weight:400;-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);border: 1px solid #eee;color:#333;}
.downloaddatasec textarea{ width:100%; font-size:14px; min-height:120px;}
.desc{ padding:15px; background:#fff; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);}

/*Popup classes*/
.modal-dialog{ width:600px;}
.modal-dialog .media-left{ width:50%;}
.modal-body h3{ text-align:left; margin-bottom:20px; font-weight:bold; margin-top:30px; text-transform:none;}
.modal-header h2.card-media-heading{ font-weight:bold;}
.modal-body img{ margin:0px auto; border:solid 1px #e1e1e1; padding:5px 20px;}
.modal-header, .modal-body{ padding-left:25px; padding-right:25px;}

.content-table{ display:table; width:100%; height:100%;}
.content-middle{ display:table-cell; vertical-align:middle;}

.chartlist .col-xs-12, .chartlist .col-sm-6, .chartlist .col-md-3, .chartlist .col-lg-3{ padding-left: 8px; padding-right: 8px;}

.steptogo{ position:absolute; right:20px; font-size:16px; font-weight:500; color:#777;}

@media screen and (max-width:1280px){
	.section h3 { margin-bottom:30px;}
	.chartlist .card-wp { margin-bottom:0;}
	.section h3{margin-bottom:30px; margin-top: 30px;}
}

@media screen and (max-width:1024px){
	.sample-data{ width:30%;}
	.itemdesc .btn{ padding-left:20px; padding-right:20px;}
	.progressbar .step {   margin-right: 150px;}
	.progressbar .step::after { left:auto; margin-right:0; right:100%; width:151px;}
}
@media screen and (max-width:991px){
	.progressbar .step {  margin-right: 107px;}
	.progressbar .step::after {  width:110px;}
	.constructor, .dc-content{ padding-left:0; padding-right:0;}
}

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

	.section.active,
	.section{ padding-top:56px; height:auto;}
	.section h3 { font-size: 16px; margin-top:20px; line-height:1.4; margin-bottom:20px;}
	.section h3 span{ font-size: 16px;}

	.what{ margin-bottom:20px;}
	.action-button{ margin-bottom:10px;}
	.what .action-button { width:100%; padding-bottom:0; margin-bottom:0;}
	.what .action-button .btn-file { display:block;   }
	.what .sample-data { margin:0; }
	.what .sample-data b {  margin:5px 0; display:block; float:none; text-align:center; font-size:12px; font-weight:normal;}

	.progressbar .step{margin-right:110px;}
	.progressbar .step::after{ margin-left:-120px; width:120px;}
	.downloadDataDivLeft .btn{ padding-left:20px; padding-right:20px;}
	.dc-header .navbar-brand { font-size:20px;}
	.navbar-right-icon svg { height:30px;}
	.dc-header .author div { margin-top:6px;}
	.sample-data .loaddata { float:none; width:auto; margin:0;}
	.insert .cover { padding:12px 12px 0;}
	.insert .cover p { font-size: 16px; font-weight: 400;}
	.ba-apps-list-detail { text-align:center;}
	.ba-apps-list-detail img  { display:inline-block;}
	.scaleFilter .list-unstyled.dynamic-height { max-height:none !important; overflow:visible; margin-top:30px;}
	.chartpreview .ganttReport .card { max-height:none !important; overflow:visible; margin:0;}
	.chartpreview .ganttReport .designProperty { margin-bottom:20px; height:auto !important;}
	.next { margin-top: 30px;}
	.chartpreview .desc { margin-bottom:30px;}

	.fieldsList{ display:none;}

	.progressbar{ margin:0; background-color:transparent; box-shadow:none; text-align:left; width:100%;}
	.progressbar .step .name, .progressbar{ position:relative;}

	.dc-navbar-sidebar{ padding:0;}
	.progressbar .step{ padding:8px 16px;}

	.progressbar .step a > div{ display:inline-block;}
	.progressbar .step{height:auto; width:100%; background-color:transparent; margin-right:0; border-radius:0;}
	.progressbar .step::after{ display:none;}
	.progressbar .step .name{left:0; top:0; width:inherit;}
	.progressbar .step svg polygon { fill:#333;}
	.progressbar .step svg path { fill:#333;}
	.progressbar .step svg rect { fill:#333;}
	.progressbar .step .name {color:#333;}
	.progressbar .step .ico-step{ margin-right:10px;}
	.progressbar .step.active .name{color:#333;}
	.progressbar .step.current-active .name{ color:#e2a52f;}
	.progressbar .step.current-active{ background-color:rgba(0,0,0,0.02)}
	.progressbar .step.current-active svg polygon,
	.progressbar .step.current-active svg path,
	.progressbar .step.current-active svg rect {fill:#e2a52f;}
	.choice{ position:absolute; bottom:-52px; right:24px; z-index:22; background-color:#fff; padding-bottom:2px;}
	.list-type a i.dic{ font-size:18px;}
	.clear-mapping i svg, .fieldlist .dept i svg{ height:18px; width:18px;}
	.dc-header .navbar-toggle{margin-top:8px;}
	.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color:inherit;}

	.infoicon { margin-left:4px; display:inline-block; margin-top:1px; vertical-align: middle;}
	.fieldlist .sticky{ width:100%;}
	.addstrim{right: -6px;  top: -6px;}
	.addstrim .btn-circle.btn-sm{ height: 32px; min-width: 32px; width: 32px;}

	.addstrim .btn-circle.btn-sm i{ font-size:22px; color:#ccc; line-height: 32px;}
	.addstrim .btn-circle.btn-sm:hover i{color:#333;}
	.addstrim .btn-circle.btn-sm:hover{ background-color:#f8f8f8;}
	.fieldlist .dept{ margin-top:0;}
	.infoicon {}
	.loaddata .select2-container--bootstrap .select2-selection--single{ text-align:center;}
	.fieldlist .dept { top:0;}
	.fieldlist h3 > span i{ bottom: -3px; font-size: 16px; position: relative;}
	.fieldlist .dept .togglebutton{ margin-left: 16px; margin-top:2px;}
	.clear-mapping{margin-top: 0;}
	.clear-mapping i{ font-size:18px}
	.steptogo{ right:0; left:0; bottom:46px}
	.dc-header .author{padding: 14px 16px 10px 8px;}
}

 @media screen and (max-width: 640px){
	.itemdesc .btn{ padding-left:20px; padding-right:20px;}
	.downloadDataDivLeft,.downloadDataDivRight{ width:100%;}
	.downloadDataDivLeft {margin-bottom: 20px;}
	.sample-data{ width:40%;}
}

@media screen and (max-width:480px){
	.sample-data{ clear:both; width:100%;}
}

/*move navbar*/
.dc-header, .progressbar{-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; -ms-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.move-navbar{top:-66px;}
.move-progressbar{top:-66px;}
.msg{ font-size:14px !important; }
@media screen and (max-width: 767px){
	.move-progressbar{top:0;}
	.move-navbar{top:0;}
	.chartlist .card  { overflow:scroll;}
	.steptogo{ font-size:12px;}
}

.dc-navbar-sidebar{ display:none;}
.baapps-footer{ background-color:#163567; color:#fff; padding-top:10px; padding-bottom:10px; font-size:16px; position:absolute; bottom:0; width:100%;}
.baapps-footer p{ line-height: 1.5; margin-bottom: 0;  margin-top: 6px; color:rgba(255,255,255,0.8); font-size:14px;}
.baapps-footer .list-group-item{background-color:inherit; padding-bottom: 0; padding-top: 4px; line-height:1;}
.baapps-footer .dc-iconlist{margin-bottom:0; font-size:14px; color:rgba(255,255,255,0.8)}
.baapps-footer .dc-iconlist a{ margin:0 0 0 10px;}
.baapps-footer .list-group-item .media-body{ line-height:22px;}
.baapps-footer .list-group-item i{ fill:#fff; padding-right:16px;}
.baapps-footer .list-group-item i svg{ height:18px;}
.baapps-footer .list-group-item a:hover i{ fill:#e2a52f;}
.dc-content{ padding:0;}
.dc-mobile{ display:none;}
@media screen and (max-width: 767px){
	.baapps-footer{ position:relative;}
	.baapps-footer .dc-iconlist{ margin-top:10px;}
	.baapps-footer .list-group-item{ padding-left:0; display:inline-block;}
	.mapdata-preview .dc-tabs .nav-tabs > li{ float:left;}
	.section h3 span{font-size: 14px;}
	.section h3{ font-size:14px;}
	.mapdata-preview{ margin-bottom:40px;}
	.mapdata-preview #dimensionsDiv.dynamic-height,
	.mapdata-preview #chartDiv.dynamic-height{ height:auto !important; max-height:inherit !important;}
	.fieldlist .dept{ right: 11px; top: -45px;}
	.dc-desktop{ display:none;}
	.dc-mobile{ display:block;}
	.fieldlist,
	.downloaddatasec{ margin-bottom:30px;}
	.CodeMirror-code{ font-size:13px;}
	.modal-dialog{ width:100%;}
	.nav > li > a:hover, .nav > li > a:focus{ background-color:transparent;}
	.mapdata-preview .dc-tabs .nav > li > a{font-size:14px;}
}

.dimension-title{ width:auto;}
.btn-primary.btn-outline{ background-color: transparent; border: 1px solid #2d4976; color: #2d4976; padding: 6px 16px 4px 12px; text-align: left; font-weight:400; text-transform:none; font-size:13px;}
.btn-primary.btn-outline .caret{ float:right; margin-top:6px;}
.dimensions-container .panel-heading{ display:inline-block; border-radius:3px; padding: 4px 8px; font-size: 15px;}
.dimensions-container{ margin-top:8px; margin-bottom:0;}
.dimensions-container .panel{box-shadow:none}
.dimensions-container .panel,
.dimensions-container { display:inline-block;}
.dimensions-container .panel-heading .remove{ padding-left:8px;}
.dimensions-container .panel-heading .fieldsType{ font-size:12px; font-weight:500;}
.dimension-multiple{ margin-right:10px;}
.addstrim{ margin-top:4px; display:block;}
.mapdata-preview .dc-tabs-bg{ background-color:rgba(22, 53, 103, 0.9)}
.mapdata-preview .panel-info > .panel-heading{ background-color:#e3e3e3; color:#000; border-color:#e3e3e3;}
.mapdata-preview .dc-tabs .nav > li > a{ padding: 12px 24px 14px;}
.dimensions-model{min-height: inherit;}
.mapdata-preview .dc-tabs .nav > li > a{ width:130px;}
.dimensions-wrapper{ margin: 0 2px;}
.dc-tabs .slider{ background-color:#e2a52f;}
.dimension-title{ padding-bottom: 10px;}
.dimensions-model{ padding-bottom:1px;}
.dimensions-container .panel-heading .fieldsValue{ font-weight:normal;}

.fullscreen-icon i{ font-size:26px;}
.fullscreen-icon{ display:inline-block; margin-top:12px; vertical-align:top;}
.clear-mapping i svg,
.fieldlist .dept i svg{ fill:#666;}
.fieldlist .dept i svg:hover,
.clear-mapping i svg:hover{ fill:#e2a52f;}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active, .btn-primary.btn-outline:active:focus{ background-color: transparent; border: 1px solid #2d4976; color: #2d4976;}
.fieldlist .dept i.active, .fieldlist .dept i:hover{ color:#e2a52f;}

.baapps-footer a{ color:#fff;}
.baapps-footer a:hover{ color:#e2a52f;}

/*======== Floating Buttons ========*/
.floating-action .dic{ color:#fff;}
.floating-action-btn::before{ background-color:#333; color:#fff;}

.floating-action{bottom:0; position:fixed; margin:1em;right:0;z-index:100;}
.floating-action-btn{display:block; position: relative;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
.floating-action .floating-action-btn.btn-sm:before{bottom:18%;}
.floating-action-btn:before { font-size: 14px; bottom: 25%;}
.floating-action .floating-action-btn:before {bottom:28%;content: attr(data-title);position: absolute; right: 100%; -webkit-transition: all .2s ease-out .5s; transition: all .2s ease-out .5s;  white-space: nowrap; background-color:rgba(51,51,51,0.87); padding:4px 12px; border-radius:2px;line-height:1.4; color:#fff;font-size:12px;margin-right:5px;  box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.18), 0px 2px 2px -7px rgba(0, 0, 0, 0.15);border:1px solid rgba(0,0,0,0.04);}
.floating-action-btn:not(:last-child) {opacity:1;transform: translateY(0) scale(1);-webkit-transform: translateY(0) scale(1);-moz-transform: translateY(0) scale(1);-ms-transform: translateY(0) scale(1);}
.floating-action:hover .floating-action-btn, .menu--floating--open .floating-action-btn {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}
.hide-accessible{display:none;}
.floating-action-btn.btn:hover{overflow:visible;}
.floating-action .btn-circle.btn-sm span, .floating-action .btn-circle.btn-sm i {line-height: 40px;font-size:20px;}
.floating-action .floating-feedback::before{border-bottom:8px solid rgba(6, 128, 104, 0.24);border-left: 8px solid rgba(0, 0, 0, 0);border-right: 8px solid rgba(0, 0, 0, 0);bottom: 38px;content: "";display: inline-block;position: absolute;right: -13px;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.floating-action .floating-feedback::after{border-bottom: 8px solid #fff;border-left: 8px solid rgba(0, 0, 0, 0);border-right: 8px solid rgba(0, 0, 0, 0);bottom: 38px;content: "";display: inline-block;position: absolute;right: -12px;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.floating-action .floating-feedback{background-color: #fff;border-color: rgba(6, 128, 104, 0.24);border-radius: 2px;bottom: 0;box-shadow: 0 8px 16px 0 rgba(6, 128, 104, 0.16), 0 8px 16px 0 rgba(6, 128, 104, 0.16);left: auto;margin-right: 16px;padding: 0;right:56px;top:auto;transform:translate3d(0px, 50px, 0px);-webkit-transform:translate3d(0px, 50px, 0px);-moz-transform:translate3d(0px, 50px, 0px);transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;display:block;position:absolute;min-width:300px;opacity:0;z-index:-1;visibility:hidden;}
.floating-action .floating-feedback.open{transform:translate3d(0px,0px, 0px);-webkit-transform:translate3d(0px, 0px, 0px);-moz-transform:translate3d(0px, 0px, 0px);transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;bottom:0; top:auto;opacity:1;z-index:1;visibility:visible;}
.floating-feedback h3{background:#333;color:#fff;font-size:16px;font-weight:400;padding:16px;line-height:1;margin:0;border-radius:2px 2px 0 0;}
.floating-feedback .close-dd{background:none;border: medium none;font-size: 20px;line-height: 0.8;position: absolute;right: 16px;opacity:0.54;}
.floating-feedback .close-dd:hover{opacity:1;}
.floating-action .dropdown-body{padding:20px;margin:0;}
.floating-action ul li{list-style:none;}
.floating-action ul.list-group{margin:0;}
.floating-action ul.list-group a{transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;font-size:14px;color:#333;}
.floating-action ul.list-group a:hover{background-color:#068068;color:#fff;}
.floating-action .frm-body{transition:all 0.3s ease 0s;opacity:1;}
.floating-action .dropdown-body p{margin:0 0 8px;opacity:0.87;color:#333;font-size:14px;}
.floating-action .dic.media-left{padding-right:12px;padding-left:20px;}
.sample-data .paper-input-bar,
.sample-data .bar{ display:none;}

.share-your-email .modal-dialog{ width:auto; max-width:500px;}
.share-your-email .modal-dialog h3{ text-transform:inherit;}
.share-your-email.modal.in .modal-dialog{ transform: translate(0px, -25%);}
.share-your-email span{ font-size:14px; font-weight:500; line-height:1.4; margin-top:10px; display:inline-block; font-style:italic;}
.share-your-email .paper-input .input-group .form-control{ line-height:27px;}

.copy-code{ margin-bottom:0; padding:8px 0 0; line-height:34px;}
.copy-code i{font-size:14px; color:#909090;}
.copy-code a{ padding-left:8px; padding-right:8px;}

.btn-share path{ fill:#fff;}
.btn-share svg{ width:24px !important;}
.btn-share{ background-color:#999999; border:#999999 solid 1px;}
.btn-share:hover{background-color:#8e8e8e;}
.share-col{ margin-top: 16px;}
.share-col span{ color: rgba(255,255,255,0.68); margin-bottom:0; font-size:16px; margin-right:2px;}
.share-col a{ margin:0 0 0 10px;}

.footer-share{font-size: 18px;  text-align: center; color:#777; margin-top:30px; display:inline-block; width:100%;}
.footer-share p{ font-size: 28px; margin-top: 38px; color:#333;}
.footer-share .resp-sharing-button--facebook {
    background-color: transparent;
    border: 1px solid #163567;
    line-height: 1;
    padding: 6px 6px 5px;
}
.footer-share .resp-sharing-button__icon--solid, .resp-sharing-button__icon--solidcircle{fill: #163567;}
.footer-share .resp-sharing-button--twitter{border: 1px solid #163567;}
.footer-share .resp-sharing-button__icon--solid, .resp-sharing-button__icon--solidcircle{fill:#163567;}
.footer-share .resp-sharing-button__link{ margin:6px 4px;}