body { height:100%; background:#c3c3c3;font-size:12px;}
* {	margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; }

img {border:0px; padding:0px; margin:0px;}
a{ text-decoration:none; color:#0E72B0;}
/*pomocnicze*/

img {
    border: 0 none;
}

.clear{clear:both;}

.hand{
    cursor: pointer;

}
a:focus{
    outline:none;
    text-decoration: none !important;
}
a:active{
    text-decoration: none !important;

}
h2{
    font-size:18px;
    font-weight:bold;
    margin-top:5px;
    margin-bottom: 10px;
    padding:0px;
}

.info-text{
    color:#A3A3A3;
    margin-bottom:3px;
    display:block;
    font-size:11px
}
.res-img{
    max-width: 100%;
}

/**/

.my_class div.col-sm-6{
    float:left;
    width:50%;
}
.my_class div.col-sm-3{
    float:left;
    width:25%;
}

/*Dealer main navbar top*/

.dealer-main-navbar{
    display: block;
    float: left;
    width: 100%;
}
.dealer-main-navbar-top{
    margin: -61px 0 0 288px;
    padding: 0;
    z-index:99;
    position: relative;
}

.dealer-main-navbar-top li{
    float:left;
    list-style:none;
}
.dealer-main-navbar-top li a{
    display: block;
    height: 45px;

    padding: 8px 10px;
    text-align: center;
    transition: all 130ms ease-in-out 0s;

}
.dealer-main-navbar-top li a:hover{
    text-decoration: none;

}
@media (min-width: 1300px){
    .dealer-main-navbar-top li a{
      padding: 8px 20px;
    }

}

.dealer-main-navbar-top li a i{
    font-size:28px;
    color:#A9A9A9;
}
.dealer-main-navbar-top-inactive a img{

    opacity: 0.7;

}
.dealer-main-navbar-top-inactive a:hover{
    background:none repeat scroll 0 0 rgba(254, 254, 254, 0.1);

}
.dealer-main-navbar-bottom div.navbar-inner ul li a:hover {
    color: #FFFFFF;
    text-shadow: none;
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.11);
}


.dealer-main-navbar-top li a span{
    color: #F5F5F5;
    display: block;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;

}

.dealer-main-navbar-top-active a{
    background: #395E9C;

    box-shadow: -2px 1px 0 rgba(0, 0, 0, 0.22) inset;

}
.dealer-main-navbar-top-active a img{
    opacity:1;
}

.dealer-main-navbar-top-active a i{
    color:#fff !important;
}
.dealer-main-navbar-top-active a span{
    color:#fff !important;

}
.dealer-main-navbar-top > li.customers a{
    background: rgb(43,191,95); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiYmY1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNmE1NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(43,191,95,1) 0%, rgba(38,165,76,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,191,95,1)), color-stop(100%,rgba(38,165,76,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(43,191,95,1) 0%,rgba(38,165,76,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(43,191,95,1) 0%,rgba(38,165,76,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(43,191,95,1) 0%,rgba(38,165,76,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(43,191,95,1) 0%,rgba(38,165,76,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bbf5f', endColorstr='#26a54c',GradientType=0 ); /* IE6-8 */
}



.dealer-main-navbar-bottom{
    margin-bottom:0px;
    display:block;
    top:0px;
    width:100%;
    z-index: 999;
}
.dealer-main-navbar-bottom-highlight{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.19);
    box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.23) inset;
-webkit-transition-timing-function: ease-in;
 transition: all 130ms ease-in 0s;
}
.dealer-main-navbar-bottom div.navbar-inner{
    border-radius: 0px;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    background: rgb(57,94,156); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5NWU5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDI4NTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(57,94,156,1) 0%, rgba(13,40,87,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(57,94,156,1)), color-stop(100%,rgba(13,40,87,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(57,94,156,1) 0%,rgba(13,40,87,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(57,94,156,1) 0%,rgba(13,40,87,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(57,94,156,1) 0%,rgba(13,40,87,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(57,94,156,1) 0%,rgba(13,40,87,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395e9c', endColorstr='#0d2857',GradientType=0 ); /* IE6-8 */


}
.dealer-main-navbar-bottom div.navbar-inner .brand{
    text-shadow: none;
    color:#fff;

}

.dealer-main-navbar-bottom div.navbar-inner ul li a{
    text-shadow: none;
    color:#fff;
    -webkit-transition-timing-function: ease-in;
 transition: all 130ms ease-in 0s;
}
.dealer-main-navbar-bottom div.navbar-inner ul li a:hover{
    color:#fff;

}

.dealer-main-navbar-bottom > div.customers{
    background: rgb(38,165,76); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2YTU0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjg3NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(38,165,76,1) 0%, rgba(31,135,70,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(38,165,76,1)), color-stop(100%,rgba(31,135,70,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(38,165,76,1) 0%,rgba(31,135,70,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(38,165,76,1) 0%,rgba(31,135,70,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(38,165,76,1) 0%,rgba(31,135,70,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(38,165,76,1) 0%,rgba(31,135,70,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a54c', endColorstr='#1f8746',GradientType=0 ); /* IE6-8 */

}
.navbar-profile-options{
    list-style:none;
    float:right;
    margin:0px;
    padding:0px;
}
.navbar-profile-options li.options-item{
    float:left;
    color:#a9a9a9;
}

#notification_area {
    display: block;
    height: 45px;
    width: 70px;
    padding: 8px 0;
    text-align: center;
    transition: all 130ms ease-in-out 0s;

}

.notification-list{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid rgba(100, 100, 100, 0.4);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);

    position: absolute;
    right: 6px;
    top: 61px;
    width: 430px;
    z-index: 9;
    color:#000;
}
.notification-list-arrow{
    border-bottom: 13px solid #fff;
    border-left: 13px solid transparent;
    border-right: 12px solid transparent;
    float: left;
    height: 0;
    margin-left: 81px;
    margin-top: -13px;
    width: 0;
}


.notification-list ul{
    min-height: 200px;
}
.notification-head{
    background: none repeat scroll 0 0 #fff !important;
    border-bottom: 1px solid #dedede !important;
    font-size: 11px;
    padding: 9px 11px !important;
    cursor:default!important;

}
.notification-bottom{
    background-color: #f7f7f7;
    border-top: 1px solid #c5c5c5;
    display: block;
    font-size: 11px;
    outline: medium none;
    padding: 9px 11px;
    text-align: right;
}


.navbar-profile-options li.options-item div i{

    cursor: pointer;
}
.navbar-profile-options li.options-item div i:hover {

    color:#fff;
    font-size:25px;
}


.navbar-profile-options li.options-item div i {
    color: #d7d7d7;
    font-size: 23px;
    margin-top: 10px;
    position:relative;
}

.navbar-profile-options li.options-item div span {
    color: #f5f5f5;
    display: block;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
}
.navbar-profile-options li.options-item div b.notice{
    background: rgb(255,48,25); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */

    border-radius: 50%;
    box-shadow: 1px 2px 3px #000;
    color: #fff;
    margin-bottom: 5px;
    margin-left: -2px;
    padding: 0 7px;
    position: absolute;
}

/**/

.error-row{
    background: none repeat scroll 0 0 #FFF2F2 !important;
    border-bottom: 1px solid #B94A48 !important;
    border-left: 5px solid #B94A48;
}

.standardH3{
    border-top:1px solid #E2E2E2;
    background:#f2f2f2;
    font-size:13px;
    color:#333;
    text-shadow: 1px 1px 1px #FFFFFF;
    margin-bottom: 20px;
}

.standardH3 span{
    border-top: 1px solid #FFFFFF;
    display: block;
    line-height: 120% !important;
    padding: 12px 16px;
    font-weight: bold;
}



.standardH3Buttons{
    float: right;
    margin-right: -8px;
    margin-top: -7px;
}


.table-head-h3{
    margin-bottom:0px;
    border:1px solid #D6D6D6;
    border-bottom:0px;
    border-radius: 4px 4px 0 0;
    background: rgb(245,245,245); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(245,245,245,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(245,245,245,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */

    margin-top:0px;
}



/*Login Form*/
.loginBody{
    background:#f5f5f4;
}

.loginBox{
    background:#e7e7e7 url('img/loginBox.png') 0 31px no-repeat;
    width:500px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:5%;
}

.loginBox h1.start{
    background:#354863 url('img/blueHead.png') 0 -32px repeat-x;
    height:30px;
    display:block;
    /*border-radius: 5px 5px 0px 0px;*/
    border-bottom:1px solid #556173;
}

.loginBox h1.start span.over{
    display:block;
    height:30px;
    background:transparent url('img/blueHead.png') top right no-repeat;
    /*border-radius: 0px 5px 0px 0px;*/
}

.loginBox h1.start span.over b{
    background: url("img/startLogo.png") no-repeat scroll 0 4px transparent;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    line-height: 100%;
    margin-left: 5px;
    padding-bottom: 6px;
    padding-left: 25px;
    padding-top: 7px;

}
.loginBoxBottom{
    background:#e7e7e7 url('img/loginboxBottom.png') 0 0 no-repeat;
    display:block;
    height:46px;
    margin-top:15px;
    padding-right:10px;
}

.loginBoxBottom a.helpLink{
    color: #878787;
    float: right;
    font-size: 11px;
    margin-left: 15px;
    margin-top: 12px;
    text-shadow: 1px 1px 1px #FFFFFF;
}
.loginBoxBottom a.helpLink:hover{
    color: #585858;
}

form.loginForm{
    background:#fff;
    padding:20px;
    border-radius: 5px;
    width:370px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
}

form.loginForm label{
    color: #000000;
    float: left;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 6px;
    padding-right: 10px;
    text-align: left;
    width: 60px;
    /*font-family:calibri;*/
}

form.loginForm span{
    display:block;
    padding:7px 10px;

}

form.loginForm input.mainField{
    border: 1px solid #7e7e7f;
    font-size: 13px;
    padding: 6px 3px;
    width: 272px;
    border-radius:3px;
    background:#fff url('img/inputBg.png') 0 0 repeat-x;
}

form.loginForm span.loginButCont{
    display:block;
    text-align:center;
}

span.rulesCheck{
    display:block;
}
span.rulesCheck input{
    float:none;
    min-width:20px;
    padding:0px;
    margin:0px;
    vertical-align:middle;
    margin: 0 0 3px;

}

span.rulesCheck label{
    color: #585858;
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    width: 136px;
}

.loginButton{

    background: url("img/greenBut.png") repeat-x scroll 0 0 green;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 30px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor:pointer;

}
.loginButton:hover{
    background-position:0 -29px;
    box-shadow: 0 2px 2px #C4C4C4;
}

.loginError{
    margin:0px !important;
    margin-bottom:10px !important;
}

/*EOF Login Form*/

.errorBox {
    background: url("img/ico/warning.png") no-repeat scroll 0 -5px #FFF0EB;
    border-bottom: 1px solid #FFD7CD;
    border-top: 1px solid #FFD7CD;
    color: #994842;
    display: block;
    font-size: 11px;
    margin: 15px;
    min-height: 22px;
    padding: 9px 10px 2px 40px;
    text-align: justify;
}
/*buttons*/


.button{
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1);
    border: 1px solid #DCDCDC;
    border-radius: 2px 2px 2px 2px;
    color: #444444;
    font-size: 11px;
    font-weight: bold;
    line-height: 27px;
    list-style: none outside none;
    margin: 0 2px;
    min-width: 46px;
    outline: medium none;
    padding: 0 6px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
.buttonWidth100{
    width:100px!important;
}
.buttonWidth80{
    width:80px!important;
}
.minHeight400{
    min-height:400px!important;

}
.minHeight700{
    min-height:700px!important;

}
.maxHeight400{
    max-height:400px!important;
    overflow:auto;
}
.maxHeight200{
    max-height:200px!important;
    overflow:auto;
}
.maxHeight150{
    max-height:150px!important;
    overflow:auto;
}

.buttonDisabled {
    background-color: #FFFFFF;
    border-color: #F3F3F3;
    color: #B8B8B8;
    cursor: default;
}

.button:hover{
    background-color: #F8F8F8;
    background-image: -moz-linear-gradient(center top , #F8F8F8, #F1F1F1);
    border-color: #C6C6C6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #333333;
}
.buttonFocused{
    border-color: #4D90FE;
}
.button:active{
    background-color: #EEEEEE;
    background-image: -moz-linear-gradient(center top , #EEEEEE, #E0E0E0);
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: #333333;
    z-index: 2;
}


.topMenu{
    background: none repeat scroll 0 0 #000000;
    color: #B5B5B5;
    display: block;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    width: 100%;

}
.topMenu i{
    margin-top:0px;
}
.topMenu span{
    font-size: 11px!important;
    margin-left:5px;
}

.topMenuButton{

    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    *background-color: #222222;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    padding:4px;

}

.topMenuButton:hover{

    color: #ffffff;
    background-color: #222222!important;
    *background-color: #151515;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    text-decoration:none;
}

.mainHeader{
    background:#353535 url('img/headBg.png') 0 0 repeat-x;
    display:block;
    height:61px;
    /*border-bottom:1px solid #cdcdcd;*/
    width:100%;
    box-shadow: 1px 3px 3px #8E8E8E;
}
.helpdeskBox{

    float:right;
    margin-right:10px;
    margin-top:6px;
    min-width: 300px;
}
.helpdeskBox button{
    font-size:11px !important;

}

.logo{
    background:#353535 url('img/headerLogo.png') 0 0 no-repeat;
    float:left;
    height:61px;
    width:395px;

}



.mainLayout{
    height: 100%;
    width: 100%;
    border: medium none;
    table-layout: fixed;
}

.panelLeftPane{
    min-width: 195px;
    vertical-align: top;
    width: 14%;
    background:#fff;
    border-right:1px solid #B3B3B3;

    float:left;
}

.panel-left-container, .fixed-leftpane-bg{
    background:transparent;
    vertical-align: top;
    border-collapse: collapse;
    position: relative;
    width: 18%;
    float:left;
    box-sizing: border-box;
}

.panel-left-body{
    background:#fff;
}

.panel-right-container{
    background:transparent;
    vertical-align: top;
    border-collapse: collapse;
    position: relative;
    width: 82%;
    float:left;
    box-sizing: border-box;
}


@media (min-width: 1300px){
    .panel-right-container{
         width: 86%;

    }
    .panel-left-container , .fixed-leftpane-bg{
        width: 14%;
    }
}


.panel-right-body{
    box-sizing: border-box;
    display:block;
    padding-right:10px;
}


.fixed-leftpane-bg {
    height: 100%;
    position: fixed;
    top: 0;
    z-index: -1;
    background: #fff;
}

.panelRightPane{
    min-width: 954px;
    vertical-align: top;
    width: 85%;
    padding-bottom:40px;
    float:left;
}

.mainColumn{
    float:left;
    width:50%;
    min-height:100px;
}
.rightColumn{
    width:49%;
    margin-right:1%;
}
.fullColumn{
    width:99%;
    margin-right:1%;

}
.mainMenu{
    display:block;
    min-height:350px;

}
.pie-padding{
    padding:0 5%;

}
.inventory-status{
    margin:0px;
    background: #EDEDED;
    box-sizing:border-box;
    display: block;
    padding:10px 5%;
    min-height:100px;
}

.inventory-status h2{
    margin:0px;
    padding:0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    margin-bottom: 5px;

}
.check-all input{
    float: left;
    margin: 4px 5px 4px 12px;

}
div.structure{
    padding: 10px 5%;
}

ul.structure{
    display:block;
    box-sizing:border-box;
    font-size: 12px;
    list-style: none;
    margin:0px;
}
ul.structure li{
    box-sizing:border-box;
    margin:0px;
}

ul.structure li.primary-item{
    font-weight: bold;
    font-size:14px;
}

ul.structure li.structure-item{
    padding-left:19px;
    min-height:18px;
    line-height: 18px;
}

ul.structure li.top-minus{
    background: transparent url("img/structure/top-minus.png") no-repeat;
    font-weight:bold;
}
ul.structure li.top-plus{
    background: transparent url("img/structure/top-plus.png") no-repeat;
    font-weight:bold;
}
ul.structure li.bottom-minus{
    background: transparent url("img/structure/bottom-minus.png") no-repeat;
    font-weight:bold;
}
ul.structure li.bottom-plus{
    background: transparent url("img/structure/bottom-plus.png") no-repeat;
    font-weight:bold;
}
ul.structure li.joint{
    background: transparent url("img/structure/joint.png") no-repeat;
}
ul.structure li.joint-minus{
    background: transparent url("img/structure/joint-minus.png") no-repeat;
    font-weight:bold;
}
ul.structure li.joint-plus{
    background: transparent url("img/structure/joint-plus.png") no-repeat;
    font-weight:bold;
}

ul.structure li.link{
    background: transparent url("img/structure/link.png") repeat-y;
}
ul.structure li.link-bottom{
    background: transparent url("img/structure/link-bottom.png") no-repeat;
}

.layoutFooter{
    width: 100%;
    border: medium none;



}

.footerBody{
    font-size: 11px;
    overflow: auto;
    text-align: center;
    width: 100%;


}

.mainMenu h1.start{
    background:#354863 url('img/blueHead1.png') 0 -32px repeat-x;
    height:30px;
    display:block;
    font-size:18px;
    line-height:100%;
    margin:0px !important;
}

.mainMenu h1.start span.over{
    display:block;
    height:30px;
    background:transparent url('img/blueHead1.png') top right no-repeat;
    box-shadow: 1px 0 2px #717171;
    line-height:100%;
}

.mainMenu h1.start span.over a{
    background: url("img/startLogo.png") no-repeat scroll 0 4px transparent;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    margin-left: 6px;
    padding-bottom: 6px;
    padding-left: 25px;
    padding-top: 6px;

}

ul.menuUl{
    margin:0px;
    padding:0px;
    list-style:none;
    padding-bottom:5px;
}


ul.menuUl li a{
    -moz-transition: all 130ms ease-in-out 0s;

    color: #0569c7;
    display: block;
    font-weight:normal;
    margin: 2px 0;

    text-transform: none;
    white-space: normal;
    word-wrap: break-word;

    padding:3px 15px;

}

ul.menuUl li.sub{
    padding-left:10px;

}

ul.menuUl li.sub a{
    margin: -7px 0 4px;
    padding-left: 10px;

}

ul.menuUl li a div.mainMenuIcon{
    float: left;
    margin-right: 7px;
    margin-top: -2px;
}

ul.menuUl li.menuH {

    background:#e5e8ee;


}
ul.menuUl li.menuH b{

    border-bottom: 1px solid #FFFFFF;
    box-shadow: -2px 0 3px #DEDEDE inset;
    color: #3F6076;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 7px 13px;
    text-transform: uppercase;

}
ul.menuUl li a i{
    color:#333;
}

ul.menuUl{

    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.05);


}


.bottomGradient{
    background: url("img/lightGreyGrad.png") repeat-x scroll 0 0 transparent;
    border-top: 1px solid #FFFFFF;
    display: block;
    height: 70px;
    z-index: 1;
}


ul.menuUl li a:hover{
    background:#eee;
    text-decoration:none;
}

.miscLink{
    margin-top:10px;
    float:left;
    margin-left:10px;
    font-size:11px;
}

.dragBox{
    min-height:50px;
    display:block;
    background:#fff;
    margin-left:7px;
    margin-top:7px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 3px #8E8E8E;
}

.dragBox h1.panel, .head-styled{
    color:#333;
    text-shadow:1px 1px 1px #fff;
    background:#e8e8e9 url('img/greyHead.png') 0 -29px repeat-x;
    height:28px;
    display:block;
    border-radius: 5px 5px 0px 0px;
    margin:0px;

}

.dragBox h1.panel span.over{
    display:block;
    height:28px;
    background:transparent url('img/greyHead.png') top right no-repeat;
    border-radius: 0px 5px 0px 0px;
}

.dragBox h1.panel span.over b{
    float: left;
    font-size: 13px;
    padding-left: 11px;
    padding-top: 6px;
    line-height:100%;
    font-weight:bold;
}

.dragBox h1.blueHead{
    color:#fff;
    text-shadow:none;
    background:#e8e8e9 url('img/blueHead.png') 0 -32px repeat-x;
    height:28px;
    display:block;
    border-radius: 5px 5px 0px 0px;

}

.dragBox h1.panel span.blue{
    display:block;
    height:28px;
    background:transparent url('img/blueHead.png') top right no-repeat;
    border-radius: 0px 5px 0px 0px;
}


.dragBoxOptions{
    background: none repeat scroll 0 0 #ededed;
    border-bottom: 1px solid #dcdcdc;
    box-shadow: 0 1px 0 #fff inset;
    box-sizing: border-box;
    display: block;

    font-size: 11px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 37px;
    padding: 3px 2%;
    width: 100%;
    z-index: 9;
}
.dragBoxOptions input{
    margin:0px;
}

.panelBody{
    padding:5px 1%;
    display:block;
}
.bottomOptions{
    background: none repeat scroll 0 0 #F8F8F8;
    border-top: 1px solid #E8E8E8;
    padding:10px;
    display:block;
    border-radius: 0px 0px 5px 5px;
    text-align:right;
}

.bottomOptions a.boption{
    font-size:11px;
    font-weight:bold;
    text-shadow: 1px 1px 1px #FFFFFF;
    color: #878787;

}



.bottomOptions a.boption:hover{
    color: #585858;
}
.place_holder {
    display:block;
    background:transparent;
    border:2px dashed #676767;
    min-height:150px;
    margin-left:10px;
    margin-top:10px;
    border-radius: 5px 5px 5px 5px;


}
.clear {
    clear:both;
}


/*Skr�ty*/
.shortcuts{
    padding:10px;
    padding-left:0px;
}

.shortcuts a{

    float:left;

    background-color: #F5F5F5;

    background: -moz-linear-gradient(top, #F7F7F7 0%, #E6E6E6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#E6E6E6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#E6E6E6',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* W3C */

    border: 1px solid #DCDCDC;
    border-radius: 5px;
    color: #444444;
    font-size: 13px;
    font-weight: bold;
    min-width: 46px;
    padding: 12px 12px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    margin-left:10px;
    margin-bottom:5px;
}

.shortcuts a:hover{

    background-color: #F8F8F8;
    background: -moz-linear-gradient(top, #F8F8F8 0%, #F1F1F1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#F1F1F1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#F1F1F1',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%); /* W3C */

    border-color: #C6C6C6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #333333;
}

div.shortIco1, div.shortIco2{

    background: url("img/ico/shortcuts37x34.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 34px;
    margin: -12px 7px -9px -7px;
    opacity: 0.8;
    vertical-align: middle;
    width: 37px;
}

div.shortIco2{
    background-position:0px -68px;
}

.shortcuts a:hover div{
    opacity: 1;
}

/*EOF skr�ty*/



/*Stream*/

.streamBody{
    display: block;
    min-height: 200px;
    padding-bottom: 40px;
}

ul.streamList{

    list-style:none;
    padding:10px ;
    margin:0px!important;

}

li.streamEvent{
    display:block;
    border-bottom: 1px solid #E9E9E9;
    padding: 10px 1%;
}

li.outsideEvent{
    opacity: 0.6;
}

li.streamEvent div.eventHead{
    background:#f8f8f8;
    display:block;
}

li.streamEvent div.eventHead span{
    background: url("img/ico/streamIco.png") no-repeat scroll 6px -38px transparent;
    color: #999999;
    display: block;
    font-size: 11px;
    padding: 5px 31px;
}

li.streamEvent div.eventDsc{
    display:block;
    padding:10px 7px;
    padding-top:0px;

}
li.streamEvent div.eventDsc b.eventActor{
    color:#3B5998;
    font-size:13px;
}

li.streamEvent div.eventDsc b.eventActor b.outside{
    opacity: 0.6;
}

li.streamEvent div.eventDsc span{
    color: #6C6C6C;

    font-size: 12px;
    margin-left: 5px;
    margin-top: 4px;
}


li.streamEvent div.eventContent{
    clear: both;
    display: block;
    padding-left: 7px;
    padding-right: 7px;
}

li.streamEvent div.eventContent a.eventImage{
    float:left;
    margin-right: 10px;
}
li.streamEvent div.eventContent a.eventImage img{
    max-height: 90px;
    max-width: 90px;
    display: block;
}

li.streamEvent div.eventContent div.contentDsc{
    display: table-cell;
    vertical-align: top;
}
li.streamEvent div.eventContent div.contentDsc span.mainDsc{
    display:block;
    margin-top:7px;
    font-size:11px;

}
li.streamEvent div.eventContent div.contentDsc span i{
    font-weight:bold;
    padding:5px;
    color:#999;
    font-style:normal;
}

li.streamEvent div.eventContent div.contentDsc span.subDsc{
    font-size:11px;
    color:gray;
    display:block;
    margin-top:7px;
}


li.streamEvent div.eventContent div.contentDsc strong{
    display:block;
}

li.streamEvent div.eventFooter{
    display:block;
    padding:0px;
}
li.streamEvent div.eventFooter a{
    color: #6B84B4;
    float: left;
    font-size: 11px;
    margin-right: 5px;
    padding: 5px 0 0 5px;
}

li.streamEvent div.eventFooter span{
    color: #999999;
    float: left;
    font-size: 11px;
    margin-right: 5px;
    padding: 5px 0 0 5px;
}

li.streamEvent div.eventFooter b{
    float:left;
    color:#999;
    margin-top:2px;
}
.streamOfferIcoClear{
    background: url("img/ico/streamIco.png") no-repeat scroll 6px 0px transparent;
    padding-left:31px!important;
}

ul.eventTypes li{
    padding-left: 40px;
    margin-bottom: 1px;
}

ul.leadTypes li{
    padding-left: 50px;
    min-height:53px;
    margin-bottom: 1px;
}



ul.eventStriped > li:nth-child(even){
    background-color: #EEEEEE;
}

.compactEvent{
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    line-height: 17px;
    padding: 5px 1%;
}
.compactEvent a{
    color:#6B84B4;
}
.compactEvent b a{
    color:#3B5998;
}


.compactEvent hr{
    margin:0px;
}

.listWrapper{
    max-height:130px;
    display:block;
    overflow:auto;
}

.compactEventInfo{
    display: block;
}
.compactEventInfo a{
    color:#3B5998;
}

.compactEventFooter{
    font-size:11px;
    margin-top:1px;
}
.compactEventFooter i{
    margin-top:0px!important;
}

.eventFresh{
    border-left:5px solid #28B054;
}
.eventWarning{
    border-left:5px solid #F89406;

}
.eventFade{
    border-left:5px solid #D7D7D7;
    opacity:0.7;
}
.online-list{
    padding:1px 5%;

}

.online-list i{
    color:#28B054;
    margin-right: 4px;

}
.offline-list{

    padding:1px 5%;

}
.offline-list i{
    color:#c0c0c0;
    margin-right: 4px;

}
.eventType{
    float: left;
    margin-left: -40px;
    padding-top: 4px;
    text-align: center;
    width: 40px;
    font-size:20px;
}

.leadProgress{
    float: left;
    margin-left: -50px;
    padding-top: 4px;
    text-align: center;
    width: 50px;
    font-size:20px;
}

.leadProgress i{
    border: 3px solid #28b054;
    border-radius: 6px;
    padding: 4px;
}
.leadProgress span{
    font-size:11px;
    display:block;
    text-align: center;
    font-weight: bold;
}

.compactEvent:hover div.show-on-li{
    visibility:visible;
}
.show-on-li{
    visibility:hidden;
}

.eventActorRole{
    color:#6C6C6C;
    white-space: nowrap;
}
.eventActorRole i{
    margin-top:0px!important;
}
.eventActorRole strong{
    color:#3B5998;
}
.dot_spacer{
    color: #999999;
    font-style: normal;
    font-weight: bold;
    padding: 3px;
    text-decoration: none;
}

.highlightEvent{

    background:#F4F4F4;

}
/*EOF Stream*/


/* addCustomer */

.addCustomer{
    display: block;
    min-height: 200px;
    padding-bottom: 20px;
}

.addCustomer h2{
    padding:12px;
}

.addCustomer h2 span{
    background: url("img/ico/clearIco.png") no-repeat scroll 0 0 transparent;
    display: block;
    padding: 4px 30px;
}


form.addCustomerForm{
    padding:10px 3% 10px 10px;
    display:block;
    margin:0px;

}

.customerFields{
    float: left;
    min-height: 200px;
    width: 265px;
}
.formRow{
    display: block;
    padding: 7px 0;
}
.formRow label{
    color: #6C6C6C;
    float: left;
    font-size: 13px;
    padding: 3px;
    text-align: right;
    width: 70px;
}

.formRow label i {
    color: #D2031F;
}


.customerInfo{
    display: table-cell;
    vertical-align: top;
    width: 10000px;
}
.customerInfo label{
    display:block;
    margin-bottom:5px;
    color:#6C6C6C;
}

.customerInfo textarea{
    display:block;
    width:100%;
    border: 1px solid #BEBEBE;
    font-size: 13px;
    height:122px;
}

.cInfo{
    display:block;
    clear:both;

}


.customerSubmit{
    display:block;
    padding:25px 20px 10px 10px;
}
.greySubField{
    background: none repeat scroll 0 0 #F1F1F1;
    display: block;
    margin-top: 0px;
    padding: 10px 20px 10px 10px;
}

.customerSubmit span.customerButtons{
    float:right;
}

/*EOF addCustomer*/

.greenButton, .greyButton{

    background-color: #F5F5F5;
    background: -moz-linear-gradient(top, #F7F7F7 0%, #E6E6E6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#E6E6E6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#E6E6E6',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* W3C */

    float:left;
    margin-left:10px;
    border: 1px solid #DCDCDC;
    border-radius: 5px 5px 5px 5px;
    color: #444444;
    float: left;
    font-size: 13px;
    font-weight: bold;
    min-width: 46px;
    padding: 6px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor:pointer;
}
.greenButton{
    color:#fff;
    border-color:#8cac2d;
    background-color: #9bbb3d;
    background: -moz-linear-gradient(top, #a3c640 0%, #93b03b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3c640), color-stop(100%,#93b03b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a3c640 0%,#93b03b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a3c640 0%,#93b03b 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #a3c640 0%,#93b03b 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3c640', endColorstr='#93b03b',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #a3c640 0%,#93b03b 100%); /* W3C */
}

.greyButton:hover{

    background-color: #F8F8F8;
    background: -moz-linear-gradient(top, #F8F8F8 0%, #F1F1F1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#F1F1F1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#F1F1F1',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #F8F8F8 0%,#F1F1F1 100%); /* W3C */

    border-color: #C6C6C6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #333333;

}

.greenButton:hover{

    background-color: #ADD63A;
    background: -moz-linear-gradient(top, #ADD63A 0%, #93b03b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ADD63A), color-stop(100%,#93b03b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ADD63A 0%,#93b03b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ADD63A 0%,#93b03b 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ADD63A 0%,#93b03b 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ADD63A', endColorstr='#93b03b',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ADD63A 0%,#93b03b 100%); /* W3C */

    border-color: #75931E;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

ul.notification-events li{
    border-bottom: 1px solid #E7E7E7;
    cursor:pointer;
}
ul.notification-events li:hover{
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #ffffff, #EBF8FF);
    background-image: -ms-linear-gradient(top, #ffffff, #EBF8FF);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#EBF8FF));
    background-image: -webkit-linear-gradient(top, #ffffff, #EBF8FF);
    background-image: -o-linear-gradient(top, #ffffff, #EBF8FF);
    background-image: linear-gradient(top, #ffffff, #EBF8FF);
    background-repeat: repeat-x;

}
ul.notification-events li:hover a.hide-event{
    display:inline;

}

ul.notification-events li.viewed{
    background: #ECECEC !important;
    color: #565656;


}

ul.notification-events a.hide-event{
    display: none;
    float:right;

}

.event-modal{
    min-height: 250px;
    padding: 2px 10px 30px;
}

.event-modal h1{
    font-size: 18px;
    line-height: 25px;
    margin: 4px 0 10px;
    padding: 0;
}
.event-modal h1 span.event-date{
    color: #929292;
    display: block;
    font-size: 12px;
}
/*Standard Items*/

.standardItemTitle{
    padding: 12px 12px 0;
    font-size:13px;
}

.standardItemTitle span{
    background: url("img/ico/clearIco.png") no-repeat scroll 0 0 transparent;
    display: block;
    padding: 4px 30px;
    color:#000;
}

form.standardForm{
    display:block;
    margin:0px;
    padding:0px;
}
form.standardForm label{
    display:block;
    color: #6C6C6C;
    font-size: 13px;
    padding: 3px;

}

form.standardForm span.row{
    display:block;
    margin:10px;
    margin-left:2%;
}


.regularField {
    border: 1px solid #BEBEBE;
    font-size: 13px;
    padding: 3px;
    width: 160px;
    width: 160px;
}

input.standardShortInput{
    border: 1px solid #BEBEBE;
    font-size: 13px;
    padding: 3px;
    width: 160px;

}

select.standardSelect{
    border: 1px solid #BEBEBE;
    font-size: 13px;
    padding: 3px;

}
input.standardLongInput{
    border: 1px solid #BEBEBE;
    font-size: 13px;
    padding: 3px;
    width: 260px;
}

input.standardTitleInput{
    border: 1px solid #BEBEBE;
    font-size: 18px;
    padding: 3px;
    width: 600px;

}

.standardTextArea{
    border: 1px solid #BEBEBE;
    font-size: 18px;
    padding: 3px;
    width: 600px;
    height:500px;

}

.standardLargeTextArea{

    border: 1px solid #BEBEBE;
    font-size: 13px;
    padding: 3px;
    width: 600px;
    height:500px;


}

.standardConfirmButtons{

    display: block;
    padding: 20px 20px 20px 15px;
}

.wideButton{
    padding:7px 26px!important;

}
.checkBoxLabel{
    display:inline!important;

}

.right{
    float:right!important;

}
.menu-padding{
    padding:5px 5%;

}
.break10{
    clear:both;
    height:10px;
}

.break15{
    clear:both;
    height:15px;
}

.break25{
    clear:both;
    height:25px;
}
.break50{
    clear:both;
    height:50px;
}
.width250{
    width:250px;
}
.width400{
    width:400px;
}
.width500{
    width:500px;
}
.info-double-text{
    float: left;
    line-height: 115%;
    padding-top: 6px;
}
.info-double-text i{
    color: #72777b;
    float: left;
    font-size: 23px;
    margin-right: 9px;
}


.maxwidth500{
    max-width:500px;
}
.minwidth350{
    min-width:350px;
}
.novisibility{

    visibility: hidden; position: absolute; z-index: -1;
}
.checkboxTic{

    vertical-align:middle;
    margin-top:6px;
    border: 1px solid #BEBEBE;
    font-size: 13px;
    padding: 3px;

}

.inputCover{
    display: table-cell;
    vertical-align: top;
    width: 10000px;
}

.itemsRow{
    float: left;
    min-height: 50px;
    padding-left:10px;
}
.columnLeft{
    float: left;
    min-height: 200px;
}

.columnLeft15{
    float: left;
    min-height: 200px;
    width: 15%;
}

.columnLeft25{
    float: left;
    min-height: 200px;
    width: 25%;
}

.columnLeft30{
    float: left;
    min-height: 200px;
    width: 30%;
}


.columnLeft33{
    float: left;
    min-height: 200px;
    width: 33%;
}

.columnLeft40{
    float: left;
    min-height: 200px;
    width: 40%;
}

.columnLeft50{
    float: left;
    min-height: 200px;
    width: 50%;
}

.columnLeft70{
    float: left;
    min-height: 200px;
    width: 70%;
}

.columnLeftAutofit{

    display: table-cell;
    vertical-align: top;
    padding:5px;
    width:10000px;
}

.columnAutofit{

    display: table-cell;
    vertical-align: top;
    width:10000px;
}

.inputAutofit{
    width: 90%;
}


.inputsColumn{
    padding-right:20px;
}

.rowButton{
    float:left;
    margin:5px;

}

.fullTextarea{

    border: 1px solid #BEBEBE;
    font-size: 12px;
    padding: 3px;
    width: 100%;
    min-height:150px;
}


/*EOF Standard Items*/

/*Add users*/
.addUser{
    display: block;
    min-height: 200px;
    padding-bottom: 20px;
    padding-right:6px;
}


form.addUserForm{
    padding:10px 3% 10px 10px;
    display:block;
    margin:0px;

}

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


.usersListColumn{
    width:36%;

}

/*EOF Add users*/


/*Eurotax*/
.uploadFile{

    background:#f5f5f5;
    padding:15px;
    margin-bottom:15px;
    color:#6F6F6F;
}

.hLine{

    border: 0 none;
    padding: 0 15px 15px;

}

.hLine fieldset, .uploadFile fieldset{
    border:0px;

}

.hLine p{
    padding:3px;
    margin:1px 0px;
    padding-left:5px;
}

.hLine p select, .hLine p input{
    border:1px solid #666;
    padding:2px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top:0px;
}
.hLine p label{
    margin-right:3px;
    display: inline;
}
.hLine p label i{
    color: #D2031F;
}


.labelError{
    color: #D2031F;
}
.formError{
    background: #FFF0EB;
}

.required{

    background-color: #FFEBC3;
    background-image: -moz-linear-gradient(top, #FFEBC3, #FBCA6A);
    background-image: -ms-linear-gradient(top, #FFEBC3, #FBCA6A);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFEBC3), to(#FBCA6A));
    background-image: -webkit-linear-gradient(top, #FFEBC3, #FBCA6A);
    background-image: -o-linear-gradient(top, #FFEBC3, #FBCA6A);
    background-image: linear-gradient(top, #FFEBC3, #FBCA6A);
    background-repeat: repeat-x;
    color: #7A4023;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 0 #E69100;

}
.required i{

    color: #D2031F;
    float:right;
    font-size:11px;
}
.checkBoxField{
    float:left;

    width:200px;
    margin-bottom: 0px !important;


}
.checkBoxList{
    display:block;
    margin:5px;
}

.inRows p{
    display: inline;
    float: left;
    font-size: 11px;
    height: 50px;
    margin: 5px 0 0 10px;
    width: 174px;
}
.inRows p label{
    display: block;
    font-size:12px;
}
.inRows p select{
    width:170px;

}
.inRows p input{
    width:166px;
    padding:3px;
}
.priceRows p{
    width: 260px;
    float:left;
}

.priceRows p span{
    padding:4px;
}
.sellBox {
    margin-top:10px;
}
.sellBox h3{

    margin: 0;
    padding: 3px;
    text-align:right;
}

.sellBox h3 a{
    margin-right:4px;
}

.publish{
    background: none repeat scroll 0 0 #FFFFFF;
    height: 91px;
    margin-left: 117px;
    position: absolute;
    width: 800px;
    margin-top:-6px;
}

#featuresContent {
    float: left;
    height: 200px;
    overflow: auto;
    width: 100%;
}
#featuresContent ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#featuresContent ul li.dark {
    background: none repeat scroll 0 0 #E3F6FF;
}

#featuresContent ul li {
    font-size: 90%;
    height: 1%;
    margin: 0;
    overflow: hidden;
    padding: 5px;
}

#featuresContent ul li.light {
    background: none repeat scroll 0 0 #FFFFFF;
}
#featuresContent ul li .modelInput {
    float: left;
    line-height: 2em;
    margin-top: 0.8em;
    text-align: center;
    width: 20px;
}
#featuresContent ul li label {
    float: left;
    height: 1%;
    margin: 0 0 0 8px;
    overflow: hidden;
    width: 886px;
}
#featuresContent ul li label strong {
    float: left;
}
#featuresContent ul li label .modelDate {
    color: #333333;
    float: right;
    font-size: 12px;
    font-weight: bold;
}
#featuresContent ul li label .modelDetail {
    clear: left;
    display: block;
}
sup {
    bottom: 1ex;
}
sup, sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

.addOfferBut{

    padding:10px;


}

.addOfferBut input.greenButton, .addOfferBut a.greyButton{

    font-size:13px !important;
    /*font-weight:normal;
    padding: 6px 10px!important;*/

}


/*EOF eurotax*/


/*Icons Divs*/

.minNoteIcon{

    background: url("img/ico/streamIco.png") no-repeat scroll 0px -38px transparent;
    width:20px;
    height:20px;

}

.minAddIcon{

    background: url("img/ico/streamIco.png") no-repeat scroll 0px -120px transparent;
    width:20px;
    height:20px;

}

.minListIcon{

    background: url("img/ico/streamIco.png") no-repeat scroll 0px -160px transparent;
    width:20px;
    height:20px;

}


/*EOF Icons Divs*/


/*Inventory*/

.tableHead, .tableRow{
    padding:7px;
    background: -moz-linear-gradient(top, #F7F7F7 0%, #E6E6E6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#E6E6E6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#E6E6E6',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* W3C */
    border:1px solid #fff;
    border-bottom:1px solid #D7D7D7;
    font-weight:bold;
    cursor: pointer;
    color:#333 !important;
}
.tableRow{
    background:#fff;
    font-weight:normal;
}
.tableEdit{
    background:#fff;
    /*background:#EFFAFF;*/
    padding-left:3px;
}

.blueRow{
    background:#EDEFF4;

}

.tableEdit a{
    font-size:11px;
    padding:2px;

}
.carListMainTable td, .customerListTable td{


    color: #333;
    padding-bottom:5px;
    padding-top:7px;
}

.offerMsg{
    display:block;
    margin-top:10px;
}

.offerBreak{
    font-size:1px!important;
    height:4px!important;
    padding:0px!important;
    margin:0px!important;
    line-height:1px!important;
    vertical-align:top;
}

.offerBreak b{
    background:#c9d1e1;
    font-size:1px!important;
    height:1px!important;
    padding:0px!important;
    margin:0px!important;
    margin-top:1px!important;
    line-height:1px!important;
    display:block;
}

.searchInventory, .monthMenu{
    padding:7px;
    background:#666;

    background: -moz-linear-gradient(top, #484848 0%, #111111 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484848), color-stop(100%,#111111)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #484848 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #484848 0%,#111111 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #484848 0%,#111111 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #484848 0%,#111111 100%); /* W3C */

}
.monthMenu b{
    float:left;
    font-size: 17px;
}
.monthMenu form{
    float:right;
}
.searchInventory{
    color:#D9D9D9;
}

.searchInventory form fieldset, .monthMenu form fieldset{
    border:0px;
}

.searchInventory form{
    margin:0px;
    padding:0px;
}

.searchInventory form fieldset label, .monthMenu form fieldset label{
    float:left;
    color:#D9D9D9;
    margin-left:7px;
}
.searchInventory form fieldset label select{
    border-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 7px 7px 7px #DCDCDC inset;
    cursor: pointer;
    display: block;
    margin: 0;
    width: 100px;
    color:#000;

}

.inventoryInput input{
    margin-bottom: 0;
    width: 80px;
}


.resetButton{
    float:right;
}
.resetButton a{

}

.priceSelect{
    width:73px!important;

}

.optionsRow{
    background: url("img/optionsBg.png") repeat-x scroll 0 0 #F0F0F0;
    border-bottom: 1px solid #DCDCDC;
    border-top: 1px solid #E7E7E7;
    display: block;
    font-size: 11px;
    line-height: 42px;
    margin-bottom: 0;
    padding-left: 10px;
    z-index: 9;
}
.optionsRow button{
    margin-left:10px;
}

.optionsRow.affix {
    top: 40px;
}

.filterRow{
    height: 39px;
}

.carListCheck{
    vertical-align:top;
    background:#f0f1f3;
    padding-top:5px;
    text-align:center;
}

.offerChecked{
    background:#0A246A;
}

.offerSuccess{
    background:#dff0d8;
}

.offerError{
    background:#f2dede;
}
.offerWarning{
    background:#fcf8e3;
}
.carListAvatar{
    vertical-align:top;
    padding:5px 0px;
    text-align:center;
}
.carListAvatar .eventImage {
    display: block;
    margin-top: 10px;
}
.carListAvatar img{

    cursor:pointer;
    max-width: 120px;
}

.carListAvatar .img-cut{

    max-height:125px;
    display:block;
    overflow:hidden;
    margin-bottom:7px;
}


.carListAvatar label{
    display:block;
}



.carListColumns{
    vertical-align:top;
    text-align:left;
}

.offerRowTitle{

    padding-bottom: 6px;
    padding-left: 15px;
    font-weight: bold;
}

.offersParams{
    padding:0px;
    margin:0px;

}
.offersParams td{
    font-size:11px;
    padding:0 7px 7px;
    margin:0px;
    vertical-align:top;
    border-top:none;
}

.offerMake{
    width:60px;
    text-align:center;
}
.offerModel{
    width:60px;
    text-align:center;
}

.offerYear{
    width:40px;
    text-align:center;
}
.offerType{
    width:110px;
    text-align:center;
}
.offerPrice{
    width:80px;
    text-align:center;
}
.offerFuel{
    width:60px;
    text-align:center;
}

.offerOdometer{
    width:60px;
    text-align:center;
}

.offerOdometerMax{
    width:80px;
    text-align:center;
}

.offerState{
    width:150px;
    text-align:center;
}
.offerColor{
    width:150px;
    text-align:center;
}

.offerAdded{
    width:125px;
    text-align:center;
}
.offerOptions{
    min-width:85px;
    text-align:center;
}

.offerNo{
    width:15px;
    text-align:center;
}
.cell-30{
    width:30px;
}

.cell-50{
   width:50px;
}
.cell-65{
   width:65px;
}
.cell-70{
   width:70px;
}
.cell-85{
    width:85px;
}
.cell-110{
    width:110px;
}

.cell-min-110{
    min-width:110px;
}

.offerHigh{
    color:#2d58ae!important;
    font-weight:bold;
}

.offersDeatils{
    display: block;
    font-size: 11px;
    margin: 0;

}

.offersDeatils span{
    float:left;
    margin-left:15px;
    line-height:170%;
    color:#777777;
}
.offersDeatils i{
    margin-top:0px;
}
.offersDeatilsHighlight{
    background: none repeat scroll 0 0 #FFF496;
    border-radius: 5px;
    display: block;
    line-height: 118%;
    margin: 1px -3px;
    padding: 1px 5px;
}


.offersDeatils span strong{
    color:#3f3f3f;
    font-weight:normal;
}

.offersOptions{
    padding: 10px 0 5px 20px;
    vertical-align: top;
}
.rowHighlight{
    background:#FFFEEB!important;
}
.rowHighlighttd td{
    background:#FFFEEB!important;
}
.offerRow{
    border-bottom: 1px solid #eee;
}
.offerRow:hover{
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #ffffff, #EBF8FF);
    background-image: -ms-linear-gradient(top, #ffffff, #EBF8FF);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#EBF8FF));
    background-image: -webkit-linear-gradient(top, #ffffff, #EBF8FF);
    background-image: -o-linear-gradient(top, #ffffff, #EBF8FF);
    background-image: linear-gradient(top, #ffffff, #EBF8FF);
    background-repeat: repeat-x;
    border-bottom: 1px solid #97D2ED;
}

.clearButton{
    border:0 none!important;
    background:transparent!important;
    box-shadow:none;
}



/* New Inventory Table*/
.width-scroller{
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border-top: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch;
}

.detailed-table{

   table-layout: fixed;

}

.cursor-hand{
    cursor: pointer;
}

.detailed-table td, .detailed-table th{
    font-size: 12px;
    overflow: hidden;
    padding: 7px 10px;
    text-align: center;
    white-space: nowrap;
   border-left: 1px solid #e1e1e1;

}
.detailed-table td{
    padding: 3px 10px;

}
.detailed-table tr:hover{
    background:#0569c7!important;
    color:#fff;
}
.detailed-table tr:hover td{
    background:#0569c7!important;
    border-left: 1px solid #0569c7;
}

/**/
.portal_misc_FuelIcon {
    background-image: url("img/ico/fuel-types.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 23px;
    width: 23px;
}
.portal_misc_FuelIcon.portal_misc_FuelIcon-7 {
    background-position: -92px 0;
}
.portal_misc_FuelIcon.portal_misc_FuelIcon-8 {
    background-position: -23px 0;
}
.portal_misc_FuelIcon.portal_misc_FuelIcon-9 {
    background-position: 0 0;
}
.portal_misc_FuelIcon.portal_misc_FuelIcon-10 {
    background-position: -115px 0;
}
.portal_misc_FuelIcon.portal_misc_FuelIcon-11 {
    background-position: -138px 0;
}
.portal_misc_FuelIcon-Smaller {
    background-image: url("img/ico/fuel-types.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 17px;
    margin: 3px 0;
    width: 17px;
}
.portal_misc_FuelIcon-Smaller.portal_misc_FuelIcon-7 {
    background-position: -68px -23px;
}
.portal_misc_FuelIcon-Smaller.portal_misc_FuelIcon-8 {
    background-position: -17px -23px;
}
.portal_misc_FuelIcon-Smaller.portal_misc_FuelIcon-9 {
    background-position: 0 -23px;
}
.portal_misc_FuelIcon-Smaller.portal_misc_FuelIcon-10 {
    background-position: -85px -23px;
}
.portal_misc_FuelIcon-Smaller.portal_misc_FuelIcon-11 {
    background-position: -102px -23px;
}
/**/


@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}
.filtered-info{
    display:block;
    padding:3px 1%;
    background: #f5f5f5;
}

.filtered-info > a{
    background-color: #97d2ed;
    border-radius: 5px;
    font-size: 11px;
    margin-left: 3px;
    padding: 4px 8px;
    cursor: pointer;
    text-decoration: none;
}
.filtered-info > a:hover{
    opacity:0.5;
}

.popover-inventory-info{

    box-sizing: border-box;

    width: 400px;

    background: #fff;
    color:#333;

}


.inventory-plates{
   border: 2px solid #000;
border-radius: 3px;
color: #000;
display: block;
font-size: 15px;
font-weight: bold;
margin: 5px auto;
padding: 1px 0;
text-align: center;
text-transform: uppercase;
width: 100px;
}


.table-wrapper1, .table-wrapper2{width: 100%; border: none;
overflow-x: scroll; overflow-y:hidden;}
.table-wrapper1{height: 0px; visibility:hidden; }

.scroller-hover:hover div.table-wrapper1{
    visibility:visible;
    height: 16px;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.table-wrapper2{height: auto; }
.table-scroller1 {width: 100%; height: 20px;}
.table-scroller2 {width: 100%;  background-color: #fff;
overflow: auto;}





.popover-footer-info{
   background: none repeat scroll 0 0 #eaeaea;
border-radius: 3px;
display: block;
padding: 5px 10px;
}
.popover-inventory-info-list{
    font-size: 12px;
list-style: square outside none;
margin-left: 10px;
padding-left: 0;
}

/*POPOVER MODS*/

.popover-title {
   background: rgb(57,94,156); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5NWU5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDI4NTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(57,94,156,1) 0%, rgba(13,40,87,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(57,94,156,1)), color-stop(100%,rgba(13,40,87,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(57,94,156,1) 0%,rgba(13,40,87,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(57,94,156,1) 0%,rgba(13,40,87,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(57,94,156,1) 0%,rgba(13,40,87,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(57,94,156,1) 0%,rgba(13,40,87,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395e9c', endColorstr='#0d2857',GradientType=0 ); /* IE6-8 */

  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
  border-top: 0 none;
  box-shadow: none;
  color: #fff;
  font-size: 13px;
  font-weight: bolder;
  line-height: 18px;
  margin: 0;
  padding: 8px 14px;
  text-shadow: none;
}
.popover{
     max-width: 500px;
    width:auto;
    box-sizing: border-box;
    border: 0px solid rgba(0, 0, 0, 0.44);
    border-radius: 6px;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.61);
    padding:0px;
}

/**/

/*.popover-inventory-info-list > li:nth-child(2n+1){
  background-color: #f9f9f9;
}*/


/*EOF Inventory*/

/*standard user List*/

.standardUserList, .standardCheckboxList, .standardEditList{
    display:block;
    padding:7px 10px;
    border-bottom: 1px solid #E9E9E9;

}
.legendTxt{
    border: 0 none;
    font-size: 12px;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 3px;
    margin-left: 10px;
    width: auto;
}
.large-txt{

    font-size:110%;

}
.legendBox{
    border: 1px solid #E0E0E0 !important;
    margin: 15px!important;
    padding: 10px!important;

}

.floatField{
    display: inline !important;
    float: left;
    margin: 4px 10px 4px 4px!important;

}
.floatField label{
    display: inline !important;
}

.floatField input{
    border: 1px solid #666666!important;
    margin-right: 3px!important;
    padding: 2px!important;
    vertical-align: middle!important;
}


.standardUserList:hover, .standardCheckboxList:hover, .standardEditList:hover{
    background:#FFFCEA;

}
.userName, .itemListTitle{
    font-size:13px;
    font-weight:bold;
    float:left;
}
.miscText{
    display:block;
    margin-top:3px;
    color:gray;
    font-size:11px;
    font-weight:normal;

}
.rightFloat{
    float: right;
    margin-right: 10px;
    margin-top: 6px;
}

.editWrap{
    display:block;
    width:100%;
    height:277px;
    overflow:auto;


}
/*EOF standard user List*/
.topPaddingZero{
    padding-top:0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.topPaddingofferMakeZeroClear{
    padding-top:0px !important;

}

.buttonWell{
    background: url("img/dlaDealeraSmallLogo25.png") no-repeat scroll 10px 10px #F5F5F5;
    padding: 8px 15px !important;
    border-radius: 6px;
    border-top: 1px solid #DDDDDD;
    box-shadow: 0 1px 0 #FFFFFF inset;
    margin-bottom: 0;
    padding: 14px 15px 15px;
    text-align: right;
}
.btnLeftMargin{
    margin-left:20px;

}

.marginReset{
    margin:0px !important;
}

.marginTopReset{
    margin-top:0px !important;
}
.input-append{
    margin-bottom:5px !important;
}

.smallFont{

    font-size:11px;
    color:gray;
}

/*Stats*/

.statsBody{

    display:block;
    min-height:100px;
    padding:0 1% 10px;
    margin-top:10px;

}
.statsWrapper{
    width:100%;
    float:left;
}

.statsBox{
    display:block;
    min-height:75px;
    text-align:center;
    font-size:12px;
}
.statsBox div.wrapper{
    padding:5px;
}
.statsBox div.title{
    display: block;
    height: 30px;
    line-height: 115%;
}

.statsBox strong{
    display: block;
    font-size: 29px;
    font-weight: normal;
    line-height: 120%;
}
.statsBox span{
    color:#999999;
    font-size:11px;
    display:block;
}

.chartLegend{
    display:block;
    padding-top:0px;
    margin-bottom:10px;
}

.marginBottomReset{
    margin-bottom: 0px !important;

}
/*EOF stats*/
/*Foto frame editor*/

.photoFrame{

    width:400px;
    margin-right:20px;
    background:#f5f5f5;
    height:300px;
    overflow:hidden;
    position:relative;
    display:block;

}

.frameImg{
    position:absolute;
    bottom:0px;
    right:0px;
    width:400px;
    z-index:5;
}
.frameImg img{
    max-width: none;
}

.frameOverlay{
    position:absolute;
    top:0px;
    right:0px;
    width:400px;
    z-index:15;
}
.frameOverlay img{
    height: 300px;
    width: 400px;
}

.frameText{
    position: absolute;
    right: 0px;
    top: 0px;
    z-index:30;
    font-family: sans-serif;
    font-size: 32pt;
    font-weight: bold;
}

.frameCalibration td{
    padding:5px;
}
/*EOF Foto frame editor*/
.stop-scrolling {
    height: 100%;
    /*overflow: hidden;*/
    overflow-y: scroll;
}
.large-area{
    display:block; height:120px; width:93%;
}
.accordionForm{
    padding:0px 10px;

}

tr.is_thread {
    color: red;
}

.lightText{
    color:#999999;

}
/*img gallery*/
.imgGallery{
    display:block;

    margin:10px;
}
.imgGallery td{
    padding:3px;

}

.imgGallery td .img-cut{
    display: block;
    width:120px;
    height: 100px;
    overflow: hidden;
}

.imgGallery td .img-cut img{
    cursor: pointer;
    max-width: 120px;
}

.photosColumn{

    padding:10px;
    background:#f5f5f5;
    min-height:1030px;
}

.customerDetailsColumn, .vehicleDetailsColumn{
    background: url("img/ico/usr_crd.png") no-repeat scroll 3px 2px transparent;
    padding-left:67px;
    font-size: 11px;
    width:420px;
    padding-top:10px;
}
.vehicleDetailsColumn{
    background: url("img/ico/vehicle_crd.png") no-repeat scroll 3px 2px transparent;
}



.vehicleName .sold, .vehicleName .reserved{
    background: #999999;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    margin-right: 6px;
    padding: 0 5px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.vehicleName .reserved{
    background: #b94a48;


}
.cardNotes{
    padding:7px;
    display:block;
    border-radius:5px;
    background: -moz-linear-gradient(top, #F7F7F7 0%, #E6E6E6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#E6E6E6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#E6E6E6',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* W3C */
}

.cardNotes textarea{
    width:95%;
    display:block;
    height:60px;
    font-size:11px!important;
}
#ad_contents{
    width:600px;
    height:70px;
}
.inactive{
    color:#B5B5B5 !important;

}
.customerName, .vehicleName{
    font-size: 18pt;
    color:#124f88;
    display:block;
    text-transform:capitalize;
    line-height: 120%;
}

.customerDetails, .vehicleDetails{
    display:block;
    font-size: 11px;
}
.customerDetails .detailRow, .vehicleDetails .detailRow{
    display:block;
    color:#bababa;

}

.customerDetails .entryRow, .vehicleDetails .entryRow{
    display:block;
}

.customerDetails .entryRow .date, .vehicleDetails .entryRow .date{
    color:#878787;
}

.customerAddDetails{
    width:200px;
    padding:5px;
}


.customerInfo{
    min-height:200px;
}

.pencilContent{
    background: rgb(238,238,238); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */

    min-height: 44px;
    display:block;
    border-top:1px solid #d9d9d9;
    border-bottom: 1px solid #C0C0C0;
}

.pencil-box, .pencil-white-box{
    background: rgb(238,238,238); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */

    border:1px solid #d9d9d9;
    padding:10px;
    border-radius:5px;

}

.pencil-white-box{
    background: #fff;

}

.pencil-box legend {
    border-bottom: 1px solid #AAAAAA;
    box-shadow: 0 1px 0 #FFFFFF;
    clear: both;
    line-height: 24px;
    margin-top: 0;
}

.autoheight{
    height:auto;
    min-height:1px;
}
.pencilnavbar{
    padding:0px 8px;

}
.pencilBody{
    margin:10px;


    color:#000;
    min-height:350px;
}
.pencilBody legend{
    border-bottom:1px solid #AAAAAA;
    box-shadow: 0 1px 0 #fff;
    clear:both;
    margin-top:0px;
    line-height: 24px;
}



.pencil-form .control-group{

    float:left;
    margin:1px;
    padding:2px;
    margin-bottom: 2px!important;
}
.pencil-form .control-row{
    clear:both;
    margin:5px;
}


.pencil-form-actions{
    clear:both;
    background: rgb(238,238,238); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */

    border-top: 1px solid #AAAAAA;
    box-shadow: 0 1px 0 #FFFFFF inset;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px;

}
.regular-form .control-group{
    width:220px;
    min-height:55px;
    margin-right:10px;
}
.regular-form label.control-label{
    font-weight: bold;
}


.notesArea{
    width:400px;
    height:120px;

}
.pencilStreamLimiter{
    max-height: 130px;
    overflow: auto;
    margin-bottom: 5px;

}

.pencil-inset{
    display:block;
    border:1px solid #CBCBCB;
    border-color: #AEAEAE #ADADAD #E4E4E4 #A3A3A3;
    background: #fff;

}

.pencil-details{

    width:99%;
    margin-right:1%;
    font-size:12px;
    margin-bottom: 5px;
    background: #fff;
    font-weight:bold;
}

.pencil-details td{
    padding:4px 8px;
    line-height: 115%;
    border:1px solid #CBCBCB;


}

.pencil-detail{

    background: -moz-linear-gradient(top, #F7F7F7 0%, #E6E6E6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#E6E6E6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#E6E6E6',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* W3C */
    width:20%;
    min-width:120px;
    text-align: right;
    color:#333;
    font-weight: normal;
}
.auto-width td.pencil-detail{
    width:auto;
    min-width:1px;
}

.reversed-bold{
    font-weight:normal;


}
.reversed-bold .pencil-detail{
    font-weight: bold;

}

.dragBox-overflow{
    display: -moz-inline-box;
    display: inline-block;
    overflow: auto;
    width:100%;
    height:auto;
    clear:both;
}
.modal-content{

}

.detailed-form{
    font-size:11px;


}
.detailed-form input{
    height:auto;
    padding:4px;
    border-radius: 0px;
}

.detailed-form label, input, button, select, textarea{
    font-size:11px !important;
}
.detailed-form .control-group{
    float: left;
    height: 52px;
    margin: 2px !important;
    padding: 4px;
    width: 200px;
}

.detailed-form .control-group input{
    width:185px;
}
.detailed-form .control-group select{
    width:190px;
    font-size:11px !important;
    padding:2px;
    height:24px;
}

.detailed-form .new-line{
    clear:both;

}
.detailed-form .new-line .control-group{
    clear:both;
    width:100%;
}
.radial-choice{
    background: -moz-linear-gradient(top, #F7F7F7 0%, #E6E6E6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#E6E6E6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#E6E6E6',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #F7F7F7 0%,#E6E6E6 100%); /* W3C */
    color: #333;
    font-weight: bold;
    margin-bottom: 7px;
    padding: 0 9px;
}

.type-choice{
    margin-bottom: 7px;
    padding: 0 5px 5px 0;
}
.type-choice label{
    background: none repeat scroll 0 0 #aadcff;
    border-radius: 5px;
    font-size: 13px !important;
    font-weight: bold;
    margin-left: 0 !important;
    margin-right: 10px !important;
    margin-top: 5px;
    padding: 3px 7px !important;
}
.type-choice label input{
    margin-left: 0 !important;
    margin-right: 10px;

}
.detailed-form-title{
    border:1px solid #D6D6D6;
    border-bottom:0px;

    background: rgb(238,238,238); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */

    padding:3px 10px;
    font-weight: bold;
}

.model-name{
    width:150px;
}
.modelDate{
    font-weight: bold;
    float: right;
}

.offer_title{
    font-weight: bold;
    font-size:15px;
}
.offer_title input{
    font-size: 15px !important;
    font-weight: bold;
    width: 300px;

}

.offer_title span.miscText{
    display: inline;
    margin-left:5px;
}

.textarea-lg{
    width:70%;
    max-width:450px;
    min-height: 165px;


}

.tablesorter-headerSortUp{
    background: url("img/ico/arrowUp.png") no-repeat scroll 5px 5px #FFFBE6 !important;
    border-bottom: 1px solid #FFA500 !important;
    padding-left: 20px !important;

}

.tablesorter-headerSortDown{
    background: url("img/ico/arrowDown.png") no-repeat scroll 5px 5px #FFFBE6 !important;
    border-bottom: 1px solid #FFA500 !important;
    padding-left: 20px !important;
}

.tablesorter-header-inner{
    cursor: pointer;
}
.print-prev{
    border: 1px solid #DDDDDD;
    box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.75);
    font-size: 110%;
    margin: 20px auto;
    min-width: 700px;
    overflow: visible;
    padding: 20px;
    width:634px;

}
/*
.swinger{
    -moz-animation: 0.5s ease 0s normal none infinite swing;
    -moz-transform-origin: center top;
    -webkit-animation:swing 0.5s infinite ease-in-out;
    -webkit-transform-origin:top;
}
@-moz-keyframes swing{
    0%{-moz-transform:rotate(-5deg)}
    50%{-moz-transform:rotate(5deg)}
    100%{-moz-transform:rotate(-5deg)}
}
@-webkit-keyframes swing{
    0%{-webkit-transform:rotate(-5deg)}
    50%{-webkit-transform:rotate(5deg)}
    100%{-webkit-transform:rotate(-5deg)}
}
*/
/*new timeline*/

.lead-timeline{
    box-sizing: border-box;
}


.timeline-item .date i {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #e7eaec;
    border-left: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
}
.timeline-item .date {
    color: #2f2f2f;
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    padding-right: 28px;
    padding-top: 20px;
    position: relative;
    text-align: right;
    text-shadow: 1px 1px 0 #fff;
    width: 110px;
}

.timeline-item .add-lead span{
    color: #989898;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    margin-bottom: 0;
    margin-left: 4px;
    margin-top: -20px;
}
.add-lead:hover span{
    color:#333;

}

.timeline-item .content {
    min-height: 100px;
    padding-top: 10px;
}

.timeline-panel {
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    padding-top:10px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    background: #fff;
    box-sizing: border-box;
    width:100%;
    position:relative;
}

.timeline-panel:before {
    position: absolute;
    top: 26px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline-panel:after {
    border-color: transparent #fff;
    border-style: solid;
    border-width: 14px 0 14px 14px;
    content: " ";
    display: inline-block;
    position: absolute;
    top: 27px;
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline-badge {
    background-color: #999999;
    border-radius: 50%;
    color: #fff;
    float: left;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    margin-left: -80px;
    text-align: center;
    width: 40px;
    z-index: 100;
    margin-top:10px;
}

.m-b-xs{
    font-size:14px;
}
.lead-content{
    padding-bottom: 8px;
    padding-left: 41px;
    padding-top: 8px;
    position: relative;
}
.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}


.lead-labels{
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    position: absolute;
    top: 0;
}

.lead-labels span{
    -moz-box-flex: 1;
    box-sizing: border-box;
    display: block;
    flex: 1 1 0;
    position: relative;
    width: 5px;
}

.add-lead{


     -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;
    border-image: none;

    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;

}
.add-lead:hover{
    background:#E6E6E6;
}

.lead-info{
    display:block;
    color:#707070;

    margin-bottom: 0;
    text-align: left;

}
/**/
.large-faded-ico{
    float:left;
    font-size:70px;
    color:#c0c0c0;
    margin-right:10px;
}

/** WIZARD FORMS ***/


.config-head{
    margin-bottom: 0px;
}

.config-title{
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 20px;
    margin-top: 0;
}

.config_form{
    max-width:800px;
    box-sizing: border-box;
    color:#000;
}
.config_form input.form-control{
    width:100%;
}

.wizardheight{
    min-height:200px;
}

.wizardfooter{
    background: url("img/greylogo.png") no-repeat scroll 18px center #f5f5f5;
    border:1px solid #d9d9d9;
    padding:10px;
    border-radius:5px;
}

.tutorial-box{
    background: none repeat scroll 0 0 #fffdea;
    border: 2px solid #ffe0bc;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 14px;
    margin-top: 15px;
    min-height: 200px;
    padding: 10px 20px;
}

.tutorial-box-sticky{
     border-radius: 0px;
     margin-top: 0px;
}

.tutorial-box h1{
    font-size:20px;
    line-height: 20px;

}

.tutorial-box ul.tutorial-ul{
   margin: 10px 10px 10px 40px;
}

.tutorial-box ul.checklist li{
    padding: 3px 0 3px 5px;

}

.tutorial-box ul.checklist li.check-active i.fa{
     color: #959595;
    float: left;
    font-size: 23px;
    margin-left: -26px;
}

.tutorial-box ul.checklist li.check-done i.fa{
     color: #28B054;
    float: left;
    font-size: 23px;
    margin-left: -26px;
}
.tutorial-box ul.checklist li.check-done{
    text-decoration: line-through;
    color:#c0c0c0;
}

.tutorial-box ul.checklist li.check-done a{
    color:#c0c0c0;
}

.tutorial-box ul.checklist{
   margin: 10px 10px 10px 40px;
   list-style: none;
}


/****/

/* EXTRA PACKETS CHOICE*/

.packets-container{
    float:left;
    display:block;
    width:100%;
    box-sizing: border-box;
    padding:2%;
}

.packets-item{
    width:270px;
    height:auto;
    float:left;
    padding:3px;
    box-sizing: border-box;
}

.packets-item .thumbnail .caption h2{
    line-height: 110%;
    font-size:18px;
}

/****/