@charset "utf-8";
/* CSS Document */

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family: Arial, Helvetica, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
/* clearfix */
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clickable {
    cursor: pointer;
}

@font-face {
    font-family: 'klav';
    src: url('../../font/Klavika.eot');
    src: local('Klavika'), url('../../font/Klavika.woff') format('woff'), url('../../font/Klavika.otf') format('opentype'), url('../../font/Klavika.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'klav';
    src: url('../../font/Klavika-Bold.eot');
    src: local('Klavika-Bold'), url('../../font/Klavika-Bold.woff') format('woff'), url('../../font/Klavika-Bold.otf') format('opentype'), url('../../font/Klavika-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'klavika_basicmedium';
    src: url('../../font/klavikabasic-medium-webfont.eot');
    src: url('../../font/klavikabasic-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../font/klavikabasic-medium-webfont.woff') format('woff'),
    url('../../font/klavikabasic-medium-webfont.ttf') format('truetype'),
    url('../../font/klavikabasic-medium-webfont.svg#klavika_basicmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'klavika_basicmedium_italic';
    src: url('../../font/klavikabasic-mediumitalic-webfont.eot');
    src: url('../../font/klavikabasic-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../font/klavikabasic-mediumitalic-webfont.woff') format('woff'),
    url('../../font/klavikabasic-mediumitalic-webfont.ttf') format('truetype'),
    url('../../font/klavikabasic-mediumitalic-webfont.svg#klavika_basicmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'klavika_basicbold_italic';
    src: url('../../font/klavikabasic-bolditalic-webfont.eot');
    src: url('../../font/klavikabasic-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../font/klavikabasic-bolditalic-webfont.woff') format('woff'),
    url('../../font/klavikabasic-bolditalic-webfont.ttf') format('truetype'),
    url('../../font/klavikabasic-bolditalic-webfont.svg#klavika_basicbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'klavika_basiclight';
    src: url('../../font/klavikabasic-light-webfont.eot');
    src: url('../../font/klavikabasic-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../font/klavikabasic-light-webfont.woff') format('woff'),
    url('../../font/klavikabasic-light-webfont.ttf') format('truetype'),
    url('../../font/klavikabasic-light-webfont.svg#klavika_basiclight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'klavika_basiclight_italic';
    src: url('../../font/klavikabasic-lightitalic-webfont.eot');
    src: url('../../font/klavikabasic-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../font/klavikabasic-lightitalic-webfont.woff') format('woff'),
    url('../../font/klavikabasic-lightitalic-webfont.ttf') format('truetype'),
    url('../../font/klavikabasic-lightitalic-webfont.svg#klavika_basiclight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* ----------------------------------- */

body {
    /*background:url(../../img/loggedin-page.jpg) repeat-x 0 0 transparent; */
    background: #f7f7f7;
    color: #4d4d4d;
    font-family: "robotoregular",sans-serif;
}
h1 {
    font-size:30px;
    color: #45474d;
    margin:20px 0;
}
h2 {
    font-size:24px;
    color: #45474d;
    margin:20px 0;
}
h3 {
    font-size:18px;
    color: #45474d;
    margin:20px 0;
}
h4 {
    font-size:14px;
    color: #45474d;
    margin:20px 0;
}
p {
    font-size:13px;
    margin-top:10px;
    line-height: 20px;
    margin:10px 0;
    color: #666;
}
a {
    transition: all 0.3s ease;
    font-size:12px;
    color: #0288d1;
    text-decoration:none;
    line-height:17px;
    cursor:pointer;
    position: relative;
    outline: none;
}
a:hover {
    color: #0f618c;
}
a:active {
    text-decoration:underline;
    top: 1px;
}
ol {
    font-size:13px;
    list-style-type:decimal;
    padding-left: 30px;

}
ol  li {
    line-height: 20px;
    padding-left: 10px;
}
.clear {
    clear:both;
}
input{
    transition: all 0.3s ease;
}
input[type="submit"].graySubmit, button.graySubmit {
    color: #47543c;
    border: 0px;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 1px 1px 0px #ccc;
    padding: 10px 15px;
    margin: 3px 5px 3px 0px;
      /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    background-color: #f7f7f7;
    color: #fff!important;
    font-family: 'robotoregular', sans-serif;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
    /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}
input[type="submit"].graySubmit:hover, button.graySubmit:hover {
    text-decoration: none;
    background-color: #fdfdfd;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-family: 'robotoregular', sans-serif;
    /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
    /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}
input[type="submit"].graySubmit:active, button.graySubmit:active {
    text-decoration: none;
    background-color: #f0efef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f0efef', endColorstr = '#ececec');
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f0efef', endColorstr = '#ececec')";
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    background-image: -moz-linear-gradient(top, #f0efef, #ececec);
    background-image: -ms-linear-gradient(top, #f0efef, #ececec);
    background-image: -o-linear-gradient(top, #f0efef, #ececec);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#f0efef), to(#ececec));
    background-image: -webkit-linear-gradient(top, #f0efef, #ececec);
    background-image: linear-gradient(top, #f0efef, #ececec);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
    /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}
input[type="submit"].graySubmit:disabled, button.graySubmit:disabled {
    text-decoration: none;
    color: #a9a9a9;
    background-color: #f7f7f7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7f7f7', endColorstr = '#f4f4f4');
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7f7f7', endColorstr = '#f4f4f4')";
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    background-image: -moz-linear-gradient(top, #f7f7f7, #f4f4f4);
    background-image: -ms-linear-gradient(top, #f7f7f7, #f4f4f4);
    background-image: -o-linear-gradient(top, #f7f7f7, #f4f4f4);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#f7f7f7), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #f4f4f4);
    background-image: linear-gradient(top, #f7f7f7, #f4f4f4);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
    /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

input[type="submit"].greenSubmit, button.greenSubmit {
    color: #fff !important;
    display: inline-block;
    font-size: 13px;
    padding: 9px 25px 8px 10px;
    position: relative;
    background: #0288d1;
    overflow: hidden;
    border: none;
    cursor: pointer;
    margin: 0 10px;
    font-family: 'robotoregular', sans-serif;
    transition: all 0.3s ease;
 }
/*input[type="submit"].greenSubmit:after, button.greenSubmit:after{
    background: rgba(255, 255, 255, 0.1);
    height: 300%;
    margin: -5px 0 0 -5px;
    right: 0;
    top: 0;
    transform: rotate(-20deg);
    transform-origin: 0 0 0;
    width: 30%;
    z-index: 1;
    content: "";
    position: absolute;
    transition: all 0.3s ease 0s;
}*/
input[type="submit"].greenSubmit:hover, button.greenSubmit:hover{
    background: #0f618c;
}
input#saveButton:hover{background-color: #0f618c;}
a.grayBtn.inactive span {
    background: url(../../img/whiteBtnArrowInactive.png) right center no-repeat;
}

#eduDiv, #govDiv, #cupgDiv{
    line-height: 1.5;
    width: 100%!important;
}
a.blueBtn .no_arrow{
    background: none;
    padding-right: 0px;
}
a.grayBtn{
    background: #cb6767;
    color: #fff;
    padding: 9px 15px;
    text-align: center;
    font-size: 13px;
    margin: 0 10px;
}
a.grayBtn:hover{
    background-color: #a85858;
}
.greenBtn,
.quoteButtonsList a.nrmBtn,
a.blueBtn,
a.blueBtn_new {
    transition: all 0.3s ease;
    color: #fff;
    text-decoration: none;
    background: #0288d1;
    border: medium none;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 5px 10px;
    overflow: hidden;
    padding: 8px 25px 8px 10px;
    position: relative;
    background:#0288d1;
}
#checkoutType #formContent label.w120{
    white-space: nowrap;
}
#checkoutType #SalesEventFiles{
    clear: both;
    display: block;
}
.quoteButtonsList a.nrmBtn{
    /*background: url('../../img');*/
}
a.greenBtn:hover,
.quoteButtonsList a.nrmBtn:hover,
a.blueBtn:hover,
a.blueBtn_new:hover{
    background-color: #0f618c;
}

a.greenBtn.inactive span {
    background: url(../../img/greenBtnArrowInactive.png) right center no-repeat;
}

a.videoLnk {
    float: left;
    background: url(../../img/videoLnk.png) left center no-repeat;
    padding-left: 24px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

input.greenSubmit:hover{
    background-color: #0f618c!important;
}
strong, b {font-weight: bold;}
.italic {font-style: italic;}
.fLeft {float: left;}
.fLeftIntro {float: left; width:100%;}
.fRight {float: right;}

table {
    width: 100%;
    border: 1px solid #eee;
    font-size: 12px;
    border-spacing: 0;
}
table tr {border-right: 1px solid #e7e9ec; border-left: 1px solid #e7e9ec;}
table tr th, table tr td {padding: 10px 6px;border-top: 1px solid #eee;}
table tr th, table thead td {background: #565656 ; color: #fff; font-style: italic; text-align: left; font-size: 12px;}
table tr th, table thead td {padding: 12px 10px 13px;}
table tbody tr td{
    border-left: 1px solid #eee;
    color: #666;
}
table tbody tr td:first-child{
    border-left: 0;
}
table th:last-child, table thead td:last-child {

    background-clip: padding-box;
}
table th:only-child, table thead td:only-child {

    background-clip: padding-box;
}
/*table tr td:last-child {text-align: right;}*/

table tr th a, table thead a {
    font-size:12px;
    color: #fff;
    text-decoration:none;
    line-height:17px;
    cursor:pointer;
    position: relative;
}
table tr th a:hover, table thead a:hover {
    text-decoration:underline;
}
table tr th a:active, table thead a:active {
    text-decoration:underline;
    top: 1px;
}
th a.asc:after {
    font-style: normal;
    content: ' ▲';
}
th a.desc:after {
    font-style: normal;
    content: ' ▼';
}


.wrapp {width:1280px!important; margin: 0 auto; position: relative;max-width: 100%;}

.wrapp:before, .wrapp:after {
    content: " ";
    display: table;
}
.wrapp:after {
    clear: both;
}
.wrapp {
    *zoom: 1;
}
#header { width: 100%; }
#header .htop {width: 100%; height: 63px; background: #33373b;}
#header .btop {width: 100%; /*overflow: hidden;*/ background: #fcfcfc;}
#header a.logo {background: url(../../img/logopan.png) left top no-repeat; float: left; position: absolute; top: 0px; left: 0px; padding: 31px 78px;}
#header .hlinks {position: relative;float:right; right: 0px; top: 0px; padding: 12px 0px;}
#header .hlinks a {float: left; color: #c1c1c1; text-decoration: none; margin: 10px 20px;}
#header .hlinks a:hover {
    float: left; color: #ffffff; text-decoration: none; margin: 10px 20px;
    /*background: #50555b; margin: 3px 0px; padding: 7px 20px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;*/
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#header .hlinks a.logOut:hover {background: #666; text-decoration: none; color: #fff;}

/*
#header ul#menu {margin: 0; padding: 0px;}
#header ul#menu li {margin: 0px; padding: 0px; float: left; font-size: 13px;}
#header ul#menu li a {margin: 0px 10px; float: left; padding: 17px 0px; color: #7e7e7e; text-decoration: none;}
#header ul#menu li a:hover {padding: 17px 0px 14px 0px; border-bottom: 3px solid #cb2a2a; color: #262626; text-decoration: none;}
#header ul#menu li a.first {margin-left: 0px;}
*/



/* INDEX v2 - menu + submenu */

/*#header ul#menu {margin: 0px; padding: 0px;}*/
/*#header ul#menu li {margin: 0px; padding: 0px; float: left; font-size: 13px;position: relative;}*/
/*#header ul#menu li a {transition: none;margin: 0px 10px; float: left; padding: 17px 0px; color: #7e7e7e; text-decoration: none; font-size:14px;}*/
/*#header ul#menu>li:hover>a {padding: 17px 0px 14px 0px; border-bottom: 3px solid #cb2a2a; color: #262626; text-decoration: none;}*/
/*#header ul#menu>li a.current {padding: 17px 0px 14px 0px; border-bottom: 3px solid #cb2a2a; color: #262626; text-decoration: none;}*/
/*#header ul#menu li a.first {margin-left: 0px;}*/

/*#header ul#menu li>ul {*/
    /*display: none;*/
    /*position: absolute;*/
    /*top: 51px;*/
    /*background: #fff;*/
    /*margin: 0 0 0 10px;*/
    /*padding: 20px;*/
    /*float: left;*/
    /*font-size: 13px;*/
    /*white-space:nowrap;*/
    /*z-index: 99;*/
/*}*/
/*#header ul#menu li>ul h3 {color: #393939;font: bold 16px/16px Arial, sans-serif;margin: 0 0 15px 0;}*/
/*#header ul#menu li>ul li {width: 100%;}*/
/*#header ul#menu li>ul li a {font: normal 12px/12px Arial, sans-serif;color: #585858;padding: 5px 0;margin: 0;}*/
/*#header ul#menu li>ul li a:hover {color: #cb2a2a;border: 0;padding: 5px 0;margin: 0;}*/










#header .search {float: right; margin: 10px 0px;}
#header .search input {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-top: 1px solid #e2e2e2;
    padding: 6px;
    width: 290px;
    background: #fff url(../../img/searchicon.png) 275px 8px no-repeat;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#header .swelcome {
    line-height: 18px;
    font-size: 13px;
    color: #d1d1d1;
    margin: 10px 20px;
    float: left;
}

#content {width: 100%; float: left; padding-bottom: 80px; padding-top: 0px;}
/*#content .slider {width: 100%; height: 292px; background: #298f9b url(../../img/sliderbg.png) top center no-repeat; }*/

/* carousel */
.sliderCarousel {
}
.sliderCarousel li {
    text-align:left;
    display:block;
    position: relative;
}
.pagination-container {
    position:absolute;
    top:30px;
    right: 0px;
    z-index: 5;
}
.carousel-pagination  {
    height:12px;
    left:0;
    display:block;
    overflow:hidden;
}
.carousel-pagination li {
    width:34px;
    height:6px;
    margin-left:5px;
    cursor:pointer;
    background: url(../../img/square_gray.png) no-repeat 0 0 transparent;
    float:left;
}
.carousel-pagination .carousel-pagination-active {
    background: url(../../img/square_blue.png) no-repeat 0 0 transparent;
}
.sliderCarousel li .cTitle {font-family:'klav'; font-size: 45px; color: #fff; font-weight: bold; letter-spacing: -1px; text-shadow: 1px 1px 1px #777;}
.sliderCarousel li .csTitle {font-family:'klav'; font-size: 25px; color: #fff; font-weight: normal; letter-spacing: -1px; text-shadow: 1px 1px 1px #777;}
.sliderCarousel li .tools {margin-top: 20px; border-top: 1px solid #389ca8; float: left; padding: 15px 0px 0px;}
.sliderCarousel li .tools .videoLnk {margin: 10px 0px 0px 20px;}
.sliderCarousel li .tools a.grayBtn {
    -moz-box-shadow: 1px 1px 0px #888;
    -webkit-box-shadow: 1px 1px 0px #888;
    box-shadow: 1px 1px 0px #888;
}

.topSeparator {float: left; height: 42px; width: 100%;}
h2.title.titleSeparator {margin-top: 30px;}

#fullContent {
    overflow: auto;
    padding: 25px;
    margin-top: 8px;
    margin-bottom: 10px;
    background: #fff;
}
#halfContent {
    float: left;
    padding: 25px;
    margin-top: 8px;
    margin-right: 8px;
    width: 441px;
    background: #fff;
    box-shadow: 0px 1px 1px #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#oneThirdContent {
    float: left;
    padding: 25px;
    margin-top: 8px;
    margin-right: 8px;
    width: 290px;
    background: #fff;
    box-shadow: 0px 1px 1px #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#twoThirdContent {
    float: left;
    padding: 25px;
    margin-top: 8px;
    margin-right: 8px;
    width: 592px;
    background: #fff;
    box-shadow: 0px 1px 1px #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}

#wrappLeft {
    float: left;
    width: 75%;
}
#wrappLeft01 {
    float: left;
    clear: both;
    width: 100%;
}

#leftContent {
    float: left;
    padding: 25px;
    margin-top: 8px;
    min-height: 200px;
    background: #fff;
}
h2.title {
    font-family: Arial;
    font-size: 13px;
    color: #aeb4b7;
    padding-bottom: 10px;
    /*border-bottom: 1px solid #f6f6f6;*/
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 10px;
}
h3.title {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #9ba5ab;
    padding: 10px 0px;
    text-transform: uppercase;
    margin: 10px 0px 20px;
}
h3.title span {
    font-size: 11px;
    font-style: italic;
    text-transform: none;
    font-weight: normal;
}
h3.title01 {
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    color: #586279;
    padding: 10px 0px;
    text-transform: none;
    margin: 10px 0px 20px;
}
.boxLine {
    float: left;
    width: 100%;
    margin: 10px 0px;
}
.boxColumn {
    float: left;
    width: 49%;
    margin: 0 0 20px 0;
}
.boxColumn:last-child{
    clear: both;
}
.boxColumn.lastCol{
    float: right;
}
.boxColumn3 {
    float: left;
    width: 292px;
    margin: 0px 32px 0px 0px;
}
.lastContent {margin-right: 0px !important;margin-left: 10px !important;}

h3.gClock {background: url(../../img/clock-green.png) left center no-repeat; padding-left: 35px;}
h3.oClock {background: url(../../img/clock-orange.png) left center no-repeat; padding-left: 35px;}
h3.pen {background: url(../../img/pen.png) left center no-repeat; padding-left: 35px;}
h3.file {background: url(../../img/file.png) left center no-repeat; padding-left: 35px;}
h3.renewals_dash {background: url(../../img/renewals.png) left center no-repeat; padding-left: 35px;}

ul.line {margin-bottom: 5px;}
ul.line li {font-size: 12px; color: #666666; padding: 15px 0px; border-bottom: 1px dashed #ddd; line-height: 22px;}
ul.line li.last {border-bottom: 0px;}
ul.line li b{display: block;color: #777;}
ul.line li a{
    display: block;
}
ul.checkBox {margin-bottom: 5px; float: left;}
ul.checkBox li {float: left; font-size: 12px; color: #666666; padding: 8px 0px; background: url(../../img/checked.png) left 10px no-repeat; padding-left: 25px; line-height: 22px;}
ul.checkBox li div.text {width: 260px; float: left;}
a.commentBox {background: url(../../img/commentBox.png) left top no-repeat; float: right; width: 20px; height: 18px; margin-top: 4px;}
a.commentBox:hover {background: url(../../img/commentBoxOver.png) left top no-repeat;}

.boxColumn3 ul.checkBox {margin-bottom: 5px; float: left;}
.boxColumn3 ul.checkBox li {float: left; font-size: 12px; color: #666666; padding: 8px 0px; background: url(../../img/checked.png) left 10px no-repeat; padding-left: 25px; line-height: 22px;}
.boxColumn3 ul.checkBox li div.text {width: 245px; float: left;}
.boxColumn3 a.commentBox {background: url(../../img/commentBox.png) left top no-repeat; float: right; width: 20px; height: 18px; margin-top: 4px;}
.boxColumn3 a.commentBox:hover {background: url(../../img/commentBoxOver.png) left top no-repeat;}


ul.bullet {margin-bottom: 5px;}
ul.bullet li {
    padding-left: 15px;
    background: url(../../img/bullet.png) left 11px no-repeat;
    font-size: 12px;
    color: #666666;
    padding: 4px 0px 4px 15px;
    line-height: 22px;
}

p.subNote {
    font-size: 11px;
    font-style: italic;
    text-transform: none;
    font-weight: normal;
    line-height: 18px;
    color: #a5a5a5;
}

#rightSidebar {
    float: right;
    width: 23%;
    margin-top: 8px;
    min-height: 200px;
    background: #fff;
    box-shadow: 0px 1px 1px #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#status {
    height: 102px;
    width: 100%;
    float: left;
    background: url(../../img/sidebarTopBg.png) top left repeat-x;
    border-bottom: 1px solid #ededed;
    position: relative;
    font-size: 13px;
    color: #384c58;
}
#status_registered {
    height: 102px;
    width: 100%;
    float: left;
    background: url(../../img/sidebarTopBg.png) top left repeat-x;
    border-bottom: 1px solid #ededed;
    position: relative;
    font-size: 13px;
    color: #384c58;
}
#status_registered img {
    position: absolute;
    top:22px;
    right: 20px;
}
#status img {
    position: absolute;
    right: 43px;
    top: 28px;
}
#status_registered div {
    float: left;
    margin: 43px 0px 0px 20px;
    text-transform: uppercase;
}
#status div {
    float: left;
    margin: 5px 0 0 52px;
    text-transform: uppercase;
}
#status div span {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #e5e4e4;
}
#status_registered div span {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #e5e4e4;
}
#sidebarBoxes {
    float: left;
    position: relative;
    width: 100%;
    font-size: 12px;
    border-bottom: 1px solid #ededed;
    padding: 15px;
}
#sidebarBoxes h3.title {line-height: 20px; margin-top: 0px; padding: 0px; }
#sidebarBoxes h3.title01 {line-height: 20px; margin-top: 0px; padding: 0px; }
#sidebarBoxes ul li {padding: 12px 0px;}
.stats span {margin-right: 20px;}
.subNote01 {color: #a5a5a5; font-style: italic; font-size: 12px;}
.contor {float: left; clear: both; width: 100%; margin-bottom: 10px;}

.progressOut {
    margin: 10px 0px 0px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    background: #e4e4e4;
    float: left;
    position: relative;
    width: 100%;
    height: 16px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
.progressIn {
        height: 3px;
    position: absolute;
     background: #ff5252 none repeat scroll 0 0;
}
#sidebarBoxes .contor a{
    color: #666;
}
.progressIn:after{
    background: #ff5252 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 14px;
    position: absolute;
    right: -8px;
    top: -6px;
    width: 14px;
}
p.subNote01 a{
    color: #666;
}
.progressInOrange {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 45%;
    height: 16px;
    background: #76b432;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFCD28', endColorstr = '#FFA500');
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFCD28', endColorstr = '#FFA500')";
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    background-image: -moz-linear-gradient(top, #FFCD28, #FFA500);
    background-image: -ms-linear-gradient(top, #FFCD28, #FFA500);
    background-image: -o-linear-gradient(top, #FFCD28, #FFA500);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FFCD28), to(#FFA500));
    background-image: -webkit-linear-gradient(top, #FFCD28, #FFA500);
    background-image: linear-gradient(top, #FFCD28, #FFA500);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
    /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

ul.keyAccountList li {
    float: left;
    width: 100%;
}
ul.keyAccountList li a {
    float: right;
    line-height: 12px;
}
p.sTitle {
    font-size: 12px;
    color: #9c9b9c;
}
#sidebarBoxes ul.checkBox li {
    padding: 8px 0 8px 25px;
}

#leftContent01 {
    float: left;
    padding: 25px;
    margin-top: 8px;
    width: 49%;
    background: #fff;
    height: 270px;
}
#leftContent01 iframe{
    width: 100%;
}
#leftContent01 + #leftContent01 + #leftContent01{
    float: right;
}
#leftContent01 .videoDescr {
    text-align: left;
}
#leftContent01 .videoDescr a {
    float: left;
    width: 100%;
    font-size: 14px;
    margin: 15px 0 0 0!important;
}
#leftContent01 .videoDescr span {
    float: left;
    width: 100%;
    font-size: 11px;
    font-style: italic;
    color: #a4a3a3;
}

#leftContent02 {
    float: left;
    padding: 25px;
    margin-top: 8px;
    width: 49%;
    background: #fff;
}
#leftContent02 + #leftContent02{
    float: right;
}
ul.newsFeed {
    float: left;
    width: 100%;
}
ul.newsFeed li {
    float: left;
    width: 100%;
    /*background: url(../../img/newsIcon.png) left 13px no-repeat;*/
    padding: 10px 0px 10px 20px;
    border-bottom: 1px solid #f4f4f4;
}
ul.newsFeed li.blueIcon {
    background: url(../../img/newsIconBlue.png) left 13px no-repeat;
}
ul.newsFeed li a {
    float: left;
    width: 100%;
    font-size: 13px;
    margin-bottom: 6px;
}
ul.newsFeed li span {
    float: left;
    width: 100%;
    font-size: 11px;
    font-style: italic;
    color: #a4a3a3;
}
ul.newsFeed li.last {
    border-bottom: 0px;
}

#footer {width: 100%; float: left; padding: 30px 0px; background: #fff;}
#footer .fLeft {
    padding: 0 10px;
    width: 100px;
}
#footer .fRight {
    width: 870px;
    padding: 10px 0 0 0;
}
#footer h2 {
    font: normal 18px/20px Arial, sans-serif;
}
#footer ul {
    font: normal 12px/12px Arial, sans-serif;
}
#footer ul.fMenuL {
    float: left;
}
#footer ul.fMenuR {
    float: right;
}
#footer ul li {
    margin: 5px 0;
    border-left:1px solid #e1e1e1;
    float: left;
}
#footer ul li:first-child {
    border: 0;
}
#footer ul li a {
    color: #595959;
    font: normal 12px/12px Arial, sans-serif;
    letter-spacing: -0.07em;
    padding: 0 10px;
    float: left;
}
#footer ul.fMenuR li a {
    color: #aaa;
}
#footer .fCopy {
    color: #aaa;
    font: normal 12px/20px Arial, sans-serif;
    padding: 5px 10px 0 10px;
    float: left;
}


