@charset "utf-8";
/* Fonts */
@font-face{
	font-family:MainFont;
	src:url("../Webfonts/Outfit-Regular.ttf");
}
@font-face{
	font-family:MainFontBlack;
	src:url("../Webfonts/Outfit-Black.ttf");
}
@font-face{
	font-family:MainFontBold;
	src:url("../Webfonts/Outfit-ExtraBold.ttf");
}
@font-face{
	font-family:MainFontMedium;
	src:url("../Webfonts/Outfit-Medium.ttf");
}
@font-face{
	font-family:MyriadWeb;
	src:url("../Webfonts/MyriadWeb.TTF");
}
@font-face{
	font-family: Aller;
	src:url("../Webfonts/aller.ttf");
}
/*Main Scheme*/
* {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	line-height:1.7
}
body{
	font-family:MainFont;
	color:var(--MainTextColor)
}
/*Headings & Links*/
a {
	text-decoration: none;
	transition: ease all 0.3s;
	color:var(--MainColor);
}
a:hover{
	color:var(--HLColor1);
}
:where(h1,h2,h3,h4,h5,h6){
	color:var(--MainColor);
	font-family:MainFontBold;
}
p{
	text-align:left;
	margin:10px 8px;
    line-height:1.7
}
header{
	position:relative;
	z-index:2;
	text-align: center;
}
section{
	
}
address{
	font-style: normal;
}
form > label{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
}
/*REWC*/
#adver{
	color:#ff4b48;
	font-size: 14pt;
	font-weight: bold;
}
#login{
	width: 300px;
	min-height: 450px;
	margin: 100px auto;
	padding-top:10px;
	border: 1px solid #999;
	border-radius: 6px;
	text-align: center; 
}
#login img{
	max-width:230px;
	margin:10px auto;
}
#login p{
	text-align: center;
	padding-top: 20px;
}
.AdverMessage{
	height: 60px;
}
.iMessage{
	width: 70%;
	display: inline-block;
	text-align:left;
}
.ResaltedSection{
	padding: 20px 0 10px 0;
	background-color: #F9F9F9;
	border: 1px solid #B6B6B6;
	border-radius: 4px;
}
.FunctionsList{
	list-style:none;
}
.FunctionsList li{
	width:100%;
	height:38px;
	margin:2px 5px;
	display:block;
}
.FunctionsList li a{
	color:#222;
}
.FunctionsList li a:hover{
		color:dimgrey;
}
.FunctionButtonLeft{
	width:38px;
	height:38px;
	background:#FF4B48;
	border-top-left-radius:4px;
	border-bottom-left-radius: 4px;
	display:inline-block;
}
.FunctionButtonLeft button{
	background:none;
	border:none;
	width:100%;
	padding-top:7px;
	cursor:pointer;
}
.FunctionButtonLeft button i{
	color:white;
}
.DataList{
	width:80%;
	height:38px;
	padding:10px 0 0 5px;
	display:inline-block;
	background:#E9E9E9;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	vertical-align: top;
	margin-left:-3px
}
.DataList:hover{
	background:#CACACA;
}
.FunctionsList a{
	padding:7px 0;
}
.ItemList{
	width:100%;
	height:38px;
	border-radius:4px;
	background:#288DC1;
	padding-top:8px;
}
.ItemListItem{
	width:100%;
	min-height:40px;
	margin:1px 0;
	border-radius:4px;
	background:#E9E9E9;
	vertical-align:top;
}
.ItemList > div{
	color:white;
	font-weight:bold;
}
.ItemNro{
	min-width:5%;
	display:inline-block;
}
.ItemName{
	min-width:20%;
	display:inline-block;
}
.ItemNameLong{
	min-width:25%;
	max-width:25%;
	display:inline-block;
}
.ItemAuthor{
	min-width:20%;
	display:inline-block;
}
.ItemEmail{
	min-width:25%;
	display:inline-block;
}
.ItemSummary{
	min-width:40%;
	display:inline-block;
	text-align:left;
}
.ItemCreaddate{
	min-width:20%;
	display:inline-block;
}
.ItemCateg{
	min-width:20%;
	display:inline-block;
}
.ItemContents{
	min-width:10%;
	display:inline-block
}
.ItemLevel{
	min-width:15%;
	display:inline-block;
}
.ItemFunc{
	height:38px;
	min-width:15%;
	display:inline-block;
}
#ItemFunctions{
	display:flex;
	align-items:center;
}
.ItemFunctions{
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.FuncButtonRed{
	display:flex;
	justify-content:center;
	align-items:center;
	width:35px;
	height:35px;
	margin:2px;
	background:#FF4B48;
	border:none;
	border-radius:4px;
	cursor: pointer;
	color:white
}
.FuncButtonBlue{
	display:flex;
	justify-content:center;
	align-items:center;
	width:35px;
	height:35px;
	margin:2px;
	background:#5F96D7;
	border:none;
	border-radius:4px;
	cursor: pointer;
}
.FuncButtonGreen{
	display:flex;
	justify-content:center;
	align-items:center;
	width:35px;
	height:35px;
	margin:2px;
	background:#90D676;
	border:none;
	border-radius:4px;
	cursor: pointer;
}
.FuncButtonBlue > i,.FuncButtonRed > i,.FuncButtonGreen > i{
	color:white
}
.FuncButtonBlue:disabled,.FuncButtonRed:disabled,.FuncButtonGreen:disabled{
	background:grey;
	cursor:not-allowed;
}
.FuncButtonNoBG{
	display:flex;
	justify-content:center;
	align-items:center;
	width:35px;
	height:35px;
	margin:2px;
	background:none;
	border:none;
	border-radius:4px;
	cursor: pointer;
}
.FuncButtonRedBig{
	background-color: #ff4b48;
	border: none;
	border-radius: 4px;
	color:white;
	padding: 8px 18px;
	font-size: 14pt;
	margin: 4px 2px;
	cursor:pointer;
}
.SimpleButton{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:10px 14px;
	background-color:none;
	width:180px;
	margin:10px auto;
}
.SimpleButton a{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	width:100%;
	color:#707070;
	font-weight:bold;
}
.SimpleButton a:hover{
	color:#535252;
}
.EditBlogImg{
	width:450px;
	height:150px;
	border-radius:6px;
	text-align:center;
	padding:15px 0 50px;
	margin:0 auto;
}
.FuncButtonRedBig:hover{
	background-color: #ff6f6c;
}
.EditBlogImg button{
	display:none;
}
.EditBlogImg:hover .FuncButtonRedBig{
	display: inline-block;
}
/*Form Elements*/
.InputL{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 90%;
	height: 35px;
	padding: 5px;
	margin: 4px;
	border:none;
	border-bottom: 1px solid #9F9F9F;
	font-family:Aller;
}
.InputR{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 90%;
	height: 35px;
	padding: 5px;
	margin: 4px;
	border: 1px solid #9F9F9F;
	border-radius: 4px;
}
.InputR:disabled,.InputRS:disabled,.TextAreaR:disabled,.TextAreaRL:disabled{
	background-color:#cccccc;
}
.InputRH{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width:40%;
	height: 35px;
	padding: 5px;
	margin: 4px;
	border: 1px solid #9F9F9F;
	border-radius: 4px;
}
.InputRS{
	width: 90%;
	height: 35px;
	padding: 5px;
	margin: 4px;
	border: 1px solid #9F9F9F;
	border-radius: 4px;
}
.InputRCR{
	width:35px;
	height:35px;
	margin:4px;
	border-radius:4px;
}
.TextAreaR{
	width:90%;
	height: 160px;
	padding: 5px;
	margin: 4px;
	border: 1px solid #9F9F9F;
	border-radius: 4px;
	font-family: MyriadWeb;
}
.PropsList{
	height:400px;
	padding:0 3px 30px 5px;
	overflow:hidden auto;
}
.PropItem{
	display:inline-block;
	width:230px;
	height:35px;
	margin:5px 0
}
.PropItem input{
	display:none
}
.PropItem label{
	color:#707070
}
.PropItem input[type="checkbox"]:checked + label{
	color:var(--MainColor)
}
.TextAreaRL{
	width:90%;
	height: 80px;
	padding: 5px;
	margin: 4px;
	border: 1px solid #9F9F9F;
	border-radius: 4px;
	font-family: MyriadWeb;
}
.SaveDataG{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #65d870;
	border: none;
	border-radius: 4px;
	color:white;
	padding: 8px 18px;
	font-size: 14pt;
	margin: 4px 2px;
	cursor:pointer;
	transition:ease all 0.3s;
}
.SaveDataG:hover{
	background-color: #7EEB89;
}
.SaveDataB{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #5F96D7;
	border: none;
	border-radius: 4px;
	color:white;
	padding: 8px 18px;
	font-size: 14pt;
	margin: 4px 2px;
	cursor:pointer;
	transition:ease all 0.3s;
}
.SaveDataB:hover{
	background-color: #7DACDF;
}
.SaveDataG:disabled,.SaveDataB:disabled{
	background:grey;
	cursor:not-allowed;
}
.ResetDataR{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #ff4b48;
	border: none;
	border-radius: 4px;
	color:white;
	padding: 8px 18px;
	font-size: 14pt;
	margin: 4px 2px;
	cursor:pointer;
	transition:ease all 0.3s;
}
.ResetDataR:hover{
	background-color: #ff6f6c;
}
#LogOut{
	width: 30%;
	margin-left:70%;
	display: inline-block;
	color:#0F0F0F
}
#LogOut a{
	padding: 5px 7px;
	background: #D05B5D;
	border-radius: 4px;
	font-weight: bold;
	color:white
}
#LogOut a:hover{
	background:#EF3134;
}
/*Structure*/
.container{
	width: 100%;
	margin:0 auto;
	text-align: center;
}
.containerREWC{
	width: 100%;
	padding:30px 0;
	margin:0 auto;
	text-align: center;
	border-bottom:1px solid #999
}
.containerREWC > h2{
	margin:0 auto 30px auto
}
.containerREWC > a{
	color:#7C7C7C;
}
.containerREWC > a:hover{
	color:#3596d9;
}
.containerREWC > form{
	text-align:left;
}
.containerREWC > form > .BlockHalf{
	text-align:left;
}
.Block{
	width:290px;
	min-height:290px;
	vertical-align:top;
	text-align:center;
	display:inline-block;
}
.BlockMini{
	width:290px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
.BlockStretch{
	width:100%;
	vertical-align:top;
	text-align:center;
}
.BlockThird{
	width:100%;
	min-height:230px;
	vertical-align:top;
	text-align:center;
}
.BlockSingle{
	vertical-align:top;
	text-align:center
}
.BlockDouble{
	vertical-align:top;
	text-align:center;
}
.BlockHalf{
	width:290px;
	min-width: 290px;
	display:block;
	vertical-align:top;
	margin:0 auto
}
.BlockSquare{
	width:290px;
	min-width: 290px;
	vertical-align:top;
	margin:0 auto
}
.BlockLeft{
	width:45%;
	display:inline-block
}
.BlockRight{
	width:55%;
	display:inline-block
}
.BlockRows{
	margin:20px auto 10px auto;
	display:flex;
	flex-direction:row;
	align-content:flex-end;
	flex-wrap: wrap;
	justify-content:space-between;
}
.BlockDef{
    width:90%;
    vertical-align:top;
    margin:0 auto
}
/*Universal Structure*/
#topbar{
	vertical-align:bottom;
	height:50px;
	padding-top: 3px;
}
#topbar i{
	margin: 0;
}
.recom{
	text-align: left;
	font-size: 9pt;
	color:#999;
	line-height:1.7
}
.error{
	color:#ff4b48;
	font-size: 14pt;
	font-weight: bold;
}
.division{
	width:95%;
	height: 10px;
	margin: 5px auto;
	border-bottom: 1px solid #ADADAD;
}

