:root {
    --skyblue-color: #0abce5;
}

:root {
    --blue-color: #0095d8;
}

:root {
    --darkblue-color: #063d5b;
}

:root {
    --lightblue-color: #c0e1f2;
}

@font-face {
    font-family: 'Almoni';
    src: url('../../fonts/Almoni/Almoni-Light.otf?#iefix') format('embedded-opentype');
    font-weight: 300;
    font-style: normal;
    font-display:block;
}

@font-face {
    font-family: 'Almoni';
    src: url('../../fonts/Almoni/Almoni-Regular.otf?#iefix') format('embedded-opentype');
    font-weight: 400;
    font-style: normal;
    font-display:block;
}

@font-face {
    font-family: 'Almoni';
    src: url('../../fonts/Almoni/Almoni-Bold.otf?#iefix') format('embedded-opentype');
    font-weight: 700;
    font-style: normal;
    font-display:block;
}

@font-face {
    font-family: 'Almoni';
    src: url('../../fonts/Almoni/Almoni-ExtraBold.otf?#iefix') format('embedded-opentype');
    font-weight: 900;
    font-style: normal;
    font-display:block;
}

@font-face {
    font-family: 'Almoni';
    src: url(../fonts/Almoni/Almoni-Light.ttf);
    font-weight: 300;
    font-style: normal;
    font-display:block;
}

@font-face {
    font-family: 'Almoni';
    src: url(../fonts/Almoni/Almoni-Regular.ttf);
    font-weight: 400;
    font-style: normal;
    font-display:block;
}

@font-face {
    font-family: 'Almoni';
    src: url(../fonts/Almoni/Almoni-Bold.ttf);
    font-weight: 700;
    font-style: normal;
    font-display:block;
}

@font-face {
    font-family: 'Almoni';
    src: url(../fonts/Almoni/Almoni-ExtraBold.ttf);
    font-weight: 900;
    font-style: normal;
    font-display:block;
}

input[type="button" i]:focus, input[type="checkbox" i]:focus, input[type="file" i]:focus, input[type="hidden" i]:focus, input[type="image" i]:focus, input[type="radio" i]:focus, input[type="reset" i]:focus, input[type="submit" i]:focus, input[type="file" i]:focus::-webkit-file-upload-button {
    outline: none;
}

body{
	padding-bottom: 0;
/*	padding-top: 92px;*/
    font-size: 14px;
	overflow: hidden;
}

*{
	font-family: 'Almoni', 'Roboto', sans-serif;
}

.form-control {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 10px;
}

.btn{
	height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    vertical-align: middle;
    border-radius: 10px;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: var(--darkblue-color) !important;
    padding: 5px 10px;
    height: auto;
    font-size: 1em;
    width: auto;
    color: white;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
    border: 0px;
}

.divFrame>div {
    max-width: 100%;
}

.navbar {
    z-index: 999;
}

#loginBg{
	background: url('../Images/loginBgDesktop.jpg');
	background-size: cover;
	padding: 0;
	background-position: center;
	height: 100vh
}

#login{
	padding: 0
}


a:hover, a:focus{
	color:var(--skyblue-color);
	text-decoration: underline;
}

.tabItem:focus{
	color:var(--skyblue-color)!important;
}

a:focus {
	text-decoration: none!important;
    outline: none!important;
}

.row{
	margin:0!important;
}

.clear{
	clear: both;
}

.nav-tabs {
    border-bottom: 0px!important;
}

.ui-slider-left-arrow, .ui-slider-right-arrow{
	border-radius: 0!important;
}


body.rtlBody .navbar-inverse #top_menu_logo {
	float:right!important;
}

body.rtlBody .navbar-inverse .navbar-brand{
	float:right!important;
}

body.rtlBody .navbar-inverse #openNavigation{
	float:right;
}

body.rtlBody .navbar-inverse .ToolbarButtonn{
	float:right!important;
}

body.rtlBody .iconsLeft{
	float:left!important;
}

.iconsLeft img{
	cursor: pointer;
}

.iconsRight {
	margin: 3px 0;
}

.iconsLeft{
	margin: 4px 0;
}

body.rtlBody .iconsRight{
	float:right!important;
}

body.rtlBody .iconsRight .vertical{
	float:right;
}

body.rtlBody .menu2_right img, body.rtlBody #divSaveMenuMain{
}


.rtlBody .dropdown-menu{
	right: 0;
}

.dropdown_menu hr {
    margin: 10px;
    border-color: #ddd;
}

.rtlBody .navbar-toggle{
	float: left;
	margin:15px 0 0 10px;
}

.dropdownMenuItem > a:focus {
    background-color: #f5f5f5!important;
}

.navbar-inverse{
	background:#212c34;
	border-top:3px solid var(--skyblue-color);

}

.navbar-inverse .navbar-brand {
   	color:white;
}

#leftLogin{
	/*background: rgb(94, 112, 124);*/
	background-color:#525d68;
	/*background:rgb(57, 68, 74);*/
	height: 100vh;
}

#logo{
	margin-top: 25%;
	margin-bottom: 30px
}

.txtUsername, .txtPassword{
	height: 53px;
	border: 1px solid #d8dcdd;
	background-color: white;
	background-repeat: no-repeat;
	padding-left: 70px;
	color: #222c35;
	background-size: 53px;
}

#remember{
	margin: 10px 0 5px 0
}

#rememberLabel{
	color: white;
    font-weight: 400;
    margin-left: 10px;
    position: relative;
    bottom: 2px;
}

#loginfrm p, #rememberLabel{
	color:white;
	font-weight: 300;
}

.MyDesktopToolbarBtn.SaveMenuBtn{
	background: none!important;
}

#exportMenu, #renderingMenu, #gridMenu{
	position: absolute;
    top: 38px;
    left: -5px;
    z-index: 1000000;
    display: none;
    float: left;
    min-width: 150px;   
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}



.rtlBody .ToolbarSubMenuMargin_ltr {
    left: inherit;
    right: -7px
}

.ToolbarSubMenuMargin_ltr {
}

.saveBtn{
	width: 22px;
	margin:0 10px;
	opacity: 0.7
}

.MyDesktopToolbarSubMenuTextTd_ltr p{
	padding-left: 35px;
}

.saveIcon{
	background: url('../images/icons/save_icon.svg');
    background-repeat: no-repeat;
	background-size: 30px;
    margin-bottom: 0;
    line-height: 38px;
    background-position: 2px 4px;
}

