@import url(lib/oswald.css);
@import url(lib/open-sans700.css);
@import url(lib/open-sans600.css);

/* Getting the new tags to behave */
article, aside, audio, canvas, datalist, details, embed, figcaption, figure, footer, header, keygen, meter, nav, output, progress, section, source, video
{
    display:block;
}


mark, rp, rt, ruby, summary, time
{
    display:inline;
}

/* Global properties ======================================================== */
html
{
    width:100%;
}

body
{
    font-family:Arial, Helvetica, sans-serif;
    color:#343434;
    min-width:960px;
    background:url(../../../images/body.jpg) center top no-repeat #e1e1e1;
    font-size:12px;
    line-height:18px;
    padding:28px 0 32px;
}

.information
{
    position: relative;
    width: 1260px;
    margin: 0px auto 20px auto;
}

.information p
{
    padding: 20px;
    background-color: #ffffff;
    font-weight: 900;
}

.information h4
{
    color: #fbc300;
}

.main
{
    width:1280px;
    padding:0;
    margin:0 auto;
    position:relative;
}

#mask
{
    position:absolute;
    z-index:9000;
    background-color:#000;
    display:none;
    margin-top: -28px;
}

a
{
    color:#343434;
    outline:none;
    text-decoration:none;
}

a:hover
{
    text-decoration:none;
}

.link
{
    text-decoration:underline;
}

.link2:hover
{
    text-decoration:underline;
}

.link3:hover
{
    color:#fbc300;
}

.link4:hover
{
    color:#fff;
}

.wrapper
{
    width:100%;
    overflow:hidden;
}

.extra-wrap
{
    overflow:hidden;
}

p
{
    margin-bottom:18px;
}

.p0
{
    margin-bottom:0;
}

.p1
{
    margin-bottom:0;
}

.d-in-block
{
    display:inline-block;
}

.d-block
{
    display:block;
}

.reg
{
    text-transform:uppercase;
}

.reg2
{
    font-weight:bold;
}

.rel
{
    position:relative;
}

.fleft
{
    float:left;
}

.fright
{
    float:right !important;
}

.tleft
{
    text-align: left;
}

.tright
{
    text-align: left;
}


.alignright
{
    text-align:right;
}

.aligncenter
{
    text-align:center;
}

.img-indent-l
{
    float:left;
    margin:4px 20px 0px 0px;
}

.img
{
    margin:7px 9px 0 0;
    float:left;
}

.center
{
    text-align: center;
}

.strong
{
    font-weight: 900;
}