.jqte_editor ul,ol{
	padding-left:25px;
	text-align:left;
}
/*BLOG TEXT Formats*/
.jqte_editor a{
	color:var(--LightColor);
}
.jqte_editor a:hover{
	color:var(--HightLight);
}
.jqte_editor > img{
    min-width:290px;
    max-width:290px;
    margin:5px;
    border-radius:6px
}
.jqte_editor > h1,.jqte_editor > h2,.jqte_editor > h3,.jqte_editor > h4,.jqte_editor > h5,.jqte_editor > h6{
    margin:20px 10px;
    font-weight:bold;
	text-align:left;
}
.jqte_editor > h2,.jqte_editor > h3{
    color:var(--MainColor)
}
.jqte_editor > h3,.jqte_editor > h4,.jqte_editor > h5,.jqte_editor > h6{
	color:var(--DarkColor)
}
.jqte_editor > p{
    line-height:1.7
}
.jqte_editor > ul{
    display:table;
	padding-left:25px;
}
.jqte_editor > ul li{
    display:table-row;
    line-height:1.7;
    margin-bottom:10px;;
    text-align:left
}
.jqte_editor > ul li::before{
    display:table-cell;
    content:"\2022";
    color:var(--HLColor1);
    font-weight: bold;
    width: 1em;
    text-align:left
}
.jqte_editor > ol{
    display:table;
    counter-reset:item
}
.jqte_editor > ol li{
    display:table-row;
    line-height:1.7;
    margin-bottom:10px;;
    text-align:left
}
.jqte_editor > ol li::before{
    display:table-cell;
    content:counter(item) ". ";
    counter-increment: item;
    color:var(--HLColor1);
    font-weight: bold;
    width: 1em;
    text-align:left
}
.ScrolltoTop{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center;
	font-weight: bold;
	position:fixed;
	bottom:30px;
	right:-10px;
	display:none;
    z-index:10
}
.photobg{
	text-align: center;
	vertical-align: top;
	background-position:center center;
	background-repeat: no-repeat;
  	background-size:cover
}