.save_as_Icon{
	background: url('../images/icons/save_as_icon.svg');
    background-repeat: no-repeat;
    background-size: 30px;
    margin-bottom: 0;
    line-height: 38px;
    background-position: 2px 4px;
}

.rtlBody .save_as_Icon{
    background-position: top 2px right 0px;
}

#divSaveMenu table tbody tr:nth-child(1) .saveIcon {
}


.rtlBody .MyDesktopToolbarSubMenuTextTd_ltr p{
    padding-left: 0;
	padding-right: 35px;
    text-align: right;
}

.rtlBody .saveIcon{
	padding-left: 0px;
    background-position: right center;
}

.rtlBody #divSaveMenu table tbody tr:nth-child(1) .saveIcon {

}



.cont_items_menu{
	display:block;
	text-align: center;
}


.rtlBody .ToolbarSubMenuMargin_ltr {
}

.rtlBody #exportMenu{
    right: 0px;
}

#exportMenu p{
	margin-bottom: 0px!important;
    line-height: 1.7em;
}

.exportMenu li p{
	background-repeat: no-repeat!important;
	background-size:22px 22px;
	background-position: 16px center;
	padding-left:30px;
}

#publish_icon{
    background: url(../images/user_publish_icon.svg);
    background-size: 26px;
    background-position: -2px 0;
}

.rtlBody #publish_icon{
	background-position: top -6px right -3px!important;
}

#pdf_icon{
	/*background: url('../images/export_to_pdf.gif');*/
	background: url('../images/acrobat_icon.svg');
	background-size: 26px;
	background-position: -2px 0px;
}

#excel_icon{
	/*background: url('../images/export_to_excel.gif');*/
	background: url('../images/excel_icon.svg');
	background-size: 26px;
	background-position: -2px 0px;
}

#exported_docs_icon{
	background: url('../images/export_table_icon.svg');
	background-size: 26px;
	background-position: -2px 0px;
    min-width: 150px;
}

.rtlBody #publish_icon{
}

.rtlBody .exportMenu li p{
	background-position: right center!important;
	padding-left:0px!important;
	padding-right: 35px!important;
}


#divSaveMenu, #exportMenu, #renderingMenu, #gridMenu{
	background-color:#f5f5f5;
	border-radius:0!important;
}

#divSaveMenu tr td, #exportMenu ul li, #renderingMenu ul li, #gridMenu ul li{
	background-color:#f5f5f5;
	text-decoration: none;
    font-size: 14px;
    color: #212c34;
    border-bottom: 1px solid #ecedee!important;
    color: #657384!important;
    font-weight: 600!important;
    list-style: none;
    text-align: left;
}

#exportMenu ul li, #renderingMenu ul li, #gridMenu ul li{
    padding:8px 15px!important;
}

.rtlBody #exportMenu ul li, .rtlBody #renderingMenu ul li, .rtlBody #gridMenu ul li{
    text-align: right;
}


#divSaveMenu tr td{
	padding:0px 20px 0px 10px!important;
}


.MyDesktopToolbarSubMenu{
	top:40px!important;
}

#divSaveMenu tr td:hover, #exportMenu ul li:hover, #renderingMenu ul li:hover, #gridMenu ul li:hover {
    color: #428bca!important;
    background-color: #e2e4e6;
}


#copyright{
	margin-top:50px;
}

#btnLogin, #txtUsername, #txtPassword{
	width: 100%;
	margin:10px auto;
}

.txtUsername{
	background-image:url('../Images/iconUsername.jpg')!important;
}

.txtPassword{
	background-image:url('../Images/iconPassword.jpg')!important;
}

.txtEmail{
	background-image:url('../Images/iconEmail.jpg')!important;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color:white!important;
    color: rgb(0, 0, 0) !important;
}

#btnLogin{
	background: #222c35;
	color:white;
	border:none;
	line-height: 53px;
	font-weight: 700;
	max-width: 350px;
}

.btnHome {
	margin: 10px 15px;
    float: left;
    background-size: 20px;
    width: 20px;
    height: 20px;
}

#openNavigation{
	float: left;
    padding: 11px 16px;
    width: 50px;
    cursor: pointer;
}

.list-group{
    margin-bottom: 0;
}


.ltrBody #openNavigation{
	float: right;
}

.vertical{
	float: left;
	margin-top: 5px;
    height: 35px;
    width: 1px;
}

.verticalRight{
	margin-top: 3px;
    height: 35px;
    width: 1px;
}

.rtlBody #verticalNames{
	float: right
}

.ltrBody #verticalNames{
	float: left
}

#dahboardName{
	color: white;
}

#top_menu_logo {
    margin: 4px 10px 0 10px;
}

.container > .navbar-header, .container > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
    padding-top: 5px;
}

.navbar-brand {
    padding: 14px 15px 13px;
}

#top_menu_helpBtn, #top_menu_settings, #top_menu_logOutBtn, #top_menu_externalBtn {
}

.ui-dialog {
    z-index: 9999999;
}

.nav-tabs{
	float: left;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	border: none;
	padding: 15px;
    border-left: 1px solid #f1f1f2;
}

.nav-tabs > li > a {
    text-decoration: none;
    color: #657384;
    border-right: 1px solid #f1f1f2;
	margin-right: 0; 
	border-radius: 0;
}

	

.dropdownMenuItem a{
	border-bottom: 1px solid #ecedee;
    padding: 10px 15px!important;
    color: #657384!important;
    font-weight: 600!important;
}



.nav > li > a:focus {
    background-color: inherit;
}

.dropdown-menu{
	padding: 0;
	z-index: 100000;
}

.open2{
	display:block!important;
}

#Menu{
	display: block;
	position: relative;
	float:left;
	background: white; 
    z-index: 999;	
    position: relative;
}

.rtlBody #Menu {
	right: -4px;
}

.ltrBody #Menu {
    left: -4px;
}

div#tabsCont {
    display: none;
}

#tabsCont {
    width: fit-content!important;
}

ul#tabsCont li {
    display: table-cell;
}

#mySliderTabs {
    overflow: hidden;
    position: relative;
}

#dropdown{
	max-height: calc(100vh - 105px);
	overflow-y: scroll;
}

#Menu li a{
	padding: 15px 15px 10px 15px;
	border-left: 1px solid #f1f1f2;
}



#DivContainer {
    position: relative!important;
    display: block;
    clear: both;
}

.itemactive{
	border-bottom: 3px solid #1fb9fc!important;
}

.navigation_app {
    display: inline-flex;
    position: fixed;
    top: 51px;
    width:100%;
    border-bottom: 1px solid #dddddd;
    z-index: 99;
    background:white;
}