.noselect
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.panel-text-button
{
    float: left;
    font-size: 12px;
    line-height: 15px;
    color: #fba900;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.panel-text-button a
{
    color: #fba900;
}

.small-11px
{
    font-size: 11px;
}

/*********************************boxes**********************************/
.indent
{
    padding:20px 20px 25px;
}

.indent1
{
    padding:20px 30px 19px 20px;
}

.indent2
{
    padding: 20px;
}

.indent3
{
    padding:20px 260px 20px 20px;
}

.indent4
{
    padding: 0 10px 10px;
}

.padding-zero
{
    padding: 0 !important;
}

.indent-left
{
    padding-left:18px;
}

.indent-bottom
{
    padding-bottom:20px;
}

.indent-bottom2
{
    padding-bottom:5px;
}

.indent-top
{
    padding-top:8px;
}

.margin-top
{
    margin-top:0;
}

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

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

.margin-top3
{
    margin-top:40px;
}


.margin-bot
{
    margin-bottom:16px;
}

.margin-bot1
{
    margin-bottom:20px;
}

.margin-bot2
{
    margin-bottom:12px;
}

.margin-bot3
{
    margin-bottom:6px;
}

.margin-bot4
{
    margin-bottom:10px;
}

.margin-bot5
{
    margin-bottom:4px;
}

.margin-bot6
{
    margin-bottom:14px;
}


.margin-bot7
{
    margin-bottom:40px;
}

.regulations .header
{
    margin-bottom: 20px;
    margin-top: 40px;
    text-align: center;
}


.regulations a
{
    color:#fbc300;
}


.margin-left
{
    margin-left:0;
}

.margin-left1
{
    margin-left:50px;
}

.margin-left2
{
    margin-left:10px !important;
}

.margin-left3
{
    margin-left: -10px !important;
}

.margin-left4
{
    margin-left: 137px !important;
}

.margin-left5
{
    margin-left: 20px;
}

.margin-left6
{
    margin-left: 12px;
}

.margin-right
{
    margin-right:62px;
}

.margin-right1
{
    margin-right:15px;
}

.margin-right2
{
    margin-right:21px;
}

.margin-right3
{
    margin-right:8px;
}

.margin-right4
{
    margin-right:5px;
}

.margin-right5
{
    margin-right:20px;
}

.margin-right6
{
    margin-right:40px;
}

.margin
{
    margin:5px 0 0 35px;
}

.padding-left1
{
    padding-left: 20px;
}

.padding-top5
{
    padding-top: 5px !important;
}

.padding-left0
{
    padding-top: 0 !important;
}

.nowrap
{
    white-space: nowrap;
}

/*********************************header*************************************/
header
{
    width:100%;
    padding:0 0 20px;
}

h1
{
    padding:19px 0 0 20px;
    float:left;
}

h1 .logo
{
    display:block;
    text-indent:-9999px;
    width:350px;
    height:70px;
    background:url(../../../images/logo.png) no-repeat 0 0;
}


/***** menu *****/
nav
{
    float:left;
    width:100%;
}

.menu
{
    float:left;
    width:100%;
    padding:0;
    position:relative;
    font-family: 'Oswald', sans-serif;
    background:url(../../../images/menu1.gif) left top repeat-x #c6250a;
}

.menu li
{
    float:left;
    position:relative;
}

.promotion a
{
    color: #fbc300 !important;
}

.menu li a
{
    position:relative;
    display:block;
    font-size:16px;
    line-height:20px;
    color:#fff;
    text-transform:uppercase;
    z-index:20;
    padding:8px 20px 10px 19px;
}

.menu li + li a
{
    padding:8px 20px 10px 21px;
}

.menu>li:before
{
    position:absolute;
    left:0;
    top:0;
    background:url(../../../images/menu3_l.gif) left top no-repeat #e82f0f;
    display:block;
    width:1px;
    height:100%;
    content:"";
}

.menu>li:after
{
    position:absolute;
    right:0;
    top:0;
    background:url(../../../images/menu3_r.gif) left top no-repeat #991f0b;
    display:block;
    width:1px;
    height:100%;
    content:"";
}

.menu>li:first-child:before
{
    display:none;
    left:-999px;
}

.menu li.sfHover
{
    position:relative;
    z-index:999;
}

.menu li.active,
.menu > li:hover,
.menu > li.sfHover
{
    background:url(../../../images/menu2.gif) left top repeat-x #8d0000;
}

.menu ul
{
    z-index:999;
    letter-spacing:normal;
    font-family:Arial, Helvetica, sans-serif;
    position:		absolute;
    top:			-9999em;
    width:			251px;
    background: 	#3b3b3b;
    border:			1px solid #191f24;
    border-top:none;
}

.menu ul li
{
    width:	100%;
}

.menu li:hover
{
    visibility:	inherit;
}

.menu li li
{
    background:none;
    margin:0;
    border-top:1px solid #191f24 !important;
}

.menu li li a
{
    text-transform:none;
    display:		block;
    padding:		5px 0 5px 9px;
    font-size:		12px;
    line-height:	15px;
    color:			#fcfcfc;
    background:url(../../../images/menu4.gif) left -999px repeat-x #3b3b3b;
}

.menu li li > a:hover,
.menu li li.sfHover > a
{
    color:#fbc300;
    background-position:left top;
    background-color:#2c2c2c;
}

.menu li:hover ul, .menu li.sfHover ul
{
    left:			0px;
    top:			38px;
    z-index:		999;
}

ul.menu li:hover li ul, ul.menu li.sfHover li ul
{
    top:			-999em;
}

ul.menu li li:hover ul, ul.menu li li.sfHover ul
{
    left:			253px;
    top:			-1px;
    z-index:		9999;
}

ul.menu li li:hover li ul, ul.menu li li.sfHover li ul
{
    top:			-999em;
}

.subli
{
    font-weight:normal !important;
    margin-left:20px !important;
}


/*********************************content*************************************/
#content {
    width:100%;
    padding:0 0 20px;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12{
    float:left;
}
.col-1 {
    width:255px;
}
.col-2 {
    width:150px;
}
.col-3 {
    width:68px;
}
.col-4 {
    width:450px;
}
.col-5 {
    width:70px;
}
.col-6 {
    width:110px;
}
.col-7 {
    margin-right:5px;
}
.col-8 {
    width:105px;
}
.col-9 {
    width:179px;
}
.col-10 {
    width:196px;
}
.col-11 {
    width:260px;
}
.col-12 {
    width:0px;
}

.letter
{
    width:100px;
    background:#760000;
    text-align:center;
    color:#fba100;
    font-size:16px;
    line-height:27px;
    height:40px;
    font-family: 'Open Sans', sans-serif;
    font-weight:700;
    padding:3px 0 0;
    margin:3px 0 0 2px;
}

.table
{
    border-bottom:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    width: 100%;
}

.display-table tr td:first-child
{
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
}

.display-table tr:first-child
{
    font-weight: 700;
}

.display-table tbody tr:first-child {
    font-weight: initial;
}

.no-bold-table tr:first-child
{
    font-weight: normal;
}

.no-bold-table td, .no-bold-table
{
    border-bottom: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
}

.no-padding-table td
{
    padding: 0 !important;
}

.table tr td
{
    vertical-align:middle;
    padding:8px 10px 9px 10px;
    border-top:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    font-size:12px;
    line-height:18px;
}


.table tr td
{
    overflow:hidden;
    color:#252525;
}


.table tr.last td
{
    padding-bottom:18px;
}


.table td.small
{
    width: 25px;
}

.table td.small1
{
    width: 40px;
}

.table td.small2
{
    width: 70px;
}

.table td.medium
{
    width: 110px;
}

.table td.medium2
{
    width: 130px;
}

.table td.center
{
    text-align: center;
}

.table td.date
{
    width: 60px;
}

.table td.date-full
{
    width: 115px;
}

.table td.middle
{
    width: 130px;
}

.table-title
{
    width: 30%;
    font-weight:700;
}

.table-title2
{
    width: 70%;
    font-weight:700;
}

.table-data
{
    width: 80%;
}


.receiver-data
{
    max-width: 150px;
}

.z-up
{
    z-index: 99999;
}

/************* tabs *************/
ul.tabs {
    margin: 0;
    padding: 0;
    overflow:hidden;
    font-family:Arial, Helvetica, sans-serif;
    background:url(../../../images/tabs2.gif) left top repeat-x;
    border-right:1px solid #d1d0d0;
    border-left:1px solid #d1d0d0;
}
ul.tabs li {
    float: left;
    padding: 0;
    height: 36px;
    position: relative;
    border-right:1px solid #d1d0d0;
}

ul.tabs li a {
    color: #787878;
    display: block;
    font-size:13px;
    line-height:16px;
    font-family: 'Open Sans', sans-serif;
    font-weight:700;
    text-transform:uppercase;
    word-spacing:-1px;
    padding:9px 17px 10px 18px;
    border-bottom:1px solid #d1d0d0;
    position:relative;
    z-index:99;
}
ul.tabs li + li a {
    padding-right:18px;
}
ul.tabs li.active a,
ul.tabs li a:hover {
    background:#fff;
    color:#333;
}
ul.tabs li.active a {
    border-bottom-color:#fff;
}
ul.tabs li.active a span,
ul.tabs li a:hover span {
    background-position:right top;
}
.tab_container2 {
    background:#d1d0d0;
    padding:1px;
    margin-top:-1px;
    overflow:hidden;
}
.tab_container {
    min-height:229px;
    background:#fff;
    overflow:hidden;
}
.tab_content {
    background:#fff;
}
.tab_hover tr {
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}
.tab_hover tr:hover {
    background-color: #f8f8f8;
}
.tab_content>div {
    padding:20px 20px 0 20px;
}
/*********************************bg's*************************************/
.bg-1 {
    background:url(../../../images/bg-1.gif) left top repeat-x #2b2b2b;
    padding:0 0 5px 9px;
}
.bg-2 {
    background:url(../../../images/bg-2.gif) left top repeat-x #9a0000;
    border-top:1px solid #e10000;
    padding:0 0 20px;
}
.bg-3 {
    background:url(../../../images/world-background.png) left top no-repeat #910000;
    background-position-y: -20px;
}
.bg-4 {
    background:#760000;
    padding:15px 0 14px 11px;
    margin:-14px 0 20px 2px;
}
.bg-5 {
    background:url(../../../images/bg-4.gif) left top repeat-x #3b3b3b;
    overflow:hidden;
    padding:0 0 5px;
    margin-bottom:1px;
}
.bg-6 {
    background:url(../../../images/bg-5.gif) left top repeat-x #fff;
    padding:8px 20px 0;
}
.bg-7 {
    background:url(../../../images/bg-6.gif) left top repeat-x #2b2b2b;
    padding:15px 0 13px 20px;
    overflow:hidden;
    width:280px;
}
.bg-8 {
    background:url(../../../images/bg-7.gif) left top repeat-x #efefef;
    border:1px solid #d1d0d0;
    border-top:none;
}
.bg-8>div {
    border:1px solid #fbfbfb;
    border-top:none;
}
.bg-8>div>div {
    padding:20px 35px 23px 17px;
}
#page2 .bg-8>div>div {
    padding:17px 35px 23px 17px;
}
#page3 .bg-8>div>div {
    padding:24px 17px 21px 18px;
}
#page4 .bg-8>div>div {
    padding:18px 35px 18px 17px;
}
#page5 .bg-8>div>div {
    padding:20px 15px 24px 19px;
}
#page6 .bg-8>div>div {
    padding:24px 0px 27px 19px;
}
.bg-9>.inner {
    background:#fff;
}
.bg-9 {
    background:#d1d0d0;
}
.h3_bg {
    background:url(../../../images/h3.gif) left top repeat-x #2b2b2b;
    padding: 8px 0 8px 19px;
}
.h3_bg2 {
    background:url(../../../images/h3_2.gif) left top repeat-x #2c2c2c;
    padding:12px 0 15px 19px;
}
.h4_bg {
    background:url(../../../images/h4.gif) left top repeat-x #920000;
    padding:4px 0 5px 8px;
    border-radius:3px 3px 0 0;
}
.border-1 {
    border-right:1px solid #e4e4e4;
}

