/* * * AdMailer main.css * * *

* * * Colors * * *

brand purple: #703E8E;
header color: #3b1e4c;
content: #e8e8e8;

* * * Custom Fonts * * */
@import url(http://fonts.googleapis.com/css?family=PT+Sans&subset=cyrillic,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic&subset=latin,latin-ext);

/* * * General settings * * */
html, body {
    height: 100%;
}#addresses .jtable-main-container .jtable-title

body {
    background-color: #e5e5e5;
    font-family: 'Lato', sans-serif;
    font-weight: 400; /* 400/700 */
    font-size: 14px;
    height: 100%;
    /*-webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);*/
}


/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;
}

#cke_dialog_close_button_82 {
    display: none;
}

h2 { color: #703E8E; font-size: 17px;}

a { color: #703E8E; }
a:hover { text-decoration:none; }
a:focus { outline: 0; text-decoration: none; color: initial !important;}

input[type="text"], input[type="password"], textarea {
    padding: 2px 3px;
    border-radius: 3px;
    max-width: 100%;
}

.fluid-container {
    margin-left: auto;
    margin-right: auto;
}


.cke_button_label {
    display: inline;
}
#wraper {min-height: 100%;}

/* * * Head section * * */

#header {
    background-color: #1b1b1b;
    color: #ffffff;
    //line-height: 55px;
    width: 100%;
    z-index: 10000;
    /*min-width: 1024px;*/
}

.content h2 {
    margin-bottom: 30px;
}

#header.content {
    padding-bottom: 0;
}

.logo { 
    padding-left: 10%;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
    margin-top: 6px;
    margin-bottom: 10px;
}

.user {
    font-size: 0.929em;
    text-align: left;
    font-weight: 600;
}
.user a { color: #fff !important; transition: all 0.5s ease 0s; }
.user a:hover {color: rgb(142, 68, 173) !important;}
.lang {
}

.select_lang select {
    background: transparent;
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 20px;
    border: 0;
    border-radius: 0;
    height: 20px;
    color: #fff;
    -webkit-appearance: none;
    margin-top: -2px;
    cursor: pointer;
}

.select_lang option {
    background: black;
}

.select_lang {
    display: inline-block;
    width: 60px;
    height: 20px;
    overflow: hidden;
    background: url("../img/lang_arrow.png") no-repeat right;
    background-size: contain;
    border: 1px solid #616161;
    vertical-align: middle;
    position: relative;
    font-size: 14px;
    cursor: pointer;
}


#footer > div:nth-child(2) {
    text-align: center;
}

#footer > div:last-child {
    text-align: right;
}


.plan-weekends input[type="checkbox"]+label {
    background-image: url("../img/block.png");
}

#plans-weekends-group > label {
    background-image: url("../img/block.png");   
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all 0.5s ease 0s;

}

#planned-sites .jtable-bottom-left-area {
    display: none;
}

#plans-weekends-group > label.active {
    background: #703E8E;
}

.span-stats {
    display: inline-block;
}

#stats-chart {
    width: 100% !important;
    max-width: 800px;
    height: auto !important;
}

#overview {
    width: 100% !important;
    max-width: 800px;
    height: 100px;
}

/* * * Navigation Section * * */

.navbar {
    background: #703E8E ;
    color:#ffffff;
    border: 0px;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    width: 100%;
    z-index: 10;
}

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

.navbar-center, .navbar-center ul, .navbar-center ul li, .navbar-center ul li a {
    display: inline-block;
    float: none !important;
    text-align: center !important;
    text-transform: uppercase;
}

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

.navbar .navbar-nav > li > a {
    color:#FFFFFF;
    font-size: 0.929em;
    color: #fff;
    padding-left: 40px;
    padding-right: 40px;
}

.navbar .navbar-nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    color: #FFFFFF !important;
}

.nav > li.active > a {
    background-color: transparent !important;
    color: #fff !important;
}

.navbar .navbar-brand {
    color: #FFFFFF;
    font-weight: 700;
}
.navbar .navbar-brand:hover { color: #FFFFFF; }

.navbar .navbar-toggle {
    background-color: #3b1e4c;
    color: #FFFFFF;
}
.navbar .navbar-toggle:hover { color: #000000;}

//.nav .start a { background:url('../img/start.png') no-repeat 0 16px transparent; }
//.nav .groups a { background:url('../img/groups.png') no-repeat 0 16px transparent; }
//.nav .address a { background:url('../img/address.png') no-repeat 0 17px transparent; }
//.nav .templates a { background:url('../img/templates.png') no-repeat 0 16px transparent; }
//.nav .send a { background:url('../img/send.png') no-repeat 0 16px transparent; }
//.nav .stats a { background:url('../img/stats.png') no-repeat 0 16px transparent; }
//.nav .settings a { background:url('../img/settings.png') no-repeat 0 16px transparent; }
//.nav .help a { background:url('../img/help.png') no-repeat 0 16px transparent; }
//.nav .smser a { background:url('../img/phone.png') no-repeat 0 16px transparent; }
//.nav .logout a { background:url('../img/logout.png') no-repeat 0 16px transparent; }


.logout span.time { color: #FFF; font-size: 12px; }


/* * * Content section * * */

.start-page {
    background-color: #e8e8e8;
    padding-left: 5%;
    padding-bottom: 10%;
}

.content {
    padding: 0 30px;
    padding-bottom: 3%;
}

.wrap { padding-left: 30px; }
p.start { padding-top:20px; color: #703E8E; font-weight:700; }


/* * * Footer section * * */

#footer {
    position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear:both;
    line-height: 150px;
    background: #1b1b1b;
    color: #FFFFFF;
    vertical-align: middle;
    overflow: hidden;
}

#footer strong {
    color: #fff;
}

#footer .logo_container {
    display: inline-block;
    text-align: left !important;
    vertical-align: middle;
}

#footer .container .row > div:first-child {
    text-align: left;
}

.logo_footer { font-size: 1.500em; padding-bottom: 10px; line-height: 1.5; text-align: left;}
.logo_footer p:nth-child(2) { font-size: 60%; }
.logo_footer p a {color: #ffffff;}

ul.apps { padding-left: 0 !important; padding-bottom: 10px; text-align: center;}
ul.apps li { text-decoration: none; display: inline; }

#footer .popover.top {
    padding: 5px 0;
    margin-top: -40px;
    padding-right: -50px;
    max-width: 500px;
    width: 500px;
    height: 130px;
    background: url('../img/products_bg.png') repeat-x 0 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.msg { padding-left: 120px; font-size: 1.143em; text-shadow: 1px 2px 2px rgba(0,0,0, 0.75); line-height: 1.45;}
.msg p { font-size: 0.714em; }
img.apps { margin-top:-45px; ;position: absolute; }

a.more_btn {
    color: rgba(255, 255, 255, 0.75);
    text-transform: uppercase;
    text-align: center;
    float: right;
    width: 130px;
    height: 26px;
    font-size: 0.714em;
    padding-top: 3px;
    background: url('../img/more_btn_bg.png') repeat-x 0 0 ;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 1px 1px 1px rgba(0,0,0, 1);
}
a.more_btn:hover { color: #FFFFFF;}

.contact_online {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    text-align: left !important;
    vertical-align: middle;
}

.contact_online_box {
    background-color: #fff;
    border: 2px #e3d9ec solid;
    display: inline-block;
    position: relative;
    z-index: 0;
    height: 68px;
    width: 251px;
}

.contact_online_box > a {
    display: inline-block;
    float: right;
    height: 68px;
    width: 251px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.contact_online_ico {
    background-image: url('../img/contact_online_ico.png');
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center left;
    height: 68px;
    width: 74px;
    z-index: 1;
    position: absolute;
}
.contact_online_txt {
    position: absolute;
    line-height: 1;
    color: #703E8E;
    z-index: 1;
    font-weight: bold;
    font-size: 1.2em;
    top: 15px;
    left: 63px;
}
.contact_online_btn {
    font-size: 10.12px !important;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 20px;
    right: 15px;
    letter-spacing: 0 !important;
    padding: 6px 10px !important;
}
.contact_online_box > a:hover {
    background-image: url("../img/contact_online_hover.png");
    background-repeat: repeat;
}

/* * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * Address * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * */

.sub-nav {
    font-size: 16px;
    list-style: none;
}
.sub-nav ul li a{ margin-left: 5px; }

.sub-nav > li > a {
    color: #703E8E;
    font-size: 0.929em;
    padding-left: 20px;
    padding-right: 20px;
}

.sub-nav > li.sep {
    background: url(../img/sub_sep.png) no-repeat 0 0;
    display: block;
}

.sub-nav > li.sep:first-child { background: none; }
.sub-nav > li.sep a:hover, .sub-nav > li.sep a:focus {
    color: #fff !important;
}
.sep.active { font-weight: 700; }

.table-edit { margin-bottom: 2%;}

a.add-group {
    color: #087608;
    padding-right: 20px;
}

a.delete-group {
    color: #bc3220;
}



a.add-group img { padding-right: 10px; }
a.delete-group img { padding-right: 10px; }

input, input[type="password"], input[type="search"], isindex {
    -webkit-appearance: textfield;
    padding: 0px;
    background-color: #e8e8e8;
    border: 1px inset #593c6c;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
}

a.import-btn, a.import-btn:focus {
    background: #703E8E;
    color: #fff !important;
    text-align: center;
    padding: 6px 15px;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.5s ease 0s !important;
    text-transform: uppercase;
}

a.import-btn:hover {
    background: #4e0075;
    color: #fff;
    cursor: pointer;
}

.btn {
    border-radius: 0px;
}

.btn, .btn:focus {
    background: #703E8E ;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    border: none;
    outline: none;
    padding: 5px 15px;
    transition: all 0.5s ease 0s !important;
}

.btn:hover{
    background: #4e0075! important;
    color: #fff;
    cursor: pointer;
}

.table { padding-top: 2%; }

.lang {
    text-align: center;
    padding-right: 5px;
}

.login-row {
    float: left;
    width: 100%;
    padding-top: 10px;
}

.login-header span, .login-header form {
    display: inline !important;
}

.login-header span {
    font-weight: 600;
}

.login-header .login-error {
    color: red;
    padding: 0 15px;
}

.login-header label {
    margin: 0;
    padding: 0 15px;
    border-left: 1px #553868 solid;
    border-right: 1px #553868 solid;
}

.login-header input[type="text"], .login-header input[type="password"] {
    margin: 0 15px;
    padding: 2px;
    height: 25px;
    line-height: 1;
}

.login-header input[type="submit"] {
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 0.0);
    border: none;
    padding-left: 15px;
    padding-right: 15px;
}

.login-header input[type="submit"]:hover {
    /*background: rgba(255, 255, 255, 0.1);*/
    color: rgba(255, 255, 255, 0.9);
    padding-right: 15px;
    padding-left: 15px;
}

.reset {
    color: #fff;
}

.offer-box {
    padding: 20px;
    margin: 10px;
}

.offer .cont > p {
    border-bottom: 1px #593c6c solid;
    color: #5C5B5B;
    padding: 5px 0 10px;
}

.offer .cont > p:last-child {
    border: none;
}

.offer h2 a, .offer .button {
    font-size: 18px;
    font-weight: bold;
    color: #703E8E;
}

.offer h2 a:hover {
    color: #000;
}

#offer-content {
    text-align: center;
}

.offer .button {
    background: #703E8E ;
    color: #fff !important;
    text-align: center;
    padding: 6px 15px;
    width: 100%;
    height: 30px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
}

.offer .button:hover {
    background: #333;
    color: #fff;
    cursor: pointer;
}

#header > div:nth-child(2) {
    width: 65.333%;
}