#DivContainerWrapper {
    position: relative;
    background: white;
    overflow-y: auto;
    width: 100%;
    height: calc(100vh - 93px);
    position: fixed;
    overflow-x: hidden;
}

.menu2_right{
	position:relative;
	display: block;
	float:right;
	justify-content: flex-end;
	height: 100%;	
	padding: 0px 10px;
	width:100%;
}




.menu2_cont {
    float: right;
    position: relative;
    max-width:100%;
   	width: 350px;
}

.rtlBody .menu2_cont{
	float: left;
}

.menu2_cont .col-xs-4, .menu2_cont .col-xs-2{
	padding:0 10px;
	text-align: center;
	height: 38px!important;
}

.ltrBody .menu2_cont .col-xs-4, .ltrBody .menu2_cont .col-xs-2{
	float: right;
}

.menu2_right img{
	position: relative;
}

#divSaveMenuMain{
}

.rtlBody #imgAddUser{
	transform: rotate(0deg)!important;
}

.rtlBody #imgRemoveUser{
    transform: rotate(180deg)!important
}

@media(max-width: 768px){
	.bottom_menu_icon:hover{
	    background:none!important;
	    border-radius: 0!important;
	}
}

#pov_sidenav{
	height: 94%;
	position: fixed;
	background: #212c34;
	z-index: 9999;
	transition: 0.4s;
	top:50px;
	transition: 0.4s;
}

.ltrBody #pov_sidenav{
	left:-384px;
}

.rtlBody #pov_sidenav{
	right:-384px;
}


.menu_visible{
	transition: 0.4s;
}

.rtlBody .menu_visible{
	right:-0px!important;
}

.ltrBody .menu_visible{
	left:-0px!important;
}




a.dropdown-toggle.menu_drop {
    height: 41px;
    z-index: 9;
}

.ui-slider-right-arrow div {
    background-image: url(../Images/arrow.png);
    background-size: 10px;
    transform: rotate(180deg);
}

.ui-slider-left-arrow div{
    background-image: url(../Images/arrow.png);
    background-size: 10px;
}

#dropdown{
	background-color:#f5f5f5;
	width:267px;
    border: none;
    margin-top: 0px;
}

.slick-next:before{
	display: none;
	content:"";
}

.slick-next{
	display: none
}

#dropdown li{
	width:100%;
	position: relative;
}

#dropdown li:first-child{
	border-bottom:1px solid #ecedee!important;
	text-align:center;
}

#dropdown li a{
	text-decoration:none;
	color:#212c34;
}

#livefilter-input {
    background-color: #e4e5e6;
    border: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 30px;
    width: 90%;
    background-image: url(../Images/icons/search.png);
    background-size: 17px 18px;
    background-repeat: no-repeat;
    background-position: 209px 6px;
}

.rtlBody #livefilter-input {
	background-position: 10px 6px!important;
}

.rtlBody .slick-track{
	transform: translate3d(0, 0px, 0px);
}

#livefilter-input::-webkit-input-placeholder {
  text-align:center;
  font-style: italic;
  color:#85898c;
}

#livefilter-input::-moz-placeholder {
  text-align:center;
  font-style: italic;
  color:#85898c;
}

#livefilter-input::-ms-input-placeholder { 
  text-align:center;
  font-style: italic;
  color:#85898c;
}


/*side menu icons*/

.side_menu_icons{
	width:100%;
	display:block;
	background-color: #29353f;
	padding:20px 30px 5px 30px;
}

#pov_sidenav .side_menu_icons ul li{
	width:64px;
	height:64px;
	display:inline-block;
	background-color:rgba(256,256,256,0.1);
	border-radius:5px;
	cursor:pointer;
}

.side_menu_icons .activeSideMenu{
	background-color:var(--skyblue-color)!important;
	transition: 0.4s;
}

#pov_sidenav .side_menu_icons ul li:hover{
	background-color:#63707b;
	transition: 0.4s;
}

#pov_sidenav .side_menu_icons ul li:nth-child(1){
	margin:0px 5px 0px 5px;
}

#pov_sidenav .side_menu_icons ul li:nth-child(2), #pov_sidenav .side_menu_icons ul li:nth-child(3){
	margin:0px 5px;
}


#pov_sidenav .side_menu_icons ul li:nth-child(4){
	margin:0px 0px 0px 5px;
}

#pov_sidenav .side_menu_icons ul li:last-child{
	background-color:rgba(256,256,256,0);
	width:100%;
	margin-top:15px;
	display:block!important;
}


#pov_sidenav .side_menu_icons ul li:last-child input{
	width:100%!important;
	border-radius: 5px!important;
	background-color:#212c34!important;
	max-width:350px!important;
	border:0!important;
	height:48px;
	color:white!important;
	padding-left: 15px!important;
	padding-right: 50px!important;
	background-image: url('../Images/icons/search_white.png');
	background-repeat:none;
	background-position: right 20px center;
	background-repeat: no-repeat;
	background-size: 15px 16px;
}

#aside_livefilter-input2::-webkit-input-placeholder{
	color:white!important;
	text-align:center!important;
}

#aside_livefilter-input2::-moz-placeholder{
	color:white!important;
	text-align:center!important;
}
#aside_livefilter-input2::-ms-input-placeholder{
	color:white!important;
	text-align:center!important;
}


#aside_menu_all{
	background-image:url('../Images/icons/aside_menu_bar.png');
	background-repeat: no-repeat;
	background-size: 16px 22px;
	background-position:center;
}

#aside_menu_all:hover{
}

#aside_menu_bar{
	background-image:url('../Images/icons/aside_menu_pages.svg');
	background-repeat: no-repeat;
	background-size: 25px;
	background-position:center;
}

#aside_menu_bar:hover{
}

#aside_menu_favourites{
	background-image:url('../Images/icons/aside_menu_star.svg');
	background-repeat: no-repeat;
	background-size: 28px;
	background-position:center;
}

#aside_menu_favourites:hover{
}

#aside_menu_folders{
	background-image:url('../Images/icons/aside_menu_folders.svg');
	background-repeat: no-repeat;
	background-size: 25px 23px;
	background-position:center;
}

#FoldersContainer .dx-item-content {
    color: white!important;
}


.input__label--yoshiko{
	font-size: 15px!important;
}

:focus{
	outline:none!important;
}


.input__label--yoshiko2 {
	text-align: left;
	position: relative!important;
    z-index: 999999;
    top: -75px!important;
    padding-left: 15px!important;
}

