html {
	padding: 0;
	margin: 0;
    height: 100%;
}

body {
	background-color: #f9f9f9;
	color: #4a4a4a;
	font-family: HKGroteskRegular, AinslieSans, 'AinslieSans', HKGrotesk, 'HKGrotesk',  Helvetica, Century Gothic, Arial, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
    height: 100%;
}

body.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

img {
	border: none;
}

a {
	color: #4a4a4a;
	text-decoration: none!important;
}

a:hover {
	color: #4a4a4a;
	transition: all 0.3s ease-out 0s;
	text-decoration: none!important;
}

h1, h2, h3, h1 a, h2 a, h3 a {
	color: #312783;
	font-size: 22px;
	margin: 2px 0 5px 0;
}

h1, h2, h3, h4, h5, h6 {
    color: #312783;
}

div.clearfix {
	display: block;
    clear: both;
}

div.clearfixBig {
    display: block;
    clear: both;
    height: 1px;
    margin: 14px 0px 17px -13px;
    width: 102%;
    border-bottom: 1px solid #f1f1f1;
}

/** {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}*/

.Logo {
    width: 41px;
    float: right;
}

.Logo img {
    width: 100%;
}

.container, .all {
    z-index: 2;
    position: relative;
}

.container img, .all img {
    z-index: 1;
    position: relative;
}

input:focus, button:focus, textarea:focus {
    outline: none;
}


.loadingPagee {
    z-index: 99999;
    background-color: rgba(255,255,255,0.5);
    position: fixed;
    height: 100%;
    width: 100%;
    display: none;
}

.loadingPageeIn {
    position: relative;
    height: 100%;
    width: 100%;
}

.loadingPagee img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 100px;
    width: 100px;
    border: 0px;
    outline: none;
}

.loader {
  /*position: relative;
  margin: 0 auto;
  width: 100px;*/
  position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 90px;
    width: 90px;
    border: 0px;
    outline: none;
}
.loader:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1, 180;
  stroke-dashoffset: 0;
  -webkit-animation: dash 2.3s ease-in-out infinite;
          animation: dash 2.3s ease-in-out infinite;
  stroke: #be1622;
  stroke-linecap: round;
}

.path1 {
  stroke-dasharray: 1, 210;
  stroke-dashoffset: 0;
  -webkit-animation: dash 2.6s ease-in-out infinite;
          animation: dash 2.6s ease-in-out infinite;
  stroke: #009fe3;
  stroke-linecap: round;
}

.path2 {
  stroke-dasharray: 1, 190;
  stroke-dashoffset: 0;
  -webkit-animation: dash 2.8s ease-in-out infinite;
          animation: dash 2.8s ease-in-out infinite;
  stroke: #3cac35;
  stroke-linecap: round;
}

.path3 {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 2.9s ease-in-out infinite;
          animation: dash 2.9s ease-in-out infinite;
  stroke: #f39200;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}


/*************************************************** HEADER ************************************/



header {
    position: fixed!important;
    z-index: 9!important;
    background-color: #2e3192;
    color: #fff;
    height: 84px;
    -webkit-box-shadow: 2px 2px 4px 0 rgba(000,000,000,0.04);
    box-shadow: 2px 2px 4px 0 rgba(000,000,000,0.04);
}

header .header-in {
    position: relative;
}

header a, header a:hover {
    color: #FFF;
}

header .logoT {
    width: 172px;
    float: left;
    margin-top: 22px;
    margin-left: -10px;
}

header .scelectBrand {
    float: left;
    width: 260px;
    margin-left: 2%;
    margin-top: 20px;
    position: relative;
}

header .scelectBrand * {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

header .scelectBrand .formBrands .icoBox {
    position: absolute;
    color: #6063dd;
    top: 0;
    right: 0;
    height: 43px;
    width: 45px;
    padding-top: 14px;
    font-size: 14px;
    border-left: 1px solid #6063dd;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

header .formBrands.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

header .formBrands {
    width: 260px;
    height: 45px;
    position: relative;
    border: #6063dd solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 9px 44px 9px 15px;
    font-size: 18px;
    font-family: HKGroteskBold;
}

header .formBrands:hover {
    cursor: pointer;
    border-color: #9d9ed5;
}

header .formBrands:hover .icoBox {
    border-color: #9d9ed5;
    color: #9d9ed5;
}

header .formBrands.act {
    background-color: #10137a;
    border-color: #6063dd;
    color: #6063dc;
}

header .formBrands.act .icoBox {
    border-color: #6063dd;
    color: #6063dc;
}

header .formBrands.act .icoBox .icon-select {
    color: #6063dc;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}

header .formBrands .formBrandsIn input.selectBrands {
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

header .formBrands .formBrandsIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 260px;
    left: -1px;
    top: 41px;
    z-index: 3;
    max-height: 400px;
    overflow: auto;
}

header .formBrands .formBrandsIn.active {
    display: block;
}

header .formBrands .formBrandsIn span.activ {
    position: absolute;
    right: 10px;
    top: 12px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

header .formBrands .formBrandsIn label span i {
    display: none;
}

header .formBrands .formBrandsIn input.selectBrands:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 12px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

header .formBrands .formBrandsIn input.selectBrands:checked + label span i {
    display: block;
}

header .formBrands .formBrandsIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
}

header .formBrands .formBrandsIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

header .formBrands .formBrandsIn.active:last-child {
    border-bottom: none;
}






header .login a, header .login a:hover {
    color: #FFF;
}

header .topRightMenu {
    float: right;
    margin: 17px 10px 0 0;
    padding: 12px 5px 9px 20px;
    border-left: 1px solid #0e1170;
    position: relative;
}

header .topRightMenu .icoBoxMenu {
    display: block;
    height: 28px;
    padding-top: 4px;
    text-align: center;
}

header .topRightMenu .icoBoxMenu span {
    color: #6063dc;
    font-size: 14px;
}

header .topRightMenu .icoBoxMenu:hover span {
    color: #9d9ed5;
    cursor: pointer;
}

header .topRightMenu.act .icoBoxMenu span {
    color: #FFF;
}

header .topRightMenu .topRightMenuIn {
    display: none;
    position: absolute;
    right: -5px;
    top: 42px;
}

header .topRightMenu .topRightMenuIn.active {
    display: block;
}

header .topRightMenu .topRightMenuIn .topRightMenuInT {
    position: relative;
    padding: 15px;
    min-width: 190px;
    background-color: #fff;
    color: #555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(000,000,000,0.04);
    box-shadow: 0 2px 4px 0 rgba(000,000,000,0.04);
}

header .topRightMenu .topRightMenuIn .topRightMenuInT a {
    color: #9b9b9b;
    font-weight: 500;
}

header .topRightMenu .topRightMenuInArr {
    display: block;
    height: 10px;
    width: 10px;
    position: absolute;
    background-color: #FFF;
    right: 12px;
    top: -5px;
    -moz-transform: scale(1) rotate(45deg);
    -webkit-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

header .topRightMenu .topRightMenuIn .topRightMenuInT ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

header .topRightMenu .topRightMenuIn .topRightMenuInT ul li {
    list-style: none;
    display: block;
    padding: 4px 0;
    margin: 5px 0;
    font-size: 14px;
    font-family: HKGroteskBold;
    border-bottom: 1px solid #f1f1f1;
    vertical-align: middle;
}

header .topRightMenu .topRightMenuIn .topRightMenuInT ul li:first-child {
    margin-top: 0;
}

header .topRightMenu .topRightMenuIn .topRightMenuInT ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

header .topRightMenu .topRightMenuIn .topRightMenuInT ul li .title {
    display: inline-block;
    width: 70px;
    margin-right: 10px;
    font-weight: 500;
    color: #9b9b9b;
}

header .topRightMenu .topRightMenuIn .topRightMenuInT ul li img.LangFlag {
    width: 20px;
    margin-right: 15px;
    cursor: pointer;
}

header .topFast {
    float: right;
    margin: 17px 0 0 0;
    padding: 12px 10px 7px 20px;
    border-left: 1px solid #0e1170;
}

header .topFast input {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

header .topFast a {
    margin: -3px 20px 0 0;
    padding: 5px 3px 5px 0;
    font-size: 20px;
    color: #6063dc;
    position: relative;
    display: inline-block;
    height: 33px;
}

header .topFast a:hover {
    color: #9d9ed5;
    cursor: pointer;
}

header .topFast a.message:hover {
    color: #9d9ed5;
    cursor: default;
}

header .topFast a.search.act {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    background-color: #FFF;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #2e3192;
}

header .topFast .topSearch.active {
    /*display: block;*/
    width: 200px;
    padding: 6px 10px;
    height: 33px;
}

header .topFast .topSearch {
    /*display: none;*/
    float: left;
    width: 0px;
    padding: 0;
    height: 33px;
    background-color: #fff;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: left;
    color: #9d9d9d;
    border: none;
    font-size: 12px;
    z-index: 2;
    margin-top: -3px;
} 

header .topFast a.refdata .refdataIn {
    display: none;
    position: absolute;
    right: -5px;
    top: 42px;
}

header .topFast a.refdata .refdataIn.active {
    display: block;
}

header .topFast a.refdata .refdataIn .refdataInT {
    position: relative;
    padding: 5px 15px;
    width: 90px;
    text-align: center;
    background-color: #6063dd;
    color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(000,000,000,0.04);
    box-shadow: 0 2px 4px 0 rgba(000,000,000,0.04);
    font-size: 10px;
    font-weight: 500;
}

header .topFast a.refdata .refdataIn .refdataInT a {
    color: #ffffff;
}

header .topFast a.refdata .refdataArr {
    display: block;
    height: 10px;
    width: 10px;
    position: absolute;
    background-color: #6063dd;
    right: 12px;
    top: -5px;
    -moz-transform: scale(1) rotate(45deg);
    -webkit-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

header .topFast a.bell.act {
    color: #FFF;
}

header .topFast a.bell .bellIn {
    display: none;
    position: absolute;
    right: -5px;
    top: 42px;
    cursor: default;
}

header .topFast a.bell .bellIn.active {
    display: block;
}

header .topFast a.bell .bellIn .bellInT {
    position: relative;
    padding: 10px 15px;
    width: 180px;
    text-align: center;
    background-color: #FFF;
    color: #9d9d9d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(000,000,000,0.04);
    box-shadow: 0 2px 4px 0 rgba(000,000,000,0.04);
    font-size: 11px;
    font-weight: 500;
}

header .topFast a.bell .bellIn .bellInT a {
    color: #2e3192;
    cursor: pointer;
}

header .topFast a.bell .bellArr {
    display: block;
    height: 10px;
    width: 10px;
    position: absolute;
    background-color: #FFF;
    right: 12px;
    top: -5px;
    -moz-transform: scale(1) rotate(45deg);
    -webkit-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

header .loginName {
    font-size: 14px;
    font-weight: 500;
    float: right;
    margin: 19px 25px 0 0;
}

header .loginNameT {
    float: right;
    margin-top: 12px;
    font-family: HKGroteskBold;
}

header .loginNameImg {
    margin-left: 15px;
    margin-right: 15px;
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    background-color: #FFF;
    text-align: center;
    vertical-align: middle;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

header .loginNameImgI {
    width: 100%;
    margin: 0 auto;
}



/*********************************** TOP MENU *****************************************/


.TopMenuWhite {
    border: 1px solid #e7e7e7;
    background-color: #FFF;
    height: 60px;
    margin-top: 84px;
    position: fixed!important;
    font-family: HKGroteskBold;
    z-index: 8!important;
}

.TopMenuWhite-in a {
    padding: 17px 10px 15px;
    margin: 0 15px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #9b9b9b;
    -webkit-transition: all 0ms ease-in-out;
    -moz-transition: all 0ms ease-in-out;
    -ms-transition: all 0ms ease-in-out;
    -o-transition: all 0ms ease-in-out;
    transition: all 0ms ease-in-out;
}

.TopMenuWhite-in div a:last-child {
    margin-right: 0px;
}

.TopMenuWhite-in div a:first-child {
    margin-left: 0px;
}

.TopMenuWhite-in a:hover, .TopMenuWhite-in a.active {
    color: #2e3192;
    border-bottom: 4px solid #2e3192;
}


/********************************** MENU LEFT ****************************************/

#navi-left {
    position: fixed!important;
    margin-top: 164px;
    font-family: HKGroteskBold;
}

#navi-left .navi-left-in {
    position: relative;
    padding-left: 10%;
    padding-top: 20px;
}

#navi-left .navi-left-in ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#navi-left .navi-left-in ul li {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    color: #4a4a4a;
    font-weight: bold;
    vertical-align: middle;
}

#navi-left .navi-left-in ul li.active, #navi-left .navi-left-in ul li.active a, #navi-left .navi-left-in ul li.active span {
    color: #2e3192;
}

#navi-left .navi-left-in ul li:last-child {
    margin-bottom: 0px;
}

#navi-left .navi-left-in ul li:first-child {
    margin-top: 0px;
}

#navi-left .navi-left-in ul li a {
    color: #4a4a4a;
}

#navi-left .navi-left-in ul li span {
    display: inline-block;
    font-size: 20px;
    width: 30px;
    margin-right: 2px;
    float: left;
}

#navi-left .navi-left-in ul li span.icon-nfc_tt {
    font-size: 15px;
}

p.naviTitle {
    color: #9b9b9b;
    font-weight: bold;
    font-size: 14px;
    display: block;
    margin: 40px 0 20px 0;
}


/*********************************** OTHER ******************************************/




