@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
    body {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
    }
    .order_card .card-body p {
      margin-bottom: .45rem;
    }
    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }
    .spinner {
      width: 60px;
      height: 60px;
      border: 5px solid transparent;
      border-radius: 50%;
      border-top-color: #fff;
      border-bottom-color: #fff;
      border-right-color: #0056b3;
      border-left-color: #0056b3;
      animation: spin 2s linear infinite;
      margin: 0 auto;
      margin-bottom: 15px;
      margin-top: 100px;
    }
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
    .tab-content {
      padding: 15px;
    }
    .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
    .panel-info {
    border-color: #bce8f1;
}
    .panel-warning {
    border-color: #faebcc;
      margin-top: 15px;
}
    .panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
    .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
    .nav-tabs {
    border-bottom: 1px solid #ddd;
}
    .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
    .nav>li {
    position: relative;
    display: block;
}
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
    .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
      text-decoration:none;
      color:#337ab7;;
}
    .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
    .nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
    color: #23527c;
}
    .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
}
    .tab-content>.fade.in {
    opacity: 1;
}
    .tab-content>.active {
    display: block;
}
    .tab-content>.tab-pane {
    display: none;
}
    
    .tab-content>.tab-pane {
    display: none;
}
    .tab-content>.active {
    display: block;
}
    .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #000!important;
}
    .panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
    .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
    .panel-body {
    padding: 15px;
}
    .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
    .btn-default {
      background: #fff;
      border: 1px solid #ced4da;
    }
    .bootstrap-select.btn-group .dropdown-menu {
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
    .bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .open>.dropdown-menu {
    display: block;
}
    .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.custom-file-input:lang(en)~.custom-file-label:after {
  content: 'Выбрать'
}
    label {
      margin-top: .12222rem;
      margin-bottom: .22222rem!important;
    }
    .link-vk {
      display: inline-block;
      width: 22px;
      height: 22px;
      background: url("{{asset('img/foreign.png')}}"),no-repeat center center;
      background-size: cover;
      transition:.3s;
    }
    .full_info {
      cursor: pointer;
    }

    #budget_initial::-webkit-outer-spin-button,
    #budget_initial::-webkit-inner-spin-button
    {
      -webkit-appearance: none;
    margin: 0;
    }
    .create-box {
      width: 100%;
      margin: 0 auto;
    }
    .full_info:hover p {
      color: #007bff;
    }

    .table-parent {
      overflow-x: scroll;
    }

    .table td,
    .table th {
      vertical-align: middle;
      text-align: center;
    }

    label {
      margin-bottom: .55555rem;
    }
    .online {
			color:#28a745;
		}
		.offline {
			color:#dc3545;
		}
		.warn {
			color:#ffc107;
    }
    .btn-submit {
      width: 100%;
      padding: 13.6666px 0;
      font-size: 1.3em;
    }

    .form-check {
      padding: 0;
    }

    /* Customize the label (the container) */

    .container-check {
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: 12px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

    /* Hide the browser's default checkbox */

    .container-check input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
    }
    .static {
      position: fixed;
      bottom: 0;
      left:0;
      width:100%;
    }
    /* Create a custom checkbox */

    /* .checkmark {
      position: absolute;
      top: 6px;
      left: 0;
      height: 25px;
      width: 25px;
      border: 1px solid #ced4da;
      border-radius: .25rem;
    } */

    /* On mouse-over, add a grey background color */

    .container-check:hover input~.checkmark {
      background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */

    .container-check input:checked~.checkmark {
      background-color: #28a745;
    }

    /* Create the checkmark/indicator (hidden when not checked) */

    .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }

    /* Show the checkmark when checked */

    .container-check input:checked~.checkmark:after {
      display: block;
    }

    .container-check input:checked~.checkmark {
      border: none;
    }

    /* Style the checkmark/indicator */

    .container-check .checkmark:after {
      left: 8px;
      top: 1px;
      width: 9px;
      height: 17px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    footer {
      background: #fff;
      text-align: center;
    }
    .rights {
      padding: 15px 0 25px 0;
    }
    .rights a {
      display: block;
      color: #000 !important;
      padding: 5px 10px;
      font-size: 16px;
      text-decoration: none;
    }
    .rights a:hover {
      color:#0056b3!important;
    }
    .rights a img {
      max-width: 120px;
    }
    .cookies-alert {
      position: fixed;
      top:30%;
      left:10%;
      max-width: 80%;
      z-index: 9999;
      background: #fff;
      border-radius: 4px;
      text-align: left;
      padding: 30px;
      border: 1px solid rgb(55, 58, 60);
    }
    .textareablock {
      position: relative;
      max-height: 100px;
      padding: 3px;
    }

    .address {
      outline: none;
      border: none;

    }
    a.btn-action {
      color:#fff;
    }
    .boxed-content {
      padding:0.83em!important;

    }
    .tabs-content {
      padding:0 !important;
    }
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        /* display: none; <- Crashes Chrome on hover */
        -webkit-appearance: none;
        margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
    }
    .boxed-content h3 {
      display:block !important;
    }
    .boxed-content h3 .btn-action {
      padding: 7px 14px!important;
      font-size: 13px;
      color:#fff!important;
    }
    section.card-body {
      padding:10px 0;
    }
    .btn i {
      color:#fff!important;
    }
    .fail-container {
      position: relative;
    }
    .card {
      position: relative;
    }
    .card #paysystem {
      height: 25px;
      width: auto;
      position: absolute;
      top: 39px;
      right: 7px;
    }
    .login-failed {
      position: absolute;
      width:100%;
      height: 100%;
      top:0;
      left:0;
      background: rgba(0,0,0,.7);
      z-index: 99;
      padding:100px;
    }
    .window-fail-close {
      position: absolute;
      top:5px;
      right:12px;
      outline: none;
      border:none;
      font-size:25px;
      cursor: pointer;
      transition: .2s;
    }
    .window-fail-close:hover {
      transform:translateY(-2px);
    }
    .textareablock .btn_search {
      position: absolute;
      top: 5px;
      right: 5px;
      background: rgba(0, 0, 0, .2);
      color: #fff;
      transition: .3s;
    }

    .textareablock .btn_search:hover {
      background: rgba(0, 0, 0, .4);
    }

    .textareablock .btn_search i {
      margin-left: 5px;
    }
    .loader_container {
      width: 100vw;
      height: 100vh;
      z-index: 999;
      position: absolute;
      top: 0;
      left: 0;
      background: #fff;
    }
    .cookies-alert p {
      border-bottom: 1px solid #9B9B9B;
      padding-bottom: 15px;
    }
    .close-btn-cookies {
      text-transform:uppercase;
      cursor:pointer;
      outline: none!important;
      border: none;
      padding: 10px 15px;
      color:#fff;
      font-weight: 600;
      border-radius: 7px;
      transition: .3s;
    }
    
    @media(min-width:0px) and (max-width:320px) {
      .cookies-alert {
        max-height: 70%;
        top:150px;
        overflow-y: scroll;
      }
			.card-body {
				overflow-x:scroll;
			}
			.devices td {
				min-width: 200px;
			}
			.locations td {
				min-width: 200px;
			}
			#balanceInfo .btn {
				min-width: 0!important;
			}
    }
    @media(min-width:321px) and (max-width:480px) {
      .cookies-alert {
        max-height: 70%;
        top:150px;
        overflow-y: scroll;
      }
			.card-body {
				overflow-x:scroll;
			}
			.devices td {
				min-width: 200px;
			}
			.locations td {
				min-width: 200px;
			}
			#balanceInfo .btn {
				min-width: 0!important;
			}
    }
    @media(min-width:481px) and (max-width:768px) {
      .cookies-alert {
        max-height: 70%;
        top:150px;
        overflow-y: scroll;
      }
    }
    @media(min-width:769px) and (max-width:992px) {
      .cookies-alert {
        max-height: 70%;
        top:150px;
        overflow-y: scroll;
      }
			.card-body {
				overflow-x:scroll;
			}
			.devices td {
				min-width: 200px;
			}
			.locations td {
				min-width: 200px;
			}
			#balanceInfo .btn {
				min-width: 0!important;
			}
    }
    .close-box {
      position: relative;
    }
    .close-btn-cross {
      background: #000;
      display: block;
      top: -12px;
      right: -14px;
      position: absolute;
      width: 15px;
      height: 15px;
      cursor:pointer;
      background: url("{{asset('img/cancel.png')}}") no-repeat center center;
      background-size: cover;
    }
    .animate-emergence {
      animation: emergence .5s ease-in-out;
    }
    .animate-inversemergence {
      transform: scale3d(0,0,0);
      transition: .3s;
    }
    @keyframes emergence {
      0% {
        transform: scale3d(0,0,0);
      }
      50% {
        transform: scale3d(1.1,1.1,1.1);
      }
      100% {
        transform: scale3d(1,1,1);
      }
    }
    
    

    .analytics {
      padding: 50px 0;
    }
   .analytics p {
    text-align:center;
     font-family: 'Roboto', sans-serif;
     font-size:18px;
     margin-top: 15px;
    }
    .statistic-circle {
      position: relative;
      width: 250px;
      height: 125px;
      margin:0 auto;
      overflow: hidden;
    }
    .user-ver-arrow {
      width: 50%;
      height: 1px;
      background: #20c997;
      position: absolute;
      bottom:0;
      transform-origin: right;
    }
    .verification-error-arrow {
      width: 50%;
      height: 1px;
      background: #dc3545;
      position: absolute;
      bottom:0;
      transform-origin: right;
    }
    .ver-error-arrow {
      width: 50%;
      height: 1px;
      background: #ffc107;
      position: absolute;
      bottom:0;
      transform-origin: right;
    }
    .ver-out-arrow {
      width: 50%;
      height: 1px;
      background: #28a745;
      position: absolute;
      bottom:0;
      transform-origin: right;
    }
    .reg-prod-arrow {
      width: 50%;
      height: 1px;
      background: #28a745;
      position: absolute;
      bottom:0;
      transform-origin: right;
    }
    .open-prod-arrow {
      width: 50%;
      height: 1px;
      background: #17a2b8;
      position: absolute;
      bottom:0;
      transform-origin: right;
    }
    .active-prod-arrow {
      width: 50%;
      height: 1px;
      background: #007bff;
      position: absolute;
      bottom:0;
      transform-origin: right;
    }
    .out-prod-arrow {
      width: 50%;
      height: 1px;
      background: #20c997;
      position: absolute;
      bottom:0;
      transform-origin: right;
    }
    .arrow-into-circle-verification-out {
      width: 50%;
      height: 1px;
      background: #007bff;
      position: absolute;
      bottom:0;
      transform-origin: right;
    }
    .arrow-prod-on-user {
      width: 50%;
      height: 1px;
      background:#ecb0fc;
      position: absolute;
      bottom:0;
      transform-origin: right;
    }
    .arrow-into-circle-no-active {
      width: 50%;
      height: 1px;
      background: #6f42c1;
      position: absolute;
      bottom:0;
      transform-origin: right;
    }
    .arrow-into-circle-verification-user {
      width: 50%;
      height: 1px;
      background: #ffc107;
      position: absolute;
      bottom:0;
      transform-origin: right;
    }
    .arrow-into-circle-blocked {
      width: 50%;
      height: 1px;
      background: #dc3545;
      position: absolute;
      bottom:0;
      transform-origin: right;
    }
    .arrow-into-circle {
      width: 50%;
      height: 1px;
      background: #28a745;
      position: absolute;
      bottom:0;
      transform: rotateZ(0);
      transform-origin: right;
    }
    .statistic-circle .back-transparent {
      position: absolute;
      width: 250px;
      height: 250px;
      background: #fff;
      border-radius: 50%;
      top:0;
      z-index: 1;
    }
    .statistic-circle .back-transparent-into {
      position: absolute;
      width: 230px;
      height: 230px;
      left:10px;
      background: #fff;
      border-radius: 50%;
      top:9%;
      z-index: 3;
    }
    .statistic-circle .circle-indicator {
      width: 250px;
      height: 250px;
      position: absolute;
      border-radius: 50%;
      z-index: 2;
    }
    .circle-relative {
      position: relative;
      width: 250px;
      height: 250px;
      border-radius: 50%;
      overflow: hidden;
      top:0;
      transform:rotateZ(-180deg);
    }
     .circle-relative .circle-transparent {
      position: absolute;
      width: 250px;
      height: 125px;
      background: #fff;
       overflow: hidden;
      
    }
    
    
    
    
    
     .circle-transparent .circle-filling {
      position: absolute;
      width: 250px;
      height: 250px;
    }
    .prod-on-user .circle-filling {
      background: #ecb0fc;
    }
    .no-active-user .circle-filling {
      background: #6f42c1;
    }
    .user-verification-now .circle-filling {
      background: #20c997;
    }
    .verification-error .circle-filling {
      background: #dc3545;
    }
    .verification-user-out-error .circle-filling {
      background: #ffc107;
    }
    .verification-user-out-now .circle-filling {
      background: #28a745;
    }
    
    .reg-user .circle-filling {
      background: #28a745;
    }
    .verification-user .circle-filling {
      background: #ffc107;
    }
    .verification-user-out .circle-filling {
      background: #007bff;
    }
    .blocked-user .circle-filling {
      background: #dc3545;
    }
    .reg-prod .circle-filling {
      background: #28a745;
    }
    .open-prod .circle-filling {
      background:#17a2b8;
    }
    .active-prod .circle-filling {
      background: #007bff;
    }
    .out-prod .circle-filling {
      background: #20c997;
    }
    .content {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 9999;
      text-align: center;
      padding-top: 80px;
    }
    .content span {
      font-weight: bold;
      font-size: 25px;
    }
    .releas_block {
      padding: 20px;
      font-family: 'Roboto', sans-serif;
    }
    .block-update {
      padding: 15px;
      margin: 10px 0;
      border-bottom: 1px solid #6c757d;
    
    }
    .block-update:last-child {
       border-bottom: none;
    }
    .block-update h3 {
      display: inline-block;
      padding: 5px;
      background: #dff0d8;
      font-family: 'Roboto', sans-serif;    
    }
    .block-update:last-child {
       border-bottom: none;
    }
    .block-update ul {
      padding-left: 40px;
    }
    .verification_1, .verification_2, .verification_3 {
      padding: 50px 0 0 0;
      text-align: center;
      border-radius: 5px;
    }
    .verification_1 {
      background: #fcf8e3;
      border: 1px solid #faebcc;
    }
    .verification_1 p {
      font-family: 'Roboto', sans-serif;
      font-size: 60px;
      color: #8a6d3b;
      line-height: 100%;
      margin: 0;
    }
    .verification_2 {
      background: #f2dede;
      border: 1px solid #ebccd1;
    }
    .verification_2 p {
      font-family: 'Roboto', sans-serif;
      font-size: 60px;
      color: #a94442;
      line-height: 100%;
      margin: 0;
    }
    .verification_3 {
      background: #dff0d8;
      border: 1px solid #d6e9c6;
    }
    .verification_3 p {
      font-family: 'Roboto', sans-serif;
      font-size: 60px;
      color: #3c763d;
      line-height: 100%;
      margin: 0;
    }
    .disc_1 {
      padding: 10px;
      background: #faebcc;
      color:#8a6d3b;
      margin-top: 30px;
    }
    .disc_2 {
      padding: 10px;
      background: #ebccd1;
      color: #a94442;
      margin-top: 30px
    }
    .disc_3 {
      padding: 10px;
      background: #d6e9c6;
      color: #3c763d;
      margin-top: 30px
    }
    .balance {
      margin:0 0 10px 0;
      width: 49.5%;
      background: #6c757d;
      padding: .375rem .75rem;
      color:#fff;
      display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .9rem;
    line-height: 1.6;
    border-radius: .25rem;
    }
    .balance p {
      margin: 0;
    }
    .balance_info {
      text-align:center;
    }
    .balance_info p:first-child {
      font-size:35px!important;
    }
    .balance_info p {
      font-size: 25px;
      margin: 0;
      margin-bottom: 5px;
    }
.balance button {
  background:#fff;
  outline:none;
  border:none;
  cursor:pointer;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  padding:0;
  transition:.2s;
  border-radius: 3px;
}
.balance button  i {
  color:#6c757d;
}
.info-oper p {
  font-weight:bolder;
}
.info-oper p span {
  font-weight: normal;
}