#FooterLeft,#FooterRight{
	vertical-align:top;
	text-align:center;
	margin:0 auto
}
#map{
	margin: 0 auto;
	padding:10px 0;
}
#map iframe{
	width:100%;
	height: 270px;
	border-radius:6px;
}
.serp-preview {
    width:600px;
	height:150px;
	background-color:white;
	padding:15px 30px;
	margin:10px 0;
	display:inline-block;
	vertical-align:top;
	background-image:url(../Images/serp-bg.jpg);
	background-repeat: no-repeat;
	background-position:center 90px;
}
.serp-arrow{
      border-bottom-color: rgb(0, 102, 33);
      border-bottom-style: solid;
      border-bottom-width: 0px;
      border-left-color: rgba(0, 0, 0, 0);
      border-left-style: solid;
      border-left-width: 4px;
      border-right-color: rgba(0, 0, 0, 0);
      border-right-style: solid;
      border-right-width: 4px;
      border-top-color: rgb(0, 102, 33);
      border-top-style: solid;
      border-top-width: 5px;
      color: rgb(128, 128, 128);
      cursor: default;
      font-family: arial, sans-serif;
      font-size: 11px;
      font-weight: bold;
      height: 0px;
      position: absolute;
      line-height: 27px;
      margin-left: 3px;
      margin-top: 6px;
      text-align: center;
      user-select: none;
      visibility: visible;
      white-space: nowrap;
      width: 0px;
    }