.border-0
{
    border-bottom: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
}
/*********************************buttons*************************************/
.button-1
{
    display:inline-block;
    font-size:21px;
    line-height:26px;
    color:#f8f7f7;
    font-family: 'Open Sans', sans-serif;
    font-weight:700;
    letter-spacing:-1px;
    text-transform:uppercase;
    word-spacing:-1px;
    height:46px;
    overflow:hidden;
    padding:8px 18px 12px 16px;
    background:url(../../../images/button1_t.png) left top repeat-x;
    position:relative;
    cursor: pointer;
    border: 0;
    outline: none;
}

.button-1:before,
.button-1:after
{
    display:block;
    width:3px;
    height:46px;
    position:absolute;
    top:0;
    content:"";
    overflow:hidden;
}

.button-1:before
{
    background:url(../../../images/button1_l.png) left top no-repeat;
    left:-3px;
}

.button-1:after
{
    background:url(../../../images/button1_r.png) left top no-repeat;
    right:-3px;
}

.button-1:hover,
.button-1:hover:before,
.button-1:hover:after
{
    background-position:left bottom;
}

.button-2
{
    display:inline-block;
    font-size:12px;
    line-height:15px;
    color:#ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight:700;
    text-transform:uppercase;
    height:24px;
    overflow:hidden;
    cursor: pointer;
}

.button-2 span,
.button-2 a
{
    display:block;
    margin:0 3px;
    padding:4px 9px 5px 8px;
    background:url(../../../images/button2_t.png) left top repeat-x;
    position:relative;
    color: #ffffff;
}

.button-2 span:before,
.button-2 a:before,
.button-2 span:after,
.button-2 a:after
{
    display:block;
    width:3px;
    height:24px;
    position:absolute;
    top:0;
    content:"";
    overflow:hidden;
    color: #ffffff;
}

.button-2 span:before,
.button-2 a:before
{
    background:url(../../../images/button2_l.png) left top no-repeat;
    left:-3px;
}


.button-2 span:after,
.button-2 a:after
{
    background:url(../../../images/button2_r.png) left top no-repeat;
    right:-3px;
}

.button-2:hover span,
.button-2:hover span:before,
.button-2:hover span:after,
.button-2:hover a,
.button-2:hover a:before,
.button-2:hover a:after
{
    background-position:left bottom;
    color: #ffffff !important;
}

.button-3
{
    display:inline-block;
    font-size:16px;
    line-height:20px;
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    font-weight:700;
    text-transform:uppercase;
    height:27px;
    letter-spacing:-1px;
    overflow:hidden;
}


.button-3 span
{
    display:block;
    margin:0 4px;
    padding:3px 9px 4px 7px;
    background:url(../../../images/button3_t.png) left top repeat-x;
    position:relative;
    cursor: pointer;
}


.button-3 span:before,
.button-3 span:after
{
    display:block;
    width:4px;
    height:27px;
    position:absolute;
    top:0;
    content:"";
    overflow:hidden;
}


.button-3 span:before
{
    background:url(../../../images/button3_l.png) left top no-repeat;
    left:-4px;
}


.button-3 span:after
{
    background:url(../../../images/button3_r.png) left top no-repeat;
    right:-4px;
}


.button-3:hover span,
.button-3:hover span:before,
.button-3:hover span:after
{
    background-position:left bottom;
}


.button-4
{
    float: left;
    display:inline-block;
    font-size:12px;
    line-height:15px;
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    font-weight:700;
    text-transform:uppercase;
    height:24px;
    padding:4px 9px 5px 8px;
    background:url(../../../images/button4_t.png) left top repeat-x;
    position:relative;
    cursor: pointer;
    border: 0;
    outline: none;
    overflow:hidden;
}

