/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.3.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/
@import 'awesome-bootstrap-checkbox.css';
@import 'filter-form.css';


html {
    height: 100%;
}
body
{
    color:#000;
    /* min-height: 100%;
     height:100%;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     flex-direction: column;*/
}
.page-wrapper
{

    /*  -webkit-box-flex: 1;
      -moz-box-flex: 1;
      width: 100%;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;    */
}
.subfooter
{
    min-height: 10px;
    padding: 15px 0;
}
.dark.header .navbar-default .navbar-nav > li > a:hover, .dark.header .navbar-default .navbar-nav > li > a:focus, .dark.header .navbar-default .navbar-nav > .active > a, .dark.header .navbar-default .navbar-nav > .active > a:hover, .dark.header .navbar-default .navbar-nav > .active > a:focus {
    color: #09afdf;

}

.dark.header .dropdown-menu > li > a.active-lang, .dark.header .dropdown-menu > li > a:focus, .dark.header .dropdown-menu > li > a:hover {
    background-color: #09afdf;
    color: #ffffff;
    border-color: #0c9ec7;
}

.dark .header-dropdown-buttons .btn-group.open > .btn, .colored .header-dropdown-buttons .btn-group.open > .btn, .dark .header-dropdown-buttons .btn-group > .btn:hover {
    background-color: #09afdf;
    color: #ffffff;
    border-color: #0c9ec7;
}

.header-left {
    padding: 8px 0px 8px 24px;
}

.fixed-header-on .header .logo {
    margin: 10px 0 -5px 0;

}

.services-menu__item .bordered:hover {
    border: 1px solid #09afdf;

}

.services-menu__item:hover > div > span {
    background-color: #09afdf;
    color: #ffffff;
}

.services-menu__item:hover, .services-menu__item:focus {
    cursor: pointer;
}

/* Tags cloud block
---------------------------------- */
.tag.white a {
    color: #09afdf;
    background-color: #ffffff;
    border-color: #0c9ec7;
    text-decoration: none;
}

.tag.white a:hover {

    color: #ffffff;
    background-color: #09afdf;
    border: 1px solid #0c9ec7;

    text-decoration: none;
}

.modal-content .modal-header.modal-success {
    background-color: #24a828;
}

.modal-content .modal-header.modal-alert {
    background-color: #dc5b5b;
}

h1 {
    font-family: sans-serif !important;
}

.navbar-default .navbar-nav > li.dropdown > a {
    padding-right: 20px;
    padding-bottom: 33px;
}

.dark.header .dropdown-menu > li > a:hover, .dark.header .dropdown-menu > li > a:focus, .dark.header .nav .open > a, .dark.header .nav .open > a:hover, .dark.header .nav .open > a:focus, .dark.header .dropdown-menu > .active > a, .dark.header .dropdown-menu > .active > a:hover, .dark.header .dropdown-menu > .active > a:focus, .dark.header .dropdown-menu .menu > .active > a, .dark.header .dropdown-menu .menu > .active > a:hover, .dark.header .dropdown-menu .menu > .active > a:focus {
    background-color: rgba(0, 0, 0, 0.2);
    color: #09afdf;
    border-color: rgba(57, 66, 69, 0.8);
}

ul.pagination li a.active, .pagination > li > a.active:hover, .pagination > li > a.active:focus {
    color: #ffffff;
    background-color: #09afdf;
    border-color: #09afdf;
}

.pagination > li > a.active, .pagination > li > a.active:hover, .pagination > li > a.active:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.text-center img {
    margin: 10px auto;
}

.header-left .logo-font {
    font-size: 20px;
    line-height: 2.5;
}

.fixed-header-on .header-left .logo-font {
    font-size: 15px;
    line-height: 1.46;

}

.collapse-style-2 .panel-heading a {
    background-color: #09afdf;
    color: #fff;

}

.collapse-style-2 .panel-heading a.collapsed {
    background-color: #fff;
    color: #09afdf;
    /*border:1px solid #09afdf;*/
}

.panel {
    border: none;
}

