@font-face {
    font-family: 'MyriadPro-Regular';
    src: url("") format('embedded-opentype'),
         url("MyriadPro-Regular.otf") format('opentype'),
         url("MyriadPro-Regular.woff") format('woff'),
         url("MyriadPro-Regular.ttf") format('truetype'),
         url("") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-Semibold';
  src: url("") format('embedded-opentype'),
      url("") format('opentype'),
	     url("") format('woff'),
             url("") format('truetype'),
             url("") format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Bold';
    src: url("") format('embedded-opentype'),
         url("") format('opentype'),
         url("") format('woff'),
         url("") format('truetype'),
         url("") format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    min-width: 100%;
    min-height: 100%;
}

body {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    padding-bottom: 60px;
}

body {
    font-family: 'MyriadPro-Regular';
    font-size: 14px;
    color: #b1b1b1;
    background:  #232627;
}

body.login-page {
    background: #232627;
}

.container {
    /*width: 1260px !important;*/
    width: 1350px !important;
}

a,
a:hover,
a:focus {
    color: #9dadbe;
}

h1 {
    margin-top: 0;
    font-size: 28px;
}

/*----login----*/

pm_panel-login__inner {
    background: hsla(0,0%,100%,.3);
    padding: 50px 44px 0;
    border: 1px solid #9397cd;
    border-radius: 4px;
}


/*----main logo----*/
.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

/*------------ Navbar --------------------------------------------------------*/
.navbar-top {
    height: 60px;
    position: relative;
    border-bottom: 1px solid #8e8e8e;
    background: #2e3233;
}

.login-page .navbar-top {
    border-bottom: 0;
    background: #232627;
}

.login-page .navbar-top:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
   
}

.login-page .navbar-top:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 13px;
  
}

.nav > li.open {
    color: #afbece;
    /*background:#2e3233*/
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    color: #232627;
    background-color: #fff;
}

.nav > li.active.open > a {
    color: #47565c;
}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #67978f;
  outline: 0;
}

/*  main menu -------------*/

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

   
    text-decoration: none;
    background-color: #436081;

}

.nav .dropdown-menu{
    
    background-color:#2e3233 ;
}
.nav .dropdown-menu > li > a {

    display: block;
    padding: 5px 15px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: rgb(236, 234, 234);
    white-space: nowrap;
   

}


/* history style time */

.label-primary_history_time {
       background-color: #3a4042;
   }

/*  main menu -------------*/



.nav > li > a {
    padding: 0;
    margin: 20px 10px;
    font-size: 15px;
    color: #b0b0b0;
}

.nav.navbar-menu > li > a {
    padding: 5px 10px;;
    margin: 15px 10px;
    border-radius: 2px;
    border: 1px solid transparent;
}

.nav > li > a:hover,
.nav > li > a:focus {
    color: #dedede;
    text-decoration: none;
    background: transparent;
}

.nav.navbar-menu > li > a:hover,
.nav.navbar-menu > li > a:focus {
    border-color: #4d5250;
    background: #3c4142;
}

.nav.navbar-menu > li.active > a {
    color: #67978f;
    border-color: #222222;
    background: #434c4e;
}

.nav.navbar-lang > li.active > a {
    margin: 14px 0px;
}

.support-badge {
    top: -8px;
    position: relative;    
    min-width: 10px;
    padding: 3px 7px;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    border-radius: 10px;
    background-color: #307239;
    -webkit-animation-duration: 2s;
}

.field-floodform-target {
    width: 25% !important;
}
.field-floodform-amount {
    width: 65px !important;
}
.field-floodform-duration {
    width: 10% !important;
}
.field-floodform-note {
    width: calc(65% - 155px) !important;
}
.field-floodform-hh {
    width: 45px !important;
}
.field-floodform-mm {
    width: 45px !important;
}


/*------------------------SSN------------------------*/


.ssn-form {
    margin-bottom: 35px;
}

.ssn-form .form-top-line {
    padding: 18px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #232627;
    background: #2e3233;
}

.ssn-form .form-bottom-line {
    padding: 0 20px;
}

.ssn-form .form-group {
    width: 129px;
    margin-right: 2px;
}
.ssn-form .form-group2 {
    width: 140px;
    margin-right: 2px;
}

.ssn-form .form-control {
    width: 20%;
}

.ssn-form .form-control:focus {
    border-color: #38d0e4;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(228,202,56,.075), 0 0 8px rgba(228,202,56, .6);
    box-shadow: inset 0 1px 1px rgba(228,202,56,.075), 0 0 8px rgba(228,202,56, .6);
}