#logout {
    text-align: right;
}

#logout > a {
    font-size: 17.43px;
    color: #fff;
    transition: all 0.5s ease 0s;
}

#logout > a:hover {
    color: rgb(142, 68, 173) !important;
}

.responsive-options-container #logout a {
    font-size: 48px;
}

.responsive-options-container .full-width {
    margin-bottom: 20px !important;
    overflow: hidden;
    line-height: auto !important;
}

.responsive-options-container .user {
    text-align: center;
}

.subnav {
    width: 100%;
}

.subnav, .subnav ul, .subnav ul li.sep, .subnav ul li.sep a {
    display: inline-block;
    float: none !important;
    text-align: center !important;
    height: 50px;
    line-height: 0;
}

.jtable-data-row, .jtable-data-row a {
    font-size: 12.84px;
    color: #000;
}

.jtable-data-row a:hover {
    text-decoration: underline;
}

.license_info.available {
    color: #703E8E;
}

#import_url_form {
    margin-bottom: 20px;
}

.ui-widget-content {
    background: #EEEEEE;
    color: #000;
    padding: 0;
    border: none;
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}

ui-dialog-titlebar {
    padding: 15px !important;
}

.modal-header, .ui-dialog-titlebar {
    background: #703E8E;
    height: 70px;
    color: #fff;
    border: none;
    font-weight: normal;
}

.ui-dialog-titlebar span {
    font-size: 24px;
    margin-top: 12px !important;
}

.ui-dialog-titlebar-close {
    background: transparent !important;
    padding: 0 !important;
    border: none;
    position: absolute !important;
    margin: 0 !important;
}

.close.modal-close, .ui-dialog-titlebar-close {
    display: block;
    opacity: 1;
}

.modal-dialog, .ui-dialog {
    min-width: 600px;
}
.ui-dialog {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    z-index: 1050;
}
.ui-dialog-buttonpane {
    margin-top: 15px;
    border-top: 1px solid #E5E5E5;
}

.ui-widget-overlay {
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}

.ui-widget-overlay, .modal-backdrop {
    background: transparent;
    background-color:  #f4f4f4;
    opacity: 0.46 !important;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
    transition: opacity 0.15s linear 0s;
}
button[type="button"] {
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    line-height: 1.42857;
    margin-bottom: 0;
    vertical-align: middle;
    white-space: nowrap;
}

.modal-body, .ui-dialog-content {
    background-color: #fff;
    padding: 20px;
    position: relative;
    color: #000;
}
.modal-body .container {
    width: 100%;
    min-width: 0;
}
#filter-button {
    margin: 10px 0;
    text-transform: uppercase;
}
#template_form label {
    display: block;
}

#template_form div input[type="text"] {
    width: 100% !important;
}

.form-controls {
    margin: 10px 0;
}

#navi {
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    width: 960px;
}
#navi table {
    background: url('../img/step_bg.png') no-repeat scroll center 25px rgba(0, 0, 0, 0);
    border-collapse: collapse;
    margin: 0;
    width: 960px;
}
#navi div {
    background: #9e9e9e;
    border-radius: 30px;
    width: 58px;
    height: 58px;
    display: inline-block;
}
#navi div.active {
    background: #703e8e;
    border-radius: 30px;
}
#navi div span {
    display: block;
    text-align: center;
    line-height: 58px;
    font-size: 18px;
    color: #fff;
}
#navi .active span {
    color: #fff;
}
#navi td {
    width: 20%;
    font-size: 16px;
    font-weight: bold;
    color: darkgray;
}
#navi td.active {
    color: #703E8E;
}
div.step {
    display: none;
    margin-left: 50px;
    margin-right: 50px;
}
div.step-active {
    display: block;
    //margin-left: 50px;
    //margin-right: 50px;
}
form div p label{
    display: inline-block;
    padding: 0 0 2px;
}
.btn-group {
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0;
}
.nav-list li a {
    text-decoration: none;
    font-size: 14px;
    color: #703E8E;
}

#templatePreview {
    margin: 0 15px;
}
#templatePreview-head {
    background-color: #ECE9D8;
    padding: 5px;
    margin: 0;
    border: 1px #716F64 solid;
}
#templatePreview-head div {
    margin: 0;
}
#templatePreview-head div span.nam {
    text-align: right;
    display: inline-block;
    width: 40px;
}
#templatePreview-head div span.val {
    margin-left: 5px;
}
#templatePreview-body {
    background-color: #fff;
    padding: 5px;
    border-left: 1px #716F64 solid;
    border-bottom: 1px #716F64 solid;
    border-right: 1px #716F64 solid;
    height: 158px;
    overflow-y: scroll;
}
.carousel {
    min-height: 190px;
}
span.nam-long {
    text-align: right;
    display: inline-block;
    width: 200px;
    font-weight: bold;
}
span.val {
    margin-left: 10px;
}
.popover-content {
    white-space:pre-wrap;
}
a.popoverTrigger {
    cursor: pointer;
}
.login-header input[type="text"],
.login-header input[type="password"] {
    background: #f4f4f4 !important;
    color: #333;
}
/*.group-select-container {
    border: 1px #1f052e solid;
    border-radius: 3px;
    background-size: contain;
    position: relative;
    height: 24px;
    overflow: hidden;
    vertical-align: middle;
    width: 180px;
    background: url("../img/icons/dropdown.png") no-repeat right;
}
.group-select-container select {
    width: 200px;
    position: absolute;
    border: 0;
    background: transparent;
}*/
p.import_type {
    text-align: center;
}

.select2-choice {
    border: 1px #1f052e solid !important;
    background: transparent !important;
    min-width: 200px !important;
}
.select2-arrow {
    background: url("../img/icons/dropdown.png") no-repeat right !important;
    height: 100% !important;
    background-size: contain !important;
    width: 26px !important;
    right: -2px !important;
}
.select2-drop {
    background: #fff !important;
    box-shadow: 0 1px 0 1px #e4e6eb;
}
.select2-search {
    margin-top: 4px !important;
}
.select2-highlighted {
    background-color: #703E8E !important;
}
.progress-striped .bar {
    background-color: #543767 !important;
}
.progress-success .bar, .progress .bar-success {
    background-image: linear-gradient(to bottom, #543767, #3C2249);
}
.table thead {
    background: #703E8E;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    font-weight: 300;
}
.table thead .bg {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    font-weight: 300;
}
.table tbody tr {
    border-bottom: 1px solid #DAC1EC;
}
input[type="password"] {
    border: 1px solid #1F052E;
    padding: 2px 3px;
    border-radius: 3px;
    max-width: 100%;
}
.modal .loader {
    display: inline-block;
    width: 100%;
    text-align: center;
}
#cookies-msg-box {
    display: none;
    position: fixed;
    bottom: 0;
    background-color: #CD8CFF;
    z-index: 999;
    width: 100%;
    text-align: center;
    color: #000;
}

.popover-content > .msg > .more_btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.pointer {
    cursor: pointer;
}

.akp2 {
    margin-bottom: 10px;
}
.form1a {
    width: 100%;
    float: left;
    padding: 5px 0px;
}
.form1a label {

    float: left;
}
.form1a input {
    float: right;
}
a.mailbox, small a:focus {
    cursor: pointer;
    outline: none;
    color: #703E8E !important;
}
.mailbox-active {
    display: table;
    cursor: pointer;
    padding: 5px 10px;
}
.mailbox-active:hover {
    background-color: #563969 !important;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) !important;
}

.progress-bar {
    background-color: #654B75;
}

.progress-bar-success {
    background-color: #5CB85C;
}
/*
.resetButtonStyle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(to bottom, #593C6C 0%, #250834 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #553868;
    border-image: none;
    border-style: none solid;
    border-width: 0 1px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: bold;
    height: 30px;
    padding: 0 15px;
}

.resetButtonStyle:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #703E8E ;
    border-color: -moz-use-text-color #553868;
    border-image: none;
    border-style: none solid;
    border-width: 0 1px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: bold;
    height: 30px;
    padding: 0 15px;
}*/

.podkladBoxa {
    background: #703E8E ;
}

.naglowekBoxa {
    color: #fff;
    margin: 0 !important;
    padding: 12px;
    font-weight: 400;
    text-transform: uppercase;
    padding-left: 15px;
    font-size: 16px;
}

.boxContent {
    overflow: auto;
    background: #fff;
    box-shadow: 0 1px 0 1px #e4e6eb;
}

.boxContentInner {
    padding: 10px;
    overflow: auto;
}

.box1_info div {
    padding: 10px;
}

.box1_info_button {
    background: #703E8E ;
    font-size: 16px;
    color: #fff;
    width: 115px;
    text-align: center;
    padding: 5px;
    float: right;
    clear: both;
    margin-bottom: 10px;
    margin-top: 20px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s !important;
}

.box1_info_button:hover {
    background: #4e0075;
    color: #fff;
    cursor: pointer;
}

.leftColumnKom {
    float: left;
    width: 100px;
    font-weight: 600;
    margin: 5px 0;
}
.leftColumnKom1 {
    float: left;
    width: 50px;
    font-weight: 600;
    margin: 5px 0;
}

.leftColumnKom p, .rightColumnKom p {
    margin: 0;
}

.rightColumnKom {
    border-left: 1px solid #000;
    float: left;
    padding-left: 20px;
    margin: 5px 0;
}
.rightColumnKom1 {
    border-left: 1px solid #000;
    float: left;
    margin: 5px 0;
}
.boxContent ul {
    margin-bottom: 0;
}

.rightColumnKomRed {
    margin-left: 20px;
    color: #ff0000;
}

.rightColumnKomGreen {
    margin-left: 20px;
    color: #23af15;
}

.monitoringStron {
    margin-top: 60px;
    margin-bottom: 60px;
    float: right;
}

.monitoringStron img {
    margin-right: 20px;
}

.monitoringStrongInfoBox {
    float: right;
    margin-right: 25px;
}

.InfoBoxBold {
    font-weight: 600;
}

