﻿@charset "UTF-8";
@import "bootstrap.css";
@import "icons.css";
@import "https://fonts.googleapis.com/css?family=Montserrat:400,700";
@import "https://fonts.googleapis.com/css?family=Lato:400,700,300";
body{border-color:#0081db}
#logo{margin:0 0 10px}
.top-header{min-height:15px;text-align:right;width:100%;background-color:#0081db;font-size:11px;color:#FFF;margin-top:-3px;padding:0 15px 0 0}
.top-header-warn{min-height:15px;width:100%;background-color: #F00;font-size:14px;color:#FFF;margin-top:-3px;padding:0 15px 0 0; text-align:center; font-weight:bold;}
.top-header img{margin:-3px 0 0}
.top-header a{color:#FFF;font-size:14px;padding-left:5px;padding-right:2px}
.top-header a:hover{color:#FFF;}
.header{margin:10px 0 28px}
.menu{padding:0;list-style:none;float:right;width:100%;background-color:#fff;margin:0 0 0 25px;z-index:99;border-top:1px solid #e0e0e0;display:table}
.menu ul{padding:0}
.menu > li{float:left}
.menu li{float:left;display:table-cell}
.titlebar > li{float:right;margin:-30px 0}
.menu li:hover > .mega,.menu li.sfHover > .mega{display:block}
.menu > li > a{display:block;position:relative}
.menu li,.titlebar li{list-style:none;position:relative}
.mega ul{padding:0}
.menu > li > a{color:#333;display:inline-block;text-transform:uppercase;font-weight:600;font-size:10px;/*margin-right:5px;*/padding:12px 8px;/*padding:22px 15px;*/border-bottom:3px solid #fff}
.menu > li a.current,.menu > li a:hover,.menu > li.sfHover a{border-color:#0081db;color:#0081db}
.menu > li a.current.with-ul:after,.menu > li.sfHover .with-ul:after{color:#0081db}
.current,.menu > li,.menu > li a:hover,.menu > li.sfHover a{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.mega{position:absolute;display:none;top:100%;left:0;padding:23px 0 27px 1px;box-sizing:border-box;font-size:14px;margin-top:-3px;background-color:#262626;border-top:3px solid #0081db;width:200px;z-index:99;}
.mega.two-cols{width:429px}
.mega.three-cols{width:643px}
.mega.four-cols{width:857px}
.mega:before,.mega:after{content:"";position:absolute;right:0;top:0;display:inline-block;height:100%;width:1px;background-color:#262626}
.mega:before{left:0}
.mega a{color:#bbb!important;padding:7px 22px 7px 34px;display:block;margin-left:0;line-height:22px;-wekkit-transition:all .2s ease-in-out!important;transition:all .2s ease-in-out!important}
.mega a:hover{color:#fff!important;background-color:#0081db!important}
.mega-section{display:inline-block;float:left;width:214px;padding:0;border-right:1px solid #393939;-webkit-box-shadow:-1px 0 0 0 rgba(57,57,57,1);-moz-box-shadow:-1px 0 0 0 rgba(57,57,57,1);box-shadow:-1px 0 0 0 rgba(57,57,57,1)}
.menu .mega-section:last-child{border:0}
.mega-headline{color:#fff;font-weight:600;display:block;padding:6px 22px 8px 34px;font-family:"montserrat";text-transform:uppercase;letter-spacing:1px;font-size:13px;line-height:20px}
.dropdown ul{position:absolute;display:none;top:100%;left:0;z-index:1001;margin-top:-3px;background-color:#262626;border-top:3px solid #0081db;}
.dropdown ul li{position:relative;z-index:999}
.dropdown ul ul{left:201px;top:0}
li.dropdown ul li a{display:block;min-width:205px;color:#bbb!important;font-size:14px;line-height:22px;padding:9px 22px;-webkit-transition:all .15s ease-in-out!important;transition:all .15s ease-in-out!important;position:relative}
li.dropdown ul li a:hover{color:#fff!important;background-color:#0081db}
.hover-border{position:absolute;bottom:0;height:5px;width:100%;background:#0081db;opacity:0}
.dropdown ul .hover-border{opacity:0;transition:opacity .15s ease-in-out;-webkit-transition:opacity .15s ease-in-out}
.dropdown ul:hover .hover-border{opacity:1}
.arrows .with-ul:after{content:"\f107";font-family:"FontAwesome";font-size:14px;margin:0 0 0 7px;top:0;position:relative;width:9px;height:5px;display:inline-block;color:#a0a0a0;float:right;font-weight:500;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
li.dropdown ul li a.with-ul:after{color:#a0a0a0!important;content:"\f0da";font-size:13px;top:1px;right:-4px;-webkit-transition:all .1s .2s;transition:all .1s .2s}
li.dropdown ul li:hover a.with-ul:after{color:#fff!important;-webkit-transition:all .1s 0;transition:all .2s 0}
.menu ul .sfHover a{background-color:#0081db;color:#fff!important}
.menu ul .sfHover li a{background-color:#262626!important;color:#bbb!important}
.menu ul .sfHover li a:hover{background-color:#0081db!important}
.menu li.search,.titlebar li.search{right:15px;position:absolute}
.menu li.search a{padding:9px 10px;padding-right:0;top:14px;right:0;margin:0;font-size:18px;border:none;outline:none;color:#444}
.titlebar li.search a{padding:5px 5px 9px;top:14px;right:0;margin:0;font-size:18px;border:none;outline:none;color:#444}
.menu li.search a,.titlebar li.search a{-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
.search-container{z-index:1000;position:absolute;width:25%;display:block;right:0;padding:0;margin:0;line-height:20px;max-height:20px}
.search-container input{width:100%;border:none!important;float:right;padding:2px 2px 2px 10px !important;margin:0;min-height:0;font-size:12px!important;position:relative;background:#FFF!important;color:gray;-webkit-transition:color 200ms ease-in-out;-moz-transition:color 200ms ease-in-out;-o-transition:color 200ms ease-in-out;-ms-transition:color 200ms ease-in-out;transition:color 200ms ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;letter-spacing:0;font-weight:500}
/*.search-container input:focus{border:0;background:#fff;color:#666;-webkit-transition:color 200ms ease-in-out;-moz-transition:color 200ms ease-in-out;-o-transition:color 200ms ease-in-out;-ms-transition:color 200ms ease-in-out;transition:color 200ms ease-in-out}*/
.text-input-wrapper{padding:1px 6px 1px 1px;display:inline-block}
.text-input-wrapper span{cursor:pointer;color:#000;font-weight:700;visibility:hidden;z-index:9999}
.search a i{font-size:18px}
.menu li.search a:hover,{color:#0081db}
.menu-responsive,#jPanelMenu-menu{display:none}
@media only screen and (max-width: 991px) {
.menu{max-height:none}
#responsive{display:none}
#jPanelMenu-menu,.menu-responsive{display:block}
.menu-responsive{color:#fff;display:block;text-transform:uppercase;font-weight:600;float:left;background-color:#0081db;position:relative;width:100%;margin:0 0 25px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.menu-responsive i{padding:20px;margin:0;font-size:18px;font-weight:500;cursor:pointer;width:100%}
.menu-responsive i.menu-trigger{width:100%}
.menu-responsive i.menu-trigger:after{content:"Menu";text-transform:uppercase;font-weight:600;font-size:14px;top:-1px;position:relative;left:10px}
.menu-responsive i.search-trigger{position:absolute;right:0;background:rgba(255,255,255,.15);width:57px;z-index:999;top:0}
.responsive-search{display:none}
.responsive-search input{margin-bottom:0;border:none;background-color:rgba(255,255,255,0.15);color:#fff;padding:15px 22px}
.responsive-search input:focus{border:none;color:#fff}
}
.fa.fa-search.active:before{content:"\f00d"}
body[data-menu-position="open"] .menu-responsive i.fa.fa-reorder:before{content:"\f00d"}
body[data-menu-position="closed"] .menu-responsive i.fa.fa-reorder:before{content:"\f0c9"}
#jPanelMenu-menu a.current:after,#jPanelMenu-menu .with-ul:after{display:none}
#jPanelMenu-menu li a{display:block;padding:12px 20px!important;background-color:#262626;color:#f0f0f0;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out;font-weight:600;outline:none;text-transform:none;text-shadow:none}
#jPanelMenu-menu li a:hover{background-color:#363636}
#jPanelMenu-menu li li a{background-color:#363636;padding-left:30px!important;text-transform:none;font-weight:500}
#jPanelMenu-menu li.search,#jPanelMenu-menu .cart-counter,#jPanelMenu-menu .hidden-on-mobile,#jPanelMenu-menu .mega-headline{display:none}
#jPanelMenu-menu,#jPanelMenu-menu ul{list-style:none;padding-left:0}
#jPanelMenu-menu .mega-section{display:inline-block;float:none;width:100%;border-right:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
#footer{background-color:#202020;padding:0;color:#999}
#footer h4{color:#fff;font-size:16px;margin-bottom:20px}
.button.social-btn i{font-size:21px;position:absolute;left:19px;top:13px}
.button.social-btn{padding-left:50px;position:relative;background-color:#3b5998;top:4px}
#footer a.button{margin-top:12px}
#footer a.button:hover{background-color:#fff;color:#333}
.copyrights{color:#777;text-align:center;padding:11px 0;display:inline-block;width:100%}
.social-icons.fixed h4{font-size:18px!important}
.copyrights a{color:#ddd}
#titlebar{background-color:#f6f6f6;position:relative;padding:8px 0;margin-bottom:10px}
#titlebar span a,#titlebar span{font-size:18px;color:#888;margin-bottom:3px;display:inline-block}
#titlebar h2{font-size:16px;line-height:22px;margin:1px 0;/*margin:1px 0 2px;*/}
.img-stock{margin:-5px 0 0 6px}
.tabs-nav.blog li{width:33.33%;display:inline-block;margin:0;text-align:center;box-sizing:border-box;padding-right:4px}
.tabs-nav.blog li:last-child{padding-right:0}
.widget-tabs li:last-child{padding-right:0;border-bottom:none}
.tabs-nav.blog li a{padding:5px 12px;margin:0 5px 0 0;width:100%}
.purchase-orders h3{margin:0 0 10px}
.submit.disabled:hover,.submit.disabled{background-color:#e8e8e8;color:#333}
h3.headline{margin:58px 0 45px}
h3.headline.small{font-size:20px;margin:0 0 32px}
h3.headline.with-border{padding-bottom:20px}
.headline span.color{color:#666}
.headline.centered{text-align:center}
.headline.with-border{border-bottom:1px solid #e0e0e0;width:100%;padding-bottom:25px}
.divider{display:inline-block;border-bottom:1px solid #e0e0e0;width:100%;padding-bottom:25px}
input[type="button"],input[type="submit"],a.button.border,a.button{top:0;padding:10px 18px;text-transform:uppercase;position:relative;font-size:13px;font-weight:600;display:inline-block;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;cursor:pointer;margin-right:20px;background-color:transparent;border:2px solid #0081db;color:#0081db;-webkit-transition:border-color 0.4s,color .4s;transition:border-color 0.4s,color .4s;min-width:100px;text-align:center}
input[type="button"]:hover,input[type="submit"]:hover{color:#fff;border-color:#0081db;background-color:#0081db;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
input[type="text"]:disabled,input[type="email"]:disabled,select:disabled{background:#EFEFEF;border:1px solid #999;color:#999}
input[type="button"]:disabled,input[type="submit"]:disabled{background:#EFEFEF;border:2px solid #999;color:#999}
a.button.border:hover::before{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
input[type="text"]:not([readonly]):focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus,select:focus{border-color:#0080bb;-webkit-box-shadow:0 0 5px #0080bb;-moz-box-shadow:0 0 5px #0080bb;box-shadow:0 0 5px #0080bb}
input[type="text"]::-ms-clear, input[type="password"]::-ms-clear {
    display: none;
}
.input_edit {
    float: right;
    margin-right: 3px;
    margin-top: -27px;
    position: relative;
    z-index: 2;
    color: black;
	font-size:20px;
}
.desc {
	width:94% !important;
}
a.button.medium{font-size:14px;padding:12px 22px}
a.button.gray:hover,a.button.dark,a.button:hover{background-color:#333;color:#fff}
a.button.gray{background-color:#e8e8e8;color:#333}
a.button.dark:hover{background-color:#666}
a.button.disabled{background:#EFEFEF;border:2px solid #999;color:#999; cursor:default;}
a.button.border{background-color:transparent;border:2px solid #0081db;color:#0081db;/*border:2px solid #666;color:#666*/}
.button.border{display:block;border:none;background:none;color:inherit;vertical-align:middle;position:relative;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}
a.button.border{-webkit-transition:border-color 0.4s,color .4s;transition:border-color 0.4s,color .4s}
a.button.border::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#0081db;z-index:-1;opacity:0;-webkit-transform:scale3d(0.7,1,1);transform:scale3d(0.7,1,1);-webkit-transition:-webkit-transform 0.4s,opacity .4s;transition:transform 0.4s,opacity .4s;-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1)}
a.button.border,a.button.border::before{-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1)}
a.button.border:hover::before{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
a.button.border:hover{color:#fff;border-color:#0081db}
.list-4,.list-3,.list-2,.list-1{padding:3px 0 0}
.list-4 li,.list-3 li,.list-2 li,.list-1 li{list-style:none;margin:5px 0 0 0;/*line-height:27px;*//*margin-left:22px;*/position:relative}
.list-1.alt li{margin:12px 0;margin-left:22px}
.list-4 li:first-child,.list-3 li:first-child,.list-2 li:first-child,.list-1 li:first-child{margin-top:0}
.list-4 li:before,.list-3 li:before,.list-2 li:before,.list-1 li:before{font-family:"FontAwesome";margin:0;position:relative;color:#0081db;float:left;margin-left:-22px;display:block}
.list-1.gray li:before{color:#777}
.list-4 li:before{content:"\f192";font-size:14px;top:1px}
.list-3 li:before{content:"\f058";font-size:15px;top:1px}
.list-2 li:before{content:"\f00c";font-size:14px}
.list-1 li:before{content:"\f0c8";font-size:8px}
.list-4 li{margin-left:27px}
.list-4 li:before{margin-left:-27px}
table.basic-table{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0;border:none;margin-bottom:15px}
table.basic-table th{background-color:#0081db;text-align:left;color:#fff;vertical-align:top;font-size:11px;font-weight:600;padding:3px 4px}
table.basic-table tr{background-color:#FFF}
table.basic-table th input{background-color:#0081db}
table.basic-table th.trans{background-color:transparent!important}
table.basic-table th.select_all{padding:5px 4px 0;width:25px}
table.basic-table td{padding:2px}
table.basic-table td.vtop{vertical-align:top}
table.basic-table{margin-bottom:0}
table.basic-table input{margin:1px 0;padding:0 2px;min-height:0}
/*table.basic-table input.autocomplete_prod{margin-right:10px;padding:0 2px;min-height:0}*/
table.order-list tr:nth-child(even){background-color:#f6f6f6}
 /*{margin-right:20px;}*/
.no-data{display:none;text-align:center}
.field, .dialog {box-sizing:border-box;display:table;width:100%}
.dialog {min-height:36px;}
.field > label{width:135px;vertical-align:top;padding-top:4px}
.field > label, .field > input, .dialog > label, .dialog > input{display:table-cell}
.field > input, .dialog > input {width:100%}
.field > input[type="checkbox"] { width:15px; /*height:15px; max-height:15px;*/ height:30px; padding:2px; margin:1px 0 1px; line-height:25px; }

/*.field {box-sizing:border-box;display:table;width:100%}*/
.dialog > label{width:135px;vertical-align:top;padding-top:6px}
.dialog > input[type="checkbox"] { width:15px; height:15px; max-height:15px; /*height:30px;*/ padding:2px; margin:11px 0 0; }
/*.field > label, .field > input{display:table-cell}
.field > input{width:100%}*/


/*input[type="radio"] { width:15px; height:15px; max-height:15px; padding:0; margin:0; }*/


/*.controls label {
    display: inline-block;
    width: 90px;
    height: 20px;
    text-align: center;
    vertical-align: top;
}
.controls input {
    display: inline;
	float: right;
}*/



/*.options label {
	float: right;
    display: inline
}*/
.options input {
	margin:0 8px 0 3px;;
}
.options input[type="radio"]:checked+label{ color:#5f9025} 
/*.options input {
	margin-left: 3em;
}*/


.radio-toolbar input[type="radio"] {
    display:none; 
}

.radio-toolbar label {
    display:inline-block;
    background-color:#ddd;
    padding:4px 11px;
    font-family:Arial;
    font-size:16px;
	margin-right:5px;
	-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px
	
}

.radio-toolbar input[type="radio"]:checked + label { 
    /*background-color:#bbb;*/
	background-color:#EBF6E0;color:#5f9025
}

.checkbox-toolbar input[type="checkbox"] {
    display:none; 
}

.checkbox-toolbar label {
    display:inline-block;
    background-color:#ddd;
    padding:4px 11px;
    font-family:Arial;
    font-size:16px;
	margin-right:5px;
	-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px
	
}

.checkbox-toolbar input[type="checkbox"]:checked + label { 
    /*background-color:#bbb;*/
	background-color:#EBF6E0;color:#5f9025
}


.centered {text-align:center; margin:0 auto; }

.blue-trans{color:#06F; background:none;}
.green-trans{color:#090;background:none}
.green-white{color:#090;background:#FFF}
.orange-trans{color:#F60;background:none}
.red-white{color:red;background:#FFF}
.red-trans{color:red;background:none}
.red{color:red; color:#F00}
.grey {color:#999;}

.tasks h4 { margin-top:0px; }
.tasks span:before {padding-right:8px;color:#0081db}
.tasks span.disabled:before {padding-right:8px;color: #666}
.tasks span.warning:before, .tasks span.deleted:before {padding-right:8px;color: #F00}
.tasks span.paid:before, .tasks span.converted:before {padding-right:8px; color:#090;}
.tasks span.in-progress:before {padding-right: 8px; color:#F60;}
.tasks span.part-refund:before, .tasks span.complete-refund:before { padding-right:8px; color: #06F; }

.tasks a {color:#666;}
.tasks a.link {color:#0081db;}
.tasks span {font-size:14px; line-height:16px;}
.tasks a:hover .fa-trash-o {colour:#F00; }
.tasks ul, .tasks p {margin-left:12px}
.tasks ul {margin-bottom:20px;padding:0;}
.tasks-list li{list-style:none;margin:4px 0 0 0;line-height:25px;/*margin-left:22px;*/position:relative}

.disabled {color:#666; cursor:default;}

.tabs-nav{list-style:none;margin:0;padding:0;width:100%}
.tabs-nav li{float:left;line-height:45px;padding:0;margin-right:4px;position:relative;z-index:12}
.tabs-nav li a,.tab-reviews{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.tabs-nav li a{border-bottom:3px solid transparent;color:#333;font-weight:600;display:inline-block;letter-spacing:0;outline:none;padding:7px 15px;text-decoration:none;font-size:14px;text-transform:uppercase;z-index:11;position:relative;margin-bottom:-1px}
.tabs-nav li a:hover{border-color:#333}
.tab-reviews{color:#aaa}
.tabs-nav li.active .tab-reviews{color:#fff}
.tabs-nav li a:hover,.tabs-nav li.active a{border-color:#0081db;color:#0081db;z-index:11}
.tab-content{padding:28px 33px;border:1px solid #e0e0e0;position:relative;z-index:10;display:inline-block;width:100%}
.tabs-container{overflow:hidden;width:100%}
.tab-content p:last-child{margin-bottom:0}
#result .success,.notification{line-height:24px;margin-bottom:15px;position:relative;padding:20px 26px}
.notification p{margin:0}
.notification span{font-weight:600}
#result .success,.notification.success,.notification.success a,.notification.success strong{background-color:#EBF6E0;color:#5f9025}
.notification.error,.notification.error a,.notification.error strong{background-color:#ffe9e9;color:#de5959}
.notification.warning,.notification.warning a,.notification.warning strong{background-color:#FBFADD;color:#8f872e}
.notification.notice,.notification.notice a,.notification.notice strong{background-color:#E9F7FE;color:#4587a9}
.notification strong{border:none!important}
.notification.notice p span i{font-weight:500}
.notification a.button{float:right;color:#fff;margin-top:3px}
.notification.notice a.button{background-color:#388fc5}
.notification.warning a.button{background-color:#dfbe51}
.notification.error a.button{background-color:#d34c4c}
.notification.success a.button{background-color:#79ba38}
.pagination{margin:9px 0 0;text-align:center;overflow:hidden}
.pagination-next-prev{position:relative;top:-66px}
.pagination ul li{display:inline-block;margin:0;padding:0}
.pagination ul li a,.pagination-next-prev ul li a{padding:12px 0;border-bottom:none;display:inline-block;color:#333;background-color:#f2f2f2;font-weight:700;margin:0;line-height:22px;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;font-size:14px}
.pagination ul li a{width:42px}
.pagination ul li.blank{color:#a0a0a0;padding:0 6px}
.pagination ul li a.current-page{background-color:#0081db;color:#fff}
.pagination .current,.pagination ul li a:hover,.pagination-next-prev ul li a:hover{background-color:#0081db;color:#fff}
.pagination-next-prev a.next{float:right}
.pagination-next-prev a.prev{float:left}
.pagination-next-prev ul li a{color:#333;padding:12px 16px;text-transform:uppercase}
.pagination ul,.pagination-next-prev ul{padding:0;list-style-type:none}
body.boxed{margin:0 auto;background-color:#eee}
#wrapper{background-color:#fff; z-index:1}
#logo img{background-color:transparent!important}
@media (min-width: 1300px) {
body.boxed{width:1340px}
}
@media (min-width: 1289px) and (max-width: 1360px) {
body.boxed{width:100%}
}
@media (max-width: 1080px) {
body.boxed{width:100%}
}
@media (min-width: 960px) and (max-width: 1239px) {
body.boxed{width:1060px}
}
@media (max-width: 1098px) {
body.boxed{width:100%}
}
body,input[type="text"],input[type="password"],input[type="email"],textarea,select,label{font-family:Verdana,Arial,sans-serif;/*text-transform:none;*/margin:1px 0 5px;padding:0 2px;;min-height:0;font-size: 12px;line-height: 20px;}
/*body,input[type="text"],input[type="password"],input[type="email"],textarea,select,label{font-family:"Lato","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;/*text-transform:none;*//*margin:1px 0 8px;padding:2px;min-height:0;font-size: 14px;line-height: 23px;}*/
a{color:#0081db}
a:hover{ 
	color:#0081db;	
}
input[type="text"],input[type="password"],input[type="email"],textarea,select{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}
select{height:25px}
input[type="text"],input[type="password"],input[type="email"]{height:24px;line-height:18px} /*height:30px;line-height:25px*/
h1,h2,h3,h4,h5,h6,.button,input[type="button"],input[type="submit"],button,.menu > li > a,.pagination,.pagination-next-prev,.tabs-nav li a,table.basic-table th,.menu-responsive i.menu-trigger:after{font-family:"Montserrat","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}
mark.color{color:#fff;background-color:#666}
.width-10{width:10px!important}
.width-15{width:15px!important}
.width-20{width:20px!important}
.width-25{width:25px!important}
.width-30{width:30px!important}
.width-35{width:35px!important}
.width-40{width:40px!important}
.width-45{width:45px!important}
.width-50{width:50px!important}
.width-55{width:55px!important}
.width-60{width:60px!important}
.width-65{width:65px!important}
.width-70{width:70px!important}
.width-75{width:75px!important}
.width-80{width:80px!important}
.width-85{width:85px!important}
.width-90{width:90px!important}
.width-95{width:95px!important}
.width-100{width:100px!important}
.width-105{width:105px!important}
.width-110{width:110px!important}
.width-115{width:115px!important}
.width-120{width:120px!important}
.width-130{width:130px!important}
.width-135{width:135px!important}
.width-140{width:140px!important}
.width-145{width:145px!important}
.width-150{width:150px!important}
.width-200{width:200px!important}
.width-220{width:220px!important}
.width-250{width:250px!important}
.width-300{width:300px!important}
.width-500{width:500px!important}
.margin-top-0{margin-top:0!important}
.margin-top-5{margin-top:5px!important}
.margin-top-10{margin-top:10px!important}
.margin-top-15{margin-top:15px!important}
.margin-top-20{margin-top:20px!important}
.margin-top-25{margin-top:25px!important}
.margin-top-30{margin-top:30px!important}
.margin-top-35{margin-top:35px!important}
.margin-top-40{margin-top:40px!important}
.margin-top-45{margin-top:45px!important}
.margin-top-50{margin-top:50px!important}
.margin-top-55{margin-top:55px!important}
.margin-top-60{margin-top:60px!important}
.margin-top-65{margin-top:65px!important}
.margin-top-70{margin-top:70px!important}
.margin-top-100{margin-top:100px!important}
.margin-top-110{margin-top:100px!important}
.margin-bottom-0{margin-bottom:0!important}
.margin-bottom-5{margin-bottom:5px!important}
.margin-bottom-10{margin-bottom:10px!important}
.margin-bottom-15{margin-bottom:15px!important}
.margin-bottom-20{margin-bottom:20px!important}
.margin-bottom-25{margin-bottom:25px!important}
.margin-bottom-30{margin-bottom:30px!important}
.margin-bottom-35{margin-bottom:35px!important}
.margin-bottom-40{margin-bottom:40px!important}
.margin-bottom-45{margin-bottom:45px!important}
.margin-bottom-50{margin-bottom:50px!important}
.margin-bottom-55{margin-bottom:55px!important;margin-bottom:55px!important;margin-bottom:55px!important;margin-bottom:55px!important}
.margin-bottom-60{margin-bottom:60px!important}
.margin-bottom-65{margin-bottom:65px!important}
.margin-bottom-70{margin-bottom:70px!important}
.padding-left-35{padding-left:45px!important}
.align-left{text-align:left}
.align-right{text-align:right}
.align-center{text-align:center}
.float-left{float:left}
.float-right{float:right;}

@media (max-width: 991px) {
h3.headline{margin:45px 0 35px}
#logo{margin-top:5px;width:100%;padding-bottom:15px;text-align:center}
.full-width.projects a{width:50%}
h3.headline.with-border{line-height:32px}
.copyrights{text-align:left}
.tabs-nav.blog li,.tabs-nav.blog li a,.tabs-nav li,.tabs-nav li a{width:100%;text-align:center;border:none;background-color:#f9f9f9}
.tabs-nav.blog li,.tabs-nav li{margin-bottom:-1px;border:1px solid #e0e0e0!important;padding-right:0}
.tabs-nav li:hover a{color:#666}
.tabs-nav li.active a{background-color:#0081db;color:#fff!important}
.post-content h3{line-height:30px;font-size:18px;margin-bottom:0}
.post-content{padding-top:20px}
.sidebar-textbox{margin-top:0}
.pagination{text-align:left}
.pagination-next-prev ul li a.prev{display:none}
.pagination ul li a,.pagination-next-prev ul li a{text-align:center}
}
@media (max-width: 767px) {
h3.headline{margin:48px 0 35px}
#small-dialog{padding:25px}
#titlebar{padding:40px 0 50px}
#titlebar #breadcrumbs{position:relative}
#titlebar span{margin-bottom:15px}
#titlebar #breadcrumbs ul{padding-left:0;position:relative;top:0;-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);left:-10px}
#titlebar span a,#titlebar span{display:block}
}
.clickable-row{cursor:pointer}
#newpurchaseorderform h4 span{font-size:14px}

.strikethrough {text-decoration:line-through;}
.input-error{border:1px solid red!important}
.row-icon { float:right; padding:5px 3px 0 2px;}
/*.row-icon:after {clear:right;}*/
.loading{position:fixed;z-index:999;height:2em;width:2em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0}
.loading:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}
.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.loading:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:spinner 1500ms infinite linear;-moz-animation:spinner 1500ms infinite linear;-ms-animation:spinner 1500ms infinite linear;-o-animation:spinner 1500ms infinite linear;animation:spinner 1500ms infinite linear;border-radius:.5em;-webkit-box-shadow:rgba(0,0,0,0.75) 1.5em 0 0 0,rgba(0,0,0,0.75) 1.1em 1.1em 0 0,rgba(0,0,0,0.75) 0 1.5em 0 0,rgba(0,0,0,0.75) -1.1em 1.1em 0 0,rgba(0,0,0,0.5) -1.5em 0 0 0,rgba(0,0,0,0.5) -1.1em -1.1em 0 0,rgba(0,0,0,0.75) 0 -1.5em 0 0,rgba(0,0,0,0.75) 1.1em -1.1em 0 0;box-shadow:rgba(0,0,0,0.75) 1.5em 0 0 0,rgba(0,0,0,0.75) 1.1em 1.1em 0 0,rgba(0,0,0,0.75) 0 1.5em 0 0,rgba(0,0,0,0.75) -1.1em 1.1em 0 0,rgba(0,0,0,0.75) -1.5em 0 0 0,rgba(0,0,0,0.75) -1.1em -1.1em 0 0,rgba(0,0,0,0.75) 0 -1.5em 0 0,rgba(0,0,0,0.75) 1.1em -1.1em 0 0}
@-webkit-keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spinner {
0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
	color: #B7B7B7 ;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
	color: #B7B7B7;
	opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
	color: #B7B7B7;
	opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
	color: #B7B7B7;
}
::-ms-input-placeholder { /* Microsoft Edge */
   text-transform: none;
   color:    #B7B7B7;
}

/*.ui-dialog-titlebar {
    display: none;
}*/
.validate {display:none;}
.hidden {display:none;}

.prices {width: 115px; display:inline-block;}
.prices p {font-weight:bold; text-align:center; margin:5px;}
.prices label {width:95px; text-align:center; margin-left:10px;}

.ui-dialog-titlebar-close {
    visibility: hidden;
}
.ui-effects-wrapper {
        display:inline;
    }
.card-wrapper {
	display: inline-block;
	padding: 5px 5px 0;
}

.card {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.card {
    position: relative;
    min-height: 128px;
    width: 220px;
    padding: 20px 10px 10px;
    margin-bottom: 6px;
    background-image: -webkit-linear-gradient(top,#fff 20%,#ededed 100%);
    background-image: linear-gradient(to bottom,#fff 20%,#ededed 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffededed', GradientType=0);
    overflow: hidden;
    color: #333;
    border-radius: 12px;
	font: Courier, "Courier New", monospace;
	/*font-size: 15px;*/
    line-height: 15px;
	white-space: nowrap;
}

.expiring {
	-webkit-box-shadow: 0 0 5px 2px #F60;
    -moz-box-shadow: 0 0 5px 2px #F60;
    box-shadow: 0 0 5px 2px #F60;
    /*background: #ffffff;
    border: 1px solid #ababab;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;*/

}

.expired {
	-webkit-box-shadow: 0 0 5px 2px #F00;
    -moz-box-shadow: 0 0 5px 2px #F00;
    box-shadow: 0 0 5px 2px #F00;
    /*background: #ffffff;
    border: 1px solid #ababab;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;*/

}

.card-details .number, .card-details .expiry, .card-details .name, .card-details .cvv {
	position: absolute;
	display: block;
	color:#FFF;
	text-shadow: 1px 1px #000;
}

.card-details .number {
	font-size: 16px;
	bottom: 65px;
	width:90%;
}

.card-details .expiry {
	font-size: 14px;
	bottom: 35px;
	left: 120px;
	
}

.card-details .name {
	font-size: 15px;
	bottom: 12px;
	width:90%;
}

.card-details .cvv {
	font-size: 15px;
	bottom: 67px;
	left: 150px;
	width:90%;
}

.card-footer {
	font-size: 12px;
	line-height:14px;
}

.card-back {
	display:none;
}

.card-delete {
    position:absolute;
    /*opacity:0;*/
    right:10px;
	top:10px;
	color:#F00;
	display:none;
    /*width:16px;
    height:16px;*/
    cursor:pointer;
    /*border:1px solid #000;*/
    /*background-color:#efefef;*/
    z-index: 99;
    -webkit-transition: opacity 150ms;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiElEQVR42r2RsQrDMAxEBRdl8SDcX8lQPGg1GBI6lvz/h7QyRRXV0qUULwfvwZ1tenw5PxToRPWMC52eA9+WDnlh3HFQ/xBQl86NFYJqeGflkiogrOvVlIFhqURFVho3x1moGAa3deMs+LS30CAhBN5nNxeT5hbJ1zwmji2k+aF6NENIPf/hs54f0sZFUVAMigAAAABJRU5ErkJggg==) no-repeat;*/
    /*text-align:right;*/
    /*border: 0;*/
}
/*.card-delete:hover, .card-delete:focus {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAqklEQVR4XqWRMQ6DMAxF/1Fyilyj2SmIBUG5QcTCyJA5Z8jGhlBPgRi4TmoDraVmKFJlWYrlp/g5QfwRlwEVNWVa4WzfH9jK6kCkEkBjwxOhLghheMWMELUAqqwQ4OCbnE4LJnhr5IYdqQt4DJQjhe9u4vBBmnxHHNzRFkDGjHDo0VuTAqy2vAG4NkvXXDHxbGsIGlj3e835VFNtdugma/Jk0eXq0lP//5svi4PtO01oFfYAAAAASUVORK5CYII=");
}

.card-delete:active {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMlBLAYMdwxkghgEwD1XBGTC0g0sDIaYJECVwFqoChBK4WegKkJWArSJZAQErCDqSKG/iCyhaRhYA9LDIbULDzlIAAAAASUVORK5CYII=");
}*/
.no-select {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.pin-login {display:table;}
.avatar {
	width: 100%;
	text-align:left;
	display:table-cell;
}
.avatar-circle {
  width: 100px;
  height: 100px;
  background-color: #F00;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display:inline-block;
  margin:0px 20px;
}
.initials {
  position: relative;
  top: 25px; /* 25% of parent */
  font-size: 50px; /* 50% of parent */
  line-height: 50px; /* 50% of parent */
  color: #fff;
  font-family: "Courier New", monospace;
  font-weight: bold;
}

.pin-digit-container{/*float:left;width:100%;margin-top:20px*/}
.pin-digit{ width:100%;}
.pin-digit input {float:left;margin-left:20px;width:20%;/*height:115px;line-height:115px;font-size:72px;*/height:92px;line-height:92px;font-size:66px;border-radius:10px;cursor:text;background-color:#323232;text-align:center}
.pin-digit input:focus {border:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
/*.pin-digit input:first-child{margin-left:20px}*/
.pin-digit input:disabled{background:#323232;}


.pin-digit .current{background-color:#fff;color:#323232}
.pin-input {position:absolute;top:-1000px;width:390px;font-size:72px}

.asc:after {content: "\25B2"; }
.desc:after { content: "\25BC"; }