.input__field--yoshiko2 {
    border-radius: 10px!important;
    height: 30px;
    background-position: left center;
    background:none;
    padding-left:15px;
}

.input__field--yoshiko2b {
    /* position: absolute!important; */
    /*top: -45px!important;*/
}

.input__field--yoshiko2::after {
    content: attr(data-content);
    position: absolute;
    font-size: 15px;
    bottom: 100%;
    left: 0;
    height: 100%;
    width: 100%;
    color: #404040!important;
    padding: 0.25em 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.85em;
}

.input__field--yoshiko2:focus + .input__label--yoshiko2, .input--filled .input__label--yoshiko2{
	bottom:50%!important;
}

.bottom_menu_icon{
	min-width: 32px
}

.rtlBody .bottom_menu_icon{

}

.export_i{
	display:block;
}

.dropdown a i {
    font-size: 25px;
}

.exportMenu li:hover, .renderingMenu li:hover, .gridMenu li:hover{
	cursor:pointer;
}

.menu2_right img {
    cursor: pointer;
}


/* styles for tab slider */
#thumbnail-slider {
    width: 100%;
    padding:0px;
}

#thumbnail-slider ul li{
	width: auto!important;
	height: 30px!important;
	margin: 0;
}

#thumbnail-slider ul li:after{
	position: inherit!important;
	top: 0!important;
    right: 0!important;
    width: auto!important;
    padding: 5px 10px;
    height: 30px;
}

#thumbnail-slider .thumb{
	background:none!important; 
}

#thumbnail-slider-next, #thumbnail-slider-prev{
	display: none
}

#mainContainerTabs{
	 width: 50%
}

/* review later */
.slider-for{
  width: 500px;
  height: 250px;
  margin: 30px auto 1px;
  overflow: hidden;
}

.slider-nav{
  width: 50%;
  height: 85px;
  margin: auto;
  max-height: 50px;
  margin: 0!important;
}
.slider-nav .slick-track{
  height: 85px;
}
.slick-arrow{
    position: absolute;
    top: 50%;
    z-index: 50;
    margin-top: -12px;
}
.slick-prev{
  left: 0;
}
.slick-next{
  right: 0;
}

.slick-dots{
  display:none!important;
}

p{
  color:#657384;
}

.slick-arrow{
  display:none;
}


.slick-slide {
    width: auto!important;
    max-height: 50px;
}


@media(min-width: 1400px){


	.ToolbarSubMenuMargin_ltr {
	}

	.rtlBody .ToolbarSubMenuMargin_ltr {
	}

}


@media(min-width: 1600px){

	.ToolbarSubMenuMargin_ltr {
	}

	.rtlBody .ToolbarSubMenuMargin_ltr {
	}

}


@media(min-width: 1650px){
	.slick-list.draggable {
    padding: 0 25%!important;
	}
}

.tabItem_new {
    line-height: 43px;
    padding: 15px 10px;
    text-decoration: none;
    color: #657384!important;
    border-right: 1px solid #f1f1f2;
    font-weight: 400;
    font-size: 18px;
    white-space:nowrap;
}

.tabItem_new:hover, #dropdown li a:hover{
	cursor: pointer;
    text-decoration: none!important;
    color:#657384;
}

.tabItem_new:hover{
	background-color: #eeeeee!important;
}

a:hover{
	text-decoration:none;
}

.activeTab:hover{
	background:white!important;
	box-shadow: none!important;
}

#dropdown li a:hover{
	background-color: #ebebeb!important;
}

.activeTab{
	text-decoration: none;
	border-bottom: 3px solid var(--skyblue-color)!important;
	font-weight: 700!important;
    font-size:17.9px;

}

.activeDrop{
	background-color: #fafafa!important;
	text-decoration: none;
	color: var(--skyblue-color)!important;
}

.ui-slider-tabs-list-wrapper {
}

.ltrBody .ui-slider-tabs-list-container{
}



body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0;
}

.modal{
	z-index: 99999999
}

*::-webkit-scrollbar-track
{
    background-color:#f5f5f5;
}


*::-webkit-scrollbar
{
    width: 7px;
}


*::-webkit-scrollbar-thumb
{
    background-color:#909090 !important; 
}



.wrapperDropdown{
	z-index: 9999999;
}

#sliderContainer {
	max-width: 67%;
}

@media(min-width: 768px) {
    #sliderContainer {
        max-width: calc(100% - 420px);
    }
}

.ui-slider-tabs-content-container {
    display: none;
}

.ui-slider-tabs-list li a {
    padding: 0px 20px!important;
}

.ui-slider-tabs-list-container{
	border-right:1px solid #f1f1f2;
	border-left:1px solid #f1f1f2;
}

#treeViewContainer{
	height:calc(100vh - 245px);
}

.rtlBody .ui-slider-left-arrow{
	right: 0;
	transform: rotate(180deg);
}

.rtlBody .ui-slider-right-arrow{
    right: inherit;
    left: 0;
    transform: rotate(180deg);
}

.rtlBody .cont_items_menu {
    /*float: left!important;*/
}

.rtlBody .close{
	float: left;
}

.dialogHandler, .dialogHandler:hover{
	text-decoration: none!important;
}

.modal-header .close {
    margin-top: 8px;
}


.modal-dialog-centered {
    left: 45%;
    position: absolute;

}

.divFrame{
	z-index: 999999999999;
	max-width: 100%;
	position: absolute;
}



label{
	margin-bottom: 0
}

.modalB{
	position: initial;
	overflow-y: hidden;
}

.modalB .modal-dialog{
	z-index: 99999999
}

.modal-dialog{
	padding:0!important;
}

#divRightClickMenu{
	display: none
}

.povAlert{
    display: none;
    position: fixed;
    top: 15px;
    left: calc(50% - 175px);
    width: 350px;
    z-index: 99999;
}

.povAlert p{
  margin-bottom: 0;
  width: calc(100% - 20px);
	float: left;
}

input:focus, textarea:focus, select:focus {
    outline: 0!important;
}


.MyDesktopFilter{
	transition: all 0.5s ease;
}

.MyDesktopFilter table{
    width: 100%;
}

.FilterListBoxCell label, .FilterListBoxCellAlt label{
    position: relative;
	top: 4px;
    font-weight: 400;
}

.FilterListBoxCell:hover, .FilterListBoxCellAlt:hover{
	background: #eaeaea;
}


.FilterListBoxCell input[type='checkbox'], .FilterListBoxCellAlt input[type='checkbox']{
	margin: 5px 7px;
    position: relative;
    top: 3px;
}