.monitoringButton {
    background: linear-gradient(to bottom, #593C6C 0%, #250834 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    width: 330px;
    text-align: center;
    padding: 5px;
    float: right;
    clear: both;
    margin-bottom: 10px;
}

.monitoringButton:hover {
    background: linear-gradient(to top, #593C6C 0%, #250834 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    cursor: pointer;
}

.leftColumnInf {
    float: left;
    width: 50px;
    font-weight: 600;
}

.rightColumnInf {
    border-left: 1px solid #000;
    float: left;
    width: 410px;
}

.rightColumnInf p {
    margin-left: 20px;
}

.taskName {
    margin-left: 30px;
    float: left;
    font-weight: 400;
}

.taskName1 {
    width: 275px;
    float: left;
    font-weight: 400;
}

.taskStatus {
    float: left;
}

.kursy {
    color: #593C6C;
    margin-left: 30px;
}

.kursyButton {
    background: linear-gradient(to bottom, #593C6C 0%, #250834 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    width: 190px;
    text-align: center;
    padding: 5px;
    float: right;
    clear: both;
    margin-bottom: 10px;
    margin-top: 20px;
}

.kursyButton:hover {
    background: linear-gradient(to top, #593C6C 0%, #250834 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    cursor: pointer;
}

.baseTableColumnTop {
    text-align: center;
    background: #acacac;
    color: #000;
    font-size: 15px;
    float: left;
    width: 123px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.baseTableColumn {
    text-align: center;
    color: #000;
    font-size: 15px;
    float: left;
    width: 123px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ui-dialog-buttonset button:nth-child(1), .modal-close {
    background: #95a5a6;
    color: #fff !important;
    border: 0 !important;
    font-size: 16px !important;
    padding: 5px 20px !important;
    text-transform: uppercase;
    transition: all 0.5s ease 0s !important;
}

.ui-dialog-buttonset button:nth-child(1):hover, .modal-close:hover {
    background: #8C8C8C !important;
}

#AddRecordDialogSaveButton, #EditDialogSaveButton, #addNewGroup, #DeleteDialogButton {
    background: #703E8E !important;
    color: #fff !important;
    border: 0 !important;
    font-size: 16px !important;
    padding: 5px 20px !important;
    text-transform: uppercase;
    transition: all 0.5s ease 0s !important;
}

#AddRecordDialogSaveButton:hover, #EditDialogSaveButton:hover, #addNewGroup:hover, #DeleteDialogButton:hover {
    background: #4e0075 !important;
}

.cancel, .prev-step, .delete {
    background: #95a5a6 !important;
}

.cancel:hover, .prev-step:hover, .delete:hover  {
    background: #8C8C8C !important;
}

.ogolneStatLew {
    float: left;
    clear: both;
    width: 270px;
    border: #795c9e 1px solid;
    padding: 3px;
}

.ogolneStatPraw {
    float: left;
    width: 100px;
    text-align: center;
    border: #795c9e 1px solid;
    padding: 3px;
    font-weight: 600;
}
.center {
    text-align: center;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    border-radius: 0;
}

input[type="radio"] {
    -webkit-appearance: radio;
    border-radius: 0;
}

.smser-title {
    margin: 17px 0;
    text-indent: 45px;
    font-size: 18px;
}

.smser .item {
    overflow: hidden;
    padding: 15px 0 0;
}

.smser .item h3 {
    color: #000;
    font-size: 36px;
    font-weight: 300;
    line-height: normal;
    margin: 0 0 20px;
    padding: 0;
}

.smser .item p {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    margin: 0 0 20px;
    padding: 0;
    text-indent: 0;
}

.smser .border {
    border-bottom: 1px solid #d3d3d3;
    margin-top: 20px;
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
}

.smser .item.rtl-right .item-sub {
    float: left;
}

.smser .item.rtl-left .item-sub {
    float: right;
}

.smser .item-sub {
    width: 560px;
}

.smser .item .link-more {
    background: url("../img/arrow.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #000;
    cursor: pointer;
    font-size: 24px;
    font-weight: 300;
    padding-right: 30px;
    text-decoration: none;
}

.smser .item .link-more:hover {
    text-decoration: underline;
}

.flashMsg {
    position: fixed;
    top: 0px;
    display: block;
    width: 100%;
    z-index: 99999;
}

.demo.alert, .noscript.alert, .flashmsg.alert {
    margin-bottom: 0;
}

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

.content.errors {
    padding-bottom: 10px;
}

#footer .popover .arrow {
    width:100% !important;
    float: left;
    background-position: center;
}


/*** zmiany mające na celu nadać responsywność systemowi AdMailer4 ***/

.responsive-menu-icons {
    position: absolute;
    width: 100%;
    top: 25px;
    z-index: 100;
}

.responsive-menu-icons img {
    cursor: pointer;
    float: right;
    margin-top: 18px;
    background: #000;
    border-radius: 5px;
    z-index: 10000;
}

.container.home-page {
    padding-right: 0px;
    padding-left: 0px;
    overflow: auto;
    padding-bottom: 150px;
}

.container.home-page .row.home-page-container {
    margin-left: 0px;
    margin-right: 0px;
}

#header .container {
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
}

@media only screen and (min-width : 320px)  {

    /*** stopka ***/

    #header {
        padding-bottom: 111px;
    }

    #header .container .row .col-xs-3 {
        width: 100%;
    }

    .logo {
        padding-left: 0%;
        text-align: center;
    }

    .responsive-menu-icons {
        text-align: center;
        top: 128px;
    }

    .responsive-menu-icons .fa {    
        margin-right: 10px;
        margin-left: 10px;
    }

    .responsive-menu-container, .responsive-options-container {
        top: 227px;
    }

    #footer {
        height: auto;
    }

    #footer .container .row .col-xs-4 {
        width: 100%;
    }

    #footer .container .row .col-xs-4:nth-child(1) {
        height: 100px;
    }

    #footer .container .row .col-xs-4:nth-child(2) {
        display: none !important;
    }

    #footer .container .row .col-xs-4:nth-child(3) {
        text-align: center;
        height: 120px;
    }

    /*** koniec stopki ***/

    /*** pozycja od logowania ***/

    #login-container {
        clear: both;
        width: 100%;
        padding-top: 15px;
    }

    .navbar.navbar-default .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    .log-cont {
        overflow: hidden;
    }

    .login-button {
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: right;
        text-transform: uppercase;
    }

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

    .login-text-container span, .login-text-container span {
        text-align: left;
        text-transform: uppercase;
    }

    .lang-login-site {
        padding-right: 15px;
    }

    /*** koniec pozycji od logowania ***/

    #offer-content {
        margin-top: 0px;
    }

    .home-page .row {
        margin-right: 0px;
    }

    .full-width {
        width: 100%;
        line-height: 50px;
    }

    .no-full-width {
        width: auto;
    }

    #header .container .row .col-xs-5, #header .container .row .col-xs-2 {
        display: none;
    }

    .responsive-options-container .col-xs-5, .responsive-options-container .col-xs-2 {
        display: block !important;
    }

    #logout {
        text-align: center;
        line-height: 50px;
    }

    .home-page .row .col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .home-page .row .col-md-12 .content .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .rightColumnKom {
        width: auto;
        clear: both;
    }

    .rightColumnKom1 {
        width: auto;
        clear: both;
    }

    .taskName {
        width: 177px;
        margin-left: 0px;
    }

    .navbar {
        display: none;
    }

    .subnav, .subnav ul, .subnav ul li.sep, .subnav ul li.sep a {
        height: auto;
    }

    .home-page .row {
        margin-left: 0px !important;
    }

    .content {
        padding: 0;
    }

    .subnav {
        overflow: hidden;
    }

    .modal-dialog, .ui-dialog {
        min-width: 300px;
    }

    /*#header .container .row .col-xs-5, #header .container .row .col-xs-2 {
        display: none;
    }*/

    .license-info-button {
        float: right;
    }

    div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
        background: none !important;;
    }

    .responsive-options-container {
        position: absolute;
        z-index: 10004;
        background: #1b1b1b;
        font-size: 48px;
        text-align: center;
        padding-bottom: 20px;
        display: none;
        padding-top: 20px;
        width: 100%;
        right: 0px;
    }

    .responsive-menu-container ul li a {
        text-transform: uppercase;
    }

    .responsive-menu-container ul li a:hover {
        color: #9401ff !important;
    }

    .responsive-menu-container {
        width: 100%;
        position: absolute;
        z-index: 10003;
        background: #1b1b1b;
        font-size: 48px;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        display: none;
        right: 0px;
        z-index: 10;
    }

    .responsive-menu-container ul {
        padding-left: 0px;
        list-style: none;
    }

    .responsive-menu-container ul li {
        line-height: 25px;
        color: #fff;
        height: 66px;

    }

    .responsive-menu-container ul li a {
        color: #fff;
    }

    .responsive-menu-container ul li a .fa {
        margin-right: 10px;
    }

    .subnav, .subnav ul, .subnav ul li.sep, .subnav ul li.sep a {
        margin-bottom: 2px;
        margin-top: 2px;
        display: block;
    }

    /*** start ***/

    .license_info {
        margin-top: 20px;
        overflow: hidden;
    }

    .license_info h2 {
        margin-bottom: 0px;
    }

    .license_info.available h2 {
        margin-bottom: 20px;
    }

    .license_info .row .col-xs-4 {
        width: 100%;
        margin-top: 20px;
        font-weight: 600;
        clear: both;
    }

    #offer-content {
        margin-top: 0px;
    }

    /*** koniec start ***/

    /*** grupy ***/

    #groups {
        margin: 0 auto;
        margin-top: 0px;
        width: 1114px;
        position: relative;
    }

    .jtable-column-header-text {
        line-height: 29px;
    }

    div.jtable-main-container div.jtable-title div.jtable-toolbar {
        margin-right: 0px !important;
    }

    /*** koniec grupy ***/

    /*** adresy ***/

    #import p {
        margin-bottom: 15px !important;
        margin-top: 10px !important;
        overflow: hidden;
    }

    .navbar-nav.sub-nav {
        padding-left: 0px;
    }

    .home-page .tab-content #import.tab-pane.active.content, .home-page .tab-content #export.tab-pane.active.content {
        padding-left: 15px;
        padding-right: 0px;
        text-align: center;
    }

    #import p {
        margin-top: 10px;
    }

    /*** koniec adresyów ***/

    /*** adresy ***/

    #address {
        width: 1154px;
    }

    .sub-nav > li.sep {
        background: none;
    }

    .sub-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
    }

    .home-page .tab-content #address.tab-pane.content.active {
        padding-left: 0px;
        padding-right: 0px;
    }

    /*** koniec adresów ***/

    /*** szablony ***/

    #templates {
        width: 1114px;
    }

    #templates div.jtable-main-container table.jtable thead tr th.jtable-column-header div.jtable-column-header-container {
        height: 32px !important;
        line-height: 18px;
    }

    #template_form div input[type="text"], #template_form div input[type="password"], #template_form div textarea {
        width: 100%;
    }

    #fileupload .row.fileupload-buttonbar .col-xs-7 {
        width: 100%;
    }

    /*** koniec szablonów ***/

    /*** ustawienia ***/

    .tab-content {
        margin-top: 0px;
    }

    /*** koniec ustawień ***/

    /*** wysy�ka ***/

    #mailings .tab-content {
        width: 1114px;
        margin: 0 auto;
    }

    #mailings div.jtable-main-container table.jtable thead tr th.jtable-column-header div.jtable-column-header-container {
        height: 32px !important;
        line-height: 18px;
    }

    .col-xs-4.mailing-full-width {
        width: 100%;
    }

    .col-xs-8.mailing-full-width {
        width: 100%;
    }

    #avalible-chart  {
        min-width: 250px;
        width: 100%;
        min-height: 200px;
        height: auto;
        overflow: hidden;
    }

    #detail-chart {
        margin-top: 25px;
        min-width: 500px;
        width: 100%;
        min-height: 350px;
        height: auto;
        overflow: hidden;
    }

    #stats-chart {
        min-width: 500px;
        width: 100%;
        min-height: 350px;
        height: auto;
        overflow: hidden;
    }

    #ovierview {
        min-width: 500px;
        width: 100%;
        min-height: 100px;
        height: auto;
        overflow: hidden;
    }

    #choices {
        display: inline-block;
        padding: 10px 0px;
    }

    #choices input {
        margin-left: 15px;
    }



    #info-group-chart {
        float: right;
    }

    #info-group-chart h4 {
        margin: 0px 0px 5px 0px;

    }

    /*** koniec wysy�ki ***/

    /*** statystyki ***/

    #stats {
        width: 960px;
        margin: 0 auto;
    }

    #stats div.jtable-main-container table.jtable thead tr th.jtable-column-header div.jtable-column-header-container {
        height: 32px !important;
        line-height: 18px;
    }

    /*** koniec statystyk ***/

    div.jtable-main-container table.jtable thead tr th.jtable-column-header div.jtable-column-header-container {
        height: 32px !important;
        line-height: 18px !important;
    }

    div.jtable-main-container > table.jtable > thead th.jtable-column-header div.jtable-column-header-container span.jtable-column-header-text {
        margin-top: 2px !important;
    }

    .jtable-column-header-text {
        line-height: 29px !important;
    }
}

