/* New buttons */
.btn {
    border-radius: 5px;
    border-style: solid ;
    border-width: 1px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    padding: 3px 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
a.btn { color :#fff; line-height: 22px; text-decoration: none; }
.btn.blue { background: #2e94c5; border-color: #2e94c5; }
.btn.blue:hover { background: #357ebd; }
.btn.green { background: #a5be40; border-color: #a5be40; }
.btn.green:hover { background: #91a736; }
.btn.gray { background: #acacac; border-color: #acacac; }
.btn.gray:hover { background: #787878; }
.btn.red { background: #e96f62; border-color: #e96f62; }
.btn.red:hover { background: #d55446; }
.btn.darkblue { background: #5a6973; border-color: #5a6973; }
.btn.darkblue:hover { background: #46525a; }
.btn.orange { background: #f69009; border-color: #f69009; }
.btn.orange:hover { background: #ec7f00; }
.btn.grayblue { background: #95b0bc; border-color: #95b0bc; }
.btn.grayblue:hover { background: #5e808f; }

.btn.gray_gradient {
    background: #f8f8f8;
    background: linear-gradient(to bottom, #f8f8f8 0%, #ffffff 100%);
    border-color: #c3cfd8;
    color: #2b2b2b;
    font-size: 12px;
    font-weight: bold;
}
.btn.gray_gradient:hover { background: linear-gradient(to top, #f8f8f8 0%, #ffffff 100%); }

.btn.tc {
    font-size: 14px;
    font-weight: normal;
}

.btn.search_bar {
    background: #f7f7f7;
    background: linear-gradient(to top, #f7f7f7 0%, #ffffff 100%);
    border-color: #c3cfd8;
    color: #2b2b2b;
    height: 28px;
    font-size: 12px;
    font-weight: normal;
    line-height: 28px;
    padding: 0 8px;
}
.btn.search_bar:hover, .btn.search_bar.active {
    border-color: #c3cfd8;
    background: linear-gradient(to bottom, #dde3e8 0%, #cbd6da 100%);
}
.btn.search_bar.active:hover { background: linear-gradient(to top, #f7f7f7 0%, #ffffff 100%); }


.btn .ui-button-text {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}


/* Icons */
.lead_icon {
    background: url(https://static.lpgenerator.ru/media/css/images/btn_icons_260514.png) no-repeat;
    display: inline-block;
    height: 14px;
    margin: 0 5px;
    vertical-align: text-bottom;
    width: 14px;
}
.btn .lead_icon { margin-left: 0; }
.lead_icon.ok { background-position: 0 0; }
.lead_icon.plus { background-position: -14px 0; }
.lead_icon.search { background-position: -28px 0; }
.lead_icon.gear { background-position: -42px 0; }
.lead_icon.close { background-position: -56px 0; }
.lead_icon.bars { background-position: -88px 0; }
.lead_icon.question { background-position: -102px 0; }
.lead_icon.cart { background-position: -116px 0; }
.lead_icon.edit { background-position: -130px 0; }
.lead_icon.web { background-position: -144px 0; }
.lead_icon.export { background-position: -158px 0; }
.lead_icon.blue_question { background-position: 0 -38px; height: 13px; }
.lead_icon.green_ok { background-position: -14px -38px; height: 13px; }
.lead_icon.red_close { background-position: -28px -38px; height: 13px; }
.lead_icon.deep_blue_question { background-position: -15px -104px; height: 15px; width: 15px; }
.lead_icon.icon_plus { background-position: 0 -51px; height: 22px; width: 23px; }
.lead_icon.icon_minus_blue { background-position: -23px -51px; height: 22px; width: 23px; }
.lead_icon.icon_minus { background-position: -46px -51px; height: 22px; width: 23px; }
.lead_icon.utm_arrow { background-position: 0 -120px; height: 9px; width: 8px; }
.lead_icon.blue_stats { background-position: 0 -130px; }
.lead_icon.blue_dollar { background-position: -15px -130px; }
.lead_icon.blue_mail { background-position: -34px -132px; height: 11px;  width: 13px;}

.lead_icon.arrow_down {
    background: url(https://static.lpgenerator.ru/media/css/images/asc.gif) center no-repeat;
    height: 4px;
    margin-right: 0;
    width: 8px;
    vertical-align: middle;
}

.hidden,
.hide {
    display:none;
}

/* Datepicker */
.ui-datepicker { border-radius: 0; border-color: #a7bec7;}
.ui-datepicker .ui-datepicker-header { background: #3b9ecc; border-radius: 0; }
.ui-datepicker .ui-icon { background-image: url(https://static.lpgenerator.ru/media/css/images/btn_icons_260514.png); height: 12px; width: 12px;}
.ui-datepicker .ui-icon-circle-triangle-w { background-position: 0 -26px; }
.ui-datepicker .ui-icon-circle-triangle-e { background-position: -12px -26px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 4px; }
.ui-datepicker-prev-hover { border: none !important; background: inherit !important; left: 2px !important; top: 4px !important; }
.ui-datepicker-next-hover { border: none !important; background: inherit !important; right: 2px !important; top: 4px !important; }
.ui-datepicker .ui-datepicker-title { color: #fff; }
.ui-datepicker-calendar th { background: #fff; font-weight: normal; }
.ui-datepicker-calendar td { padding: 1px; }
.ui-datepicker-calendar .ui-state-default { background: url(https://static.lpgenerator.ru/media/css/images/date_bg.png) repeat-x; border-color: #eef7fb; color: #1c94c4; }
.ui-datepicker-calendar .ui-state-hover { border-color: #6fafcb; }
.ui-datepicker-calendar .dp-highlight .ui-state-default { background: #e2eabf; border-color: #b5ca5f; color: #2d2d2d; }

/* DIALOG */
.ui-dialog-iframe .ui-dialog-titlebar{
	padding: 0;
}
.ui-dialog-iframe .ui-dialog-title{
	display: none;
}

.ui-widget-overlay { background: #555; opacity: 0.8; }
.ui-widget-header {border: 0;}
.ui-dialog {
    position: fixed;
    background: #fff;
    padding:0;
    border: none;
    border-radius: 9px;
    overflow: hidden;
}
.ui-dialog.ui-widget * { font-family: Arial, Helvetica, sans-serif; }
.ui-dialog .ui-dialog-titlebar {background: #fff; color:#2b2b2b; padding: 20px 30px 4px; border-radius: 0; }
.ui-dialog .ui-dialog-title { font-size:24px; font-weight:normal; padding: 0; margin: 0; }
.ui-dialog .ui-dialog-titlebar-close {
    width:12px;
    height:12px;
    /*margin: -15px 0 0 0;*/
    top:20px;
    right: 10px;
    background: url(https://static.lpgenerator.ru/media/css/upgrade/ui-dialog-white/close.png);
    border: none;
    box-shadow: none;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
    box-shadow: 0 0 2px 2px #9baab6;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick { display: none; }
.body-editor .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick { display: block; }
.body-editor .ui-dialog .ui-dialog-titlebar-close:hover { padding: 1px; }
.ui-dialog .ui-dialog-titlebar-close span {background: none; vertical-align:top;}
.ui-dialog .ui-dialog-titlebar-close span.ui-icon  {width:21px; height:21px;}
.ui-dialog .ui-dialog-content {
    background: #fff;
    padding: 10px 30px 30px;
    margin: 0;
    border: 0;
    border-bottom:none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.ui-dialog .ui-dialog-content .row {
    margin-top: 10px;
}
.ui-dialog .ui-dialog-content .row:first-child {
    margin-top: 0;
}
.ui-dialog .ui-dialog-content p { margin-bottom: 10px; }
.ui-dialog .ui-dialog-content .row { margin-top: 10px; }
.ui-dialog .ui-dialog-content .row:first-child { margin-top: 0; }
.ui-dialog .ui-dialog-content .row input { margin: 0; }
.ui-dialog .ui-dialog-content label {font-size: 14px;}
.ui-dialog .ui-dialog-content input {
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #c3cfd8;
    height:28px;
    line-height:28px;
    font-size: 12px;
    padding: 0 6px;
    border-radius: 6px;
}
.ui-dialog .ui-dialog-content input[type="checkbox"] { margin: 0 10px 0 0; padding: 0; width: 15px; height:15px; border:none; vertical-align: middle; }
.ui-dialog .ui-dialog-content input[type="radio"] {margin: 0 10px 0 0; padding: 0; width: 15px; height:15px; border:none;}
.ui-dialog .ui-dialog-content textarea, .ui-dialog .ui-dialog-content select {border: 1px solid #c3cfd8; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.ui-dialog .ui-dialog-content select {height:30px; font-size:12px;}
.ui-dialog .ui-dialog-buttonpane {
    background-color:#fff;
    padding: 10px 30px;
    margin:0;
    border: 0;
    border-top: 1px solid #e3e3e3;
    border-radius: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-button { margin-top: 0; margin-bottom: 0; }
.ui-dialog .ui-dialog-buttonpane .ui-button:last-child { margin-right: 0; }
.ui-dialog .ui-dialog-buttonpane .ui-button .ui-button-text { display: inline; padding: 0.4em 0; }

#dialog_form .ui-dialog .ui-dialog-titlebar {background:red;}
.dialog {text-align:center;}
.dialog p {font-size:14px; color:#2b2b2b; margin-top: 9px;}
.dialog label {font-size:12px; color:#2b2b2b; }
.dialog p.code {text-align:center; padding:5px; border:2px solid #ccc; font-weight:bold; font-size:16px;}
.dialog p.add_field {}
.dialog p.add_field label {
    font-size: 14px;
    color: #43474c;
    font-weight: normal;
    display: inline-block;
    width: 130px;
}
.dialog p.add_field .example {font-size: 12px; color: #797979; margin-left: 5px;}
/*.dialog p.add_field input {height: 28px; border-radius: 5px; line-height: 28px;}*/

.dialog.left_new_line {text-align: left;}
.dialog.left_new_line label {display: block; font-weight: normal;}
.dialog.left_new_line label.error {padding: 0.3em;}
.dialog.left_new_line input {width: 100%; padding: 0;}
.dialog.left_new_line p {margin-bottom: 0; font-size: 16px !important;}

.ui-dialog .meta_dialog label {display:inline;}