.ssn-form .select2-container .select2-selection--single {
    height: 30px;
    border: 1px solid #5f5f5f;
    border-radius: 0;    
    background-color: #383838;
}

.ssn-form .select2-container .selection .select2-selection--single:focus {
    border-color: #38e471;
    -webkit-box-shadow: inset 0 1px 1px rgba(228,202,56,.075), 0 0 8px rgba(228,202,56, .6);
    box-shadow: inset 0 1px 1px rgba(228,202,56,.075), 0 0 8px rgba(228,202,56, .6);
}
    
.ssn-form .select2-container:focus,
.ssn-form .select2-container .selection:focus,
.ssn-form .select2-container .select2-selection--single:focus {
    outline: 0;
}

.ssn-form .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    font-family: 'MyriadPro-Regular';    
    color: #fff;
    line-height: 18px;
}


.ssn-form [type=reset] {
    position: absolute;
    top: 0;
    right: 70px;
    width: 70px;
    height: 100%;
    color: #2f2f2f;
    outline: 0;
    border: 0;
    background: #85909e;
    transition: color .2s, background .2s;
}

.ssn-form [type=reset]:hover {
    color: #afafaf;
    background: #b98484;
}

.ssn-form [type=reset] .fa {
    transform: rotate(-50deg);
}

.ssn-form [type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 100%;
    color: #2d2c36;
    text-shadow: 0 0 1px #85909e;
    outline: 0;
    border: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #85909e;
}

.ssn-form [type=submit]:hover {
    background: #65ce99;
}




/*----------------------------------------------------*/



/*------------ Soocks --------------------------------------------------------*/
.socks-map-wrap {
    min-width: 1000px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-top: 1px solid #232627;
    border-bottom: 1px solid #232627;
    background: #232627;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    display: none;
}

.socks-form {
    margin-bottom: 35px;
}

.socks-form .form-top-line {
    padding: 24px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #232627;
    background: #2e3233;
}

.socks-form .form-bottom-line {
    padding: 0 20px;
}

.socks-form .form-group {
    width: 129px;
    margin-right: 2px;
}
.socks-form .form-group2 {
    width: 140px;
    margin-right: 2px;
}

.socks-form .form-control {
    width: 100%;
}

.socks-form .form-control:focus {
    border-color: #38d0e4;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(228,202,56,.075), 0 0 8px rgba(228,202,56, .6);
    box-shadow: inset 0 1px 1px rgba(228,202,56,.075), 0 0 8px rgba(228,202,56, .6);
}


.socks-form .select2-container .select2-selection--single {
    height: 30px;
    border: 1px solid #5f5f5f;
    border-radius: 0;    
    background-color: #383838;
}

.socks-form .select2-container .selection .select2-selection--single:focus {
    border-color: #38e471;
    -webkit-box-shadow: inset 0 1px 1px rgba(228,202,56,.075), 0 0 8px rgba(228,202,56, .6);
    box-shadow: inset 0 1px 1px rgba(228,202,56,.075), 0 0 8px rgba(228,202,56, .6);
}
    
.socks-form .select2-container:focus,
.socks-form .select2-container .selection:focus,
.socks-form .select2-container .select2-selection--single:focus {
    outline: 0;
}

.socks-form .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    font-family: 'MyriadPro-Regular';    
    color: #fff;
    line-height: 18px;
}






.sms-form {
    margin-bottom: 35px;
}

.sms-form .form-top-line {
    padding: 20px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #232627;
    background: #2e3233;
    width: 1320px;
}

.sms-form .form-bottom-line {
    padding: 0 20px;
}

.sms-form .form-group {
    width: 240px;
    margin-right: 2px;
}

.sms-form .form-control {
    width: 100%;
}

.sms-form .form-control:focus {
    border-color: #66df80;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(228,202,56,.075), 0 0 8px rgba(228,202,56, .6);
    box-shadow: inset 0 1px 1px rgba(228,202,56,.075), 0 0 8px rgba(228,202,56, .6);
}


.sms-form.select2-container--krajee .select2-selection__clear {
    color: #000;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    top: .4rem;
    font-weight: 696;
    font-size: 15px;
    opacity: .4;
  
  }


.sms-form.select2-container .select2-selection--single {
    height: 30px;
    border: 1px solid #5f5f5f;
    border-radius: 0;    
    background-color: #383838;
    
}
.sms-form .select2-container .select2-selection--single {
    height: 30px;
    border: 1px solid #5f5f5f;
    border-radius: 0;    
    background-color: #383838;
}

