BODY, table {
    FONT: 12PX/1.1em arial;
    TEXT-ALIGN: left;
}

td, div
{
    /*vertical-align : top;*/
}

div.u_menu_div {
    background-color : White;
    width : 534px;
    height : 44px;
    border-top : 3px solid Black;
    border-right : 3px solid Black;
    display : inline;
}
.today_special {

    background-color:#F0DC7D;
}
.featured {

    background-color:#FFF0F5;
}

.featured2 {

    background-color:#EDBDDD;
}

.featured3 {

    background-color:#90EE90;
}

.featured_subclient {

    background-color:#FFFACD;
}

p {
    FONT-SIZE: 8pt;
    FONT-FAMILY:  Verdana,Tahoma, 'Roboto', sans-serif;
}

.data_show {
    border-collapse:collapse;
    /*border: .5pt solid Gray;*/
}

.data_show2 {
    border-collapse:collapse;
    /*border: .5pt solid Gray;*/
}
.data_show2 td
{
    font-size: 11px;
    font-family:tahoma;
}

.data_show3 {
    border-collapse:collapse;
    border: 2px solid Black;
}

.table_line {
    border-bottom-color : Black;
    border-bottom-style : solid;
    border-bottom-width : 1px;
}
.search {
    padding:0px;
    vertical-align : bottom;
}
.news {
    /*PADDING-RIGHT: 14px; */
    /*PADDING-LEFT: 14px; */
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 8px;
    PADDING-TOP: 8px;
    FONT-FAMILY: 'Roboto', sans-serif, sans-serif
}
.news_no_pad {
    FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: 'Roboto', sans-serif, sans-serif
}
.news2 {
    PADDING-RIGHT: 14px;
    PADDING-LEFT: 14px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 8px;
    COLOR: #333333;
    PADDING-TOP: 8px;
    FONT-FAMILY: 'Roboto', sans-serif, sans-serif;
    font-weight : bold;
}
.news3 {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 8pt; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; FONT-FAMILY: 'Roboto', sans-serif, sans-serif
}
.news4 {
    PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 8pt; PADDING-BOTTOM: 1px; COLOR: #333333; PADDING-TOP: 1px; FONT-FAMILY: 'Roboto', sans-serif, sans-serif
}
.news5 {
    PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 7pt; PADDING-BOTTOM: 1px; COLOR: #333333; PADDING-TOP: 1px; FONT-FAMILY: 'Roboto', sans-serif, sans-serif;font-weight : bold;
}

.news6 {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 11pt; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; FONT-FAMILY: 'Roboto', sans-serif, sans-serif
}
.news7 {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-FAMILY: 'Roboto', sans-serif, sans-serif
}

.log_in {
    BORDER-RIGHT: #a5acb2 1px solid;
    BORDER-TOP: #a5acb2 1px solid;
    MARGIN-TOP: 3px;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 6px;
    BORDER-LEFT: #a5acb2 1px solid;
    WIDTH: 80%;
    COLOR: #666666;
    BORDER-BOTTOM: #a5acb2 1px solid;
    FONT-FAMILY: 'Roboto', sans-serif, sans-serif
}
.log_in2 {
    BORDER-RIGHT: #a5acb2 1px solid;
    BORDER-TOP: #a5acb2 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #a5acb2 1px solid;
    WIDTH: 80%;
    COLOR: #666666;
    BORDER-BOTTOM: #a5acb2 1px solid;
    FONT-FAMILY: 'Roboto', sans-serif, sans-serif
}
.log_in3 {
    BORDER-RIGHT: #a5acb2 1px solid;
    BORDER-TOP: #a5acb2 1px solid;
    MARGIN-TOP: 3px;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 6px;
    BORDER-LEFT: #a5acb2 1px solid;
    COLOR: #666666;
    BORDER-BOTTOM: #a5acb2 1px solid;
    FONT-FAMILY: 'Roboto', sans-serif, sans-serif
}
.log_in4 {
    BORDER-RIGHT: #a5acb2 1px solid;
    BORDER-TOP: #a5acb2 1px solid;
    MARGIN-TOP: 3px;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 6px;
    BORDER-LEFT: #a5acb2 1px solid;
    COLOR: #666666;
    BORDER-BOTTOM: #a5acb2 1px solid;
    FONT-FAMILY: 'Roboto', sans-serif, sans-serif;
    WIDTH: 250px;
}
.log_in5 {
    BORDER-RIGHT: #a5acb2 1px solid;
    BORDER-TOP: #a5acb2 1px solid;
    MARGIN-TOP: 3px;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 6px;
    BORDER-LEFT: #a5acb2 1px solid;
    COLOR: #666666;
    BORDER-BOTTOM: #a5acb2 1px solid;
    FONT-FAMILY: 'Roboto', sans-serif, sans-serif;
    WIDTH: 50px;
}
.log_in6 {
    BORDER-RIGHT: #a5acb2 1px solid;
    BORDER-TOP: #a5acb2 1px solid;
    MARGIN-TOP: 3px;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 6px;
    BORDER-LEFT: #a5acb2 1px solid;
    COLOR: #666666;
    BORDER-BOTTOM: #a5acb2 1px solid;
    FONT-FAMILY: 'Roboto', sans-serif, sans-serif;
    WIDTH: 120px;
}
.RHS_border2 {
    BORDER-TOP: white 1px solid;
    BORDER-BOTTOM: #4D85A3 1px solid;
    BORDER-RIGHT: white 1px solid;
}
.det {
    margin : 5px;

}
.user_menu{
    background-color : #FFF;
    valign : bottom;
}
a.user_menu {
    color : #F16400;
    font-weight : bold;
    text-decoration : none;
    padding-bottom : 3px;

}
a.user_menu:hover {
    color : #0096A6;
    font-weight : bold;
}
.left_table {
    background-color: #E4E9EE;
    color : #3847D6;
    font-weight : bold;
    padding:3;
}

HR.bott {
    color: #4F66A6;
    width : 100%;
    height : 1px;
}
.heloUser {
    background : #6AAEE0;
    color:000;
    font-weight : bold;
    margin-top : 0px;
    padding-bottom : 5px;
    padding-top : 5px;
    padding-left : 5px;
}
.heloUser_top {
    background : #6699CC;
    color:000;
    font-weight : bold;
    margin-top : 0px;
    padding-bottom : 5px;
    padding-top : 5px;
    padding-left : 5px;
}
.box_right{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 3px;
    MARGIN: 0px;
    COLOR: #6b8091;
    PADDING-TOP: 0px;

}
.box_right a {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 6px;
    MARGIN: 0px;
    COLOR: #6b8091;
    PADDING-TOP: 0px;
    font-size : inherit;
    font-weight : bolder;
    font-stretch : expanded;
    font-family : Arial;
    font-size : 12;
}
.box_right a:hover {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 6px;
    MARGIN: 0px;
    COLOR: #B0BFD9;
    PADDING-TOP: 0px;
    font-size : inherit;
    font-weight : bolder;
    font-stretch : expanded;
    font-family : Arial;
    font-size : 12;
}
.copyr{

    BORDER-TOP: #d4dbe1 1px solid; MARGIN-BOTTOM: 0px; COLOR: #6e8193; PADDING-TOP: 5px
}

SELECT {
    FONT-SIZE: 0.9em
}
TEXTAREA {
    FONT-SIZE: 2em
}


th
{
    FONT: 12PX/1.1em arial;
    TEXT-ALIGN: center;
    vertical-align : middle;
    font-weight:bold;
}

a:hover
{
    /*FONT-FAMILY: Arial,Helvetica,sans-serif;*/
    TEXT-DECORATION: underline;

}
a  {
    /*FONT-FAMILY: Arial,Helvetica,sans-serif;*/
    COLOR: #17408F;
}

a.menu_top
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: Steelblue;
    /*FONT-FAMILY: Arial, Helvetica, san-serif;*/
    TEXT-DECORATION: none;
}
a.menu_top:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    /*FONT-FAMILY: Arial, Helvetica, san-serif;*/
    COLOR: #ea0409;
    TEXT-DECORATION: underline;
}
a.menu_top:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    /*FONT-FAMILY: Arial, Helvetica, san-serif;*/
    COLOR: #ea0409;
    TEXT-DECORATION: underline;
}
.header_txt {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #333333;
    BORDER-BOTTOM: #e1e4e8 1px solid;
    /*FONT-FAMILY: 'Roboto', sans-serif, sans-serif; */
    BACKGROUND-COLOR: #ebebeb;
}
.header_txt2 {
    PADDING-LEFT: 15px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #333333;
    BORDER-BOTTOM: #e1e4e8 1px solid;
    /*FONT-FAMILY: 'Roboto', sans-serif, sans-serif; */
    BACKGROUND-COLOR: #ebebeb;
}
.header_txt3 {
    FONT-SIZE: 8pt;
    COLOR: #333333;
    BORDER-BOTTOM: #e1e4e8 1px solid;
    /*FONT-FAMILY: 'Roboto', sans-serif, sans-serif; */
    BACKGROUND-COLOR: #ebebeb;
}
.button {
    FONT-SIZE: 10px;
    /*FONT-FAMILY: Verdana;*/
    vertical-align : middle;
}
.top_my  {
    height : 70px;
    line-height : 20px;
    padding: 3px;
    background-color : #A8BDD2;

}
.left {

    FONT: 83%/1.1em 'Roboto';
    padding : 0px;
    margin-top : 1px;
    background-color : #F3F3F3;
    width:25%;
    border-right : solid #FFF 1px;
}
.main_place {
    background-color : #FFF;

}
.show_items {

    padding:5px;
}
.right {
    width:20%;

}
.center {
    BORDER-RIGHT: #E4E9EE 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #E4E9EE 1px solid;
    PADDING-LEFT: 5px;
    MARGIN-BOTTOM: 10px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #E4E9EE 1px solid;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #E4E9EE 1px solid;
    BACKGROUND-COLOR: #fff;
    margin-top : 1px;
    margin-left : 1px;
    margin-right : 1px;
    width:98%;
}

