@font-face {
	font-family: 'Lato Regular';
	src: url(../fonts/lato/Lato-Regular.ttf);
}
@font-face {
	font-family: 'Lato Medium';
	src: url(../fonts/lato/Lato-Medium.ttf);
}
@font-face {
	font-family: 'Lato Bold';
	src: url(../fonts/lato/Lato-Bold.ttf);
}
@font-face {
	font-family: 'Lato Black';
	src: url(../fonts/lato/Lato-Black.ttf);
}




/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;letter-spacing: -0.03em;}
body{margin:0;padding-left: 70px;display: flex;
  flex-direction: column;
  min-height: 100vh;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:transparent;    text-decoration: none;color:#3E98EC}
.nolink{color: #000;}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight: 700;font-family: 'Lato Bold', sans-serif;}
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
li {
  list-style-type: none;
}
.b-back {background: #f5f4f8;}
ul {
  margin-left: 0;
  padding-left: 0;
}
.nowcontent{flex-grow: 1;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
p {
    margin-top: 0;
    margin-bottom: 0;
}
.dash li {
      list-style-type: none;
}
.datechange{display: none;}
.vid-controls{display:flex}
.plaeerbutton {background: #fff;
    width: 35px;
    height: 35px;
		border-radius: 6px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;}
		.myistitle{width:100%;text-align: left;position: relative;}
		.mypill{position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    padding: 1px 8px;
    font-size: 12px;
    border-radius: 15px;
    cursor: pointer;
    border: 1px solid #E6E5E9;}
    .custom-checkbox {
      position: absolute;
      z-index: -1;
      opacity: 0;
    }

    .custom-checkbox+label {
      display: inline-flex;
      align-items: center;
      user-select: none;
    }
    .custom-checkbox+label.radio-answer::before {
      content: '';
      display: inline-block;
      width: 1em;
      height: 1em;
      flex-shrink: 0;
      flex-grow: 0;
      border: 1px solid #000000;
      border-radius: 0.25em;
      margin-right: 0.5em;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 50% 50%;
    }
    .custom-checkbox+label::before {
      content: '';
      display: inline-block;
      width: 1em;
      height: 1em;
      flex-shrink: 0;
      flex-grow: 0;
      border: 1px solid #000000;
      border-radius: 0.25em;
      margin-right: 0.5em;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 50% 50%;
    }

    .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
      border-color: #1e164f;
    }
    .custom-checkbox:not(:disabled):active+label::before {
      background-color: #000;
      border-color: #000;
    }
    .custom-checkbox:focus+label::before {
      box-shadow: 0 0 0 0.0rem rgba(0, 123, 255, 0.25);
    }
    .custom-checkbox:focus:not(:checked)+label::before {
      border-color: #000;
    }
    .custom-checkbox:checked+label::before {
      border-color: #000;
      background-color: #000;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    }
    .custom-checkbox:disabled+label::before {
      background-color: #ccc;
      border-color: #ccc;
    }

		.loader-oi {
			width: 20px;
     	height: 20px;
		  border: 2px solid #FFF;
		  border-radius: 50%;
		  display: inline-block;
		  position: relative;
		  box-sizing: border-box;
		  animation: rotation 1s linear infinite;
		}
		.loader-oi::after,
		.loader-oi::before {
		  content: '';
		  box-sizing: border-box;
		  position: absolute;
		  left: 0;
		  top: 0;
		  background: #FF3D00;
		  width: 6px;
		  height: 6px;
		  transform: translate(150%, 150%);
		  border-radius: 50%;
		}
		.loader-oi::before {
		  left: auto;
		  top: auto;
		  right: 0;
		  bottom: 0;
		  transform: translate(-150%, -150%);
		}

		@keyframes rotation {
		  0% {
		    transform: rotate(0deg);
		  }
		  100% {
		    transform: rotate(360deg);
		  }
		}
		.loader-big {
			width: 48px;
     	height: 48px;
		  border: 2px solid #222223;
		  border-radius: 50%;
		  display: inline-block;
		  position: relative;
		  box-sizing: border-box;
		  animation: rotation 1s linear infinite;
			position: absolute;
    left: 48%;
    top: 50px;
		}
		.ai-chevron-back{cursor: pointer;}
		.loader-big::after,
		.loader-big::before {
		  content: '';
		  box-sizing: border-box;
		  position: absolute;
		  left: 0;
		  top: 0;
		  background: #FF3D00;
		  width: 6px;
		  height: 6px;
		  transform: translate(150%, 150%);
		  border-radius: 50%;
		}
		.loader-big::before {
		  left: auto;
		  top: auto;
		  right: 0;
		  bottom: 0;
		  transform: translate(-150%, -150%);
		}

		@keyframes rotation {
		  0% {
		    transform: rotate(0deg);
		  }
		  100% {
		    transform: rotate(360deg);
		  }
		}
.show-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px;
		position: absolute;
    background-color: #f5f4f8;

}
.fizdot{top: 5px;
    position: relative;}
::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: #323236;
}

::-webkit-scrollbar-thumb {
    background-color: #aaaab3;
		border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #bfbfc7
}

::-webkit-scrollbar-button:vertical:start:decrement {

    background-color: #f5f4f8;
}

::-webkit-scrollbar-button:vertical:end:increment {

    background-color: #f5f4f8
}

::-webkit-scrollbar-button:horizontal:start:decrement {

    background-color:#f5f4f8
}

::-webkit-scrollbar-button:horizontal:end:increment {

    background-color: #f5f4f8
}

  body{font-family: 'Lato Regular', sans-serif;background-color: #F5F4F8;font-size: 14px;}
.border-radius{border-radius: 30px !important}
.pt-56{padding-top: 56px !important;}
.border-radius-min{border-radius: 10px !important}
	.start-card{
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 1px 0px #00000017;
}
#theend{width: 60%;
    margin: 5% 20%;}
.minipadding{padding: 3px 2px;}
.card-test{width:60%; margin: 30px 20%; border:none;box-shadow: 0px 1px 1px 0px #00000017;}
.test-content{padding: 40px;}
.the-timer {padding: 15px 20px;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0px 1px 1px 0px #00000017;}

.dop-bg-body {width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0px;}
.dash {background: rgb(255 255 255);
    background: linear-gradient(45deg, rgb(255 255 255) 0%, rgb(255 255 255) 30%, rgb(255 255 255) 60%, rgb(255 255 255) 100%);
	background-attachment: fixed;}
.test-mopdal {margin: 5% 0;   }
  /*fontsize*/
  .title-test{font-family: 'Lato Medium';}
  .name-test{font-family: 'Lato Bold';}
  button{font-size: 14px;}
  .logo{height: 40px;}
  .logo img {
      max-width: 100%;
      max-height: 100%;
  }
	.w-20 {
    width: 20% !important;
    float: left;
}
	.w-80 {
		width: 80% !important;
	    float: left;
}
.big-center-content{z-index: 1;
    position: relative;}
.fs-30 {font-size: 30px;}
.card-content {padding: 40px;}
	.left-content{justify-content: left;
    display: flex;
    align-items: center;}
	.right-content{justify-content: right;
    display: flex;
    align-items: center;}

	.right-content-top{justify-content: right;
    display: flex;}
.height-auto{height: auto !important;}
	.center-content{justify-content: center;
    display: flex;
    align-items: center;}
.newlinks span{text-decoration: underline;}
.zaglushka{opacity: 0;height: 1px; overflow: hidden;}
.mydoppy {padding: 44px 0;}
.filtr-dropdown .is-header-title,.filtr-dropdown-fiz .is-header-title,.filtr-dropdown-ats .is-header-title {background-position: right 0.7em top 50%, 0px 0px;}
.filtr-dropdown-univers .is-header-title {background-position: right 0.7em top 50%, 0px 0px;}
.newlinks i{    font-size: 18px;
    position: relative;
    top: 2px;}
		.the-question{border-bottom: 1px solid #E6E5E9;
    padding: 0 0 20px;}
.radio-answer{width: 100%;border-bottom: 1px solid #E6E5E9;
    padding: 10px;}
.radio-answer::before{border: 1px solid #ffffff !important;
    border-radius: 25px !important;
    box-shadow: 0 0 0 1px #807F84;}
.the-radio-answer:focus+label::before {
    box-shadow: 0 0 0 1px #807F84;
}
.the-radio-answer:checked+label::before {
    background-image:none;
}
.the-radio-answer:checked+label p{
    color:#000;
}
.new-info-balance{cursor: pointer;}
.but-answ{border-radius: 6px !important;}
.radio-answer p{color:#000}
.check-answ::before{border-radius: 5px !important;}
.radio-answer:hover{cursor: pointer;background: #F5F4F8}
    .background-block{height: 60px;
    width: 100%;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -999;    background: #fff;}
	.prb3{position: relative;
    top: 30px;
    z-index: 1;}
		.inumbe {position: absolute;
    bottom: -25px;
    right: -4%;
    color: #807F84;}
		.text-palka{position: absolute;
    bottom: 5px;
    text-align: center;
    width: 100%;
    color: #807F84;}
	.c-black{color:#000;}
  .avatar, .user-menu{float:left;max-height: 40px;
    overflow: hidden;}
  .avatar-img{float:left;    width: 40px;
    border-radius: 25px;
    height: 40px;
    overflow: hidden;    border: 1px solid #e3e3e3;}
  .avatar img{min-width: 40px;
    border-radius: 25px;
    height: 40px;}
  .button {    background: #fff;
		transition: all 0.3s ease;
    border-radius: 5px;
    border: 1px solid rgba(230, 229, 233, 1);
    padding: 13px 20px;
    height: 50px;}
    .but-black{border-radius: 50px;
    background: #000;
    color: #fff;transition: all 0.3s ease}
    .but-gray{border-radius: 50px;
      background: #F5F4F8 !important;
      border:1px solid #E6E5E9;
      color: #000!important;}
    .has-icon {}

      .trigger  button{    background: none;
        border-radius: 5px;
        border: 1px solid rgba(230, 229, 233, 1);
        padding: 10px 20px;
        height: 50px;}
        .but-black{border-radius: 50px;
        background: #000;
        color: #fff;}
        .triggers .is-active button{    background: #fff;box-shadow: 0px 1px 1px 0px #00000017;
  }
#bigban,#bigbanfiz {    position: absolute;
    font-size: 26px;
    z-index: 1;
    background: #fff;
    right: 2px;
    top: 2px;
    padding: 8px;
    cursor: pointer;}
    .is-balance {text-align: right;}
    .is-balance span{text-align: center;
vertical-align: middle;
line-height: 50px;  }
.dopgraytext {display: inline-block;font-size: 12px; width:50%;line-height: 1;
    position: relative;
    top: 5px;}
.mi-menu li{
    margin-right: 30px;font-family: 'Lato Bold';display: inline-block;cursor:pointer;color: #59595B;}
.mi-menu li.is-active {
	color:#000;z-index: 1;
    position: relative;}
		.theborder{height: 2px;background: #fff0;width: 100%;    position: absolute;
    bottom: -18px;}
.mi-menu li.is-active .theborder {
		height: 2px;
	width: 100%;background: #000}
.mi-line {width: 100%;
    position: absolute;
    border-bottom: 1px solid #d3d3d3;
    left: 0;
    top: 115px;}
    .trigger {float:left;}
    .triggers {background: #E6E5E9;
    padding: 5px;
  border-radius: 5px; float: right;}
	.trig{float:left;}
  .trigger button{height:40px;    padding: 7px 16px;}
  .search input{width: 100%;
    padding: 16px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;}
		.star svg path {
								fill: #E6E5E9;
						}
		.hovered svg path {
		            fill: black;
		        }
.noone svg path {
						fill: #BDBCC0;
				}
.idones svg path {
						fill: black;
}
.filtr-dropdown,.filtr-dropdown-fiz,.filtr-dropdown-ats{position: relative;}
.filtr-dropdown-univers{position: relative;}
.filtr-dropdown-toggle,.filtr-dropdown-fiz-toggle,.filtr-dropdown-ats-toggle{
  display: flex;
  align-items: center;
	width: 100%;
    padding: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    background: #fff;
}
.filtr-dropdown-univers-toggle{
  display: flex;
  align-items: center;
	width: 100%;
    padding: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    background: #fff;
}
.sel-user{background: #f5f4f8;
    box-shadow: 0px 1px 1px 0px #00000017;}
.filtr-selected-user {
  margin-right: 5px;
	height: 30px;
	align-items: center;
    display: flex;
}
.filtr-selected-univers-user {
  margin-right: 5px;
	height: 30px;
	align-items: center;
    display: flex;
}
.filtr-selected-fiz-user,.filtr-selected-ats-user {
  margin-right: 5px;
	height: 30px;
	align-items: center;
    display: flex;
}

.filtr-dropdown-menu,.filtr-dropdown-fiz-menu,.filtr-dropdown-ats-menu {
	max-height: 200px;
	overflow-y: scroll;
	background: #fff;
	padding: 13px;
	border-radius: 6px;
	box-shadow: 0px 1px 1px 0px #00000017;
	position: absolute;
    width: 100%;
		z-index: 2;
}
.filtr-dropdown-univers-menu {
	max-height: 200px;
	overflow-y: scroll;
	background: #fff;
	padding: 13px;
	border-radius: 6px;
	box-shadow: 0px 1px 1px 0px #00000017;
	position: absolute;
    width: 100%;
		z-index: 2;
}
.filtr-dropdown-menu-test,.filtr-dropdown-fiz-menu-test,.filtr-dropdown-ats-menu-test {
	max-height: 200px;
	    overflow-y: scroll;
	    background: #f9f9f9;
	    padding: 13px;
	    border-radius: 6px;
	    box-shadow: 0px 1px 3px 0px #0000001f;
	    position: absolute;
	    width: 100%;
	    z-index: 2;
}

.filtr-dropdown-menu li,.filtr-dropdown-fiz-menu li,.filtr-dropdown-ats-menu li {
	padding: 5px;
	    display: flex;
	    align-items: center;
	    cursor: pointer;
	    position: relative;
			transition: all 0.3s ease;
	    width: 100%;
	    border-radius: 6px;
			margin-bottom: 5px;
}
.filtr-dropdown-univers-menu li {
	padding: 5px;
	    display: flex;
	    align-items: center;
	    cursor: pointer;
	    position: relative;
			transition: all 0.3s ease;
	    width: 100%;
	    border-radius: 6px;
			margin-bottom: 5px;
}
.filtr-dropdown-menu li:hover,.filtr-dropdown-fiz-menu li:hover,.filtr-dropdown-ats-menu li:hover {
 background: #f5f4f8;
}
.filtr-dropdown-univers-menu li:hover {
 background: #f5f4f8;
}

.c-blue{color: #3E98EC;}

.filtr-dropdown-menu li img,.filtr-selected-user img,.filtr-dropdown-fiz-menu li img,.filtr-selected-fiz-user img,.filtr-dropdown-ats-menu li img,.filtr-selected-ats-user img {
	width: 30px;
	    height: 30px;
	    border-radius: 20px;
	    margin-right: 10px;
}
.filtr-dropdown-univers-menu li img {
	width: 30px;
	    height: 30px;
	    border-radius: 20px;
	    margin-right: 10px;
}
.new-gray {color:#3B3A3E}
		.star {cursor: pointer;}
.rating {    display: inline-flex;position: relative;
    bottom: 3px;}
		.myettext{display: none;}
		.whtext .myettext{display: block;}
.instar {display: initial;
    position: relative;
    bottom: 4px;
    margin-right: 10px;}
.line-w-text{width: 100%;
    text-align: center;
    border-bottom: 1px solid #e6e5e9;
    height: 12px;display: block;}
.text-in-line{background: #fff;
    padding: 0 10px;font-weight: 600;}
    .fs-17{font-size:17px;}
    .fs-18{font-size:18px;}
    .fs-12{font-size:12px;}
    .fs-13{font-size:13px;}
    .but-mini{background: #fff;
    border-radius: 15px;
    border: 1px solid #E6E5E9;
    padding: 4px 15px;}
    .but-mini{font-size: 14px;}
    .top-filters button.is-active{border: 1px solid #000;}
    .my-title{float:left;}
    .sort a{color:#807F84;padding-bottom:1px;text-decoration: none;border-bottom:1px solid #807F84}
    .sort a.is-active{color:#3E98EC;border-bottom:1px solid #3E98EC}
    .results{border-radius: 5px;}
    .block-result {
      border-bottom: 1px solid #f5f4f8;
  border-radius: 10px;
  background: #FFF;
  margin-bottom: 5px;
  box-shadow: 0px 1px 1px 0px #00000017;
    }
		.biglogo{cursor:pointer}
    .text-muted {color:#807F84}
    #doptests {height: 50px;}
    .mybittens {position: relative;
    overflow: hidden;}
    .buttonsover .but-mini {margin-bottom: 10px;}
    .buttonsover {position: absolute;
    width: 500%;}
    .dot{width:10px; height:10px; border-radius: 10px;display: inherit;border:1px solid #ccc}
    .is-red {background: #F00056;border:none;}
.gray-block{padding:20px; border-radius:6px;}
    .igray{background: #F5F4F8}
.center-dash{    margin: 5% 0 0 0;}
    .modal-biger{width: 100%;
    height: 100%;
    top: 0;left: 0;
    display: none;
            justify-content: center;
            position: fixed;
    z-index: 9999;
    }
    .modal-big-bg{    background-color: rgba(22,22,22,0.5);
    width: 100%;
    height: 100%;
        position: fixed;
    z-index: 1;}
    .modal-container{position: fixed;
      margin: 0 auto;
      max-height: 90%;
      width: 660px;
      top:5%;
      z-index: 99;
      overflow-y: scroll;
      background: #F5F4F8;
      border-radius:6px;}
      .modal-contents{    padding: 40px;}
      .block {
        background: #fff;
        border-radius: 6px;
        padding: 10px;
          box-shadow: 0px 1px 1px 0px #00000017;
      }
      .modal-headers h1{font-family: 'Lato Black';
      font-size: 30px;}
      .modal-contents h2{font-family: 'Lato Bold';
      font-size: 20px;}
      .i-mod-res-header{background:#F5F4F8;border:1px solid #E6E5E9;border-radius: 3px}
      .i-mod-res-header h4{font-size: 14px; font-family: 'Lato Bold';margin: 0;padding:10px 0;color:#807F84 }
      .d-flex{display: flex;}
      .justify-content-left{justify-content:left}
      .i-mod-result .dot{margin: 6px 7px;    min-width: 10px;}
      .i-mod-result,.i-m-coment{border-top: 1px solid #E6E5E9 }
			.supermini{    width: 20px;
    height: 20px;
    margin-right: 7px;
    margin-left: 10px;
    position: relative;
    top: 3px;
		display: inline-block;
		overflow: hidden;
    border-radius: 25px;}
			.supermini img{    min-height: 20px;
    width: 20px;
    max-height: 40px;}
      .b-gray {background:#F5F4F8; color:#000}
      .b-black {background:#18171A; color:#fff}
      .i-bodal-dop-but {font-size: 14px; font-family: 'Lato Medium';margin-bottom: 5px;color:#000;display: inline-block;}
      .i-m-clodes {    width: 660px;
    position: relative;
    z-index: 99;
		    height: 0;
    }
      .i-m-closed{right: 0;
  position: absolute;z-index: 99;
  top: 30px;right: -40px;
  color: #fff;
  font-size: 30px;cursor: pointer}
  .modal-result{cursor: pointer;}
  .i-m-link{text-align: right;}
  .bage {padding: 1px 5px;
    border-radius: 10px;}
  .is-orange-b{background: #FFB673;
    color: #fff;}
  .is-green-b{background: #A8E17B;
    color: #fff;}
  .is-red-b{background: #FF7373;
    color: #fff;}
    .btn-done {background: #000;
    color: #fff;
    padding: 2px;
    border-radius: 10px;
}
    .btn-done-gray {background: #BDBCC0;
    color: #fff;
    padding: 2px;
    border-radius: 10px;
}
.close-gl-otd{cursor: pointer;}
.i-filter-block,.i-filter-block-v {background: #E6E5E9;border-radius:6px;    }
.filters-content button.is-active {
    border: 1px solid #000;
}
.dopdropdown{display: inline-grid;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0px 1px 1px 1px #00000017;
    background: #fff;
    position: absolute;
    top: 70px;
    right: 10px;
    z-index: 4;}
.dopdropdown span{padding: 10px 5px;border-radius: 6px;transition: all 0.2s ease;cursor:pointer}
.dopdropdown span:hover{padding: 10px 5px;
    background: #f5f4f8;
    box-shadow: 0px 1px 1px 0px #00000017;}
.text-rignt{text-align: right;}
.red-c {color:#D6422E}
.but-and-img {position:relative;padding-left: 36px;}
.but-mini img {width: 20px;height: 20px;position: absolute;left:10px}
.mycard {background: #fff;
    border-radius: 6px;
    padding: 15px;position:relative}

    .w-50 {width:50%;float:left;}
    .w-33 {width:33.33333%;float:left;}
    .w-100 {width:100%;float:left;}
    .w-220 {width: 220px;}
    .card-info{font-size: 11px; color:#807F84}
    .in-test{    width: 100%;
    height: 40px;
    padding: 5px;
    background: #F5F4F8;
    border: none;}
    .fs-22{font-size:22px;}
    .fs-28{font-size:28px;}
    .favorite{position: absolute;
    top: 15px;
    cursor: pointer;
    right: 0px;
    text-align: right;width: 50px;}
		.fl-1{    top: 34%;
		    left: -5px;}

    .i-black{background: #000;color:#fff}
    .i-gray{background: #E4E2F0 !important;    text-align: center;}
    .i-gray .in-test{background: #E4E2F0 !important;}
    .i-gray img{height: 100px;}
    .mycard-adder{background: #fff;
    border-radius: 6px;width: 98%;    position: sticky;
    top: 50px;
    padding: 20px;}
    .block-placeholder {background: #F5F4F8;padding:15px;border-radius: 6px;}
    .adder-for{width: 100%;
    height: 47px;
    border: 1px solid #E6E5E9;
    border-radius: 6px;
    margin-bottom: 10px;padding-top: 17px;
    padding-left: 10px;}
    .adder-fild {position:relative;}
    .adder-fild label{    position: absolute;
    left: 9px;}
    .creator{    background: #BDBCC0;
    color: #fff;
    width: 100%;
    border: none;}
    .btn-gray{    position: relative;
    top: 1px;
    color: #fff;
    cursor:pointer;
    background: #BDBCC0;
    border-radius: 10px;
    padding: 2px;}
.checkbox-btn {display: none;}
.checkbox-btn input[type=checkbox] {
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
.wb-but{background: #fff;border:1px solid #E6E5E9 }
.cliner{text-decoration: underline;
    color: #3E98EC;}
    .form-input {
  width: 100%;
  background: white;
  margin: auto;
  position: relative;
  margin-bottom: 30px;
  height: 47px;
    border: 1px solid #E6E5E9;
    border-radius: 6px;
    margin-bottom: 10px;
    padding-left: 10px;
}
.form-element-input {
	z-index: 0;
    position: relative;
	outline: none;
	    height: 2.6rem;
	    display: block;
	    background: none;
	    padding-top: 20px;
	    font-size: 1rem;
	    border: 0;
	    line-height: 3.5;
	    width: 100%;
	    color: #333;
	    box-shadow: none;
	    opacity: 0;
	    transition: opacity 0.28s ease;
	    will-change: opacity;
}

.form-element-input::placeholder {
  color: #a6a6a6;
  transform: scale(0.9);
  transform-origin: left top;
}

.form-element-bar {
  height: 1px;
  background: #999;
  position: relative;
  display: block;
}

.form-element-bar:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background: #337ab7;
  height: 2px;
  display: block;
  transform: rotateY(90deg);
  transition: transform .28s ease;
  will-change: transform;
}

.form-element-label {
  position: absolute;
    font-weight: 700;font-family: 'Lato Bold', sans-serif;
  top: 2rem;
  line-height: 1.5rem;
  pointer-events: none;
  padding-left: 0.125rem;
  z-index: 2;
    font-size: 14px;
  margin: 0;
  color: #ссс;
  transform: translateY(-50%);
  transform-origin: left center;
  transition: transform .28s ease, color .28s linear, opacity .28s linear;}
  .form-element-input.hasValue ~ .form-element-bar::after,
.form-element-input:focus ~ .form-element-bar::after {
  transform: rotateY(0deg);
}
.form-element-input.hasValue ~ .form-element-label,
.form-element-input:focus ~ .form-element-label {
  color: #000;
}
.form-element-input.hasValue,
.form-element-input:focus ,.no-animation{
  opacity: 1;
}
.form-element-input.hasValue ~ .form-element-label,
.form-element-input:focus ~ .form-element-label, .no-animation-label{
  transform: translateY(-100%) translateY(-0.5em) translateY(-2px);
  pointer-events: auto;
}
.form-element-input:not(:placeholder-shown) ~ .form-element-label, .no-animation-label {
  transform: translateY(-100%) translateY(-0.5em) translateY(-2px);
  pointer-events: auto;
}
.form-element-input:not(:placeholder-shown) {
  opacity: 1;
}

.form-is-success .form-element-input,
.form-is-success .form-element-label,
.form-is-success .form-element-hint {
  color: #259337;
}


.form-has-error .form-element-label.form-element-label,
.form-has-error .form-element-hint {
  color: #d9534f;
}

.form-has-error .form-element-bar:after {
  background: #d9534f;
}

.form-has-error .form-element-input.hasValue ~ .form-element-label,
.form-has-error .form-element-input:focus ~ .form-element-label {
  transform: translateY(-100%) translateY(-0.5em) translateY(-2px);
  color: #d9534f
  cursor: pointer;
  pointer-events: auto;
}

.bigger-icon-green{background: #A8E17B;
    padding: 20px;
    border-radius: 35px;
    color: #fff;
    font-size: 24px;}
.bigger-icon-red{background: #f00056;
    padding: 20px;
    border-radius: 35px;
    color: #fff;
    font-size: 24px;}
.display-block {display: block;}
.bg-gray {background: #f5f4f8 !important;}
.i-black-but{    padding: 0 40px;background-color: #000000;
    color: #fff;}
    .set-card{background: #fff;border-radius: 6px; padding: 15px;}
    .search-textarea{width: 100%;
    min-height: 70px;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    padding: 15px;}
    .avatar-upload {position: relative;
  max-width: 100%;
}
.avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
      bottom: 0px;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
  color: #757575;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
.drop-title i {display: none}
.selected i {    position: absolute;
    right: 15px;
    padding: 3px;
    background: #000;
    border-radius: 20px;
    display: inline;
    color: #fff;}
.avatar-upload .avatar-edit i {
	font-size: 18px;
color: #000000;
position: relative;
top: 2px;
left: 3px;
}
.avatar-upload .avatar-preview {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 100%;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.nobutton {
  background: #fff;
    border: none;}
    .toggle-pill-color input[type="checkbox"] {
  display: none;
}
    .toggle-pill-color  {
  position: relative;
}
    .toggle-pill-color span {
      position: absolute;
      top: -1px;
      left: 44px;
}
.toggle-pill-color input[type="checkbox"] + label {
  display: block;
  position: relative;
  width: 2em;
  height: 1em;
  margin-bottom: 20px;
  border-radius: 1em;
  background: #807f83;

  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}
.toggle-pill-color input[type="checkbox"] + label:before {
  content: "";
  display: block;
	width: 1.4em;
	    height: 1.4em;
  border-radius: 1em;
  background: #fff;
  box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: -8px;
    top: -3px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.toggle-pill-color input[type="checkbox"]:checked + label {
  background: #9fcbf7;
}
.toggle-pill-color input[type="checkbox"]:checked + label:before {
  box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
  left: 1.3em;
	background: #3e98ec;
}

.is-item {
    width: 100%;}
    .red-for-logo{color:#ee1b4a}
    #confirmmail{display:flex}
    .text-right{text-align: right;}
    .position-relative{position: relative;}
    .allofit {position: absolute;display:none;
    top: 0;
    right: 0;}
.toupper{position: fixed;
    bottom: 20px;
    left: 20px;
    background: #fff;
    padding: 20px;
    border-radius: 100px;
    color: #f00056;
    transition: all 0.3s ease;
    box-shadow: 0px 1px 1px 0px #00000017;}
    .btn-up_hide {
      left: -50px;
  display: none;
}

.is-hide{display: none;}
.is-vision{display: block !important; }
.is-vision-flex{display: flex !important;}
.big-form {text-align: center;
    margin: 100px 0;}
		.is-green-icon{background: #A8E17B;
    padding: 20px;
    border-radius: 61px;
    color: #fff;
    font-size: 30px;}
.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #212529;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    }
		.is-the-card {box-shadow: 0px 1px 1px 0px #00000017;}
.select-css {
display: block;
font-size: 16px;
font-family: sans-serif;
    color: #b6b6b6;
    line-height: 1;
max-width: 100%;
box-sizing: border-box;
margin: 0;
position: relative;
padding-left: 12px;
padding-right: 30px;
left: -10px;
z-index: 2;
height: 46px;
border-radius: 6px;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;

background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEzIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc1IDEuNjI1TDYuNSA3LjM3NUwxMi4yNSAxLjYyNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
background-repeat: no-repeat, repeat;
background-position: right .7em top 60%, 0 0;
}

 .select-css::-ms-expand { display: none; }
 .select-css:hover {  }
 .select-css:focus {
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0);
 box-shadow: 0 0 0 0px -moz-mac-focusring;
color: #000;
 outline: none;
}
.select-css option { font-weight:normal; }
.select-css2 {
display: block;
font-size: 16px;
font-family: sans-serif;
    color: #000;
    line-height: 1;
max-width: 100%;
box-sizing: border-box;
margin: 0;
width: 100%;
position: relative;
padding-left: 12px;
left: -10px;
z-index: 2;
height: 35px;
border-radius: 30px;
border: 1px solid #E6E5E9;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;

background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEzIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc1IDEuNjI1TDYuNSA3LjM3NUwxMi4yNSAxLjYyNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
background-repeat: no-repeat, repeat;
background-position: right .7em top 55%, 0 0;
}
.c-red{color:#F00056}
.not-select {background-image: none;}
 .select-css2::-ms-expand { display: none; }
 .select-css2:hover {  }
 .select-css2:focus {
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0);
 box-shadow: 0 0 0 0px -moz-mac-focusring;
color: #000;
 outline: none;
}
.select-css2 option { font-weight:normal; }
.select-dop {height: 44px; color: #000}
.select-but {width:100%}
 *[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
background-position: left .7em top 50%, 0 0;
padding: .6em .8em .5em 1.4em;
}

.tab-panels{display: flex;}
.prt3{    position: relative;
    top: -3px;}
.prt-20{top:20px; position:relative;}
.fs-20 {font-size: 20px;}
.c-light {color:#BDBCC0}
.bage-70-center {width: 70px;
    text-align: center;}
.d-b {display: block;}

.no-shadow{box-shadow: none;}
.is-message li{list-style-type: disc;}
.is-message ul{padding-left: 2rem;}
.m-assistant .is-message{position: relative;
    top: 10px;
    background: #fff;
    padding: 15px;
    border-radius: 6px;
    max-width: calc(100% - 5px);
    min-width: 50%;
    float: left;}
.m-assistant .hase-scroll{width: 100%}
.m-user .is-message{position: relative;   top: 10px; background: #E0E3EF;
    padding: 15px;
    border-radius: 6px;    float: left;
    min-width: 50%;}
.m-assistant .treug{content: '';
    position: absolute;
    left: 0;
    top: -10px; }
.m-user .treug{content: '';
    position: absolute;
    left: 20px;
    top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid #E0E3EF; }
	#zoi-type .is-message {background: #fff0 !important;}
.c-gray {color:#807F84}
.c-gray-light {color:#BDBCC0}
.input-text {    position: relative;
    bottom: 0;
    padding: 20px 25px 20px 0;
    background: #f5f4f8;}
.mytextaresa{resize: none;background: #fff; border:1px solid #E6E5E9; border-radius:6px;padding: 10px; max-height: 200px; transition: height .1s;
    height: 43px  }
.buton-send {background: #000;
    color: #fff;
    padding: 14px;
    border-radius: 29px;
    border: none;}
.buton-rec {background: #fff;
    color: #000;
    padding: 14px;
    border-radius: 29px;
    border: none;}
.fixator {    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    padding: 0 8%;}
.is-status-online {    position: absolute;
    left: -14px;
    top: 6px;}
		.blue-color{color:#3E98EC}
		.ai-chevron {padding: 14px 0px;
    font-size: 24px;float: left;}
.mypromts{border-bottom: 1px solid #E6E5E9}
.ai-balance{background: #f5f4f8;border-radius:6px;}
.dop-c-gray {color:#BDBCC0}
.myai-head,.ai-text-block{    float: left;}
.ai-topper {     margin-top: 10px;
     top:0 !important;overflow: scroll;
    height: calc(86vh - 60px);width: 80%;
    margin-left: 10%;}
.loader-dots {
    position: relative;
}
.m-line{display: none}
.loader-dots {
  &:after {
    content:'....';
    width:0;
    position:absolute;
    overflow:hidden;
    animation:loader-dots-animation 1s infinite;
  }
}
.res-palka{height: 75px;}
.res-info-test-but {
	text-align: left;
	top: -4px;
	left: -4px;
    position: relative;
    padding: 5px 10px;
    background: #fff;
    border-radius: 25px;
    border: 1px solid #E6E5E9;
}
.svodka{border: 1px solid #E6E5E9;
    border-radius: 10px;}
.res-dopinfo{display:flex}
.text-align-right{text-align:right}
@keyframes loader-dots-animation {
  0%   { width:0.0em; }
  50%  { width:1.2em; }
  100% { width:0.0em; }
}
.tooltip {
  position: absolute;
  top: 50px;
  font-size: 13px;
  background: #ffffff;
  color: #000;
  width: 280px;
		left: -230px;
      padding: 10px 15px;
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.tooltip::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background: #ffffff;
	top: -3px;
	    left: 73%;
  transform: translate(-50%) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.tooltipblock{position: relative;}
.tooltipblock:hover .tooltip {
	top: 20px;
	opacity: 1;
	left: -230px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}
.message-history { height: calc( 100vh - 83px );
    overflow-y: scroll;
		padding-bottom: 40px;
    overflow-x: hidden;}
.gr-opas {    position: absolute;
    background: linear-gradient(#f5f4f8 , #f5f4f800);
    height: 6px;
    width: 100%;
    z-index: 9;}
.favbutton {position: relative;width: 140px;
    top: 0;}
.favbutton img{position: relative;
    top: -2px;}


.gl-c-red-d {background: #A55D5D; border-radius: 25px;color:#fff}
.gl-c-red-l {background: #FF7373; border-radius: 25px;color:#fff}
.gl-c-orange {background: #FFB673; border-radius: 25px;color:#fff}
.gl-c-green-d {background: #D9E17B; border-radius: 25px;color:#fff}
.gl-c-green-l {background: #A8E17B; border-radius: 25px;color:#fff}
.gl-c-gray {background: #BDBCC0; border-radius: 25px;color:#fff}
.aitext {
  position: relative;
width: 100%;
}
.block-placeholder img {width:100%}
.aitext::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0px;
  background: #fff;
  display: block;
  animation: blinking 1s infinite;
}

@keyframes blinking {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.i-dropdown {
  margin: 0px auto;
}
.i-dropdown-hover li {
  padding: 10px;
  height: auto;
  overflow: auto;
  opacity: 1;
}
.i-dropdown span {
  display: inline-block;
  position: relative;
  background: #fff;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  border: 5px;
  border-radius: 5px;
  width: 100%;
  cursor: pointer;
  transition: all 0.5s linear 0s;
}
.i-dropdown span b {
  color: #eee;
  font-weight: normal;
}

.i-dropdown ul {
  display: block;
  position: absolute;
  list-style: none;
  padding: 0px;
  width: 287px;
  border-radius: 6px;
  background: #fff;
  border: 0px solid #E6E5E9;
  transition: all 0.3s ease;
  z-index: 1;
}
.drop-logo{width:31px;height:31px; overflow: hidden; border-radius: 25px;border: 1px solid #E6E5E9}
.drop-logo img{height:30px;}
.i-dropdown-hover ul {
  padding: 10px;
  border: 1px solid #E6E5E9;
  margin-top: 10px;
    z-index: 3;
}
.ql-toolbar{display: flex !important}
.i-dropdown li {
  padding: 0px 10px;
  background: #fff;
  color: #000;
  text-align: left;
  border: 0px;
  width: 100%;
  height: 0px;
  overflow: hidden;
  border-radius: 6px;
  cursor: pointer;
  opacity: 0;
  transition-property: all, background-color;
  transition-duration: 0.2s, 0.4s;
}
.i-dropdown-hover li {
    opacity: 1;
    height: 50px;
    width: 100%;
    white-space: nowrap;
    border-radius: 6px !important;
}
.ai-conf {border-bottom: 1px solid #e6e5e9;
padding-bottom: 10px;}
.new-mini-but {font-size: 12px;
    padding: 4px 8px;}
.border-top-light {border-top:1px solid #e3e3e3}

.i-dropdown button{opacity: 0;display: none}
.i-dropdown-hover button{opacity: 1;display: block;}
.i-dropdown li b {
  color: #eee;
  font-weight: normal;
}
.i-dropdown li:hover,
.i-dropdown li.selected {
  background-color: #F5F4F8;
}
.i-dropdown li:last-child {
  border-radius: 0px 0px 5px 5px;
}

.i-dropdown li:nth-child(1) {
  transition-delay: 0s, 0s;
}

.i-dropdown li:nth-child(2) {
  transition-delay: 0.1s, 0s;
}

.i-dropdown li:nth-child(3) {
  transition-delay: 0.2s, 0s;
}

.i-dropdown li:nth-child(4) {
  transition-delay: 0.3s, 0s;
}

.i-dropdown li:nth-child(5) {
  transition-delay: 0.4s, 0s;
}
.icopy{    position: absolute;
    right: 6px;
    top: 5px;}
.icopynon{display: none;position: relative;
    top: -3px;
}
.itestmodal{cursor:pointer;}
#isaiassist,.ia-header,.oh-background-block {position: fixed;}
.fs-14{font-size: 14px;}
.fs-14-imp{font-size: 14px !important}
.img-company img{max-height: 100px;
    min-width: 100px;
    min-height: 100px;}
.img-company{    overflow: hidden;
    border-radius: 100%;
    border: 1px solid #E6E5E9;height: 100px;
    width: 100px;}
.button-start{    display: flex;
    justify-content: left;
    align-items: center;}
.b-b-button{background: #000 !important; color:#fff;padding: 0px 40px;}
.br-10{border-radius: 10px;}
.big-start{width:100%}
.cursor-pointer{cursor: pointer;}
.creator-test{display: none;}
#aiassist {position: relative;}
.is-ai-dot{position: absolute;
    background: #ee1b4a;
    border: none;}
.toolmini{    top: -45px;width: 130px;    text-align: center;left: -55px; background: #18171A; color:#fff}
.toolmini::before{  background: #18171A; }
.tooltipblock:hover .toolmini{top: -65px;left: -55px;}
#notsendtest{cursor: pointer;}
.m-only {display: none;}
.fw-700 {font-weight: 700;font-family: 'Lato Bold', sans-serif}
.ispopol{padding: 8px 15px;
    height: 40px;
    margin-top: 6px;
}
.card-info p{float: left;
    height: 50px;
    overflow: hidden;}
.act-background-block{height:150px;}
.act-set-background-block{height:360px;}
.ipolsoc {
    margin-top: 25px;
}
.avazoi{width:50px}
.header{
    top: 0px;transition: all 0.3s ease}
.noheader {position: relative;height: 60px;
    top: -130px;}
.noh-background-block {height: 60px}
.ia-header{ height: 0px;
    position: absolute;
    left: 0;
    top: -60px;
		transition: all 0.3s ease;
		cursor: pointer
}
.ia-header img{ width: 50px;
}
.ia-header .ai-chevron{padding: 16px 0px;
}
.ia-header-int{ height: 0px;
    position: absolute;
    left: 0;
    top: -60px;
		transition: all 0.3s ease;
		cursor: pointer
}
.ai-back-new{    display: flex;
    align-items: center;}
#ailogo{ width:40px;}
.fs-13 {font-size:13px;}
.icon-v {display: block;}
.icon-h {display: none;}
.ai-vision {height: 60px;
    left: 0;
    top: -5px;
    z-index: 99;
    background: #fff;
    width: 100%;}
.ai-vision img{width: 50px;}
.ai-dots{    left: 38px;
    top: 36px;
    width: 12px;
    height: 12px;}
		.ai-head-m {display: none;}
		.desk-none{display: none;}
.ai-menu{display: none;}
.energy {font-size: 12px;

		display: block;
}
.carousels-controls {
	display: none;
}
.img-flash{    position: relative;
    bottom: 10px;}
.display-inline-block {display: inline-block;}
.card-result .for-results,.res-card{padding: 20px;border-radius: 6px;background: #fff;    box-shadow: 0px 1px 1px 0px #00000017;}
.card-result .for-results .modal-action .block {background: #f5f4f8;    box-shadow: 0px 1px 1px 0px #00000017;}
.res-card {height: 100%;}
.theresult-card {    background: #fff;
    border-radius: 6px;
    padding: 20px;    box-shadow: 0px 1px 1px 0px #00000017;}
.theresult-card .text-align-right img{width:86px;}
		.res-h1{font-size: 30px;
    font-weight: 700;font-family: 'Lato Bold', sans-serif;margin: 0;}
.res-date{text-align: right;}
.res-date-buton{text-align: right;    top: 10px;
    position: relative;
    padding: 5px 10px;background: #fff;border-radius: 25px; border: 1px solid #E6E5E9}
.res-date-in{color:#807F84}
.res-card-test{background: #F5F4F8;padding: 15px;border: 1px solid #E6E5E9;border-radius: 6px;}
.res-h3{font-size: 18px; font-weight: 700;font-family: 'Lato Bold', sans-serif;margin: 0; display: inline-block;}
.res-h3-gray{font-size: 18px; font-weight: 700;font-family: 'Lato Bold', sans-serif; color:#807F84;margin: 0; display: inline-block;}
.res-bage{display: inline-block;}
.res-line {background: #E6E5E9; height: 1px;    width: 100%;
    display: block;}
.res-clock {color:#807F84}
.res-dop-block{display: flex}
.res-dop-text{display: block;}
.res-clock{display: inline;text-align: right}
.progress-container {
            height: 10px; /* Высота контейнера полоски */
            background: #E6E5E9;/* Граница контейнера */
						border-radius: 25px;
            opacity: 1; /* Начальная непрозрачность, чтобы элемент был скрыт */
        }
.progress-container-one{height:7px;}
        .progress-bar {
            height: 100%;
            width: 0; /* Начальная ширина полоски (0%) */
							border-radius: 25px;

			    background-color: #4F3AD1; /* Цвет заполненной части полоски */
  }
.alltheansw {text-align: left;}
.w-20{width:20%}
.border-left {border-left: 1px solid #E6E5E9}
.border-right {border-right: 1px solid #E6E5E9}
.display-flex{display: flex;}
.mys-10{    margin: -10px 0;}
.res-palka-text {height: 10px;}
.myoper{border: 1px solid #E6E5E9;border-radius: 10px;}
.top13{position: relative;
    top: 13px;
}
.biginfo{height: auto;transition: all 0.5s ease}
.the-ava-text{    position: relative;
    flex-wrap: wrap;
    align-content: center;
    display: flex;}
.the-ava-text span{width: 25px;
    align-content: start;    padding-top: 9px;
    flex-wrap: wrap;
    display: flex;}
.the-ava-text .avatar{float: none;
    justify-content: end;
    display: flex;}
.formac {display: -webkit-inline-box}
.top-balance-block{display: flex;
align-items: center;
justify-content: center;}
.card-balance,.card-the-tarif{background: #fff;
border-radius: 6px;box-shadow: 0px 1px 1px 0px #00000017;}
.card-the-tarif-img{width: 64px;}
.card-the-tarif-img-ai{width: 100px;position: relative;
top: 10px;}
.image-balance-card{display: flex;
justify-content: center;}
.text-balance-card{text-align: center;}
.text-balance-card h2,.buyh2{font-weight: 600;font-size: 20px;}
.buyh1{font-weight: 600;font-size: 30px;}
.c-pink{color:#F00056 !important}
.w-25{width:25%;}
.w-30{width:30%;}
.w-35{width:35%;}
.w-65{width:65%;}
.w-70{width:70%;}
.w-75{width:75%;}
.fl-l{float:left;}
.pos-top-4{    position: relative;
    top: 3px;}
.price-tarif-button{display: flex;}
.price-tarif-button .w-65 .but-mini{font-size: 12px;}
.bue-tarif-but{    color: #fff;
background: #18171A;
width: 100%;
border-radius: 10px;}
.mini-text-balance {justify-content: center;
display: flex;}
.mini-text-balance p{color:#3B3A3E}
.popular-quest-balance h2, .history-h2 h2{font-weight: 600;font-size: 22px; text-align: center;}
.card-questions-big {justify-content: center;
display: flex;}
.card-questions{  border-bottom: 1px solid #e1e0e4;}
.card-questions-big .w-65, .historey-buy{ background: #fff;
border-radius: 10px; }
.card-quest-header,.ai-promt-block {display: flow-root;
padding: 10px 15px;
cursor: pointer;
width: 100%;}

.card-history{padding: 10px 5px; border-bottom: 1px solid #e1e0e4;}
.card-history h4{font-weight: 600;font-size: 14px;}
.card-history{font-size: 14px; color:#807F84}
.card-quest-header h4,.ai-promt-block  h4{float:left;font-size:14px; font-weight: 600}
.card-quest-header i,.ai-promt-block i{  float:right;    font-size: 20px;    position: relative;
top: -3px;}
.card-quest-drop-content,.card-promts-drop-content{padding: 0px 15px;
max-height: 0;
overflow: hidden;
transition: all 0.5s ease;
}
.card-drop-open{
	max-height: 900px;
}
.hidetime{display: none}
.status-buy{    position: relative;}
.status-buy img{width: 19px;height: 19px;}
.to-order-link a{color: #3E98EC;text-decoration: underline; text-align: right;}
.to-order-link{
display: flex;
justify-content: end;
align-items: center;}
.to-buy-status {
display: flex;
justify-content: start;
align-items: center;}
.the-balance-block{display: none}
.is-active-block{display: block}
.content{min-height: 530px;}
.content-paket{width:80%; margin: 0 10%;    display: flex;}
.content-paket-ai{width:90%; margin: 0 5%;    display: flex;}
.right-block-balance{width: 100%;}
.line-panel{justify-content: center;
display: flex;}
.buy-button {background: #fff;
border: none;
color: #3E98EC;}
.buy-button i{    font-size: 18px;
position: relative;
top: 2px}
.miuni-but {padding: 15px 8px;font-size: 13px;}
.mm-only-f{display: none}
.mini-text{max-width: 140px;
    max-height: 25px;}
.the-buy-button {cursor:pointer}
.the-buy-button p {color:#807F84}
.desktop-hide{display:none;}
.wf-75{display: none}
.wf-60{display: none}
.the-ava-text-rel{display:none}
.the-ava-text-rel-fiz{display: none;
}
.no-border{border: none !important;}
.trashusercomp{cursor: pointer}
.delusimg {width:100%}
.delusimg .img-avatar{width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50px;margin: 0 auto;}
.delusimg .img-avatar img{    width: 50px;
    min-height: 50px;}
		.rules-button{transition: all 0.3s ease;padding: 0 30px;}
		.text-left{text-align: left;}
		.is-header-title {background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEzIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc1IDEuNjI1TDYuNSA3LjM3NUwxMi4yNSAxLjYyNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    background-repeat: no-repeat, repeat;
    background-position: right 0.7em bottom 15%, 0px 0px;
    padding-right: 35px;
    color: #59595B;}
		.card-stand{border: none;
    box-shadow: 0px 1px 1px 0px #00000017;
    padding: 20px;}
		.card-big{padding: 0;}
		.center-text,.v-center-text {    align-items: center;
    display: flex;
}
.link-fiz-lic{    position: absolute;
    right: 0;
    top: 10px;}
.intop{transform: translateY(-100%) translateY(-0.5em) translateY(-2px);}
.inopt{opacity:1;}
.bgbig {background: #F5F4F8}
.card-the-test {border: none; box-shadow: 0px 1px 1px 0px #00000017;    background: #F5F4F8;}
.all-for-tester{width:60%; margin: 5% 20%;}
.creator-test{z-index: 2;}
code {    white-space: pre-wrap;}
.card-header {background: #fff;border-color: #E6E5E9}
.footer-backgroud{background: #18171A;    padding-bottom: 50px;position: relative;
    bottom: -1px;}
.logo-footer{width: 180px;}
.footer-menu li{color:#807F84; line-height: 2;font-size:13px;}
.footer-menu span{color:#807F84;}
.footer-menu a{color: #fff;}
.footer-menu i{ font-size: 15px;color:#807F84}
.line-border{width: 98%;
    background: #3B3A3E;
    height: 1px;
    margin: 0 auto;}
.light-gray-back {background: #F5F4F8}
.line-border-gray{width: 98%;
    background: #E6E5E9;
    height: 1px;
    margin: 0 auto;}
		.no-bg-but{    background: none;
    border: none;
    height: 20px;
    padding: 0px;}
.copyright{color: #807F84}
.footer-text-right{text-align: right}
.footer-hide{display: none;}
.dop-block-result-two{display: block}
.dop-block-result-one{display: none}
.bg-white {background: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;}
.grayborder {border:1px solid #E6E5E9;box-shadow:none}
.breadcrumb{display: block;}
.breadcrumb i{    font-size: 18px;
    position: relative;
    top: 2px;}
.img-for-info img{width:136px;}
.card-image img{width:86px;}
.breadcrumb span{ color: #807F84;}
.descr-edit {width: 100%;
    padding: 10px;
    border-radius: 6px;
    border-color: #e6e5e9;}
.dopmaterial {display: grid;}
.dopmaterial a{    display: flex;
    border-bottom: 1px solid #E6E5E9;
    padding: 10px 0;}
.dopmaterial a i{    color: #807F84;
    font-size: 18px;
    position: relative;
    top: 3px;}
.gray-block{background: #F5F4F8;border-radius:6px;}
.info,.info360,.info360p{padding-bottom: 80px;}
.bg-whites {
	height: 0px;
    position: absolute;
    width: 100%;
    left: 0;
    background: #fff;
		transition: all 2s ease;
    z-index: -1;}
.info-vision{display: none;}
.img-primer{margin: 10px 0;
    float: left;}
		.img-primer {
  display: inline-block;
}

.img-primer img {
  cursor: pointer;
}

.img-primer .img-expanded {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999;
  display: none;
}
.numb-list li {list-style-type: decimal}
.img-primer .img-expanded img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.img-primer img{width:100%}
.info-card {position: relative;}
.done-button {
	    padding: 0px 56px;
    background: #f5f4f8 !important;
    color: #000;
}
.but-white{background: #fff}
.block-gallop-big{width: 200px;
    min-height: 20px;
    padding: 0 0 0 10px;
		}
.chivrones-down{background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEzIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc1IDEuNjI1TDYuNSA3LjM3NUwxMi4yNSAxLjYyNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
background-repeat: no-repeat, repeat;
background-position: right 1.2em top 60%, 0px 0px;}
.block-gallop-mini{width:100px;min-height: 20px;margin: 0px 5px;}
.block-gallop-mini p{text-align: center;}
.gallop-header{display: flex;padding: 10px 0;}
.gallop-info{display: block;padding: 10px 0;}
.gallop-table{display: flex;padding: 10px 0;}
.gallop-ball{border-radius: 20px;}
.mini-gl-table{background: #F5F4F8}
.big-gl-table{border-bottom: 1px solid #E6E5E9;}
.border-black{border-bottom: 1px solid #000;}
.gl-collapse{height: auto; overflow: hidden;transition: all 0.3s ease; cursor: pointer;}
.gl-collapsed{height: 44px;}
.text-gl-block{padding: 10px 0;
    border-bottom: 1px solid #E6E5E9;
    display: flex;}
		.no-border-imp{border:none !important}
		.no-float{float: none !important;}
.block-gallop-big-dop{width:600px}
.block-gallop-mini-dop{}
.buttons-gl-office .is-active {border: 1px solid #000;}
.buttons-gl-office .dot,.ms-2 .dot{display: table-cell;}
.the-drop-menu-cont{background: #fff;
    padding: 10px;
		z-index: 1;
    border-radius: 6px;
    border: 1px solid #E6E5E9;
		position: absolute;
    top: 0;
    right: 0;
	display: none}
.the-drop-menu-li li{
	background: #fff;
	transition: all 0.3s ease;
	width: 200px;
	cursor: pointer;
    padding: 10px;
    border-radius: 6px;}
.the-drop-menu-li a{
	color: #000;
}
.drop-active{display: flex}
.the-drop-menu-li li:hover{background: #F5F4F8}
.creator-360{position: absolute;
    bottom: 20px;
    right: 20px;}

		/**
		 * Nestable
		 */

		.dd { position: relative; display: block; margin: 0; padding: 0; max-width: 100%; list-style: none; font-size: 13px; line-height: 20px; }

		.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
		.dd-list .dd-list { padding-left: 30px; }
		.dd-collapsed .dd-list { display: none; }

		.dd-item,
		.dd-empty,
		.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }

		.dd-handle { display: block;  padding: 15px; color: #807F84; text-decoration: none;
		    background: #fff;
		    -webkit-border-radius: 3px;
		            border-radius: 3px;
		    box-sizing: border-box; -moz-box-sizing: border-box;
				padding-right: 40px;
		}
		.dd-handle:hover { color: #000; background: #fff; cursor: grab;}
		.the-360-quest-but {position: absolute;
    right: 15px;
    top: 15px;}

		.dd-placeholder,
		.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
		.dd-empty {border: 1px dashed #bbb;
    min-height: 70px;
    background-color: #ffffff;
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
		}

		.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
		.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
		.dd-dragel .dd-handle {
		    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
		            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
		}


		.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
		    background: #fafafa;
		    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
		    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
		    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
		    -webkit-border-radius: 3px;
		            border-radius: 3px;
		    box-sizing: border-box; -moz-box-sizing: border-box;
		}
		.dd3-content:hover { color: #2ea8e5; background: #fff; }

		.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

		.dd3-item > button { margin-left: 30px; }

		.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
		    border: 1px solid #aaa;
		    background: #ddd;
		    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
		    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
		    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
		    border-top-right-radius: 0;
		    border-bottom-right-radius: 0;
		}
		.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
		.dd3-handle:hover { background: #ddd; }

		/**
		 * Socialite
		 */

		.socialite { display: block; float: left; height: 35px; }


.t360-drop-one-title{padding:15px;border-top: 1px solid #F5F4F8;cursor: pointer;}
.t360-drop-one-content{height: 0;
    overflow: hidden;transition: all 0.3s ease}
.t360-drop-two-title{padding:15px 15px 15px 45px;border-top: 1px solid #F5F4F8;cursor: pointer;}
.t360-drop-two-content{height: 0;
    overflow: hidden;transition: all 0.3s ease}
.dd-item {padding: 0 0 0 80px;border-top: 1px solid #F5F4F8;}
.t360-drop-two-content .dd-empty{display:none;}
.t360-drop-two-content .dd-empty:first-child{display:block;}
.formno{ display: none}
.cursour-pointer{cursor: pointer;}
.gray-block-360{background: #E6E5E9}
.gray-block-360 .c-gray{background: #E6E5E9}
.t360-colapsed {height:100%;}
.hidden{display:none}
.ball-360,.border-360 {display: none}
.is-visible {display: block}
.select-360{    border-radius: 6px;
    height: 49px;
    margin-left: 10px;
    width: 100% !important;}
		.buttons-360{text-align: center;}
		.full-bt{width: 50%;
    margin: 0 -1px;}
		.mini-input{width:50%}
.red-but{background: #FF7373;color:#fff}
.t360-320 {width: 320px}
.t360-370 {width: 370px}
.t360-100 {width: 100px}
.height-50 {height: 50px;}
.not-ans-360{text-align: center;
    margin: 40px auto;}
.t360-zag{font-size: 12px; font-weight: 700}
.t360-res-card{border: none !important}
.tiicon{display: inline-block;transition: all 0.3s ease}
.rotate-icon {
  transform: rotate(90deg);
}
.ed-360-l{cursor: pointer;}
.display-flow-root {display: flow-root;}


   .w-580{width: 500px;}
   .m0a {margin: 0 auto;}
  .ind-container{max-width: 600px;
    margin: 0 auto;
    padding: 60px 0;}
    .green-round{    background: #A8E17B;
    border-radius: 25px;
    color: #fff;
    text-align: center;
    padding: 5px 0px;
    width: 25px;
    position: absolute;left:0}
    .fiz-info{position: relative;margin-bottom: 10px;}
    .fiz-info .fw-700{margin-left: 30px;
    display: block;}
    .but-fiz{display: inline-block; margin: 5px 0;}
    .formfiz{background: #F5F4F8; border-radius:6px;padding: 15px;}
    .fiz-w-30 {width: 30%;
    margin: 0;}
    .datepicker-days,.datepicker-months,.datepicker-years,.datepicker-decades,.datepicker-centuries{padding: 10px;}
    .datepicker-dropdown{border: none;box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}
    .day { padding: 3px;}
    .dow { padding-bottom: 3px;}
    .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover{background: #f5f4f8;}
    .datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
        background: #f5f4f8;
        cursor: pointer;
    }
    .prev,.datepicker-switch,.next{height: 30px !important;}
    .form-element-input{padding-top:20px !important}
    .datepicker .active {    background: #ee1b4a !important;}
    .datepicker .active:hover {    background: #ff4a73 !important}

		.fiz-green{background: #A8E17B;color:#fff}
		.fiz-orange{background: #FFB673;color:#fff}
		.fiz-red{background: #FF7373;color:#fff}
		.fiz-gray{background: #BDBCC0;color:#fff}
		.fiz-result-link{cursor: pointer;}
		.fiznumber .iti--separate-dial-code .iti__selected-flag{background: #fff}
		.fiznumber .iti--separate-dial-code .iti__selected-flag:hover{background: #fff}
		.but-black-no-radius {
			background: #000;
			color: #fff;
	}
	.fiz-start-card {max-width: 786px;
	margin: 0 auto;}
	.fiz-check{
		border-radius: 25px;
		width: 20px;
	 height: 20px;
	 display: block;
	 }
	.fiz-check-red{
		background: #FF7373;padding: 4px 9px;}
	.fiz-check-yellow{
		background: #FFB673;padding: 4px 9px;}
	.fiz-check-green{
		background: #A8E17B;
	padding: 7px 6px;}
	.ingrayfiz {background: #F5F4F8;padding:15px; border-radius: 6px;border:1px solid #E6E5E9}
	.ingrayfizmini {background: #F5F4F8;padding:10px; border-radius: 6px;border:1px solid #E6E5E9}
	.ps-10 {padding-left:10px; }
	.snostka{display: flex;padding: 15px;
	 border-radius: 6px;
	 border: 1px solid #e3e3e3;}
		.wfiz-10{font-size: 20px;}
		.mytitlt {
		    height: 40px;}

		.smytitlt{height: 40px;}
		.big-video-youtube {min-height: 459px;max-width: 768px;width: 100%;}
	.aiw-100{width:100%}


	.newai {
	    width: 100%;
	    position: fixed;
	    height: 100vh;
	    top: 0;
	    left: 0;
	    z-index: 111;
			padding-left: 80px;
	}
	.ai-l-b{background: #fff;}
	.ai-r-b{background: #fff;padding: 30px; transition: all 0.3s ease}
	.ai-back img {height: 40px;}
	.ai-chevron {
	    padding: 6px 0px;
	    font-size: 24px;
	    float: left;
	}
#bigloadervi{height:100px;}
#bigloadervi .loader-big{left: 44%;top: 25px;}
	.h-100{height: 100%}
	.avazoi{width:100%}

	.ai-title{    display: flex;
	    align-items: flex-end;}
	.ai-img-40{width:40px;}
	.ai-jast-back{background: #f5f4f8;}
	.ai-subject{cursor: pointer; transition: all 0.3s ease}
	.ai-subject:hover{cursor: pointer;background: #f5f4f8;}
	.ai-p-30{padding:30px 30px 0 30px;}

	.ai-border-bottom {
	    border-bottom: 1px solid #E6E5E9;
	}
	.ai-border-bottom-w-80 {
	  border-bottom: 1px solid #E6E5E9;
	  width: 80%;
	margin-left: 10%;
	}
	.ai-ch-tit-b{margin: 30px 30px 0 30px;}

	.pr-30 {padding-right:30px !important}
	.message, .block-message {display: flow-root;}
	.ai-promt-block{display: flow-root;
	    padding: 15px 15px 5px 0;
	    cursor: pointer;
	    width: 100%;}
	.c-gold {color:#FBB11C}
	.img-flash {position: relative;
	    bottom: 2px;
	    left: 3px;}
	.img-flash img{height:20px;}
	.pre-enerhy{align-items: center;}
	.ai-button-popol {
	    padding: 8px 15px;
	    height: 40px;
	    margin-top: 6px;
	    width: 100%;
	    text-align: center;
	}
	.its-promt{text-align: left;}
	.c-blue{color:#3E98EC}
	.aih-40 {height: 60px;}
	.i-ai-black-but{padding: 0px 25px;
	    background-color: #000000;
	    color: #fff;align-items: center;
	    display: inline-flex;}
	.i-ai-black-but i{font-size:20px;}
	.ai-h-16{height: 16px;overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;}
	.bg-default{background: #f5f4f8;}
	.ai-c-b{background: #f5f4f8;}
	.ai-c-bg-default{background: #f5f4f8;color:#000}
	.ai-card-mini{border:1px solid #0000;cursor: pointer;background: #fff;padding: 15px;box-shadow: 0px 1px 1px 0px #00000017;border-radius: 6px;text-align: center;transition: all 0.3s ease}
	.ai-card-mini:hover{border:1px solid #ccc}
	.ai-card-mini img{padding: 0 15px  15px 15px;}
	.ai-c-m-border{border:1px solid #000}
	.input-container {
	    position: relative;
	    display: inline-block;
	    margin-bottom: 10px;
	    width:100%;
	  }
	  .input-container input {
	    width:100%;
	    padding: 10px 10px 10px 90px;
	    border-radius: 6px;
	    border: 2px solid #E6E5E9;
	    font-size: 30px;
	    font-weight: 700;
	  }
	  .input-container label {
	    position: absolute;
	    left: 15px;
	    top: 48%;
	    font-weight: 600;
	    font-size: 30px;
	    transform: translateY(-50%);
	    color: #BDBCC0;
	  }
	.ai-back-to-chat{width: 100%;border-radius: 6px;}
	.ai-start-to-chat{width: 100%;background: #000;color:#fff;border-radius: 6px;}
	.ai-start-buttons{}
	.the-new-ai-chat {height: calc( 100vh - 83px );
	    overflow-y: scroll;
	    padding-bottom: 40px;
	    overflow-x: hidden;}
	.content-info-block{padding: 50px 100px 50px 50px;}
	.dop-ai-two-block{border-left: 1px solid #E6E5E9;padding: 50px 20px 0 20px;
    background: #f5f4f8;}
	.ai-info-block{height: calc( 100vh - 50px );
	    overflow-y: scroll;padding-bottom: 40px;
	    overflow-x: hidden;}
	.ai-r-b{height: calc( 100vh - 5px );
	    overflow-y: scroll;padding-bottom: 40px;
	    overflow-x: hidden;}
	.all-the-chats {height: calc( 100vh - 300px );
	  overflow-y: scroll;
	    padding-bottom: 40px;
	    overflow-x: hidden;}
.ai-dont-display{display: none;}
.fix-r-ai {position: fixed;
    right: 0;
    width: 33%;
    padding: 20px;}
.fix-r-ai .image-zoi{
    width: 25%;}

.deletstyle{height: 200px;
    overflow: hidden;
    min-height: 100px;}
.fixed-w100{
  position: fixed;
  width:100%;
}
.aimyback{
  display: none;
}
.ai-down-image{position: absolute;
z-index: 1;
background: #00000075;
color: #fff;
padding: 7px;
border-radius: 5px;margin-top: 10px;}
.ai-image-mini{    border-radius: 6px;
    margin-top: 10px;}

		.not-money-ai-but{background: #F00056;color:#fff}
		#recBtn {
		    outline: 0px solid #FFD5E4;
		    outline-offset: 0px;
		}
		#audio{display: none}
		#myProgress{width: 94%;
		background-color: rgb(230, 229, 233);
		border-radius: 25px;
		overflow: hidden;
		margin: 0 3%;}
		#myBar{width: 0%; height: 15px; background-color: #A8E17B;border-radius:25px;}
		.myrecordprog{display:none;width:100%}
		audio::-webkit-media-controls-panel{background: #E0E3EF}
		audio::-webkit-media-controls-mute-button,
		audio::-webkit-media-controls-volume-slider,
		audio::-webkit-media-controls-time-remaining-display,
		audio::-webkit-media-controls-volume-slider-container,
		audio::-webkit-media-controls-fullscreen-button,
		audio::-webkit-media-controls-download-button {
		    display:none !important;
		}
		.noh-background-block-new {
	    height: 0;
	}
	.postop-1{position: relative;
    top: 1px;}
	.v-category-block {overflow: hidden;height: 0px}
	.v-category-block-but {cursor: pointer}
	.message {    width: 100%;
	    position: relative;}
	    .ai-mini-text{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
			.ai-edit-title{background: #fff; color:#3E98EC;border: none;
			    font-size: 17px;}
.ls-u{list-style-type: unset;}
.gifts-balance{border-top: 1px solid #0000001A}
.gifts-li li{    display: flex;
	align-items: start;    margin-bottom: 10px;}
.gifts-li img{    position: relative;
	top: 1px;
	margin-right: 6px;
	width: 20px;
	height: 20px;}
	.no-opacity{opacity: 0.1;}
	.lenta-gift{    background: #F9025C;
	color: #fff;
	text-align: center;
	padding: 8px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;}
.vblock-quests{border: 1px solid #E6E5E9;border-radius:10px}
.video-border{border-bottom: 1px solid #E6E5E9;}
.v-action-block{padding: 0}
.v-link-action{border-bottom: 1px solid #E6E5E9; color:#000; width: 100; padding: 8px 0;
	display: flex;
	align-items: center;}
.v-link-action i{color:#807F84}
.video-dd-item{padding: 0;position: relative;}
.video-dd-handle{padding: 20px}
.nestable-lists-video{padding:0}
.is-text-center {align-items: center;}
.video-search-res{border: 1px solid #E6E5E9;
	border-radius: 10px;}
.card-video-res{border-bottom: 1px solid #E6E5E9;padding: 10px}
.video-cheker-add{z-index: 1;cursor: pointer;}
.isdontwork {background: #e3e3e3;}
#thumbnail-img,#edit-thumbnail-img{max-width: 150px;border-radius: 10px;}
.imagevideo{padding: 10px 10px 10px 0;position: relative;}
#thedelvideo img,#edit-thedelvideo img{ position: absolute;
	z-index: 1;
	right: -10px;
	top: 10px;}
.dop-border-top{border-top: 1px solid #F5F4F8;}
.buttonsvideoedit {
		position: absolute;
		right: 0;
		top: -4px;
		z-index: 2;
}
.myvideoeditorprev{height: 30px;
	width: 35px;
	position: absolute;
	z-index: 9;
	top: 20%;
	left: 8%;cursor: pointer;}
	.video-prev-bord{border-radius: 10px;overflow: hidden;}
	.video-prev-bord video{max-width: 100%;
    max-height: 320px;}
	.loader-mini{width: 12px;
		height: 12px;}
 .video-block{border-radius:10px;height: 480px;width: 854px;}
 .video-block-container{border-radius:10px;height: 480px;width: 636px;overflow: hidden;}
 .video-block-container .video-block{border-radius:10px;height: 476px;width: 100%;}
 #volume-visualizer {
	 --volume: 0%;
	 position: relative;
	 width: 100%;
	 height: 8px;
	 margin: 10px 0;
	 background: #ebebeb;
	 border-radius: 10px;
 }

 #volume-visualizer::before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		border-radius: 10px;
		width: var(--volume);
		background: linear-gradient(90deg, #A8E17B 0%, #A8E17B 100%);
		transition: width 100ms linear;
 }
 .volume-test{
	 border-radius: 10px;
	max-width: 640px;
	 margin: 15px auto;}
 .volume-test i{font-size:25px}
 .video-test{position: relative;}
 .cam-block{width:215px; height:125px;overflow: hidden;border-radius: 10px;position: absolute;right: 18%;
	 z-index: 1;
	 top: 2%;display: flex;
  align-items: center;
  justify-content: center;}
 .cam-block video{width:100%;}
 .c-pink{color:#F00056}
 .is-no-video{background: #F5F4F8}
 .is-no-video img{height: 100%}
 .w-854{max-width:854px;margin: 0 auto;}
 .br-10{border-radius: 10px;}
 .back-gray{background: #BDBCC0;}
 .my-list{padding-left: 20px;}
 .my-list li{list-style-type: disc;}
 .dop-video-info{border-radius: 10px;background: #F5F4F8}
 .qr-code{width:230px; height:230px;}
 .is-v-dsi{    display: flex;
	 justify-content: space-between;align-items: center;}
 .w-640{max-width: 640px;    margin: 0 auto;}
 .green-check{background: #A8E17B;
	 color: #fff;
	 padding: 5px;
	 border-radius: 18px;}
 .is-spase-around{    display: flex;
	 justify-content: space-around;
	 align-items: center;}
	 .is-curcule{height: 80px;
	 width: 80px;
	 justify-content: center;
	 display: flex;
	 align-items: center;}
 .progress-ring{position: absolute;left:0;top:0;}
 .wh-80{width:80px;height:80px;}
 .text-timer{    position: absolute;
	 bottom: 0;
	 left: 30px;}
 .delay-ring{position: absolute;
	 right: 8%;
	 top: 4px;}
	 .vblock-quests{border: 1px solid #E6E5E9;border-radius:10px}
   .video-border{border-bottom: 1px solid #E6E5E9;}
   .v-action-block{padding: 0}
   .v-link-action{border-bottom: 1px solid #E6E5E9; color:#000; width: 100; padding: 8px 0;
     display: flex;
     align-items: center;}
   .v-link-action i{color:#807F84}
   .videoprevew{cursor: pointer;}
	 .video-block-video video{    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
		     max-height: 100%;
    background: #ededed;
     }
	 .video-block-video .is-no-video{ position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     }

   .vid-answ-block{border: 1px solid #E6E5E9;border-radius: 10px;}
   .video-answer{border-bottom:  1px solid #E6E5E9;transition: all 0.3s ease; cursor: pointer;}
   .video-answer:hover{background: #f5f4f8; }
   .video-answer-active{background: #f5f4f8; }
   .player-controls{    text-align: center;
     background: #f5f4f8;
     margin-top: 15px;
     border-radius: 10px;}
     .video-block-video{overflow: hidden;
         border-radius: 10px;
         position: relative;
         width: 100%;
         padding-bottom: 56.25%;}
     #myvquest{width: 93%;
     display: block;}
.dashbutton{padding: 0rem!important;    padding-top: 1rem!important;
		 	padding-bottom: 1rem!important;}
.info-dop-page{display: flex;align-items: center;
}
.mobile-menu{display: none}
.new-aiis-vision{display: none;}
.header{background: #fff}
.p-15 {padding:15px;}
.crown-big {align-items: center;
	display: flex;
	justify-content: right;}
.crown-dop {align-items: center;
	display: flex;}
	.disabled-creator{color:#807F84}
	.disabled-creator input{color:#59595B}
	.addjobersats{background: #F5F4F8; padding: 15px;border-radius: 10px}
	.border-bottom-light{border-bottom: 1px solid #e3e3e3;}
	.button-slim{height:40px;padding: 7px 20px;}
	.bigbans{position: absolute;
		font-size: 26px;
		z-index: 1;
		background: #fff;
		left: 2px;
		top: 5px;
		padding: 8px;
		cursor: pointer;}
		.newsearchats,.newsearchatss{width: 100%;
		padding: 16px;
		border: 1px solid #e3e3e3;
		border-radius: 5px;
		padding-left: 60px !important;}
		.atslink{text-decoration: underline;}
		.content-center-right{display: flex;
		align-items: center;
		justify-content: right;}
		.content-center-left{display: flex;
		align-items: center;
		justify-content: left;}
		.addjats-body{max-height: 0; overflow: hidden;transition: all 0.3s ease;}
		.addjats-body-active{    max-height: 500px;
    overflow: scroll;}
		.addjats-header{cursor: pointer;}
		.jobbersy span img{min-width: 30px;
		border-radius: 25px;border: 1px solid #f5f4f8;
		height: 30px;}
		.jobbersy {position: relative;}
		.jobbersy span{position: absolute;}
.jobbersy span:nth-child(1) {
		left: 0;
}
.jobbersy span:nth-child(2) {
		left: 20px;
}

.jobbersy span:nth-child(3) {
		left: 40px;
}
.jobbersy span:nth-child(4) {
	left: 70px;
			background: #BDBCC0;
			border-radius: 25px;
			color: #fff;
			height: 25px;
			padding: 2px 10px;
			text-align: center;
			margin-top: 2px;
}
#kanbanblock{position: relative;z-index: 1;}
.isrealats {width: 100%;
	position: fixed;
	height: 100vh;
	top: 60px;
	left: 0;
	z-index: 111;
	padding-left: 80px;    background: #f5f4f8;}
	.is-side-ats{
	border-right: 1px solid #E6E5E9;
	background: #fff;
	width:100%;
	height: calc(100vh - 60px);
	    overflow: scroll;
	}
	.is-side-ats-top{
	padding: 20px 20px 0 20px;
	}
	.dop-button{height: 20px;
	padding: 0;}
	.is-ats-line{ border-top: 1px solid #E6E5E9;}
	.ats-side-menu li{padding: 10px 20px;}
	.ats-side-menu li .w-50{width:50%}
	.ats-side-menu .is-active{background: #F5F4F8;font-weight: 700}
	.ats-side-menu .jobbersy{height: 30px;}
	.ats-side-menu .ai-mini-text{
	display: block;
	}
	.h-30{height: 30px;}
	.countpep{background: #F5F4F8;
	padding: 0px 8px;
	border-radius: 20px;
	margin-left: 10px;}
	.atscard {    border: none;
	padding: 20px 15px;}
	.inegr-top{display: flex;
		justify-content: space-between;
		align-items: center;padding: 10px 0}
	.inegr-top .left-block{display: flex;
		align-items: center;}
		.right-ats {    overflow: scroll;
		height: calc(100vh - 60px);}
		.list-ats{background: #fff;height: calc(100% - 60px);;position: fixed;width: 270px;z-index: 0}
		.nooneats{display: flex;justify-content: center;align-items: center;height: 100vh;}
		.img-ats-candy img{    min-width: 40px;
    min-height: 40px;
    max-width: 40px;}
		.img-ats-candy{
width: 40px;    min-width: 40px;
border-radius: 25px;
height: 40px;
overflow: hidden;
border: 1px solid #e3e3e3;}
.ats-candy{display: flex;background: #fff;cursor: pointer;transition: all 0.3s ease}
.ats-candy:hover{background: #F5F4F8;}
.ats-candy-active{background: #F5F4F8;}
.is-max-width{width:210px;display: flex;justify-content: space-between;}
.is-max-width-big{width:180px;display: flex;justify-content: space-between;}
.big-border{border-bottom: 5px solid #F5F4F8}
.info-ats-block {display: flex;

border-bottom: 1px solid #e6e5e9;}
.image-big-ats{width: 100%;
max-height: 240px;
overflow: hidden;
border-radius: 10px;}
.image-big-ats img{width: 100%;}
.fw-400{font-weight: 400}
.c-d-gray{color:#3B3A3E}
.content-center{display: flex;
justify-content: space-between;}
.content-center-center{display: flex;
justify-content: space-between;align-items: center;}
.new-button-ats{border: 1px solid #E6E5E9;border-radius: 8px;color:#3E98EC}
.bs-1{border-left: 1px solid #e6e5e9}
.real-new-button{background: linear-gradient(45deg, rgba(34,0,246,1) 0%, rgba(255,0,91,1) 100%);padding: 5px 0 5px 15px;color:#fff;display: flex;
align-items: center;height:40px;}
.real-new-button i{border-left: 1px solid #ffffff80;}
.real-mini-but{height:40px;padding: 5px 15px; display: flex;align-items: center;}
.w-110{width: 110px;}
.new-step-back{ display: flex;   padding: 5px 10px;
background: #f5f4f8;
border-radius: 6px;    display: flex;}
.ats-card-bottom .is-header-title{    background-position: right 0.7em bottom 55%, 0px 0px;}
.triggers-ats-card{display:flex;}
.triiger-ats{
padding: 15px 20px;
border-radius: 10px 10px 0 0;
font-weight: 700;}
.trig-ats-active{background: #fff;}
.text-dec-und {text-decoration: underline;}
.facke-link-ats{color: #58a6ef;cursor: pointer;display: flex;
align-items: center;}
.facke-link-ats span{border-bottom: 1px solid #58a6ef;}
.facke-link-ats i{font-size: 18px;}
.ats-job-colapse{max-height: 0;
overflow: hidden;transition: all 0.3s ease}
.ats-job-active-colapse{max-height: 9999999px;
overflow: hidden;}
.bb-1{    border-bottom: 1px solid #e6e5e9;}
.instentsearch{background: #fff;
opacity: 1;
padding: 20px 30px 10px 50px;
height: 50px;
line-height: 0;
border-radius: 8px;
border: 1px solid #e6e5e9;
padding-top: 12px !important;}
.isrealvision .form-element-label{transform: translateY(-100%) translateY(-0.5em) translateY(-2px);
pointer-events: auto;font-size: 12px;}
.isrealvision .form-element-input{    line-height: 1;opacity:1;font-size: 14px;}
.import-ats-input{position: relative;}
.import-ats-input label{position: absolute;
z-index: 2;
left: 10px;
top: 12px;
font-size: 25px;}
.mini-pills{font-size: 12px;
padding: 0px 10px !important;    text-wrap: nowrap;}
.ats-adder-header{  cursor: pointer;  display: flex;
justify-content: space-between;}
.open-ats-adder {display: flex;
justify-content: center;
align-items: start;}
.open-ats-adder i{ font-size: 24px;}
.ats-adder-body{overflow: hidden;
max-height: 0; transition: all 0.7s ease}
.ats-adder-active{   max-height: 4500px;}
.title-ats-work{display: flex;justify-content: space-between;}
.job-place-ats{background: #f5f4f8;
padding: 10px;
border-radius: 6px;}
.h100{height: 100px;padding-top: 0px !important;}
.h100p{height: 100px;padding-top: 8px !important;}
.h100p2{height: 100px;line-height: 1;
    padding-top: 25px !important;}
.bg-ats-gray{    background: #F5F4F8;
color: #000;
height: 40px;
padding: 8px 10px;display: flex;}
.dop-new-list ul li{cursor: pointer;}
.bg-ats-gray i{font-size: 20px;}
.atsremoveblock{cursor: pointer;}
.isselectlabel{position: absolute;
top: 0;
left: 11px;
z-index: 2;font-size: 12px;}
.newselectfor {
padding-top: 10px;
color: #000;
font-size: 14px;
}
.drop-ats-list ul,.drop-ats-list-2 ul {
display: block;
position: absolute;
list-style: none;
padding: 0px;
width: 287px;
padding: 10px;
border-radius: 6px;
box-shadow: 0px 1px 2px 0px #00000026;
background: #fff;
border: 0px solid #E6E5E9;
transition: all 0.3s ease;
z-index: 1;}

.drop-ats-list button,.drop-ats-list-2 button{opacity: 0;display: none}
.drop-ats-list button,.drop-ats-list-2 button{opacity: 1;display: block;}
.drop-ats-list li b,.drop-ats-list-2 li b  {
color: #eee;
font-weight: normal;
}
.drop-title-ats {display: flex;align-items: center;}
.drop-ats-list li:hover,
.drop-ats-list li.selected {
background-color: #F5F4F8;
}
.drop-ats-list-2 li:hover,
.drop-ats-list-2 li.selected {
background-color: #F5F4F8;
}
.is-ats-titatl{max-width: 150px;}
.name-is-ats-user{max-width: 150px;
white-space: nowrap;
overflow: hidden;
display: block;}
.is-ats-bord,.drop-ats-adder,.drop-ats-adder-2{cursor: pointer;}
.drop-ats-list,.drop-ats-list-2{display:none}
.show-ats-list-t,.show-ats-list-t-2{display:block;}
.drop-ats-list li:last-child,.drop-ats-list-2 li:last-child {
border-radius: 0px 0px 5px 5px;
}

.drop-ats-list li:nth-child(1),.drop-ats-list-2 li:nth-child(1) {
transition-delay: 0s, 0s;
}

.drop-ats-list li:nth-child(2),.drop-ats-list-2 li:nth-child(2) {
transition-delay: 0.1s, 0s;
}

.drop-ats-list li:nth-child(3),.drop-ats-list-2 li:nth-child(3) {
transition-delay: 0.2s, 0s;
}

.drop-ats-list li:nth-child(4),.drop-ats-list-2 li:nth-child(4) {
transition-delay: 0.3s, 0s;
}

.drop-ats-list li:nth-child(5),.drop-ats-list-2 li:nth-child(5) {
transition-delay: 0.4s, 0s;
}

.the-bl-menu-ats{cursor: pointer}

.is-drop-ats-menus{position: relative;}
.isallnats{display: flex;
    justify-content: space-between;
    align-items: center;}
.contact-info-ats{display: flex}

.isthelcart-ats{z-index: 0;}
.isallnats{width:100%}
.bottom-ats-com-info{display: flex;
justify-content: space-between;}
.inf-ats-com-kan-r{width: 100%;
justify-content: right;    align-items: center;
display: flex;}
.inf-ats-com-kan-l{width: 100%;
text-align: left;    align-items: center;
display: flex;}
.inf-ats-com-kan-l .avatar-img{float: left;
width: 20px;
border-radius: 25px;
height: 20px;
overflow: hidden;
border: 1px solid #e3e3e3;}
.inf-ats-com-kan-l .avatar-img img{min-width: 20px;
    border-radius: 25px;
    height: 20px;}
.its-new-ats-kan{    padding: 20px;
background: #F5F4F8;
border-radius: 6px;}
.text-ats-card-kan{    padding: 10px;
background: #fff;
border-radius: 6px;
border: 1px solid #ededed;}
.top-card-info-kan{display: flex;
justify-content: space-between;}
.new-com-gray-but{    padding: 10px 20px;
height: 40px;
display: flex;
align-items: center;
background: #E0E0E0;
border-radius: 6px;}
.top-com-kan-l{display: flex}
.time-com-block,.date-com-block{    background: #fff;
padding: 0px 10px;
border-radius: 6px;
border: 1px solid #ededed;
height: 40px;}
.newcom-ats-but{    background: #fff;
border: 1px solid #ededed;
height: 40px;
width: 40px;
border-radius: 6px;}
.c-link{color:#3E98EC}
.w-250{width: 250px;}
.drop-kan-ban {display: flex;justify-content: space-between;}
.new-but-ats{height:40px;display: flex;justify-content: center;align-items: center;padding: 10px}
.top-com-kan-r{display: flex}
.check-icon{font-size: 14px;
color: #fff;
background: #A8E17B;
border-radius: 15px;}
.adder-kan-mini{    padding: 20px;
background: #EEEEEE;
border-radius: 6px;
margin-top: 20px;}
.standart-input{    width: 100%;
border: 1px solid #ccc;
background: #fff;
padding: 15px 10px;
border-radius: 6px;}
.mybutcent{display: flex;align-items: center;}
.leftatsbut{display: flex;align-items: center;justify-content: flex-end;}
.cursour-none{cursor: default !important;}
.js-ats-copy-btn{cursor: pointer;}
.isdeltoats{cursor: pointer;}
.atsdrop-dropdown {
display: none;
position: absolute;
		background-color: white;
		list-style-type: none;
		padding: 0;
		margin: 0;
		width: 200px;
		z-index: 1000;
		top: 40px;
		box-shadow: 0px 0px 2px 0px #0000003b;
		border-radius: 10px;
}

.atsdrop-item {
padding: 8px 16px;
cursor: pointer;
}

.atsdrop-item:hover {
background-color: #f1f1f1;
}
.kandrop-dropdown {
display: none;
position: absolute;
		background-color: white;
		list-style-type: none;
		padding: 0;
		margin: 0;
		width: 250px;
		z-index: 1000;
		top: 50px;
		box-shadow: 0px 0px 2px 0px #0000003b;
		border-radius: 10px;
}

.kandrop-item {
padding: 8px 16px;
cursor: pointer;
}

.kandrop-item:hover {
background-color: #f1f1f1;
}
.kandropmini-dropdown {
display: none;
position: absolute;
		background-color: white;
		list-style-type: none;
		padding: 0;
		margin: 0;
		width: 150px;
		z-index: 1000;
		top: 40px;
		box-shadow: 0px 0px 2px 0px #0000003b;
		border-radius: 10px;
}

.kandropmini-item {
padding: 8px 16px;
cursor: pointer;
}

.kandropmini-item:hover {
background-color: #f1f1f1;
}
.triiger-ats{cursor: pointer;}


.is-real-comment-ats button{    border: none;background: #fff;}
.is-real-comment-ats .avatar{min-width: 40px;}
.is-real-comment-ats{display: flex;padding: 10px;}
.isreal-comment{    width: 100%;
	padding: 0 10px;
	border: none;}
#addcommentats:focus {
outline: none;
}
.mtm-3{margin-top: 3px;}
.ats-card-skills{flex-wrap: wrap;}
.is-ats-block-gl{cursor: pointer;}
.kan-header{background: #fff;
	border-radius: 4px;
	padding: 10px;
	display: flex;
	justify-content: space-between;box-shadow: 0px 1px 1px 0px #00000017;}
	.k-b-red{background:#FD555A; color:#fff;}
	.k-b-green{background:#79E947;color: #000}
	.k-b-yellow{background:#FBD651;color: #000}
	.k-b-blue{background:#4CC8E3;color: #000}
	.k-b-dark{background:#000000;color: #fff}
	.k-br-1{border-right:1px solid #CBCBCB}
	.kanbon{background: #ffffff5c;
	border-radius: 24px;
	width: 22px;
	height: 22px;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;}
	.connectedSortable{height: 100%}
	.card-kan{    background: #fff;overflow: hidden;
	border-radius: 6px;box-shadow: 0px 1px 1px 0px #00000017;}
	.ck-header{background: #E0E0E0}
	.ck-content{padding: 10px}
	.ck-link-profile{display: flex;
	justify-content: space-between; color: #3E98EC}
	.fs-16{font-size: 16px;}
	.ck-buttons{display: flex;justify-content: space-between;;align-items: center;}
	.mini-button {
			padding: 6px 10px;
			height: 30px;
			margin: 10px;
			font-size: 11px;
	}
	.b-red{background: #F70161;color:#fff}
.my-minitextfor p{font-size:14px;}






.issellceeted{color:#000000}
.whiteback{width:98%;background: #fff}
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
	border: none !important;
	box-shadow: 0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 3%);
border-radius: 10px;
z-index: 9999;
position: absolute;
}
.ui-menu-item.ui-state-focus,
.ui-menu-item.ui-state-active,
.ui-menu-item-wrapper.ui-state-active,
.ui-menu-item-wrapper.ui-state-focus {
	background: #18171A !important;
	cursor: pointer;
	border: none !important;
		border-radius: 10px;
}
.ui-menu-item {
	padding: 5px 10px;
	border-bottom: 1px solid #e5e5e5 !important;

}
.ui-menu-item:hover {
	background-color: #18171A;
	cursor: pointer;

}
.ui-menu-item-wrapper:hover{  background-color: #18171A;}
.datepicker{z-index: 999}





.isminiatstext{max-width: 260px;}
.dopisminitext{max-width: 120px;}
.miniblackpill{    padding: 4px 7px;
	background: #212529;
	color: #fff;
	border-radius: 25px;
	font-size: 10px;}
	.years-af-trig{display: flex;justify-content: center;align-items: center;}
	.years-triggers{background: #e6e5e9;
	padding: 6px;
	margin-top: 10px;
	border-radius: 6px;}
	.years-triggers .is-active{background: #fff;
	box-shadow: 0px 1px 1px 0px #00000017; opacity: 1;}
	.trigger-year{border-radius: 6px;
	padding: 4px 30px;opacity: 0.5;cursor: pointer;}
	.trigger-year .miniredpill,.trigger-year .miniblackpill{ font-size: 12px;    display: inline;    padding: 2px 7px 3px 7px;    position: relative;
	bottom: 1px;}
	.mini-drop-zone{justify-content: space-around !important;height:100px !important;}
	.delatsfile{cursor: pointer;}
	.datepicker table tr td.today{background-color: #ea0069 !important;
	    background-image: linear-gradient(to bottom, #f90060, #f60062) !important;
	    color: #fff !important;
	    border-radius: 50px;}

@media (max-width: 1470.98px) {
	.my-minitextfor p{font-size:12px;}

	.list-ats{width: 260px;}
	.dopisminitext{max-width: 120px;}
}

@media (max-width: 1399.98px) {

	.list-ats{width: 220px;}
	.is-max-width,.is-max-width-big{width: 140px;}
	.info-dop-page{display: block;
		margin-left: 0 !important;
	}
	.fiztitlt{margin-bottom: 0;
    margin-top: 0.5rem!important;}
	.cam-block{right:13%}
	.big-video-youtube {min-height: 430px;max-width: 768px;width: 100%;}
	.footer-menu span{    width: 100%;
    display: block;
    margin-left: 25px;}
	.all-for-tester{width:70%; margin: 5% 15%;}
	.miuni-but{font-size: 12px;}
      #inewtest{    font-size: 13px;padding: 10px 10px;}
      .i-dropdown ul {right: 20px;z-index: 12;}
.dopinfo{font-size: 13px;}
.mytitlt {float: left;
    width: 100%;
    overflow: hidden;
    height: 40px;}
    .ioposc img{height: 75px;}
		.the-ava-text .avatar .avatar-img{width:30px; height:30px;}
		.the-ava-text .avatar .avatar-img img{width:30px;}
		.avatar img {
    min-width: 30px;
    border-radius: 25px;
    height: 30px;
}
.smytitlt{height: 40px;}
		.the-ava-text span{padding-top:5px;}
		.fl-1{top: 15%;
		    left: -5px;}
.isminiatstext{
	    max-width: 260px;
}
.dopisminitext{max-width: 80px;}
}
@media (max-width: 1199.98px) {

	.isminiatstext{
		    max-width: 140px;
	}
	.dopisminitext{max-width: 80px;}
	#atscomment{display: none}
	/*.is-max-width{display: none}*/
	.list-ats{width:80px;}
.dashbutton{padding: 1rem!important;}
	.cam-block{right:5%}
	.ai-p-30 {
    padding: 15px 15px 0 15px;
}
.ai-ch-tit-b {
    margin: 15px 15px 0 15px;
}

	.pr-30 {
    padding-right: 10px !important;
}
	.no-m-vision .ai-actions a{font-size: 30px;
    justify-content: center;
    display: flex;}
		.aih-40 {
    height: 55px;
}
	.ai-r-b{padding: 5px}
	.no-m-vision .ai-no-vision{display: none;}
	.md-hide{display: none;}
	.info-vision{display: block;}
	.info-vision-show{display: none}
	.dop-block-result-one{display: block}
	.dop-block-result-two{display: none}
	.footer-menu span{    width: 100%;
    display: inline;
    margin-left: 0;}
	.footer-hide{display: block;}
	.footer-show{display: none;}
.card-test{width: 90%; margin: 30px 5%;}
	.thethestcard{padding: 20px !important;}
	.all-for-tester{width:80%; margin: 5% 10%;}
#inewtest{    font-size: 11px;
        padding: 10px 10px;
}
#inewtest i,#crfizbut i{  display: none;
}
.thetrigs button{font-size: 12px;}
.mini-text{max-width: 100px;
    max-height: 25px;}
.card-info p{height: 30px;}
.dopinfo{font-size: 14px;}
.ioposc img{height: 50px;}

.ai-conf button{padding: 13px 16px;}
.ai-topper { max-width: 480px; }
.is-ava-not{width: 20%;}
.fl-1{top: 15%;
    left: -5px;}
.pt-56{padding-top: 37px !important;}
.image-big-ats{margin-right: 20px;
	width: 90px;}
}

@media (max-width: 1047.98px) {
#upbalance{display: none}
.dopisminitext{max-width: 80px;}
}

@media (max-width: 991.98px) {
	.new-aiis-vision{display: block;}
	.all-the-chats {
    height: calc(100vh - 240px);}
		#ai-info-but{height: 40px;}
	.ai-balance-s .balance{padding: 4px 10px !important;}
	.ai-balance-s {align-items: center;}
	.isbetween-mobile{justify-content: space-between;}
	.new-no-vision{display: none}
	.mobile-menu {
    display: flex;
    align-items: center;
    margin: 10px;
    justify-content: space-between;
    width: 100%;
}
.header{background: #fff;z-index: 999}
.dop-back-for-menu{z-index: 999 !important}
.ai-back-new{display: none}
.newai{padding-top: 60px;}
	body,.header,.newai{padding-left: 0px !important;}
	.sidebar{width: 0 !important; padding: 0 !important;}
	.sidebar-active{ width: 320px !important; padding: 15px !important;}
	.header-left,.header-right{display: none !important}
	.cam-block{right:0%}
	#crfizbut i{  display: block;
	}
	#crfizbut span{  display: none;
	}
	.w-100-imp{width:100%; display: block;}
	.footer-show{display: none;}
	.footer-hide{display: block;}
.card-test{width: 100%; margin: 30px 0;}
	.all-for-tester{width:90%; margin: 5% 5%;}
	.mybigtitl{font-size: 21px; }
	.block-ai-info{justify-content: center;
    width: 94%;}
	#isaiassist {width: 100%;
    left: 3%;}

	.thetrigs button{font-size: 14px;}
	.is-ava-not{width: 30%;}
	.block-ai-info{display: none;}
	.ai-active{display: flex;  }
		.avazoi-m{    width: 76px;}
	.ai-topper{margin-left: 0; }
	.ai-head-m{  display: flex;border-bottom: 1px solid #efeff1;}
	.ai-menu{position: absolute;
    right: 10px;
    top: -50px;
		transition: all 0.3s ease;
    font-size: 20px;
		display: inline;
    z-index: 100;padding: 20px}
  .triggers {float: right;}
  .m-hide{display: none;}
  .mi-menu li.is-active {
    padding-bottom: 12px;}
    .act-background-block{height: 200px;}
    .creator-test{position: fixed;
      width: 50%;
          left: 25%;
      display: block;
        bottom: 0;
        padding: 15px;
        background: #fff;    border-radius: 6px;}
    .creator-test .triggers {    width: 100%;}
    #m-tr-add-test  {    width: 40%;}
    #m-tr-create-test {    width: 60%;}
    .creator-test .triggers .trigger .button {       width: 100%;}
    #blocktestes{padding-bottom: 40px;}
    #test-count{    padding: 5px 9px;
        border-radius: 20px;
        border: 1px solid #ccc;
        margin-left: 4px;background: #fff;}
    #thisisform {padding-bottom: 40px;margin-bottom: 60px;}
    .card-info p{height: 50px;}
    .favorite {top: 8px;right: -6px;}
		.fl-1{    top: 34%;
		    left: -5px;}
.ipolsoc {margin-top: 5px;}
.mobile-create{position: fixed;
    bottom: 20px;
    left: 15px;
    z-index: 2;}
.mobile-create .inewtest {font-size: 20px;height: 64px;}
.buttons-360-edit{text-align: center;}
.fiz-result-link{position:relative}
.the-ava-text-rel-fiz{display: block;
	position: absolute;
	top: 10px;
	right: 10px;}
	.mi-menu {  white-space: nowrap; overflow-x: scroll;
		width: 100%;
		display: flex;}
	.mi-menu li { margin-right: 20px}
.mi-menu::-webkit-scrollbar { height: 0; }
.mi-menu { -ms-overflow-style: none; }
.mi-menu { overflow: -moz-scrollbars-none; }
#openispageinfo{font-size: 12px;}
}

@media (max-width: 767.98px) {
	#mynewist{background: #fff;
    position: fixed;
    bottom: 10%;
    left: 0;}
	.ql-toolbar{display: block !important}
	.mysitessw{display: block;}
	.mysitessw .right-block{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding-bottom: 16px;
    color: #ccc;
}
	.mini-drop-zone{    display: block !important;
    height: 180px !important;
    padding: 12px;}
	#drop_zone_ats_2{    display: block !important;
    height: 200px !important;
    padding: 12px;}
	.info-drop-block{padding: 10px;}
	.mywbutt button{width: 100%}
	.triggers-crm-but button{font-size: 12px;}
	.trigger-year{    padding: 4px 15px;}
	#openispageinfo{font-size: 14px;}
	.info-dop-page{margin-bottom: 10px;
	}
	.cam-block {width: 110px;
    height: 82px;
    overflow: hidden;
    border-radius: 10px;
    position: absolute;
    right: -2%;
    z-index: 1;
    top: 1%;}
	.message-history {
			padding-bottom: 80px;}
			.fl-1{top: 13px;
			    left: auto;
			    right: 30px;}
	#myProgress{
		min-width: 62vw;}
	.aimyback{
		display: block;
	  position: fixed;
	  width:100%;
	  bottom:0;
		left:0;
	}
	.input-container{width:98%}
	.ai-card-mini{padding: 5px;}
	.ai-card-mini img {
    padding: 0 5px 5px 5px;
		width: 94%;
}
.welc-mess{padding-bottom: 30px;}
.my-assi-ai{padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;}
	.aih-40 {
    height: 40px;
}
.content-info-block {
    padding: 20px;
}
.ai-dont-display{display: block;}
.the-buttons{bottom: 0;
    background: #fff;
    padding-bottom: 15px;}
.ai-dont-display .dop-ai-two-block{    height: 100%;border-left: 0px solid #E6E5E9;
    margin-top: 0;
    padding: 0 20px;}
.input-container input{font-size:20px;}
.ai-vision-dop{top:0px;transition: all 0.3s ease;}
.ai-r-top{display: none !important}
.ai-no-vision{display: block !important;}
.ai-actions{padding-top: 30px;}
.ai-r-b{padding: 30px;}
.no-m-vision .ai-actions a{font-size: 14px;
    justify-content: left;
    display: flex;}
	.big-video-youtube {min-height: 294px;max-width: 768px;width: 100%;}
	#crfizbut i{  display: none;
	}
	#crfizbut span{  display: block;
	}
	.info-vision{display: none;}
	.info-vision-show{display: block}
	.mob-res-back{background: #fff;
    padding: 10px;
    margin: 10px 0;border-radius: 6px;}
		.theresult-card {
    box-shadow: none;
		border: 1px solid #E6E5E9;
}
.dop-block-result-one {
    margin-top: 0 !important;
}
	.footer-show{display: block;}
	.footer-hide{display: none;}
	.footer-text-right{text-align: left;margin-top: 20px;}
	.pm-0 {padding: 0 !important}
	.card-content{padding: 15px;}
	.mybigtitl{font-size: 2em; }
	.ai-balance {width: auto;}
	.ai-topper {
    width: 98%;
}

	.withmobnohide{white-space: nowrap;
	    overflow-x: scroll;
	    width: 100%;
	    display: flex;}
	.w-m-25{width:25%}
	.is-center{display: flex;
    justify-content: center;}
	.is-ava-not{width: 40%;}
	.is-text-avatar {display: none;}
	.gr-opas{display: none;}
  .triggers {float: left;}
  .m-hide{display: none;}
  .act-background-block{height: 390px;}
  .act-background-settings{height: 194px;}
  .triggers {float: left;}
  .creator-test{
    width: 70%;
      left: 15%;
}
.mm-only-f {display: flex}
.mm-hide{display: none;}
.text-mobile-left{text-align: left !important;padding: 0;}
.wf-75{width:75%; float:left;margin-top: 10px !important;display: block;}
.wf-60{width:60%; float:left;margin-top: 10px !important;display: block;}
.wf-40{width:40%; float:left;margin-top: 10px !important;display: block;}
.wf-25{width:25%; float:left;margin-top: 10px !important;display: block;}
.card-info p{height: 50px;}
.favorite {top: 15px;
right: 0px;
}
.is-mini-mob {
    border: none;
    padding: 3px;
    font-size: 20px;
}
.butt360sm{margin: 5px 5px 0 5px}

.act-background-block-dop{height: 200px !important;}
.dop-background-mobile{background: #fff}
.select-css2 {width: 70%;
    margin-left: 20%;}
		.mybittens {position: relative;
		overflow: auto;}
		.buttonsover {position: relative;  width: auto;}

	.block-result{position:relative}
	.the-ava-text-rel{display: block;
    position: absolute;
    top: 10px;
    right: 10px;}
	.the-ava-text-rel .avatar-img{width:40px;height:40px;}
	.the-ava-text-rel .avatar-img img{width:40px;}
	.twoword {
		padding: 6px 6px !important;
	}
	.dd-item{padding: 0 0 0 53px;}
	.t360balls {display: none}
	.i360wm-100 {width:100%}

}

@media (max-width: 575.98px) {
	.is-text-left{    justify-content: left;}
	.ats-check label {margin: 5px;}
	.addnewblockats{font-size: 11px;}
	.isdeltoats,.iseditatscard {display: flex;}
	.new-button-ats{display: inline-block;
    margin-bottom: 10px;}
	.contact-info-ats{display: block;}
	.info-ats-block{display: block;}

	.image-big-ats img{max-width: 90px;}
	.isallnats{display: block;}
	.isnametoats{width:100%}
	.thebutforcardats{display: flex; justify-content: space-between;width: 90%;}
	.list-ats {
    width: 100%;
    left: 0;
}
.is-max-width,.is-max-width-big{width:100%}
	.is-drop-ats-menus{    position: absolute !important;
    right: 0;
    display: block;
    width: 60px;}
	.ats-candy{
		border-top: 1px solid #E6E5E9;
	}
	.info-ats-candy{    width: 80%;}
	.is-ats-block-gl{position: relative;}
	#atscreate{width:100%}
	.is-side-ats{height: calc(100vh - 60px);}
	.isrealats{padding-left: 0;}
	.link-fiz-lic{    top: 50px;}
	.all-for-tester{}
	.igray h4{text-align: center;}
	.igray .fs-12{font-size: 14px;}
	.igray {padding: 16px !important;}
	#testv{    position: absolute;
		top: -25% !important;
		left: 0;
		width: 100%;
		}
	.cam-block{width: 110px;
    height: 80px;
    overflow: hidden;
    border-radius: 10px;
    position: absolute;
    right: -2%;
    z-index: 1;
    top: 1%;}
	.mt-m-3{margin-top:15px;}
	.is-dis-m-block{display: block !important;}
	.imgdash img{width: 100%;}

	.t360-370 {
    width: 240px;
}
.v-center-text{display: block;}
.fl-1{top: 13px;
    left: auto;
    right: 30px;}
.is-v-dopper{    position: absolute;
    background: none;
    color: #e6e5e9;
    right: 0px;
    top: -2px;}
.t360-res-card{padding: 0;}
	.avatar img {
    min-width: 40px;
    border-radius: 25px;
    height: 40px;
}
	.block-gallop-big-dop {
    width: 60%;
}
.text-left-m{text-align: left;}

.allsglres{white-space: normal;
    overflow-x: scroll;
    width: 100%;
    display: flex;}
	.mydopbutotd {margin: 5px 0;}
	.gltrig .button {padding: 7px 10px;}
	.gray-block {
    padding: 10px;
}
.info-card{padding: 10px;}
	.line-border{width: 95%;
	    background: #3B3A3E;
	    height: 1px;
	    margin: 0 auto;}
.logo-footer{margin-bottom: 20px;}

.wm-100{width:100% !important}
.text-center-m{text-align: center;}

.its-slider{width:400%;transition: all 0.3s ease;}
	.px-sm-2{padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;}
	.ai-topper{height: calc(90vh - 60px);}
	.i-m-link {
    text-align: left;

}
.whtext .myettext {
    display: none;
}
.m-male-font{font-size: 13px;}
.shortline{ display: none}
.res-date{  text-align: left;}
	.is-ava-not{width: 180px;}
.res-clock{text-align: left;margin-top:10px;}
.res-h3-gray{margin-top:10px;}
.dopgraytext{width: 100%;}
.w-m-100{width:100% !important}
.m-greed{display: grid;}
.pbm-4{padding-bottom: 40px;}
.m-b-t-1{}
	#ai-message{background: #fff !important;
		padding: 20px 20px !important;
	border-top: 1px solid #E6E5E9;}
  .act-background-block{height: 360px;}
	.act-background-settings{height: 194px;}
  .m-hide {display: none;}
  .m-only {display: block}
  .logo {float: left;}
  .m-balance{float:left;color:#59595B;}
	.m-line{display: block;}

.but-mini{font-size:12px;}


.block-result{margin: 0.25rem;}

.creator-test{width: 100%;left: 0;    border-radius: 0px;}
.creator-test .triggers {    width: 100%;}
.m-over-hide {overflow: hidden;}

.act-set-background-block{    height: 460px;}
.modal-container {width: 100%;top: 0%;max-height: 100%;height: 100%;}
.modal-contents {
    padding: 20px;
}
.the-big-ic {height: 50px;
    padding-top: 30px;}
.mob-buttons{position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: #fff;
    border-top: 1px solid #E6E5E9;}
.mob-buttons #backto {width: 68%;
    margin-right: 2%;}
.card-the-tarif .buyh2{height: 50px;}
.the-buy-button p{height: 42px;}
.right-block-balance .line-panel-non{display: block;}
.right-block-balance .line-panel{justify-content: left;}
.mycard-adder{top:0}
.content-paket{width: 100%;
    margin: 0;}
.i-m-clodes {
    width: 77%;
    z-index: auto;
}
.w-md-100{width:100%}
.i-m-closed{z-index: 999;color: #000;}
.twoword {
	padding: 6px 5px !important;
}
.dm-block{display: block}

.video-card-result{padding: 0;
	border: none;}
	.vid-controls {
	    display: block;
			position: relative;
	}
	.vid-controls .display-flex{
	    justify-content: center;
			margin-bottom: 10px;
	}
	.myistitle{margin-right: 0rem!important;
    margin-left: 0rem!important;position: static;}
#myvquest{    text-align: center;
    margin-bottom: 10px;}
.alltheansw{    text-align: center;}
#textinvideo{display: none}
.volume-test .fs-30 {font-size: 18px;}

.mini-pills{padding: 0px 10px !important}
.import-ats-input{flex-wrap: wrap;}
.is-ats-titatl{max-width: 100%;}
}


@media (max-width: 379.98px) {
	.big-video-youtube {min-height: 200px;max-width: 768px;width: 100%;}
	.t360-370 {
    width: 200px;
}

#test-count{display: none;}
.image-zoi{width: 40%;}
.name-zoi{width: 60%;}
.ai-conf .button {font-size: 10px;
    padding: 10px 7px;
    height: 37px;border-bottom: 1px solid #e6e5e9;
    padding-bottom: 10px;}

.pre-enerhy {width: 50%;}
.mt-m-3{margin-top:15px;}
.cards-balance{overflow-x: scroll;}
.its-slider{width:400%;transition: all 0.3s ease;}

.carousels {
width: 100%;
overflow: hidden;
position: relative;
padding-bottom: 3rem;
}

.carousels-container {
width: 385%;
display: flex;
transition: all 0.3s ease 0s;
}


.carousels-controls {
	display: flex;
padding: 35px 0 10px 0;
}

.carousels-control {
cursor: pointer;
}
.carousels-control i{
  padding: 20px;
  border-radius: 25px;
  box-shadow: 0px 1px 1px 0px #00000017;
  background: #fff;
}

.carousels-dots {
display: inherit;
    justify-content: center;
}
.carousels-dot {
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
border: 1px solid white;
outline: 1px solid #807F84;
}

.carousels-dot.active {
  border: 1px solid white;
  outline: 1px solid #807F84;
  background: #000;
}
}