@media only screen and (min-width : 360px) {

    /*** pozycja od logowania ***/


    /*** koniec pozycji do logowania ***/
}

@media only screen and (min-width : 533px)  {

    #header {
        padding-bottom: 0px !important;
    }

    #header .container .row .col-xs-3 {
        width: 25%;
    }

    .logo {
        padding-left: 10%;
        text-align: left;
    }

    .responsive-menu-icons {
        text-align: right;
        top: 25px;
    }

    .responsive-menu-container, .responsive-options-container {
        top: 116px;
    }

    .responsive-menu-icons .fa {    
        margin-right: 40px;
        margin-left: 0px;
    }

    /*** pozycja od logowania ***/

    .login, .password {
        float: left;
        width: 50%;
    }

    /*** koniec pozycji do logowania ***/

    .taskName {
        clear: both;
    }

    .taskName1 {
        clear: both;
    }

    .modal-dialog, .ui-dialog {
        min-width: 513px;
    }

    /*** adresy ***/

    .sub-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
    }

    .home-page div.tab-content #import.tab-pane.active.content, .home-page div.tab-content #export.tab-pane.active.content {
        text-align: left;
    }

    #import p {
        margin-top: 0px;
    }

    #export table tbocy td:nth-child(1) {
        word-wrap: break-word;
        width: 50px;
    }

    #address.tab-pane.content.active .jtable-main-container .jtable thead tr th:nth-child(4) .jtable-column-header-container {
        line-height: 35px;
    }

    /*** koniec adresów ***/

    /*** szablony ***/

    #template_form div {
        margin-bottom: 3px;
    }

    #template_form div input[type="text"], #template_form div input[type="password"], #template_form div textarea {
        width: 100%;
    }

    #fileupload .row.fileupload-buttonbar .col-xs-7 {
        width: 100%;
    }

    /*** koniec szablonów ***/
}

@media only screen and (min-width : 600px)  {

    /*** stopka ***/

    #footer .container .row .col-xs-4 {
        width: 50%;
    }

    /*** pozycja od logowania ***/

    .show-login {
        float: left;
        line-height: 58px;
        margin-left: 15px;
        text-transform: uppercase;
    }

    #login-container {
        float: right;
        clear: none;
        width: auto;
        padding-top: 0px;
    }

    .login-text-container {
        text-align: left;
    }

    /*** koniec pozycji do logowania ***/

    .modal-dialog, .ui-dialog {
        min-width: 580px;
    }

    #offer-content {
        margin-top: 0px;
    }

    /*** adresy ***/

    .sub-nav {
        font-size: 15px;
    }

    .sub-nav > li > a {
        padding-left: 20px;
        padding-right: 20px;
    }

    /*** koniec adresów ***/
}

@media only screen and (min-width : 768px)  {

    #footer .container .row .col-xs-4:nth-child(1) {
        width: 18.3333%;
    }

    #footer .container .row .col-xs-4:nth-child(2) {
        width: 45.3333%;
    }

    #footer .container .row .col-xs-4:nth-child(3) {
        width: 34.3333%
    }

    /*** stopka ***/

    #footer .container .row .col-xs-4:nth-child(2) {
        display: block !important;
    }

    /*** koniec stopki ***/

    /*** pozycja od logowania ***/

    .show-login {
        float: none;
    }

    /*** koniec pozycji do logowania ***/

    .modal-dialog, .ui-dialog {
        min-width: 600px;
    }

    /*** adresy ***/

    .sub-nav {
        font-size: 16px;
    }

    /*** koniec adresów ***/
}

@media only screen and (min-width : 800px)  {

}

@media only screen and (min-width : 1024px)  {

}

@media only screen and (min-width : 1280px)  {

    #header .container .row .col-xs-2.lang.full-width.no-full-width, #header .container .row .col-xs-2 {
        width: 10%;
        text-align: right;
    } 

    #logout.col-xs-2 {
        width: 15% !important;
    }

    #header .container .row .col-xs-5 {
        width: 50%;
    } 

    .col-xs-5.full-width.no-full-width {
        //line-height: 18px;
        //margin-top: 22px;
        text-align: center;
    }

    #header .container .row .col-xs-5, #header .container .row .col-xs-2 {
        display: block;
    }

    .no-full-width {
        width: 25%;
        line-height: 70px;
    }

    #header .container {
        width: 970px;
    }

    .home-page-left-column {
        width: 49.7%;
    }

    .home-page-right-column {
        float: right;
        width: 49.7%;
    }

    #logout {
        text-align: right;
        line-height: 70px;
    }

    .rightColumnKom {
        width: 360px;
        clear: none;
    }

    .rightColumnKom1 {
        width: 410px;
        clear: none;
    }

    .taskName {
        width: 300px;
        clear: none;
    }

    .navbar {
        display: block;
    }

    .responsive-menu-icons {
        display: none;
    }

    div.jtable-main-container > table.jtable > thead th.jtable-column-header-sortable div.jtable-column-header-container {
        // background: url("../js/jtable/themes/metro/column-sortable.png") no-repeat scroll right center rgba(0, 0, 0, 0) !important;
    }

    .subnav, .subnav ul, .subnav ul li.sep, .subnav ul li.sep a {
        margin-bottom: 15px;
        margin-top: 0px;
        display: block-inline;
        text-transform: uppercase;
    }

    .taskStatus.license-info-button .btn {
        margin-top: 20px;
    }

    .subnav ul li.sep {
        float: left !important;
    }

    .navbar-nav.sub-nav {
        display: table;
        margin: 0 auto;
    }

    .home-page {
        margin-top: 0px;
    }

    /*** pozycja od logowania ***/

    .show-login {
        float: left;
        margin-top: 16px;
        line-height: 20px;
    }

    .login-row {
        float: none;
        margin: 0 auto;
        display: table;
        width: 960px;
        position: relative;
    }

    #login-container {
        width: 650px;
        padding-bottom: 17px;
    }

    .login-text-container {
        margin-left: 4px;
    }

    .login, .password {
        width: 200px;
    }

    .log-cont {
        display: inline;
    }

    .login-button {
        margin-top: 14px;
    }

    #footer .container .row .col-xs-4:nth-child(1) {
        width: 33.3333%;
    }

    #footer .container .row .col-xs-4:nth-child(2) {
        width: 37.3333%;
    }

    #footer .container .row .col-xs-4:nth-child(3) {
        width: 29.3333%
    }

    .login-text-container span, .login-text-container span {
        margin-left: 15px;
        text-transform: uppercase;
    }

    .lang-login-site {
        text-align: right;
        padding-right: 62px;
    }

    /*** koniec pozycji od logowania ***/

    /*** start ***/

    .license_info {
        overflow: hidden;
    }

    .license_info h2 {
        margin-bottom: 20px;
    }

    .license_info .row .col-xs-4 {
        width: 50%;
        margin-top: 0px;
        font-weight: 600;
    }

    .license_info .row .col-xs-8 {
        width: 50%;
    }

    /*** koniec start ***/

    /*** adresy ***/

    #address.tab-pane.content.active .jtable-main-container .jtable thead tr th:nth-child(4) .jtable-column-header-container {
        line-height: 0px;
    }

    #address {
        margin: 0 auto;
    }

    /*** koniec adresów ***/

    /*** szablony ***/

    #templates {
        margin: 0 auto;
    }

    /*** koniec szablonu ***/

    /*** statystyki ***/

    div#stats div.jtable-main-container table.jtable thead tr th.jtable-column-header div.jtable-column-header-container {
        height: 35px !important;
    }

    div#stats div.jtable-main-container table.jtable thead tr th.jtable-column-header:nth-child(4) div.jtable-column-header-container {
        line-height: 18px !important;
    }

    div#stats div.jtable-main-container table.jtable thead tr th.jtable-column-header:nth-child(5) div.jtable-column-header-container {
        line-height: 18px !important;
    }

    /*** koniec statystyk ***/

    /*** wysyłka ***/

    .col-xs-4.mailing-full-width {
        width: 33.3333%;
    }

    .col-xs-8.mailing-full-width {
        width: 66.6667%;
    }

    /*** koniec wysyłki ***/




















    /*** stopka ***/

    #footer .container .row .col-xs-4 {
        width: 33.3333%;
    }

    #footer .container .row .col-xs-4:nth-child(1) {
        height: auto;
    }

    #footer .container .row .col-xs-4:nth-child(2) {
        width: 33.3333%;
    }

    #footer .container .row .col-xs-4:nth-child(3) {
        text-align: right;
        height: auto;
        width: 33.3333%
    }

    /*** koniec stopki ***/

    #header .container {
        width: 1170px;
    }

    .home-page-left-column {
        width: 49%;
    }

    .home-page-right-column {
        float: right;
        width: 49%;
    }

    .home-page-container {
        width: 1170px;
    }

    /*** wysy�ka ***/

    #activeContainer .jtable-main-container .jtable thead tr {
        height: auto;
    }

    /*** koniec wysy�ki ***/

    /*** statystyki ***/

    #stats {
        width: 1150px;
    }

    /*** koniec statystyk ***/
}

@media only screen and (min-width : 1368px)  {

}