.col33 {
    float: left;
    width: 302px;
    margin-right: 32px;
}
.col66 {
    float: left;
    width: 604px;
    margin-right: 32px;
}


.ui-tabs {
    float: left;
    margin-top: 20px;
}
.ui-tabs ul {
    float: left;
    width: 100%;
    height: 29px;
}
.ui-tabs ul li {
    float: left;
}
.ui-tabs .ui-tabs-nav a {
    color: #555555;
    cursor: default;
    background-color: #ffffff;
    border: 1px solid #f8f8f8;
    border-bottom: #ffffff;
    padding: 10px;
    float: left;
}
.ui-tabs ul li a:hover {
    text-decoration: none;
}
.ui-tabs ul li.ui-tabs-active a {
    border-top: 2px solid #6ccbd2;
}
.ui-tabs div.ui-tabs-panel {
    float: left;
    display: block;
    padding: 20px;
    border: 1px solid #f8f8f8;
}

.ui-accordion {
    border: 1px solid #eeecec;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
.ui-accordion h3 {
    background: #0288d1!important;
    border-bottom: 2px solid #fff!important;
    text-align: left!important;
    color: #fff;
    cursor: pointer!important;
    font-size: 18px !important;
    margin: 0;
    padding: 11px 20px;
    position: relative!important;
    font-family: "exo_2regular", sans-serif;
    color: #fff!important;
    text-transform: none!important;
    border-radius: 0!important;
    font-weight: normal!important;
}
.ui-accordion h3 strong{font-weight: normal!important;}
.ui-accordion h3:hover{
    border-color: #fff!important;
    color: #fff!important;
}

.ui-accordion h3 span{
    transform: translateY(-50%) rotate(0deg)!important;
    transition: all 0.3s ease;
    width: 20px;
    height: 20px;
    position: absolute!important;
    right: 12px !important;
    top: 50% !important;
    margin-top: 0 !important;
    background: url('../../img/big-white-plus.png') center no-repeat!important;
}
.ui-accordion h3.ui-state-active span{
    transform: translateY(-50%) rotate(45deg)!important;
}
.ui-accordion h3#ui-accordion-accordion-header-0 {
    border-top: 0px;
}
.ui-accordion h3.ui-corner-bottom {

}
.ui-accordion div.ui-accordion-content {
    padding: 10px;
    height:auto;
}
.ui-accordion div.ui-accordion-content p {
    font-size: 14px;
    color: #666;
}

