form .field {
	width: 100%;
	margin-bottom: 10px;
}

form .field label {
	color: #888;
	width: 100%;
	display: block;
    padding-bottom: 2px;
}

form fieldset {
	border: none;
  padding: 10px 0 0;  
}

form .field textarea.form-control,
form .field select.form-control,
form .field input.form-control {
    color: #2C2D2E;
    width: 100%;
    border: 1px solid #e7eaf3;
    border-radius: 6px;
    margin: 0;
    padding: 0 12px;
    font-size: 15px;
    background: #FFF;
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
}

form .field textarea.form-control {
  padding-top: 5px;
  padding-bottom: 5px;
}


form .field select.form-control,
form .field input.form-control {
    height: 38px;
    line-height: 38px;
}

form .field.field_error {
  background-color: #fce7eb;
  color: #d0193b;
  padding: 5px;
  border-radius: 6px;
}

form .field.field_error label {
  font-weight: bold;
  color: #000;
}

form .field.field_error .error_text {
  margin-top: 5px;
  margin-bottom: 10px;
}


form .form-tabs > .tab {
    margin-bottom: 20px;
}

.tabs-menu {
    margin-bottom: 30px;
}

.tabs-menu > ul
{
  clear: both;
  height: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #EEE;
  display: flex;
  flex-wrap: wrap;
}

.tabs-menu .tabbed li a
{
  border: 0;
  border-bottom: 4px solid #FFF;
  padding: 15px 10px;
  text-decoration: none;
  color: #000;
  line-height: 30px;
  display: block;
}

.tabs-menu .tabbed li a .counter {
    color: #AAA;
}

.tabs-menu .tabbed li a:hover
{
  background-color: inherit;
}

.tabs-menu .tabbed li a:hover
{
  color: #377dff;
}

.tabs-menu .tabbed li.active a, 
.tabs-menu .tabbed li.active a:hover
{
  border: 0;
  border-bottom: 4px solid #377dff;
  color: #377dff;
}


.widget_image_single .preview, 
.widget_image_multi .preview {
    margin-bottom: 5px;
    padding: 4px;
    border: solid 1px #DDD;
    border-radius: 3px;
    overflow: hidden !important;
    background-color: #EEE;
    text-align: center;
}

.widget_image_multi .preview .im-b {
    width: 256px;
    float: left;
    height: 294px;
    overflow: hidden;
}

.widget_image_multi .preview .buttons-list {
    overflow: hidden;
    padding-bottom: 4px;
}

.widget_image_single .preview .textarea-block, 
.widget_image_multi .preview .textarea-block {
    margin-left: 256px;
    padding: 0 5px 0 4px;
    box-sizing: border-box;
}

.widget_image_single .preview .textarea-block textarea, 
.widget_image_multi .preview .textarea-block textarea {
    box-sizing: border-box !important;
    box-shadow: inset 0 2px 8px #ddd !important;
    padding: 5px !important;
    border: 1px solid #CCC;
    font-size: 18px;
    width: 100%;
    height: 294px;
}

.widget_image_multi .preview img {
  cursor: move;
  max-height: 100%;
  width: 256px;
  height: 256px;
}