.goldline {
    background: -moz-linear-gradient(45deg,  rgba(226,1,24,0) 0%, rgba(226,1,24,0.6) 50%, rgba(226,1,24,0) 100%);
    background: -webkit-linear-gradient(45deg,  rgba(226,1,24,0) 0%,rgba(226,1,24,0.6) 50%,rgba(226,1,24,0) 100%);
    background: linear-gradient(45deg,  rgba(226,1,24,0) 0%,rgba(226,1,24,0.6) 50%,rgba(226,1,24,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e20118', endColorstr='#00e20118',GradientType=1 );
    height: 1px;
    border: 0;
    margin: 15px 0;
}

.detail {
    position: relative;
    display: block;
    padding-top: 30px;
}

.detailContent {
    display: none;
    top: 0;
    padding-top: 7px;
}

.marginBox {
    margin: 5px 0;
    display: block;
}

.upperBig {
    text-transform: uppercase;
    font-size: 110%;
    color: #b29b70;
}

/*********************************** LOGIN ****************************************/

body.login {
    background-image: url('../images/bg_login.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #009ee2;
    height: 100%;
    width: 100%;
    position: relative;
}

.loginfoot {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #FFF;
    margin-bottom: 0px;
    padding: 15px;
}

/*.rightWoman {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-image: url('../images/okulary_ona.png');
    background-position: 82vw 0px;
    background-repeat: no-repeat;
    background-color: transparent;
}*/

.LoginLogo {
    width: 51%;
    margin: 150px auto 30px;
    text-align: center;
}

.LoginLogo img {
    width: 200px;
    max-width: 100%;
}

.LoginBox {
    width: 70%;
    margin: 0 auto;
    background-color: #FFF;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.LoginBox h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #3c3c3c;
    padding: 20px 0;
    border-bottom: 1px solid #c6c6c6;
}

.LoginBox #LoginForm {
    padding: 25px 25px;
}

.LoginBox .LoginFormInpu {
    width: 100%;
    padding: 10px 36px 10px 12px;
    border: 1px solid #e7e7e7;
    color: #575757;
    font-size: 14px;
    background-color: #FFF;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 3;
}

.LoginBox .LoginFormInpu:-webkit-autofill {
    background-color: #FFF;
}

.InputLoginBox span, .InputPassBox span {
    font-size: 11px;
    color: #9b9b9b;
    display: block;
    margin-bottom: 5px;
}

.LoginBox input.error {
    border-color: #a94442;
    box-shadow: 0 0px 5px rgba(0,0,0,.4);
}

.LoginBox span.error {
    color: #a94442;
    display: block;
    font-size: 12px;
    margin-top: -19px;
    margin-bottom: 2px;
}

.LoginBox i {
    font-family: lynny!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.LoginBox .form-control-feedback {
    position: absolute;
    top: 20px;
    right: 1px;
    z-index: 9;
    display: block;
    color: #b2b2b2;
    height: 41px;
    width: 41px;
    line-height: 44px;
    font-size: 20px;
    text-align: center;
    pointer-events: none;
}

.LoginBox .ResetPass .form-control-feedback {
    top: 0px;
}

.LoginBox .tool {
    position: absolute;
    text-align: center;
    top: 30px;
    right: -147px;
    background-color: #fff;
    padding: 3px 5px;
    width: 140px;
    font-size: 11px;
    color: #aaa;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.LoginBox .ResetPass .tool {
    top: 10px;
}

.LoginBox .InputPassBox .tool {
    width: 155px;
    right: -162px
}

.LoginBox .tool:before {
    left: -11px;
    top: 7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #e7e7e7;
}

.LoginBox .tool:before, .LoginBox .tool:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: #e7e7e7;
    content: ''; 
    -moz-transform: scale(1) rotate(-90deg);
    -webkit-transform: scale(1) rotate(-90deg);
    -o-transform: scale(1) rotate(-90deg);
    -ms-transform: scale(1) rotate(-90deg);
    transform: scale(1) rotate(-90deg);
}

.LoginBox .tool:after {
    left: -9px;
    top: 7px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}


.LoginBox .submit {
    border: none!important;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 0 auto;
    display: block;
    background-color: #1d70b7;
    color: #FFF;
    padding: 10px 25px 10px 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}

.LoginBox .submit img {
    margin-right: 10px;
}

.LoginBox .submit i {
    font-family: FontAwesome!important;
    font-size: 23px;
    position: absolute;
    top: 8px;
    left: 15px;
}

.LoginResetDiv {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #FFF;
}

.LoginResetDiv a {
    color: #FFF;
}

.LoginBox .LoginResetDiv {
    text-align: left;
    display: block;
    font-size: 13px;
    margin: 12px auto 20px;
    color: #FFF;
    font-family: HKGroteskBold;
}

.LoginBox .LoginResetDiv a {
    color: #FFF;
}

.LoginBox .sucess {
    color: #2e3192;
    font-weight: bold;
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}

.LoginBox p.desc {
    color: #575757;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 1.1;
}


/*************************************** CENTER ALL **************************************/



.InfoTopBox {
    margin-bottom: 15px;
    margin-left: 25%;
    margin-top: 164px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#all {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #e7e7e7;
    margin-bottom: 15px;
    margin-left: 25%;
    margin-top: 164px;;
}


.login-error {
    display: block;
    padding: 5px 10px;
    color: #ff0000;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #ff0000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.login-success {
    display: block;
    padding: 5px 10px;
    color: #000;
    background-color: rgba(104,169,104,0.2);
    border: 1px solid #8dcc8d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 15px;
}

input.submit {
    padding: 7px 10px;
    display: block;
    width: 100px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    background-color: #312783;
    border: 0px;
    color: #FFF;
    margin: 0 auto 15px auto;
}




.ExFiltr #reportrange {
    font-size: 9px;
    padding: 10px 35px 11px 5px;
    margin-top: 25px;
    border: 1px solid #e7e7e7;
    height: 37px;
    width: 100%;
}

.ExFiltr #reportrange span.icoBox {
    height: 36px;
    width: 31px;
    border-left: solid 1px #e7e7e7;
    padding-top: 13px;
}

#reportrange {
    padding: 8px 50px 8px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #cccccc;
    font-family: HKGroteskBold;
    color: #4a4a4a;
    position: relative;
    cursor: pointer;
}

#reportrange.actv {
    background-color: #f9f9f9;
    color: #9b9b9b;
}

#reportrange.actv .icoBox span {
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
    display: block;
}

#reportrange .icoBox span {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

#reportrange span.icoBox * {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#reportrange span.icoBox {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 11px;
    height: 36px;
    width: 36px;
    text-align: center;
    border-left: solid 1px #cccccc;
}

.CenterTopRow {
    
}

.CenterTopRow .miniTitle, .miniTitle {
    color: #9b9b9b;
    font-size: 11px;
    display: block;
}

.CenterTopRow .brandTitle {
    color: #2e3192;
    font-size: 17px;
    display: block;
    font-family: HKGroteskBold;
}

/*.scanspage .CenterTopRow .brandTitle {
    height: 60px;
}*/

.scanspage h2 {
    font-family: HKGroteskBold;
    font-size: 25px;
    margin-top: 35px;
}

.DateSelectFrom, .DateSelectTo {
    padding: 7px 17px;
    color: #9b9b9b;
    font-family: HKGroteskBold;
    border: solid 1px #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 120px;
    background-color: #f9f9f9;
    margin-left: 3px;
    text-align: center;
}

/*.Exo label {
    font-size: 12px;
}

.Exo .DateSelectFrom, .Exo .DateSelectTo {
    padding: 3px 7px;
    color: #9b9b9b;
    font-size: 11px;
    font-family: HKGroteskBold;
    border: solid 1px #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 80px;
    background-color: #f9f9f9;
    margin-left: 3px;
    text-align: center;
}

.Exo .DataChange {
    background-color: #f9f9f9;
    border: solid 1px #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #9b9b9b;
    font-size: 11px;
    padding: 1px 4px;
    font-family: HKGroteskBold;
    text-align: center;
}*/

.ExFiTitle {
    font-size: 13px;
    color: #2e3192;
    font-family: HKGroteskBold;
}

.FiUniqueLab {
    border: 1px solid #e7e7e7;
    background-color: #fff;
    padding: 8px 15px 8px 38px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
}

.ExFi input.FiUnique {
    opacity: 0;
    height: 38px;
    position: absolute;
    width: 87%;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.ExFi input.FiUnique:checked + label {
    border: 1px solid #2e3192;
    background-color: #2e3192;
    color: #FFF;
}

.FiUniqueLab span.activ {
    position: absolute;
    left: 10px;
    top: 6px;
    height: 24px;
    width: 24px;
    padding-top: 4px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.FiUniqueLab span i {
    display: none;
}

.ExFi input.FiUnique:checked + label.FiUniqueLab span.activ {
    border: 1px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
}

.ExFi input.FiUnique:checked + label.FiUniqueLab span i {
    display: block;
}





.ExFi .ExFiLang .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 37px;
    width: 37px;
    padding-top: 10px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.ExFi .ExFiLang.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.ExFi .ExFiLang {
    width: 100%;
    height: 38px;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 9px 44px 9px 15px;
    font-size: 14px;
    font-family: HKGroteskBold;
    margin-top: 5px;
}

.ExFi .ExFiLang:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.ExFi .ExFiLang:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.ExFi .ExFiLang.act {
    background-color: #2e3192;
    border-color: #e7e7e7;
    color: #FFF;
}

.ExFi .ExFiLang.act .icoBox {
    border-color: #e7e7e7;
    color: #FFF;
}

.ExFi .ExFiLang.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}


.ExFi .ExFiLang .ExFiLangIn input.ExFiLangInput {
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.ExFi .ExFiLang .ExFiLangIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 101%;
    left: -1px;
    top: 34px;
    z-index: 499;
    max-height: 300px;
    overflow: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
    box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
}

.ExFi .ExFiLang .ExFiLangIn.active {
    display: block;
}

.ExFi .ExFiLang .ExFiLangIn span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ExFi .ExFiLang .ExFiLangIn label span i {
    display: none;
}

.ExFi .ExFiLang .ExFiLangIn input.ExFiLangInput:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ExFi .ExFiLang .ExFiLangIn input.ExFiLangInput:checked + label span i {
    display: block;
}

.ExFi .ExFiLang .ExFiLangIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 35px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
}

.ExFi .ExFiLang .ExFiLangIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.ExFi .ExFiLang .ExFiLangIn.active:last-child {
    border-bottom: none;
}






.ExFiProduce {
    bottom: 0;
    padding-left: 0;
}

.ExFiProdus {
    display: inline-block;
    overflow: hidden;
    height: 19px;
}

.ExFiProduBut {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 9px 44px 9px 15px;
}

.ExFi .ExFiProdu .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 37px;
    width: 37px;
    padding-top: 10px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.ExFi .ExFiProdu.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.ExFi .ExFiProdu {
    width: 100%;
    height: 38px;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 9px 44px 9px 15px;
    font-size: 14px;
    font-family: HKGroteskBold;
    margin-top: 5px;
}

.ExFi .ExFiProdu:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.ExFi .ExFiProdu:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.ExFi .ExFiProdu.act {
    background-color: #2e3192;
    border-color: #e7e7e7;
    color: #FFF;
}

.ExFi .ExFiProdu.act .icoBox {
    border-color: #e7e7e7;
    color: #FFF;
}

.ExFi .ExFiProdu.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}


.ExFi .ExFiProdu .ExFiProduIn input.ExFiProduInput {
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.ExFi .ExFiProdu .ExFiProduIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 150%;
    left: -1px;
    top: 34px;
    z-index: 500;
    max-height: 300px;
    overflow: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
    box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
}

.ExFi .ExFiProdu .ExFiProduIn.active {
    display: block;
}

.ExFi .ExFiProdu .ExFiProduIn span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ExFi .ExFiProdu .ExFiProduIn label span i {
    display: none;
}

.ExFi .ExFiProdu .ExFiProduIn input.ExFiProduInput:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ExFi .ExFiProdu .ExFiProduIn input.ExFiProduInput:checked + label span i {
    display: block;
}

.ExFi .ExFiProdu .ExFiProduIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 35px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
    min-height: 43px;
}

.ExFi .ExFiProdu .ExFiProduIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.ExFi .ExFiProdu .ExFiProduIn.active:last-child {
    border-bottom: none;
}






.ExFiSers {
    display: inline-block;
    overflow: hidden;
    height: 19px;
}

.ExFiSerBut {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 9px 44px 9px 15px;
}

.ExFi .ExFiSer .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 37px;
    width: 37px;
    padding-top: 10px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.ExFi .ExFiSer.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.ExFi .ExFiSer {
    width: 100%;
    height: 38px;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 9px 44px 9px 15px;
    font-size: 14px;
    font-family: HKGroteskBold;
    margin-top: 5px;
}

.ExFi .ExFiSer:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.ExFi .ExFiSer:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.ExFi .ExFiSer.act {
    background-color: #2e3192;
    border-color: #e7e7e7;
    color: #FFF;
}

.ExFi .ExFiSer.act .icoBox {
    border-color: #e7e7e7;
    color: #FFF;
}

.ExFi .ExFiSer.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}


.ExFi .ExFiSer .ExFiSerIn input.ExFiSerInput {
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.ExFi .ExFiSer .ExFiSerIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 250%;
    left: -1px;
    top: 34px;
    z-index: 500;
    max-height: 300px;
    overflow: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
    box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
}

.ExFi .ExFiSer .ExFiSerIn.active {
    display: block;
}

.ExFi .ExFiSer .ExFiSerIn span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ExFi .ExFiSer .ExFiSerIn label span i {
    display: none;
}

.ExFi .ExFiSer .ExFiSerIn input.ExFiSerInput:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ExFi .ExFiSer .ExFiSerIn input.ExFiSerInput:checked + label span i {
    display: block;
}

.ExFi .ExFiSer .ExFiSerIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 35px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
    min-height: 43px;
}

.ExFi .ExFiSer .ExFiSerIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.ExFi .ExFiSer .ExFiSerIn.active:last-child {
    border-bottom: none;
}

.ExFiSerInSearch {
    display: inline-block;
    padding: 10px 15px;
    border-bottom: 1px solid #e7e7e7;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    vertical-align: top;
    width: 100%;
    background-color: rgba(000,000,000,0.02);
}

.ExFiSerInSearch .ExFiSerInSearchIn {
    color: #9b9b9b;
    font-family: HKGroteskSemiBold;
    font-size: 13px;
    border: none;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    width: 93%;
    background-color: transparent;
}