.MyDesktopFilter:hover, .filterWrapper:hover {
    -webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.2);
}

.close {
    position: relative;
    font-size: 32px!important;
    line-height: 0;
}

.comboValueContainer {
    min-width: 30px;
}

.filterWrapper .MyDesktopFilter {
    border: none!important; 
    /* heightfix */
    background: none;
	min-height: 27px!important;
    line-height: 25px!important;
    display: block;
}

.filterWrapper .comboValueContainer, .filterWrapper .FilterExpandBtn{
	min-height: 27px!important;
    line-height: 29px!important;
}


.filterWrapperDesign{
    border: 1px #d6d6d6 solid;
    /* heightfix */
    border-radius: 10px;
    background: white;
    min-height: 29px;
}

.fixRadius{
	border-radius: 0 0 10px 10px;
}

.filterWrapper .MyDesktopFilter:hover {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}

div.floatingDDL {
    z-index: 99999999;
    background-color: #ffffff;
    border-left: 1px #d6d6d6 solid;
    border-radius: 0px 0px 10px 10px;
    border-right: 1px #d6d6d6 solid;
    border-bottom: 1px #d6d6d6 solid;
    position: absolute;
}

.modal-dialog {
    max-width: 100%;
}

.modal-dialog {
    top: 100px;
}

#phone-ajax-loader {
    max-width: 50px;
    margin-left: calc(50% - 25px);
    margin-top: 15px;
}

.InputTextBox {
    background: white!important;
    border: none;
    padding: 3px 5px 0 5px;
    height:auto;
}

.FilterTextBoxBackground input {
    border: none;
    background: #f4f4f4;
    height: 25px;
}

textarea{
	resize: none;
}

.CardButton2
{
    background-color:var(--darkblue-color) !important;
	padding: 5px 10px;
    height: auto;
	background-repeat: repeat-x;
	font-size: 1em;
	width: auto;
	color: white;
	text-align: center;
	cursor:pointer;
	border-radius:10px;
	border:0px;
}

img.arrowDatepicker {
    width: 10px;
    float: right;
    margin: 12px 6px;
}

.datepickerWrapper {
    margin: 10px 0;
    /* border: 1px solid #404040; */
    border: 1px #d6d6d6 solid;
    border-radius: 10px;
    line-height: 33px;
}


#treeViewContainer .panel-heading{
	padding: 0;
	border-radius: 0!important;
	background-color:#29353f;
    border-right: 4px solid #29353f;
    border-left: 4px solid #29353f;
}


#treeViewContainer .panel-heading .panel-title a{
	padding: 10px 35px;
    display: block;
}

#treeViewContainer .panel-heading .panel-title a:hover, #treeViewContainer .panel-heading .panel-title a:focus{
	color: white
}

#treeViewContainer{
	background: #212c34;
}

#treeViewContainer .panel-default{
	border:none;
	border-radius: 0!important;
	margin-top:0!important;
}

.node-treeViewContainer{
	background: #2e3c46;
}


.node-treeViewContainer:not(.node-disabled):hover {
    background-color: #1b2125;
}

#treeViewContainer .panel-header{
	border-radius: 0;
}

#treeViewContainer .panel-title{
	background: #2e3c46;
	color:#eaeaea;
	background:url(../images/ICON_DASHBOARD_WHITE.png);
	background-repeat: no-repeat;
	background-size: 14px;
}

.dashboardsUl > li > a {
    background-size: 15px!important;
    background-position: 7px 5px!important;
    background: url(../images/ICON_DASHBOARD_WHITE.png);
    background-repeat: no-repeat;
}

.ltrBody #treeViewContainer .panel-title{
	background-position: 10px 7px;
}

.rtlBody #treeViewContainer .panel-title{
	background-position: top 7px right 7px;
}

.ltrBody .activeDashboard{
	border-left: 4px solid var(--skyblue-color)!important;
	border-right: 4px solid #414d5a!important;
}

.rtlBody .activeDashboard{
	border-right: 4px solid var(--skyblue-color)!important;
	border-left: 4px #414d5a!important;
}

.activeDashboard{
	background: #414d5a!important;
	color:white!important;
|}

.ltrBody #treeViewContainer .nav-pills > li > a{
	background-position: 0px 5px;
}

.rtlBody #treeViewContainer .nav-pills > li > a{
	background-position: top 5px right 3px!important;
}

#treeViewContainer .nav-pills > li > a {
    background-size: 18px;
    background-color: transparent !important;
    background-repeat: no-repeat;
    padding: 10px 35px;
    color: #eaeaea;
    max-width: 300px;
}
.li-bookmark > a{
	max-width: calc(100% - 35px);
}
.ltrBody .li-bookmark > a{
	padding-right: 0
}
.rtlBody .li-bookmark > a{
	padding-left: 0
}

.pagesUl > li > a{
	background-size: 26px!important;
	background:url(../images/TABS_WHITE_BIG.svg);
}

.bookmarksUl > li > a{
	background-size: 26px!important;
	background-position: 3px 5px!important;
	background:url(../images/BOOKMARKS_WHITE_BIG.svg);
}


#treeViewContainer .nav-pills > li.active > a, #treeViewContainer .nav-pills > li.active > #treeViewContainer .nav-pills > li.active > a:focus{
	color: white;

}

.pagesUl > li.active > a{
	background-size: 26px!important;
	background-image: url(../images/TABS_BLUE_BIG.svg)!important;
}

.bookmarksUl > li.active > a{
	background-size: 26px!important;
	background-image: url(../images/BOOKMARKS_BLUE_BIG.svg)!important;
}


.navigationTitles{
	padding:10px 0;
	display: block;
}

#treeViewContainer .panel-default > .panel-heading + .panel-collapse .panel-body {
    border: none!important;
    background: #212c34;
}

#treeViewContainer .navigationTitles{
	color:#eaeaea;
    font-size: 16px;
    font-weight: 700;
}

#treeViewContainer .nav-pills{
	padding:0 10%;
}

#treeViewContainer .panel-body{
	padding:0;
}


.list-group-item {
    height: 45px;
}

#treeViewContainer::-webkit-scrollbar-track {
    background-color: #1e2428;
}

#searchTopBar {
    width: 180px;
    height: 25px;
    margin: 11px 0 0 11px;
    background-image: url(../Images/icons/search.png);
    background-size: 17px 18px;
    background-repeat: no-repeat;
}

.ltrBody #searchTopBar {
    float: left;
    background-position: right 8px center;
}