.widget_image_multi .preview .buttons-list .image-delete {
    float: right;
    margin-right: 10px;
    width: 32px !important;
    height: 32px !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIyLjU0MzEyOTk5NDU5MjE2RS0wNiAtMC4xOTQ2NTU5OTk1NDEyODMgMTEzLjUyNjk5Nzg4NDExNiAxMTMuNTI3NjU2MTgyNjQ3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImRlZjAiIHgxPSIwLjQ5OTk5NSIgeDI9IjAuNDk5OTk1IiB5MT0iMS43Mzc3OUUtMDYiIHkyPSIxLjAwMDAxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNGMjdFNUUiLz48c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iI0VCMUMyNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0NFMjIyOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnPjxwYXRoIGQ9Ik0yLjU0MzEzRS0wNiw4Ny41MzQ3TDMwLjk2NCw1Ni41NjQgMi41NDMxM0UtMDYsMjUuNjAxMyAyNS43OTczLC0wLjE5NDY1NiA1Ni43NjI3LDMwLjc3MDcgODcuNzI2NywtMC4xOTQ2NTYgMTEzLjUyNywyNS42MDEzIDgyLjU2MjcsNTYuNTY5MyAxMTMuNTI3LDg3LjUzNDcgODcuNzI2NywxMTMuMzI5IDU2Ljc2NjcsODIuMzY0IDI1Ljc5NzMsMTEzLjMzMyAyLjU0MzEzRS0wNiw4Ny41MzQ3eiIgZmlsbD0iIzk5MDAwMCIvPjxwYXRoIGQ9Ik0xMTEuNjQxLDg3LjUzNDFMODAuNjc2OCw1Ni41NzAxIDExMS42NDEsMjUuNjAyMSA4Ny43MjYxLDEuNjkwMTQgNTYuNzYzNSwzMi42NTU1IDI1Ljc5NjgsMS42OTAxNCAxLjg4NDgsMjUuNjAyMSAzMi44NTAxLDU2LjU2NDggMS44ODQ4LDg3LjUzNDEgMjUuNzk2OCwxMTEuNDQ3IDU2Ljc2NzUsODAuNDc4MSA4Ny43MjYxLDExMS40NDMgMTExLjY0MSw4Ny41MzQxeiIgZmlsbD0idXJsKCNkZWYwKSIvPjxwYXRoIGQ9Ik01My41NTA3LDQyLjE1OTdDNjkuOTc3MywzNi45MTg0LDg2LjI5ODcsMzUuMDc4NCwxMDEuMDM2LDM2LjIwNzdMMTExLjY0LDI1LjYwMjQgODcuNzI2NywxLjY5MDQgNTYuNzYyNywzMi42NTU3IDI1Ljc5NzMsMS42OTA0IDEuODg1MzQsMjUuNjAyNCAyOS4wMzQ3LDUyLjc0OTFDMzYuNTE4Nyw0OC41NjUxLDQ0LjczODcsNDQuOTcxNyw1My41NTA3LDQyLjE1OTd6IiBmaWxsPSIjRkZGRkZGIiBzdHlsZT0iZmlsbC1vcGFjaXR5OjAuMTAxOTYwNzg0MzEzNzI1Ii8+PC9nPjwvc3ZnPg==) no-repeat center center !important;
    background-size: 60% !important;
    background-color: rgba(225, 225, 225, 0.8) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    border: 1px solid #888;
}

.widget_image_multi .preview .buttons-list .rotate-left {
    width: 32px !important;
    height: 32px !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMXB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAyMSIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzIuMDAwMDAwLCAtMzgwLjAwMDAwMCkiPjxnIGlkPSJyb3RhdGUtbGVmdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcyLjAwMDAwMCwgMzgwLjUwMDAwMCkiPjxwYXRoIGQ9Ik0zLjEsNy41IEwxLjcsNi4xIEMwLjgsNy4zIDAuMiw4LjYgMC4xLDEwIEwyLjEsMTAgQzIuMiw5LjEgMi42LDguMyAzLjEsNy41IEwzLjEsNy41IFogTTIuMSwxMiBMMC4xLDEyIEMwLjMsMTMuNCAwLjgsMTQuNyAxLjcsMTUuOSBMMy4xLDE0LjUgQzIuNiwxMy43IDIuMiwxMi45IDIuMSwxMiBMMi4xLDEyIFogTTMuMSwxNy4zIEM0LjMsMTguMiA1LjYsMTguNyA3LDE4LjkgTDcsMTYuOSBDNi4xLDE2LjggNS4zLDE2LjQgNC41LDE1LjkgTDMuMSwxNy4zIEwzLjEsMTcuMyBaIE05LDMuMSBMOSwwIEw0LjUsNC41IEw5LDkgTDksNS4xIEMxMS44LDUuNiAxNCw4IDE0LDExIEMxNCwxNCAxMS44LDE2LjQgOSwxNi45IEw5LDE4LjkgQzEyLjksMTguNCAxNiwxNSAxNiwxMSBDMTYsNyAxMi45LDMuNiA5LDMuMSBMOSwzLjEgWiIgaWQ9IlNoYXBlIi8+PC9nPjwvZz48L2c+PC9zdmc+) no-repeat center center !important;
    background-size: 60% !important;
    background-color: rgba(225, 225, 225, 0.8) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    border: 1px solid #888;
    float: left;
}