.sms-form.select2-container .select2-selection--single {
    height: 30px;
    border: 1px solid #5f5f5f;
    border-radius: 0;    
    background-color: #383838;
}

.posms-form.select2-selection--single .select2-selection__rendered {
    color: rgb(233, 233, 233);
    padding: 0;
}

.sms-form.select2-selection--single .select2-selection__rendered {
    color: rgb(233, 233, 233);
    padding: 0;
}
.sms-form.select2-selection--single .select2-selection__rendered {
    color: rgb(233, 233, 233);
    padding: 0;
}




.select2-container--krajee .select2-selection--single .select2-selection__rendered {
    color: #fff;

   

}

.select2-container--krajee .select2-selection--single {
    line-height: 1.0;
}




.checkbox-filter {
    white-space: nowrap;
}

.checkbox-filter .form-group {
    margin-top: 20px;
    margin-right: 40px;
}

.checkbox-filter .icheckbox_minimal-yellow {
    margin-right: 5px;
    vertical-align: sub;
}
 





/*sms*/

.sms-form [type=reset] {
    position: absolute;
    top: 0;
    right: 70px;
    width: 70px;
    height: 100%;
    color: #2f2f2f;
    outline: 0;
    border: 0;
    background: #0f0f0f;
    transition: color .2s, background .2s;
}

.sms-form [type=reset]:hover {
    color: #afafaf;
    background: #242424;
}

.sms-form [type=reset] .fa {
    transform: rotate(-50deg);
}

.sms-form [type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 100%;
    color: #ffe992;
    text-shadow: 0 0 1px #bd9b00;
    outline: 0;
    border: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #85909e;
}

.sms-form [type=submit]:hover {
    background: #c0e2c3;
}


/*-----*/






.socks-form [type=reset] {
    position: absolute;
    top: 0;
    right: 70px;
    width: 70px;
    height: 100%;
    color: #2f2f2f;
    outline: 0;
    border: 0;
    background: #85909e;
    transition: color .2s, background .2s;
}

.socks-form [type=reset]:hover {
    color: #afafaf;
    background: #b98484;
}

.socks-form [type=reset] .fa {
    transform: rotate(-50deg);
}

.socks-form [type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 100%;
    color: #2d2c36;
    text-shadow: 0 0 1px #85909e;
    outline: 0;
    border: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #85909e;
}

.socks-form [type=submit]:hover {
    background: #65ce99;
}

.table > tbody > tr.bought-row:nth-of-type(odd),
.table > tbody > tr.bought-row:nth-of-type(even) {
    background-color:#182d29cf;
}










/*------------ News ----------------------------------------------------------*/
.news-list {
    margin: 55px 0 55px 0;
}

.news-list .news-item {
    padding: 15px 35px;
    margin: 10px 0;
    background: #232627;
}

.news-list .news-item time {
    margin-bottom: 12px;
    color: #7bddaf;
}

.news-list .news-item h4 {
    font-size: 22px;
    color: #e8e8e8;
}

.news-list .news-item {}

/*------------ Cashbox -------------------------------------------------------*/
.panel-paybox {
    border-radius: 0;
    border: 0;
    background: #101010;
}

.panel-paybox .panel-heading {
    padding: 12px;
    color: #fff;
    border-bottom: 1px solid #191919;
    background: #0b0b0b;
}

.panel-paybox .panel-body {
    min-height: 180px;
    color: #c3c3c3;
    border-top: 1px solid #191919;
}

.panel-paybox .panel-body h4 {
    line-height: 34px;
}

.panel-paybox .panel-body b {
    font-family: 'MyriadPro-Semibold';
    color: #fff;
}

.panel-paybox form .panel-body {
    padding: 15px 30px;
    position: relative;
}

.panel-paybox a {
    color: #85909e;
    text-decoration: underline;
}

.panel-paybox a:hover {
    text-decoration: none;
}

.panel-paybox .panel-footer {
    padding: 12px;
    border-radius: 0;
    border-top: 0;
    background: #131313;
}

.pay-btc {
    margin: 0 0 20px 0;
}

.pay-pm {
    margin: 0 0 20px 0;
}

.panel-paybox form .btn[type=submit] {
    position: absolute;
    left: 0;
    bottom: -64px;
    width: 100%;
    height: 64px;
    font-size: 20px;
    color: #ffffff;
    border-radius: 0;
    background-color: #7c7c3b;
    transition: background-color .1s;
}