.ExFiSerInSearch span.icon-search {
    color: #2e3192;
    font-size: 17px;
    display: block;
    float: right;
    width: 5%;
}





.ExFi .ExFiCountry .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 37px;
    width: 37px;
    padding-top: 10px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.ExFi .ExFiCountry.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.ExFi .ExFiCountry {
    width: 100%;
    height: 38px;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 9px 44px 9px 15px;
    font-size: 14px;
    font-family: HKGroteskBold;
    margin-top: 5px;
}

.ExFi .ExFiCountry:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.ExFi .ExFiCountry:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.ExFi .ExFiCountry.act {
    background-color: #2e3192;
    border-color: #e7e7e7;
    color: #FFF;
}

.ExFi .ExFiCountry.act .icoBox {
    border-color: #e7e7e7;
    color: #FFF;
}

.ExFi .ExFiCountry.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}


.ExFi .ExFiCountry .ExFiCountryIn input.ExFiCountryInput {
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.ExFi .ExFiCountry .ExFiCountryIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 101%;
    left: -1px;
    top: 34px;
    z-index: 498;
    max-height: 300px;
    overflow: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
    box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
}

.ExFi .ExFiCountry .ExFiCountryIn.active {
    display: block;
}

.ExFi .ExFiCountry .ExFiCountryIn span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ExFi .ExFiCountry .ExFiCountryIn label span i {
    display: none;
}

.ExFi .ExFiCountry .ExFiCountryIn input.ExFiCountryInput:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ExFi .ExFiCountry .ExFiCountryIn input.ExFiCountryInput:checked + label span i {
    display: block;
}

.ExFi .ExFiCountry .ExFiCountryIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 35px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
}

.ExFi .ExFiCountry .ExFiCountryIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.ExFi .ExFiCountry .ExFiCountryIn.active:last-child {
    border-bottom: none;
}





.ExFi .ExFiRegion .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 37px;
    width: 37px;
    padding-top: 10px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.ExFi .ExFiRegion.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.ExFi .ExFiRegion {
    width: 100%;
    height: 38px;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 9px 44px 9px 15px;
    font-size: 14px;
    font-family: HKGroteskBold;
    margin-top: 5px;
}

.ExFi .ExFiRegion:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.ExFi .ExFiRegion:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.ExFi .ExFiRegion.act {
    background-color: #2e3192;
    border-color: #e7e7e7;
    color: #FFF;
}

.ExFi .ExFiRegion.act .icoBox {
    border-color: #e7e7e7;
    color: #FFF;
}

.ExFi .ExFiRegion.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}


.ExFi .ExFiRegion .ExFiRegionIn input.ExFiRegionInput {
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.ExFi .ExFiRegion .ExFiRegionIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 101%;
    left: -1px;
    top: 34px;
    z-index: 497;
    max-height: 300px;
    overflow: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
    box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
}

.ExFi .ExFiRegion .ExFiRegionIn.active {
    display: block;
}

.ExFi .ExFiRegion .ExFiRegionIn span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ExFi .ExFiRegion .ExFiRegionIn label span i {
    display: none;
}

.ExFi .ExFiRegion .ExFiRegionIn input.ExFiRegionInput:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ExFi .ExFiRegion .ExFiRegionIn input.ExFiRegionInput:checked + label span i {
    display: block;
}

.ExFi .ExFiRegion .ExFiRegionIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 35px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
}

.ExFi .ExFiRegion .ExFiRegionIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.ExFi .ExFiRegion .ExFiRegionIn.active:last-child {
    border-bottom: none;
}







.ExFi .ExFiCity .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 37px;
    width: 37px;
    padding-top: 10px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.ExFi .ExFiCity.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.ExFi .ExFiCity {
    width: 100%;
    height: 38px;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 9px 44px 9px 15px;
    font-size: 14px;
    font-family: HKGroteskBold;
    margin-top: 5px;
}

.ExFi .ExFiCity:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.ExFi .ExFiCity:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.ExFi .ExFiCity.act {
    background-color: #2e3192;
    border-color: #e7e7e7;
    color: #FFF;
}

.ExFi .ExFiCity.act .icoBox {
    border-color: #e7e7e7;
    color: #FFF;
}

.ExFi .ExFiCity.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}


.ExFi .ExFiCity .ExFiCityIn input.ExFiCityInput {
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.ExFi .ExFiCity .ExFiCityIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 101%;
    left: -1px;
    top: 34px;
    z-index: 496;
    max-height: 300px;
    overflow: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
    box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
}

.ExFi .ExFiCity .ExFiCityIn.active {
    display: block;
}

.ExFi .ExFiCity .ExFiCityIn span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ExFi .ExFiCity .ExFiCityIn label span i {
    display: none;
}

.ExFi .ExFiCity .ExFiCityIn input.ExFiCityInput:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ExFi .ExFiCity .ExFiCityIn input.ExFiCityInput:checked + label span i {
    display: block;
}

.ExFi .ExFiCity .ExFiCityIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 35px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
}

.ExFi .ExFiCity .ExFiCityIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.ExFi .ExFiCity .ExFiCityIn.active:last-child {
    border-bottom: none;
}




.ExFiClear {
    display: block;
    font-size: 12px;
    margin: 8px auto 0px;
    text-align: center;
    cursor: pointer;
}

.DataChangeEx {
    background-color: #2e3192;
    border: solid 1px #2e3192;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFF;
    padding: 8px 38px 8px 37px;
    font-family: HKGroteskBold;
    text-align: center;
    margin-top: 25px;
    margin-left: 36px;
}

.DataChangeEx:hover {
    cursor: pointer;
    background-color: #2e3192;
    border-color: #2e3192;
    color: #FFF;
}

.DataChange {
    background-color: #f9f9f9;
    border: solid 1px #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #9b9b9b;
    padding: 1px 8px;
    font-family: HKGroteskBold;
    text-align: center;
}

.DataChange:hover {
    cursor: pointer;
    background-color: #2e3192;
    border-color: #2e3192;
    color: #FFF;
}

.CenterSegmentsRow .blockChartMin {
    padding: 5px 10px;
    position: relative;
}

.CenterSegmentsRow .blockChartMin:nth-child(2n+0) {
    margin-left: 8.33333333%;
}

.CenterSegmentsRow .blockChartMin canvas {
}

.CenterSegmentsRow .blockChartMin .compWebApiTitle {
    z-index: 2;
    /*position: absolute;
    left: -50px;*/
    top: 5px;
    font-family: HKGroteskBold;
    color: #2e3192;
    font-size: 15px;
    display: block;
}

.CenterSegmentsRow .blockChartMin .compWebApiValAp {
    z-index: 2;
    position: absolute;
    right: 10px;
    top: 7px;
    font-family: HKGroteskRegular;
    color: #666666;
    font-size: 10px;
    display: block;
    width: 29.5%;
    text-align: left;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;
}

.CenterSegmentsRow .blockChartMin .compWebApiValWe {
    z-index: 2;
    position: absolute;
    right: 10px;
    top: 24px;
    font-family: HKGroteskRegular;
    color: #666666;
    font-size: 10px;
    display: block;
    width: 29.5%;
    text-align: left;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;
}

.CenterSegmentsRow .blockChartMin .compWebApiValWe .bull, .CenterSegmentsRow .blockChartMin .compWebApiValAp .bull {
    height: 12px;
    width: 12px;
    display: inline-block;
    margin-right: 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.CenterSegmentsRow .blockChartMin .loadingPageeIn, .CenterApiScans .blockChartMin .loadingPageeIn, .CenterWebScans .blockChartMin .loadingPageeIn {
    position: absolute;
    margin: auto;
    height: 32px;
    width: 32px;
    top: 5px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}
.CenterSegmentsRow .blockChartMin .loadingPageeIn .loader, .CenterApiScans .blockChartMin .loadingPageeIn .loader, .CenterWebScans .blockChartMin .loadingPageeIn .loader {
    height: 60px;
    width: 60px;
}

/*.CenterSegmentsRow #compPercentUniq {
    height: 70px; 
    width: 70px; 
    margin-left: 14.7%;
}

.CenterSegmentsRow #compPercentUniq svg {
    height: 109%;
    
    margin: -6px auto 0;
}*/

.blockChartMin {
    background-color: #FFF;
    border: solid 1px #eeeeee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
}

.blockChartMin.TotalScans, .blockChartMin.UniqueScans, .blockChartMin.AddedScans, .blockChartMin.TotalWebScan {
    height: 60px;
}

.blockChartMin.TotalScans .ChartScansCount span, .blockChartMin.UniqueScans .ChartScansCount span, .blockChartMin.AddedScans .ChartScansCount span, .blockChartMin.TotalWebScan .ChartScansCount span {
    margin-left: -8px;
}

.blockChartMin .ChartScansCountBig {
    float: left;
    min-height: 100%;
    min-width: 35px;
    font-size: 22px;
    color: #2e3192;
    font-family: HKGroteskBold;
    margin-right: 8px;
    text-align: center;
}

.browserscans .blockChartMin, .osscans .blockChartMin, .devicescans .blockChartMin, .apisacnproduct .blockChartMin, .devicescansAPP .blockChartMin, .osscansAPP .blockChartMin, .appAPP .blockChartMin {
    margin-left: 8.33333333%;
}

.browserscans .blockChartMin:nth-child(3n+1), .browserscans .blockChartMin:first-child, .osscans .blockChartMin:nth-child(3n+1), .osscans .blockChartMin:first-child, .devicescans .blockChartMin:nth-child(3n+1), .devicescans .blockChartMin:first-child, .apisacnproduct .blockChartMin:nth-child(4n+1), .apisacnproduct .blockChartMin:first-child, .devicescansAPP .blockChartMin:nth-child(3n+1), .devicescansAPP .blockChartMin:first-child, .osscansAPP .blockChartMin:nth-child(3n+1), .osscansAPP .blockChartMin:first-child, .appAPP .blockChartMin:nth-child(3n+1), .appAPP .blockChartMin:first-child {
    margin-left: 0%;
}

.devicescansAPP .blockChartMin .DevicKey, .osscansAPP .blockChartMin .DevicKey {
    /*text-transform: capitalize;*/
}

.devicescansAPP .ScansBoxDetail {
    height: 230px;
}

.devicescansAPPChar {
    background-color: #FFF;
    border: solid 1px #eeeeee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 15px 50px 15px 15px;
    
}



.blockChartMin img {
    /*width: 34px;*/
    border: none;
    background-color: transparent;
    float: left;
    margin-right: 10px;
}

.blockChartMin i {
    width: 34px;
    font-size: 28px;
    border: none;
    background-color: transparent;
    float: left;
    margin-right: 10px;
    color: #2e3192;
}

.blockChartMax img.loadingDataImg {
    height: 32px;
    width: 32px;
    display: block;
    float: none;
    position: absolute;
    left: 47%;
    top: 15%;
}

.CenterMapBox .mapApi img, .CenterMapBox .mapWeb img {
    position: inherit;
}

.blockChartMin .ChartScansCount {
    display: block;
    font-size: 14px;
    color: #2e3192;
    font-family: HKGroteskBold;
    margin-top: -3px;
}

.blockChartMin .ChartScansCount img.loadingDataImg {
    height: 14px;
    width: 14px;
    display: block;
    float: none;
    margin-bottom: 6px;
}

.blockChartMin .ChartScansCount.ChartScansZero {
    margin-top: 5px;
}

.blockChartMin .ChartScansCount span {
    font-size: 10px;
    color: #9b9b9b;
}

.blockChartMin .ChartScansCount span.ApiTotalProdScansVal {
    font-size: 14px;
    color: #2e3192;
    font-family: HKGroteskBold;
}

.blockChartMin .ChartScansCount span.DevicKey {
    font-size: 14px;
    color: #2e3192;
    font-weight: normal;
    font-family: HKGroteskRegular;
}

.blockChartMin .ChartScansCount span.green {
    color: #3ab54a;
}

.blockChartMin .ChartScansCount span.red {
    color: #fe0078;
}

.blockChartMin .ChartScansTitle {
    display: block;
    font-size: 11px;
    color: #9b9b9b;
    margin-top: -4px;
}

.CenterApiScans h3, .CenterWebScans h3, .CenterSegmentsRow h3, .CenterMapBox h3 {
    font-family: HKGroteskBold;
    font-size: 16px;
    color: #4a4a4a;
}

.ScanProdList {
    position: relative;
    background-color: #FFF;
    border: solid 1px #eeeeee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
    min-height: 110px;
    /*width: 40%;*/
}

.apisacnproduct .blockChartMin .scanprodimg {
    position: relative;
    width: 80px;
    height: 80px;
    margin-right: 15px;
    display: inline-block;
    float: left;
}

.apisacnproduct .blockChartMin .scanprodimg img, .apisacnproduct .blockChartMin .scanprodimgImg {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.apisacnproduct .blockChartMin .scanprodtit {
    display: block;
    font-size: 13px;
    margin-bottom: 15px;
    word-wrap: break-word;
}

.apisacnproduct .blockChartMin .scanprodval {
    display: block;
    font-family: HKGroteskBold;
    font-size: 13px;
    margin-left: 95px;
}

.apisacnproduct .blockChartMin .scanprodval .ScanedTamper {
    font-size: 80%;
    line-height: 10px!important;
}

.BoxDetailMore {
    display: block;
    text-align: center;
    margin: 10px auto 0px;
    padding: 0;
    font-family: HKGroteskBold;
    color: #2e3192;
    cursor: pointer;
    width: 120px;
}

.ScansBoxDetail {
    height: 130px;
    overflow: hidden;
    position: relative;
}

.BoxDetailShadow {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.65) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6ffffff',GradientType=0 );
    display: block;
    z-index: 9999;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.ScansBoxDetail.activ {
    height: auto;
}

#OneChartApi {
    width: 100%;
}

.blockChartMax #OneChartApi text {
    color: #9b9b9b;
    fill: #9b9b9b;
    font-family: HKGroteskRegular!important;
    font-size: 12px;
    cursor: pointer!important;
}