div.logout {
    position:absolute;
    left:327px;
    top:216px;
    height : 41px;
    background-color : #FD8000;
}
div.lang {
    position:absolute;
    left:600px;
    top:37px;
}

div.templ {
    position:absolute;
    left:450px;
    top:37px;
}



.top_text {
    vertical-align : middle;
    padding: 3px;
}
.top_text_div {
    background-color : #E4E9EE;
    color : #003365;
    vertical-align : middle;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-top : 5px;
    margin-top : 1px;
    font-weight : bold;
}
SMALL {
    FONT-SIZE: 0.79em; LINE-HEIGHT: 1.4em; FONT-FAMILY: Verdana
}
H1 {
    MARGIN: 2px
}
H2 {
    MARGIN: 2px
}
H4 {
    MARGIN: 2px
}
H5 {
    MARGIN: 0px
}
H6 {
    MARGIN: 0px
}

H2 {
    FONT-SIZE: 1.48em
}

H3 {
    FONT-SIZE: 1.17em
}

H4 {
    FONT-SIZE: 0.9em
}

INPUT {
    FONT-SIZE: 0.9em
}
SELECT {
    FONT-SIZE: 0.9em
}
TEXTAREA {
    FONT-SIZE: 1.1em
}
H5 {
    FONT-SIZE: 0.79em; FONT-FAMILY: Verdana
}


IMG {
    BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
FORM {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
EM {
    FONT-WEIGHT: bold; FONT-STYLE: normal
}
CITE {
    FONT-WEIGHT: normal; FONT-STYLE: normal
}
.RHS_border {
    BORDER-TOP: white 1px solid;
    BORDER-BOTTOM: #6e8192 1px solid;
}
#yatmy {
    PADDING-BOTTOM: 10px;
    BACKGROUND-COLOR: #6699CC;
    margin-right : 1px;
}
#yatmy H5 {
    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 5px
}
#yatmy H5.inset {
    PADDING-RIGHT: 0px; PADDING-LEFT: 6px; PADDING-BOTTOM: 3px; MARGIN: 0px 0px 5px; COLOR: #6b8091; PADDING-TOP: 0px; BACKGROUND-COLOR: #eef3f7
}
#yatmy H5.recent {
    PADDING-RIGHT: 0px; PADDING-LEFT: 6px; PADDING-BOTTOM: 3px; MARGIN: 0px; COLOR: #6b8091; PADDING-TOP: 0px
}
#yatmy H5.insetfoot {
    PADDING-RIGHT: 0px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 0px; COLOR: #6b8091; PADDING-TOP: 0px; BACKGROUND-COLOR: #eef3f7
}
#yatmy .pane {
    BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; MARGIN: 5px 5px 0px; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: white
}
#yatmy #recent {
    PADDING-RIGHT: 5px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#yatmy #recent A {
    DISPLAY: block; PADDING-BOTTOM: 5px
}
#yatmy TABLE {
    FONT-SIZE: 2.8 em;
    MARGIN: 0px;
    FONT-FAMILY: verdana;

}
#yatmy TABLE .icon {

}
#yatmy TABLE .qty {
    FONT-WEIGHT: bold
}
#yatmy TABLE .link {

}
#yatmy TABLE .firstrow TD {
    BORDER-TOP: #cfd6de 1px solid
}
#yatmy TABLE .lastrow TD {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#yatmy .pane TD {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #cfd6de 1px solid
}

#yatmx {
    PADDING-BOTTOM: 10px;
    BACKGROUND-COLOR: #d4dbe1;
}
#yatmx H5 {
    PADDING-RIGHT: 0px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 5px
}
#yatmx H5.inset {
    PADDING-RIGHT: 0px; PADDING-LEFT: 6px; PADDING-BOTTOM: 3px; MARGIN: 0px 0px 5px; COLOR: #6b8091; PADDING-TOP: 0px; BACKGROUND-COLOR: #eef3f7
}
#yatmx H5.recent {
    PADDING-RIGHT: 0px; PADDING-LEFT: 6px; PADDING-BOTTOM: 3px; MARGIN: 0px; COLOR: #6b8091; PADDING-TOP: 0px
}
#yatmx H5.insetfoot {
    PADDING-RIGHT: 0px; PADDING-LEFT: 6px; PADDING-BOTTOM: 3px; MARGIN: 0px; COLOR: #6b8091; PADDING-TOP: 0px; BACKGROUND-COLOR: #eef3f7
}
#yatmx .pane {
    BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; MARGIN: 5px 5px 0px; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: white
}
#yatmx #recent {
    PADDING-RIGHT: 5px; PADDING-LEFT: 6px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 0px
}
#yatmx #recent A {
    DISPLAY: block; PADDING-BOTTOM: 5px
}
#yatmx TABLE {
    FONT-SIZE: 2.8 em; MARGIN: 5px; FONT-FAMILY: verdana
}
#yatmx TABLE .icon {

}
#yatmx TABLE .qty {
    FONT-WEIGHT: bold
}
#yatmx TABLE .link {

}
#yatmx TABLE .firstrow TD {
    BORDER-TOP: #cfd6de 1px solid
}
#yatmx TABLE .lastrow TD {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#yatmx .pane TD {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #cfd6de 1px solid
}

.photo {
    padding: 5px 5px 5px 5px;
    font: normal 0.79em verdana;
    width: 80px;
}
.photo .body {

}
.photo .box {
    text-align: center;
    background-color: #ffffff;
    border-top: 1px solid #d5dae0;
    border-right: 2px solid #999999;
    border-left: 1px solid #d5dae0;
    border-bottom: 2px solid #999999;
    margin-bottom: 0px;
    width: 64px;
    height: 65px;
}

.photo img {
    padding: 5px 0px 5px;
}
.photo a {
    color: #4c5e6c;
}

.floatmenu {
    BORDER-RIGHT: #82b0d2 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #82b0d2 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #82b0d2 1px solid; LINE-HEIGHT: 18px; PADDING-TOP: 5px; BORDER-BOTTOM: #82b0d2 1px solid; BACKGROUND-COLOR: #f3f3f3
}
A.leftmenu:hover {
    COLOR: #556877; TEXT-DECORATION: underline
}
.goods_top
{
    background-color: #94B9DC;
}
.calendar_top {
    background : #003C77;
    color : White;
}
.calendar_month {
    background : #F16400;
    color : White;
}
.calendar_no_date {
    background : #CCCCCC;
}