.panel-paybox form .btn[type=submit]:hover {
    background-color: #272519;
}

.paybox-table {
    height: 64px;
    margin-bottom: 50px;
    background: #383831;
}

.table.paybox-table > tbody > tr > td {
    padding: 0 0px;
    vertical-align: middle;
    border-top: 0;
    border-bottom: 0;
}
.table.paybox-table  tr:hover td {
	background: #383831;
}

.paybox-table td img {
    margin: 10px 30px 10px 30px;
}

.paybox-table .btn[type=submit] {
    width: 210px;
    height: 64px;
    margin-right: -12px;
    font-size: 20px;
    color: #ffffff;
    border-radius: 0;
    background-color: #383831;
    transition: background-color .1s;
}

.paybox-table .btn[type=submit]:hover {
    background-color: #272519;
}
    

/*------------ Banners -------------------------------------------------------*/
/*------------ Banners -------------------------------------------------------*/
.navbar-brand > img {
    display: block;
    z-index: 30;
    position: relative;
  }
.banner img {
    max-width: 100%;
    height: auto;
}

.banners {
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 10;
    background: #3E3E3E;
    transition: left .5s;
}

.banners.out {
    left: -170px;
}

.banners .banner {
    width: 146px;
    height: auto;
    margin: 10px;
    overflow: hidden;
}

.banners .banner.vip {
    border: 2px solid #1f996a;
}

.banners .toogle-banners {
    position: absolute;
    top: 50%;
    left: 100%;
    padding: 5px;
    background: #3E3E3E;
}

.banners .toogle-banners .fa:before {
    content: "\f053";
}

.banners.out .toogle-banners .fa:before {
    content: "\f054";
}




/*------------ proxyp-form ----------------------------------------------------*/
.proxyp-form {
    /* width: 443px;*/
     margin: 0 auto;
     background:#2e3233;
   /*  padding: 50px 13px 0;*/
 
     border: 1px solid #fff0;
     
     border-radius: 5px;
 }
 
 .proxyp-form [type='submit'] {
     margin-top: 20px;
     margin-bottom: 20px;
 }
 
 
 /*------------ proxyp-form ----------------------------------------------------*/
 .proxyi-form {
     /* width: 443px;*/
      margin: 0 auto;
      background:#373332;
    /*  padding: 50px 13px 0;*/
  
      border: 1px solid #fff0;
      
      border-radius: 5px;
  }
  
  .proxyp-form [type='submit'] {
      margin-top: 20px;
      margin-bottom: 20px;
  }
/*------------ login-form ----------------------------------------------------*/
.login-form {
    width: 443px;
    margin: 0 auto;
    background: hsla(200, 10.2%, 28.8%, 0.3);
    padding: 1px 27px 0;
    border: 1px solid #6c6d75;
    border-radius: 14px;
}

.login-form [type='submit'] {
    margin-top: 20px;
    margin-bottom: 20px;
}

/*------------ Common --------------------------------------------------------*/
.page-logo {
    margin-top: 100px;
    margin-bottom: 30px;
}

.login-form .page-logo {
   
}

.divider {
    width: 235px;
    height: 2px;
    margin: 30px auto 30px auto;
    border-top: 1px solid #3b3b3a;
    background: #000;
}

.page-header {
    padding-bottom: 6px;
    margin: 0 0 15px 0;
    font-size: 30px;
    color: #ffffff;
    border-bottom: 0;
}


/*------------ Profile -------------------------------------------------------*/
.user-menu {
    padding: 0;
    margin: 20px 0 40px 0;
}

.user-menu a {
    padding: 5px 10px;
    font-size: 15px;
    color: #b0b0b0;    
    border-radius: 2px;
    border: 1px solid transparent;
}

.user-menu a:hover {
    color: #dedede;
    text-decoration: none;
}

.user-menu a.active {
    color: #85909e;
    border-color: #222222;
    background: #181818;    
}


/*------------ Table ---------------------------------------------------------*/
.grid-view .table {
    background: #cecece;
}


/*------------ Pager ---------------------------------------------------------*/
.pagination > li > a,
.pagination > li > span {
    color: #fff;
    background-color: transparent;
    border: 0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #fff;
    background-color: #90a3a2;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #90a3a2;    
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    background-color: transparent;
}

    
/*------------ Modals --------------------------------------------------------*/
.modal-content {
    box-shadow: 0 0 20px 5px #000;
    border: 1px solid #1f1f1f;
    background: #232627;
    /*background: url(../i/inner-bg.jpg) top center no-repeat #070707;*/
}