.border {
    background: #f8f7f8;
    padding: 5px;
    border: 1px solid #ebebeb;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}

.address {
    float: left;
    clear: both;
    padding: 6px 0px 6px 26px;
    background: url(../../img/address.png) left 4px no-repeat;
    font-size: 12px;
}
.phone {
    float: left;
    clear: both;
    padding: 6px 0px 6px 26px;
    background: url(../../img/phone.png) left 4px no-repeat;
    font-size: 12px;
}
.email_pan {
    float: left;
    clear: both;
    padding: 6px 0px 6px 26px;
    background: url(../../img/email.png) left 6px no-repeat;
    font-size: 12px;
}
.website {
    float: left;
    clear: both;
    padding: 6px 0px 6px 26px;
    background: url(../../img/website.png) left 4px no-repeat;
    font-size: 12px;
}

#formContent {
}
#formContent label {
    float: left;
    color: #3c4344;
    font-size: 12px;
    padding: 5px 0px!important;
    position: relative;
    top: -1px;
}
#formContent label.w120 {
    width: 160px;
    margin-right: 5px;
    padding: 6px 0px;
    margin-bottom: 5px;
    clear: both;
}
#ContactExtraSubject {
    display:none;
}
.displaynone {
    display:none;
}
#resellerSimplu{
    line-height: 1.5!important;
    margin-top: 5px;
    clear: both;
}
#formContent label.w80 {
    width: 80px;
    margin-right: 5px;
    padding: 6px 0px;
    margin-bottom: 5px;
    clear: both;
}
#margin_change > label{
    padding: 10px 0;
}
#dealInfo{
    line-height: 1.5;
    margin: 10px 0;
    width: 100%;
}
#formContent input[type="text"]:not(.default), #formContent input[type="password"], #formContent input[type="number"], #formContent input[type="email"] {
    float: left;
    width: 302px;
    color: #3c4344;
    font-size: 12px;
    padding: 6px;
    margin-bottom: 5px;
    background: #fff;
    border: 1px solid #e3e3e3;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#formContent input[type="number"] {
    width: 100px;
}
#formContent input[type="text"]:disabled, #formContent input[type="password"]:disabled {
    background: #eee;
    color: #999;
}
#formContent input[type="text"]:disabled:hover, #formContent input[type="password"]:disabled:hover {
    background: #eee;
    color: #999;
    border: 1px solid #e3e3e3;
}
#formContent select {
    float: left;
    width: 302px;
    color: #3c4344;
    font-size: 12px;
    padding: 6px;
    background: #fff;
    margin-bottom: 5px;
    border: 1px solid #e3e3e3;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#formContent input[type="text"]:hover, #formContent input[type="email"]:hover, #formContent input[type="text"]:focus, #formContent input[type="password"]:focus, #formContent select:hover, #formContent select:focus {
    border: 1px solid #0288d1;
    background: #f9fdff;
}
#formContent input[type="text"].error,
#formContent input[type="password"].error,
#formContent input[type="text"].form-error,
#formContent input[type="password"].form-error {
    border: 1px solid #e0aaaa;
    background: #fff url(../../img/error.png) 275px 2px no-repeat;
}

#formContent fieldset {
    float: left;
    color: #3c4344;
    font-size: 12px;
    padding: 5px 0px;

    width: 940px;
    margin-right: 5px;
    padding: 6px 0px;
    margin-bottom: 5px;
    clear: both;
}
#formContent legend {
    width: 160px;
    margin-right: 5px;
    padding: 6px 0px;
    margin-bottom: 5px;
    clear: both;
    float:left;
}
#formContent input[type="radio"] {
    float:left;
}

div.error-message {
    color: red;
    margin-left: 125px;
    clear: both;
}