.button-4:before
{
    background:url(../../../images/button4_l.png) left top no-repeat;
    left:-3px;
}

.button-4:after
{
    background:url(../../../images/button4_r.png) left top no-repeat;
    right:-3px;
}

.button-4:hover,
.button-4:hover:before,
.button-4:hover:after
{
    background-position:left bottom;
}

.button-4-margin-right
{
    margin: 0 20px 0 20px;
}

.button-a-4
{
    height: 15px;
}
/*********************************lists*************************************/
.dl-1 dt
{
    text-transform:uppercase;
}
.dl-1 dd
{
    overflow:hidden;
}
.dl-1 dd span
{
    display:block;
    float:left;
}

.soc_list
{
    overflow:hidden;
    float:right;
    padding:5px 6px 0 0;
}

.soc_list li
{
    float:left;
    margin-left:5px;
}
.soc_list li:first-child {
    margin-left:0;
}
.soc_list li a {
    display:block;
    width:21px;
    height:21px;
}
.soc_list2 {
    overflow:hidden;
    padding:23px 0px 0 0;
}
.soc_list2 li {
    float:left;
    margin-left:5px;
}
.soc_list2 li:first-child {
    margin-left:0;
}
.soc_list2 li a {
    display:block;
    width:20px;
    height:20px;
}
.ul-1 {
    overflow:hidden;
    float:right;
    padding:15px 19px 0 0;
}
.ul-1 li {
    float:left;
    font-size:12px;
    line-height:15px;
    padding-left:10px;
}
.ul-1 li:before {
    display:inline-block;
    width:1px;
    height:11px;
    background:url(../../../images/ul-1.gif) left top no-repeat;
    content:"";
    padding-left:10px;
}
.ul-1 li:first-child {
    padding-left:0;
}
.ul-1 li:first-child:before {
    display:none;
    padding-left:0;
}
.ul-1 li a {
    color:#fff;
}
.ul-1 li a:hover {
    color:#fbc300;
}
.ul-2 li {
    font-size:12px;
    line-height:15px;
    background:url(../../../images/ul-2.png) left 9px no-repeat;
    padding:4px 0 4px 13px;
    font-weight:bold;
}
.ul-2 li a {
    color:#fb8e00;
}
.ul-2 li a:hover {
    color:#b20000;
}
.ul-3 li {
    font-size:12px;
    line-height:15px;
    padding:4px 0 4px 13px;
    background:url(../../../images/ul-3.png) left 8px no-repeat;
}
.ul-3 li a {
    color:#676767;
}
.ul-3 li a:hover {
    color:#b20000;
}
.ul-4 {
    overflow:hidden;
    padding:26px 0 0 20px;
}
.ul-4 li {
    float:left;
    width:180px;
    margin-left:20px;
}
.ul-4 li:first-child {
    margin-left:0;
}
.ul-4 li figure {
    margin-bottom:20px;
}
.ul-4 li h5 {
    margin-bottom:6px;
}

.ul-5
{
    overflow:hidden;
    float:right;
}

.ul-5 li
{
    float:left;
    font-size:12px;
    line-height:15px;
    margin: 10px 10px;
    display:inline-block;
    width:24px;
    height:24px;
    padding: 5px;
}

/*********************************fonts*************************************/
h2
{
    font-size:28px;
    line-height:35px;
    color:#f4f4f4;
    font-family: 'Open Sans', sans-serif;
    font-weight:700;
    letter-spacing:-1px;
    text-transform:uppercase;
    word-spacing:-1px;
}

h2 span
{
    color:#fba900;
}

h3
{
    font-size:19px;
    line-height:23px;
    color:#fba900;
    font-family: 'Open Sans', sans-serif;
    font-weight:700;
    letter-spacing:-1px;
    text-transform:uppercase;
}

h3 span
{
    color:#fff;
}

h4
{
    font-size:17px;
    line-height:21px;
    color:#fff;
    font-family: 'Open Sans', sans-serif;
    font-weight:700;
    letter-spacing:-1px;
    text-transform:uppercase;
}

h5
{
    font-size:15px;
    line-height:18px;
    color:#d7290b;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    text-transform:uppercase;
}

h6
{
    font-size:12px;
    line-height:15px;
    color:#fba900;
    font-family: 'Open Sans', sans-serif;
    font-weight:700;
    text-transform:uppercase;
}