.rtlBody #searchTopBar {
    float: right;
    background-position: left 8px center;
}

.InputWrapperTR select{
	border:none!important;
}

.bottom_menu_icon {
    padding: 1px;
    margin-top: 3px;
    transition: all 0.5s ease;
}

    .bottom_menu_icon:hover {
        background: #eeeeee;
        /* color from design #f1f1f1 */
        border-radius: 50%;
    }	


.InputWrapperTR td{
	border-bottom: none!important;
}

.InputWrapperTR .FilterExpandBtn {
    margin: 2px;
}

.newFilterStyle {
    top: 0!important;
    left: 0!important;
    border: none;
}

#equalOperator {
	font-weight: 600;
	font-size: 30px;
	line-height: 1em;
}

#likeOperator {
    line-height: 1.65em;
    font-size: 2.2em;
    margin-top: 20px;
}



/* HEIGHT OF FILTERS */
.comboValueContainer, .MyDesktopFilter, .FilterExpandBtn{
    min-height: 29px;
    line-height: 29px;
}

.FilterExpandBtn{
    width: 18px;
}

.FilterListBoxCell, .FilterListBoxCellAlt, .FilterListBoxSelectedCell, .FilterListBoxSelectedCell:hover {
    line-height: 20px;
    padding: 0 2px;
}

.FilterListBoxSelectedCell, 
.FilterListBoxSelectedCell:hover{
    background: var(--darkblue-color);
    color: white
}

.pov_Loading{
	top: calc(50vh - 50px)!important;
	left: calc(50vw - 50px)!important;
    background-color: white;
    border: 1px #dddddd solid;
}

.LockOff {
    display: none;
    visibility: hidden;
}

.LockOn {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 99999998;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

}

.LockOnOpacity {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 99999998;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25;
}

@media(max-width: 768px){
	.pov_Loading{
		top: calc(50% - 80px)!important;
	}
}

.comboValueContainer{
	/*display: none*/
}

.likeOperator {
    line-height: 1.85em!important;
    position: relative;
    top: 2px;
}

.field_datepicker span {
    background: none!important;
    line-height: 2em;
    cursor: pointer;
}

.inputLabel {
    top: 6px;
    position: relative;
    color: #7a7a7a;
    font-size: 1.1em;
}

.ui-selectable-helper {
  position: absolute; 
  z-index: 99999999; 
  border: 1px dotted black; 
}

.iconAlert {
    width: 25px;
}

.ltrBody .iconAlert {
    float: left;
    margin-right: 10px;
}

.rtlBody .iconAlert {
    float: right;
    margin-left: 10px;
}

.rtlBody .modal-footer .CardButton2 {
    float: left;
    margin-left: 0;
    margin-right: 10px;
}

.modal-footer {
    padding: 20px 0 0 0;
    border: none;
    margin: 0;
}

.okBtn {
    margin-top: 10px;
}

.rtlBody .okBtn {
    float: left;
}

.ltrBody .okBtn {
    float: right;
}




/* STYLES FOR IE */
@media screen  (min-width: 1599px) and (-ms-high-contrast: active), (min-width: 1599px) and (-ms-high-contrast: none){
	#sliderContainer{
    	min-width: 1000px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) , print {
    .navigation_app {
         max-height: 42px;
    }

    .tabItem_new{
		font-size: 1em
	}
   	
    .txtUsername, .txtPassword{
    	padding-left: 70px!important;
    }
    #sliderContainer{
    	width: 100%;
    	max-width: 100%;
    }
    .pagesUl > li.active > a, .pagesUl > li > a, .bookmarksUl > li > a, .bookmarksUl > li.active > a{
    	background-size:30px !important;
    }
    .dxpgCustFieldsRowAreaHeaders .dxpgFLTextDiv, .dxpgCustFieldsColumnAreaHeaders .dxpgFLTextDiv{
    	background-size: 45% !important;
    	background-position: -12px 11px !important;
    }
    .FilterListBoxCell label, .FilterListBoxCellAlt label{
    	font-size: 11px;
    }
    body{
    	font-size: 12px
    }
    /* STYLES TO REPLACE VARIABLE COLORS */
    .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    	background-color: #063d5b !important;
	}
	a:hover, a:focus{
	    color:#0abce5;
	}
	.tabItem:focus{
	    color:#0abce5!important;
	}
	.navbar-inverse{
	    border-top:3px solid #0abce5;
	}
	.side_menu_icons .activeSideMenu{
	    background-color:#0abce5!important;
	}
	.activeTab{
	    border-bottom: 3px solid #0abce5!important;
	}
	.activeDrop{
	    color: #0abce5!important;
	}
	.CardButton2
	{
	    background-color:#063d5b !important;
	}
	.ltrBody .activeDashboard{
	    border-left: 4px solid #0abce5!important;
	}
	.rtlBody .activeDashboard{
	    border-right: 4px solid #0abce5!important;
	}
	.FilterListBoxSelectedCell, 
	.FilterListBoxSelectedCell:hover{
	    background: #063d5b;
	}
	.PovPanelAsButton button{
		background:#063d5b;
		border: 1px solid #063d5b;
	}
}
/* STYLES FOR EDGE */
@supports (-ms-ime-align:auto) {
    /*.navigation_app {
         margin-top: 15px;
    }*/
}



.parentDashboard {
    color: white;
    opacity: 0.5;
    margin: -5px 30px 3px 030px;
}

.pivotGraphOptions label, .divPivotChartMeasures label {
    color: #7a7a7a;
    font-size: 1em;
    font-weight: 400;
}

.pivotGraphOptions{
	position: relative;
	top: -5px
}

.pivotGraphOptions label{
    margin-right: 15px;
}


.pivotGraphOptions .CardButton2 label{
	color: white;
	margin:0;
}

.CardButton2 label{
	cursor: pointer!important
}

.pivotGraphOptions select, .divPivotChartMeasures select {
    padding: 5px;
    border: 1px #d6d6d6 solid;
    border-radius: 10px;
}

.pivotGraphOptions select {
    margin-right: 25px;
    min-width: 150px;
}

.divPivotChartMeasures {
    padding: 15px;
    border: 1px solid #eaeaea;
    position: relative;
    z-index: 999;
    background-color: white;
    width: max-content;
    margin: 0px 240px;
    border-radius: 10px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.divPivotChartMeasures td {
    padding: 5px 10px;
    min-width: 70px;
}

.divPivotChartMeasures .CardButton2 {
    line-height: normal;
    margin: 5px 8px;
}


/* STYLES TO HIDE TOPBAR IN EMBEDDED SITE */

.embedded .navbar{
	display: none
}

.embedded .navigation_app{
	top: 0;
}

.embedded #DivContainerWrapper {
    height: calc(100vh - 41px);
    top: 40px;
    left: 7px;
}