#formContent textarea {
    float: left;
    width: 302px;
    color: #3c4344;
    font-size: 12px;
    padding: 6px;
    height: 80px;
    margin-bottom: 5px;
    background: #fff;
    border: 1px solid #e3e3e3;
}
#formContent textarea:hover, #formContent textarea:focus {
    border: 1px solid #0288d1;

}
input#PaymentMethodCreditLimit + label{
    font-size: 14px;
    margin-left: 3px;
}
#formContent .checkBoxes {
    float: left;
    width: 302px;
    margin-bottom: 5px;
}
#formContent .checkBoxes input[type="checkbox"] {
    float: left;
    clear: both;
    margin-top: 5px;
    margin-right: 5px;

    display:none;
}
#formContent .checkBoxes input[type="checkbox"] + label span {
    display:inline-block;
    width:18px;
    height: 18px;
    margin:-2px 4px 0 0;
    vertical-align:middle;
    background: url(../../img/checkboxes.png) 0px -27px no-repeat;
    cursor:pointer;
}
#formContent .checkBoxes label {
    width: 250px !important;
}
#formContent .checkBoxes input[type="checkbox"]:checked + label span {
    background: url(../../img/checkboxes.png) 0px 0px no-repeat;
}
#formContent .checkBoxes input[type="checkbox"]:hover + label span {
    background: url(../../img/checkboxes.png) 0px -53px no-repeat;
}
#formContent .checkBoxes input[type="checkbox"]:checked:hover + label span {
    background: url(../../img/checkboxes.png) 0px -79px no-repeat;
}

#formContent .radioBoxes {
    float: left;
//width: 302px;
    margin-bottom: 5px;
}
#formContent .radioBoxes input[type="radio"] {
    float: left;
    clear: both;
    margin-top: 5px;
    margin-right: 5px;

    display:none;
}
#formContent .radioBoxes input[type="radio"] + label span {
    display:inline-block;
    width:18px;
    height: 18px;
    margin:-2px 4px 0 0;
    vertical-align:middle;
    background: url(../../img/radios.png) 0px -27px no-repeat;
    cursor:pointer;
}
#formContent .radioBoxes label {
    width: 250px !important;
}
#formContent .radioBoxes input[type="radio"]:checked + label span {
    background: url(../../img/radios.png) 0px 0px no-repeat;
}
#formContent .radioBoxes input[type="radio"]:hover + label span {
    background: url(../../img/radios.png) 0px -53px no-repeat;
}
#formContent .radioBoxes input[type="radio"]:checked:hover + label span {
    background: url(../../img/radios.png) 0px -79px no-repeat;
}

.bottomLine {
    border-bottom: 1px solid #dfe2e4;
}

/*! Hint.css - v1.2.2 - 2013-06-01
* http://kushagragour.in/lab/hint/
* Copyright (c) 2013 Kushagra Gour; Licensed MIT */

/*-------------------------------------*\
    HINT.css - A CSS tooltip library
\*-------------------------------------*/
/**
 * HINT.css is a tooltip library made in pure CSS.
 *
 * Source: https://github.com/chinchang/hint.css
 * Demo: http://kushagragour.in/labs/hint/
 *
 * Release under The MIT License
 *
 */
/**
 * source: hint-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 *  1) body (:after)
 *  2) arrow (:before)
 *
 * Classes added:
 *  1) hint
 */
.hint, [data-hint] {
    position: relative;
    display: inline-block;
    /**
       * tooltip arrow
       */
    color: #3b7fa6;
    cursor: pointer;
    /**
       * tooltip body
       */ }
.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease; }
.hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
    visibility: visible;
    opacity: 1; }
.hint:before, [data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001; }
.hint:after, [data-hint]:after {
    content: attr(data-hint);
    background: #f8f7f8;
    color: black;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 *
 * Classes added:
 *  1) hint--top
 *  2) hint--bottom
 *  3) hint--left
 *  4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top:before {
    border-top-color: #f8f7f8; }

.hint--bottom:before {
    border-bottom-color: #f8f7f8; }

.hint--left:before {
    border-left-color: #f8f7f8; }

.hint--right:before {
    border-right-color: #f8f7f8; }

/**
 * top tooltip
 */
.hint--top:before {
    margin-bottom: -12px; }
.hint--top:after {
    margin-left: -18px; }
.hint--top:before, .hint--top:after {
    bottom: 100%;
    left: 50%; }
.hint--top:hover:before, .hint--top:hover:after {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px); }

/**
 * bottom tooltip
 */
.hint--bottom:before {
    margin-top: -12px; }
.hint--bottom:after {
    margin-left: -18px; }
.hint--bottom:before, .hint--bottom:after {
    top: 100%;
    left: 50%; }
.hint--bottom:hover:before, .hint--bottom:hover:after {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px); }

/**
 * right tooltip
 */
.hint--right:before {
    margin-left: -12px;
    margin-bottom: -6px; }
.hint--right:after {
    margin-bottom: -14px; }
.hint--right:before, .hint--right:after {
    left: 100%;
    bottom: 50%; }
.hint--right:hover:before, .hint--right:hover:after {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px); }

/**
 * left tooltip
 */
.hint--left:before {
    margin-right: -12px;
    margin-bottom: -6px; }
.hint--left:after {
    margin-bottom: -14px; }
.hint--left:before, .hint--left:after {
    right: 100%;
    bottom: 50%; }
.hint--left:hover:before, .hint--left:hover:after {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px); }

/**
 * source: hint-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 *
 * Classes added:
 *  1) hint--error
 *  2) hint--warning
 *  3) hint--info
 *  4) hint--success
 *
 */
/**
 * Error
 */