.title-1,
.title-2,
.title-3 {
    display:block;
    float:left;
    font-family: 'Open Sans', sans-serif;
}
.title-1 {
    font-size:17px;
    line-height:21px;
    color:#fff;
    margin:15px 8px 0 19px;
    letter-spacing:-1px;
    font-weight:700;
}
.title-2 {
    font-size:40px;
    line-height:48px;
    color:#fba900;
    margin:2px 0 0;
    font-weight:600;
}
.title-3 {
    font-size:24px;
    line-height:29px;
    color:#fba900;
    margin:4px 0 0 -2px;
    font-weight:600;
}
.size-1 {
    font-size:8px;
    line-height:18px;
}
.lh {
    line-height:15px;
}
.color-1 {color:#a4a3a3;}
.color-2 {color:#fff;}
.color-3 {color:#fbc300 !important;}
.color-4 {color:#343434;}
.color-5 {color:#fb8e00;}
/*********************************aside*************************************/
aside {
    width:100%;
}
.aside {
    background:#d1d0d0;
    padding:1px;
    border-radius:3px 3px 0 0;
}
.aside>div {
    background:#fff;
    padding:1px;
    border-radius:3px 3px 0 0;
}
.aside>div>div {
    background:url(../../../images/aside.gif) left top repeat-x #efefef;
    padding:16px 0 11px 21px
}
/******* form's ********/
.box-1
{
    width:205px;
    height:25px;
}

.box-2
{
    width:63px;
    height:25px;
}

#form2
{
    float:right;
    padding:14px 20px 0 0;
}

#form_order
{
    padding:24px 0px 31px 28px;
}

form .row
{
    color:#000;
}

#form_order .row, #form_order label, .label
{
    color: #fff;
    line-height:15px;
    padding-top:5px;
    padding-left: 5px;
}

.jqTransformCheckboxWrapper
{
    display:block;
    float:left;
}

a.jqTransformCheckbox
{
    background: transparent url(../../../images/checkbox.png) no-repeat center top;
    vertical-align: middle;
    height: 19px;
    width: 18px;
    display:block;/*display: -moz-inline-block;*/
}

a.jqTransformChecked
{
    background-position: center bottom;
}

.check-box-value
{
    display: block;
    float: left;
    padding-left: 5px;
    cursor: pointer;
}

.checkbox
{
    display: block;
    float: left;
}

.check-box-limit-width
{
    width: 75%;
}

.jqTransformHidden
{
    display: none;
}

.input-1
{
    float:left;
    display:block;
    width:185px;
    height:25px;
    padding:0 10px;
    background: #f4f4f4;
    overflow:hidden;
    position:relative;
    border:1px solid #c6c6c6;
    border-radius:4px;
    margin-right: 10px;
}

.input-1 input
{
    width:185px !important;
    padding:5px 0 6px;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000;
    border:none;
    background:none;
    outline:none;
}


.input-2, .input-textarea
{
    float:left;
    display:block;
    width:40px;
    height:25px;
    padding:0 10px;
    overflow:hidden;
    position:relative;
    border:1px solid #c6c6c6;
    border-radius:4px;
    background: #f4f4f4;
}

.input-textarea
{
    overflow-y: scroll;
    height: 152px !important;
    width: 250px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.input-2 input, .input-textarea textarea
{
    width:40px !important;
    padding:5px 0 6px;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000;
    border:none;
    background:none;
    outline:none;
}

.input-textarea textarea
{
    height: 130px;
    width: 100% !important;
}

.input-disabled
{
    background: #808080 !important;
    border:1px solid #808080 !important;
    color: #ffffff !important;
}

/***** form *****/
#contact-form
{
    position:relative;
    vertical-align:top;
    width:100%;
    z-index:1;
}

#form fieldset
{
    border:none;
    padding:0;
}

form label, .row
{
    display:block;
    min-height:34px;
}

form label.message
{
    height:153px;
}

.inp
{
    width:280px;
    display:block;
    height:23px;
    padding:0 7px;
    background:#f2f2f2;
    overflow:hidden;
    position:relative;
    border:1px solid #c6c6c6;
    border-radius:4px;
}

.inp2
{
    width:127px !important;
    float: left;
}

.inp2 input
{
    width:127px !important;
}

.inp3
{
    width:50px !important;
    float: left;
}

.inp-higher
{
    height: 100px !important;
}

.inp3-wider
{
    width:200px !important;
    float: left;
}

.inp3 input
{
    width:50px !important;
}

.inp4
{
    width:203px;
    float: left;
}

.inp4 input
{
    width:203px !important;
}

.inp5
{
    width:290px !important;
}

.input
{
    width:280px;
    padding:4px 0;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    height:15px;
    color:#000;
    border:none;
    background:none;
    outline:none;
}

.input-loader
{
    background: url(../../../images/input-loader.gif) no-repeat scroll 70px 2px #ffffff;
}

form .area .error
{
    float:none;
}

.text_a
{
    position:relative;
    overflow:hidden;
    display:block;
    width:280px;
    height:153px;
    padding:0 7px;
    background:#f2f2f2;
    border:1px solid #c6c6c6;
    border-radius:4px;
    margin-bottom: 20px;
}

textarea
{
    height: 149px;
    margin: 0;
    width: 100%;
    padding: 5px 3px 5px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #000;
    border: none;
    background: none;
    overflow: auto;
    outline: none;
    resize: none;
}

form a
{
    cursor:pointer;
}

form .success
{
    display:none; margin-bottom:10px;
}

form .error,
form .empty
{
    color:#f00;
    font-size:11px;
    line-height:18px;
    overflow:hidden;
    min-width:500px;
}

.buttons-wrapper
{
    text-align:left;
    padding-top:18px;
    position:relative;
}

.buttons-wrapper a
{
    margin-right:10px;
}

.map
{
    width:359px;
    height:257px;
    float:left;
    margin:4px 20px 0 0;
}


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

/****************************footer************************/
footer
{
    color:#7b7b7b;
    width:100%;
}

footer a
{
    color:#7b7b7b;
}

.footer
{
    background:#d1d0d0;
    padding:1px;
    padding-top:0px;
    border-radius:0 0 3px 3px;
}

.footer>div
{
    background:#fff;
    padding:1px;
    padding-top:0;
    border-radius:0 0 3px 3px;
}

.footer>div>div
{
    background:url(../../../images/footer.gif) left top repeat-x #f0f0f0;
    padding:9px 0 11px 18px
}

.track_input_bottom
{
    width: 100px !important;
}

/****************************colors************************/

.orange
{
    color:#fba100 !important;
}

a.orange:hover {
    color: #fb7007 !important;
    text-decoration: underline;
}

.red
{
    color:#ff0000 !important;
}

.green
{
    color:#05a300;
}

.black
{
    color: #000000 !important;
}

.white
{
    color: #ffffff !important;
}

.white>h5
{
    color: #ffffff !important;
}

.bgwhite
{
    background-color: #ffffff;
}

.bgwhite:hover
{
    background-color: rgba(223, 223, 223, 0.60);
}

.bggreen
{
    background-color: #05a300;
}

.bggreen:hover
{
    background-color: rgba(5, 163, 0, 0.60);
}

.bgred
{
    background-color: #ff0000;
}

.bgredlight
{
    background-color: #ff9e9e;
}

.bggreenlight
{
    background-color: #68a35a;
}

.bgred:hover
{
    background-color: rgba(255, 0, 0, 0.60);
}

.bgblue
{
    background-color: #0D8FBF;
}

.bgblue:hover
{
    background-color: rgba(13, 143, 191, 0.60);
}

.bgyellow
{
    background-color: #FFFF00;
}


.bgyellow:hover
{
    background-color: rgba(255, 255, 0, 0.61);
}

.bggrey
{
    background-color: #808080;
}

.bggrey:hover
{
    background-color: rgba(128, 128, 128, 0.60);
}

#additional-address
{
    display: none;
}

.button_container
{
    float: left;
    height: 50px;
    margin-top:20px;
}

.button_container_2
{
    float: left;
    margin-top:20px;
}

.reverse
{
    unicode-bidi: bidi-override;
    direction: rtl;
}

.error-info
{
    background-color: #2c2c2c !important;
}

.error-send-info
{
    background-color: #fba900;
    color: #2c2c2c;
    font-size:15px;
    padding: 0 5px;
    font-weight: 900;
    float: left;
    margin-top: 20px;
}


.single-error
{
    color: #2c2c2c;
    font-size:15px;
    padding: 0 5px;
    margin: 5px 0;
    background-color: #fba900 !important;
    font-weight: 900;
    float: left;
}


.server-error h5
{
    background-color: #fba900;
    color: #2c2c2c !important;
    font-size: 15px;
    padding: 10px;
    font-weight: 900;
    float: left;
    width: 100%;
}

.button
{
    height: auto !important;
}

.button a
{
    color: #f8f7f7;
}

.dk-select
{
    color: #000000;
}

.panel
{
    width: 1260px !important;
}


#display_calendar
{
    display: inline-block;
    position: relative;
}


.currency
{
    min-height: 34px;
    padding: 3px 8px;
}


.normal-font
{
    font-weight: normal !important;
}


.bold
{
    font-weight: bold !important;
}


.table-header
{
    text-transform:uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight:700;
    color: #000000 !important;
}


.list-header, .contact-help-title
{
    text-transform:uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight:700;
    color: #000000 !important;
    padding-bottom: 15px;
}

.contact-help-title
{
    text-transform: none;
    font-weight: 700;
    cursor: pointer;
}

/*************** Order form *********************/
.order-form-header
{
    height: 130px;
}

.products
{
    margin: 0 auto;
    width: 55%;
    height: 100px;
}

.product-selection
{
    cursor: pointer;
    width: 140px;
    height: 140px;
}

.option-select
{
    padding-left: 5px;
}

.order-data, .option-data
{
    padding: 20px 0;
}

.order-data .title
{
    padding: 15px 10px;
}

.order-data table
{
    width: 100%;
}

.order-data table tr td:first-child
{
    width: 55%;
    padding-right: 30px;
}

#order_options, #order_invoice, #order_step_2
{
    display: none;
    float: left;
    width: 100% !important;
}

#order_invoice table tr td:first-child
{
    padding-right: 0;
}

.parcel-active
{
    background: url(../../../images/parcel.png) no-repeat;
}

.envelope-active
{
    background: url(../../../images/envelope.png) no-repeat;
}

.pallet-active
{
    background: url(../../../images/pallet.png) no-repeat;
}

.parcel-selected
{
    background: url(../../../images/parcel-selected.png) no-repeat;
}

.envelope-selected
{
    background: url(../../../images/envelope-selected.png) no-repeat;
}

.pallet-selected
{
    background: url(../../../images/pallet-selected.png) no-repeat;
    cursor: pointer;
}

.pallet-disabled
{
    background: url(../../../images/pallet-disabled.png) no-repeat;
    cursor: default;
}

.kex
{
    background: url(../../../images/kex-logo.png?v2) no-repeat #808080;
}

.gls
{
    background: url(../../../images/gls-logo.png) no-repeat #808080;
}

.dpd
{
    background: url(../../../images/dpd-logo.png) no-repeat #808080;
}

.inpost
{
    background: url(../../../images/inpost-logo.png) no-repeat #808080;
}

.inpost_cb
{
    background: url(../../../images/inpost-logo.png) no-repeat #808080;
}

.inpost_pop
{
    background: url(../../../images/inpost_pop-logo.png) no-repeat #808080;
}

.dhl
{
    background: url(../../../images/dhl-logo.png) no-repeat #808080;
}

.tba
{
    background: url(../../../images/tba-logo.png) no-repeat #808080;
}

.delta
{
    background: url(../../../images/delta-logo.png?v2) no-repeat #808080;
}

.patron
{
    background: url(../../../images/patron-logo.png) no-repeat #808080;
}

.etl
{
    background: url(../../../images/etl-logo.png?v2) no-repeat #808080;
}

.fedex
{
    background: url(../../../images/fedex-logo.png) no-repeat #808080;
}

.pekaes
{
    background: url(../../../images/pekaes-logo.png) no-repeat #808080;
}

.ups
{
    background: url(../../../images/ups-logo.png) no-repeat #808080;
}

.tnt
{
    background: url(../../../images/tnt-logo.png) no-repeat #808080;
}

.poczta24
{
    background: url(../../../images/poczta24-logo.png) no-repeat #808080;
}

.poczta48
{
    background: url(../../../images/poczta48-logo.png) no-repeat #808080;
}

.rohlig_suus
{
    background: url(../../../images/rohlig_suus-logo.png) no-repeat #808080;
}

.paczka_w_ruchu
{
    background: url(../../../images/paczka_w_ruchu-logo.png) no-repeat #808080;
    background-size: 45px auto !important;
}

.ambro_express
{
    background: url(../../../images/ambro_express-logo.png) no-repeat #808080;
}

.order-offers .offer
{
    width: 95px;
    height: 80px;
    float: left;
    margin: 5px 3px;
    border-radius: 5px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    background-size: calc(100% - 16px);
    background-position: top 8px left 50%;
}


.order-offers label span
{
    text-align: center;
    padding-top: 40px;
    color: #2b2b2b;
    font-size:15px;
    line-height:35px;
    font-family: 'Open Sans', sans-serif;
    font-weight:500;
    letter-spacing:-1px;
    text-transform:uppercase;
    word-spacing:-1px;
    display: block;
    border-radius: 5px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}


.order-offers .offer
{
    cursor: pointer;
}


.order-offers .offer:hover,
.order-offers .offer span:hover
{
    background-color: #ffffff;
}


.order-offers .unavailable
{
    cursor: default;
}

.order-offers .unavailable:hover
{
    background-color: #808080;
}

.order-offers .unavailable span:hover
{
    background-color: transparent;
}

.order-offers input[type=radio]
{
    display: none
}

.order-offers .selected
{
    background-color: #ffffff;
    opacity: 1.0;
    filter: alpha(opacity=100);
    box-shadow: inset 0px 1px 4px #ececec;
    -moz-box-shadow: inset 0px 1px 4px #ececec;
    -webkit-box-shadow: inset 0px 1px 4px #ececec;
}

.order-offers .selected span,
.order-offers .selected span:hover
{
    background-color: transparent;
    opacity: 1.0;
    filter: alpha(opacity=100);
    box-shadow: inset 0px 1px 4px #ececec;
    -moz-box-shadow: inset 0px 1px 4px #ececec;
    -webkit-box-shadow: inset 0px 1px 4px #ececec;
}

.order-offers .loading
{
    background: url(../../../images/circle-loader.gif) no-repeat scroll 30px 40px;
}

.post-code-tip-right, .post-code-tip-left
{
    color: #a9a9a9;
    font-size: 11px;
}

.post-code-tip-left
{
    padding: 0 10px;
    float: left;
}

.post-code-tip-right
{
    padding: 5px 10px 0 5px;
    float: left;
}

/************** Drop Kick **************/

.dk-select, .dk-select-multi
{
    width: 290px !important;
}

/************ Order summary ***********/
.summary .title
{
    padding: 10px;
}

.summary-waybill-error
{
    margin-top: 20px;
    color: #FF0000;
    font-weight: bold;
}


/********* Panel ***************/

.verify-error, .general-error
{
    float: right;
    padding-top: 8px;
    font-size: 14px;
    color: #FF0000;
}

.user-info
{
    padding: 20px;
    background-color: #ffffff;
}

.user-info a
{
    color: #fba900;
}

.order-payment-summary
{
    margin-top: 20px;
}

.panel-info h5
{
    color: #2c2c2c;
    text-transform: none;
}

.cod-input
{
    float: left;
    margin: 20px;
}

.courier-status tr td
{
    border: none;
    font-weight: 100;
    text-align: center;
}

#toggle-filter
{
    cursor: pointer;
}

.filter-orders
{
    padding: 0 0 0 20px !important;
}

.filter-payments .dk-select
{
    width: 235px !important;
}

.order-attention
{
    background-color: #808080;
    color: #000000;
}

.order-attention > td, .order-attention > a
{
    color: #000000 !important;
}

.order-data p
{
    margin-bottom: 5px;
    word-wrap: break-word;
}

.order-data .info
{
    float: left;
    width: 50%;
}

.order-data .small
{
    float: left;
    width: 33%;
}

.fixed-table
{
    word-wrap: break-word;
    table-layout: fixed;
}

td .table-summary
{
    border-bottom: 1px solid #e5e5e5 !important;
}


td .invoice-name
{
    width: 550px;
    text-align: left;
}

td .invoice-position
{
    width: 100px;
    text-align: right;
}

td .top-no-margin
{
    vertical-align: top !important;
    margin: 0 !important;
    padding: 0 !important;
}

.vtop
{
    vertical-align: top !important;
}

.force-break
{
    word-wrap: break-word;
    word-break: break-all;
}

.panel-ico
{
    float: right;
    padding: 10px;
    display: block;
}

.half
{
    width: 50%;
    height: 100%;
    float: left;
    word-wrap: break-word;
}

/*
    Buttons
*/
.button-40
{
    height:40px !important;
}



.button-10
{
    padding: 10px !important;
    color: #ffffff;
    border: none;
    border-radius: 3px;
    font-size: 12px;
    line-height: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    outline: none;
    height: 35px;
}


.button-10:disabled
{
    background-color: #808080;
    cursor: auto;
}


.button-10:disabled:hover
{
    background-color: #808080;
}


.button-loader
{
    background: url(../../../images/arrows-loader.gif) center no-repeat;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0) !important;
    height: 32px;
}


.button-confirmation
{
    background: url(../../../images/confirmation.png) center no-repeat;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0) !important;
    height: 32px;
}

.button-failed
{
    background: url(../../../images/failed.png) center no-repeat;
}

.button-loader:hover
{
    background-color: rgba(0, 0, 0, 0) !important;
}

.button-loader:disabled
{
    background-color: rgba(0, 0, 0, 0) !important;
}

.width-500
{
    width: 500px !important;
}

.width-185-pull-left
{
    width: 185px !important;
    float: left;
}

.width-150
{
    width: 150px !important;
}

.width-200
{
    width: 200px !important;
}
.width-250 {
    width: 250px !important;
}
table.clear-table {
    margin: 20px 5px;
}
table.clear-table tr {
    height: 40px;
    line-height: 40px;
}
table.clear-table td {
    padding: 3px;
}
.clear-table * {
    vertical-align: middle !important;
}
.clear-table td:nth-child(odd) {
    text-align: right;
}
.contact-header span
{
    color: #ffffff
}

.contact-header
{
    font-size: 12px !important;
}

/*
    Contact
*/

.attachment
{
    padding: 10px 0;
    font-weight: 600;
}

.delete-attachment
{
    background: url(../../../images/delete.png) center no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
}

.bar
{
    height: 10px;
    background: green;
}

/*

    About us
*/
.about-us-image
{
    width: 199px;
    height: 152px;
}

/*
    Globals
*/

.upload-input, #upload-input
{
    display: none;
}

.c-pointer
{
    cursor: pointer;
}


/*
    Global error
 */

#global-zk-error
{
    position: fixed;
    z-index: 999999;
    overflow: show;
    margin: auto;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
}


.error-messages {
    color: #f00;
}

.success-message,
.success-message h5 {
    color: #33691e;
}

.modal-dialog.no-margin
{
    margin:0 !important;
    -webkit-transform: initial !important;
    -ms-transform: initial !important;
    -o-transform: initial !important;
    transform: initial !important;
}

.modal-content.full
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    border: 0;
    border-radius: 0;
    text-align: center;
}

.modal-body.timer {

    background-color:#b4b3b3;
    text-align: center;
    font-size: x-large;
}

.break-details h1
{
    text-align: center;
    border:1px solid red;
}

#work-break-modal .modal-body {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #22292F;
    position: relative;
    box-sizing: border-box;
    padding: 40px 0 0 0;
}

#work-break-modal__header,
#work-break-modal__subheader {
    color: #22292F;
    font-weight: 600;
    font-size: 40px;
    margin: 0 0 10px 0;
    line-height: 1;
    text-transform: initial;
    letter-spacing: -.5px;
}

#work-break-modal__subheader {
    display: none;
    font-size: 28px;
    margin: 0;
}