.blockChartMax #OneChartApi line {
    stroke: #eeeff1;
} 

#OneChart {
    width: 100%;
}

.blockChartMax #OneChart text {
    color: #9b9b9b;
    fill: #9b9b9b;
    font-family: HKGroteskRegular!important;
    font-size: 12px;
    cursor: pointer!important;
}

.blockChartMax #OneChart line {
    stroke: #eeeff1;
} 


.map, .maps {
    display: none;
    position: relative;
    height: 500px;
    width: 100%;
}

.map img, .maps img {
    position: inherit;
}


.ExScanTops #ProductsListTable th {
    cursor: default;
}


.circularZeroVal {
    height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.circularZeroValPath {
  stroke: #9b9b9b;
  stroke-linecap: round;
}



.ScansFiltersButt {
    display: block;
    padding: 9px 15px 8px;
    background-color: #2e3192;
    border: 1px solid #2e3192;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: HKGroteskSemiBold;
    cursor: pointer;
    width: 150px;
    text-align: center;
    position: absolute;
    right: 0;
}

.ScansFiltersButt.active {
    background-color: transparent;
    border: 1px solid #e7e7e7;
    color: #4a4a4a;
}

.ScansFiltersButt i {
    margin-right: 10px;
    font-size: 18px;
}

.ScansFiltersButt .ScansFiltersOpen {
    display: none;
}

.ScansFiltersButt .ScansFiltersHide {
    display: block;
}

.ScansFiltersButt.active .ScansFiltersHide {
    display: none;
}

.ScansFiltersButt.active .ScansFiltersOpen {
    display: block;
}




.ExFiltr {
    display: none;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.ExFiltr.active {
    display: block;
    border-top: 1px solid #f1f1f1;
    margin: 20px auto 0;
    padding-top: 15px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}












.exportButt {
    font-family: HKGroteskBold;
    font-size: 13px;
    color: #9b9b9b;
    float: right;
}



















/*************************************************** PRODUCTS ***************************************/

#ProductsListTable {
    border-collapse: collapse;
    border: 1px solid #f1f1f1;
    width: 100%;
}

#ProductsListTable tr:hover {
    background-color: rgba(000,000,000,0.01);
}

#ProductsListTable td {
    padding: 10px 10px;
    font-size: 15px;
    border-collapse: collapse;
    border: 1px solid #f1f1f1;
    border-left: none;
    border-right: none;
    color: #4a4a4a;
    font-family: HKGroteskBold;
}

#ProductsListTable th {
    padding: 13px 10px;
    font-size: 11px;
    border-collapse: collapse;
    border: 1px solid #f1f1f1;
    background-color: #fbfbfb;
    color: #9b9b9b;
    font-family: HKGroteskRegular;
    font-weight: normal;
    border-left: none;
    border-right: none;
    cursor: pointer;
}

#ProductsListTable th.headerSortUp span, #ProductsListTable th.headerSortDown span {
    font-family: HKGroteskBold;
    font-size: 12px;
    color: #2e3192;
}

#ProductsListTable th span:after {
    font-family: 'FontAwesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f077";
    padding-left: 10px;
    color: #fbfbfb;
}

#ProductsListTable th.headerSortUp span:after {
    font-family: 'FontAwesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f077";
    padding-left: 10px;
    color: #2e3192;
}

#ProductsListTable th.headerSortDown span:after {
    font-family: 'FontAwesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f078";
    padding-left: 10px;
    color: #2e3192;
}

#ProductsListTable tr.prodTr {
    height: 85px;
}

.prodNameImages {
    position: relative;
    width: 80px;
    height: 80px;
    margin-right: 15px;
}

.prodNameSpan {
    margin-left: 95px;
}

#ProductsListTable img, #ProductsListTable .ProductsListImg {
    max-width: 80px;
    max-height: 80px;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

#ProductsListTable .ProductsSpan {
    font-family: HKGroteskRegular;
    display: block;
    font-size: 11px;
    color: #9b9b9b;
}

.ProductsListSearch {
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: top;
    width: 250px;
}

.ProductsListSearch .ProductsListSearchIn {
    color: #9b9b9b;
    font-family: HKGroteskSemiBold;
    font-size: 13px;
    border: none;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    width: 89%;
}

.ProductsListSearch span.icon-search {
    color: #2e3192;
    font-size: 17px;
    display: block;
    float: right;
    width: 11%;
}


.ProductFiltersButt {
    margin-left: 30px;
    display: inline-block;
    padding: 9px 15px 8px;
    background-color: #2e3192;
    border: 1px solid #2e3192;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: HKGroteskSemiBold;
    cursor: pointer;
    width: 150px;
    text-align: center;
}

.ProductFiltersButt.active {
    margin-left: 30px;
    display: inline-block;
    padding: 9px 15px 8px;
    background-color: transparent;
    border: 1px solid #e7e7e7;
    color: #4a4a4a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ProductFiltersButt i {
    margin-right: 10px;
    font-size: 18px;
}

.ProductFiltersButt .ProductFiltersOpen {
    display: none;
}

.ProductFiltersButt .ProductFiltersHide {
    display: block;
}

.ProductFiltersButt.active .ProductFiltersHide {
    display: none;
}

.ProductFiltersButt.active .ProductFiltersOpen {
    display: block;
}




.ProductFilters {
    padding: 15px 0;
    border-top: 1px solid #f1f1f1;
    margin: 20px auto 10px;
    display: none;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.ProductFilters.active {
    display: block;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.ProductFiltersIn {
    padding: 0;
}

.ProductFilters h3 {
    font-size: 17px;
    color: #333;
    font-family: HKGroteskSemiBold;
    padding: 0;
    margin-bottom: 10px;
}

.ProductFilters .ProductsTagSearch {
    font-family: HKGroteskSemiBold;
}

.ProductFilters .ProductsTagSearch input {
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 8px;
    width: 75px;
    text-align: right;
}

.ProductFilters .ProductsAvgSearch {
    font-family: HKGroteskSemiBold;
}

.ProductFilters .ProductsAvgSearch input {
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 8px;
    width: 75px;
    text-align: right;
}



.ProductGalleryAll {
    height: 235px;
    max-height: 235px;
    margin: 15px 0;
    overflow: hidden;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.ProductGalleryAll img {
    max-height: 200px;
    max-width: 200px;
    border: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#upload-crop-bg {
    display: none;
    background-color: rgba(000,000,000,0.4);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999995;
}

#upload-crop-bg.active {
    display: block;
}

#upload-crop {
    display: none;
    width: 50%;
    height: 60%;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px 15px 4% 15px;
    overflow: hidden;
    z-index: 9999999;
    position: fixed;
    background-color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#upload-crop.active {
    display: block;
}

#upload-crop-ok {
    position: absolute;
    bottom: 10px;
    display: inline-block;
    padding: 9px 10px 8px;
    background-color: #2e3192;
    border: 1px solid #2e3192;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: HKGroteskSemiBold;
    cursor: pointer;
    width: 110px;
    text-align: center;
}

.ProductMainPage {
    height: 206px;
    width: 206px;
    border: 3px solid #2e3192;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    position: relative;
}

.ProductMainPage .ProductMainPageTitle {
    width: 103%;
    margin-left: -1.5%;
    bottom: -30px;
    position: absolute;
    padding: 5px 10px;
    text-align: left;
    color: #fff;
    font-size: 12px;
    background-color: #2e3192;
    font-family: HKGroteskRegular;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.ProductMainPage .ProductMainPageTitle i {
    padding: 3px;
    border: 2px solid #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 10px;
}

.ProductGalleryPhoto {
    float: left;
    margin-left: 10px;
    position: relative;
    width: 200px;
    height: 200px;
}

.ProductVideo {
    margin: 15px 0;
}

.ProductVideo iframe {
    border: 1px solid #2e3192;
    background-color: rgba(000,000,000,0.05);
}


.ProductDescAll {
    margin: 15px 0;
    position: relative;
}

.ProductDescAll h3.ProductTitle {
    width: auto;
    display: inline-block;
    margin-right: 10px;
    padding: 7px 15px;
    border: 1px solid #eee;
    background-color: #eee;
    margin-bottom: -1px;
    color: #999;
    cursor: pointer;
    font-family: HKGroteskRegular;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.ProductDescAll h3.ProductTitle.active {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #2e3192;
    cursor: default;
    font-family: HKGroteskBold;
}

.ProductDescBox {
    border: 1px solid #eee;
    background-color: #FFF;
    padding: 15px;
    width: 100%;
    height: 200px;
}

.ProductDescBox.ProductDescBoxNon {
    border: 0px solid #fff;
}

.ProductDescBoxIn .ProductDescIn {
    max-height: 120px;
}

.ProductDescBoxIn {
    position: absolute;
    width: 97%;
    background-color: #FFF;
    display: none;
}

.ProductDescBoxIn.active {
    display: block;
}





.ProductAtrrAll {
    margin: 15px 0;
    position: relative;
}

.ProductAtrrAll h3.ProductTitle {
    width: auto;
    display: inline-block;
    margin-right: 10px;
    padding: 7px 15px;
    border: 1px solid #eee;
    background-color: #eee;
    margin-bottom: -1px;
    color: #999;
    cursor: pointer;
    font-family: HKGroteskRegular;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.ProductAtrrAll h3.ProductTitle.active {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #2e3192;
    cursor: default;
    font-family: HKGroteskBold;
}

.ProductAtrrBox {
    border: 1px solid #eee;
    background-color: #FFF;
    padding: 15px;
    width: 100%;
    min-height: 200px;
}

.ProductAtrrBox.ProductAtrrBoxNon {
    border: 0px solid #fff;
}

.addProduct .ProductAtrrBox {
    min-height: inherit;
}

.ProductAtrrBoxIn .ProductAtrrInVal {
    max-height: 120px;
}

.ProductAtrrBoxIn {
    position: absolute;
    width: 97%;
    background-color: #FFF;
    display: none;
}

.ProductAtrrBoxIn.active {
    display: block;
}






h3.ProductTitle {
    color: #2e3192;
    font-family: HKGroteskBold;
    font-size: 15px;
    /*background-color: rgba(000,000,000,0.02);*/
    padding: 5px 10px;
}

.ProductDescTit {
    font-family: HKGroteskBold;
    display: block;
    margin: 10px 0 0 0;
}

.ProductDescIn {
    font-size: 13px;
    font-family: HKGroteskRegular;
    color: #4a4a4a;
    margin: 10px 0 15px;
}

.CenterProductShow textarea.ProductDescIn {
    border: none;
    overflow: auto;
    width: 100%;
    max-width: 100%;
    height: 100px;
    /*min-height: 250px;*/
    background-color: transparent;
}

.CenterProductShow textarea.ProductAtrrInVal {
    border: none;
    overflow: auto;
    width: 99%;
    max-width: 99%;
    height: 100px;
    /*min-height: 250px;*/
    background-color: transparent;
}


.ProductAtrrAll {
    margin: 15px 0;
}

.ProductAtrrIn {
    margin: 10px 0 15px;
}

.ProductAtrrInAtr {
    color: #9b9b9b;
    font-size: 11px;
    font-family: HKGroteskRegular;
}

.ProductAtrrInVal {
    color: #4a4a4a;
    font-size: 15px;
    font-family: HKGroteskSemiBold;
}

/*.ProductAtrrInVal textarea.ProdTextArea {
    width: 100%;
    min-height: 150px;
    max-height: 350px;
    max-width: 100%;
    background-color: rgba(255,255,255,1);
    border: none;
}*/



.ProductAtrrAll div span, .ProductAtrrAll div i {
    color: #2e3192;
    font-size: 28px;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

.ProductAtrrAll .ProductOtherTitle {
    color: #2e3192;
    font-size: 16px;
    font-family: HKGroteskBold;
}

.ProductAtrrAll .ProductOtherDesc {
    color: #9b9b9b;
    font-size: 12px;
    font-family: HKGroteskRegular;
    margin-top: -3px;
}

.ProductAtrrAll .BlockAtrr {
    padding: 10px 20px;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}



#VoiceListTable {
    border-collapse: collapse;
    border: 1px solid #f1f1f1;
    width: 100%;
    margin: 15px 0;
}

#VoiceListTable tr:hover {
    background-color: rgba(000,000,000,0.01);
}

#VoiceListTable td {
    padding: 10px 10px;
    font-size: 15px;
    border-collapse: collapse;
    border: 1px solid #f1f1f1;
    border-left: none;
    border-right: none;
    color: #4a4a4a;
    font-family: HKGroteskBold;
}

#VoiceListTable th {
    padding: 13px 10px;
    font-size: 11px;
    border-collapse: collapse;
    border: 1px solid #f1f1f1;
    background-color: #fbfbfb;
    color: #9b9b9b;
    font-family: HKGroteskRegular;
    font-weight: normal;
    border-left: none;
    border-right: none;
    cursor: pointer;
}

#VoiceListTable th.headerSortUp span, #VoiceListTable th.headerSortDown span {
    font-family: HKGroteskBold;
    font-size: 12px;
    color: #2e3192;
}

#VoiceListTable th span:after {
    font-family: 'FontAwesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f077";
    padding-left: 10px;
    color: #fbfbfb;
}

#VoiceListTable th.headerSortUp span:after {
    font-family: 'FontAwesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f077";
    padding-left: 10px;
    color: #2e3192;
}

#VoiceListTable th.headerSortDown span:after {
    font-family: 'FontAwesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f078";
    padding-left: 10px;
    color: #2e3192;
}

#VoiceListTable img, #VoiceListTable .VoiceListImg {
    width: 65px;
    margin-right: 15px;
}

#VoiceListTable .VoiceRat, #VoiceListTable .voiceRating {
    text-align: center;
}

#VoiceListTable .VoiceSpan {
    font-family: HKGroteskRegular;
    display: block;
    font-size: 11px;
    color: #9b9b9b;
}

#VoiceListTable .voiceRating {
    color: #2e3192;
}