@media only screen and (min-width : 1440px)  {

}

@media only screen and (min-width : 1600px)  {

}

@media only screen and (min-width : 1680px)  {

}

@media only screen and (min-width : 1920px)  {

}

@media only screen and (max-height : 360px)  {

    .responsive-menu-container {
        height: 200px;
        overflow: auto;
    }
}

/*** koniec bloku nowych klas dla responsywności ***/

.btn {
    color: #fff !important;
    text-transform: uppercase;
}

.btn:hover, .btn:active, .btn:visited {
    color: #fff !important;
}

.nav li a .fa {
    margin-bottom: 5px;
    font-size: 23px;
}

/*.nav.navbar-nav {
    left: 0;
    position: absolute;
    right: 0;
    top: -4px;
}*/

.navbar .navbar-nav > li.smser:hover, .nav > li.smser:focus, .nav > li.smser.active {

}

.navbar .navbar-nav > li.smser {
    background: #c0392b;
    transition: all 0.5s ease 0s !important;
}

.navbar .navbar-nav > li.smser a {
    //background:url('../img/phone.png') no-repeat 0 16px transparent;
    color: #fff;
}

.navbar .navbar-nav > li:hover, .nav > li:focus, .nav > li.active {
    background: #4e0075 !important;
    transition: all 0.5s ease 0s !important;
}

.navbar .navbar-nav > li.smser:hover, .nav > li.smser:focus, .nav > li.smser.active {
    background: #72001A !important;
    transition: all 0.5s ease 0s !important;
}

.navbar-nav > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.navbar ul li {
    line-height: 15px;
}

.naglowekBoxa .fa {
    float: right;
}

.col-md-12 .col-md-2 h3, .col-md-12 .col-md-2 h3 {
    text-align: center;
}

.license-info-button a {
    text-transform: uppercase;
}

div.jtable-main-container > table.jtable > thead {
    background: none repeat scroll 0 0 #703E8E ;
    color: #fff;
    text-shadow: none;
    text-transform: uppercase;
}

div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
    text-transform: uppercase;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

.logo:hover {
    -webkit-animation-name: tada;
    animation-name: tada;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

input[type="password"], .new-login {
    width: 282px !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    padding: 10px !important;
}

.input-group.margin-bottom-sm input {
    border: 1px solid #ccc;
}

#login_form h3 {
    text-transform: uppercase;
    color: #1b1b1b;
}

.trigger-On, .trigger-Off {
    line-height: 73px;
}

#Edit-nam {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
}

.btn-new-green {
    background: #2ecc71 !important;
    color: #fff;
    padding: 5px 15px;
    transition: all 0.5s ease 0s !important;
    text-transform: uppercase;
    border: none
}

.btn-new-green:hover {
    background: #27ae60 !important;
}

.btn-new-red {
    background: #e74c3c !important;
    color: #fff;
    padding: 5px 15px;
    transition: all 0.5s ease 0s !important;
    text-transform: uppercase;
}

.btn-new-red:hover {
    background: #c0392b !important;
}

@media only screen and (min-width: 240px) { 

    .single-price-table:nth-child(2) .spt-boxes .spt-box.en:nth-child(1) {
        display: block;
    }

    .single-price-table:nth-child(2) .spt-boxes .spt-box.en:nth-child(2) {
        display: block;
    }

    .single-price-table:nth-child(3) .spt-boxes .spt-box.en:nth-child(2) {
        display: block;
    }

    .single-price-table:nth-child(4) .spt-boxes .spt-box.en:nth-child(2) {
        display: block;
    }

    .high-res {
        display: none;
    }

    .low-res {
        display: block;
    }

    .single-price-table {
        width: 100%;
        border: 2px solid #f9fafa;
        float: left;
        clear: both;
        background: #fff;
        transition: all 0.5s ease 0s;
    }

    .single-price-table:nth-child(2):hover, .single-price-table:nth-child(3):hover, .single-price-table:nth-child(4):hover, .single-price-table:nth-child(5):hover {
        transform: scale(1.05);
        z-index: 100;
    }

    .spt-title {
        clear: both;
        text-align: center;
        font-size: 23px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 30px 20px;
        border-radius: 50px;
    }

    .spt-price-background {
        clear: both;
        background: linear-gradient(to bottom, #593c6c 0%, #250834 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .spt-price-background.none {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        padding-bottom: 80px;
        padding-top: 80px;
    }

    .spt-price-background.no-abo {
        padding-bottom: 102.5px;
        padding-top: 102.5px;
    }

    .spt-price {
        //box-shadow: 0 0 0 3px #f4f4f4;
        background: none repeat scroll 0 0 #f4f4f4;
        border-radius: 80px;
        clear: both;
        margin: 0 auto;
        padding: 30px 10px;
        text-align: center;
        width: 130px;
        //border: 2px solid #593c6c;
    }

    .spt-price.none {
        background: none;
    }

    .price-inner {
        font-size: 47px;
    }

    sup {
        vertical-align: top;
        top: 15px;
    }

    .spt-boxes {
        overflow: hidden;
    }

    .spt-box {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        border: 1px solid #f9fafa;
        padding-left: 5px;
        padding-right: 5px;
    }

    .spt-box:hover {
        background: #f4f4f4;
    }

    .spt-price.last {

    }

    .single-price-table:nth-child(1) {
        display: none;
    }

    .single-price-table:nth-child(2) .spt-boxes .spt-box:nth-child(4), .single-price-table:nth-child(2) .spt-boxes .spt-box:nth-child(5), .single-price-table:nth-child(2) .spt-boxes .spt-box:nth-child(6), .single-price-table:nth-child(2) .spt-boxes .spt-box:nth-child(7) {
        display: none;
    }
}

@media only screen and (min-width: 1280px) { 

    .single-price-table:nth-child(2) .spt-boxes .spt-box:nth-child(4), .single-price-table:nth-child(2) .spt-boxes .spt-box:nth-child(5), .single-price-table:nth-child(2) .spt-boxes .spt-box:nth-child(6), .single-price-table:nth-child(2) .spt-boxes .spt-box:nth-child(7) {
        display: block;
    }

    .single-price-table:nth-child(2) .spt-boxes .spt-box.en:nth-child(1) {
        display: block;
    }

    .single-price-table:nth-child(2) .spt-boxes .spt-box.en:nth-child(2) {
        display: block;
    }

    .single-price-table:nth-child(3) .spt-boxes .spt-box.en:nth-child(2) {
        display: block;
    }

    .single-price-table:nth-child(4) .spt-boxes .spt-box.en:nth-child(2) {
        display: block;
    }

    .single-price-table {
        width: 225px;
        border: 2px solid #f9fafa;
        float: left;
        clear: none;
    }

    .spt-title {
        clear: both;
        text-align: center;
        font-size: 23px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 30px 20px;
        border-radius: 50px;
    }

    .spt-price-background {
        clear: both;
        background: #703E8E;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .spt-price-background.none {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        padding-bottom: 80px;
        padding-top: 80px;
    }

    .spt-price-background.no-abo {
        padding-bottom: 102.5px;
        padding-top: 102.5px;
    }

    .spt-price {
        background: none repeat scroll 0 0 #703E8E;
        border-radius: 80px;
        box-shadow: 0 0 0 10px #fff;
        clear: both;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        width: 130px;
    }

    .spt-price.none {
        background: none;
    }

    .price-inner {
        font-size: 47px;
    }

    sup {
        vertical-align: top;
        top: 15px;
    }

    .spt-boxes {
        overflow: hidden;
    }

    .single-price-table:nth-child(1) {
        display: block;
    }

    .spt-box {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        border: 1px solid #f9fafa;
        padding-left: 5px;
        padding-right: 5px;
    }

    /*.spt-box:nth-child(2), .spt-box:nth-child(3), .spt-box:nth-child(5) {
        height: 46px;
        line-height: 46px;
    }*/

    .spt-box.normal:nth-child(1), .spt-box.normal:nth-child(2), .spt-box.normal:nth-child(3),  .spt-box.normal:nth-child(4), .spt-box.normal:nth-child(5), .spt-box.normal:nth-child(6), .spt-box.normal:nth-child(7) {
        height: auto;
        line-height: 23px;
    }

    /*.spt-box:nth-child(1), .spt-box:nth-child(4), .spt-box:nth-child(6), .spt-box:nth-child(7) {
        height: 69px;
        line-height: 69px;
    }*/

    .spt-box:nth-child(1), .spt-box:nth-child(2), .spt-box:nth-child(4), .spt-box:nth-child(6), .spt-box:nth-child(7) {
        line-height: 46px;
        height: 68px;
    }

    .spt-box:nth-child(3), .spt-box:nth-child(5) {
        line-height: 23px;
        height: 45px;
    }

    .apt-box

    .spt-box:hover {
        background: #f4f4f4;
    }

    .spt-price.last {

    }

    .spt-box.en:nth-child(4) {
        height: 46px;
        line-height: 46px;
    }

    .spt-box.en:nth-child(5) {
        height: 92px;
        line-height: 92px;
    }

    .spt-box.normal.en:nth-child(4) {
        height: auto;
        line-height: 23px;
    }

    .spt-box.normal.en:nth-child(5) {
        height: auto;
        line-height: 23px;
    }

    .high-res {
        display: block;
    }

    .low-res {
        display: none;
    }

}

.checkemail {
    background: #e67e22 !important;
}

.checkemail:hover {
    background: #d35400 !important;
}

#personalization_form input[type="text"], #personalization_form input[type="password"], #personalization_form textarea {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 10px;
}

#wraper {
    background: url("../img/background.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 50px;
}



div.jtable-main-container > div.jtable-bottom-panel {
    background: #fff;
}

.searchInput {
    border: 1px solid #ccc;
    background: #fff;
    padding: 2px 3px;
}

.jtable-search-button input {
    background-color: #fff;
}

/*.jtable-toolbar {
    clear: both;
    overflow: hidden;
}

.jtable-title {
    clear: both;
    overflow: hidden;
}*/

div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-add-record span.jtable-toolbar-item-icon {
    background: none;
}

div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-delete-selected span.jtable-toolbar-item-icon {
    background: none;
}

.jtable-title {
    height: 31px !important;
    background: none !important;
}

.jtable {
    margin-top: 20px !important;
}

.jtable-toolbar-item .jtable-toolbar-item-icon {
    display: none !important;
}

.jtable-toolbar-item-add-record {
    background: #2ecc71 !important;
}

.jtable-toolbar-item-delete-selected {
    background: #e74c3c !important;
}

.jtable-toolbar-item-hover {
    padding-bottom: 5px !important;
}

.searchInput {
    box-shadow: 0 1px 0 1px #e4e6eb;
    border: none !important;
}

