/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

body {
	background-color: rgba(26, 108, 225, 0.03) !important;
}
.acf-tab-wrap.-left .acf-tab-group li.active a {
	border-color: #DFDFDF;
	color: #fff !important;
	margin-right: -1px;
	background: #610d94 !important;
}
.acf-tab-wrap.-left .acf-tab-group li a {
	border: 1px solid #ededed;
	font-size: 16px !important;
	color: #610d93 !important;
	background: transparent;
	font-weight: bold !important;
}
.acf-fields.-sidebar:before {
	border-right: #DFDFDF solid 1px;
	background:transparent none !important;
}
.elementor-411 .elementor-element.elementor-element-9a56086 .acf-fields>.acf-field {
	background: #fff;
	border-top: #DFDFDF solid 1px !important;
	border-right: #DFDFDF solid 1px;
	border-bottom: #DFDFDF solid 1px;
}
.elementor-posts .elementor-post__card .elementor-post__text {
	margin-top: 0px !important;
}
@font-face {
	font-family: connects-icon;
	src: url(../fonts/connects-icon.eot?-kd2eb3);
	src:
	url(../fonts/connects-icon.eot?#iefix-kd2eb3) format("embedded-opentype"),
	url(../fonts/connects-icon.ttf?-kd2eb3) format("truetype"),
	url(../fonts/connects-icon.woff?-kd2eb3) format("woff"),
	url(../fonts/connects-icon.svg?-kd2eb3#connects-icon) format("svg");
	font-weight: 400;
	font-style: normal;
}

[class^="connects-icon-"],
[class*=" connects-icon-"] {
	font-family: connects-icon, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.connects-icon-responsive2::before {
	content: "\e60c";
}

.connects-icon-iPad::before {
	content: "\e600";
}

.connects-icon-iPhone::before {
	content: "\e601";
}

.connects-icon-tv::before {
	content: "\e602";
}

.connects-icon-small-down::before {
	content: "\e604";
}

.connects-icon-small-left::before {
	content: "\e605";
}

.connects-icon-small-right::before {
	content: "\e606";
}

.connects-icon-small-up::before {
	content: "\e607";
}

.connects-icon-thin-down::before {
	content: "\e608";
}

.connects-icon-thin-left::before {
	content: "\e609";
}

.connects-icon-thin-right::before {
	content: "\e60a";
}

.connects-icon-thin-up::before {
	content: "\e60b";
}

.connects-icon-users::before {
	content: "\e603";
}

.connects-icon-eye::before {
	content: "\e000";
}

.connects-icon-paper-clip::before {
	content: "\e001";
}

.connects-icon-mail::before {
	content: "\e002";
}

.connects-icon-toggle::before {
	content: "\e003";
}

.connects-icon-layout::before {
	content: "\e004";
}

.connects-icon-link::before {
	content: "\e005";
}

.connects-icon-bell::before {
	content: "\e006";
}

.connects-icon-lock::before {
	content: "\e007";
}

.connects-icon-unlock::before {
	content: "\e008";
}

.connects-icon-ribbon::before {
	content: "\e009";
}

.connects-icon-image::before {
	content: "\e010";
}

.connects-icon-signal::before {
	content: "\e011";
}

.connects-icon-target::before {
	content: "\e012";
}

.connects-icon-clipboard::before {
	content: "\e013";
}

.connects-icon-clock::before {
	content: "\e014";
}

.connects-icon-watch::before {
	content: "\e015";
}

.connects-icon-air-play::before {
	content: "\e016";
}

.connects-icon-camera::before {
	content: "\e017";
}

.connects-icon-video::before {
	content: "\e018";
}

.connects-icon-disc::before {
	content: "\e019";
}

.connects-icon-printer::before {
	content: "\e020";
}

.connects-icon-monitor::before {
	content: "\e021";
}

.connects-icon-server::before {
	content: "\e022";
}

.connects-icon-cog::before {
	content: "\e023";
}

.connects-icon-heart::before {
	content: "\e024";
}

.connects-icon-paragraph::before {
	content: "\e025";
}

.connects-icon-align-justify::before {
	content: "\e026";
}

.connects-icon-align-left::before {
	content: "\e027";
}

.connects-icon-align-center::before {
	content: "\e028";
}

.connects-icon-align-right::before {
	content: "\e029";
}

.connects-icon-book::before {
	content: "\e030";
}

.connects-icon-layers::before {
	content: "\e031";
}

.connects-icon-stack::before {
	content: "\e032";
}

.connects-icon-stack-2::before {
	content: "\e033";
}

.connects-icon-paper::before {
	content: "\e034";
}

.connects-icon-paper-stack::before {
	content: "\e035";
}

.connects-icon-search::before {
	content: "\e036";
}

.connects-icon-zoom-in::before {
	content: "\e037";
}

.connects-icon-zoom-out::before {
	content: "\e038";
}

.connects-icon-reply::before {
	content: "\e039";
}

.connects-icon-circle-plus::before {
	content: "\e040";
}

.connects-icon-circle-minus::before {
	content: "\e041";
}

.connects-icon-circle-check::before {
	content: "\e042";
}

.connects-icon-circle-cross::before {
	content: "\e043";
}

.connects-icon-square-plus::before {
	content: "\e044";
}

.connects-icon-square-minus::before {
	content: "\e045";
}

.connects-icon-square-check::before {
	content: "\e046";
}

.connects-icon-square-cross::before {
	content: "\e047";
}

.connects-icon-microphone::before {
	content: "\e048";
}

.connects-icon-record::before {
	content: "\e049";
}

.connects-icon-skip-back::before {
	content: "\e050";
}

.connects-icon-rewind::before {
	content: "\e051";
}

.connects-icon-play::before {
	content: "\e052";
}

.connects-icon-pause::before {
	content: "\e053";
}

.connects-icon-stop::before {
	content: "\e054";
}

.connects-icon-fast-forward::before {
	content: "\e055";
}

.connects-icon-skip-forward::before {
	content: "\e056";
}

.connects-icon-shuffle::before {
	content: "\e057";
}

.connects-icon-repeat::before {
	content: "\e058";
}

.connects-icon-folder::before {
	content: "\e059";
}

.connects-icon-umbrella::before {
	content: "\e060";
}

.connects-icon-moon::before {
	content: "\e061";
}

.connects-icon-thermometer::before {
	content: "\e062";
}

.connects-icon-drop::before {
	content: "\e063";
}

.connects-icon-sun::before {
	content: "\e064";
}

.connects-icon-cloud::before {
	content: "\e065";
}

.connects-icon-cloud-upload::before {
	content: "\e066";
}

.connects-icon-cloud-download::before {
	content: "\e067";
}

.connects-icon-upload::before {
	content: "\e068";
}

.connects-icon-download::before {
	content: "\e069";
}

.connects-icon-location::before {
	content: "\e070";
}

.connects-icon-location-2::before {
	content: "\e071";
}

.connects-icon-map::before {
	content: "\e072";
}

.connects-icon-battery::before {
	content: "\e073";
}

.connects-icon-head::before {
	content: "\e074";
}

.connects-icon-briefcase::before {
	content: "\e075";
}

.connects-icon-speech-bubble::before {
	content: "\e076";
}

.connects-icon-anchor::before {
	content: "\e077";
}

.connects-icon-globe::before {
	content: "\e078";
}

.connects-icon-box::before {
	content: "\e079";
}

.connects-icon-reload::before {
	content: "\e080";
}

.connects-icon-share::before {
	content: "\e081";
}

.connects-icon-marquee::before {
	content: "\e082";
}

.connects-icon-marquee-plus::before {
	content: "\e083";
}

.connects-icon-marquee-minus::before {
	content: "\e084";
}

.connects-icon-tag::before {
	content: "\e085";
}

.connects-icon-power::before {
	content: "\e086";
}

.connects-icon-command::before {
	content: "\e087";
}

.connects-icon-alt::before {
	content: "\e088";
}

.connects-icon-esc::before {
	content: "\e089";
}

.connects-icon-bar-graph::before {
	content: "\e090";
}

.connects-icon-bar-graph-2::before {
	content: "\e091";
}

.connects-icon-pie-graph::before {
	content: "\e092";
}

.connects-icon-star::before {
	content: "\e093";
}

.connects-icon-arrow-left::before {
	content: "\e094";
}

.connects-icon-arrow-right::before {
	content: "\e095";
}

.connects-icon-arrow-up::before {
	content: "\e096";
}

.connects-icon-arrow-down::before {
	content: "\e097";
}

.connects-icon-volume::before {
	content: "\e098";
}

.connects-icon-mute::before {
	content: "\e099";
}

.connects-icon-content-right::before {
	content: "\e100";
}

.connects-icon-content-left::before {
	content: "\e101";
}

.connects-icon-grid::before {
	content: "\e102";
}

.connects-icon-grid-2::before {
	content: "\e103";
}

.connects-icon-columns::before {
	content: "\e104";
}

.connects-icon-loader::before {
	content: "\e105";
}

.connects-icon-bag::before {
	content: "\e106";
}

.connects-icon-ban::before {
	content: "\e107";
}

.connects-icon-flag::before {
	content: "\e108";
}

.connects-icon-trash::before {
	content: "\e109";
}

.connects-icon-expand::before {
	content: "\e110";
}

.connects-icon-contract::before {
	content: "\e111";
}

.connects-icon-maximize::before {
	content: "\e112";
}

.connects-icon-minimize::before {
	content: "\e113";
}

.connects-icon-plus::before {
	content: "\e114";
}

.connects-icon-minus::before {
	content: "\e115";
}

.connects-icon-check::before {
	content: "\e116";
}

.connects-icon-cross::before {
	content: "\e117";
}

.connects-icon-move::before {
	content: "\e118";
}

.connects-icon-delete::before {
	content: "\e119";
}

.connects-icon-menu::before {
	content: "\e120";
}

.connects-icon-archive::before {
	content: "\e121";
}

.connects-icon-inbox::before {
	content: "\e122";
}

.connects-icon-outbox::before {
	content: "\e123";
}

.connects-icon-file::before {
	content: "\e124";
}

.connects-icon-file-add::before {
	content: "\e125";
}

.connects-icon-file-subtract::before {
	content: "\e126";
}

.connects-icon-help::before {
	content: "\e127";
}

.connects-icon-open::before {
	content: "\e128";
}

.connects-icon-ellipsis::before {
	content: "\e129";
}



ul.top-main-nav li.nav-item button {
	background: #000;
	color: #fff;
	border: 0;
	border-radius: 0;
}
ul.top-main-nav {
	list-style: none;
	display: flex;
}
ul.top-main-nav li.nav-item {
	margin-left: 10px;
	border: 0;
	border-radius: 0;
}





.main-row-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.main-row-wrap .first-col {
    width: 25%;
    padding: 0 15px;
}
.main-row-wrap .second-col {
    width: 75%;
    padding: 0 15px;
}
.main-row-wrap .first-col .tab-main-wrap ul.nav-tabs {
    flex-direction: column;
}
.main-row-wrap .first-col .tab-main-wrap ul.nav-tabs li button {
    width: 100%;
    text-align: left;
}
.main-row-wrap .first-col .col-inner {
    padding-top: 50px;
}
.main-row-wrap .second-col input#colorpicker {
    max-width: 445px;
}
.main-row-wrap .second-col input#annotation_text {
    max-width: 445px;
}


@media screen and (max-width:1024px) and (min-width:768px){
	.page-content-wrapper,
	.footer{
		margin-left: 0 !important;
	}
	.main-row-wrap .first-col .col-inner {
		padding: 0;
	}
}
@media screen and (max-width:767px){
	.main-row-wrap .first-col,.main-row-wrap .second-col {
    	width: 100%;
	}
	.page-content-wrapper,
	.footer{
		margin-left: 0 !important;
	}
	.main-row-wrap .second-col .content-main-wrap ul.top-main-nav {
	    padding: 0;
	}
	.main-row-wrap .second-col .content-main-wrap ul.top-main-nav li.nav-item {
	    margin: 0 10px 0 0;
	}
	.main-row-wrap .first-col .col-inner {
	    padding: 0;
	}
}
.login-as-user.login-as-user-top {
	width: 25% !important;
	bottom: 0 !important;
	top: unset !important;
}
.login-as-user.login-as-user-bottom {
	width: 18% !important;
	bottom: 0 !important;
	top: unset !important;
	right: 0 !important;
	left: unset;
}
#devon-daterangepicker{
	background: #495057;
	cursor: pointer;
	padding: 12px 10px;
	border: 1px solid #ccc;
	width: 100%;
	font-size: 1em;
	color: #fff
}
.daterangepicker .ranges li{
	padding: 5px 12px !important;
	color: #43255b;
}
.daterangepicker .ranges li.active {
	background-color: #43255b;
	border: 1px solid #43255b;
	color: #fff;
}
.daterangepicker .ranges li:hover {
	background-color: #43255b;
	border: #43255b;
	color: #fff;
}

