/* less definition - begin */
.border-radius-six {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.border-radius-no-left {
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
}
.border-radius-no-top {
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
}
.border-radius-no-bottom {
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
}
.border-radius-no-right {
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
}
/* icons */
.ico-16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: top left;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}
.ico-16.ico-plus {
  background-image: url(../images/icon-plus-16.png);
}
.ico-16.ico-plus.ico-blue {
  background-position: bottom left;
}
.ico-16.ico-plus.ico-white {
  background-position: center left;
}
a:hover .ico-16 {
  background-position: center left;
}
a:hover .ico-16.ico-blue {
  background-position: top left;
}
/* buttons override */
.btn.btn-gray {
  background: #808080 !important;
  color: #fff !important;
  text-decoration: none !important;
  height: 25px;
  line-height: 25px;
  border-width: 0px !important;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
}
.btn.btn-gray:hover {
  background: #23c4c8 !important;
}
.btn.btn-gray .ico-16 {
  margin-bottom: 3px;
}
/* new mailator ui items */
.mui-checker {
  display: block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #dddddd;
  background: #fff;
  margin: auto;
  cursor: pointer;
}
.mui-checker span {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  margin: 2px;
}
.mui-checker:hover span,
.mui-checker.checked span {
  background: #23c4c8;
}
.mui-checker.radio {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.mui-checker.radio span {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
/* tables */
table tr.grid-columns th {
  box-sizing: border-box;
  /*line-height: 40px;*/
  padding: 5px 15px;
  font-size: 14px;
  color: #fff;
}
table tr.grid-columns th a {
  text-decoration: none;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
}
table tr.grid-columns th a:hover {
  text-decoration: underline;
}
table thead tr th {
  width: 245px;
}
table thead tr th.grid-col-select {
  width: 65px;
}
table thead tr th.grid-col-actions {
  width: 160px;
}
table thead tr td.filter {
  height: 48px;
}
table thead tr td.filter .mui-checker {
  margin: 7px 0 0 16px;
}
table thead tr td.filter input {
  box-sizing: border-box;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  height: 32px;
  line-height: 32px;
  width: 220px !important;
  float: left;
}
table thead tr td.filter.grid-col-actions .btn-gray {
  box-sizing: border-box;
  width: 128px !important;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  font-size: 18px;
  font-weight: 300;
  padding: 3px 5px 5px 5px;
}
table thead tr td.filter.grid-col-actions .btn-gray:hover {
  background: #fff !important;
  color: #808080 !important;
}
table.list tbody tr td {
  box-sizing: border-box;
  padding: 5px 15px;
}
table.list tbody tr td.grid-col-select .mui-checker {
  margin: 9px 0 0 6px;
}
table.list tbody tr td.no-records {
  text-align: center;
  padding: 50px;
  color: #aaaaaa;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}
table.list tbody tr td.no-records:hover {
  background: #f5f5f5;
}
table.list tbody tr td.no-records .btn {
  margin-top: 30px;
}
table.list tbody tr:hover td a {
  color: #fff !important;
}
table.list th {
  box-sizing: border-box;
  padding: 10px 15px 3px 10px;
}
table.list th.grid-col-type {
  width: 80px;
}
table.list th.grid-col-select {
  width: 65px;
  text-align: center;
}
table#tableCampaignFilter tr th {
  box-sizing: border-box;
  padding: 5px 15px;
  line-height: 36px;
}
table#tableCampaignFilter tr th .bootstrap-select {
  vertical-align: middle;
  margin: 0;
}
table#tableCampaignFilter tr th.grid-col-name {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
}
table#tableCampaignFilter tr th.grid-col-actions {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
}
table#companyList .grid-col-actions.filter input {
  width: 150px !important;
}
table#companyList .grid-col-actions.filter input:hover {
  background: #fff !important;
  color: #667380 !important;
}
div.operations {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
}
div.operations .label {
  line-height: 24px;
  color: #667380;
  font-weight: 300;
  font-size: 16px;
  width: 120px;
  height: 40px;
  float: left;
  text-align: right;
}
div.operations .input-group {
  display: block;
  float: left;
}
div.operations .input-group .btn {
  margin: 0 !important;
}
div.operations .input-group.delete-group {
  width: 270px;
  line-height: 50px;
}
div.operations .input-group.delete-group .label {
  font-size: 18px;
  line-height: 44px;
}
div.operations .input-group.middle-group {
  width: 490px;
  margin-top: 10px;
}
div.operations .input-group.middle-group .select-box {
  display: block;
  float: left;
  width: 235px;
  height: 22px;
}
div.operations .input-group.middle-group .hint {
  display: block;
  clear: both;
  font-size: 11px;
  padding-left: 40px;
}
div.operations .input-group.export-group {
  float: right;
  width: 155px !important;
}
div.operations .input-group.export-group .btn {
  float: right;
  margin-right: 30px !important;
  margin-top: 9px !important;
}
div.operations#companyOperations {
  height: 100px; 
}
div.operations#companyOperations .input-group.middle-group {
  width: 640px;
}
div.operations#companyOperations .input-group.middle-group .bootstrap-select {
  width: 240px;
  margin-right: 15px;
  margin-left: 20px;
  float: left;
}
div.operations#companyOperations .input-group.middle-group .label {
  width: 170px; 
}
div.operations#companyDetailOperations .input-group.delete-group {
  width: 320px;
}
div.operations#companyDetailOperations .input-group.middle-group .bootstrap-select {
  width: 200px;
  float: left;
  margin-right: 15px;
}
div.operations#companyOperations .input-group.middle-group.middle-group-2 {
  margin-left: 290px;
  margin-top: 25px;
}
div.operations#companyOperations .input-group.middle-group.middle-group-2 .label {
  width: 170px; 
}
div.operations#companyOperations .input-group.middle-group.middle-group-2 .hint {
  padding-left: 20px;
}
div.operations#companyOperations .input-group.middle-group.middle-group-2 .bootstrap-select {
  margin-left: 0px;
}
div.operations#companyOperations .input-group.middle-group.middle-group-2 .mui-do-action {
  width: 75px; 
}