.input-xs {
    height: 22px !important;
    padding: 2px 3px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn {
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

/* Medium desktop devices and tablets */
@media (min-width: 200px) and (max-width: 1024px) {
    .tablet-cut {
        margin-right: 7px;
        margin-left: 7px;
    }
}

.cart1.table .product {
    width: 48% !important;
}

.cart1.table .partno {
    width: 12% !important;
}

.cart1.table .amount, .cart1.table .remove, .cart1.table .quantity {
    width: 8% !important;
    font-size: 14px;

}

.cart1.table .price {
    width: 8% !important;

}

.white_text, .white_text:hover {
    color: #ffffff;
}

.form-margin {
    margin: 0px 2px;
}

.price_input {
    line-height: 23px;
    width: 32px;
    text-align: center;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 0px;

    height: 30px;
    vertical-align: middle;

}

.background-img-5 {
    /*    background: url(/assets/it-partner/images/hugo-gf-311501.jpg); */
    background: url(/assets/it-partner/images/main_img1.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;

    /*min-height:400px;*/
}

.none-decoration, .none-decoration:hover {
    color: #777777;
    text-decoration: none!important;
}

.item-cover:hover>.item-cover-active,.item-cover:focus>.item-cover-active,.item-cover:active>.item-cover-active{
    border-bottom: 1px solid #09afdf;
}
.change_view {
    display: none;
}

.swap_views {
    cursor: pointer;
}

.basket-button-hover {
    background-color: #09afdf !important;
    color: #ffffff !important;
    border-color: #0c9ec7 !important;
}

p.bott {
    margin: 10px 0 10px;
}

span.q_right {
    float: right;
    cursor: pointer;
    opacity: 1;
    -o-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in
}

#datatable-buttons tr:hover .q_right {
    opacity: 1;
}

#datatable-buttons td {
    line-height: 40px;
}



/**** tooltip ****/

.is-visible + .product-tip {
    visibility: visible;
    opacity: 1
}

.product-tip {
    display: inline-block;
    position: absolute;
    top: 28px;
    left: -247px;
    visibility: hidden;
    opacity: 0;
    line-height: 19px;
    font-size: 13px;
    -o-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in
}

.product-tip.is-noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.product-tip__trigger {
    opacity: 0;
    -o-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in
}

.product-tip__trigger.is-visible {
    opacity: 1;
}

.product-tip-wrapper {
    height: 0;
    margin: 2px 0 -5px 5px;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.product-tip__arrow {
    content: "";
    width: 25px;
    height: 15px;
    margin: 0 0 0 -13px;
    background: url(/assets/it-partner/images/sprites-offers.png) -100px 0 no-repeat;
    display: block;
    position: absolute;
    top: -5px;
    left: 50%;
    z-index: 6
}

.product-tip__content {
    width: 463px;
    min-height: 40px;
    max-height: 340px;
    padding: 20px;
    margin: 10px 0 0;
    display: inline-block;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .5);
    position: relative;
    word-wrap: break-word;
    overflow: hidden;
    overflow-y: auto;
    z-index: 5
}

.product-tip__content p {
    padding: 10px 0 0
}

.product-tip__term, .product-tip__term.product-tip__term {
    padding: 0;
    font-weight: 700
}

/** tooltip ****/
.lc_prop_name {
    max-width: 260px;
    width: 260px;
}

#switcher_programms {
    margin: 0;
}

.form-check-inline {
    display: inline-block;
}

.form-check-label {
    vertical-align: middle;
    margin: 0px 15px 0px 0px;
}

.badge-success {
    background-color: #5cb85c !important;
    font-size: 11px;
    font-weight: 400;
    /*color: #dff0d8;*/
    background-color: #fff;

}

 .badge-success-nobg
{
   border:1px solid #5cb85c;
  background-color: #fff !important;
    font-size: 11px;
    font-weight: 400;
    color: #5cb85c;
   
}

.badge-warning {
    background-color: #d9534f !important;
    font-size: 11px;
    font-weight: 400;
    /*color: #dff0d8;*/

}

.badge-warning-nobg {
    background-color: rgba(0, 0, 0, 0) !important;
    font-size: 11px;
    font-weight: 300;
    color: #d9534f;
}

.badge-default-nobg {
    text-transform: none;
    background-color: rgba(0, 0, 0, 0) !important;
    font-size: 12px;
    font-weight: 300;
    color: #777777;
}