.navbar-toggle {
    margin-right: 5px;
}

.tdjqslider{
	padding:0 8px;
}

.jqslider{
	min-width: 100px;
    margin-top: 5px;
}

.ui-slider .ui-state-default{
	background:var(--skyblue-color)!important;
    border-radius: 10px!important;
    transition: all 0.1s ease;
}

.ui-slider .ui-state-default:active{
	background:var(--darkblue-color)!important;
}

.jqsliderinput {
    width: 35px;
    text-align: center;
    padding: 6px 0px;
}

.jqsliderinput::-webkit-outer-spin-button,
.jqsliderinput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.rtlBody .jqsliderinput{
	margin: 0 10px 0 5px
}

.ltrBody .jqsliderinput{
	margin: 0 5px 0 10px
}

.jqscale {
    width: 100%;
    margin-top: 4px;
    /*border-top: 1px solid #404040;*/
    position: relative;
}

.jqscale li span {
    position: relative;
}

.jqscale ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
}
.jqscale li {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    word-wrap: break-word;
    line-height: 20px;
}

.jqscale li:before {
    width: 1px;
    height: 5px;
    background: #c5c5c5;
    display: block;
    content: "";
}

.jqscale li:last-child:after {
    width: 1px;
    height: 5px;
    background: #c5c5c5;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
}

span.lastValue {
    position: absolute;
    top: 5px;
    line-height: 20px;
}

.iconBookmark, .iconBookmark2 {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 8px;
    cursor: pointer;
    display: none;
}

.ltrBody .deleteBookmark, .ltrBody .saveBookmark{
	right: 0
}

.ltrBody .editBookmark, .ltrBody .cancelBookmark{
	right: 25px
}

.rtlBody .deleteBookmark, .rtlBody .saveBookmark{
	left: 0
}

.rtlBody .editBookmark, .rtlBody .cancelBookmark{
	left: 25px
}

.li-bookmark:hover > .iconBookmark {
    display: block;
}
.editing > .iconBookmark {
	display: none!important;
}
.editing > .iconBookmark2 {
    display: block;
}
.editing > input{
	display: block;
}
.bookmark-input {
    background: rgba(255,255,255,0.1);
    border: none;
    position: absolute;
    width: calc(100% - 80px);
    top: 9px;
    z-index: 999;
    display: none;
    color: white;
}
.ltrBody .bookmark-input{
    right: 50px;
}
.rtlBody .bookmark-input{
    left: 50px;
}

.designer_icon{
	display: none
}

.container_submenu {
    position: relative;
    top: -35px
}

.hiddenElement{
	display: none!important;
}

.ltrBody .removeSidePad{
	padding-left: 0;
}

.rtlBody .removeSidePad{
	padding-right: 0;
}


span.navigationTitles input:first-child, span.navigationTitles input:last-child {
    background-repeat: no-repeat;
    background-color: transparent;
    width: 28px;
    border: none;
}

.ltrBody span.navigationTitles input:first-child, .ltrBody span.navigationTitles input:last-child {
    margin: 1px 10px -10px 0px;
}

.rtlBody span.navigationTitles input:first-child, .rtlBody span.navigationTitles input:last-child {
    margin: 1px 10px -10px 0px;
}

.ltrBody span.navigationTitles input:first-child {
    margin-left: 15px;
}

.rtlBody span.navigationTitles input:last-child {
    margin-right: 15px;
}

span.navigationTitles #letter-order-icon.order-ascending {
    background-image: url(../Images/letter_ascending_white.svg);
}

span.navigationTitles #letter-order-icon.order-descending {
    background-image: url(../Images/letter_descending_white.svg);
}

span.navigationTitles #calendar-order-icon.order-ascending {
    background-image: url(../Images/calendar_ascending_white.svg);
}

span.navigationTitles #calendar-order-icon.order-descending {
    background-image: url(../Images/calendar_descending_white.svg);
}
#clipboard_designer, #clipboard_hidden{
	position: fixed;
	top: -100vh;
	left: -100vh;
	opacity: 0
}

/*Modal resizable fix*/
.modal-body {
    height: calc(100% - 40px)!important;
}
.modal_element .modal-body {
    padding: 0;
}
.modal-content {
    overflow: hidden;
}




@media all and (-ms-high-contrast: none) {

    .filterListContainer {
        max-height: 360px;
    }
}

.dateInputNew
{
    border: 1px #d6d6d6 solid;
    border-radius: 10px;
    background: white;
    padding: 0 10px;
    min-height: 29px;
}


.dx-calendar-body {
    padding-top: 5px;
    background: white;
    border: 1px #d6d6d6 solid;
    min-height: 225px;
}

.dx-calendar {
    background-color: transparent
}

.dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button 
{
    background: none;
    margin: 0 5px;
}

.dx-calendar.dx-calendar-with-footer .dx-calendar-footer 
{
    height: 32px
}

.dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button:hover 
{
    background: var(--darkblue-color);
    color: white;
}

.dx-button:hover i, .dx-button:hover span {
    color: white !important;
    font-weight: 400;
}

.inputTextV10 {
    width: 90%;
    padding: 5px;
    margin: 5px;
    border: 1px #d6d6d6 solid;
    border-radius: 10px;
}

.modal_new_pages p{
    margin-top: 6px
}

.modal_new_pages .col-xs-4 {
    margin-bottom: 10px;
}

.ltrBody .add_btns button{
    float: right;
    margin-left: 10px
}

.rtlBody .add_btns button{
    float: left;
    margin-right: 10px
}

.add_btns .btn-secondary{
    padding: 5px 10px;
    height: auto;
    font-size: 1em;
    width: auto;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
    border: 0px;
}

.txtColor{
	width: calc(100% - 40px);
	float: left;
}

.rtlBody .txtColor{
	float: right;
}