/* edited by VV: 07-01-2006 */
/*Pop-up menu*/
.popupmenuact {padding:2px; padding-left:5px; padding-right:10px; background-color:#C8DCEE; border-color: #FFFFFF; border-bottom: 1px solid #FFFFFF }
.popupmenu {padding:2px; padding-left:5px; background-color:#E6EFF7; padding-right:10px; border-color: #FFFFFF;  border-bottom: 1px solid #FFFFFF }
.popupmenutext, .popupmenuclosed { font-family: 'Roboto', sans-serif; font-size: 11px;}
.popupmenutext {color: #356FA2;}
.popupmenuclosed {color: #808080;}

/*Left menu*/

.leftmenu { font-family:'Roboto', sans-serif; font-size:9pt; font-weight:normal; color: #3C774B; text-decoration:none;}
.leftmenuact { font-family: 'Roboto', sans-serif; font-size:9pt; font-weight:normal; color: #E77401; text-decoration:none;}
.leftmenusep { font-family: 'Roboto', sans-serif; font-size:9pt; font-weight:normal; color: #2B5737; text-decoration:none;}
.leftmenusepbg {background-color:#BCECB0}
.leftmenusepdelim {background-color:#85C476}
.leftmenubg {background-color:#F3F3F3}

/*Top menu*/
.topmenu, .topmenuact {font-family:Verdana, 'Roboto', sans-serif; font-size:11px; font-weight:normal; color: #FFFFFF; text-decoration:none;}
.topmenuact {color: #FED738;}

/*Site menu*/
.lang, .langact {font-family:'Roboto', sans-serif; font-size:11px; font-weight:normal; color: #FFFFFF; text-decoration:underline;}
.langact {text-decoration:none;}

/*Style for basket panel text*/
.smalltextwhite,
.smalltextblack, .baskettext {font-family: 'Roboto', sans-serif; font-size:11px; font-weight:normal;}/*Small text*/
.smalltextwhite{color: #FFFFFF;}/*Small text white*/
.smalltextblack{color: #000000;}/*Small text black*/
.smalltext {font-family: 'Roboto', sans-serif; font-size:11px; font-weight:normal;}/*Small text*/
.baskettext {color: #FFFFFF;}

.smalltxtw {font-family: Verdana, 'Roboto', sans-serif; font-size: 10px; line-height: 12px; color: #454A4E; text-decoration: none}
a.smalltxtw:hover {text-decoration: underline;}
.smalltxtws {font-family: Verdana, 'Roboto', sans-serif; font-size: 10px; line-height: 12px; color: #A80000; text-decoration: none}
a.smalltxtws:hover {text-decoration: underline;}

.titlesect {font-family: 'Roboto', sans-serif; color:#006633; font-size:11px; font-weight:bold;}

.chain {font-family: Verdana, 'Roboto', sans-serif; font-size:10px; font-weight:normal; color: #619DCD;}

.newstext, .newsdata, .newsdatab {font-family: 'Roboto', sans-serif; font-size:12px; font-weight:normal; color: #7C7E7F; text-decoration:none;}
.newsdata {color: #FF4C1E;}
.newsdatab {font-weight: bold; color: #FF4C1E;}

.titlebig {font-family: Verdana, 'Roboto', sans-serif; color:#FFFFFF; font-size:18px; font-weight:bold; line-height: 24px;}
.titletext {font-family: 'Roboto', sans-serif; color:#4757C4; font-size:15px; font-weight:bold; line-height: 18px;}/*Page title*/
.subtitletext {font-family: 'Roboto', sans-serif; color:#006633; font-size:13px; font-weight:bold;}/*Subtitle*/

.testtext {font-family: 'Roboto', sans-serif; font-size:12px; font-weight:normal; color: #006633; line-height: 12px;}
.pbr {margin: 5px;}

.errortext, .oktext, .notetext {font-family:Arial; font-size:13px; font-weight:bold;}
.errortext {color:red;}
.oktext {color:#005000;}
.notetext {color:green;}

.copy {font-family: Verdana, 'Roboto', sans-serif; font-size: 11px; font-weight: normal; color: #006633;}

.tableheads {background-color:#FFFFE2;}
.tableborders {background-color:#006633;}


.incborder{border: 1px solid #C1E6FF}
.incimage{background-image: url(/bitrix/templates/demo/images/include_corner.gif); background-position:bottom; background-repeat:no-repeat; background-color:#C6DFF5;}
.incbg{background-color:#C6DFF5}
.sectincborder{border: 1px solid #C1E6FF}
.sectincimage{background-image: url(/bitrix/templates/demo/images/include_sect_corner.gif); background-position:bottom; background-repeat:no-repeat; background-color:#9BD0FC;}
.sectincbg{background-color:#9BD0FC}

.mainincbg{height: 18px;}
.mainincline{background-color:#CDDCE9}
.maininctitle{font-family: Verdana, 'Roboto', sans-serif; font-size:12px; font-weight: bold; color: #4791D3; text-decoration:none;}

hr {
    color: #000000;
    background-color: #000000;
    height: 3px;
}

.inputbuttonflat, .inputbuttonS {font-family:Verdana,Arial,Helvetica; font-size:11px;}

.inputfield{height:18px; font-family:Verdana,Arial,Helvetica; font-size:11px; color: #004221; border: solid 1px #006633;}
.inputtextarea{font-family:Verdana,Arial,Helvetica; font-size:11px; color: #004221; border: solid 1px #006633;}

.inputbuttonflat {height:18px; font-family:Verdana,Arial,Helvetica; font-size:11px; color:#004221; background-color:#ADD6A3; border: solid 1px #006633;}
.inputbuttonS {font-weight:bold;}

/* Headers */

H1, .H1, H2, .H2, H3, H3 a, H3 a:hover, H3 a:active .H3, H4, .H4  {font-family: Verdana, 'Roboto', sans-serif; color:#3A84C4; font-size:13px; font-weight:bold; line-height: 16px; margin-bottom: 1px;}
H2, .H2 {color:#006633; font-size:13px; line-height: 18px;}
H3, .H3 {font-size:12px; color: #1C1C1C;}
H4, .H4 {font-size:12px; color: #1C1C1C;}
H1 {color: #333333;}

/* Table colors */
.tablenullbody {background-color:#FFFFFF;}

.tableborder {background-color:#85C476;}
.tablehead {background-color:#CFE7C9;}
.tablebody {background-color:#F2FFEE;}

.tablebodytext {font-family: 'Roboto', sans-serif; font-size:12px; color:#000000;}
.tablefieldtext {font-family: 'Roboto', sans-serif; font-size:12px; color:#000000;}
.tableheadtext {font-family: 'Roboto', sans-serif; font-size:12px; color:#006633;}
.tabletitletext {font-family: 'Roboto', sans-serif; font-size:12px; color:#006633;}



/* Table text */

.tablebodytext {font-family: 'Roboto', sans-serif; font-size:12px; color:#000000;}
.tablefieldtext {font-family: 'Roboto', sans-serif; font-size:12px; color:#000000;}
.tableheadtext {font-family: 'Roboto', sans-serif; font-size:12px; color:#006633;}

.tabletitletext,.tablebodylink {font-family: 'Roboto', sans-serif; font-size:12px;}

.tablebodylink {text-decoration: none}
a.tablebodylink:hover {text-decoration: underline}

/* Regular text */
.text, p, ul {
    font-family:'Roboto', sans-serif; font-size:12px;
}

/* Some colors to highlight text */
.errorcolor {color:red;}
.successcolor {color:green;}

/* Onscreen messages */
.errormessage{font-family: 'Roboto', sans-serif; font-size:13px; color:red; font-weight:bold;}

/* Form elements */
.inputtext, .inputtextarea, .inputselect, .inputcheckbox,
.inputradio, .inputfile, .inputbutton, .inputbodybutton {font-family:Verdana,Arial,Helvetica; font-size:11px;}

/* Required sign */
.starrequired, .required{font-family: Verdana, 'Roboto', sans-serif; color:red; font-size:12px; }

.newsbody {
    font-family: Verdana;
    font-size: 11px;
    color: #4F4F4F;
    text-decoration: none;
    TEXT-ALIGN: justify;
    border: none;
    PADDING: 5px 5px 5px 5px;
}
.frame {
    border: 1px solid #999999;
}
.text3 {
    font-family: tahoma;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}
/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 2px #006699 solid; }
.gen { font-size : 12px; }
/* need */
.scrollline {
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 12px;
    font-weight: normal;
    color: #298a02
}

.scrollline_red {
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 15px;
    font-weight: normal;
    color: Red;
}

.bigtitleblack{
    color: #000000;
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 16px;
    font-weight: bold;
}

.titleblack{
    color: #000000;
    font-family:  'Roboto', sans-serif; font-size: 12px;
    font-weight: bold;
}
.titleblack2b {
    font-family:  Arial, Helvetica;
    font-size: 17px;
    font-weight: bolder;
    color: #000000;
}
.titleblack2 {
    font-family:  Arial, Helvetica;
    font-size: 17px;
    color: #000000;
}

.titlegreen2{
    color: #078223;
    font-family: 'Roboto', sans-serif; font-size: 16;
    font-weight: bold;
}


.text{
    color: Black;
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 12px;
}

.text2{
    color: Black;
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 80%;
}
.text_bg {
    /* font-family: 'Roboto', sans-serif; font-size: 13px;*/
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 14px;
    color: #888888;

    /* font-weight: bold; */
}


a.buttonlink:link,a.buttonlink:visited,buttonlink:hover,a.buttonlink:active {
    /* font-family: 'Roboto', sans-serif; font-size: 13px;*/
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 14;
    color: #666633;
    text-decoration: underline;
    font-weight: bold;
    border-color: #A0522D #A0522D #A0522D #A0522D;
    border: 1px solid;
    border-collapse: collapse;
}


.bodyssl {
    SCROLLBAR-FACE-COLOR: #D7D7D7;
    SCROLLBAR-HIGHLIGHT-COLOR: #D7D7D7;
    SCROLLBAR-SHADOW-COLOR: #605D5D;
    SCROLLBAR-ARROW-COLOR: #605D5D;
    SCROLLBAR-TRACK-COLOR: #D7D7D7;
    SCROLLBAR-DARKSHADOW-COLOR: #D7D7D7;
    SCROLLBAR-BASE-COLOR: #696969;
    scrollbar-3d-light-color: #990099;
    background: transparent url(img/tranzila_logo.gif) no-repeat fixed right top ;
    margin: 5px 5px 5px 5px;
}

.bodyssl2 {
    SCROLLBAR-FACE-COLOR: #D7D7D7;
    SCROLLBAR-HIGHLIGHT-COLOR: #D7D7D7;
    SCROLLBAR-SHADOW-COLOR: #605D5D;
    SCROLLBAR-ARROW-COLOR: #605D5D;
    SCROLLBAR-TRACK-COLOR: #D7D7D7;
    SCROLLBAR-DARKSHADOW-COLOR: #D7D7D7;
    SCROLLBAR-BASE-COLOR: #696969;
    scrollbar-3d-light-color: #990099;
    background: transparent url(img/tranzila_logo.gif) no-repeat fixed left bottom;
    margin: 5px 5px 5px 5px;
}

.button{
    font-family: 'Roboto', sans-serif; font-size: 11px;
    font-weight: bolder;
}

.button_old{
    font-family: 'Roboto', sans-serif; font-size: 11px;
    height: 23px;
    background: repeat;
    background-repeat: repeat-x;
    background-image: url(pic/bo_m.jpg);
    background-position: 8px;
    font-weight: bolder;
}

.error {
    font: bolder ;font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 13px;
    color:red;
}

.error_blink {
    font: bolder ;font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 13px;
    color:#000000;
}

.error2 {color: Red; font-size: 12px; font: Guttman Haim; font-family:  'Roboto', sans-serif;}

.verticaltext{
    font: 12px Arial;
    position: absolute;
    top: 25px;
    right: 1px;
    height: 200px;
    writing-mode: tb-rl;
}

.smalltext{
    color: Black;
    font-family: 'Roboto', sans-serif; font-size: 11px;
}

.smallredtext{
    color: Red;
    font-family: 'Roboto', sans-serif; font-size: 11px;
}

.textgreen_sm{
    color: Green;
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 11px;
}

.textgreen_under{
    color: Green;
    font-family: 'Roboto', sans-serif; font-size: 13px;
    text-shadow: #CACACA;
}

.titleblue{
    color: #3E33B3;
    font-family: 'Roboto', sans-serif; font-size: 16;
    font-weight: bold;
}

.titlegreen{
    color: #078223;
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 14px;
    font-weight: bold;
}


.titlered{
    color: #F72117;
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 200%;
    font-weight: bold;
    FILTER: Glow(Color=White, Strength=3);
    width:175px;
}

.textr{
    color: Red;
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 12px;
}

.textr_small{
    color: Red;
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 11px;
    font-style: italic;
}

.input{
    background-color: White;
    color: Black;
}

.input2{
    background-color: #F8F8F8;
    table-layout: fixed;
    border: 1px solid;
    border-left-color: #7f9db9;
    border-top-color: #7f9db9;
    border-right-color: #7f9db9;
    border-bottom-color: #7f9db9;

    color: Black;

}

.title {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: bolder;
    color: #FF0000;
}

.title_sm {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #FF0000;
}

.textblue {
    font-family: 'Roboto', sans-serif; font-size: 12px;
    color: blue;
}

.title1 {
    color: Green;
    font-family: 'Roboto', sans-serif; font-size: 13px;
}

.title2 {
    font-family: 'Roboto', sans-serif; font-size: 12px;
    font-weight: bolder;
    color: #8B7738;
}

.titlewhite {
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 12px;
    /* font-family: 'Roboto', sans-serif; font-size: 12px;
    font-weight: bolder;*/
    color: White;
}

a.menulink:link,a.menulink:visited {
    /* font-family: 'Roboto', sans-serif; font-size: 13px;*/
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 11px;
    color: #3E33B3;
    text-decoration: none;
    font-weight: bold;
}
a.menulink:hover,a.menulink:active {
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 11px;
    color: #CB0000;
    text-decoration: underline;
    font-weight: bold;
}


a.menulink_blink:link,a.menulink_blink:visited {
    /* font-family: 'Roboto', sans-serif; font-size: 13px;*/
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 11px;
    color: Red;
    text-decoration: none;
    font-weight: bold;
}
a.menulink_blink:hover,a.menulink_blink:active {
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 11px;
    color: Red;
    text-decoration: underline;
    font-weight: bold;
}




a.menulink2:link,a.menulink2:visited {
    /* font-family: 'Roboto', sans-serif; font-size: 13px;*/
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 80%;
    color: #3E33B3;
    text-decoration: none;
    font-weight: bold;
}
a.menulink2:hover,a.menulink2:active {
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 80%;
    color: #CB0000;
    text-decoration: underline;
    font-weight: bold;
}

a.link:link,a.link:visited {
    /* font-family: 'Roboto', sans-serif; font-size: 13px;*/
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 14px;
    color: #3E33B3;
    text-decoration: underline;
    /* font-weight: bold; */
}
a.link:hover,a.link:active {
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 14px;
    color: #CB0000;
    text-decoration: underline;
    /* font-weight: bold; */
}

a.link2:link,a.link2:visited {
    /* font-family: 'Roboto', sans-serif; font-size: 13px;*/
    font: bolder ;font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 12px;
    color: #3E33B3;
    text-decoration: none;
    /* font-weight: bold; */
}

a.link2:hover,a.link2:active {
    font: bolder ;font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 12px;
    color:#CC0000;
    text-decoration: underline;
    /* font-weight: bold; */
}

a.link_b:link,a.link_b:visited,a.link_b:hover,a.link_b:active {
    /* font-family: 'Roboto', sans-serif; font-size: 13px;*/
    font: bolder ;font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 12px;
    color: #F60000;
    text-decoration: none;
    /* font-weight: bold; */
}


a.mylink:link,a.mylink:visited {
    font-family: 'Roboto', sans-serif; font-size: 11px;
    color: Black;
    text-decoration: none;
}
a.mylink:hover,a.mylink:active {
    font-family: 'Roboto', sans-serif; font-size: 11px;
    color: Green;
    text-decoration: none;
}

a.smalllink:link,a.mylink:visited {
    font-family: 'Roboto', sans-serif; font-size: 9px;
    color: Black;
    text-decoration: none;
}
a.smalllink:hover,a.mylink:active {
    font-family: 'Roboto', sans-serif; font-size: 9px;
    color: Green;
    text-decoration: none;
}

.td_title{
    background-color: #008000;
    height: 10px;
    font-family: Verdana, 'Roboto', sans-serif;
    color: #FFFFFF;
    font-size: 13px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-right-style: dotted;
    border-right-width: 1px;
}


.td{
    background: Menu;
    height: 8px;
    border-bottom-style: double;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-right-style: dotted;
    border-right-width: 0px;
    color: Green;
    font-family: Verdana, Geneva, 'Roboto', sans-serif; font-size: 12px;
}

.td2{
    background: Menu;
    height: 10px;
    border-right-color: #CCCCCC;
    border-right-style: inherit;
    border-right-width: 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    border-left-style: dotted;
    border-left-width: 1px;
    background-color: #E8E8E8;
}

.td_burned{
    background: Menu;
    height: 12px;
    border-right-color: #CCCCCC;
    border-right-style: inherit;
    border-right-width: 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    border-left-style: dotted;
    border-left-width: 1px;
    background-color: #F7B9C6;
}

.pic{
    border: 1px inset Gray;
}

.bot{
    background: Silver;
    border: 1 outset Silver;
    font-family: 'Roboto', sans-serif; font-size: 13px;
    color: White;
    cursor: hand;
}

#tooltip{
    background:#FFFFFF;
    border:1px solid #666666;
    color:#333333;
    font:menu;
    margin:0px;
    padding:3px 5px;
    position:absolute;
    visibility:hidden
}
acronym {
    border-bottom:1px dotted #333333;
    cursor:help;
}

input.button {border:1px solid #bfbfbf; background:url(/images/DefTemplate/button_bg.gif) repeat-x; font-size:12px; padding:2px 15px; color:#4b4b4b;}

acronym {
    border-bottom:1px dotted #333333;
    cursor:help;
}

.data_show2 td .header_txt {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: 'Roboto', sans-serif, sans-serif;
    BACKGROUND-COLOR: #ebebeb;
    text-align:center;
}

H1 {
    font-size:large;
    font-family:'trebuchet ms',verdana,arial;
    margin:0;
    padding:10px;
}

.style_big{font-weight: normal; font-size: large;}

/* orders styles */
.blocks { width:80%; background:#f5f5f5; padding:15px; border-radius:4px;
    border-bottom:3px solid #ededed;
    border-left:1px solid #efefef;
    border-right:1px solid #efefef;

}

.multilevel { margin-bottom:20px;}

.op_history4 td { padding:3px; vertical-align:middle; font-size:12px; }
.op_history4 td .style{color:Gray; font-size:x-small;}
.op_history4 td .style2{font-weight: normal; font-size: large;}
.op_history4 { border:1px solid #9d9d9d;}
.op_history4 .header { background:#EAEAEA; color:#000000; font-size:12px; font-weight:normal; vertical-align: middle; border:0;}
.op_history4 .header2 { background:#EAEAEA; color:#000000; font-size:11px; font-weight:normal; vertical-align: top; border:0;}
.op_history4 .header3 { color:#000000; font-size:11px; font-weight:normal; vertical-align: middle;  border-bottom:1px solid #9d9d9d;}
.op_history4 .header3_2 { color:#000000; font-size:11px; font-weight:normal; vertical-align: middle; border:0;}
.op_history4 .header a { color:#fff;}

.op_orders td { padding:3px; vertical-align:middle; font-size:11px; border-right:1px solid #9d9d9d; vertical-align:top;border-bottom:1px solid #9d9d9d;}
.op_orders { border-left:1px solid #9d9d9d; border-bottom:1px solid #9d9d9d;}
.op_orders .header { background:#9d9d9d; color:#fff; text-align:left; font-size:10px; font-weight:normal; vertical-align: top; border:0;}
.op_orders .header a { color:#fff;}

.h1 { width:12%; text-align:center;}
.h2 { width:12%; text-align:center;}
.h3 { width:12%; text-align:center;}
.h4 { width:15%; text-align:right;}
.h5 { width:15%; text-align:center;}
.h6 {}
.h7 { width:15%; text-align:left;}
.h8 { width:7%; text-align:right; vertical-align:top;}
.h9 { width:3%; text-align:center;}
.h10 { width:20%; text-align:left;}
.h11 { width:10%; text-align:center;}
.h12 { width:8%; text-align:left;}

.status1 {background-color:#BFEFFF;}
.status2 {background-color:#00FFFF;}
.status3 {background-color:#38B0DE; color:white;}
.status4 {background-color:#FFEC8B;}
.status5 {background-color:#CCFFCC;}
.status6 {background-color:#009966; color:white;}
.status7 {background-color:#FFFFFF;}
.status8 {background-color:#FFC1C1;}
.status11 {background-color:#009966; color:white;}

.status1_font {color:#00BFFF;}
.status2_font {color:#00FFFF;}
.status3_font {color:#0000CD;}
.status4_font {color:#FFD700;}
.status5_font {color:#6B8E23;}
.status6_font {color:#009966;}
.status7_font {}
.status8_font {color:#FF4500;}
.status9_font {}


.featured {background-color:#EDBDDD;}

.style2{font-weight: normal; font-size: 18px;}

.red { color:#d01515;}
.green { color:#336c26;}
.grey_text { color:#808080;}

.blocks .spare_search { font-size:12px; line-height:22px;}
.blocks .spare_search td { vertical-align:bottom; padding:0 10px 10px 0; width:33%;}


.yellow_bg {background-color:#FFEC8B;}
.red_bg {background-color:#EDBDDD;}
.green_bg {background-color:#009966; color:white;}
.green_bg a {color:white;}

.tDnD_whileDrag {
    background-color: #eee;
}

.tooltip {
    position: relative;
    z-index: 111;
    cursor: pointer;
}

.tooltip span {
    border-bottom: 1px dashed #000080;
}
.tooltip .tooltip_win {
    display: none;
    position: relative;
    position: absolute;
    z-index: 1112;
    width: 300px;
    padding: 9px 13px;
    background: white;
    border: solid 1px #BABABA;
    border-radius: 4px;
    box-shadow: 0px 0px 7px #BABABA;
    text-align: left;
}
.tooltip:hover .tooltip_win {
    display: block;
}
.tooltip .tooltip_bot {
    bottom: 0px;
    left: 75px;
}
.tooltip .tooltip_bot .tooltip_arrow {
    position: absolute;
    z-index: 113;
    top: 61px;
    left: -24px;
    width: 24px;
    height: 13px;
    background: url(/images/FrozaTemplate/tooltip_bot.png) no-repeat 0 0;
}
.tooltip .tooltip_top {
    top: 0px;
    left: 75px;
}
.tooltip .tooltip_top .tooltip_arrow {
    position: absolute;
    z-index: 113;
    top: 9px;
    left: -23px;
    width: 23px;
    height: 15px;
    background: url(/images/FrozaTemplate/tooltip_top.png) no-repeat 0 0;
}

#user_phone, #user_phone2, #user_phone3, #user_phone4, #user_phone5, #user_phone7, #user_phone6 {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 1px 1px 1px 1px;
}
#user_phone:focus, #user_phone2:focus, #user_phone3:focus, #user_phone4:focus, #user_phone5:focus, #user_phone7:focus, #user_phone6:focus {
    outline: none;
    border-color: #363636;
}
input#user_phone:-moz-placeholder, input#user_phone2:-moz-placeholder, input#user_phone3:-moz-placeholder, input#user_phone4:-moz-placeholder, input#user_phone5:-moz-placeholder, input#user_phone7:-moz-placeholder, input#user_phone6:-moz-placeholder {
    color: #363636;
}
input#user_phone::-webkit-input-placeholder, input#user_phone2::-webkit-input-placeholder, input#user_phone3::-webkit-input-placeholder, input#user_phone4::-webkit-input-placeholder, input#user_phone5::-webkit-input-placeholder, input#user_phone7::-webkit-input-placeholder, input#user_phone6::-webkit-input-placeholder {
    color: #363636;
}
.user_phone {
    position: relative;
}
.user_phone:before {
    content: "+7";
    display: block;
    height: 10px;
    color: #363636;
    position: absolute;
    top: -5px;
    left: 7px;
    font-size: 11px;
}

.fields > tr > td:first-child { width: 140px; }
.fields > tr > td:nth-child(2) { width: 350px; }
.fields > tr > td.arrow { width: 80px; }
.fields > tr > td.hint { width: 380px; }
.fields table  { width: 100%; height: 25px;}
.fields > tr > td { padding: 5px}
.fields { -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.fields.selected { background-color: #eee; }
.fields.selected .arrow { background-position: center center; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; visibility: visible; }
.fields.selected .hint { border:2px dashed #ccc; color: #444; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; visibility: visible; }
table h3 { margin: 0; padding: 0; }
.arrow, .hint { background-color: #fff; color: #fff; visibility: hidden; }
.hint { border:2px dashed transparent;}
.arrow {background-image: url("/images/monotone_arrow_left.png"); background-position: top center; background-repeat: no-repeat; width: 80px; }
.hint h5 { font-size: 14px; font-weight: normal; }

.yii-form {
    margin-left: 21px;
}
.yii-form .row {
    width:50%;
    overflow: hidden;
    padding:10px;
}

.yii-form .row:nth-child(2n):not(.h3) {
    background-color:#eee;
}
.yii-form .row:nth-child(2n+1):not(.h3) {
    background: #dedede;
}

.yii-form .row label {
    display: block;
    width: 40%;
    float: left;
    font-size: 16px;
    line-height: 33px;
}
.yii-form h3{
    text-align: left;
    font-size: 18px;
    font-family: 'trebuchet ms',verdana,arial;
    height: 18px;
    line-height: 19px;
    padding-top:10px;

}



.yii-form .row input:not(.country-phone-search):not([type='submit']):not(.gray),
.yii-form .row select,
.yii-form .row textarea {
    width: 60%;
    float: left;
    display: inline-block;
    height: 39px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    padding:5px;
}

.yii-form .row  input[type='submit']:not(.gray), .new_style_submit {
    width:100%;
    cursor: pointer;
    padding-left: 12px !important;
    color: #fff !important;
    background-color: #2875c4;
    padding: 8px 14px !important;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
}

.yii-form .row  input[type='checkbox'] {
    width:25px;
    height:25px;
}
.yii-form .row  .disabled {
    background-color:#eee !important;
}

.yii-form .row .phonecode-val {
    width:114px !important;
}
.yii-form .row .country-phone-search-label{
    display:none;
}
.yii-form .row .country-phone-selected{
    margin-top:10px;
}
.yii-form .row .country-phone-options{
    position: absolute;
    left: 580px;
}
.invoice-setting-cols-container {
    width: 100%;
    min-width: 500px;
    height: 500px;
    overflow: scroll;
}
body.scrolled .stick-to-top.invoice-setting-buttons {
    position: fixed;
    height: 124px;
    width: 1145px;
    background-color: rgba(255,255,255,.7);
    border-radius: 10px;
    padding: 10px;
    top: 10px;
    z-index:1041;
}
.check-error-answerload,
.check-error-invoicoload {
    text-decoration:underline;
}
.check-error-answerload:hover,
.check-error-invoicoload:hover{

    color:blue;
    cursor:pointer;
    text-decoration:none;
}

.clear-value {
    cursor: pointer;
}

.clear-value:hover {
    color:red;
}

.new_style_table {
    border-collapse: collapse;
}
.new_style_table tr th{
    padding: 10px;
    background-color: #eee;
    border: 1px solid #ddd;
}
.new_style_table tr:hover td{
    background-color: #ddd;
    border: 1px solid #ddd;
}
.new_style_table td{
    transition: all .1s;
    padding: 10px;
    border: 1px solid #fafafa;
    /*border-bottom: 1px solid #eee;*/
}
#fileUpload {
    border: none;
    width: 30px;
    height: 30px;
    background: url("/images/add_file.png") no-repeat;
    background-size: 30px 30px;
    opacity: .9;
    cursor: pointer;

}
#fileUpload:hover {
    opacity: 1;
}
.checkbox-click:hover {
    cursor:pointer;
    color:#2875c4;
}

.not_send_retail_orders table td {
    padding:5px;
}

.content {
    padding-top:51px;
}

h1, .h1 ,h3 {
    font-size:16px;
    font-weight:bold;
}
td, div {
    /*vertical-align:middle;*/
}

.dropdown:hover > .dropdown-menu{
    display:block;
}

body {
    padding: 20px;
}

.data_show td {
    padding:10px;
    font-size:12px;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

* {
    font-family: 'Roboto', sans-serif !important;
    /*color: rgb(35, 35, 35);*/
}
.color-circle {
    width: 10px;
    height: 10px;
    display: block;
    margin: 10px auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.color-circle.red { background: red;}
.color-circle.orange { background: orange;}
.color-circle.green { background: green;}

.header_txt {
    font-size:12px;
}

h3 a {
    font-size: 12px !important;
    line-height: 17px  !important;
    margin-bottom:0;
}
h3 a:hover {
    font-size: 12px !important;
    line-height: 17px  !important;
    margin-bottom:0;
}

.supplier_menu_icon{
    width: 64px;
    transition: opacity .2s;
    height: 64px;
    background: red;
    display: inline-block;
    background: url(/images/supplier/sprite_supplier_icons.png) no-repeat;
}

.supplier_menu_icon.small{
    -ms-transform: scale(.5,.5); /* IE 9 */
    -webkit-transform: scale(.5,.5); /* Safari */
    transform: scale(.5,.5);
}




.supplier_menu_icon.icon1{
    background-position: 0 0;
}

.supplier_menu_icon.icon2{
    background-position: -67px 0;
}

.supplier_menu_icon.icon3{
    background-position: -136px 0;
}

.supplier_menu_icon.icon4{
    background-position: -205px 0;
}

.supplier_menu_icon.icon5{
    background-position: -283px 0;
}

.supplier_menu_icon.icon6{
    background-position: -356px 0;
}

.supplier_menu_icon.icon7{
    background-position: -431px 0;
}

.supplier_menu_icon.icon8{
    background-position: -504px 0;
}

.supplier_menu_icon.icon9{
    background-position: -581px 0;
}



.supplier_menu_icon.micro{
    background: url(/images/supplier/sprite_supplier_icons_mini.png) no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: 4px;
    left:-5px;
}

.supplier_menu_icon.micro.icon9{
    background-position: -190px 0;
}
.supplier_menu_icon.micro.icon1{
    background-position: 0 0;
}
.supplier_menu_icon.micro.icon2{
    background-position: -22px 0;
}
.supplier_menu_icon.micro.icon3{
    background-position: -45px 0;
}
.supplier_menu_icon.micro.icon4{
    background-position: -67px 0;
}
.supplier_menu_icon.micro.icon5{
    background-position: -91px 0;
}
.supplier_menu_icon.micro.icon6{
    background-position: -115px 0;
}
.supplier_menu_icon.micro.icon7{
    background-position: -140px 0;
}
.supplier_menu_icon.micro.icon8{
    background-position: -164px 0;
}



.logged_menu h1:hover{
    color:#2d92ea !important;
}
.logged_menu .supplier_menu_icon:hover{
    opacity:.8;

}
.logged_menu .supplier_menu_icon:active{
    -ms-transform: scale(.9,.9); /* IE 9 */
    -webkit-transform: scale(.9,.9); /* Safari */
    transform: scale(.9,.9);
}

.text, p, ul {
    font-size:14px;
}

.btn{
    transition: color .2s;
}
.btn-default:hover {
    background-color: #f3f3f3 !important;
}
.btn-primary:hover {
    background-color: #1799cb !important;
}

.news3,
.table.table-striped.table-hover th,
.table.table-striped.table-hover td
{
    font-size:14px;
}
.full-screen-90 {
    width: 90%;
    height: 90%;
    top: 0;
    left: 0;
}
.full-screen-90 .modal-body {
    overflow-y:scroll;
    height:90%;
}
pre {
    background-color: white;
    border: none;
    padding:0;
}
.tab_container {
    margin-top:-2px;
}

.dropdown-menu > li > a {
    padding: 0;
}
#tooltip {
    z-index: 9999;
}

.icon-xzone-menu-mini {
    background: url(/images/icons-xzone-sprite-mini.png) no-repeat;
    width: 16px;
    height: 16px;
    display:  inline-block;
    background-position: 0 0 ;
    top: 4px;
    position: relative;
}
.navbar-nav .icon-xzone-menu-mini {
    transition: all .2s ease-out;
    opacity: .8;
}

.icon-xzone-menu-mini.icon-0{
    background-position: -161px -16px;
}
.icon-xzone-menu-mini.icon-1:hover{
    opacity:1;
}
.icon-xzone-menu-mini.icon-1{
    background-position: -196px -16px;
}
.icon-xzone-menu-mini.icon-1:hover{
    opacity:1;
}
.icon-xzone-menu-mini.icon-3{
    background-position: -52px -16px;
}
.icon-xzone-menu-mini.icon-3:hover{
    opacity:1;
}
.icon-xzone-menu-mini.icon-4{
    background-position: -249px -16px;
}
.icon-xzone-menu-mini.icon-4:hover{
    opacity:1;
}
.icon-xzone-menu-mini.icon-5{
    background-position: -18px -16px;
}
.icon-xzone-menu-mini.icon-5:hover{
    opacity:1;
}
.icon-xzone-menu-mini.icon-6{
    background-position: 0px -16px;
}
.icon-xzone-menu-mini.icon-6:hover{
    opacity:1;
}
.icon-xzone-menu-mini.icon-7{
    background-position: -180px -16px;
}
.icon-xzone-menu-mini.icon-7:hover{
    opacity:1;
}

.icon-xzone-menu-mini.icon-9{
    background-position: -35px -16px;
}
.icon-xzone-menu-mini.icon-9:hover{
    opacity:1;
}

.icon-xzone-menu-mini.icon-10{
    background-position: -214px -16px;
}
.icon-xzone-menu-mini.icon-10:hover{
    opacity:1;
}

.icon-xzone-menu-mini.icon-11{
    background-position: -144px -16px;
}
.icon-xzone-menu-mini.icon-11:hover{
    opacity:1;
}

.icon-xzone-menu-mini.icon-12{
    background-position: -125px -16px;
}
.icon-xzone-menu-mini.icon-12:hover{
    opacity:1;
}
.icon-xzone-menu-mini.icon-14{
    background-position: -106px  -16px;
}
.icon-xzone-menu-mini.icon-14:hover{
    opacity:1;
}
.icon-xzone-menu-mini.icon-15{
    background-position: -233px  -16px;
}
.icon-xzone-menu-mini.icon-15:hover{
    opacity:1;
}
.icon-xzone-menu-mini.icon-16{
    background-position: -70px  -16px;
}
.icon-xzone-menu-mini.icon-16:hover{
    opacity:1;
}
.icon-xzone-menu-mini.icon-18{
    background-position: -89px -16px;
}
.icon-xzone-menu-mini.icon-19{
    background-position: -265px -16px;
    width: 18px;
}
.icon-xzone-menu-mini.icon-20{
     background-position: -284px -16px;
    width: 18px;
}
.icon-xzone-menu-mini.icon-21{
    background-position: -302px -16px;
}
.icon-xzone-menu-mini.icon-22{
    background-position:-317px -16px;
}
.icon-xzone-menu-mini.icon-23{
    background-position: -337px -16px;
}
.icon-xzone-menu-mini.icon-24{
    background-position: -355px -16px;
}
.icon-xzone-menu-mini.icon-25{
    background-position: -370px -16px;
}
.icon-xzone-menu-mini.icon-26{
    background-position: -390px -16px;
}
.icon-xzone-menu-mini.icon-27{
    background-position: -410px -16px;
}
.icon-xzone-menu-mini.icon-28{
    background-position: -89px -16px;
}







.icon-xzone-menu-mini.icon-18:hover{
    opacity:1;
}

.icon-xzone-menu-big {
    background: url(/images/icons-xzone-sprite.png) no-repeat;
    width: 64px;
    height: 64px;
    display: block;
    background-position: 0 0;
    transition: all .2s ease-out;
}
.icon-xzone-menu-big.icon-0 {
    background-position: -646px -64px;
    opacity: .7;
}
.icon-xzone-menu-big.icon-0:hover {
    opacity: 1;
}
.icon-xzone-menu-big.icon-1 {
    background-position: -788px -64px;
    opacity: .7;
}
.icon-xzone-menu-big.icon-1:hover {
    opacity: 1;
}

.icon-xzone-menu-big.icon-3 {
    background-position: -207px -64px;
    opacity: .7;
}
.icon-xzone-menu-big.icon-3:hover {
    opacity: 1;
}
.icon-xzone-menu-big.icon-4 {
    background-position: -997px -64px;
    opacity: .7;
}
.icon-xzone-menu-big.icon-4:hover {
    opacity: 1;
}
.icon-xzone-menu-big.icon-5 {
    background-position: -70px -64px;
    opacity: .7;
}
.icon-xzone-menu-big.icon-5:hover {
    opacity: 1;
}

.icon-xzone-menu-big.icon-6 {
    background-position: 0 -64px;
    opacity: .7;
}
.icon-xzone-menu-big.icon-6:hover {
    opacity: 1;
}
.icon-xzone-menu-big.icon-7 {
    background-position: -720px -64px;
    opacity: .7;
}
.icon-xzone-menu-big.icon-7:hover {
    opacity: 1;
}

.icon-xzone-menu-big.icon-9 {
    background-position: -140px -64px;
    opacity: .7;
}
.icon-xzone-menu-big.icon-9:hover {
    opacity: 1;
}
.icon-xzone-menu-big.icon-10 {
    background-position: -857px -64px;
    opacity: .7;
}
.icon-xzone-menu-big.icon-10:hover {
    opacity: 1;
}
.icon-xzone-menu-big.icon-11 {
    background-position: -576px -64px;
    opacity: .7;
}
.icon-xzone-menu-big.icon-11:hover {
    opacity: 1;
}
.icon-xzone-menu-big.icon-12 {
    background-position: -499px -64px;
    opacity: .7;
}
.icon-xzone-menu-big.icon-12:hover {
    opacity: 1;
}
.icon-xzone-menu-big.icon-14 {
    background-position: -426px -64px;
    opacity: .7;
}
.icon-xzone-menu-big.icon-14:hover {
    opacity: 1;
}
.icon-xzone-menu-big.icon-15 {
    background-position: -932px -64px;
    opacity: .7;
}
.icon-xzone-menu-big.icon-15:hover {
    opacity: 1;
}
.icon-xzone-menu-big.icon-16 {
    background-position: -280px -64px;
    opacity: .7;
}
.icon-xzone-menu-big.icon-16:hover {
    opacity: 1;
}
.icon-xzone-menu-big.icon-18 {
    background-position: -357px -64px;
    opacity: .7;
}
.icon-xzone-menu-big.icon-18:hover {
    opacity: 1;
}





.xzone-top-notify {
    background: url(/images/sprites-xzone-notify.png) no-repeat;
    width: 32px;
    height: 32px;
    margin-top: -6px;
    display: inline-block;
}


.xzone-top-notify.icon1:hover{
    background-position: 0px -34px;
}
.xzone-top-notify.icon2{
    background-position: -35px 0px;
}
.xzone-top-notify.icon2:hover {
    background-position: -35px -34px;
}
.xzone-top-notify.icon3{
    background-position: -72px 0px;
}
.xzone-top-notify.icon3:hover {
    background-position: -72px -34px;
}
.xzone-top-notify.icon4{
    background-position: -107px 0px;
}
.xzone-top-notify.icon4:hover {
    background-position: -107px -34px;
}
.xzone-top-notify.icon5{
    background-position: -141px 0px;
}
.xzone-top-notify.icon5:hover {
    background-position: -141px -34px;
}
.xzone-top-notify.icon6{
    background-position: -175px 0px;
}
.xzone-top-notify.icon6:hover {
    background-position: -175px -34px;
}
.xzone-top-notify.icon7 {
    background-position: -208px -0px;
}
.xzone-top-notify.icon7:hover {
    background-position: -208px -34px;
}
.xzone-top-notify.icon8{
    background-position: -241px 0;
}
.xzone-top-notify.icon8:hover{
    background-position: -241px -34px;
}

.navbar-nav > li > a {
    padding-bottom: 0 !important;
    padding-right: 0 !important;
}

.form-control.small {
    width: 110px;
    display: inline-block;
    margin-right: 5px;
}

.nav.navbar-nav li {
    /*text-transform: uppercase;*/
}
.nav.navbar-nav li a.header-link {
    font-size: 12px  !important;
}
.nav.navbar-nav li.active a.header-link {
    /*font-weight: bold;*/
    height: 39px;
    /*border-bottom: 4px solid #e7e7e7;*/
    /*border-left: 4px solid #e7e7e7;*/
    /*border-right: 4px solid #e7e7e7;*/
    /*border-top: 4px solid #e7e7e7;*/
    border-radius: 2px 2px 0 0;
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a6dff5+0,00b6ff+100 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a6dff5+0,d3f2ff+100&1+0,0.4+100 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3f2ff+0,a6dff5+100&1+0,0.4+100 */
    background: -moz-linear-gradient(top,  rgba(211,242,255,1) 0%, rgba(166,223,245,0.4) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(211,242,255,1) 0%,rgba(166,223,245,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(211,242,255,1) 0%,rgba(166,223,245,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3f2ff', endColorstr='#66a6dff5',GradientType=0 ); /* IE6-9 */

    font-size: 12px  !important;
    left: 10px;
    top: 11px;
    margin: 0;
    padding: 4px;
    padding-right: 4px !important;
    padding-left: 4px !important;
}

.nav.navbar-nav li.active a:hover {
    /*background-color: white;*/
}

.nav.navbar-nav li.active:before {
}

.floatmenu td {
    border:none;

}
.floatmenu td a{
    font-size: 14px;
    text-decoration: none !important;
    color: #000;
}
.floatmenu td a:hover{
    color: #158cba;
}

.up2px {
    margin-top: -2px !important;
}

.send_avtc, .send_avto_order {
    cursor:pointer;
    border-bottom:1px dotted black;
}
.send_avtc:hover, .send_avto_order:hover {
    color:#158cba;
    border-bottom:1px dotted #158cba;
}

.sweetalert {
    position: fixed;
}


.status_header_small {
    width:10px;
}

.op_orders td, .op_orders td *{
    font-size: 15px;
    line-height: 20px;
}
.op_orders td {


}

/*<tooltip>*/
.tt-c {
    position: relative;
    cursor: pointer;
}

.tt-right {
    left:-331px !important;
}
.tt-m {
    display:none;
    width: 325px;
    padding: 10px;
    font-size: 14px;
    left: 10px;
    top: 10px;
    color:black;
}

.tt-m.tt-sm {
    width: 106px;
    text-align: center;
    font-size: 10px;
    padding: 3px;
    left: 35px;
    top: 16px;
}
.tt-m.tt-micro {
    width: 70px;
    text-align: center;
    font-size: 10px;
    padding: 3px;
    left: 30px;
    top: 10px;
}

.tt-c:hover .tt-m,
.tt-m:hover {
    display: block;
    position: absolute;
    animation-name: opacityAnim;
    animation-duration: .2s;
    text-transform: none;
    border-radius: 0;
    border: 1px solid #dbdbdb;
    z-index: 1;
    opacity: 1;
    background-color: white;
}
.get-client-orders-inoffice-by-login .tt-m.with-scroll{
    overflow-y: scroll;
}
.get-client-orders-inoffice-by-login .tt-m{
    width:820px;
    top:-10px;
    max-height:500px;
    background-color: transparent !important;
    background: none !important;
    padding: 0;
}

.get-client-orders-inoffice-by-login .table-price_client_final,
.get-client-orders-inoffice-by-login .table-sum1,
.get-client-orders-inoffice-by-login .table-total_sum,
.table-7,
.table-8,
.table-9
{
    text-align: right;
}

#table-coming {
    margin-bottom: 500px;
}

.get-client-orders-inoffice-by-login .tt-m table{
    border-radius:10px;
    width:800px !important;
    box-shadow: 3px 3px 3px #ddd;
    border-collapse:collapse;
}
.get-client-orders-inoffice-by-login .tt-m table tr:nth-child(2n) td{
    background-color: #efefef !important;
}
.get-client-orders-inoffice-by-login .tt-m table tr:nth-child(2n+1) td{
    background-color: #fff;
}

.dropdown-menu {
    animation-name: opacityAnim;
    animation-duration: .2s;
}


@keyframes opacityAnim {
    from {
        transform: scaleX(1)  scaleY(.3);
        opacity: 0;}
    to {
        transform: scaleX(1)scaleY(1);
        opacity: 1;
    }
}


/*</tooltip>*/

.hover-tr:hover td {
    background-color: #eee;
}

.clear  {
    clear:both;
}


.check-on-click td {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.check-on-click.selected td {
    background-color: rgba(211,242,255,.7);
}
.check-on-click:hover td{
    background-color: #efefef;
}
.check-on-click.selected:hover td {
    background-color: rgba(211,242,255,1);
}



.hover-shadow {
    transition: all .1s ease-in-out;
}
.hover-shadow:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,174,255,.7);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,174,255,.7);
    box-shadow: 0px 0px 10px 0px rgba(0,174,255,.7);
}

.header-menu .tt-m {
    top: 37px;
    font-size: 10px;
    padding: 0;
    width: 230px;

}
.header-menu .tt-m a{
    color:black;
    color: black;
    width: 228px;
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    text-decoration: none;
    background-color: #fff;
    transition: .2s all;
}
.header-menu .tt-m {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}

.header-menu:hover {
}

.header-menu .tt-m a:hover .icon-xzone-menu-mini {
    opacity: .5;
}

.header-menu .tt-m a:hover{
    background-color: #eee;
}

.header-menu .tt-m ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.toggle-collapse-header {
    cursor: pointer;
    transition: all .2s;
    height: 31px !important;
    display: inline;
    float: left;
    border-bottom: 1px dotted black;
}
.toggle-collapse-header:hover {
    color:#158cba;
    border-bottom: 1px dotted #158cba;
}
.toggle-collapse-header[aria-expanded="true"] {
    color:#158cba;
    font-weight: bold;
    border-bottom: none;
}
.toggle-collapse-header[aria-expanded="true"]:hover {
    border-bottom: 1px dotted #158cba;
}

.mid-text {
    font-size: 16px !important;
    line-height: 16px !important;
}

.toolbar-xzone-v2 tr {
    background-color: #fefefe;
    transition: all .2s;
    cursor: pointer;
    /*font-size: 15px;*/
    /*text-align: center;*/
}
.toolbar-xzone-v2 tr td{
   padding: 7px 3px;
}
.toolbar-xzone-v2 tr td a{
   color:#222;
}
.toolbar-xzone-v2 tr td a:hover{
   text-decoration: none;
}
.toolbar-xzone-v2 tr:hover{
   background-color: #eee;
}
.toolbar-xzone-v2 tr:active{
    background-color: #fefefe;

    /*transform: scale(1,.9);*/
}

.cancelled-Y .cancel-fast-message {
    display: none;
}

/*.toolbar-xzone-v2 {*/
    /*position: fixed;*/
    /*left: 96px;*/
    /*background: white;*/
/*}*/





.animation-target-spin {
    -webkit-animation: animation-spin 1000ms linear both;
    animation: animation-spin 1000ms linear both;
}

/* Generated with Bounce.js. Edit at http://goo.gl/jmDLxx */

@-webkit-keyframes animation-spin {
    0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    3.2% { -webkit-transform: matrix3d(-0.834, 0.559, 0, 0, -0.703, -0.717, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.834, 0.559, 0, 0, -0.703, -0.717, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    4.3% { -webkit-transform: matrix3d(-0.986, -0.196, 0, 0, -0.017, -1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.986, -0.196, 0, 0, -0.017, -1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    6.41% { -webkit-transform: matrix3d(-0.091, -1.003, 0, 0, 0.955, -0.318, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.091, -1.003, 0, 0, 0.955, -0.318, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    8.61% { -webkit-transform: matrix3d(0.798, -0.613, 0, 0, 0.769, 0.648, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.798, -0.613, 0, 0, 0.769, 0.648, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    12.71% { -webkit-transform: matrix3d(0.933, 0.366, 0, 0, -0.224, 0.977, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.933, 0.366, 0, 0, -0.224, 0.977, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    12.91% { -webkit-transform: matrix3d(0.923, 0.391, 0, 0, -0.254, 0.97, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.923, 0.391, 0, 0, -0.254, 0.97, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    17.22% { -webkit-transform: matrix3d(0.813, 0.583, 0, 0, -0.524, 0.853, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.813, 0.583, 0, 0, -0.524, 0.853, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    18.92% { -webkit-transform: matrix3d(0.834, 0.552, 0, 0, -0.511, 0.86, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.834, 0.552, 0, 0, -0.511, 0.86, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    25.23% { -webkit-transform: matrix3d(0.965, 0.262, 0, 0, -0.262, 0.965, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.965, 0.262, 0, 0, -0.262, 0.965, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    28.33% { -webkit-transform: matrix3d(0.992, 0.125, 0, 0, -0.134, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.992, 0.125, 0, 0, -0.134, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    31.43% { -webkit-transform: matrix3d(1, 0.031, 0, 0, -0.042, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0.031, 0, 0, -0.042, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    39.44% { -webkit-transform: matrix3d(0.999, -0.042, 0, 0, 0.036, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, -0.042, 0, 0, 0.036, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    56.46% { -webkit-transform: matrix3d(1, 0.001, 0, 0, -0.001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0.001, 0, 0, -0.001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    61.66% { -webkit-transform: matrix3d(1, 0.003, 0, 0, -0.002, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0.003, 0, 0, -0.002, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    81.48% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes animation-spin {
    0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    3.2% { -webkit-transform: matrix3d(-0.834, 0.559, 0, 0, -0.703, -0.717, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.834, 0.559, 0, 0, -0.703, -0.717, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    4.3% { -webkit-transform: matrix3d(-0.986, -0.196, 0, 0, -0.017, -1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.986, -0.196, 0, 0, -0.017, -1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    6.41% { -webkit-transform: matrix3d(-0.091, -1.003, 0, 0, 0.955, -0.318, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(-0.091, -1.003, 0, 0, 0.955, -0.318, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    8.61% { -webkit-transform: matrix3d(0.798, -0.613, 0, 0, 0.769, 0.648, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.798, -0.613, 0, 0, 0.769, 0.648, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    12.71% { -webkit-transform: matrix3d(0.933, 0.366, 0, 0, -0.224, 0.977, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.933, 0.366, 0, 0, -0.224, 0.977, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    12.91% { -webkit-transform: matrix3d(0.923, 0.391, 0, 0, -0.254, 0.97, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.923, 0.391, 0, 0, -0.254, 0.97, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    17.22% { -webkit-transform: matrix3d(0.813, 0.583, 0, 0, -0.524, 0.853, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.813, 0.583, 0, 0, -0.524, 0.853, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    18.92% { -webkit-transform: matrix3d(0.834, 0.552, 0, 0, -0.511, 0.86, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.834, 0.552, 0, 0, -0.511, 0.86, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    25.23% { -webkit-transform: matrix3d(0.965, 0.262, 0, 0, -0.262, 0.965, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.965, 0.262, 0, 0, -0.262, 0.965, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    28.33% { -webkit-transform: matrix3d(0.992, 0.125, 0, 0, -0.134, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.992, 0.125, 0, 0, -0.134, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    31.43% { -webkit-transform: matrix3d(1, 0.031, 0, 0, -0.042, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0.031, 0, 0, -0.042, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    39.44% { -webkit-transform: matrix3d(0.999, -0.042, 0, 0, 0.036, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, -0.042, 0, 0, 0.036, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    56.46% { -webkit-transform: matrix3d(1, 0.001, 0, 0, -0.001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0.001, 0, 0, -0.001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    61.66% { -webkit-transform: matrix3d(1, 0.003, 0, 0, -0.002, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0.003, 0, 0, -0.002, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    81.48% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}


.opacity-anim {
    -webkit-animation: opacity-anim 1s ease-in-out infinite alternate;
    -moz-animation: opacity-anim 1s ease-in-out infinite alternate;
    animation: opacity-anim 1s ease-in-out infinite alternate;
}

@keyframes opacity-anim {
    from {
        opacity:1;
    }
    to {
        opacity:.3;
    }
}

.next-launch {
    background: rgba(0,255,0,.3) !important;
}

.select2-results .highlight {
    background-color: orange;
}

.select2-drop {
    max-height: 420px;
}
.select2-results {
    max-height: 380px;
}



.changeDriverAnim {
    animation: animation 500ms ease;
}
@keyframes animation {
    0% { transform: rotate(0deg); }
    20% { transform: rotate(-3deg); }
    70% { transform: rotate(3deg); }
    100% { transform: rotate(0deg); }
}


.small-history {
    font-size:10px;
    width:455px;
    color:#222;
}


.supplier-send-row.error {
    background-color: rgba(255,100,100,.2) !important;
}

.history_chooser label:hover, .history_chooser input[type='checkbox']:hover{
    color:#00329B;
    user-select: none;
    cursor: pointer;
}

.status10 {
    background-color:#ddd;

    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAAAAABXZoBIAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAEASURBVCjPVVJJEsMwCOP/rwR/wOQGt7LjTqcOMSCQFCAhJWXNE+1E7RuIKOMb98dO/7MQ8GSvP6VR/AmBVZXeKZ94RHKUgaQrKbJst4FvbyBHPPa3U5ioX1aDV9zakHKuNho4Uu2PszF35+SWU+Ywtj1VjYV8ewa0KiyfplqeQ0mexrK2vJIdmJwUbebLoGdja+u56DnJwPhizoVETU0+281qTaOcDIXiMQvp/uwGUnefyuFXsZR2Zdnn3dVENlc0dV91z6gAq3ZpS5uF4hR+4ah6p5NLNwyvcLFg3cTxbF2540ZPvY0NzZxnr/aX/75bfvQJbHgU6Kw8rjy32xvRDwKr2111TnYJAAAAAElFTkSuQmCC);*/
}


.go-to-client:hover .tt-m {
    transition: .2s all;
    width: 79px;
    top: -1px;
    left: 282px;
    box-shadow: 0px 0px 2px #008800;
    border: 0;
    background: rgba(230, 255, 230, 0.8);
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
    color: #008800;
    text-decoration: none !important;
    text-align: center;
}


.go-to-client .tt-m:hover {
    background: rgba(230, 255, 230, 1);
    box-shadow: 0px 0px 8px #008800;
}



.btn {
    transition: .2s all;
}
.btn-success:hover {
    opacity: .90;
}

.supplier-link:active {
    color:red;
}
.select2-drop {
    margin-top: -4px !important;
    border: 1px solid #ddd !important;
    border-top: 0 !important;
    box-shadow: none !important;
}