#work-break-modal__timer,
#work-break-modal__break-elapsed {
    margin: 20px 0 40px;
}

#work-break-modal__timer {
    color: #38C172;
}

#work-break-modal__break-elapsed {
    display: none;
}

#work-break-modal__timer > div,
#work-break-modal__break-elapsed__hours {
    display: none;
}

#work-break-modal__break-elapsed__minutes,
#work-break-modal__break-elapsed__seconds{
    display: inline-flex;
}

#work-break-modal__timer .wrapper,
#work-break-modal__break-elapsed .wrapper {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

#work-break-modal__timer .wrapper div,
#work-break-modal__break-elapsed .wrapper div {
    font-size: 100px;
    line-height: 1;
    display: flex;
    flex-flow: column nowrap;
}

#work-break-modal__timer .separator,
#work-break-modal__break-elapsed .separator {
    font-size: 60px;
    line-height: 100px;
    margin: 0 10px;
}

#work-break-modal__timer .wrapper span,
#work-break-modal__break-elapsed .wrapper span {
    font-size: 28px;
    line-height: 1.1;
}

#work-break-modal__timer-miliseconds {
    font-size: 16px;
    color: #33e68c;
}

#work-break-modal__btn {
    padding: 12px 32px;
    background-color: #E3342F;
    border: 0;
    color: #fff;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
    transform: translateY(-4px);
    border-bottom: 4px solid #621B18;
    outline: transparent;
    transition: all .3s ease;
}