.hint--error:after {
    background-color: #b34e4d;
    text-shadow: 0 -1px 0px #5a2626; }
.hint--error.hint--top:before {
    border-top-color: #b34e4d; }
.hint--error.hint--bottom:before {
    border-bottom-color: #b34e4d; }
.hint--error.hint--left:before {
    border-left-color: #b34e4d; }
.hint--error.hint--right:before {
    border-right-color: #b34e4d; }

/**
 * Warning
 */
.hint--warning:after {
    background-color: #c09854;
    text-shadow: 0 -1px 0px #6d5228; }
.hint--warning.hint--top:before {
    border-top-color: #c09854; }
.hint--warning.hint--bottom:before {
    border-bottom-color: #c09854; }
.hint--warning.hint--left:before {
    border-left-color: #c09854; }
.hint--warning.hint--right:before {
    border-right-color: #c09854; }

/**
 * Info
 */
.hint--info:after {
    background-color: #3986ac;
    text-shadow: 0 -1px 0px #193c4c; }
.hint--info.hint--top:before {
    border-top-color: #3986ac; }
.hint--info.hint--bottom:before {
    border-bottom-color: #3986ac; }
.hint--info.hint--left:before {
    border-left-color: #3986ac; }
.hint--info.hint--right:before {
    border-right-color: #3986ac; }

/**
 * Success
 */
.hint--success:after {
    background-color: #458746;
    text-shadow: 0 -1px 0px #1a331a; }
.hint--success.hint--top:before {
    border-top-color: #458746; }
.hint--success.hint--bottom:before {
    border-bottom-color: #458746; }
.hint--success.hint--left:before {
    border-left-color: #458746; }
.hint--success.hint--right:before {
    border-right-color: #458746; }

/**
 * source: hint-always.scss
 *
 * Defines a persisted tooltip which shows always.
 *
 * Classes added:
 *  1) hint--always
 *
 */
.hint--always:after, .hint--always:before {
    opacity: 1;
    visibility: visible; }
.hint--always.hint--top:after, .hint--always.hint--top:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px); }
.hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px); }
.hint--always.hint--left:after, .hint--always.hint--left:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px); }
.hint--always.hint--right:after, .hint--always.hint--right:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px); }

/**
 * source: hint-rounded.scss
 *
 * Defines rounded corner tooltips.
 *
 * Classes added:
 *  1) hint--rounded
 *
 */
.hint--rounded:after {
    border-radius: 4px; }

.bigImageContainer {
    width: 709px;
    height: 499px;
    float:left;
    position: relative;
}

.loginForm {
    margin: 8px auto 200px auto;
    width: 445px;
    padding: 25px;
    background: #fff;
    box-shadow: 0px 1px 1px #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.breadcrumb {
    font-size:11px;
    padding-top:12px;
}

.breadcrumb .arrow {
    display:inline-block;
    width:3px;
    height:5px;
    background: url(../../img/breadcrumbArrow.png) no-repeat 0 0 transparent;
    margin: 0 6px 0 6px;
}

.breadcrumb a {
    font-size:11px;
    color: #929292;
}
.breadcrumb span {
    color: #666666;
}

h1 span {
    border-bottom: 1px solid #e01e26;
    /*padding: 2px 10px 7px 0;*/
    font-size: 17px;
}

.dataLabel {
    float:left;
    width: 150px;
    font-size: 13px;
}
.dataText {
    float:left;
    padding-left:20px;
    color: #999;
}
.dataRow {
    clear: both;
    margin-top:10px;
    overflow: hidden;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}

.forgotPwContent {
    width: 445px !important;
    margin: 8px auto 200px auto;
    float: none;
}
.forgotPwContent .submitRow {
    text-align: center;
    margin-top: 10px;
}

.myaccountEditContent .greenSubmit {
    margin-right: 10px;
}

.loginForm .field {
    text-align: right;
    padding-right: 5px;
}


ul.subMenu {
    float: left; /* nou */
    width: 100%; /* schimbat */
    border-bottom: 1px solid #efefef;  /* schimbat */
    margin-bottom: 20px;
}

ul.subMenu li {
    /* border-bottom: 1px solid #efefef; */
    border-top: 1px solid #ffffff;
    float: left;
}

ul.subMenu li a {
    color: #5f6060;
    font-size: 12px;
    background-color: #fcfdfd;
    padding: 12px 10px 10px 16px; /* schimbat */
    display: block;
    line-height: 16px;
}

ul.subMenu li.current a {
    border-bottom: 3px solid #0288d1; /* schimbat */
    padding-left: 10px;
    color: #0288d1;
}


.pageRight {
    float: right; /* schimbat */
    width: 200px;
}
.pageRight h2 {
    border-bottom: 1px solid #ebebeb;
    background-color: #fff;
    font-size: 13px;
    padding-bottom: 10px;
    margin: 20px 0 10px 0;
    color: #aeb4b7;
    text-transform: uppercase;
}
a.arrow {
    display: inline-block;
    padding: 0 0 0 12px;
    background: url(../../img/next-blue.png) no-repeat 0 3px transparent;
}

.pageContentShort {
    border-left: 0px; /* schimbat */
    float: left;
    width: 700px; /* schimbat */
    padding-left: 0px; /* schimbat */
    margin-right: 35px;
    word-wrap: break-word;
    /*text-align: justify;*/
    text-justify: inter-word;
}


.pageContent {
    border-left: 1px solid #efefef;
    float:left;
    width: 700px;
    padding-left: 20px;
    /*text-align:justify;*/
    /*text-justify:inter-word;*/
}

.ticketForm {
    width: 500px;
}
.ticketForm .submitRow {
    clear: both;
    margin-top: 10px;
    text-align: right;
    padding-right: 55px;
}
.ticketForm .jqTransformSelectWrapper {
    width: 314px !important;
}

.registerDealForm {
    margin-bottom: 75px;
}
.registerDealForm .jqTransformSelectWrapper {
    max-width: 315px;
}
.registerDealForm .submitRow {
    text-align: right;
    margin-top: 10px;
    padding-right: 55px;
}
.submitRow {
    text-align: right;
    margin-top: 10px;
    padding-right: 55px;
}

.textImage {
    margin-top:20px;
    margin-bottom: 30px;
    overflow:hidden;
    color: #4b4b4b;
    font-size:12px;
    line-height: 20px;
}

.imgMarginRight {
    margin-right: 20px;
}

.ticketsPage .download {
    margin-top: 40px;
}
.contentContainer .column {
    margin-right: 35px;
    float:left;
    width: 315px;
    margin-top: 20px;
}
.contentContainer .column:last-child {
    margin-right: 0;
}
.folder {
    font-size: 12px;
    background: url(../../img/folder.png) no-repeat 0 10px transparent;
    padding:6px 6px 6px 40px;
    margin-bottom: 20px;
    line-height:16px;
}
.folder div {
    margin-bottom: 10px;
}
.jqTransformSelectWrapper {
    text-align: left;
}
.newsDetails {
    border: 1px solid #efefef;
    border-top: none;
    background-color: #fbfcfc;
    color: #7f8080;
    font-size: 11px;
    line-height: 26px;
    padding-left: 14px;
    margin-top: -10px;
}
.newsSliderContainer {
    position: relative;
}

.newsSliderContainer .slider {
    background: none !important;
}

.newsSliderContainer ul.slider li {

}
.newsSliderContainer p {
    color: #4b4b4b;
    font-size: 12px;
    line-height: 20px;
    margin: 16px 0;
}
.newsSliderContainer ul.slider li img {
    margin-right: 3px;
}

.newsSliderContainer ul.slider li div.headline {
    vertical-align: text-top;
    position:relative;
    margin-right: 10px;
    width:275px;
    display:inline-block;
    height:154px;
    border:2px solid;
    border-radius:5px;
    border-color: #969697;
    padding: 2px 2px 2px 2px;
    word-wrap: break-word;
}
.newsSliderContainer ul.slider li div.headline a.hlink{
    height:26px;
    display: block;
}
.newsSliderContainer .sliderHeader {
    height:37px;
    width: 900px;
    margin-left:15px;
    background: url(../../img/sliderHeader.png) repeat-x 0 0 transparent;
    border:1px solid #dedede;
    border-bottom:none;
    border-radius: 3px 3px 0 0;
}
.newsSliderContainer .sliderTitle {
    float:left;
    font-size:12px;
    margin: 13px 0 0 10px;
}
.newsSliderContainer .carousel-pagination {
    float:right;
    margin: 13px 10px 0 0;
}

.newsSliderContainer .carousel-pagination li {
    width: 8px;
    height: 8px;
    display:inline-block;
    background: url(../../img/sliderBull.png) no-repeat 2px 2px transparent;
    cursor:pointer;
    padding: 2px;
}
.newsSliderContainer .carousel-pagination li.active {
    width: 8px;
    height: 8px;
    background: url(../../img/sliderBullActive.png) no-repeat 2px 2px transparent;
}
.newsSliderContainer .sliderArrows {
    clear:both;
}
.newsSliderContainer .sliderBox {
    float:left;
    width: 880px;
    border:1px solid #dedede;
    padding:10px;
    border-radius:0 0 3px 3px;
    box-shadow: 0 2px 1px #EEE;
}
.newsSliderContainer .sliderBox .pagination-container {
    display: none;
}
.newsSliderContainer .next {
    width: 16px;
    height: 68px;
    background: url(../../img/sliderNext.png) no-repeat 0 0 transparent;
    float:left;
    margin-top:50px;
    cursor:pointer;
}
.newsSliderContainer .next:hover {
    background: url(../../img/sliderNext.png) no-repeat 0 -68px transparent;
}
.newsSliderContainer .prev {
    width: 15px;
    height: 68px;
    background: url(../../img/sliderPrev.png) no-repeat 0 0 transparent;
    float:left;
    margin-top:50px;
    cursor:pointer;
}
.newsSliderContainer .prev:hover {
    background: url(../../img/sliderPrev.png) no-repeat 0 -68px transparent;
}
input#OrderStartDate,
input#OrderEndDate,
input.filter {font-size:10px;border:1px solid #ddd;padding:5px 10px;line-height:14px;width:60%;background: #fff;transition: all 0.3s ease;}
input.filter:focus{border-color: #72c2ed;}
input#OrderStartDate,
input#OrderEndDate{    width: auto!important;}
input#OrderStartDate:focus,
input#OrderEndDate:focus{   border-color: 1px solid #72c2ed!important;}

a.filter {padding:3px 10px;line-height:16px;display: block;}
div.pagination {padding: 40px 0 10px 0;text-align:center;}
div.pagination_bottom {bottom: 0;width:100%;}
div.pagination span a,
div.pagination span.last,
div.pagination span.prev1,
div.pagination span.next1,
div.pagination span.first,
div.pagination span.current  {
    font-size: 12px;padding:5px 12px;border: 1px solid #ccc;margin: 0 2px;color: #999;transition: all 0.3s ease;outline: none;}
div.pagination span.current{
    background: #0288d1;
    color: #fff;
    border-color: #0288d1;
}
div.pagination span.next + span + p{
    font-weight: normal!important;
    font-style: italic;
    font-size: 13px!important;
    color: #999;
    margin-top: 15px!important;
}
div.pagination span a:hover{
    color: #0288d1;
    border-color: #0288d1;
    text-decoration: none;
}
div.pagination span.first, div.pagination a[rel=first] {border-left-width: 1px !important;}

.msrp_buttons input[type=submit], .actions ul li a, .actions a {
    font-weight: normal;
    padding: 6px 16px;
    background: #0288d1;
    color: #fff;
    text-decoration: none;
    min-width: 0;
    -webkit-user-select: none;
    user-select: none;
    transition: all 0.3s ease;
    font-size: 12px;
}
.msrp_header {
    display: flex; 
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .msrp_header {
        flex-direction: column;
        align-items: center;
    }

    .msrp-list-request_download-link {
        display: block;
        margin-top: 20px;
        float: unset !important;
    }

    .msrp_view-links {
        margin-bottom: 20px;
    }

    .msrp_buttons.action-items-right {
        margin-top: 20px;
        flex-direction: column;
    }

    .msrp_buttons p.actions {
        display: block !important;
        text-align: center;
    }
}
input[type=submit], .actions ul li a, .actions a {
    display: inline-block;
}
.actions-inline input[type=submit], .actions-inline ul li a, .actions-inline a {
    display: inline-block;
}
input[type=submit]:hover, .actions ul li a:hover, .actions a:hover{
    background: #0f618c;
}
.treeList ul, .treeList li {
    margin: 0 12px;
}

.slim_btn a{
    padding: 4px 3px;
}


@import url(http://fonts.googleapis.com/css?family=Capriola);
/* Menu CSS */

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{
    padding: 0;
    margin: 0;
    line-height: 1;
    font-family: 'Capriola', sans-serif;
}
#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
    content: '';
    display: table;
}
#cssmenu:after, #cssmenu > ul:after {
    clear: both;
}
#cssmenu {
    zoom:1;
    height: 45px;
    background: url(../../img/menu_assets/bottom-bg.png) repeat-x center bottom;
    border-radius: 2px;
}
#cssmenu ul{
    background: url(../../img/menu_assets/nav-bg.png) repeat-x 0px 4px;
    height: 40px;
}
#cssmenu ul li{
    float: left;
    list-style: none;
}
#cssmenu ul li a{
    display: block;
    height: 19px;
    padding: 10px 10px 0;
    margin: 4px 2px 0;
    border-radius: 2px 2px 0 0;
    text-decoration: none;
    font-size: 15px;
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .75);
    font-weight: 400;
    opacity: .9;
}
#cssmenu ul li:first-child a{
    margin: 4px 2px 0 0;
}
#cssmenu ul li a:hover, #cssmenu ul li.active a{
    background: url(../../img/menu_assets/color.png) center bottom;
    display: block;
    height: 19px;
    margin-top: 0px;
    padding-top: 14px;
    padding-bottom: 16px;
    color: #444444;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .55);
    opacity: 1;
}

.message {
    background-color: #F1F1F1;
    border: 1px solid #DEDEDE;
    border-radius: 5px 5px 5px 5px;
    color: #9999CC;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 0.5em;
    padding: 0.5em;
    text-align: center;
}

.leadHistory
{
    padding:5px 5px 5px 10px;
    margin-bottom:15px;
    background-color:#fcfcfc;
    -moz-box-shadow: 0px 0px 3px #ddd;
    -webkit-box-shadow: 0px 0px 3px #ddd;
    box-shadow: 0px 0px 3px #ddd;
}

.inactiveLeadHistory
{
    padding:5px 5px 5px 10px;
    margin-bottom:15px;
    background-color:#dddddd;
    -moz-box-shadow: 0px 0px 3px #ddd;
    -webkit-box-shadow: 0px 0px 3px #ddd;
    box-shadow: 0px 0px 3px #ddd;
}

.leadHistory p
{
    font-size:11px;
}

.leadHistory .messageBox
{
    font-size:14px;
    font-weight:normal;
}


/** Debugging **/
pre {
    color: #000;
    background: #f0f0f0;
    padding: 15px;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.cake-debug-output {
    padding: 0;
    position: relative;
}
.cake-debug-output > span {
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(255, 255, 255, 0.3);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 6px;
    color: #000;
    display: block;
    float: left;
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.cake-debug,
.cake-error {
    font-size: 16px;
    line-height: 20px;
    clear: both;
}
.cake-error > a {
    text-shadow: none;
}
.cake-error {
    white-space: normal;
}
.cake-stack-trace {
    background: rgba(255, 255, 255, 0.7);
    color: #333;
    margin: 10px 0 5px 0;
    padding: 10px 10px 0 10px;
    font-size: 120%;
    line-height: 140%;
    overflow: auto;
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.cake-stack-trace a {
    text-shadow: none;
    background: rgba(255, 255, 255, 0.7);
    padding: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 0px 4px 10px 2px;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    text-decoration: none;
    -moz-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
}
.cake-code-dump pre {
    position: relative;
    overflow: auto;
}
.cake-context {
    margin-bottom: 10px;
}
.cake-stack-trace pre {
    color: #000;
    background-color: #F0F0F0;
    margin: 0px 0 10px 0;
    padding: 1em;
    overflow: auto;
    text-shadow: none;
}
.cake-stack-trace li {
    padding: 10px 5px 0px;
    margin: 0 0 4px 0;
    font-family: monospace;
    border: 1px solid #bbb;
    -moz-border-radius: 4px;
    -wekbkit-border-radius: 4px;
    border-radius: 4px;
    background: #dcdcdc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
    background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: linear-gradient(top, #fefefe, #dcdcdc);
}

.left_round_btn {
    height: 28px;
    width: auto;
    padding-left: 10px;
    padding-right: 7px;
    float: left;
    color: white;
    font-size: 12px;
    line-height: 34px;
    cursor: pointer;
    position: relative;
    margin:5px 20px 5px 5px;
    border: 1px solid #555;
}

.left_round_btn .drop_contents {
    left: 3px;
}

.fleft {
    float: left;
}
.fright {
    float: right;
}

.icon_user {
    background: url(../../img/icon_user.png) no-repeat center center;
    height: 28px;
    width: 25px;
}
.icon_company {
    background: url(../../img/menuHome.png) no-repeat center center;
    height: 28px;
    width: 25px;
}
.top15 {
    margin-top: 15px;
}
.darrow {
    width: 12px;
    height: 28px;
    float: right;
    margin-right: 0px;
    padding-left: 8px;
    line-height: 28px;
}
.collapsed {
    background: url(../../img/collapsed.png) no-repeat center center;
    padding-right:7px;
}
.expanded {
    background: url(../../img/expanded.png) no-repeat center center;
    padding-right:7px;
}

.language_config {
    text-align:center;
    font-size:12px;
    color:#bbb;
    padding: 3px 5px 7px 10px;
    margin: 5px;
    cursor: pointer;
    border: 1px solid #555;
}

.small_darrow {
    width: 6px;
    height: 4px;
    float: right;
    margin-right: 0px;
    padding-left: 10px;
    margin-top: 23px;
}
.small_collapsed {
    background: url(../../img/small_collapsed.png) no-repeat center center;
}
.small_expanded {
    background: url(../../img/small_expanded.png) no-repeat center center;
}
.drop_contents {
    position: absolute;
    background: #33373B!important;
    top: 28px;
    z-index: 2147483647;
    border: 1px solid #555;
    left: -1px!important;
    right: -1px;
    width: auto!important;
    background: #333;
    border-top: 0;
}
.drop_contents ul {
    margin: 0;
    padding: 5px;
}
.drop_contents ul li {
    list-style: none;
    line-height: 14px;
    margin: 6px 0px;
}
.language_config{color: #fff;}
.drop_contents ul li:hover {
    text-decoration: underline;
}

.drop_contents ul li  a {
    white-space: nowrap;
}
.li_element {

}

.clear_both {
    clear: both;
}

.loggedHome {width: 100%; height: 280px; background: #298f9b url(../../img/loginBG.png) top center no-repeat; position: relative;}
.loggedHomeCloud {width: 100%; height: 280px; background: #298f9b url(../../img/loginBGCloud.png) top center no-repeat; position: relative;}
.loggedHomeWebinar {width: 100%; height: 382px; background: #298f9b url(../../img/loginBGWebinar.png) top center no-repeat; position: relative;}

.licenseHeader {width: 100%; height: 234px; background: #298f9b url(../../img/license.png) top center no-repeat; background-size: 100%; position: relative;}

.homeSlider {
    position: absolute;
    right: 215px;
    top: 20px;
    width: 500px;
    height: 143px;
}
.homeSliderCloud {
    width: 145px;
    height: 143px;
    margin: 0 auto;
    padding-top: 130px;
    padding-right: 39px;
}
.homeSlider h2 {
    font-size: 42px;
    color: #fff;
    letter-spacing: -1px;
    font-family:'klav';
    margin-bottom: 10px;
}
.homeList {
    padding-bottom: 10px;
}
.homeList li {
    color: #fff;
    padding: 5px 0px 5px 25px;
    font-size: 15px;
    background: url(../../img/check.png) left 7px no-repeat;
}
.tdLeft{
    text-align:right;
    padding: 10px 6px;
    width:20%;
    background-color:#f5f5f5;
    padding-right: 15px;
}
.tdRight
{
    text-align:left;
    background-color:#fcfcfc;
    padding-left: 15px;
}
.noPadding{
    padding: 0!important;
}
.noBorder{
    border:0!important;
}
.noBorderleft{
    border-left: 0!important;
}
.noBorderright{
    border-right: 0!important;
}
.thHeader
{
    background-color: #636f8b;
    color:#fdfdfd;
    font-weight:bold;
}

#accordion .ui-icon {
    background-image: none;
}
.accordion .ui-icon {
    background-image: none;
}

.ui-accordion h3, .ui-accordion div.ui-accordion-content{
    border: none;
}

.ui-accordion h3 {
    border-top: 1px solid #EEECEC;
}

.ui-accordion {
    border-top: none;
}

#tabs .ui-widget-header {
    background: none;
    border: none;
}

#tabs.ui-tabs, #tabs.ui-widget-content {
    padding: 0;
    border: 0;
}

#tabs.ui-tabs .ui-tabs-nav {
    padding: 0;
    height: auto;
}

#tabs.ui-tabs .ui-tabs-nav li {
    margin: 0;
    top: 0;
}

#tabs.ui-tabs .ui-tabs-nav li a {
    padding: 15px 23px;
}

#tabs .ui-corner-top, #tabs .ui-corner-bottom {
    border-radius: 0;
}

#tabs .ui-state-default {
    border: 0;
}

#tabs .ui-tabs-panel {
    width: 100%;
}

#tabs.ui-tabs .ui-tabs-panel {
    padding:0;
}

#tabs table {
    border-collapse: inherit;
}

.ui-tabs ul li.ui-state-active a {
    border-top: 2px solid #6CCBD2;
}

.ui-widget-content a {
    color: #3B7FA6;
}

.user_name {
    display: block;
    max-height: 28px;
    overflow: hidden;
    max-width: 92px;
    height: 28px;
    line-height: 27px;
    float: left;
}
.company_name {
    display: block;
    max-height: 28px;
    overflow: hidden;
    max-width: 117px;
    float: left;
    line-height: 27px;
}

#formContent div.checkbox {
    display: inline-block;
}


/* dashboard */

div.dashboardBox50 {
    float: left;
    padding: 25px;
    margin-top: 8px;
    margin-right: 8px;
    width: 302px;
    background: #fff;
    box-shadow: 0px 1px 1px #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
div.dashboardBox50:nth-child(even) {
    margin-right: 0px;
}
div.firstdashbordBox {
    margin-right: 8px !important;
}
div.lastdashbordBox {
    margin-right: 0px !important;
}
div.dashboardBox50 ul.dot li {
    font-size: 12px;
    color: #666;
    padding: 4px 0px 4px 15px;
    line-height: 18px;
    background: url(../../img/lidot.png) left 9px no-repeat;
    float: left;
    width: 130px;
}
div.dashboardBox50 ul.dot li:nth-child(odd) {
    margin-right: 10px;
}
div.dashboardStatus {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ededed;
    position: relative;
    font-size: 13px;
    color: #384c58;
}
div.dashboardStatus.gold {
    background: url(../../img/goldstatus.png) bottom right no-repeat;
}
div.dashboardStatus.silver {
    background: url(../../img/silverstatus.png) bottom right no-repeat;
}
div.dashboardStatus.bronze {
    background: url(../../img/bronzestatus.png) bottom right no-repeat;
}
div.dashboardStatus.distributor {

}
div.dashboardStatus.countrypartner {
    background: url(../../img/country_partner.png) bottom right no-repeat;
}

div.dashboardStatus div {
    background: #8bc34a none repeat scroll 0 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    display: block;
    font-family: "robotolight",sans-serif;
    font-size: 12px;
    padding: 20px 15px;
    text-transform: uppercase;
}
div.dashboardStatus div span {
    font-weight: bold;
    }


/* noi */

.simpleHeader {
    width: 100%;
    height: 163px;
    background: #1C98DE;
    position: relative;
    color: #fff;
}
.simpleHeader .wrapp {
    height: 163px;
}
.simpleHeader h2 {
    /*font:normal 40px/40px 'klavika_basicmedium', Arial,sans-serif;*/
    /*letter-spacing:-0.04em;*/
    /*color: #fff;*/
    /*position: absolute;*/
    /*top: 15px;*/
    color: #fff;
    font-family: 'exo_2semi_bold', sans-serif;
    font-size: 36px;
    margin: 30px 0 0px 0;
    letter-spacing: -1px;
}
.simpleHeader h3 { font:normal 23px/23px 'klavika_basiclight', Arial,sans-serif;
    /*letter-spacing:-0.04em;*/
    /*color: #fff;*/
    /*position: absolute;*/
    /*top:60px;*/
    color: #fff;
    font-family: 'exo_2light';
    font-size: 22px;
    letter-spacing: -1px;
}
.simpleHeader .breadcrumb {
    border-top: 1px solid #80C0E4 ;
    bottom: 0;
    padding: 9px 0;
    /*position: absolute;*/
    width: 100%;
    font-size: 11px;
    color: #fff;
}
.simpleHeader .breadcrumb a {
    color: #fff;
}

.td_new_table {
    font-weight: bold;
    width: 20%;
    background-color: #f0f8ff;
    border-bottom: 1px solid #ffffff;
}
.td_new_table2 {
    background-color: #fcfcfc;
    border-bottom: 1px solid #ffffff;
}
.td_new_border_right {
    border-right:4px solid #fff;
}

.help {
    z-index:999;
    background: #fff!important;
    border: 1px solid #ddd!important;
    padding: 20px 10px!important;

}
.help h3{
    margin: 0 0 10px 0!important;
}
.help ul{
    padding-left: 17px !important;
}

#header-fixed {
    position: fixed;
    top: 0px; display:none;
    background-color:white;
    width: 940px;
}


.filters .jqTransformSelectWrapper {
    margin-top:6px;
}

.filters td {
    vertical-align:middle;
    padding-left: 2px;
    padding-top:0;
}

.filters td.lbl {
    text-align:right;
}

/*Bogdan Serban
 Used for styling checkboxes on unassign bde*/
.checkbox-left > input[type="checkbox"] {
      float: left;
  }

/* new css */

#sidebarBoxes .top3cols, #sidebarBoxes .bot3cols {
    width: 100%;
    float: left;
    clear: both;
}
#sidebarBoxes .top3cols {
    margin-bottom: 7px;
}
#sidebarBoxes .bot3cols {
    margin-top: 7px;
    margin-bottom: 15px;
}
#sidebarBoxes .top3cols div {
    width: 33%;
    float: left;
    text-align: center;
    color: #666;
    font-size: 12px;
}
#sidebarBoxes .bot3cols div {
    width: 33%;
    float: left;
    text-align: center;
    color: #A5A5A5;
    font-size: 12px;
    font-style: italic;
}
#sidebarBoxes .pipeLine {
    width: 100%;
    float: left;
    clear: both;
    height: 16px;
    background: url(../../img/pipelines_03.png) center top no-repeat;
    background-size: cover;
}