.modal_actions{
	cursor:pointer;
}
button.cancelBtn.btn.btn-sm.btn-default {
	color: #fff;
	background: #3c3c3c;
}
/*********************************/
/** Skeleton Animation Screen **/
.skeleton-screen {
	padding: 10px;
	background-color: #1a1e21;
	width: 100%;
}
.skeleton-bg-masker {
	background-color: #1a1e21;
	position: absolute;
}
.skeleton-divide-left {
	top: 0;
	left: 25%;
	height: 100%;
	width: 5%;
}
@keyframes skeleton-shimmer {
	0% {
		background-position: -800px 0
	}
	100% {
		background-position: 800px 0
	}
}
.skeleton-animation {
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: skeleton-shimmer;
	animation-timing-function: linear;
	background-color: #f6f7f8;
	background: linear-gradient(to right, #eeeeee 8%, #bbbbbb 18%, #eeeeee 33%);
	background-size: 800px 104px;
	height: 70px;
	position: relative;
}
/********************************************/
.loader-grow{
	position:absolute;
	width: inherit;
	background: #000000bf;
	height: 90%;
	z-index:9;
}
.bg-orange{
	background-color: #ff8500;
}
.test-screen{
	background-color: #0b0f0fc2 !important;
	position: fixed;
	height: 85vh;
	width: -webkit-fill-available;
	width: -moz-available;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* Chrome, Safari, Edge, Opera */
input.hide-scroller::-webkit-outer-spin-button,
input.hide-scroller::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number].hide-scroller {
	-moz-appearance: textfield;
}

.dataTables_length label select option{
	background: #673ab7;
}
/* Clear Icon for filters in col-md */
i.fa-clear-filter {
	position: absolute;
	right: 18px;
	top: 11px;
	display: none;
	cursor: pointer;
}
/* Clear Icon for Select filters */
i.fa-clear-filter.fa-clear-filter-for-select {
	right: 36px;
	top: 12px;
	z-index: 1;
}
/* Clear Icon for filters in input-group */
.input-group i.fa-clear-filter {
	right: 2px;
}
/** Styles Modal Right open **/
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 1000px;
	max-width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}
.modal.right .modal-body {
	padding: 15px 15px 80px;
}
.modal.right.fade .modal-dialog {
	right: 0;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.in .modal-dialog {
	right: 0;
}
/* Effect: Slide from the right */
.right-in .modal-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.show.right-in .modal-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}
#action_modal .modal-header button.close {
	font-size: 20px;
	background: unset !important;
	border: unset !important;
	padding: 0;
	margin: 0;
}
.fluidMedia {
	position: relative;
	padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
	height: 0;
	overflow: hidden;
}
.fluidMedia iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page-container {
	width: 90%;
	margin: auto;
}
.page-container p,
.page-container li {
	font-size: 1.2em !important;
}
.page-container ol {
	margin-bottom: 15px !important;
}
.page-container .img-main-wrap{
	border-radius: 10px;
	box-shadow: 0 0 10px 2px white;
	margin-top:20px;
	margin-bottom: 30px;
}
.text-orange{
	color: orange;
}