#VoiceListTable .voiceComment {
    font-size: 13px;
    font-family: HKGroteskRegular;
    color: #4a4a4a;
}







.EditProdInfoBox {
    padding: 8px 20px;
    background-color: #e8ffd0;
    color: #11147a;
    border: solid 1px #e7e7e7;
    font-family: HKGroteskBold;
    font-size: 14px;
}

.EditProdInfoBox i {
    font-size: 18px;
    margin-right: 10px;
}

.EditProdErrBox {
    padding: 8px 20px;
    background-color: #ffd0d0;
    color: #11147a;
    border: solid 1px #b0b0b0;
    font-family: HKGroteskBold;
    font-size: 14px;
}

.CenterProductEdit .ProductGalleryRight, .CenterProductEdit .ProductGalleryLeft {
    top: 300px;
}

.ProductGalleryRight {
    position: absolute;
    z-index: 9;
    padding: 0px 15px;
    color: #2e3192;
    background-color: rgba(255,255,255,0.9);
    -webkit-box-shadow: 0 2px 4px 0 rgba(000,000,000,0.08);
    box-shadow: 0 2px 4px 0 rgba(000,000,000,0.08);
    font-size: 28px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 200px;
    right: -20px;
}

.ProductGalleryRight.active {
    cursor: pointer;
}

.ProductGalleryRight.disable {
    cursor: not-allowed;
    background-color: rgba(255,255,255,0.6);
    color: #AAA;
}

.ProductGalleryLeft {
    position: absolute;
    z-index: 9;
    padding: 0px 15px;
    color: #2e3192;
    background-color: rgba(255,255,255,0.9);
    -webkit-box-shadow: 0 2px 4px 0 rgba(000,000,000,0.08);
    box-shadow: 0 2px 4px 0 rgba(000,000,000,0.08);
    font-size: 28px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 200px;
    left: -20px;
}

.ProductGalleryLeft.active {
    cursor: pointer;
}

.ProductGalleryLeft.disable {
    cursor: not-allowed;
    background-color: rgba(255,255,255,0.6);
    color: #AAA;
}



/********************************** PRODUCT EDIT *****************************/

.ProductEditButt {
    margin-left: 30px;
    display: inline-block;
    padding: 9px 15px 8px;
    background-color: #2e3192;
    border: 1px solid #2e3192;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: HKGroteskSemiBold;
    cursor: pointer;
    width: 110px;
    text-align: center;
}

.ProductEditButt.disab {
    background-color: #e7e7e7;
    color: #AAA;
    border: 1px solid #e7e7e7;
    cursor: default;
}

.ProductEditButt.disab a {
    color: #AAA;
    cursor: default;
}

.ProductEditButt button, .ProductEditButt a {
    color: #FFF;
    border: none;
    background: none;
}

.ProductEditButt button:focus, .ProductEditButt a:focus {
    outline: none;
}

.ProductEditButt button i, .ProductEditButt a i{
    margin-right: 10px;
    font-size: 18px;
}

.EditProductPhotoError {
    display: block;
    margin: 0 0 10px 0;
    color: #F00;
}



.ProductAddButt {
    margin-left: 30px;
    display: inline-block;
    padding: 9px 15px 8px;
    background-color: #2e3192;
    border: 1px solid #2e3192;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: HKGroteskSemiBold;
    cursor: pointer;
    width: 200px;
    text-align: center;
}

.ProductAddButt.disab {
    background-color: #e7e7e7;
    color: #AAA;
    border: 1px solid #e7e7e7;
    cursor: default;
}

.ProductAddButt.disab a {
    color: #AAA;
    cursor: default;
}

.ProductAddButt button, .ProductAddButt a {
    color: #FFF;
    border: none;
    background: none;
}

.ProductAddButt button:focus, .ProductAddButt a:focus {
    outline: none;
}

.ProductAddButt button i, .ProductAddButt a i{
    margin-right: 10px;
    font-size: 18px;
}




.EditListBrand {
    position: relative;
}

.EditListBrand * {
    /*-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;*/
}

.EditListBrand .EditBrands .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 40px;
    width: 45px;
    padding-top: 12px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.EditListBrand .EditBrands.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.EditListBrand .EditBrands {
    width: 100%;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 10px 44px 10px 15px;
    font-size: 14px;
    font-family: HKGroteskBold;
    margin: 10px auto;
}

.EditListBrand .EditBrands:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.EditListBrand .EditBrands:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.EditListBrand .EditBrands.act {
    background-color: #2e3192;
    border-color: #FFF;
    color: #FFF;
}

.EditListBrand .EditBrands.act .icoBox {
    border-color: #FFF;
    color: #FFF;
}

.EditListBrand .EditBrands.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}

.EditListBrand .EditBrands .EditBrandsIn input.EditsBrands {
    opacity: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.EditListBrand .EditBrands .EditBrandsIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 100%;
    left: 0px;
    top: 38px;
    z-index: 3;
    max-height: 400px;
    overflow: auto;
}

.EditListBrand .EditBrands .EditBrandsIn.active {
    display: block;
}

.EditListBrand .EditBrands .EditBrandsIn span.activ {
    position: absolute;
    right: 10px;
    top: 12px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.EditListBrand .EditBrands .EditBrandsIn label span i {
    display: none;
}

.EditListBrand .EditBrands .EditBrandsIn input.EditsBrands:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 12px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.EditListBrand .EditBrands .EditBrandsIn input.EditsBrands:checked + label span i {
    display: block;
}

.EditListBrand .EditBrands .EditBrandsIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 40px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
}

.EditListBrand .EditBrands .EditBrandsIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.EditListBrand .EditBrands .EditBrandsIn.active:last-child {
    border-bottom: none;
}







.CenterProductEdit input {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #e7e7e7;
    color: #4a4a4a;
    padding: 10px 15px;
    margin: 10px auto;
    font-family: HKGroteskBold;
}

.CenterProductEdit input:focus {
    border-color: #a9acfe;
    background-color: rgba(46,49,146,0.02);
}

.CenterProductEdit textarea {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #e7e7e7;
    color: #4a4a4a;
    padding: 10px 15px;
    margin: 10px auto;
    font-family: HKGroteskBold;
}

.CenterProductEdit textarea:focus {
    border-color: #a9acfe;
    background-color: rgba(46,49,146,0.02);
}

.CenterProductEdit .ProductAtrrIn {
    margin: 0;
    padding: 0 10px 0 0;
}

input.ProductEditDescTit {
    width: 60%;
    display: inline-block;
    float: left;
}

.ProductEditDescText {
    /*min-height: 150px;*/
    max-height: 350px;
    width: 99%;
    max-width: 99%;
}

.ProductEditAtrrText {
    /*min-height: 150px;*/
    max-height: 350px;
    width: 100%;
    max-width: 100%;
}

.AddEdiBlock {
    width: 102%;
    padding: 10px;
    margin: 10px auto 30px -1%;
    background-color: #f9f9f9;
}