#serp-title{
      color: rgb(26, 13, 171);
      cursor: pointer;
      font-family: arial, sans-serif;
      font-size: 18px;
      font-weight: normal;
      line-height: 21.6px;
      text-align: left;
      text-decoration: none;
      visibility: visible;
      white-space: nowrap;
    }
#serp-title:hover{
	text-decoration:underline;
}
#serp-url{
      color: rgb(0, 102, 33);
      font-family: arial, sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: normal;
      line-height: 16px;
      text-align: left;
      visibility: visible;
      white-space: nowrap;
}
#serp-description{
      color: rgb(84, 84, 84);
      font-family: arial, sans-serif;
      font-size: 13px;
      font-weight: normal;
      line-height: 18.2px;
      text-align: left;
      visibility: visible;
      word-wrap: break-word;
}
.ogp-image{
	width:100px;
	height:100px;
	vertical-align:top;
	text-align:center;
	margin:10px 10px 0 15px;
	display:inline-block;
	overflow:hidden;
	border-radius:6px;
}
.ogp-image img{
	width:100px;
	border-radius:6px;
	transition:all 0.6s ease;
}
.ogp-image img:hover{
	transform:scale(1.07);
}
div[class*='reorder_']{
    width:116px;
    height:35px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:7px 10px 7px auto;
	background:#5087D1;
	color:white !important;
	border-radius:6px;
    text-align:center;
    cursor:pointer;
	transition:ease all 0.3s;
}
div[class*='reorder_']:hover{
	background:#6E9BD9;
}
div[id*='ReorderHelper_']{
	margin:10px;
	padding:10px;
	background:#D3D3D3;
	color:rgb(30, 30, 30);
	text-align:left;
	font-size:0.9em;
}
/*Notifications*/
.Overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.7);
}
.ModalNot{
    width:400px;
    min-height:200px;
    position: fixed;
    top: 50%; 
    left: 50%;
	padding:15px;
	margin-top: -100px;
    margin-left: -200px;
    background-color:white;
    border-radius:6px;
    text-align:center;
    z-index: 11;
}
.ModalNot > i{
	animation:bounceIn .3s;
	animation-delay:.2s;
	font-size:65px;
	color:#64d470;
	margin:-24px auto 0
}
.Notif{
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #BBBBBB;
	font-size:17px;
	font-weight:bold;
	color:#4C4C4C;
	line-height:20pt
}
#TabBar{
	margin-bottom:10px;
	text-align:left;
	border-bottom:1px solid rgba(177,177,177,1.00);
}
#TabBar a{
	display:inline-block;
	padding:5px 10px;
	margin-bottom:-1px;
	background-color:white;
	border-left:1px solid rgba(177,177,177,1.00);
	border-top:1px solid rgba(177,177,177,1.00);
	border-right:1px solid rgba(177,177,177,1.00);
	cursor:pointer
}
#BlogCategories{
    display:flex;
    flex-direction:row
}
#BlogCategories > a{
    padding:5px 7px;
    background-color:#5F96D7;
    color:white;
    border-radius:4px
}
#BlogCategories > a:hover{
    background-color:#7DACDF;
}
.BCActive{
    background-color:#2961A4 !important
}
#BlogCategories > div,#BlogCategories > a{
    margin:5px 6px
}
#LastList{
	border-bottom: 1px solid #D0D0D0
}
.TableHeader{
	display:flex;
	flex-direction:row;
	background-color:#ebebeb;
	border:1px solid #D0D0D0
}
.TableRow{
	display:flex;
	flex-direction:row;
	background-color:white;
	border-left:1px solid #D0D0D0;
	border-right:1px solid #D0D0D0;
	transition:ease all .3s
}
.TableRow:nth-child(odd){
    background-color:#F8F8F8
}
.TableRow:hover{
	background-color:#ebebeb
}
.TCell{
	display:inline-block;
	margin:10px auto;
	font-weight:bold
}
.TData{
	display:inline-block;
	margin:10px auto;
}
.TDataFunc{
    display:inline-block;
	margin:0 auto;
}
.TData > a{
	color:var(--MainColor);
	transition:ease all .3s
}
.TData > a:hover{
	color:var(--MainMidColor)
}
.SectionREWCTitle h2{
	display:inline-block;
	width:95%;
}
.SectionREWCTitle button i{
	color:white
}
.RadiosGroup{
	display:inline-block;
	margin:7px 5px;
}
.StatsTours{
	text-align:left;
	width:90%;
	margin:10px auto;
	padding:10px;
	background-color:#ECECEC;
	border-radius:6px
}
.CatStats{
	height:28px;
	border-top:1px solid #DDDDDD
}
.CatName{
	display:inline-block;
	width:80%;
	padding-left: 10px
}
.CatNumbers{
	display:inline-block;
	width:20%;
	font-weight:bold;
	text-align:center
}
#TourSearchForm input{
	border-bottom-right-radius:0;
	border-top-right-radius:0;
	border-right:0;
	margin-right:0;
	margin-top:0;
}
#TourSearchForm button{
	margin:0 0 0 -5px;
	width:40px;
	height:35px;
	border-bottom-right-radius:4px;
	border-top-right-radius:4px;
	background-color:#5F96D7;
	color:white;
	border:1px solid #9F9F9F;
	transition:ease all 0.3s
}
#TourSearchForm button:hover{
	background-color:#86AFE0;	
}
.SectionDef{
	padding:40px 0;
}
.SectionDef > h2{
	font-size:45px;
	margin-bottom:20px;
	text-transform: uppercase;
}
#Pagination{
	margin:20px auto;
}
#Pagination ul{
	list-style: none;
}
#Pagination ul li{
	width:40px;
	height:40px;
	display:inline-block;
	margin:5px 3px;
	border-radius:6px;
	background-color:#1B75BB;
}
#Pagination ul li a{
	display:flex;
	justify-content:center;
	align-items:center;
	width:40px;
	height:40px;
	color:white;
}
.PageActive{
	font-weight:bolder;
	background-color: #4898d7 !important;
}
div[class*='SOType']{
	height:20px;
	max-width:70px;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 5px;
	font-size:12px;
	font-weight:bold;
	border-radius:4px;
}
.SOType1{
	border:1px solid #64d470;
	background-color: #d8ebd6;
	color:#529d6e;
}
.SOType2{
	border:1px solid #f1d277;
	background-color: #e9dbb1;
	color:#d0a205;
}
.SOType3{
	border:1px solid #77baf1;
	background-color: #b1d2e9;
	color:#0567d0;
}
.Approve,.Deny{
	display:flex;
	justify-content:center;
	align-items:center;
	width:35px;
	height:35px;
	margin:2px;
	background:none;
	border:none;
	border-radius:50%;
	cursor: pointer;
}
.Approve > i{
	font-size:28px;
	color:#90D676;
}
.Deny > i{
	font-size:28px;
	color:#FF4B48;
}
.NameWithLabel{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.Guides{
	width:90%;
	height:200px;
	text-align:left;
	overflow-y:auto;
	overflow-x:hidden
}
#AuthorSelector{
	text-align:left;
}
.Authors{
	height:200px;
	text-align:left;
	overflow-y:auto;
	overflow-x:hidden
}
.AuthorCard{
	display:inline-block;
	width:220px;
	height:50px;
}
.AuthorCard > div{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	border:1px solid #afafaf;
	margin:5px 3px;
	padding:3px 5px;
}
.AuthorCard > div > img{
	width:30px;
	margin:5px 7px;
}
.AuthorCard > div input{
	display:none;
}
.AuthorCard > div label{
	color:#707070;
	width:100%;
	cursor: pointer;
}
.AuthorCard > div input[type="checkbox"]:checked + label{
	color:var(--MainColor)
}
.GuideCard{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	width:90%;
	border:1px solid #afafaf;
	margin:3px 0;
	padding:3px 10px;
}
.GuideCard > img{
	width:30px;
	margin:5px 7px;
}
.GuideCard input{
	display:none;
}
.GuideCard label{
	color:#707070;
	width:100%;
	cursor: pointer;
}
.GuideCard input[type="checkbox"]:checked + label{
	color:var(--MainColor)
}
.BlogGalleryBar{
	border-left:1px solid #b1b1b1;
	text-align: center;
	padding-bottom:30px
}
.BlogGalleryItemsBar{
	list-style:none;
	max-height:900px;
	overflow-y: scroll;
}
.BlogGalleryItemsBar li{
	width:100%;
	min-height:210px;
	margin:20px auto;
	border: 3px solid var(--MainColor);
	overflow:hidden;
}
.BlogGalleryItemsBar li img{
	width:100%;
	cursor:pointer;
}
#BlogImagePrevFunc{
	width:100%;
}
#BlogImagePrevFunc > img{
	width:100%;
}
.BlogImageFunctions{
	width:100%;
	margin:3px 0;
	display:flex;
	flex-direction:row;
	justify-content: flex-end;
}
.Verified{
	color:var(--HLColor1) !important;
}
mark{
	padding: 2px;
    border-radius: 4px;
    background-color: tomato;
    color: #ffffe1;
}
#SexChoose{
	width:100%;
	display:flex;
	justify-content:space-around;
}
#SexChoose > label{
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin:10px 0;
}
.cell-row > .RevStar{
	font-size:0.8rem;
}
.ReportItem{
	background-color:#ebebeb;
	text-align:left;
	margin:10px 0;
	padding:10px 20px;
}
.ReportHeader{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-bottom:1px solid var(--DarkColor);
}
.Report{
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	justify-content:flex-start;
}
.Report > div{
	text-align:left;
	padding:10px 20px 10px 0;
}
.DetailLink{
	display:flex;
	justify-content:center;
}
.StatusTag{
	padding:1px 15px;
	border-radius:4px;
	font-weight:bold;
}
.TagGreen{
	background-color:var(--HLColor3);
	color:#f4fef8;
}
.TagRed{
	background-color:var(--ErrorColor);
	color:#f4e8e8;
}
.BranchImgCreator > img{
	width:100%;
}
/*STATS*/
#ChartInscriptions > canvas{
	width:100%;
	height:350px;
	margin:10px 0 20px;
}
#MainNumbers{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.SystemNumbers{
	width:290px;
	color:white;
	padding:0 5px 10px;
	& h3{
		display:flex;
		justify-content:space-between;
		align-items:center;
		color:white;
		margin:20px 5px;
	}
	& ul{
		list-style:none;
	}
	& ul li{
		display:flex;
		justify-content:space-between;
		margin:0 10px 10px 10px;
	}
	& ul li:last-child{
		font-weight: bold;
	}
}
#UserStats{
	background-color:#4DAF7B;
}
#BusinessStats{
	background-color:#0B4D8A;
}
#ReviewStats{
	background-color:#24C2EC;
}
.CategoryStats{
	display:flex;
	justify-content:space-between;
	align-items:top;
	gap:5px;
	margin:20px 5px;
	& h4{
		width:160px;
		text-align:left;
	}
	& .CountStats{
		width:830px;
		display:flex;
		justify-content:flex-start;
		gap:3px;
		& div{
			display:flex;
			flex-direction:column;
			justify-content:space-between;
			align-items:center;
			background-color:var(--MainColor);
			color:white;
			width:100px;
			min-height:92px;
			padding:5px 3px 10px 3px;
			& span:first-child{
				font-size:0.6rem;
			}
			& span:first-child a{
				color:var(--HLColor1);
				&:hover{
					color:white
				}
			}
			& span:last-child{
				font-weight:bold;
			}
		}
	}
}
/*Tablet*/
@media (min-width: 600px){
	.container{
		width: 600px
	}
	.containerREWC{
		width:600px
	}
	.Block{
		width:290px;
	}
	.BlockStretch{
		width:50%;
		display:inline-block;
	}
	.BlockHalf{
		min-width:50%;
		width:50%;
		display: inline-block;
	}
	.BlockSquare{
		width:100%;
	}
	.BlockSingle{
		text-align:center;
	}
	.BlockDouble{
		text-align:center;
	}
	.BlockDoubleH{
		width: 290px;
	}
	.BlockLeft{
		width:50%
	}
	.BlockRight{
		width:50%
	}
	.BlockLeftThumb{
		display:inline-block;
		width:30%;
		text-align:center;
		vertical-align:top
	}
	.BlockRightPara{
		display:inline-block;
		width:70%;
		text-align:left;
		vertical-align:top
	}
    .BlockDef{
        width:100%;
    }
	#FooterLeft{
        display:inline-block;
        width:50%;
		text-align:left
	}
	#FooterRight{
        display:inline-block;
        width:50%;
		text-align:right
	}
    #DevBy{
        margin-top:72px
    }
	.button05{
		width:40%
	}
	.photobg{
		
	}
}
/*PC*/
@media (min-width: 900px){
	.photobg{
		
	}
	.container{
		width: 990px;
		text-align: center;
	}
	.containerREWC{
		width: 990px;
		text-align: center
	}
	.BlockSquare{
		display:inline-block;
		width:50%
	}
	.BlockStretch{
		width:330px;
		display:inline-block;
	}
	.BlockThird{
		width:330px;
		display:inline-block;
	}
	.BlockSingle{
		width:290px;
		display:inline-block;
		text-align:center;
	}
	.BlockDouble{
		display:inline-block;
		width:698px
	}
	.BlockMini{
		width:240px;
	}
    .BlockDef{
        display:inline-block;
        width:50%;
    }
	.button05{
		width:98%;
	}
    #DevBy{
        margin-top:90px
    }
	#GalleryImagesEditor{
		display:flex;
	}
	.GalleryBar{
		width:117px;
		height:445px;
		margin:0;
		overflow-x: hidden;
		overflow-y:auto;
		text-align: center;
	}
	.GalleryItemsBar{
		list-style:none;
	}
	.GalleryItemsBar li img{
		width:90px;
		cursor:pointer;
	}
	.GalleryPrev{
		width:575px;
		padding:7px;
		background:rgb(218, 218, 218);
		border-radius:4px;
	}
	#QAFunctions{
		height:50px;
		display:flex;
		flex-direction:row;
		justify-content: space-between;
	}
	#ImagePrevFunc{
		width:100%;
		height:100%;
	}
	#ImagePrevFunc > img{
		width:100%;
	}
	.ImagePreview{
		display:flex;
		justify-content:center;
		align-items:center;
		width:575px;
		height:auto;
		overflow:hidden;
	}
	.ImageFunctions{
		margin:5px 0 10px 0;
		display:flex;
		flex-direction:row;
		justify-content: flex-end;
	}
	.SectionTitleREWC{
		display:flex;
		flex-direction:row;
		justify-content: space-between;
		align-items:center;
		margin-bottom:30px;
	}
	.TitleFunctions{
		display:flex;
		flex-direction:row;
	}
	.TableMain{
		border-bottom:1px solid #eae9e9;
	}
	.TableHeader{
		width:100%;
		height:45px;
		display:flex;
		align-items:center;
		background-color: #1B75BB;
	}
	.TableColumn{
		width:100%;
		height:45px;
		display:flex;
		align-items:center;
	}
	.TableColumn:nth-child(even){
		background-color:#f3f2f2;
	}
	.TableFooter{
		width:100%;
		height:45px;
		display:flex;
		align-items:center;
		background-color: #eae9e9;
	}
	.TotalsColumns{
		width:100%;
		height:30px;
		display:flex;
		align-items:center;
	}
	.cell-row{
		padding:0 10px;
	}
	.header-row{
		font-weight:bold;
		padding:0 10px;
		color:white
	}
	.cell-small{
		width:50px;
	}
	.cell-mid{
		width:100px;
	}
	.cell-medium{
		width:150px;
	}
	.cell-large{
		width:200px;
	}
	.cell-xl{
		width:250px;
	}
	.cell-xxl{
		width:300px;
	}
	.cell-totals{
		border-bottom:1px solid #eae9e9;
	}
	.LabelName{
		width:90%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align:left;
	}
	.LabelTotal{
		text-align:right;
		font-weight:bold;
	}
	div[class*='cell-'] a{
		font-weight:bold;
	}
	#TicketFunctions, #MemberFunctions, #SaleOrderFunctions, #OrderFunctions{
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.Info{
		margin:20px 8px;
		padding:10px 12px;
		border-radius:6px;
		background-color:#e7e7e7;
		color:#222;
		font-size:13px;
		text-align:left;
	}
	.SaleOrderDetail{
		background-color:#e7e7e7;
		border-radius:6px;
		margin:20px auto;
		padding:10px 3px;
		font-size:14px;
	}
	.SaleOrderDetail h4{
		border-bottom:1px solid #b9b6b6;
	}
	#SearchForm{
		display:flex;
		flex-direction:row;
		align-items:center;
		margin:10px auto;
	}
	.SearchBar{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 95%;
		height: 35px;
		padding: 5px;
		margin: 4px;
		border: 1px solid #9F9F9F;
		border-radius: 4px;
		font-size:1.2em;
	}
	.SearchForm > i{
		width:5%;
	}
	.QuantSel{
		width: 45px;
		height: 35px;
		padding: 5px;
		margin: 4px;
		text-align: center;
		background-color: transparent;
		border: 1px solid #9F9F9F;
		border-radius:4px;
		-webkit-appearance: none;
		-moz-appearance: none;
	}
	.QuantSel::-webkit-inner-spin-button,.QuantSel::-webkit-outer-spin-button {
        opacity: 1;
      }
	.QuantSel:disabled{
		background-color:#d9d9d9;
	}
	.CheckBoxArea{
		display:flex;
		flex-direction: row;
		justify-content:start;
	}
	.SummaryDetails{
		width:425px;
		border-radius:4px;
		background-color:#E9E9E9;
		text-align:left;
	}
	.SummaryDetails:hover{
		background-color:#CACACA;
	}
	.SummaryDetails > summary{
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
		height:38px;
		padding:3px 8px;
		margin:2px auto;
		cursor: pointer;
	}
	.SummaryDetails > p{
		width:100%;
		background-color:#F0f0f0;
		font-size:13px;
		margin:0;
		padding:12px 10px;
		border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
	}
	div[class*='SOType']{
		height:20px;
		max-width:70px;
		display:flex;
		justify-content:center;
		align-items:center;
		padding:0 5px;
		font-size:12px;
		font-weight:bold;
		border-radius:4px;
	}
	.SOType1{
		border:1px solid #64d470;
		background-color: #d8ebd6;
		color:#529d6e;
	}
	.SOType2{
		border:1px solid #f1d277;
		background-color: #e9dbb1;
		color:#d0a205;
	}
	.SOType3{
		border:1px solid #77baf1;
		background-color: #b1d2e9;
		color:#0567d0;
	}
	.ItemInfo{
		background-color:#E9E9E9;
		border-radius:6px;
		padding:10px;
	}
	.IconPreview{
		width:90%;
		background-color:var(--MainColor);
		padding:15px;
		border-radius:6px;
		text-align:center;
	}
	.IconPreview > img{
		width:60%;
	}
	#BusinessData{
		text-align:left;
	}
	#BusinessData > h2,#BusinessData > h3{
		margin:20px 0;
	}
	#BusinessLogo{
		width:100px;
		border-radius:50%;
		border:2px solid var(--DarkColor);
	}
	.Branch{
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
		align-items:flex-start;
		background-color:#f6f5f5;
		border-radius:6px;
		text-align:left;
		margin:10px auto;
	}
	.BranchImg{
		width:250px;
		height:200px;
		position:relative;
		overflow: hidden;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.Closed{
		position:absolute;
		top:0;
		left: 0;
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		height:200px;
		color:red;
		font-family:MainFontBold;
		font-size:2.4rem;
		z-index:2;
		background-color:#0f0f0f9c;
	}
	.BranchImg > img{
		position:absolute;
		top:0;
		left:0;
		max-width:200px;
		border-top-left-radius:6px;
		border-bottom-left-radius:6px;
		z-index:1;
	}
	.BranchInfo{
		width:100%;
		margin-left:10px;
	}
	.BranchFunctions{
		width:100%;
	}
	.ReviewItem{
		width:100%;
		display:flex;
		flex-direction:row;
		background-color:#ebebeb;
		margin:10px auto;
	}
	.ReviewPictItem{
		width:20%;
	}
	.ReviewPictItem > a > img{
		width:100%;
	}
	.ReviewPictItem > img{
		width:100%;
	}
	.ReviewInfoItem{
		width:80%;
		padding:5px 10px;
		text-align:left;
	}
	#GeneralRatingData > p{
		text-align:right;
		font-size:1.1rem;
		font-weight:bold;
		color:var(--MainColor);
	}
	.RevAuthorRating{
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		align-items:center;
	}
	.RevAuthor{
		display:flex;
		flex-direction:row;
		align-items:center;
	}
	.RevMemberPict{
		width:40px;
		overflow: hidden;
	}
	.RevMemberPict > img{
		width:100%;
		border-radius:50%;
		border:2px solid var(--DarkColor);
	}
	.RevMemberInfo{
		margin-left:5px;
		text-align:left;
	}
	.ProfMemberPict{
		width:80%;
		margin:10px auto;
	}
}