.tableTiers {
    margin-bottom: 30px;
    float: left;
    clear: both;
}
.tableTiers .tableRow {
    border-bottom: 1px dotted #ccc;
    padding: 8px 0px;
    float: left;
    width: 100%;
}
.bot3cols .first,
.top3cols .first{
    text-align: left!important;
}
.top3cols .last,
.bot3cols .last{
    text-align: right!important;
}

.tableTiers .moreLink {
    padding: 8px 0px;
    float: right;
    text-align: right;
    font-size: 12px;
}
.tableTiers .tableRow.noBotLine {

}
.tableTiers .tableRow .tableColFirst {
    width: 40%;
    float: left;
    font-size: 14px;
    font-family: "robotolight",sans-serif;
    color: #212121;
    padding: 8px 0;
}
.tableTiers .tableRow .tableColFirstSplit {
    width: 20%;
    float: none;
    text-align: center;
}
.tableTiers .tableRow .tableCol {
    border-radius: 2px;
    color: #727272;
    float: left;
    font-family: "exo_2semi_bold";
    font-size: 13px;
    font-weight: 500;
    padding: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 20%;
}
.tableTiers .tableRow .tableCol.goldRes {
    background: url("../../img/gold.jpg") center no-repeat;
     height: 41px;
}
.tableTiers .tableRow .tableCol.silverRes {
    background: url("../../img/silver.jpg") center no-repeat;
    height: 41px;
}
.tableTiers .tableRow .tableCol.bronzeRes {
    background: url("../../img/bronze.jpg") center no-repeat;
    height: 41px;
}