.inputColor{
    padding: 0rem 0.12rem;
    font-size: 1rem;
    width: 28px;
    margin: 4px 0 0 3px;
    height: 26px;
    float: right;
    display: block;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border-radius: 0.25rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.rtlBody .inputColor{
	float: left;
}

.modal_new_pages .form-control, .modal_edit_frame .form-control{
    height:28px;
    padding: 2px 4px;
    line-height: 1.428571429;
    color: #444444;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    outline:none!important;
    border-radius: 10px;
    margin: 5px 0 ;
}

input[type=checkbox].checkmark {
    height: 20px;
    width: 20px;
    border-radius: 5px;
    background-image: url(../Images/designer/unchecked.svg)!important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border:none!important;
    cursor: pointer;
}

input[type=checkbox].checkmark:checked {
    background-image: url(../Images/designer/checked.svg)!important;
}

.modal_new_pages .add_btns .btn-primary {
    color: #fff;
    background-color: #0abce5!important;
    border-color: #0abce5;
    border: 1px solid #0abce5;
    padding: 3px 12px;
    border-radius: 4px;
    font-size: 16px;
    height:32px;
}

.modal_new_pages .add_btns .btn-secondary {
    color: #fff;
    background-color: #6c757d !important;
    border: 1px solid #6c757d !important;
    padding: 3px 12px;
    border-radius: 4px;
    font-size: 16px;
    height: 32px;
}

.edit_frame_container p, .modal_new_pages p {
    color: #212529;
    font-size: 16px;
}

.rtlBody .removePadding{
	padding-left:0;
}

.ltrBody .removePadding{
	padding-right:0;
}

.modal-title {
    line-height: 1;
}

.modal-header {
    min-height: 41px;
    padding: 11px;
}


.tippy-box[data-theme~='tomato'] {
    background-color: transparent;
    color: yellow;
}

@media print {
    @page {
        size: landscape
    }
}

#FoldersContainer div#treeViewContainer {
    width: 100%!important;
}

.ltrBody #aside_menu_folders.make_first {
    float: left;
    margin-left: 0 !important;
    margin-right: 9px !important;
}

.rtlBody #aside_menu_folders.make_first {
    float: right;
    margin-left: 9px !important;
    margin-right: 0px !important;
}

#FoldersContainer .dx-treeview-item {
    padding: 8px 6px 8px 10px;
    min-height: 37px;
    position: relative;
    z-index: 999;
}

.ltrBody #FoldersContainer .dx-treeview-node {
    padding-left: 20px;
}

.rtlBody #FoldersContainer .dx-treeview-node {
    padding-right: 20px;
}

#FoldersContainer .dx-treeview-toggle-item-visibility{
	left: 0;
}

#FoldersContainer .dx-treeview-toggle-item-visibility:before{
	margin-top: -9px;
    margin-left: -3px;
    left: 8px;
}

#FoldersContainer .active-folder .dx-treeview-toggle-item-visibility:before{
	margin-top: -11px;
	margin-left: -6px;
}

#FoldersContainer .dx-state-focused .dx-treeview-item{
	background: transparent;
}

.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before{
	color: white;
}

.active-folder > .dx-treeview-toggle-item-visibility {
    background: #414d5a!important;
    display: block!important;
    width: 100%;
    height: 37px;
    position: absolute;
    left: 0;
}

.ltrBody .active-folder > .dx-treeview-toggle-item-visibility {
    border-left: 4px solid var(--skyblue-color)!important;
}

.rtlBody .active-folder > .dx-treeview-toggle-item-visibility {
    border-left: 4px solid var(--skyblue-color)!important;
    margin-right: 4px;
}

.rtlBody .dx-treeview-node:not(.active-folder) > .dx-treeview-toggle-item-visibility {
    margin-right: 4px;
}

.rtlBody .active-folder{

}

.active-folderdx-treeview-node-container-opened .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened{
	/*background: #212c34!important;
	border-left: none!important;*/
}

.dx-treeview-toggle-item-visibility:before{
	/*display: none;*/
	color: white;

}

.foldersUl li a {
	background-image: url('../images/folder.svg')!important;
   	background-position: 5px!important;
}

.fieldsList {
    padding: 5px;
    list-style: none;
    height: 330px;
    min-height: 200px;
    overflow-y: scroll;
    border:1px solid #ddd;
    width: calc(50% - 15px);
    float:  left;
    margin-top: 15px;
}

.fieldsList li input{
	display: none;
}

#ulTableFields{
	margin-right: 15px;
}

#ulTableFieldsSelected{
	margin-left: 15px;
}

.fieldsList .ui-sortable-handle:hover{
    cursor: grab;
}

.fieldsList .ui-sortable-helper{
    cursor: grabbing!important;
}

.fieldsList li{
    border: 1px solid #dddddd;
    border-radius: 5px;
    margin: 5px 0 5px 5px;
    padding: 5px 8px;
    color: #657384;
    line-height: 1.2em;
    background: white;
}

.rtlBody .fieldsList li {
    text-align: right;
}

.fieldsList .ui-sortable-placeholder.ui-state-highlight{
    border: 1px dashed #dddddd!important;
    min-height: 27.2px
}


/*********Container  Start*************/

.pov-containerBuilder .pov-container-rows, .pov-containerBuilder .pov-container-cells {
    display: grid;
    height: 100%;
}

.pov-containerBuilder .pov-container-cell, .pov-containerBuilder .pov-container-row,
.pov-containerBuilder .pov-container-cells, .pov-containerBuilder  {
    overflow: hidden; 
}
.pov-container-rows
{
    overflow-x:hidden;
    overflow-y:auto;
}

.pov-containerBuilder .containerFrames {
    overflow: auto;
    height: 100%;
}

.pov-containerBuilder.previewMode .pov-container-row {
    background-color: yellow;
}

.pov-containerBuilder.previewMode .pov-container-cell {
    background-color: coral;
}

.pov-containerBuilder.previewMode .containerFrame {
    background-color: violet;
}

.pov-containerBuilder.previewMode .pov-container-cell,
.pov-containerBuilder.previewMode .containerFrame {
    border: 1px solid black;
}

/*********Container  Start*************/


/*Edit frame styles start - 10.1.2 - moved from designer_clicked.css to allow edit frame in runtime */
.edit_frame_container p, .modal_new_pages p {
    margin-top: 6px
}

.edit_frame_container .col-xs-4, .modal_new_pages .col-xs-4 {
    margin-bottom: 10px;
}

.edit_sizes input, .edit_sizes select, .edit_sizes p {
    float: left;
}

.edit_sizes input {
    width: 25%;
    padding: 6px;
    text-align: center;
}

.edit_sizes select {
    width: 20%;
}

.edit_sizes p {
    width: 10%;
    text-align: center;
}

.edit_frame_container input[type=checkbox] {
    margin: 8px 0 0;
}

.edit_frame_container label {
    font-weight: 400 !important;
}
/*Edit frame styles finish*/