.jtable-page-list span {
    padding: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

div.jtable-main-container > table.jtable > tbody > tr > td {
    border: none !important;
    border-bottom: 1px solid #e4e6eb !important;
}

.jtable-goto-page > select {
    height: 33px;
}

.jtable-goto-page {
    height: 31px;
    padding: 0;
}

.jtable-page-size-change > select {
    height: 33px;
}

.jtable-page-size-change {
    height: 31px;
}

.searchInput {
    height: 31px;
    margin-left: 10px;
    margin-right: 10px;
}

.searchSelectDiv {
    height: 35px;
}

.jtable-search-button > input {
    height: 31px;
}

.searchSelect {
    height: 35px;
}

div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
    transition: all 0.5s ease 0s !important;
}

.jtable-page-container > span {
    line-height: 35px;
}

.jtable-search-info {
    line-height: 35px;
}

/* przycisk do zamykania modalu */

.ui-dialog-titlebar-close {
    font-size: 29px !important;
    right: 20px !important;
    top: 5px !important;
    height: 40px !important;
    width: 23px !important;
}

/* koniec przycisku do zamykania modalu */

/* dodawanie nowego adresu z poziomu pokaż zawartość grupy adresów */

#Edit-address {
    background: #fff;
    border: 1px solid #ccc
}

/* */

.select2-search {
    background: #fff;
}

.select2-search, #select2-results-4 {
    box-shadow: 0 1px 0 1px #e4e6eb;
}

#txt {
    box-shadow: 0 1px 0 1px #e4e6eb;
    border: none
}

/* Przycisk szablony podczas tworzenia szablonu, który zrobił sobie Patryk */

a.cke_button.cke_button__templates {
    border: 2px solid #703E8E !important;
}

/* moje zmiany */

.cke_top {
    border-bottom: none !important;
}

.cke_toolgroup {
    background: #fff !important;
    border-radius: 0px !important;
}

.cke_combo_button {
    background: #fff !important;
}

.cke_button_on {
    background: #f4f4f4 !important;
}

.cke_chrome {
    border: none !important;
    box-shadow: 0 1px 0 1px #e4e6eb;
}

/* */

/** ustawienia wyglądu tworzenia szablonu */

/* */

/* adresy - pokolorowane ikonki w import adresów */

.col-xs-12.col-md-3 .fa {
    color: #95a5a6;
}

/* */

.refresh-container {
    position: fixed; 
    z-index: 10000; 
    margin-top: 200px; 
    margin: 0 auto; 
    display: table; 
    left: 50%; 
    top: 50%;
}

.refresh-data:after {
    color: rgba(255, 255, 255, 0.9);
    content: "\f021";
    font-family: FontAwesome;
    font-size: 400px;
    font-style: normal;
    font-weight: normal;
    left: 50%;
    margin: -300px 0 0 -200px;
    position: absolute;
    text-decoration: inherit;
    top: 50%;
    z-index: 1;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.refresh-bg {
    background: rgba(0, 0, 0, 0.7); 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top:0; 
    left:0; 
    z-index: 9999;
    margin-top: 135px;
}

.mailings .refresh-bg {
    margin-top: 179px;
}


/** enterso links **/

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

.product-description h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 20px;
    color: #1b1b1b;
}

.product-description h4 {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 15px;
    color: #1b1b1b;
}

.enterso-links-button {
    z-index: 10001;
    width: 50px;
    height: 250px;
    overflow: hidden;
    position: fixed;
    background-color: #fff;
    box-shadow: 0 1px 0 1px rgb(228, 230, 235);;
}

.enterso-links {
    position: fixed;
    left: -405px;
    top: 150px;
    width: 400px;
    height: auto;
    overflow: hidden;
    box-shadow: 0 1px 0 1px rgb(228, 230, 235);
    z-index: 10002;
    background: #f4f4f4;
}

.enterso-links-enterso-container, .enterso-links-admailer-container, .enterso-links-smser-container, .enterso-links-seoadder-container, .enterso-links-semiadder-container, .enterso-links-analizawww-container, .enterso-links-codecleaner-container {
    //border-bottom: 1px #000 solid;
    box-shadow: 0 1px 0 1px rgb(228, 230, 235);
    padding-top: 10px;
    padding-bottom: 10px;
    width: 400px;
    overflow: hidden;
    //background: none repeat scroll 0 0 rgba(0, 0, 0, 0.46);
}

.enterso-links-enterso-container {
    padding-top: 20px;
    cursor: pointer;
}

.enterso-links-enterso, .enterso-links-admailer, .enterso-links-smser, .enterso-links-seoadder, .enterso-links-semiadder, .enterso-links-analizawww, .enterso-links-codecleaner {
    width: 400px;
    padding-left: 25px;
    padding-right: 25px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.enterso-links-enterso.enterso {
    width: 250px;
}

.enterso-links-enterso:hover, .enterso-links-admailer:hover, .enterso-links-smser:hover, .enterso-links-seoadder:hover, .enterso-links-semiadder:hover, .enterso-links-analizaww:hover, .enterso-links-codecleaner:hover {

}

.product-description {
    width: 275px;
    float: left;
}

.product-description.enterso {
    width: 170px;
    margin-left: 20px;
}

.product-description.enterso h3 {
    margin-top: 25px;
}

.product-description a {
    background: #2e8ece;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}

.product-description a:hover {
    background: #3498db;
}

.product-box {
    width: 75px;
    float: left;
    text-align: left;
}

.product-box.enterso {
    width: 125px;
    float: left;
    text-align: left;
}

.enterso-links-services {
    padding-top: 20px;
    padding-bottom: 20px;
}

.enterso-links-services ul li {
    width: 400px !important;
    text-align: center;
}

.enterso-links-services ul li a {
    text-decoration: none;
    text-transform: uppercase;
    color: #1b1b1b; //#0084c9;
    font-weight: 600;
}

.enterso-links div {
    transition: all 0.5s ease 0s;
}

.enterso-links div:hover {
    background: #fff;
}

/** **/

.col-xs-6.lang img, .col-xs-2.lang img {
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

#logout:focus, #logout {
    color: #fff !important;
}

#logout a:focus, #logout a {
    color: #fff !important;
}

.well {
    box-shadow: 0 1px 0 1px rgb(228, 230, 235);
    border: none !important;
    border-radius: 0px !important;
}

#templatePreview iframe {
    background: #fff;
}

.profile-avatar {
    border-radius: 100%; 
    display: inline-block; 
    height: 3.429em; 
    width: 3.429em; 
    margin: 0px 2em 0.5em -4.5em; 
    box-shadow: 0px 0px 0px 2px rgb(228, 230, 235);
}

.addresses-3-container .box-content .jtable-toolbar .btn-new-green {
    display: none !important;
}

.btn.prev-step.disabled {
    display: none;
}