/* end new css */
/*.language_hold {*/
    /*position: relative;*/
    /*float:right;*/
    /*/!* right: 470px;*!/*/
    /*width:100px;*/
    /*top: 12px;*/
/*}*/
/*.language {*/
    /*position: absolute;*/
    /*border: 1px solid #555;*/
    /*border-top: 0;*/
    /*background-color: #33373B;*/
    /*padding: 5px;*/
    /*z-index: 10000;*/
    /*top: 33px;*/
    /*display: none;*/
    /*left: 5px;*/
    /*right: 5px;*/
/*}*/
/*.language li {*/
    /*padding: 5px 8px;*/
/*}*/
/*.language li img{*/
    /*float: left;*/
    /*padding: 6px 0 6px 2px;*/
/*}*/
/*.language li a{*/
    /*color: #cccccc;*/
    /*transition: all 0.3s ease;*/
/*}*/
/*.language li a:hover{*/
    /*color: #fff;*/
    /*text-decoration: none;*/
/*}*/
/*.language li span{*/
    /*float: left;*/
    /*padding: 4px 0 0 6px;*/
/*}*/



/* css for steps, checkout zone */

.steps {
    background: linear-gradient(to bottom, #F4F4F4 0%, #F7F7F7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #E0E0E0;
    overflow: auto;
}
.steps h4 {
    color: #4A4A4A;
    float: left;
    line-height: 57px;
    margin: 0 0 0 14px;
    text-shadow: 0 0 1px #FFFFFF;
    text-transform: uppercase;
    white-space: nowrap;
}
.steps h4 #done {
    color: #57627A;
}
.steps a {
    float: right;
    line-height: 56px;
    margin-right: 35px;
}
/* Pipeline stuff */
#month_selector             { width:357px; height:1px; margin:35px auto; background:#dae1e1; position: relative;}
#month_selector a           { display: inline-block; position: absolute;}
#month_selector a           { text-decoration: none;}
#month_selector a.first     { top:-17px; left: 20px;}
#month_selector a.second    { top:-17px; left:50%; margin:0 0 0 -16px;}
#month_selector a.third     { top:-17px; right: 20px;}
#month_selector a .circleW  {width: 32px; height: 32px;  border: solid 2px #d4d7d7;  background-color: #fff; display: inline-block;
    -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
    -webkit-box-shadow: inset 0 0 4px rgba(34,68,71,.07); -moz-box-shadow: inset 0 0 4px rgba(34,68,71,.07); box-shadow: inset 0 0 4px rgba(34,68,71,.07);}
#month_selector a.selected .circleW
#month_selector a:hover .circleW    { width: 32px; height: 32px; background-color: #fff; border: solid 2px #d4d7d7;
    -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; display: inline-block;}
#month_selector a.selected .circleH,
#month_selector a:hover .circleH   {width: 16px; height: 16px; margin:6px 6px 0;  background-color: #6ccbd2; display: inline-block;
    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
    -webkit-box-shadow: 0 1px #798f92; -moz-box-shadow: 0 1px #798f92; box-shadow: 0 1px #798f92;}
#month_selector a span.txt  { margin:10px 0 0 0; color:#3b7fa6; text-align: center; display: block;}
#month_selector a:hover span.txt  {color:#333;}

#col_left_406 hr            { width:100%; height:1px; margin:15px 0; background: #ededed; border:0 none; display: block;}

#chartWrapper               { width:380px; margin:40px auto;}

#col_right_tabel            { width:508px; float: right;}


#dashboardHeader,
.bigHeader            { width: 100%; height:382px; margin:0 auto 20px auto; background: #298f9b url(../../img/bg_dashboardHeader.jpg) top center no-repeat; position: relative; color: #fff;}
#dsh_green_btn              { width: 266px; height:72px; margin:96px 0 0 0;  border: solid 1px rgba(29,125,136,.74); background-color: #4d576e; display: block; float: left;
    font: normal 30px/72px 'klavika_basicmedium', sans-serif; text-align: center; text-decoration: none; color:#fff; position: relative;
    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
    -webkit-box-shadow: 0 2px rgba(0,0,0,.18); -moz-box-shadow: 0 2px rgba(0,0,0,.18); box-shadow: 0 2px rgba(0,0,0,.18);
    background-image: -webkit-linear-gradient(bottom, #52bd70, #55c575);
    background-image: -moz-linear-gradient(bottom, #52bd70, #55c575);
background-image: -o-linear-gradient(bottom, #52bd70, #55c575);
background-image: linear-gradient(to top, #52bd70, #55c575);}
#dsh_green_btn:hover        { margin:98px 0 0 0; -webkit-box-shadow: 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 rgba(0,0,0,0); box-shadow: 0 0 rgba(0,0,0,0);}
#dsh_green_btn img          { position: absolute; top:49px; left:95px;}
#dsh_green_btn:hover img          { position: absolute; top:47px; left:95px;}

#dashboardHeader .txt       { width: 650px; margin:98px 0 0 70px; display: inline-block; float: left;}
#dashboardHeader h2,
.bigHeader h2               { margin:0 0 10px 0; font:normal 42px/42px 'klavika_basicmedium', Arial,sans-serif; letter-spacing:-0.04em; color: #fff;text-shadow: 1px 1px rgba(0,0,1,.13);}
#dashboardHeader h3,

.bigHeader h3               { margin:0 0 40px 0; font:normal 34px/34px 'klavika_basiclight', Arial,sans-serif;  letter-spacing:-0.04em; color: #fff;text-shadow: 1px 1px rgba(0,0,1,.13);}

.renewal_filters .w120{
    width: 110px;
    display: inline-block;
    margin-bottom: 10px;
    color: #666;
}
.renewal_filters input {
    margin-right:10px;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 10px;
    line-height: 14px;
    padding: 5px 10px;
    transition: all 0.3s ease;
}
.filters .jqTransformSelectWrapper {
    box-shadow: none!important;
    margin: 5px 10px!important;
}
.jqTransformSelectWrapper ul{
    width: 100%!important;
}
.jqTransformSelectWrapper ul a, .jqTransformSelectWrapper ul a.selected{
    transition: all 0.3s ease!important;
}
.jqTransformSelectWrapper ul a.selected, .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover{
    background-color: #0288d1!important;
    color: #fff!important;
}
.renewal_filters input:focus{border-color: #72c2ed;}
#watch_video {
float: left;
margin: 82px 30px 0 20px;
border: none;
}
table.materials tr td{line-height: 1.5;}
div.pageRight ul.recentlyAdded li{
    margin-bottom: 5px;
}
/***********************************************/
/***********************************************/
/** Font Awesome spinner ***********************/
/***********************************************/
/***********************************************/

.fa-spin-custom, .glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

#build-type-warning {
    position: fixed;
    z-index: 999;
    display: block;
    color: white;
    font-size: 14px;
    padding: 0 20px 0 20px;
    text-align: center;
    line-height: 63px;
    border-bottom-right-radius: 10px;
}

#build-type-warning.build-type-devel {
    background-color: rgb(126, 185, 1);
}

#build-type-warning.build-type-staging {
    background-color: rgb(255, 200, 47);
}

#build-type-warning i {
    margin-right: 15px;
}

#page-wrap {
    position: relative;
}

#mass_action_notify {
    font-weight: bold;
    font-size: 16px;
    border: 1px green;
    padding: 5px;
    text-align: center;
    background-color: #4e586f;
    border: 1px red solid;
    color: white;
    width: 100%;
}

/* 2016 added css */
.ui-widget-header{
    background: #0288d1!important;
    border: transparent!important;
    border-radius: 0!important;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover{
    background: transparent!important;
    border:none!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background: transparent!important;
    text-align: center!important;
    color: #666!important;
    font-weight: normal!important;
}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover{
    color: #0288d1!important;
    border-color: #0288d1!important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    color: #0288d1!important;
    border-color: #0288d1!important;
}
input.cancel-filters{
    transition: all 0.3s ease;
    background: url('../../img/clear-filters.png') 91% center no-repeat #c76161!important;
    color: #fff!important;
    cursor: pointer;
    text-transform: none!important;
    padding: 7px 30px 7px 10px!important;
    margin-left: 5px!important;
    border: none!important;
    height: 36px!important;
    float: left!important;
    margin: 0 0 0 5px!important;
}
input.cancel-filters:hover{
    background-color: #d65757!important;
}
input.filter-button{
    background: url('../../img/filter.png') 87% center no-repeat #0288d1!important;
    padding: 7px 30px 7px 10px!important;
    height: 36px!important;
    float: left!important;
    margin: 0!important;
}
input.filter-button:hover{
    background-color: #0f618c!important;
}
table.no-border,
table.no-border td,
table.no-border tr{
    border: none!important;
    padding: 0!important;
    box-shadow: none!important;
    margin-top: 0px!important;
}
table.floating_table{
    margin-top: 20px;
}
a.export-item{
    background: url('../../img/export.png') right center no-repeat;
    padding: 10px 17px 10px 0;
    margin-right: 10px;
    display: inline-block;
}
#fullContent .pageContentShort{
    width: 75%!important;
    margin-right: 5%!important;
}
#fullContent .pageRight{
    width: 20%!important;
}
.pageContentShort p{
    clear: both;
}