.widget_image_multi .preview .buttons-list .rotate-right {
    float: left;
    width: 32px !important;
    height: 32px !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMXB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAyMSIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTQuMDAwMDAwLCAtMzgwLjAwMDAwMCkiPjxnIGlkPSJyb3RhdGUtcmlnaHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxNC4wMDAwMDAsIDM4MC41MDAwMDApIj48cGF0aCBkPSJNMTEuNSw0LjUgTDcsMCBMNywzLjEgQzMuMSwzLjYgMCw2LjkgMCwxMSBDMCwxNS4xIDMuMSwxOC40IDcsMTguOSBMNywxNi45IEM0LjIsMTYuNCAyLDE0IDIsMTEgQzIsOCA0LjIsNS42IDcsNS4xIEw3LDkgTDExLjUsNC41IEwxMS41LDQuNSBaIE0xNS45LDEwIEMxNS43LDguNiAxNS4yLDcuMyAxNC4zLDYuMSBMMTIuOSw3LjUgQzEzLjQsOC4zIDEzLjgsOS4xIDEzLjksMTAgTDE1LjksMTAgTDE1LjksMTAgWiBNOSwxNi45IEw5LDE4LjkgQzEwLjQsMTguNyAxMS43LDE4LjIgMTIuOSwxNy4zIEwxMS41LDE1LjkgQzEwLjcsMTYuNCA5LjksMTYuOCA5LDE2LjkgTDksMTYuOSBaIE0xMi45LDE0LjUgTDE0LjMsMTUuOSBDMTUuMiwxNC43IDE1LjgsMTMuNCAxNS45LDEyIEwxMy45LDEyIEMxMy44LDEyLjkgMTMuNCwxMy43IDEyLjksMTQuNSBMMTIuOSwxNC41IFoiIGlkPSJTaGFwZSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==) no-repeat center center !important;
    background-size: 60% !important;
    background-color: rgba(225, 225, 225, 0.8) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    border: 1px solid #888;
}

.widget_image_multi .preview .upload-images-rotate1 
{
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}

.widget_image_multi .preview .upload-images-rotate2
{
    -webkit-transform: rotate(180deg) !important;
    -moz-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

.widget_image_multi .preview .upload-images-rotate3
{
    -webkit-transform: rotate(270deg) !important;
    -moz-transform: rotate(270deg) !important;
    -ms-transform: rotate(270deg) !important;
    -o-transform: rotate(270deg) !important;
    transform: rotate(270deg) !important;
}

.widget_image_multi .preview .upload-images-rotate0
{
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}

.symbols_count {
    font-size: 12px;
    margin: 3px 0 0 0;
    display: none;
}

.symbols_count .symbols_num {
    background-color: #ecf0f1;
    border: 1px solid #bdc3c7;
    color: #2980b9;
    cursor: pointer;
    transition: opacity 0.3s;
}

.symbols_count > span {
    display: inline-block;
    padding: 2px 5px;
    margin: 0 3px 0 0;
    color: #7f8c8d;
}

@media screen and (max-width: 700px) {
  .widget_image_multi .preview .im-b {
    width: 100%;
    float: none;
  }

  .widget_image_single .preview .textarea-block, 
  .widget_image_multi .preview .textarea-block {
    margin-left: 0;
  }

  .widget_image_single .preview .textarea-block textarea, .widget_image_multi .preview .textarea-block textarea {
    height: 120px;
  }
}