.EditAdd {
    background-color: #FFFFFF;
    border: 1px solid #e7e7e7;
    color: #2e3192;
    font-family: HKGroteskBold;
    font-size: 15px;
    margin: 15px auto;
    padding: 9px 2px 10px;
    width: 130px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.EditAdd i {
    font-size: 17px;
    margin-right: 5px;
}

.EditAdd:hover {
    cursor: pointer;
    background-color: #2e3192;
    border-color: #2e3192;
    color: #FFF;
}

.ProductAtrrIn input.ProductEditAtrrTit {
    width: 60%;
    display: inline-block;
    float: inherit;
}

.EditAtrrDelete {
    padding: 7px 11px 8px;
    color: #ff3b5e;
    display: inline-block;
    margin: 10px auto 10px 2%;
    border: 1px solid #e7e7e7;
    background-color: rgba(255,255,255,1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.ProductAtrrAll div .EditAtrrDelete i {
    font-size: 22px;
    float:  inherit;
    margin-right: 0px;
    margin-top: 0px;
    color: #ff3b5e;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.EditAtrrDelete:hover {
    background-color: #ff3b5e;
    border: 1px solid #ff3b5e;
    cursor: pointer;
}

.ProductAtrrAll div .EditAtrrDelete:hover i {
    color: #FFF;
}

.CenterBottomRow a.EditCancel, .CenterBottomRow a.AddCancel {
    font-family: HKGroteskBold;
    font-size: 13px;
    color: #9b9b9b;
}

.EditImageDelete {
    position: absolute;
    z-index: 2;
    right: 7px;
    top: 7px;
    padding: 9px 12px;
    color: #ff3b5e;
    background-color: rgba(255,255,255,0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.EditImageDelete i {
    font-size: 22px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.EditImageDelete:hover {
    background-color: #ff3b5e;
    cursor: pointer;
}

.EditImageDelete:hover i {
    color: #FFF;
}

.EditProductAtr textarea, textarea.ProductAtrrInVal {
    color: #2e3192;
}


.EditProductDes .ProductDescAll .ProductTitle {
    /*float: left;*/
    width: auto;
    padding: 9px 10px;
    margin-top: 0px;
}

.EditDescDelete {
    padding: 7px 11px 8px;
    color: #ff3b5e;
    display: inline-block;
    float: left;
    margin: 10px 2%;
    border: 1px solid #e7e7e7;
    background-color: rgba(255,255,255,1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.EditDescDelete i {
    font-size: 22px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.EditDescDelete:hover {
    background-color: #ff3b5e;
    border: 1px solid #ff3b5e;
    cursor: pointer;
}

.EditDescDelete:hover i {
    color: #FFF;
}









.ProductAtrrAll .ProductTitle {
    clear: both;
    display: block;
}

.EditAddProdAtrLang {
    display: inline-block;
    margin: 15px 2% 15px 30%;
    width: 200px;
}

.EditAddProdAtrLang .EditAddProdAtrLangs .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 40px;
    width: 45px;
    padding-top: 12px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.EditAddProdAtrLang .EditAddProdAtrLangs.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.EditAddProdAtrLang .EditAddProdAtrLangs {
    width: 100%;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(255,255,255,1);
    padding: 10px 44px 10px 15px;
    font-size: 14px;
    font-family: HKGroteskBold;
    margin: 0 auto;
}

.EditAddProdAtrLang .EditAddProdAtrLangs:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.EditAddProdAtrLang .EditAddProdAtrLangs:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.EditAddProdAtrLang .EditAddProdAtrLangs.act {
    background-color: #2e3192;
    border-color: #FFF;
    color: #FFF;
}

.EditAddProdAtrLang .EditAddProdAtrLangs.act .icoBox {
    border-color: #FFF;
    color: #FFF;
}

.EditAddProdAtrLang .EditAddProdAtrLangs.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}

.EditAddProdAtrLang .EditAddProdAtrLangs .EditAddProdAtrLangsIn input.EditsAddProdAtrLangs {
    opacity: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.EditAddProdAtrLang .EditAddProdAtrLangs .EditAddProdAtrLangsIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 100%;
    left: 0px;
    top: 38px;
    z-index: 3;
    max-height: 400px;
    overflow: auto;
}

.EditAddProdAtrLang .EditAddProdAtrLangs .EditAddProdAtrLangsIn.active {
    display: block;
}

.EditAddProdAtrLang .EditAddProdAtrLangs .EditAddProdAtrLangsIn span.activ {
    position: absolute;
    right: 10px;
    top: 12px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.EditAddProdAtrLang .EditAddProdAtrLangs .EditAddProdAtrLangsIn label span i {
    display: none;
}

.EditAddProdAtrLang .EditAddProdAtrLangs .EditAddProdAtrLangsIn input.EditsAddProdAtrLangs:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 12px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.EditAddProdAtrLang .EditAddProdAtrLangs .EditAddProdAtrLangsIn input.EditsAddProdAtrLangs:checked + label span i {
    display: block;
}

.EditAddProdAtrLang .EditAddProdAtrLangs .EditAddProdAtrLangsIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 40px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
}

.EditAddProdAtrLang .EditAddProdAtrLangs .EditAddProdAtrLangsIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.EditAddProdAtrLang .EditAddProdAtrLangs .EditAddProdAtrLangsIn.active:last-child {
    border-bottom: none;
}



.EditAddProdDescLang {
    display: inline-block;
    margin: 15px 2% 15px 30%;
    width: 200px;
}

.EditAddProdDescLang .EditAddProdDescLangs .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 40px;
    width: 45px;
    padding-top: 12px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.EditAddProdDescLang .EditAddProdDescLangs.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.EditAddProdDescLang .EditAddProdDescLangs {
    width: 100%;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(255,255,255,1);
    padding: 10px 44px 10px 15px;
    font-size: 14px;
    font-family: HKGroteskBold;
    margin: 0 auto;
}

.EditAddProdDescLang .EditAddProdDescLangs:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.EditAddProdDescLang .EditAddProdDescLangs:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.EditAddProdDescLang .EditAddProdDescLangs.act {
    background-color: #2e3192;
    border-color: #FFF;
    color: #FFF;
}

.EditAddProdDescLang .EditAddProdDescLangs.act .icoBox {
    border-color: #FFF;
    color: #FFF;
}

.EditAddProdDescLang .EditAddProdDescLangs.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}

.EditAddProdDescLang .EditAddProdDescLangs .EditAddProdDescLangIn input.EditsAddProdDescLangs {
    opacity: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.EditAddProdDescLang .EditAddProdDescLangs .EditAddProdDescLangIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 100%;
    left: 0px;
    top: 38px;
    z-index: 3;
    max-height: 400px;
    overflow: auto;
}

.EditAddProdDescLang .EditAddProdDescLangs .EditAddProdDescLangIn.active {
    display: block;
}

.EditAddProdDescLang .EditAddProdDescLangs .EditAddProdDescLangIn span.activ {
    position: absolute;
    right: 10px;
    top: 12px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.EditAddProdDescLang .EditAddProdDescLangs .EditAddProdDescLangIn label span i {
    display: none;
}

.EditAddProdDescLang .EditAddProdDescLangs .EditAddProdDescLangIn input.EditsAddProdDescLangs:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 12px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.EditAddProdDescLang .EditAddProdDescLangs .EditAddProdDescLangIn input.EditsAddProdDescLangs:checked + label span i {
    display: block;
}

.EditAddProdDescLang .EditAddProdDescLangs .EditAddProdDescLangIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 40px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
}

.EditAddProdDescLang .EditAddProdDescLangs .EditAddProdDescLangIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.EditAddProdDescLang .EditAddProdDescLangs .EditAddProdDescLangIn.active:last-child {
    border-bottom: none;
}

input#EditPhotoFile {
    background-color: #fff;
    color: #2e3192;
    border-color: #e7e7e7;
    width: 29%;
    margin-right: 1%;
}

.EditPhotoFileBox {
    display: block;
    clear: both;
    position: relative;
}

.EditPhotoFileMore {
    margin: 5px auto 15px;
}

.EditPhotoInfo {
    color: #9b9b9b;
    font-size: 11px;
    font-family: HKGroteskRegular;
    display: inline-block;
    margin: 5px auto 0 10px;
}

.EditPhotoInfo span {
    font-family: HKGroteskBold;
    color: #39393a;
    display: block;
}






.ProductGalleryAll .ProductMainPage .inputMainPhoto {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.ProductGalleryAll .ProductMainPage .inputMainPhoto + label {
    font-size: 1.25em;
    font-weight: 700;
    color: #2e3192;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.ProductGalleryAll .ProductMainPage .inputMainPhoto + label:hover {
    background-color: rgba(000,000,000,0.2);
    color: #9a9a9a;
}

.ProductGalleryAll .ProductMainPage .inputMainPhoto:focus + label,
.ProductGalleryAll .ProductMainPage .inputMainPhoto + label:hover {
    background-color: rgba(000,000,000,0.03);
}

.ProductGalleryAll .ProductMainPage .inputMainPhoto + label span {
    width: 170px;
    height: 70px;
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    background-color: rgba(255,255,255,0.3);
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ProductGalleryAll .ProductMainPage .inputMainPhoto + label span i {
    font-size: 34px;
}

.ProductGalleryAll .ProductMainPage .inputMainPhoto:focus + label {
	outline: 0px dotted #000;
	outline: -webkit-focus-ring-color auto 0px;
}

.ProductGalleryAll .ProductMainPage .inputMainPhoto + label * {
	pointer-events: none;
}

.ProductGalleryAll .ProductMainPage .ProductAddMainImageUp {
    height: 200px;
    width: 200px;
    text-align: center;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.ProductGalleryAll .ProductMainPage .ProductAddMainImageUp img {
    height: auto;
    width: auto;
    text-align: center;
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}







/********************************************** MESSAGE **************************************/

.messagesIco {
    display: inline-block;
    width: 32px;
}

.messagesIco span {
    font-size: 21px;
}

.messagesIco span.icon-chat-bubble-square-draft {
    color: #9b9b9b;
}

.messagesIco span.icon-chat-bubble-square-sent {
    color: #3ab54a;
}

.messagesIco span.icon-chat-bubble-square-scheduled {
    color: #00aeef;
}


.MsgStatusForm .MsgStatus .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 37px;
    width: 37px;
    padding-top: 10px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.MsgStatusForm .MsgStatus.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.MsgStatusForm .MsgStatus {
    width: 60%;
    height: 38px;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 9px 44px 9px 15px;
    font-size: 14px;
    font-family: HKGroteskBold;
    margin-top: 5px;
}

.MsgStatusForm .MsgStatus:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.MsgStatusForm .MsgStatus:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.MsgStatusForm .MsgStatus.act {
    background-color: #2e3192;
    border-color: #e7e7e7;
    color: #FFF;
}

.MsgStatusForm .MsgStatus.act .icoBox {
    border-color: #e7e7e7;
    color: #FFF;
}

.MsgStatusForm .MsgStatus.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}


.MsgStatusForm .MsgStatus .MsgStatusIn input.MsgStatusInput {
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.MsgStatusForm .MsgStatus .MsgStatusIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 101%;
    left: -1px;
    top: 34px;
    z-index: 497;
    max-height: 300px;
    overflow: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
    box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
}

.MsgStatusForm .MsgStatus .MsgStatusIn.active {
    display: block;
}

.MsgStatusForm .MsgStatus .MsgStatusIn span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.MsgStatusForm .MsgStatus .MsgStatusIn label span i {
    display: none;
}

.MsgStatusForm .MsgStatus .MsgStatusIn input.MsgStatusInput:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.MsgStatusForm .MsgStatus .MsgStatusIn input.MsgStatusInput:checked + label span i {
    display: block;
}

.MsgStatusForm .MsgStatus .MsgStatusIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 35px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
}

.MsgStatusForm .MsgStatus .MsgStatusIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.MsgStatusForm .MsgStatus .MsgStatusIn.active:last-child {
    border-bottom: none;
}



.CenterMessageShow .MessageMainPage {
    position: relative;
    width: 200px;
    height: 200px;
    margin-bottom: 20px;
}

.CenterMessageShow .MessageMainPage img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    border: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
}

.CenterMessageShow .MessageMainPage i.fa-picture-o {
    font-size: 100px;
    /*position: absolute;*/
    border: none;
    margin: 15px auto auto auto;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #eee;
    padding: 30px;
    color: #aaa;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.MessageMainPagePhoto {
    float: left;
    margin-left: 10px;
    position: relative;
    width: 200px;
    height: 200px;
}

.MessageMainPageUp {
    height: 194px;
    width: 200px;
    text-align: center;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.MessageMainPageUp img {
    height: auto;
    width: auto;
    text-align: center;
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.inputMessageMainPagePhoto {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputMessageMainPagePhoto + label {
    font-size: 1.25em;
    font-weight: 700;
    color: #2e3192;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.inputMessageMainPagePhoto + label:hover {
    background-color: rgba(000,000,000,0.2);
    color: #4a4a4a;
}

.inputMessageMainPagePhoto:focus + label,
.inputMessageMainPagePhoto + label:hover {
    background-color: rgba(000,000,000,0.03);
}

.inputMessageMainPagePhoto + label span {
    width: 170px;
    height: 70px;
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 14px;
    background-color: rgba(255,255,255,0.3);
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.inputMessageMainPagePhoto + label span i {
    font-size: 34px;
}

.inputMessageMainPagePhoto:focus + label {
	outline: 0px dotted #000;
	outline: -webkit-focus-ring-color auto 0px;
}

.inputMessageMainPagePhoto + label * {
	pointer-events: none;
}








.CenterPagination {
    width: 102%;
    padding: 20px 0px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    text-align: center;
    margin: 20px 0 20px -1%;
}

.CenterPagination .PaginDonut {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 7px;
    display: block;
    border: 8px solid #cccccc;
    width: 7px;
    height: 7px;
    margin: 0 auto;
    position: relative;
}

.CenterPagination .PaginDonut.active {
    border-color: #2e3192;
}

.CenterPagination .PaginDonut.completed {
    border-color: #2e3192;
    background-color: #2e3192;
    color: #FFF;
}

.CenterPagination .PaginDonut span.icon-check-circle {
    position: absolute;
    top: 1px;
    left: 1px;
    font-size: 12px;
}

.CenterPagination .PaginLine {
    height: 1px;
    background-color: #cccccc;
    display: block;
    width: 100%;
    margin-top: 14px;
}

.CenterPagination .PaginStep {
    text-align: center;
    color: #9b9b9b;
    font-size: 10px;
    display: block;
    margin: 10px auto 0px;
}

.CenterPagination .PaginTitle {
    color: #9b9b9b;
    font-size: 12px;
}

.CenterPagination .PaginStep.active, .CenterPagination .PaginTitle.active {
    color: #4a4a4a;
}

.CenterPagination .PaginTitle.active {
    font-weight: 600;
}


.MessageTit {
    color: #2e3192;
    font-size: 20px;
    font-family: HKGroteskBold;
    display: block;
}

.MessageTit .MessageTitGrey {
    color: #cccccc;
    font-size: 20px;
    font-family: HKGroteskRegular;
}

.MessageSection input, .MessageSection input:disabled {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #e7e7e7;
    color: #4a4a4a;
    padding: 10px 15px;
    margin: 3px auto 10px;
    font-family: HKGroteskBold;
    background-color: #fff;
}

.MessageSection input:focus, .MessageSection input:disabled:focus {
    border-color: #a9acfe;
    background-color: rgba(46,49,146,0.02);
}

.MessageSection textarea, .MessageSection textarea:disabled {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #e7e7e7;
    color: #4a4a4a;
    padding: 10px 15px;
    margin: 10px auto;
    font-family: HKGroteskBold;
    background-color: #fff;
}

.MessageSection textarea:focus, .MessageSection textarea:disabled:focus {
    border-color: #a9acfe;
    background-color: rgba(46,49,146,0.02);
}


.messageNameInput {
}

.MessageSection .messageSpan {
    color: #9b9b9b;
    font-size: 12px;
    display: block;
}

.MessageSection .messageSpanGrey {
    color: #cccccc;
    font-size: 10px;
    font-family: HKGroteskRegular;
}

.MessageSection .messageDateInput, .MessageSection .messageTimeInput, .MessageSection .messageDateInput:disabled, .MessageSection .messageTimeInput:disabled {
    width: 45%;
}

.MessageSection .messageDateInput, .MessageSection .messageDateInput:disabled {
    margin-right: 9%;
}

.MessageSection .messageUserTypeInput, .MessageSection .messageAgeInput, .MessageSection .messageGenderInput, .MessageSection .messageUserTypeInput:disabled, .MessageSection .messageAgeInput:disabled, .MessageSection .messageGenderInput:disabled, .MessageSection .messageLimitUserInput, .MessageSection .messageLimitUserInput:disabled {
    /*width: 80%;*/
}

.MessageSection .messageNotificationInput {
    position: relative;
    height: 27px;
    width: 27px;
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
}

.MessageSection .messageNotificationInput i {
    font-size: 15px;
    margin: 5px 0 0 5px;
}

.MessageSection .messageNotificationInput.true {
    background-color: #2e3192;
    color: #FFF;
}

.MessageSection .messageNotificationInput.false {
    background-color: #fff;
    color: #2e3192;
}

.MessageSection .messageNotificationInput.false i {
    margin: 5px 0 0 7px;
}

.MessageSection .messageNotificationSpan {
    color: #4a4a4a;
    font-family: HKGroteskBold;
    font-size: 16px;
    display: inline-block;
    margin-left: 5px;
}

.MessageAtrrAll {
    margin: 15px 0;
    position: relative;
}

.MessageAtrrAll h3.MessageTitle {
    width: auto;
    display: inline-block;
    margin-right: 10px;
    padding: 7px 15px;
    border: 1px solid #eee;
    background-color: #eee;
    margin-bottom: -1px;
    color: #999;
    cursor: pointer;
    font-family: HKGroteskRegular;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.MessageAtrrAll h3.MessageTitle.active {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #2e3192;
    cursor: default;
    font-family: HKGroteskBold;
}

.MessageAtrrBox {
    border: 1px solid #eee;
    background-color: #FFF;
    padding: 15px;
    width: 100%;
    min-height: 220px;
}

.MessageAtrrBox.MessageAtrrBoxNon {
    border: 0px solid #fff;
}

.addProduct .MessageAtrrBox {
    min-height: inherit;
}

.MessageAtrrBoxIn .MessageAtrrInVal {
    max-height: 120px;
}

.MessageAtrrBoxIn {
    position: absolute;
    width: 97%;
    background-color: #FFF;
    display: none;
}

.MessageAtrrBoxIn.active {
    display: block;
}

h3.MessageTitle {
    color: #2e3192;
    font-family: HKGroteskBold;
    font-size: 15px;
    /*background-color: rgba(000,000,000,0.02);*/
    padding: 5px 10px;
}

.MessageAtrrText {
    height: 80px;
    max-height: 80px;
    max-width: 100%;
}



.CenterMessageCost {
    width: 102%;
    padding: 35px 0px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    text-align: center;
    margin: 20px 0 20px -1%;
}

.CenterMessageCost .CostStep {
    text-align: center;
    color: #4a4a4a;
    font-size: 10px;
    display: block;
    margin: 10px auto 0px;
}

.CenterMessageCost .CostTitle {
    color: #2e3192;
    font-size: 18px;
    font-family: HKGroteskBold;
}

.CenterMessageCost .CostIco {
    color: #2e3192;
    display: block;
    font-size: 22px;
}

.CenterMessageCostIn {
    width: auto;
    height: auto;
    margin: auto;
    padding: 10px 20px;
}

.CenterMessageCostThree .CenterMessageCostIn {
    background-color: #FFF;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 150px;
}

.CenterMessageCostFive.error .CenterMessageCostIn {
    background-color: #fdf3f5;
    border: 1px solid #fe0078;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 150px;
}

.CenterMessageCostFive.error .CenterMessageCostIn .CostIco, .CenterMessageCostFive.error .CenterMessageCostIn .CostTitle {
    color: #fe0078;
}


.MessageEditButt {
    margin-left: 30px;
    display: inline-block;
    padding: 9px 15px 8px;
    background-color: #2e3192;
    border: 1px solid #2e3192;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: HKGroteskSemiBold;
    cursor: pointer;
    width: 120px;
    text-align: center;
}

.MessageEditButt.savedraft {
    width: 180px;
}

.MessageEditButt.disab {
    background-color: #e7e7e7;
    color: #AAA;
    border: 1px solid #e7e7e7;
    cursor: default;
}

.MessageEditButt.disab a {
    color: #AAA;
    cursor: default;
}

.MessageEditButt button, .MessageEditButt a {
    color: #FFF;
    border: none;
    background: none;
}

.MessageEditButt button:focus, .MessageEditButt a:focus {
    outline: none;
}

.MessageEditButt button i, .MessageEditButt a i{
    margin-right: 10px;
    font-size: 18px;
}

.ProductAddButt.editmess {
    width: 220px;
}


.MessageAuthorSearch {
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: top;
    width: 250px;
}

.MessageAuthorSearch .MessageAuthorSearchIn {
    color: #9b9b9b;
    font-family: HKGroteskSemiBold;
    font-size: 13px;
    border: none;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    width: 89%;
}

.MessageAuthorSearch span.icon-search {
    color: #2e3192;
    font-size: 17px;
    display: block;
    float: right;
    width: 11%;
}


.MessageDateSearch {
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: top;
    width: 250px;
}

.MessageDateSearch .MessageDateSearchIn {
    color: #9b9b9b;
    font-family: HKGroteskSemiBold;
    font-size: 13px;
    border: none;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    width: 89%;
}

.MessageDateSearch span.icon-search {
    color: #2e3192;
    font-size: 17px;
    display: block;
    float: right;
    width: 11%;
}



#reportdate {
    padding: 10px 50px 10px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #e7e7e7;
    font-family: HKGroteskBold;
    color: #4a4a4a;
    position: relative;
    cursor: pointer;
    width: 50%;
    margin: 3px 0 10px;
}

#reportdate.actv {
    background-color: #f9f9f9;
    color: #9b9b9b;
}


#reportdate.actv .icoBox span {
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
    display: block;
}

#reportdate .icoBox span {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

#reportdate span.icoBox * {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#reportdate span.icoBox {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 14px;
    height: 40px;
    width: 40px;
    text-align: center;
    border-left: solid 1px #e7e7e7;
}

.daterangepicker.messages.opensright:before {
    right: 85px;
    left: auto;
}

.daterangepicker.messages.opensright:after {
    right: 86px;
    left: auto;
}

.daterangepicker.messages {
    -webkit-border-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-topleft: 0;
    border-radius: 4px;
    border-top-left-radius: 0;
}






.messageBehaviour .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 37px;
    width: 37px;
    padding-top: 10px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.messageBehaviour.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.messageBehaviour {
    width: 100%;
    height: 38px;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 9px 44px 9px 15px;
    font-size: 14px;
    font-family: HKGroteskBold;
    margin-top: 5px;
}

.messageBehaviour:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.messageBehaviour:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.messageBehaviour.act {
    background-color: #2e3192;
    border-color: #e7e7e7;
    color: #FFF;
}

.messageBehaviour.act .icoBox {
    border-color: #e7e7e7;
    color: #FFF;
}

.messageBehaviour.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}


.messageBehaviour .messageBehaviourIn input.messageBehaviourInput {
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.messageBehaviour .messageBehaviourIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 101%;
    left: -1px;
    top: 34px;
    z-index: 499;
    max-height: 300px;
    overflow: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
    box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
}

.messageBehaviour .messageBehaviourIn.active {
    display: block;
}

.messageBehaviour .messageBehaviourIn span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messageBehaviour .messageBehaviourIn label span i {
    display: none;
}

.messageBehaviour .messageBehaviourIn input.messageBehaviourInput:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messageBehaviour .messageBehaviourIn input.messageBehaviourInput:checked + label span i {
    display: block;
}

.messageBehaviour .messageBehaviourIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 35px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
}

.messageBehaviour .messageBehaviourIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.messageBehaviour .messageBehaviourIn.active:last-child {
    border-bottom: none;
}





.messageProduct .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 37px;
    width: 37px;
    padding-top: 10px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.messageProduct.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.messageProduct {
    width: 100%;
    height: 38px;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 9px 44px 9px 15px;
    font-size: 14px;
    font-family: HKGroteskBold;
    margin-top: 5px;
}

.messageProduct:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.messageProduct:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.messageProduct.act {
    background-color: #2e3192;
    border-color: #e7e7e7;
    color: #FFF;
}

.messageProduct.act .icoBox {
    border-color: #e7e7e7;
    color: #FFF;
}

.messageProduct.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}


.messageProduct .messageProductIn input.messageProductInput {
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.messageProduct .messageProductIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 101%;
    left: -1px;
    top: 34px;
    z-index: 499;
    max-height: 300px;
    overflow: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
    box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
}

.messageProduct .messageProductIn.active {
    display: block;
}

.messageProduct .messageProductIn span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messageProduct .messageProductIn label span i {
    display: none;
}

.messageProduct .messageProductIn input.messageProductInput:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messageProduct .messageProductIn input.messageProductInput:checked + label span i {
    display: block;
}

.messageProduct .messageProductIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 35px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
}

.messageProduct .messageProductIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.messageProduct .messageProductIn.active:last-child {
    border-bottom: none;
}



.messageGender .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 37px;
    width: 37px;
    padding-top: 10px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.messageGender.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.messageGender {
    width: 100%;
    height: 38px;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 9px 44px 9px 15px;
    font-size: 14px;
    font-family: HKGroteskBold;
    margin-top: 5px;
}

.messageGender:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.messageGender:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.messageGender.act {
    background-color: #2e3192;
    border-color: #e7e7e7;
    color: #FFF;
}

.messageGender.act .icoBox {
    border-color: #e7e7e7;
    color: #FFF;
}

.messageGender.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}


.messageGender .messageGenderIn input.messageGenderInput {
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.messageGender .messageGenderIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 101%;
    left: -1px;
    top: 34px;
    z-index: 499;
    max-height: 300px;
    overflow: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
    box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
}

.messageGender .messageGenderIn.active {
    display: block;
}

.messageGender .messageGenderIn span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messageGender .messageGenderIn label span i {
    display: none;
}

.messageGender .messageGenderIn input.messageGenderInput:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messageGender .messageGenderIn input.messageGenderInput:checked + label span i {
    display: block;
}

.messageGender .messageGenderIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 35px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
}

.messageGender .messageGenderIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.messageGender .messageGenderIn.active:last-child {
    border-bottom: none;
}





.messageUserty .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 37px;
    width: 37px;
    padding-top: 10px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.messageUserty.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.messageUserty {
    width: 100%;
    height: 38px;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 9px 44px 9px 15px;
    font-size: 14px;
    font-family: HKGroteskBold;
    margin-top: 5px;
}

.messageUserty:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.messageUserty:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.messageUserty.act {
    background-color: #2e3192;
    border-color: #e7e7e7;
    color: #FFF;
}

.messageUserty.act .icoBox {
    border-color: #e7e7e7;
    color: #FFF;
}

.messageUserty.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}