.detailsExpanded input{
    transition: all 0.3s ease!important;
    padding: 5px!important;
    border: 1px solid #ddd!important;
    font-size: 12px!important;
    line-height: 14px!important;
    padding: 6px 10px!important;
    border-radius: 0!important;
}
.detailsExpanded input:focus{
    border-bottom-color: #0288d1!important; ;
}
#DiscountAdditionalInfo,
.enduser_quote textarea{
    transition: all 0.3s ease!important;
    width: 90%!important;
    border: 1px solid #ddd!important;
}
#DiscountAdditionalInfo:focus,
.enduser_quote textarea:focus{
    border-bottom-color: #0288d1!important;
}
.chosen-container-single .chosen-single{
    border-radius: 0!important;
    background: transparent!important;
    box-shadow: none!important;
}
.detailsExpanded label{
    color: #666!important;
    margin-bottom: 5px!important;
}
.quoteButtonsList select{
    font-weight: normal!important;
}
.enduser_quote select{
    width: 100%!important;
}
.chosen-container-active.chosen-with-drop .chosen-single{
    background: transparent!important;
    box-shadow: none!important;
    border-radius: 0!important;
}
.detailsExpanded input#createdby{
    color: #fff;
    background: #565656;
}
.addProduct a{
    font-weight: normal;
    font-size: 13px;
    outline: none;
    color: #0288d1!important;
}
.col20{
    width: 25%!important;
}
.chosen-container .chosen-results li{
    transition: all 0.3s ease;
    font-size: 12px!important;
}
.chosen-container .chosen-results li.result-selected,
.chosen-container .chosen-results li:hover{
    background: #0288d1!important;
    color: #fff!important;
}
.addProduct hr{
    display: none;
}
.addProduct{margin: 2em 0 0 0!important;}
.steps {
    background: #0288d1;
    padding: 15px 20px;
    position: relative;
    margin-bottom: 5px;
}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.steps h4{
    font-size: 14px;
    color: #fff;
    text-shadow: none;
    text-transform: none;
    line-height: 1.3;
    margin: 0;
    font-weight: normal !important;
}
#formContentPayment,
#formContent{
    width: 100%!important;
    float: none!important;
    padding: 15px!important;
}
a#nextCheckoutFromPayment,
a#nextCheckoutCustomer,
a#nextCheckoutProducts,
a#nextCheckoutType{
    transition: all 0.3s ease;
    float: right!important;
    background: url('../../img/next.png') 88% center no-repeat #0288d1;
}
/*a.see-all:hover,*/
/*a#nextCheckoutFromPayment:hover,*/
/*a#nextCheckoutCustomer:hover,*/
/*a#nextCheckoutProducts:hover,*/
/*a#nextCheckoutType:hover{*/
    /*background-color: #0f618c;*/
/*}*/
#label_96405{
    position: relative;
    top: -1px;
}
.steps a{
    line-height: 1;
}
#resellerNo{
    line-height: 1.5;
    margin: 20px 0;
}
#stepPayment a#linkEditPayment span,
#stepCustomer a#linkEditCustomer span,
#stepProducts a#linkEditProducts span{
    text-indent: -9999px!important;
    background: url("../../img/edit.png") center no-repeat!important;
    display: block!important;
    height: 20px!important;
    width: 20px!important;
    /*margin-right: 40px!important;*/
}
.steps.completed{
    background: #0288d1 url("../../img/checked.png") no-repeat  98% center;
}
.message{
    font-weight: normal;
    background: #E4F2FF;
    border-radius: 0;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding: 17px 10px;
    line-height: 1.3;
    text-align: center;
    border: 0;
}
.chosen-container .chosen-results li.no-results{
    color: #fff!important;
    background: #cb6767!important;
    text-align: center!important;
    padding: 5px 0!important;
    font-size: 12px!important;
}
#formContent select,
#formContent input[type="text"]:not(.default), #formContent input[type="password"], #formContent input[type="number"], #formContent input[type="email"]{
    border-radius: 0!important;
}
#formContent input[type="text"]:hover, #formContent input[type="email"]:hover, #formContent input[type="text"]:focus, #formContent input[type="password"]:focus, #formContent select:hover, #formContent select:focus{
    background: transparent;
}
#formContent a#addProduct{
    display: block;
    text-align: right;
}
#loaderType{
    display: block;
    text-align: center;
}
/* buttons */
.change-password{
    background: url('../../img/change-password.png') 95% center no-repeat #0288d1 !important;
}
.edit-info{
    background: url('../../img/edit2.png') 95% center no-repeat #0288d1 !important;
    margin-left: 0;
}
.see-all{
    background: #0288d1 url("../../img/next.png") no-repeat scroll right 10px center !important;
    padding: 7px 23px 7px 13px !important;
    margin-left: 0 !important;
}
.search-button{
    background: url(../../img/search.png) 89% 9px no-repeat #0288d1!important;
    margin: 10px 0 0 0!important;
}
.small-button{
    font-size: 11px!important;
    padding: 6px 8px!important;
    margin: 0 10px 0 0!important;
}
.save-button{
    background: url('../../img/save.png') right 8px center no-repeat #0288d1!important;
    margin: 10px 0 0 0!important;
}
.default-button{
    padding: 8px 10px!important;
}
.submit-button{
    background: url('../../img/next.png') right 12px center no-repeat #0288d1!important;
    margin: 10px 0 0 0!important;
}
.download-button{
    background: #0288d1 url("../../img/download.png") no-repeat  95% center!important;
}
.create-button{
    background: #0288d1 url("../../img/white-plus.png") no-repeat 87% center!important;
}
.cancel-button{
    background: #cb6767 !important;
}
#checkout_bt{
    background: #0288d1 url("../../img/cart.png") no-repeat 89% center!important;
}
.checkout_bt{
    background: #0288d1 url("../../img/cart.png") no-repeat 89% center!important;
}
div.input.select #category{
    padding: 10px;
    margin: 10px 0;
    border: 1px dotted #eee!important;
}
div.input.select #category option{
    padding: 5px;
    color: #666;
}
#sidebarBoxes fieldset legend{
    color: #666;
    margin-bottom: 10px;
    display: block;
}
#category optgroup{
    padding: 5px 0;
    font-style: normal;
    font-weight: 600;
    border-bottom: 1px dotted #ddd;
    border-radius: 0!important;
    color: #555!important;
}
div.input.select #endpoints_number{
    width: 100%;
    border: 1px solid #eee;
    margin-top: 15px;
    padding: 5px 0;
}
#sidebarBoxes #formContent{
    padding: 0!important;
}
#sidebarBoxes #formContent input#partner_name{
    width: 100%!important;
    margin-bottom: 10px;
}
/* media queries */
@media all and (max-width:1300px) {
    .wrapp{
        width: 92%;
    }
}

.ajax_loader {width: 100%; background: url(../../img/loader.gif); width: 30px; height: 30px; width: 100%; background-repeat: no-repeat; background-position: center;}
.div_loader {background: url(../../img/loader.gif); width: 78px; height: 78px; background-repeat: no-repeat; background-position: center;}

.editProducts, .editCustomer, .editPayment {
    font-weight: normal;
    padding-right: 10px;
}

.step-completed {
    background: url(../../img/checked.png) 98% center no-repeat #0288d1;
}
.custom_inputs_summary {
    margin: 6px 0 0 10px;
    display: inline-block;
}


/* renewals page */
.video-link a.whiteBtn {
    transition: all 0.3s ease;
    color: #47543c;
    border-radius: 5px;
    padding: 8px 22px 8px 12px;
    text-transform: uppercase;
    font-family: 'Arial, Helvetica', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    background: url(../../img/red-arrow.png) 93% center no-repeat #F4F4F4;
    margin-top: 2em;
    display: inline-block;
}
.video-link a.whiteBtn:hover {
    background-color: #dbd8d8;
    color: #31392b;
}
.slide {
    position: relative;
    overflow: auto;
    width: 100%;
}
.slide li {
    list-style: none;
}
.slide ul li {
    float: left;
    height: 380px;
    width: 100%;
}
.slide.distribuitori li.slide1 {
    background: url(../../img/slide1.jpg) center no-repeat;
}
.slide.distribuitori li.slide2 {
    background: url(../../img/slide2.jpg) center no-repeat;
}
.slide.distribuitori li.slide3 {
    background: url(../../img/slide4.jpg) center no-repeat;
}
.slide.distribuitori li.slide3 h1{
    display: inline-block;
    font-weight: bold;
    font-family: 'robotobold', sans-serif;
    margin-top: 1.6em;
}
.slide.distribuitori li.slide3 h1 span{
    display: block;
    font-size: 36px;
    font-weight: bold;
    padding: 10px 20px;
    background: rgba(0,0,0,.7);
    margin-bottom: 3px;
}
.slide.distribuitori li.slide3 p{
    font-size: 20px;
    color: #fff;
    padding: 10px 20px;
    background: rgba(0,0,0,.7);
    display: inline-block;
    margin-bottom: 0;
}

.slide.distribuitori li.slide3 h1 span.row2{
    color: #0CBFD5;
}
.slide.distribuitori li.slide3
.slide li h1, .banner li h2, .banner li h3 {
    font-family: 'exo_2regular';
}
.slide li h1 {
    font-size: 40px;
    color: #ffffff;
    margin: 3em 0 0 0;
}
.slide li h2 {
    margin: 0;
    font-size: 40px;
    color: #fff;
}
.banner.distribuitori li h2 b {
    font-family: 'exo_2bold';
    font-weight: normal;
}


@media only screen and (max-width:1280px) {
    .container,
    .wrapp {
        width: 92%!important;
    }
    .range-sliders .credit-slider .more-details span + span, .pan-program .header-tabs span {
        font-size: 12px;
    }
    .responsive-table {
        overflow-y: auto;
    }
    #main-header div.contact-us.customF, #main-header .language.customF {
        text-align: center;
        width: 20%;
    }
    #main-header .drop {
        font-size: 11px;
    }
    #footer .fRight{width: 800px;}
    #main-header .customF.v2{width: 30%;}
}


@media only screen and (max-width:1023px) {
    .container,
    .wrapp {
        width: 92%!important;
    }
    #footer .fRight{width: auto;}
    #main-header .header-options.v2{width: 100%;}
    #mobile-nav ul.level2{width: 100%!important;
        background-repeat: #555;}
}

@media only screen and (max-width: 767px) {
    .slide.distribuitori li.slide3 p{font-size: 14px;}
    .slide.distribuitori li.slide3 h1 span{font-size: 24px;}
    #leftContent02{width: 100%;float: none;}
    #main-header .customF.v2,#main-header .customF{width: 100%!important;float: none;margin-bottom: 20px;text-align: center@important;}
}