.table-colored > thead > tr > th.default_colored {
    padding: 1px 1px;
    border-color: #09afdf !important;
    background-color: #ffffff !important;
    color: #777777 !important;
    /* line-height:19px;
     font-size:14px;
     */
    font-weight: 700;
    border-bottom: 1px solid white

}

.table-colored > thead > tr > th.default_colored .check-first {
    padding-left: 5px;
}

.loading_waiting {
    text-align: center !important;
    font-weight: 500 !important;
}

#loadGears {
    background: url('/assets/it-partner/images/svg/gears.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    width: 40px;
    display: block;
    height: 40px;
    margin: 0px auto;
}

th.controls {
    width: 146px;
}

.menu-small-text {
    min-width: 115px;

}

.menu-small-text > li > a {
    font-size: 12px !important;
}

/*   fix large desktops little columns */
/* Large devices (Large desktops 1900px and up) */
@media (min-width: 1920px) {
    .boxed .page-wrapper {
        width: 1870px;
    }

    .container {
        width: 1870px;
    }
}


/* @media (min-width: 1520px) { */
@media (min-width: 1281px) and (max-width: 1919px) {
    .boxed .page-wrapper {
        width: 1470px;
    }

    .container {
        width: 1470px;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .boxed .page-wrapper {
        width: 1170px;
    }

    .container {
        width: 1170px;
    }
}

/* fix little desktops */
@media (max-width: 767px) {
    .header-left .header-dropdown-buttons {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .header-dropdown-buttons .btn-group .dropdown-menu {
        margin-top: 8px;
    }

    .navbar.navbar-default {
        border-bottom: 1px solid #ededed;
    }

    .title-custom {
        padding-top: 25px;
    }

    .page-title {
        margin-top: 16px;
    }

}

@media (max-width: 380px) {
    .header-dropdown-buttons .btn-group .dropdown-menu.cart {
        min-width: 250px;
    }
}

.header-dropdown-buttons .btn-group.drp-custom {
    margin-right: 5px;
}

.main-container-short {
    padding: 20px 0;
}

.change_product_type_js, .change_product_type_js .pl-10 {
    cursor: pointer;
    padding: 0px;
}

.change_product_type_div {
    display: none;
}

.header-top-dropdown .dropdown-menu.mssoft-large {
    min-width: 260px;
}

.header-top-dropdown .dropdown-menu.mssoft-large ul {
    list-style: none;
}

.header-top-dropdown .dropdown-menu.mssoft {
    min-width: 180px;
}

.header-top-dropdown .dropdown-menu.mssoft ul {

    list-style: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    border: none;
    min-width: 0;
    background-color: transparent;
}

.header-top-dropdown .dropdown-menu.mssoft ul li a {
    padding: 5px 0;
    border-bottom: 1px solid #515151;
    display: block;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    text-align: left;
    font-size: 14px;
    color: #eee;
    font-weight: 200;
}

.header-top-dropdown .dropdown-menu.mssoft ul li a:hover, .dropdown-menu.mssoft .menu > .active > a {
    color: #09afdf;
    text-decoration: none;
    font-weight: 500;
    background-color: transparent;
    border-bottom: 1px solid #515151;
}

.modal-content .modal-header.modal-header-err {
    background-color: #a94442;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-image: none;
}

.tooltip.top .tooltip-inner {
    background-color: #e0e2e5;
    color: #0f0f0f;
    text-align: left;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #e0e2e5;
    color: #0f0f0f;
    text-align: left;
}

.js-change-order-status {
    cursor: pointer;
}

.alert-custom {
    display: none;
}

.tooltip-inner {
    max-width: 250px;
}

#datatable-buttons-order-adm tr td, #datatable-buttons-order tr td, #datatable-buttons-cust tr td {
    font-size: 13px;
    vertical-align: middle;

}

.catalog-types img {
    opacity: .75;
}

.catalog-types:hover img {
    opacity: 1;
}

#datatable-buttons-licenses-adm tr td {
    font-size: 14px;
    vertical-align: middle;

}

#datatable-buttons-licenses-adm th.manufno, #datatable-buttons-licenses-adm th.dprice {
    min-width: 70px;
}

#datatable-buttons-licenses-adm th.dtime {
    min-width: 120px;
}

#datatable-buttons-order-adm .order-visible {
    display: none;
}

a.details-control {
    cursor: pointer;
}