#work-break-modal__btn:focus {
    border-bottom: 0;
    transform: translateY(0);
}

#feelsbadman {
    position: absolute;
    bottom: -10px;
    left: 0;
    transition: opacity .5s ease;
}

#feelsbadman img {
    height: 120px;
    width: auto;
    opacity: 0;
}

#observed-prices-table .dk-select-open-down .dk-select-options {
    position: initial !important;
}

.icon-copy {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../../../images/copy.png") no-repeat center center;
    background-size: 100%;
    vertical-align: middle;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer !important;

}
.autoform, .autoform input {
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.af-loading {
    background-color: #eaeaea;
    opacity: 0.5 !important;
}
.af-success-flash {
    background-color: #8cf646 !important;
}
.af-success:not([type=submit]) {
    background-color: #d2ffb4;
}
.af-fail-flash {
    background-color: #ff8270 !important;
}
.af-fail:not([type=submit]) {
    background-color: #ffd7d1;
}
.af-submitted {
    background-color: #e4e4e4;
}
.af-reload, .af-reload * {
    opacity: .5;
}
.p-0 {
    padding: 0;
}
.p-0i {
    padding: 0 !important;
}
.p-1 {
    padding: 3px;
}
.p-2 {
    padding: 10px;
}
.p-1i {
    padding: 3px !important;
}
.p-1c * {
    padding: 3px !important;
}
.m-0 {
    margin: 0;
}
.m-0i {
    margin: 0 !important;
}
.m-1 {
    margin: 3px;
}
.m-1i {
    margin: 3px !important;
}
.m-1c * {
    margin: 3px !important;
}
abbr {
    cursor: help !important;
}
.activation-component {
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}
.activation-urgent {
    font-weight: bolder;
    color: #9a0000;
}
.loading-form {
    background-color: #eaeaea;
}
.success-response-bg {
    background-color: #c8ff85 !important;
}
.error-response-bg {
    background-color: #f1c79c !important;
}
.activation-touched {
    background-color: #e4e4e4;
}
.bglightgray {
    background-color: #ebebeb !important;
}
.bglightgray:hover {
    background-color: #f3f3f3 !important;
}
.blinking {
    animation: blinkingElement 1.2s infinite !important;
}
@keyframes blinkingElement{
    0%{     opacity: 1;    }
    49%{    opacity: 0.3; }
    50%{    opacity: 0.6; }
    99%{    opacity:0.9;  }
    100%{   opacity: 1;    }
}
.autoform, .autoform input {
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.af-loading {
    background-color: #eaeaea;
    opacity: 0.5 !important;
}
.af-success-flash input {
    background-color: #8cf646 !important;
}
.af-success input:not([type=submit]) {
    background-color: #d2ffb4;
}
.af-fail-flash input {
    background-color: #ff8270 !important;
}
.af-fail input:not([type=submit]) {
    background-color: #ffd7d1;
}
.af-submitted input {
    background-color: #e4e4e4;
}
.af-reload, .af-reload * {
    opacity: .5;
}

.user-type__label {
    display: inline-flex;
    align-items: center;
    background-color: #06abf4;
    color: #fff;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 3px;
    margin-left: 8px;
    height: 21px;
    box-sizing: border-box;
}

.text-center {
    text-align: center;
}

.load-inline {
    color: #fba100 !important;
}

.load-inline:hover {
    color: #fb7007 !important;
    text-decoration: underline;
}

.load-inline-loading {
    color: #fb7007 !important;
}

.load-inline-loading:before {
    content: url(../../../images/Spin-1s-20px.gif);
}

.main-price-list-edit td input[placeholder="min."],
.main-price-list-edit td input[placeholder="obser."]
{
    opacity: .4;
    transition: opacity 0.2s;
}
.main-price-list-edit td:hover input[placeholder="min."],
.main-price-list-edit td:hover input[placeholder="obser."]
{
    opacity: 1;
}

.help-ico {
    cursor: help;
}
.big-link {
    font-weight: bold;
    color: #fba100 !important;
    font-size: 20px;
}
.big-link:hover {
    color: #fb7007 !important;
    text-decoration: underline;
}
.color-black * { color: black !important; }