.info-text {
  font-size: 13px;
}
table tr td.savearea .morebutton {
  margin-left: 15px;
  padding: 10px 45px 10px 35px;
  background-position: 90% 50%;
}
table tr td.savearea #subpip {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 25px 10px 25px;
}
/* dropdown */
ul.dropdown-menu li a {
  text-decoration: none !important;
  font-weight: normal !important;
  font-size: 14px;
  padding: 5px 15px;
}
ul.dropdown-menu li a:hover {
  background: #23c4c8;
}
ul.dropdown-menu li.selected a {
  background: #23c4c8;
}
/* campaign groups */
.groups-heads th {
  padding: 0;
}
.groups-heads th .group-head {
  display: block;
  background: #23c4c8;
  /*.margin(10) !important;
            .padding(10) !important;*/
  color: #fff;
  font-weight: 300;
  font-size: 24px;
  padding-top: 10px !important;
  padding-bottom: 7px !important;
  margin: 0;
  margin-right: 20px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-width: 0px !important;
}
.groups-heads th .group-head.restricted {
  background: #cccccc;
  font-size: 20px;
  margin-right: 0px;
}
.groups-heads th .group-head .head-icon {
  display: inline-block;
  width: 41px;
  height: 41px;
  margin-right: 7px;
  line-height: 50px !important;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat;
}
.groups-heads th .group-head .head-icon.groups {
  background-image: url(../images/head_icon_group.png);
}
.groups-heads th .group-head .head-icon.selected-groups {
  background-image: url(../images/head_icon_letter.png);
}
.groups-heads th .group-head .head-icon.restricted-groups {
  background-image: url(../images/head_icon_restricted.png);
}

#vlozit_media_selectbox
{
    margin-top: 5px;
}
#vlozit_media_selectbox .bootstrap-select,
#vlozit_media_selectbox .bootstrap-select .dropdown-menu,
#vlozit_media_selectbox .bootstrap-select .selectpicker
{
    width: 180px !important;
}


table thead tr th.grid-col-title {width:350px !important;text-align:center;}
table thead tr th.grid-col-actions {text-align:center;width:130px !important}

table thead tr th.grid-col-date {text-align:center;width:140px !important}
table thead tr th.grid-col-state {text-align:center;width:120px !important}
.grid-col-state {text-align:center !important;}
table thead tr th.grid-col-waiting_for_send {text-align:center;width:120px !important;}
table thead tr td.grid-col-waiting_for_send{text-align:center}
table thead tr th.grid-col-sent {text-align:center;width:120px !important}
table thead tr td.grid-col-sent{text-align:center}

.grid-col-sent, .grid-col-waiting_for_send,.grid-col-date,.grid-col-clicked,.grid-col-read,.grid-col-unsubscribed, .grid-col-undelivered, .grid-col-actions  {text-align:center !important}
.grid-col-actions {width: 150px;}
.grid-col-read, .grid-col-clicked, .grid-col-unsubscribed, .grid-col-undelivered, .grid-col-sent {width:50px;}
.grid-col-actions a.icon, .grid-col-actions div.block-actions3 {float: none; display: inline-block;}
.grid-col-actions div.block-actions3 {width: auto;}

#frm-campaignListNotSent-form, 
#frm-dataGrid-form 
{
    width: 1085px;
}

#frm-campaignListNotSent-form td, 
#frm-dataGrid-form td 
{ 
    vertical-align: middle;
    line-height: 25px;
}

#frm-campaignListNotSent-form .grid-col-actions, 
#frm-dataGrid-form .grid-col-actions 
{
    width: 70px !important;
    white-space: nowrap;
    padding-left: 0;
    padding-right: 0;
}

#frm-campaignListNotSent-form td a, 
#frm-dataGrid-form td a
{
    text-decoration: none !important;
    /*color: black !important;*/
}

#frm-campaignListNotSent-form tr:hover td a, 
#frm-dataGrid-form tr:hover td a
{
    color: white !important;
}

#frm-campaignListNotSent-form tr td:first-child a, 
#frm-dataGrid-form tr td:first-child a
{
    text-decoration: underline !important;
} 

#domain th,#links th, #all th , #sending th, #unsub th {text-align:center;padding: 5px 15px;}
#all td {text-align:center}

#unsub th:last-child{width:150px}
#unsub td:last-child {text-align:center}
#sending td:nth-child(3), #sending td:nth-child(4), #sending td:nth-child(5), #sending td:nth-child(6){white-space: nowrap;text-align:center;width:180px}
/*
#sending tr th.grid-col-email, #sending tr th.grid-col-customer_name {
    width:300px !important;
    
}
#sending tr:first-child th.grid-col-date_clicked {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
}
#sending th:last-child {position:relative;left:-110px;width:1px !important;padding:0px !important;background:none}
#sending td:last-child{display:none}*/

input.slider {
    width: 50px !important;
}
div.slider {
    display: inline-block;
    width: 530px;
    margin-left: 10px;
}