.no-margin{
margin:0px!important;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-7 {
    margin-top: 7px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.borderless td, .borderless th, .borderless tr {
    border: none !important;
}

.borderless:not(.table-bordered) {
    border: none !important;

}

.current_select:after {
    color: #8ded67 !important;
    content: '*';
}

.ms-control-menu > li > a {
    padding: 7px 5px;
}

.ms-control-menu > li > a i, .ms-control-menu > li > a i.fa,.order-payment-menu > li > a i.fa {
    width: 24px;
    padding: 0px;
}
.ms-control-menu > li > a i.text-danger,.order-payment-menu > li > a i.text-default {
    color: #09afdf !important;
}

.ms-control-menu > li > a i.text-danger,.order-payment-menu > li > a i.text-danger {
    color: #a94442 !important;
}

.ms-control-menu > li > a i.text-success, .order-payment-menu > li > a i.text-success{
    color: #3c763d !important;
}
#payment-information{
    display: none;
}
#verifyBankform{
    min-height: 160px;
}
#verifyBankform .verify-deposit-input{
    width:70px;
}
#verifyBank h4{
    font-size:16px;
}
kbd.payment{
    background-color: #fff;
    color:#333;
    margin:0px 5px;
    box-shadow:inset 1px 1px 2px rgba(0, 0, 0, .25);
    -webkit-box-shadow:inset 1px 1px 2px rgba(0, 0, 0, .25);
}
.payment{
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    vertical-align: middle!important;
    padding:5px;
    font-size: 90%;
}
.card-logo{
    width: 30px;
    line-height: 30px;
}
.bootstrap-select .card-logo{
    margin: 0px 0px -8px 0px;
}

.locale-logo{
    width: 20px;
    line-height: 20px;
}
.bootstrap-select .locale-logo{
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
}

.stripe-button-el span,.stripe-button-el,.payment-row{
   display: none;
}

.rounded-circle {
    border-radius: 50%;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.payment_select,.locale_select
{
    background-color: #fff;
    color:#333;
    margin:0px 5px;
    box-shadow:none;
    -webkit-box-shadow:none;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    vertical-align: middle!important;
    padding:5px;
    font-size: 90%;
}
.locale_select{

    font-family: "Roboto", sans-serif;
    background-color: transparent;

}
.locales .bootstrap-select button{
color: #ffffff;
background-color: transparent;
border-color: #ffffff;
}

.locales .bootstrap-select button .locale_select{
    color: #ffffff;
}

.select-locale-head .btn.dropdown-toggle
{
    padding: 0px 14px 1px 12px;
    border: none;
}
.select-locale-head .dropdown-menu {
    padding:1px;
}
 .select-locale-head button:hover{
    color: #09afdf;
    background-color: transparent!important;
    border-color: #ffffff;
}
.select-locale-head .dropdown-menu li.selected a{
    background-color: transparent;

}

.csv-locale .btn-default,
.coeff-locale .btn-default
{

    color:#333;
    background-color: #fff;
    border-color: #0c9ec7;
}

.select-locale-head .dropdown-menu li a
{
    padding: 5px 20px;
}
.select-locale-head kbd
{
    color: #fff;
}
.locales .select-locale-head .btn:hover .locale_select {
    color: #fff;
}
.select-locale-head .dropdown-menu li a:hover
{
 background-color: transparent;
    border-color: #09afdf;
}
.locales .bootstrap-select button:hover  .locale_select {
    color: #333;
}


.locales .bootstrap-select button:hover{
    color: #09afdf;
    background-color: #ffffff;
    border-color: #ffffff;
}

.modal-payment-amount{
    font-weight: 700;

}

.modal-footer .btn.btn-modal-pay-submit,.modal-footer .btn.btn-default
{
    margin-bottom:5px;
}
.fee_value,.strong
{
    font-weight: 700;
}
.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% { opacity: 0.0; }
}

.dropdown-menu > .disabled{
    cursor: not-allowed;
}