.modal-content .table thead tr th,
.modal-content .table tbody tr td {
    padding: 8px;
}

.modal-header {
    color: #fff;
    border-bottom: 1px solid #292929;
    /*border-bottom: 1px solid #caa600;*/
    background: #101010;    
}

.modal-header .close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    color: #C5C5C5;
    opacity: .8;
    transition: opacity .2s, color .2s;
}

.modal-header .close:hover {
    opacity: .9;
    color: #fff
}


/*------------ Forms ---------------------------------------------------------*/
.form-group {
    margin-bottom: 8px;
}


.form-group-postal {
    margin-bottom: 8px;
    width: 100px;
   
}

/*---------------------------------------------------------*/


.modal-content-postal {
    box-shadow: 0 0 20px 5px rgb(49, 47, 47);
    border: 1px solid #1f1f1f;
    background: #181818;
    width: 912px;
    /*margin-left: 550px;*/
  /*  margin-right: auto;*/
    /*background: url(../i/inner-bg.jpg) top center no-repeat #070707;*/
}

.modal-content-postal .table thead tr th,
.modal-content-postal .table tbody tr td {
    padding: 8px;
}

.datepicker {
    border-radius: 4px;
    direction: ltr;
    color: black;
}



 /*-----------------------------------------*/
.select2-container--bootstrap .select2-results__option[aria-selected="true"] {
    background-color: #5b6879;
    color: #c6b9b9;
  }

  .select2-container--bootstrap .select2-dropdown {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-color: #4c5c62;
    overflow-x: hidden;
    margin-top: -1px;
    background: #383838;
  }

  .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #606362;
    color: #fff;
  }
  /*-----------------------------------------*/
/*-----------------------------------------SMS ----------------------------------------------------------*/
.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    border: none;
    border-left: 1px solid rgb(56, 56, 56);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    position: absolute;
    height: 28px;
    top: 1px;
    right: 0px;
    width: 20px;
}
.select2-container--krajee .select2-dropdown {
    background-color: #383838;
    border: 1px solid #fff;
      border-top-color: rgb(255, 255, 255);
      border-top-style: solid;
      border-top-width: 1px;
      border-right-color: rgb(255, 255, 255);
      border-bottom-color: rgb(255, 255, 255);
      border-left-color: rgb(255, 255, 255);
    border-radius: 4px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
  }
  

.select2-container--krajee li.select2-results__option {
  background-color: #A62F2A6B;
  color: #000;
}


.select2-container--krajee .select2-dropdown {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-color: #66afe9;
    border-top-color: rgb(56, 56, 56);
    border-right-color: rgb(56, 56, 56);
    border-bottom-color: rgb(56, 56, 56);
    border-left-color: rgb(56, 56, 56);
  overflow-x: hidden;
  margin-top: -1px;
}  

  .select2-container--krajee .select2-search--dropdown .select2-search__field {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background: #383838 url("") right 10px top 7px no-repeat;
    background-color: rgb(56, 56, 56);
    background-position-x: right 10px;
    background-position-y: top 7px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: url("");
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #fffefe;
}

.select2-container--krajee .select2-results__option[aria-selected] {

    background-color: #383838;
    color: #fff;
    border-radius: 0;

}
.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
    background-color: #4e4a4ae7;
    color: #fff;
  }

/*-----------------------------------------SMS ----------------------------------------------------------*/





.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    border: none;
    border-left: 1px solid #383838;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    position: absolute;
    height: 28px;
    top: 1px;
    right: 0px;
    width: 20px;
}


span.req {
    color: #be7878;
    font-weight: bold;
}
.postal-main{
    float: left; 
  
    background: rgb(38 39 39);
    padding: 5px 44px 0;
    /*border: 1px solid #959798;
    border-radius: 4px;*/

}

.postal-create-sender{
    float: left; 
    margin-right:auto;
    background: rgb(38 39 39);
    padding: 5px 44px 0;
  }
.postal-create-receiver{
    float: left; 
    margin-right:auto;
    background: rgb(38 39 39);
    padding: 5px 44px 0;
    /*border: 1px solid #959798;
    border-radius: 4px;*/

}

.postal-create-v{
    float: left; 
    width: 164px;
    margin-right:auto;
    background: rgb(38 39 39);
    padding: 5px 4px 0;
   
    position: relative;
    top: 10px;
}