.messageUserty .messageUsertyIn input.messageUsertyInput {
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.messageUserty .messageUsertyIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 101%;
    left: -1px;
    top: 34px;
    z-index: 499;
    max-height: 300px;
    overflow: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
    box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
}

.messageUserty .messageUsertyIn.active {
    display: block;
}

.messageUserty .messageUsertyIn span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messageUserty .messageUsertyIn label span i {
    display: none;
}

.messageUserty .messageUsertyIn input.messageUsertyInput:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messageUserty .messageUsertyIn input.messageUsertyInput:checked + label span i {
    display: block;
}

.messageUserty .messageUsertyIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 35px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
}

.messageUserty .messageUsertyIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.messageUserty .messageUsertyIn.active:last-child {
    border-bottom: none;
}



.messageLimitUser {
    position: relative;
}
.messageLimitUser .messageLimitUserInput.error {
    border-color: #F00;
}

.messageLimitUser span.limit {
    position: absolute;
    bottom: -9px;
    font-size: 12px;
}

.messageLimitUser span.limit.error {
    color: #F00;
}




.messageAgeAll .messageAgeDiv .messageAgeFrom .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 37px;
    width: 37px;
    padding-top: 10px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
    margin-left: 1px;
}

.messageAgeAll .messageAgeDiv .messageAgeFrom.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.messageAgeAll .messageAgeDiv .messageAgeFrom {
    width: 47%;
    height: 38px;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 9px 44px 9px 15px;
    font-size: 12px;
    font-family: HKGroteskBold;
    margin-top: 5px;
    display: inline-block;
    margin-left: 4px;
    margin-bottom: 5px;
}

.messageAgeAll .messageAgeDiv .messageAgeFrom:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.messageAgeAll .messageAgeDiv .messageAgeFrom:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.messageAgeAll .messageAgeDiv .messageAgeFrom.act {
    background-color: #2e3192;
    border-color: #e7e7e7;
    color: #FFF;
}

.messageAgeAll .messageAgeDiv .messageAgeFrom.act .icoBox {
    border-color: #e7e7e7;
    color: #FFF;
}

.messageAgeAll .messageAgeDiv .messageAgeFrom.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}


.messageAgeAll .messageAgeDiv .messageAgeFrom .messageAgeFromIn input.messageAgeFromInput {
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.messageAgeAll .messageAgeDiv .messageAgeFrom .messageAgeFromIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 101%;
    left: -1px;
    top: 34px;
    z-index: 999;
    max-height: 300px;
    overflow: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
    box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
}

.messageAgeAll .messageAgeDiv .messageAgeFrom .messageAgeFromIn.active {
    display: block;
}

.messageAgeAll .messageAgeDiv .messageAgeFrom .messageAgeFromIn span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messageAgeAll .messageAgeDiv .messageAgeFrom .messageAgeFromIn label span i {
    display: none;
}

.messageAgeAll .messageAgeDiv .messageAgeFrom .messageAgeFromIn input.messageAgeFromInput:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messageAgeAll .messageAgeDiv .messageAgeFrom .messageAgeFromIn input.messageAgeFromInput:checked + label span i {
    display: block;
}

.messageAgeAll .messageAgeDiv .messageAgeFrom .messageAgeFromIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 35px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
}

.messageAgeAll .messageAgeDiv .messageAgeFrom .messageAgeFromIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.messageAgeAll .messageAgeDiv .messageAgeFrom .messageAgeFromIn.active:last-child {
    border-bottom: none;
}




.messageAgeAll .messageAgeDiv .messageAgeTo .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 37px;
    width: 37px;
    padding-top: 10px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.messageAgeAll .messageAgeDiv .messageAgeTo.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.messageAgeAll .messageAgeDiv .messageAgeTo {
    width: 47%;
    height: 38px;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 9px 44px 9px 15px;
    font-size: 12px;
    font-family: HKGroteskBold;
    margin-top: 5px;
    display: inline-block;
    margin-left: 5px;
}

.messageAgeAll .messageAgeDiv .messageAgeTo:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.messageAgeAll .messageAgeDiv .messageAgeTo:hover .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.messageAgeAll .messageAgeDiv .messageAgeTo.act {
    background-color: #2e3192;
    border-color: #e7e7e7;
    color: #FFF;
}

.messageAgeAll .messageAgeDiv .messageAgeTo.act .icoBox {
    border-color: #e7e7e7;
    color: #FFF;
}

.messageAgeAll .messageAgeDiv .messageAgeTo.act .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}


.messageAgeAll .messageAgeDiv .messageAgeTo .messageAgeToIn input.messageAgeToInput {
    opacity: 0;
    position: absolute;
    width: 100%;
    background-color: transparent;
    border: none;
}

.messageAgeAll .messageAgeDiv .messageAgeTo .messageAgeToIn {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 101%;
    left: -1px;
    top: 34px;
    z-index: 999;
    max-height: 300px;
    overflow: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
    box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
}

.messageAgeAll .messageAgeDiv .messageAgeTo .messageAgeToIn.active {
    display: block;
}

.messageAgeAll .messageAgeDiv .messageAgeTo .messageAgeToIn span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messageAgeAll .messageAgeDiv .messageAgeTo .messageAgeToIn label span i {
    display: none;
}

.messageAgeAll .messageAgeDiv .messageAgeTo .messageAgeToIn input.messageAgeToInput:checked + label span.activ {
    position: absolute;
    right: 10px;
    top: 9px;
    height: 24px;
    width: 24px;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 0px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.messageAgeAll .messageAgeDiv .messageAgeTo .messageAgeToIn input.messageAgeToInput:checked + label span i {
    display: block;
}

.messageAgeAll .messageAgeDiv .messageAgeTo .messageAgeToIn.active label.option {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 11px 35px 11px 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 0px;
}

.messageAgeAll .messageAgeDiv .messageAgeTo .messageAgeToIn.active label.option:hover {
    background-color: rgba(50,70,167,0.06);
    cursor: pointer;
}

.messageAgeAll .messageAgeDiv .messageAgeTo .messageAgeToIn.active:last-child {
    border-bottom: none;
}




.messageAgeAlls {
    display: block;
}

.messageAgeAll .icoBox {
    position: absolute;
    color: #4a4a4a;
    top: 0;
    right: 0;
    height: 37px;
    width: 37px;
    padding-top: 10px;
    font-size: 14px;
    border-left: 1px solid #e7e7e7;
    border-right: none;
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.messageAgeAll.act .icoBox .icon-select {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

.messageAgeAll {
    width: 100%;
    height: 38px;
    position: relative;
    border: #e7e7e7 solid 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: transparent;
    padding: 9px 44px 9px 15px;
    font-size: 14px;
    font-family: HKGroteskBold;
    margin-top: 5px;
}

.messageAgeAll:hover {
    cursor: pointer;
    border-color: #e7e7e7;
}

.messageAgeAll:hover > .icoBox {
    border-color: #e7e7e7;
    color: #4a4a4a;
}

.messageAgeAll.act {
    background-color: #2e3192;
    border-color: #e7e7e7;
    color: #FFF;
}

.messageAgeAll.act > .icoBox {
    border-color: #e7e7e7;
    color: #FFF;
}

.messageAgeAll.act > .icoBox .icon-select {
    color: #FFF;
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
}

.messageAgeAll .messageAgeDiv {
    position: absolute;
    display: none;
    border: 1px solid #e7e7e7;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #FFF;
    color: #2e3192;
    width: 101%;
    left: -1px;
    top: 34px;
    z-index: 499;
    max-height: 300px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
    box-shadow: 0 1px 2px 0 rgba(000,000,000,0.2);
}

.messageAgeAll .messageAgeDiv.active {
    display: block;
}

.MessageAllBox .error {
    border-color: #F00;
}



.SendNotificationLab {
    border: 0px solid #fff;
    background-color: #fff;
    padding: 10px 0px 8px 38px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    display: block;
    text-align: left;
    cursor: pointer;
    width: 70%;
    font-family: HKGroteskBold;
    font-size: 16px;
}

input.SendNotification {
    opacity: 0;
    height: 30px;
    position: absolute;
    width: 70%;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
}

input.SendNotification:checked + label {
    border: 0px solid #fff;
    background-color: #FFF;
    color: #4a4a4a;
}

.SendNotificationLab span.activ {
    position: absolute;
    left: 0px;
    top: 6px;
    height: 28px;
    width: 28px;
    padding-top: 4px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e7e7e7;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.SendNotificationLab span i {
    display: none;
}
input.SendNotification:disabled + label.SendNotificationLab span {
    background-color: rgba(000,000,000,0.02);
}

input.SendNotification:checked + label.SendNotificationLab span.activ {
    border: 1px solid #e7e7e7;
    background-color: #2e3192;
    color: #FFF;
}

input.SendNotification:checked + label.SendNotificationLab span i {
    display: block;
}


#reportdates {
    padding: 10px 50px 10px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #e7e7e7;
    font-family: HKGroteskBold;
    color: #4a4a4a;
    position: relative;
    cursor: pointer;
    width: 50%;
    margin: 3px 0 10px;
}

#reportdates.actv {
    background-color: #f9f9f9;
    color: #9b9b9b;
}


#reportdates.actv .icoBox span {
    -moz-transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -o-transform: scale(1) rotate(180deg);
    -ms-transform: scale(1) rotate(180deg);
    transform: scale(1) rotate(180deg);
    display: block;
}

#reportdates .icoBox span {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    display: block;
}