/* The real magic ;) */
.dropdown-menu > .disabled > a{
    pointer-events: none;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    color:#09afdf;
}

    .cart-count
    {
        max-width: 23px;
        min-width: 14px;
    }
    .margin-left-5
    {margin-left: 5px;}
  .margin-left-15
    {margin-left: 15px;}
    .btn-green-transparent:hover,
    .btn-green-transparent:focus,
    .btn-green-transparent.focus,
    .btn-green-transparent:active,
    .btn-green-transparent.active,
    .open > .dropdown-toggle.btn-green-transparent {
        color: #ffffff;
        background-color: #5cb85c;
        border-color: #5cb85c;
    }


    @media (max-width: 767px) {
        .navbar-header #logo img, .navbar-header #logo-mobile img {
            max-height: 30px;
            margin-left: 15px;
            margin-bottom: 12px;
        }
    }
    @media (max-width: 768px) {
        .navbar-header #logo img, .navbar-header #logo-mobile img {
            max-height: 30px;
            margin-left: 15px;
            margin-bottom: 0px;
        }
    }

    .select-locale .dropdown-backdrop {
        display:none;
    }

    #dvLoading
    {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 990;
        background: rgba(0, 0, 0, 0.14);
        height: 100%;
        width: 100%;
 }
    #loadGears_fullscreen {
        background: url('/assets/it-partner/images/svg/gears.svg');
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position-x: center;
        background-position-y: center;
        width: 40px;
        display: block;
        height: 100%;
        margin: 0px auto;
    }

    .nav-tabs.style-5 h3
    {
        color:#fff;
    }
    .nav-tabs.style-5>li.active h3{
        color:#333;
    }
    .nav-tabs.style-5{
        width: 763px;
        margin: 0px auto;
    }
    .nav-tabs.style-5 > li > a {
        color: #ffffff;
        padding-right:40px;
        padding-left:40px;
        background-color: #09afdf;

        cursor:pointer;
        margin-right: 1px;
        line-height: 1.42857143;
        border: 1px solid #ddd;
        border-bottom-color: #fff;
        border-radius:0;

      /*  border-radius: 4px 4px 0 0;*/
    }

    .nav-tabs.style-5 > li.active{
        padding-top:0px;
    }

    .nav-tabs.style-5 > li{
        margin-bottom: -2px;
        padding-top:20px;
    }
    .nav-tabs.style-5 > li.active > a, .nav-tabs.style-5 > li.active > a:hover, .nav-tabs.style-5 > li.active > a:focus {
        color: #09afdf;
        border-bottom-color: #fff;
        background-color: #fff;
        padding-bottom: 30px;


    }
    .nav-tabs.style-5 > li h4{
        color:#ffffff;
    }
    .nav-tabs.style-5 > li.active > a> h3,.nav-tabs.style-5 > li.active > a,.nav-tabs.style-5 > li.active > a:hover
    {
        color:#333;
    }
    
    
    /***Icons**/
    .text-lines {
        font-size: 14px !important;

    }
    .text-lines span{
        margin-left:10px;
    }
    .icon-line-table-first
    {
        width: 30px!important;
        margin: 0px 15px 0px 10px;
    }
    .table-hover > tbody > tr:hover >td.compare-table-first-td
    {
      /* background-color:#fff!important;*/

    }

    h1.text-helv,h2.text-helv,h3.text-helv,h4.text-helv,h5.text-helv,h6.text-helv
    {
        font-family:"Roboto",'Helvetica Neue',Helvetica,Arial,sans-serif;
    }

    .text-plan
    {    font-size: 36px;
        margin: 0;
        line-height: 36px;
        font-weight: 300;
        padding: 15px 0 10px;

    }

    .price small.pt-popover
    {
        color: #fff;
         border-bottom: 1px dashed #fff;
        position: relative;
    }

    .price small.pt-popover:after {
        position: absolute;
        top: 0px;
        right: -15px;
        font-family: "FontAwesome";
        content: "\f059";
        color: #ddd;
        font-size: 12px;}

    .gray-bg
    {
        background-color: #eee;
    }


    .navbar-service .navbar-nav > li> a

    {
        border-right: 0;
        border-left:0;
    }
    .navbar-service .navbar-nav > li > a:hover,
    .navbar-service .navbar-nav > li > a:focus,
    .navbar-service .navbar-nav > .active > a,
    .navbar-service .navbar-nav > .active > a:hover,
    .navbar-service .navbar-nav > .active > a:focus,

    .navbar-service .navbar-nav > .open > a,
    .navbar-service .navbar-nav > .open > a:hover,
    .navbar-service .navbar-nav > .open > a:focus,
    .navbar-service .navbar-nav > .dropdown > a:focus

        {

        background-color: #ffffff;
        color: #09afdf;
        border-bottom-color: #09afdf;
        border-right: 0;
        border-left:0;
    }
    .title-services{
        font-size: 2.4rem;

    }

    .icon-right-text{
        float: left;line-height: 23px; padding-right: 3px;
    }
    .subgroup{
        font-weight: normal;padding:5px!important;
    }
    .none-transform  > li > a,.text-none-transform
    {
        text-transform: none!important;
    }
    .text-roboto{
        font-family: "Roboto", sans-serif;

    }
    .text-black
    {
        color:#333!important;
    }
    .vertical-center
    {
        vertical-align: middle!important;
    }
    .compare-table-first{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        display: -webkit-box;
        display: flex;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        align-items: center;
        text-align: left;
        width: 245px;
        min-width: 245px;
        margin-left: 0;
        /*background: #ffffff; */
    }
    .icon-line-table{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        padding: 30px 15px;
    }
    .icons-line{
        height: 30px;    padding: 5px;    -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        display: -webkit-box;
        display: flex;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
    .ms-icons{
     margin-right:5px;
    }
    .ms-icon-access {
        width: 16px;
        height: 15px;
        background: url("/assets/it-partner/images/soft-icons.png") -132px -95px;
    }

    .ms-icon-analysis {
        width: 19px;
        height: 20px;
        background: url("/assets/it-partner/images/soft-icons.png") -40px -9px;
    }

    .ms-icon-delve {
        width: 21px;
        height: 21px;
        background: url("/assets/it-partner/images/soft-icons.png") -69px -5px;
    }

    .ms-icon-devices {
        width: 25px;
        height: 22px;
        background: url("/assets/it-partner/images/soft-icons.png") -5px -5px;
    }

    .ms-icon-ediscovery {
        width: 25px;
        height: 17px;
        background: url("/assets/it-partner/images/soft-icons.png") -5px -72px;
    }

    .ms-icon-excel {
        width: 16px;
        height: 15px;
        background: url("/assets/it-partner/images/soft-icons.png") -102px -72px;
    }

    .ms-icon-exchange {
        width: 16px;
        height: 16px;
        background: url("/assets/it-partner/images/soft-icons.png") -114px -128px;
    }

    .ms-icon-exchangeLabel {
        width: 21px;
        height: 20px;
        background: url("/assets/it-partner/images/soft-icons.png") -100px -35px;
    }

    .ms-icon-infinite {
        width: 23px;
        height: 10px;
        background: url("/assets/it-partner/images/soft-icons.png") -65px -129px;
    }

    .ms-icon-management {
        width: 21px;
        height: 17px;
        background: url("/assets/it-partner/images/soft-icons.png") -40px -72px;
    }

    .ms-icon-office {
        width: 14px;
        height: 17px;
        background: url("/assets/it-partner/images/soft-icons.png") -135px -120px;
    }

    .ms-icon-office_online {
        width: 21px;
        height: 25px;
        background: url("/assets/it-partner/images/soft-icons.png") -5px -37px;
    }

    .ms-icon-onedrive {
        width: 21px;
        height: 12px;
        background: url("/assets/it-partner/images/soft-icons.png") -34px -129px;
    }

    .ms-icon-onenote {
        width: 16px;
        height: 15px;
        background: url("/assets/it-partner/images/soft-icons.png") -159px -5px;
    }

    .ms-icon-outlook {
        width: 16px;
        height: 15px;
        background: url("/assets/it-partner/images/soft-icons.png") -159px -30px;
    }

    .ms-icon-planner {
        width: 21px;
        height: 19px;
        background: url("/assets/it-partner/images/soft-icons.png") -36px -99px;
    }

    .ms-icon-powerpoint {
        width: 17px;
        height: 15px;
        background: url("/assets/it-partner/images/soft-icons.png") -132px -70px;
    }

    .ms-icon-protection {
        width: 17px;
        height: 21px;
        background: url("/assets/it-partner/images/soft-icons.png") -40px -39px;
    }

    .ms-icon-pstn {
        width: 13px;
        height: 24px;
        background: url("/assets/it-partner/images/soft-icons.png") -132px -36px;
    }

    .ms-icon-publisher {
        width: 16px;
        height: 15px;
        background: url("/assets/it-partner/images/soft-icons.png") -159px -55px;
    }

    .ms-icon-safety {
        width: 17px;
        height: 21px;
        background: url("/assets/it-partner/images/soft-icons.png") -132px -5px;
    }

    .ms-icon-sharepoint {
        width: 17px;
        height: 16px;
        background: url("/assets/it-partner/images/soft-icons.png") -93px -128px;
    }

    .ms-icon-sharepointLabel {
        width: 22px;
        height: 20px;
        background: url("/assets/it-partner/images/soft-icons.png") -100px -5px;
    }

    .ms-icon-single_skype {
        width: 20px;
        height: 19px;
        background: url("/assets/it-partner/images/soft-icons.png") -67px -99px;
    }

    .ms-icon-skype {
        width: 16px;
        height: 15px;
        background: url("/assets/it-partner/images/soft-icons.png") -159px -80px;
    }

    .ms-icon-staffhub {
        width: 21px;
        height: 21px;
        background: url("/assets/it-partner/images/soft-icons.png") -69px -36px;
    }

    .ms-icon-teams {
        width: 21px;
        height: 20px;
        background: url("/assets/it-partner/images/soft-icons.png") -5px -99px;
    }

    .ms-icon-tick {
        width: 14px;
        height: 11px;
        background: url("/assets/it-partner/images/soft-icons.png") -159px -130px;
    }

    .ms-icon-tools {
        width: 19px;
        height: 17px;
        background: url("/assets/it-partner/images/soft-icons.png") -5px -129px;
    }

    .ms-icon-videos {
        width: 21px;
        height: 16px;
        background: url("/assets/it-partner/images/soft-icons.png") -71px -72px;
    }

    .ms-icon-word {
        width: 16px;
        height: 15px;
        background: url("/assets/it-partner/images/soft-icons.png") -159px -105px;
    }

    .ms-icon-yammer {
        width: 20px;
        height: 19px;
        background: url("/assets/it-partner/images/soft-icons.png") -97px -99px;
    }

    .order-last-row
    {
        left:-80px!important;
    }

    #searchform-full .easy-autocomplete-container
    {
        left: -239px;
    }
.license-price-big {
	    font-family: 'Roboto Bold Condensed', 'Roboto Condensed', 'Roboto';
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    color: #333;

}
.price_input_new {
    
  
}

/***** Spinner for price input *******/
.spinner {
 width: 60px;
}
.spinner input {
    padding: 10px 0px;
    line-height: 18px;
    width: 32px;
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 00px;
    height: 47px;
    vertical-align: middle;
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 2%;
  vertical-align: middle;
  display: table-cell;
}

.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 11px 8px;
  margin: 0px 0px 0px  -1px;
  position: relative;
  border-radius: 0;
}