.postal-create-sender .form-control {
    height: 30px;
    width: 280px;
}

.postal-create-receiver .form-control {
    height: 30px;
    width: 280px;
}

.postal-create-v .form-control {
    height: 30px;
    width: 155px;
}

.postal-create-v .select2-container .select2-selection--single {
    height: 30px;
    border: 1px solid #5f5f5f;
    border-radius: 0;    
    background-color: #383838;
    
}
.postal-create-receiver .select2-container .select2-selection--single {
    height: 30px;
    border: 1px solid #5f5f5f;
    border-radius: 0;    
    background-color: #383838;
}

.postal-create-sender .select2-container .select2-selection--single {
    height: 30px;
    border: 1px solid #5f5f5f;
    border-radius: 0;    
    background-color: #383838;
}


.postal-create-v  .select2-selection--single .select2-selection__rendered {
    color: rgb(233, 233, 233);
    padding: 0;
}

.postal-create-sender  .select2-selection--single .select2-selection__rendered {
    color: rgb(233, 233, 233);
    padding: 0;
}
.postal-create-receiver  .select2-selection--single .select2-selection__rendered {
    color: rgb(233, 233, 233);
    padding: 0;
}

.postal-form .form-control {


    width: 100%;
    height: 40px;
}



.has-success .form-control {
    border-color: #76563c;
   
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}




/*---------------------------------------------------------*/




























.form-control {
    height: 30px;
    color: #fff;
    border: 1px solid #5f5f5f;
    border-radius: 0;
    background: #383838;
}

.form-captcha {
    position: relative;
}

.form-captcha img {
    position: absolute;
    top: 3px;
    right: 20px;
    height: 24px;
}

.input-group-btn .btn {
    height: 40px;
}

.btn {
    border-radius: 3px;
}

.btn.btn-lg {
    padding: 7px 16px;
    font-size: 24px;
    border-color: #5b6879;
    background-color: #5b6879;
}
.btn-lg:hover,
.btn-lg:focus,
.btn-lg:active,
.btn-lg:focus:active {
    border-color: #98b897;
    background-color: #98b897;
}
/*------------ Buttons -------------------------------------------------------*/
.btn-primary {
    position: relative;
    font-family: 'MyriadPro-Semibold';
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .8);
    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .9);
    border-top: 1px solid #8d8d86;
    border-left: 1px solid #5f5f57;
    border-right: 1px solid #515148;
    border-bottom: 1px solid #161718;
    background: url("") 0 0 no-repeat;
    background-size: cover;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:focus:active {
    outline: none;
    border-top: 1px solid #8d8d86;
    border-left: 1px solid #5f5f57;
    border-right: 1px solid #515148;
    border-bottom: 1px solid #161718;
    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .9);
    background: url("") 0 0 repeat-x;
}

.btn-dark {
    border-color: #2e3233;
    background-color: #2e3233;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark:focus:active {
    color: #f1f1f1;
    border-color: #307e92;
    background-color: #374649;
}










.btn-info {
    border-color: #5b6879;
    background-color: #5b6879;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:focus:active {
    border-color: #98b897;
    background-color: #98b897;
}

.btn-primary:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: rgba(234, 234, 197, .05);
}

.btn-reset {
    padding: 6px 22px;
    display: table;
    margin: 0 auto;
    color: #79796e;
    background: rgba(4, 4, 4, .5);
}

.btn-reset:hover {
    color: #888;
    text-decoration: none;
}


/*------------ Table ---------------------------------------------------------*/
.table > thead > tr > th {
    color: #9dadbe;
    font-weight: normal;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
}
.table tr:hover td {
	background: #29333a;
}

 


.table > thead > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-bottom: 1px solid #232627;
}

.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #232627;
}

.table-striped > thead > tr {
    background-color: #3a4042;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #232627;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #272b2c;
 
}

.table > tbody > tr.bg-danger {
    background-color: #7F2025 !important;
}



/*------------ Bootstrap -----------------------------------------------------*/
hr {
    border-color: #292929;
/*    border-color: #caa600;*/
}

.text-danger {
    color: #e44a4a;
}

.text-success {
    color: #67978f;
}

.grid-view .pagination {
    margin-top: 0;
}

.grid-view .summary {
    margin-top: 6px;
}


/*------------ Responsive ----------------------------------------------------*/
@media (min-height: 700px) {
    body {
        background-size: cover;
    }
}

@media (min-width: 1200px) {
    body {
        background-size: cover;
    }
}