@media only screen and (min-width : 320px)  { 

    .enterso-links-button {
        display: none;
        cursor: pointer;
    }

    #footer .container .row .col-xs-6 {
        width: 100%;
    }

    .logo_footer {
        text-align: center;
    }

    .contact_online {
        display: table;
        margin: 0 auto;
    }

    #header .col-xs-3 {
        z-index: 100;
    }

    .refresh-bg {
        margin-top: 116px;
    }

    .mailings .refresh-bg {
        margin-top: 210px;
    }

    .installdbnav {
        top: 116px;
    }

    .installdb {
        margin-top: 115px;
    }

    .col-md-12.subnav {
        top: 114px;
    }

    #import, #export, #address, #tool, #generator, .newsletter-pg, .import-srch, .import-txt, .import-file, .import-url, .settings-smtp {
        margin-top: 250px;
    }

    .box-header.mailings {
        margin-top: 150px;
    }

    .settings-container {
        margin-top: 100px;
    }

    .reset-pass {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 25px;
        border-radius: 0;
    }

    .resetButtonStyle.btn-new-green {
        padding: 10px 20px;
    }

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

    .home-page {
        margin-top: 25px;
    }

    .font-bold {
        font-weight: 600;
    }

    /* nagłówek */

    #header .container .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .logo .admailer {
        color: rgb(255, 255, 255); 
        font-size: 50px; 
        font-weight: 600;
    }

    .logo .number {
        font-size: 70px; 
        font-weight: 600; 
        color: rgb(142, 68, 173);
    }

    .responsive-menu-icons .fa {
        cursor: pointer;
        font-size: 80px;
        line-height: 66px;
    }

    /* */

    /* strona logowania */

    #home-chart {
        width: 100% !important;
        max-width: 1200px;
        min-height: 350px;
        height: auto !important;
        overflow: hidden;
    }

    .login-box {
        margin: 0 auto;
        display: table;
        //width: 245px; 
        width: 100%;
        margin-top: 25px;
    }

    .box-header {
        background: #703E8E;
        text-align: left;
    }

    .box-header h2 {
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        margin: 0 !important;
        padding: 12px 12px 12px 15px;
        text-transform: uppercase;
    }

    .box-header h2 .fa {
        float: right;
    }

    .box-content {
        background: #fff; 
        overflow: hidden; 
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
        box-shadow: 0px 1px 0px 1px rgb(228, 230, 235); 
    }

    .login-box-image {
        margin: 0 auto; 
        display: table; 
        width: 100%;
    }

    .login-box-image img {
        border-radius: 100%; 
        display: inline-block; 
        height: 7.429em; 
        width: 7.429em; 
        margin: 0; 
        box-shadow: 0px 0px 0px 3px rgb(229, 229, 229);
    }

    .login-box-info {
        margin: 0 auto; 
        display: table; 
        width: 245px;
    }

    .login-box-info .input-group {
        margin-bottom: 10px;
    }

    .login-box-info form h3 {
        margin-bottom: 20px;
    }

    .input-group.margin-bottom-sm input {
        background: #fff;
    }

    input[type="password"], .new-login {
        float: left;
        width: 200px !important;
    }

    .alert-changed {
        color: #e74c3c; 
        background: none; 
        border-radius: 0; 
        border: 1px #c0392b solid;
    }

    .login-panel {
        text-align: center; 
        clear: both; 
        margin-top: 40px; 
        margin-bottom: 40px;
    }

    .login-panel input {
        margin-bottom: 15px;
    }

    .login-panel a, .login-panel input {
        padding: 10px 20px;
    }

    .ad-box {
        //width: 265px;
        clear: both;
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 100px;
        display: table;
        width: 100%;
    }

    .n-padding {
        padding: 20px;
    }

    .featured-info {
        clear: both; 
        margin-bottom: 20px; 
        overflow: hidden;
    }

    .featured-info .left {
        width: 100%;
    }

    .featured-info .left .fa.fa-at {
        color: #703E8E;
        font-size: 75px;
    }

    .featured-info .left .fa.fa-clock-o {
        color: #703E8E;
        font-size: 75px;
    }

    .featured-info .left .fa.fa-search {
        color: #703E8E;
        font-size: 75px;
    }

    .featured-info .left .fa.fa-paper-plane-o {
        color: #703E8E;
        font-size: 75px;
    }

    .featured-info .left .fa.fa-newspaper-o {
        color: #703E8E;
        font-size: 75px;
    }

    .featured-info .left .fa.fa-comments {
        color: #703E8E;
        font-size: 75px;
    }

    .featured-info .right {
        width: 100%;
        clear: both;
        text-align: justify;
    }

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

    .featured-info.b-margin a {
        padding: 10px 20px;
    }

    .featured-info.b-margin a:last-child {
        margin-right: 0px;
        margin-top: 10px;
    }

    /* */

    /* */

    .l-padding {
        padding: 10px;
    }

    /* */

    /* */

    .overflow {
        overflow: auto;
    }

    .overflow-hd {
        overflow: hidden;
    }

    .overflow-vs {
        overflow: visible;
    }

    .box-header.groups {
        width: 1170px;
    }

    .box-content.groups {
        width: 1170px;
    }

    /* */

    /*  */

    .col-md-6.home-page-left-column {
        width: 100% !important;
    }

    .col-md-6.home-page-right-column {
        width: 100% !important;
    }

    /* */

    /* zakładka adresy */

    .box-content.addresses-1 .col-xs-12 {
        padding-left: 7px; 
        padding-right: 7px; 
        color: #1b1b1b;
        margin-bottom: 30px;
    }

    .col-xs-12.col-md-3 .fa {
        font-size: 250px;
    }

    .addresses-icon {
        margin-top: 20px;
    }

    .addresses-icon a {
        font-size: 12.5px;
    }

    .box-content.addresses-1 .col-xs-12:nth-child(3) .fa {
        width: 350px;
    }

    .box-content.addresses-1 p {
        font-size: 18px;
    }

    .addresses-2-container, .addresses-3-container, .addresses-4-container {
        margin-bottom: 20px;
        clear: both;
    }

    .addresses-2-container:nth-child(2) {
        overflow: auto;
    }

    .box-content.addresses-2 {
        overflow: auto;
    }

    .manage-addresses {
        display: block; 
        margin: 10px 0;
    }

    .manage-addresses-btn {
        width: 236px; 
        display: inline-block;
    }

    #newsletter {
        text-align: center;
    }

    .newsletter p {
        margin-top: 15px;
    }

    .newsletter p:nth-child(1) {
        margin-top: 0px;
    }

    .newsletter textarea {
        box-shadow: 0 1px 0 1px #e4e6eb;
        border-radius: 0;
        border: none;
        border: 1px #ccc solid;
    }

    #keyword {
        background: #fff;
        box-shadow: 0 1px 0 1px rgb(228, 230, 235);
        border: none;
        border-radius: 0;
    }

    .box-header .fa.fa-chevron-right {
        float: none !important;
        margin-left: 10px;
        margin-right: 10px;
    }

    .box-header a, .box-header:focus {
        color: #fff;
    }

    .addresses-1 .fa {
        cursor: pointer;
        transition: all 0.5s ease 0s;
    }

    .addresses-1 .fa:hover {
        color: #666666;
    }

    .addresses-1 .col-xs-12:nth-child(1) .fa:hover {
        transform: scale(1.3);
    }

    .addresses-1 .col-xs-12:nth-child(2) .fa:hover {
        transform: scale(1.1);
    }

    .addresses-1 .col-xs-12:nth-child(3) .fa:hover {
        transform: scale(1.5);
    }

    .addresses-1 .col-xs-12:nth-child(4) .fa:hover {
        transform: scale(1.3);
    }

    #keyword {
        width: 270px;
    }

    #url {
        box-shadow: 0 1px 0 1px rgb(228, 230, 235);
        background: #fff;
        border: none;
        width: 270px;
    }

    /* */

    /* zakładka szablony */

    .box-header.templates, .box-content.templates {
        width: 1170px;
    }

    .box-content.templates {
        margin-bottom: 25px;
    }

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

    .margin-t input {
        border: 1px solid #ccc; 
        border-radius: 0px; 
        background: #fff;
    }

    .row.t-row {
        margin: 0; 
        padding: 0; 
        position: relative;
    }

    .more-possibilities {
        clear: both;
        margin-bottom: 15px;
    }

    #include_info, #unwanted_mail_info, #more_synonymsm, #receiver_info {
        margin-left: 15px;
    }

    .test-template li {
        list-style: ordered-list;   
        margin-top: 20px;
    }

    .test-template li label {
        margin-left: 15px;
    }

    .cke_top {
        background: #f4f4f4 !important;
    }

    .form-controls button {
        margin-right: 15px;
    }

    .col-xs-7 .btn.fileinput-button, .col-xs-7 button {
        margin-right: 15px;
    }

    .template-download.fade.in p {
        margin-bottom: 0px;
    }

    .name {
        margin-top: 25px;
    }

    .btn.btn-danger.delete {
        margin-top: 21px;
    }

    .template-download.fade.in .toggle {
        position: absolute;
        right: 25px;
        top: 25px;
    }

    .test-template {
        padding-left: 0px;
    }

    /* */

    /* zakładka wysyłka */

    /* */

    /* zakładka statystyki */

    .old-stats-version {
        width: 100%; 
        box-sizing: border-box; 
        text-align: center; 
        margin-bottom: 25px;
    }

    .old-stats-version a {
        text-transform: uppercase; 
        width: 98%; 
        box-sizing: border-box; 
        display: block; 
        padding-top: 15px; 
        padding-bottom: 15px; 
        margin-left: 1%;
        color: #fff !important;
        font-weight: 700;
    }

    .col-xs-3.stats, .col-xs-9.stats {
        width: 100%;
    }

    .stats-arrows-top {
        text-align: center; 
        clear: both; 
        margin: 0 auto; 
        margin-bottom: 25px;
    }

    .stats-arrows-bottom {
        text-align: center; 
        clear: both; 
        margin: 0 auto; 
        margin-bottom: 10px;
        margin-top: 15px;
    }

    #detail-chart {
        margin-top: 25px;
        min-width: 500px;
        width: 100%;
        min-height: 350px;
        height: auto;
        overflow: hidden;
    }

    #stats-chart {
        min-width: 500px;
        width: 100%;
        min-height: 350px;
        height: auto;
        overflow: hidden;
    }

    #overview {
        min-width: 500px;
        width: 100%;
        min-height: 100px;
        height: auto;
        overflow: hidden;
    }

    #choices {
        display: inline-block;
        padding: 10px 0px;
    }

    #choices input {
        margin-left: 15px;
    }

    #avalible-chart  {
        min-width: 250px;
        width: 100%;
        min-height: 200px;
        height: auto;
        overflow: hidden;
    }

    /* */

    /* zakładka ustawienia */

    .profile-container {
        float: left; 
        width: 271px;
        text-align: center;
    }

    .profile-img {
        margin: 0 auto; 
        display: table; 
        width: 100%;
    }

    .profile-img img {
        border-radius: 100%; 
        display: inline-block; 
        height: 7.429em; 
        width: 7.429em; 
        margin: 0px 0em 0em 0em; 
        box-shadow: 0px 0px 0px 3px rgb(229, 229, 229);
    }

    .profile-settings {
        margin: 0 auto; 
        display: table; 
        width: 100%;
    }

    .profile-settings input {
        background: #fff;
    }

    .profile-save {
        text-align: center; 
        clear: both; 
        margin-top: 40px;
    }

    .profile-save input {
        padding: 10px 32px;
    }

    .settings-admailer-update-container {
        //float: right;
        clear: both;
        overflow: auto;
    }

    .settings-admailer-update {
        background: #fff;
    }

    .adm-up-text {
        margin-bottom: 3px;
    }

    .box-content .adm-up-text:nth-child(3) {
        text-align: center; 
        margin-top: 30px;
    }

    .box-content .adm-up-text:nth-child(3) a {
        padding: 10px 32px;
    }

    .box-content .adm-up-text:last-child {
        margin-bottom: 0px;
    }

    .additional-functionalities-container {
        margin-top: 24px; 
        width: 620px; 
        clear: both;
        overflow: auto;
    }

    .additional-functionalities-box {
        overflow: hidden; 
        padding-top: 3px; 
        padding-bottom: 3px;
    }

    .additional-functionalities-box .single-column:nth-child(1), .additional-functionalities-box .single-column:nth-child(2), .additional-functionalities-box .single-column:nth-child(3), .additional-functionalities-box .single-column:nth-child(4) { 
        float: left; 
        padding-left: 5px; 
        padding-right: 5px;
    }

    .additional-functionalities-box .single-column:nth-child(1) {
        width: 100px; 
    }

    .additional-functionalities-box .single-column:nth-child(2) {
        width: 380px;
        text-align: justify;
    }

    .additional-functionalities-box .single-column:nth-child(3), .additional-functionalities-box .single-column:nth-child(4) {
        width: 50px; 
        text-align: center;
    }

    .add-functionalities-box.overflow-hd .single-column:nth-child(1), .add-functionalities-box.overflow-hd .single-column:nth-child(2), .add-functionalities-box.overflow-hd .single-column:nth-child(3), .add-functionalities-box.overflow-hd .single-column:nth-child(4) {
        float: left;  
        padding-left: 5px; 
        padding-right: 5px;
    }

    .add-functionalities-box.overflow-hd .single-column:nth-child(1) {
        width: 100px;
    }

    .add-functionalities-box.overflow-hd .single-column:nth-child(2) {
        width: 380px;
    }

    .add-functionalities-box.overflow-hd .single-column:nth-child(3), .add-functionalities-box.overflow-hd .single-column:nth-child(4) {
        width: 50px;
        text-align: center;
    }

    .profile-logo {
        width: 100%; 
        margin-top: 50px; 
        clear: both;
    }

    #personalization_form {
        float: left;
    }

    #personalization_form input[type="submit"] {
        padding: 10px 32px;
    }

    .curr_logo_url img {
        background-color:#e8e8e8; 
        position: absolute; 
        clip:rect(0px,185px,66px,0px); 
        display: block; 
        width: 185px; 
        height: 66px;
    }

    /* */

    /* zakładka pomoc */

    .help-block {
        overflow: hidden;
        margin-top: 25px;
    }

    .help-block:nth-child(1) {
        margin-top: 0px;
    }

    /* */
}

@media only screen and (min-width : 360px)  {

    .login-box {
        //width: 310px;
        width: 100%;
    }

    input[type="password"], .new-login {
        width: 227px !important;
    }

    .ad-box {
        //width: 310px;
        width: 100%;
    }

    /* zakładka adresy */

    #manage-addresses {
        width: 500px;
    }

    .manage-addresses-btn {
        width: 180px;
    }

    .col-md-12 .form-controls button {
        clear: both;
        margin-top: 10px;
    }

    .col-md-5.col-md-offset-1 .form-controls .btn {
        clear: both;
        margin-top: 10px;
    }

    /* */

    /* zakładka wysyłka */

    .box-header.mailings, .box-content.mailings {
        width: 1164px;
    }

    /* */

    /* zakładka ustawienia */

    .profile-container {
        width: 100%;
    }

    #login_form .input-group {
        width: 296px;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    /* */
}