.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 0px;
}

.input-group-btn-vertical > .btn:last-child {
  margin-top: -1px;
  border-bottom-right-radius: 0px;
}

.input-group-btn-vertical > .btn:first-child > i {
 position: absolute;
  top: 0px;
  left: -2px;
}
.input-group-btn-vertical > .btn:last-child > i {
 position: absolute;
  bottom: 0px;
  left: -2px;
}

/*.input-group-btn-vertical i {
  position: absolute;
  top: 0;
  left: 4px;
}*/
/****** End spinner ****/
.circle-text{

    color: #777777;
    background-color: transparent;
    border-color: #777777;

    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
    transition: color 0.4s;
    position: relative;
    z-index: 1;

    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    font-size: 12px;
    border: 1px solid #777;
    color: #777777;

}
.text-in-circle{
    line-height: 29px;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    font-size: 12px;
    color: #777777;
    font-weight: bold;
}
.after-circle-text{
margin: 4px 0px 0px 5px;
}
.circle-image{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius:50%;
    height:50px!important;
    position:absolute;
    top:0px;left:20px;
}
.vcenter{
    line-height: 30px;
    margin: 20px 0px 0px 10px;
}
.print-page,.print-page:hover{
    line-height: 44px;
    font-size: 16px;
    color:#777;
    text-decoration: none;
    cursor: pointer;
}
.text-muted-dark{
    color:#777;
}
    .nav-tabs.style-2.nav-license{
        border-bottom: 1px solid #09afdf;
    }
    .nav-tabs.style-2.nav-license > li.active > a,
    .nav-tabs.style-2.nav-license > li.active > a:hover{
        cursor: default;
        background-color: #09afdf;
        border-color: #09afdf;
        color:#fff!important;

    }
    .nav-tabs.style-2.nav-license > li.active > a h5,
    .nav-tabs.style-2.nav-license > li.active > a:hover  h5,
    .nav-tabs.style-2.nav-license > li > a:hover  h5{
     color:#fff;
    }

    .nav-tabs.style-2.nav-license > li > a:hover
    {
        background-color: #09afdf!important;
        border-color: #09afdf!important;
        color:#fff!important;

    }
    .nav-tabs.style-2.nav-license + .tab-content > .tab-pane,.nav-tabs.style-2.nav-license + .tab-content{
        background-color: #fff;
        border-color: #09afdf;
    }
    .nav-tabs.style-2.nav-license + .tab-content .table>tbody>tr{
        background-color: #fff!important;
        border-color: #09afdf!important;
    }
    select.licenses_catalog_select option:disabled {
        color: #999;
        font-weight: normal;
   }
    select.licenses_catalog_select.select_bottom option:disabled {
        display: none;
    }
    select.licenses_catalog_select option {
        color: #09afdf;
        font-weight: bold;
    }

    .bms_small {
        font-size:12px!important;
    }