#reportdates span.icoBox * {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#reportdates span.icoBox {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 14px;
    height: 40px;
    width: 40px;
    text-align: center;
    border-left: solid 1px #e7e7e7;
}


.MessageAtrrBox .EditDescDelete {
    margin: 21px 2% 0;
}




.MessageAllBoxEdit div.disable, .MessageAllBoxEdit input:disabled {
    background-color: rgba(000,000,000,0.02);
}



.MessageAllBox {
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#EditMessage .MessageAllBox {
    width: 303%;
}

.MessageStep1, .MessageStep2, .MessageStep3 {
    float: left;
    width: 100%;
    position: relative;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    
}
#EditMessage .MessageStep3 {
    margin-right: 0;
}

#EditMessage .MessageStep2, #EditMessage .MessageStep3 {
    display: none;
}

#EditMessage .MessageStep1, #EditMessage .MessageStep2, #EditMessage .MessageStep3 {
    width: 33%;
    margin-right: 1%;
}

.MessageStep3BoxSelect {
    display: block;
    position: absolute;
    right: 10px;
    top: 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #eeeeee;
    color: #cccccc;
    font-size: 22px;
}

.MessageStep3BoxSelect .BoxSelectAndLeft, .MessageStep3BoxSelect .BoxSelectAndRight {
    background-color: #f9f9f9;
    padding: 2px 18px;
    cursor: pointer;
}

.MessageStep3BoxSelect .BoxSelectAndLeft {
    width: 50%;
    float: left;
    border: none;
}

.MessageStep3BoxSelect .BoxSelectAndLeft.active, .MessageStep3BoxSelect .BoxSelectAndRight.active {
    color: #2e3192;
    background-color: #FFF;
}

.MessageStep3BoxSelect .BoxSelectAndRight {
    width: 50%;
    float: right;
    border-left: 1px solid #eeeeee;
}


.NextStep1, .NextStep2, .NextStep3 {
    display: inline-block;
    padding: 10px 22px 10px 48px;
    background-color: #2e3192;
    border: 1px solid #2e3192;
    color: #ffffff;
    font-family: HKGroteskSemiBold;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    margin-left: 20px;
}

.NextStep3.disable {
    cursor: default;
    background-color: #e7e7e7;
    border: 1px solid #e7e7e7;
}

.NextStep3:hover, .NextStep3:focus, .NextStep3:visited {
    color: #ffffff;
}

.NextStep1 span, .NextStep2 span, .NextStep3 span, .NextStep1 i, .NextStep2 i, .NextStep3 i {
    position: absolute;
    font-size: 18px;
    top: 11px;
    left: 20px;
}

.PreviousStep1, .PreviousStep2, .PreviousStep3 {
    display: inline-block;
    padding: 10px 22px 10px 48px;
    background-color: #FFF;
    border: 1px solid #e7e7e7;
    color: #2e3192;
    font-family: HKGroteskSemiBold;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

.PreviousStep1 span, .PreviousStep2 span, .PreviousStep3 span {
    position: absolute;
    font-size: 18px;
    top: 11px;
    left: 20px;
}

.MessageAllBox a.EditCancel, .MessageAllBox a.AddCancel {
    font-family: HKGroteskBold;
    font-size: 13px;
    color: #9b9b9b;
}




.MessagePhoneBoxAndr {
    margin: 20px auto;
    width: 299px;
    height: 600px;
    position: relative;
    background-image: url('/images/androidphone.png');
    background-position: left top;
    background-repeat: no-repeat;
}

.MessagePhoneBoxAndr .MessagePhoneMessa {
    position: absolute;
    top: 90px;
    left: 57px;
    color: #4a4a4a;
    font-size: 14px;
    font-family: HKGroteskSemiBold;
}

.MessagePhoneBoxAndr .MessagePhoneGlass {
    position: absolute;
    top: 120px;
    left: 21px;
    height: 376px;
    width: 258px;
}

.MessagePhoneBoxAndr .MessagePhoneGlass .MessagePhoneGlassIn {
    width: 100%;
    height: 100%;
    position: relative;
}

.MessagePhoneBoxAndr .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInTitleBox {
    text-align: center;
    height: 83px;
    width: 100%;
    overflow: hidden;
}

.MessagePhoneBoxAndr .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInTitleBox .MessagePhoneGlassInTitle {
    font-size: 16px;
    font-family: HKGroteskBold;
    color: #4a4a4a;
    display: block;
    padding-top: 13px;
    max-height: 57px;
    overflow: hidden;
}

.MessagePhoneBoxAndr .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInTitleBox .MessagePhoneGlassInSubTitle {
    font-size: 12px;
    font-family: HKGroteskRegular;
    color: #ccc;
    display: block;
    max-height: 19px;
    overflow: hidden;
}

.MessagePhoneBoxAndr .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInPhoto {
    height: 160px;
    width: 100%;
    text-align: center;
    background-color: #f5f5f5;
    color: #ccc;
    padding-top: 10px;
    overflow: hidden;
}

.MessagePhoneBoxAndr .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInPhotos img {
    max-height: 130px;
    max-width: 180px;
}

.MessagePhoneBoxAndr .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInPhoto .MessagePhoneGlassInGalTitle {
    font-size: 12px;
    font-family: HKGroteskRegular;
    color: #ccc;
    display: block;
}

.MessagePhoneBoxAndr .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInContent {
    overflow: hidden;
    color: #ccc;
    text-align: justify;
    height: 80px;
    padding-top: 15px;
    padding-bottom: 6px;
    font-size: 11px;
    width: 90%;
    margin: 0 auto;
}

.MessagePhoneBoxAndr .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInCall {
    background-color: #2e3192;
    color: #FFF;
    display: block;
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
    font-family: HKGroteskBold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 5px auto 0px;
    width: 90%;
}




.MessagePhoneBoxIOS {
    margin: 20px auto;
    width: 299px;
    height: 600px;
    position: relative;
    background-image: url('/images/iphone.png?1');
    background-position: center top;
    background-repeat: no-repeat;
}

.MessagePhoneBoxIOS .MessagePhoneMessa {
    position: absolute;
    top: 91px;
    left: 40px;
    color: #4a4a4a;
    font-size: 14px;
    font-family: HKGroteskSemiBold;
}

.MessagePhoneBoxIOS .MessagePhoneGlass {
    position: absolute;
    top: 115px;
    left: 22px;
    height: 413px;
    width: 257px;
}

.MessagePhoneBoxIOS .MessagePhoneGlass .MessagePhoneGlassIn {
    width: 100%;
    height: 100%;
    position: relative;
}

.MessagePhoneBoxIOS .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInTitleBox {
    text-align: center;
    height: 90px;
    width: 100%;
    overflow: hidden;
}

.MessagePhoneBoxIOS .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInTitleBox .MessagePhoneGlassInTitle {
    font-size: 16px;
    font-family: HKGroteskBold;
    color: #4a4a4a;
    display: block;
    padding-top: 13px;
    max-height: 57px;
    overflow: hidden;
}

.MessagePhoneBoxIOS .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInTitleBox .MessagePhoneGlassInSubTitle {
    font-size: 12px;
    font-family: HKGroteskRegular;
    color: #ccc;
    display: block;
    max-height: 19px;
    overflow: hidden;
}

.MessagePhoneBoxIOS .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInPhoto {
    height: 140px;
    width: 100%;
    text-align: center;
    background-color: #f5f5f5;
    color: #ccc;
    padding-top: 10px;
    overflow: hidden;
}

.MessagePhoneBoxIOS .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInPhotos img {
    max-height: 130px;
    max-width: 180px;
}

.MessagePhoneBoxIOS .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInPhoto .MessagePhoneGlassInGalTitle {
    font-size: 12px;
    font-family: HKGroteskRegular;
    color: #ccc;
    display: block;
}

.MessagePhoneBoxIOS .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInContent {
    overflow: hidden;
    color: #ccc;
    text-align: justify;
    height: 133px;
    padding-top: 15px;
    padding-bottom: 6px;
    font-size: 11px;
    width: 90%;
    margin: 0 auto;
}

.MessagePhoneBoxIOS .MessagePhoneGlass .MessagePhoneGlassIn .MessagePhoneGlassInCall {
    background-color: #2e3192;
    color: #FFF;
    display: block;
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
    font-family: HKGroteskBold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 5px auto 0px;
    width: 90%;
}





.jserr {
    color: #F00;
    font-size: 13px;
    text-align: center;
    display: block;
}


/********************************************** MESSAGE **************************************/











footer {
    text-align: right;
    margin-bottom: 20px;
    color: #8a8a8a;
    font-size: 10px;
    font-family: HKGroteskMedium;
}

footer a, footer a:hover {
    color: #8a8a8a;
}

.author {
    text-align: left;
    color: #8a8a8a;
    float: left;
}

.fotright {
    text-align: right;
    float: right;
}

.fotright a {
    margin-left: 15px;
}









/************************************** JQUERY UI - DATAPICKER *******************************/

#ui-datepicker-div .ui-datepicker-header {
    background: none;
    border: none;
}

table.ui-datepicker-calendar {
    font-family: HKGroteskSemiBold;
}

table.ui-datepicker-calendar tr th {
    color: #9b9b9b;
}

table.ui-datepicker-calendar a.ui-state-default {
    border: none;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 8px 5px;
}




/*************************** DONUTS ******************************/

.donutsBox {
    position: relative;
    left: 0;
    top: 0;
    margin: auto;
    height: 90px;
    width: 90px;
    border: 0px;
    outline: none;
}

.donuts {
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}



/*************************** DONUTS ******************************/





@media screen 
  and (max-width: 1370px) { 
    header .loginName {
        font-size: 10px;
        margin: 29px 15px 0 0;
    }
    header .loginNameImg {
        margin-left: 5px;
        margin-right: 5px;
        width: 26px;
        height: 26px;
    }
    header .loginNameT {
        margin-top: 6px;
    }
    .ExFi .ExFiSer .ExFiSerIn {
        left: -60px;
        width: 400px;
    }
    .ExFiltr .Exo label {
        width: 25px!important;
        font-size: 11px;
    }
    .DateSelectFrom, .DateSelectTo {
        padding: 5px 5px;
        font-size: 10px;
        width: 70px;
    }
    .DataChangeEx {
        float: right;
        margin-top: 3px;
    }
    
    .ProductsListSearch {
        width: 230px;
    }
    
    .FiUniqueLab {
        font-size: 12px;
        padding-bottom: 11px;
    }
    
    .messageAgeAll .messageAgeDiv .messageAgeFrom {
        width: 96%;
        display: block;
    }
    
    .messageAgeAll .messageAgeDiv .messageAgeTo {
        width: 96%;
        display: block;
        margin-bottom: 5px;
    }
    .MessageEditButt.savedraft {
        width: 220px;
    }
    .messageBehaviour, .messageGender, .messageAgeAll, .messageUserty, .messageProduct {
        font-size: 12px;
    }
    .SendNotificationLab {
        width: 75%;
        font-size: 13px;
        padding-top: 12px;
    }
    h3.MessageTitle {
        font-size: 13px;
    }
    .CenterSegmentsRow #compPercentUniq {
        margin-left: 2%;
    }
    .CenterSegmentsRow .blockChartMin .compWebApiTitle {
        font-size: 12px;
    }
    .CenterSegmentsRow .blockChartMin .compWebApiValWe .bull, .CenterSegmentsRow .blockChartMin .compWebApiValAp .bull {
        height: 9px;
        width: 9px;
    }
    .CenterSegmentsRow .blockChartMin .compWebApiValAp, .CenterSegmentsRow .blockChartMin .compWebApiValWe {
        right: -7px;
        width: 35%;
    }
    .TimeOfDay {
        padding: 0;
    }
    .TimeOfDay canvas {
        padding: 0;
    }
    .devicescansAPPChar {
        padding: 15px 15px 15px 15px;
    }
    .devicescansAPP .blockChartMin {
        height: 72px;
    }
    .devicescansAPP .blockChartMin .ChartScansCount, .devicescansAPP .blockChartMin span.DevicKey {
        font-size: 12px;
    }
}

@media screen 
  and (max-width: 1000px) { 
    .ProductsListSearch {
        width: 190px;
    }
}

@media screen 
  and (max-width: 768) { 
    .CenterSegmentsRow .blockChartMin:nth-child(2n+0) {
        margin-left: 8.33333333%;
    }
}