@media only screen and (min-width : 533px)  {

    #footer {
        padding-bottom: 0px;
    }

    .contact_online {
        display: inline-block;
        margin: auto;
    }

    .logo_footer {
        text-align: left;
    }

    #footer .container .row .col-xs-6 {
        width: 50%;
    }

    .login-box {
        //width: 480px;
        width: 100%;
    }

    input[type="password"], .new-login {
        width: 300px !important;
    }

    .login-panel input {
        margin-bottom: 0px;
    }

    .ad-box {
        //width: 480px;
        width: 100%;
    }

    .featured-info.b-margin a:last-child {
        margin-top: 0px;
    }

    /* zakładka adresy */

    #manage-addresses {
        width: 500px;
    }

    .manage-addresses-btn {
        width: 133px;
    }

    /* */

    /* zakładka szablony */

    .test-template li button {
        margin-left: 15px;
    }

    .test-template {
        padding-left: 40px;
    }

    /* */

    /* zakładka ustawienia */

    #personalization_form {
        width: 210px;
    }

    /* */
}

@media only screen and (min-width : 600px) {

    .login-box {
        //width: 550px;
        width: 100%;
    }

    .ad-box {
        //width: 550px;
        width: 100%;
    }

    /* zakładka adresy */

    #manage-addresses {
        width: 600px;
    }

    .manage-addresses-btn {
        width: 150px;
    }

    /* */

    /* zakładka ustawienia */

    #personalization_form {
        width: 270px;
    }

    /* */

}

@media only screen and (min-width : 620px) {

    .additional-functionalities-container {
        width: 100%;
    }

}

@media only screen and (min-width : 768px) {

    .login-box {
        //width: 700px;
        width: 100%;
    }

    .ad-box {
        //width: 700px;
        width: 100%;
    }

    /* zakładka adresy */

    #manage-addresses {
        width: 768px;
    }

    .manage-addresses-btn {
        width: 192px;
    }

    /* */

    /* zakładka ustawienia */

    .additional-functionalities-box .single-column:nth-child(2) {
        width: 480px;
    }

    .add-functionalities-box.overflow-hd .single-column:nth-child(2) {
        width: 480px;
    }

    #personalization_form {
        width: 380px;
    }

    /* */
}

@media only screen and (min-width : 800px) {

    .container {
        width: 780px;
    }

    .login-box {
        //width: 750px;
        width: 100%;
    }

    .ad-box {
        //width: 750px;
        width: 100%;
    }

    /* zakładka adresy */

    #manage-addresses {
        width: 800px;
    }

    .manage-addresses-btn {
        width: 200px;
    }

    /* */

    /* zakładka ustawienia */

    .additional-functionalities-box .single-column:nth-child(2) {
        width: 500px;
    }

    .add-functionalities-box.overflow-hd .single-column:nth-child(2) {
        width: 500px;
    }

    #personalization_form {
        width: 400px;
    }

    /* */
}

@media only screen and (min-width : 900px) {

    .container {
        width: 870px;
    }

    /* zakładka adresy */

    #manage-addresses {
        width: 900px;
    }

    .manage-addresses-btn {
        width: 225px;
    }

    /* */

    /* zakładka ustawienia */

    .additional-functionalities-box .single-column:nth-child(2) {
        width: 600px;
    }

    .add-functionalities-box.overflow-hd .single-column:nth-child(2) {
        width: 600px;
    }

    #personalization_form {
        width: 450px;
    }

    /* */


    .box-header.groups {
        width: 870px;
    }

    .box-content.groups {
        width: 870px;
    }

    .addresses-1 .col-md-3 {
        width: 100%;
    }

    .box-header.templates, .box-content.templates {
        width: 870px;
    }

    .box-header.mailings, .box-content.mailings {
        width: 870px;
    }

    .old-stats, .old-stats {
        width: 870px;
    }
}

@media only screen and (min-width : 1260px) {

    .enterso-links-button {
        display: block;
    }

    .box-header.groups {
        width: 1170px;
    }

    .box-content.groups {
        width: 1170px;
    }

    .addresses-1 .col-md-3 {
        width: 25%;
    }

    .box-header.templates, .box-content.templates {
        width: 1170px;
    }

    .box-header.mailings, .box-content.mailings {
        width: 1170px; //1164px
    }

    .old-stats, .old-stats {
        width: 1170px;
    }
}

@media only screen and (min-width : 1024px) {

    /* zakładka logowania */

    .login-panel a {
        margin-left: 15px;
    }

    .featured-info a {
        margin-left: 15px;
    }

    /* */

    /* zakładka ustawienia */

    .additional-functionalities-box .single-column:nth-child(2) {
        width: 724px;
    }

    .add-functionalities-box.overflow-hd .single-column:nth-child(2) {
        width: 724px;
    }

    #personalization_form {
        width: 500px;
    }

    /* */
}

@media only screen and (min-width : 1280px) {

    .refresh-bg {
        margin-top: 135px;
    }

    .mailings .refresh-bg {
        margin-top: 179px;
    }

    .installdbnav {
        top: 116px !important;
    }

    .installdb {
        margin-top: 40px;
    }

    .col-md-12.subnav {
        top: 135px;
    }

    .templates {

    }

    #import, #export, #address, #tool, #generator, .import-srch, .import-txt, .import-file, .import-url, .settings-smtp {
        margin-top: 50px;
    }

    .newsletter-pg {
        margin-top: 60px;
    }

    .box-header.mailings {
        margin-top: 0px;
    }

    .settings-container {
        margin-top: 50px;
    }

    .logo .admailer {
        font-size: 25px; 
    }

    .logo .number {
        font-size: 35px; 
    }

    .home-page {
        width: 1170px;
    }

    .container {
        width: 1170px;
    }

    .navbar .navbar-nav > li > a {

    }

    .login-box {
        width: 400px;
        float: left;
        display: block;
        margin-top: 0px;
    }

    .ad-box {
        width: 550px;
        clear: none;
        float: right;
        display: block;
        margin-top: 0px;
        margin-left: 20px;
    }

    .featured-info .left {
        float: left;
        width: 30%;
    }

    .featured-info .right {
        float: left;
        width: 70%;
        clear: none;
    }

    .featured-info:nth-child(1) .left .fa {
        margin-top: 27px;
    }

    .featured-info:nth-child(2) .left .fa {
        margin-top: 6px;
    }

    .featured-info:nth-child(3) .left .fa {
        margin-top: 10px;
    }

    .featured-info:nth-child(5) .left .fa {
        margin-top: 5px;
    }

    /* zakładka adresy */

    .box-content.addresses-1 .col-xs-12 {
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .col-xs-12.col-md-3 .fa {
        font-size: 150px;
    }

    .col-xs-12 col-md-3:nth-child(3) {
        font-size: 150px;
    }

    .box-content.addresses-1 .col-xs-12:nth-child(3) .fa {
        width: 150px;
    }

    .addresses-icon a {
        font-size: 14px;
    }

    #manage-addresses {
        width: 100%;
    }

    .manage-addresses-btn {
        width: 24%;
    }

    /* */

    .col-md-6.home-page-left-column {
        width: 49% !important;
    }

    .col-md-6.home-page-right-column {
        width: 49% !important;
    }

    /* zakładka statystyki */

    .col-xs-3.stats {
        width: 25%;
    }

    .col-xs-9.stats {
        width: 75%;
    }

    /* */

    /* zakładka ustawienia */

    .profile-container {
        width: 450px;
    }
    .additional-functionalities-box .single-column:nth-child(2) {
        width: 380px;
    }

    .settings-admailer-update-container {
        float: right;
        clear: none;
        width: 600px;
    }

    .add-functionalities-box.overflow-hd .single-column:nth-child(2) {
        width: 380px;
    }

    /* */

}

@media only screen and (min-width : 1368px) {

}

@media only screen and (min-width : 1440px) {

}

@media only screen and (min-width : 1600px) {

}

@media only screen and (min-width : 1680px) {

}

@media only screen and (min-width : 1920px) {

}

.btn-new-blue {
    transition: all 0.5s ease 0s;
    color: #fff;
    background: #3498db;
}

.btn-new-blue:hover {
    background: #2980b9 !important;
    color: #fff;
}

.btn-new-orange {
    transition: all 0.5s ease 0s;
    color: #fff;
    background: #e67e22;
}

.btn-new-orange:hover {
    background: #d35400 !important;
    color: #fff;
}

.image-file:focus {
    outline: 0;
}

.margin-bottom-sm.idb {
    margin-bottom: 10px;
}

.installdbinputs {
    width: 270px !important;
    padding: 10px !important;
}

.installdbinputs[type="password"] {
    width: 270px !important;
}







@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
    }
}

.circle-button {
    cursor: pointer;
    transition: all 0.5s ease 0s;
}

.circle-button:hover {
    -webkit-animation-name: rotateIn;
    -webkit-animation-duration: 2s;
    animation-name: rotateIn;
    animation-duration: 1s;
    //transform: scale(1.1);
    background: #4e0075 !important;;
}

#step-1 input {
    background: #fff;
    border: none;
    box-shadow: 0 1px 0 1px rgb(228, 230, 235);
    height: 30px;
}

.input-group.margin-bottom-sm.idb input {
    border-radius: 0 !important;
    font-size: 14px !important;
    padding: 10px !important;
    width: 300px !important;
    border: 1px solid #ccc;
}

.col-md-12.subnav {
    background: none repeat scroll 0 0 #4e0075;
    left: 0;
    position: absolute;
    z-index: 100;
}

.navbar-nav.sub-nav li {
    margin-bottom: 0px !important;
}

.navbar-nav.sub-nav li.sep a {
    color: #fff !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 15px;
    padding-bottom: 15px;
    opacity: 0.8; 
    transition: all 0.5s ease 0s;
}

.navbar-nav.sub-nav li.sep a:hover {
    opacity: 1;
}

.navbar-nav.sub-nav li.sep.active a {
    opacity: 1;
}

#mailings {
    margin-top: 40px;
}

#maxSendPerHour, #group_name, #maxSendPerRun {
    border: none;
    background: #fff;
    height: 30px;
    box-shadow: 0 1px 0 1px rgb(228, 230, 235);
}

#logo, #logo_url {
    width: 280px;
}

#curr_logo {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 35px;
}

.sep {
    text-transform: uppercase;
}

.addresses-3-container .box-content {
    position: relative;
}

.addresses-3-container #btn_set_as_exclude {
    position: absolute;
    right: 223px;
    top: 40px;
    z-index: 2000;
}

.addresses-3-container #btn_set_as_include {
    position: absolute;
    right: 490px;
    top: 40px;
    z-index: 2000;
}

.group-shw {
    position: relative;
}

.group-shw #btn_set_as_exclude {
    position: absolute;
    right: 370px;
    top: 0px;
    z-index: 5;
    height: 31px;
    font-size: 13px;
    padding-top: 8px;
}

.group-shw #btn_set_as_include {
    position: absolute;
    right: 620px;
    top: 0px;
    z-index: 5;
    height: 31px;
    padding-top: 8px;
    font-size: 13px;
}

#addresses .jtable-toolbar-item.jtable-toolbar-item-add-record.btn-new-green {
    display: inline-block !important;
}

.group-shw #addresses {
    position: relative;
}