.bms_category_name{
cursor:pointer;
}
.as_services{
font-size:12px;
}


/* from new template */
.featured {
  padding: 104px 0;
}
.featured__intro {
  font-size: 17px;
  opacity: .5;
  margin-bottom: 92px;
}
.featured-item {
  margin-bottom: 21px;
  width: 328px;
height: 390px;
  position: relative;
  padding: 34px 30px 30px;
}
.featured-item--inner {
  height: 100%;
  background: url(/assets/it-partner/ms-store/img/dots-pattern.png) 0 100% no-repeat;
}
.featured-item.--office {
  background: url(/assets/it-partner/ms-store/img/office-icon.png) 90.8% 35px no-repeat, #fff;
}
.featured-item.--service {
  background: url(/assets/it-partner/ms-store/img/service-icon.png) 90.8% 35px no-repeat, #fff;
}
.featured-item.--dynamics {
  background: url(/assets/it-partner/ms-store/img/dynamics-icon.png) 90.8% 33px no-repeat, #fff;
}
.featured-item.--win10 {
  background: url(/assets/it-partner/ms-store/img/windows-icon.png) 90.8% 35px no-repeat, #fff;
}
.featured-item.--visual {
  background: url(/assets/it-partner/ms-store/img/visualstudio-icon.png) 90.8% 35px no-repeat, #fff;
}
.featured-item__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.featured-item__desc {
  line-height: 30px;
  opacity: .5;
}
.featured-item__more {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 243px;
  height: 84px;
  color: #fff!important;
  background: url(/assets/it-partner/ms-store/img/arrow-circle-white.png) 182px 24px no-repeat, #09afdf;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  padding: 17px 30px;
}
.featured-item__more-from {
  opacity: 0.6;
  margin-bottom: 4px;
}
.featured-item__more-price span {
  font-size: 20px;
  font-weight: 600;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;   
}
.flex-wrap{
  -khtml-box-lines:multiple;
  -webkit-box-lines:multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap; 
}
.flex-nowrap {
  -khtml-box-lines:single!important;
  -webkit-box-lines:single!important;
  -ms-flex-wrap:nowrap!important;
  -webkit-flex-wrap:nowrap!important;
  flex-wrap:nowrap!important;
}
.flex-between {
  -webkit-box-pack:justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-align-start {
  -webkit-box-align:start;
  -webkit-align-items:flex-start;
  align-items:flex-start;
}
.flex-align-center {
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
}
.featured h2 {
  margin-bottom: 31px;
}
.wrapper {
  width: 1399px;
  max-width: 100%;
  margin: 0 auto;
}
.header-top > .wrapper {
  width: 1404px;
}
.wrapper.--overflow {
  overflow: visible;
}
.text-red
{
color:red;
}
.text-green
{
color:green;
}