select{
  border-radius: 0px!important;
}
.display-flex{
  display: flex;
}
.ibutton-container,
.ibutton-container [class*="button"]
{
  box-sizing: content-box!important;
}
.bold12{
  font-weight: bold;
  font-size: 12px;
}
.ml0{
  margin-left: 0!important;
}
.w100{
  width: 100%!important;
}
.liBlock li{
  display: block!important;
}


.register-link,.login-link{
    color:#545454;
}
.register-link:hover,.login-link:hover{
    opacity:0.6
}
.has-error .help-block{
    color:red;
    line-height: 13px;
    margin-top: 6px;
}
.content-mini{
    position:relative;
    top: 100px;
    width: 700px;
    margin:  0 auto
}
.content-mini .widget{
    margin-top: 0;
}
.notify-box{
    border: solid 1px transparent;
}
.margin-top-0{
    margin-top: 0;
}
.margin-top-10{
    margin-top:10px;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-bottom-15{
    margin-bottom: 15px;
}
.widget-header{
    padding: 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.widget-header .pull-right{
    margin-right: 12px;
}
.widget-header .pull-left{
    margin-left: 12px;
}

/* servers-block*/
.servers-wrapper .servers-block{
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
}
.servers-wrapper .servers-block .servers-titles{
  display: flex;
  align-items: center;
  background: -webkit-linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%);
  border-bottom: 1px solid #cdcdcd;
  padding: 0 10px;
  box-sizing: border-box;
}
.servers-wrapper .servers-block .servers-titles > div{
  display: flex;
  align-items: center;
  font-weight: bold;
}
.servers-wrapper .servers-block .servers-titles .name-title{
  width: 20%;
}
.servers-wrapper .servers-block .servers-titles .status-title{
  width: 10%;
  justify-content: center;
}
.servers-wrapper .servers-block .servers-titles .time-title{
  width: 20%;
}
.servers-wrapper .servers-block .servers-titles .started-title{
  width: 25%;
}
.servers-wrapper .servers-block .servers-titles .rating-title{
  width: 25%;
}



.servers-wrapper .servers-block .servers-content .servers-content-row{
  display: flex;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
}
.servers-wrapper .servers-block .servers-content .servers-content-row > div{
  display: flex;
  align-items: center;
}
.servers-wrapper .servers-block .servers-content .servers-content-row:nth-child(even){
  background-color: #EAEAEA;
}
.servers-wrapper .servers-block .servers-content .servers-content-row .server-name{
  width: 20%;
}
.servers-wrapper .servers-block .servers-content .servers-content-row .server-status{
  width: 10%;
  justify-content: center;
}
.servers-wrapper .servers-block .servers-content .servers-content-row .server-time{
  width: 20%;
}
.servers-wrapper .servers-block .servers-content .servers-content-row .server-started{
  width: 25%;
}
.servers-wrapper .servers-block .servers-content .servers-content-row .server-rating{
  width: 25%;
}

/* ----------------- */
.widget-header .interval-input > input{
    width: 50px;
}
.widget-header .btn-refresh{
  display: flex;
  justify-content: flex-end;
  flex-grow: 2;
}
/* ----------------- */


.margin-bottom-20{
    margin-bottom: 20px;
}
.button-red{
    border: 1px solid #a95151 !important;
    box-shadow: 0 1px 2px 0 #cd8787 inset !important;
    -webkit-box-shadow: 0 1px 2px 0 #cd8787 inset !important;
    -moz-box-shadow: 0 1px 2px 0 #cd8787 inset !important;
    background: #c57979 !important;
    background: -moz-linear-gradient(top, #c57979 0%, #a34c4c 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c57979), color-stop(100%,#a34c4c)) !important;
    background: -webkit-linear-gradient(top, #c57979 0%,#a34c4c 100%) !important;
    background: -o-linear-gradient(top, #c57979 0%,#a34c4c 100%) !important;
    background: -ms-linear-gradient(top, #c57979 0%,#a34c4c 100%) !important;
    background: linear-gradient(top, #c57979 0%,#a34c4c 100%) !important;
}
.form-group.required label:after{
    content:' *';
    display: inline-block;
    color:red;
    margin-left: 5px;
}
.empty-story{
    text-align: center;
    margin: 10px;
}
.messageArea.is-new, .messageArea.is-new .time, .messageArea.is-new .name strong{
    color:#f08233
}
.reload-button{
    cursor: pointer;
}
.reload-button.active {
    animation-name: spin;
    animation-duration: 800ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.form-container .formRow{
    padding-bottom: 0;
}
.padding-bottom-10{
    padding-bottom: 15px !important;
    border: solid 1px red;
}
.noFloat{
    float: none !important;
}
.nowrap{
    white-space: nowrap
}
.add-server-tab li:not(.active) a{
    opacity: 0.5;
}
.content-loader{
    font-size: 30px;
    background: rgba(255,255,255, 0.5);
    line-height: 100%;
    border: solid 1px red;
    position: absolute;
    z-index: 88;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
button.loading{
    cursor: default;
    opacity: 0.6;
}

div.jGrowl{
    z-index: 10000;
}
.padding-bottom-20{
    padding-bottom: 20px;
}
#domain-list .formRow:first-child .remove-domain{
    display: none;
}
#email-list .formRow:first-child .remove-email{
    display: none;
}
.form-step-3-dkim{

}
.form-step-3-dkim .left-col{
    float: left;
    width: 67%
}
.form-step-3-dkim .right-col{
    float: right;
    width: 33%
}
.form-step-3-dkim .right-col input{
    margin-bottom: 19px;
}
.formRow input[disabled] {
    background-color: #f9f9f9 !important;
    color: #afafaf !important;
}
.form-step-3-dkim .right-col .description{
    padding-bottom: 12px;
}

/*main*/
.stat-table td, .stat-table th{
    padding: 0 3px;
}
.stat-table .gray{
    background: #d5d5d5;
}
.stat-table .bold{
    font-weight: bold;
    color:#000
}
.stat-table tbody td{
    text-align: right;
    color: #000;
    border: solid 2px #d5d5d5 !important;
}
.stat-table .head{
    background: #868883;
    font-size: 14px;
    border-left: solid 2px #868883;
    border-right: solid 2px #868883;
    text-align: left;
    color:#e9e9e9;
    border-top: solid 3px #7d4744;
}
.stat-table .head-2{
    background: #d5d5d5;
    text-align: right;
    border-right: solid 2px #d5d5d5;
    color:#000;
    border-top: solid 3px #7d4744;
}

.stat-table .head.head-fix{
    border-bottom: solid 2px #868883;
}
.stat-table .head.head-fix-2{
    border-right: none;
}
.stat-table .thead{
    color:#000;
    border-left: solid 2px #d5d5d5;
    border-right: solid 2px #d5d5d5;
}
.stat-table .thead th{
    text-align: right;
    font-weight: bold;
}
.stat-table .head-content{
    background: #fff;
    font-weight: normal;
    color:#000;
    text-align: right;
    font-size: 13px;
}
.tCenter td,.tCenter th{
    text-align: center;
}
.tSoft td, .tSoft th{
    padding: 2px !important;
}
.tSoft th{
    background: #f8f8f8;
    background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%);
    background: -o-linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%);
    background: linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%);
}
.tBordered td, .tBordered th{
    border:  solid 1px #dadada;
    vertical-align: middle;
}
.bordered{
    border:  solid 1px #dadada !important;
}
.status-r{
    display: inline-block;
    width: 13px;
    height: 1px;
    border-radius: 100%;
}
.status-r.status-on{
    background: #609c3d ;
}
.status-r.status-off{
    background: #ccc;
}
.stat-table .b-left{
    border-left: solid 2px #d5d5d5
}
.graph-legend li{
    display: inline-block;
}
.graph-legend li span{
    float: none !important;
}
.graph-legend{
    margin-bottom: 20px;
}
.server-actions .dropdown-toggle{
    background: #f8f8f8 ;
    border: solid 1px #c3c3c3;
    padding: 3px 15px;
    font-weight: bold;
    text-align: center;
    display: block;
    color:#636363
}


/* ========ANALITICS PAGE======== */
/* ========analitics/server_info.php======== */
.selected-window,
.traffic-window
{
  border: 1px solid #D9D9D9;
  box-shadow: 0 2px 2px -2px #ccc;
  background-color: #E9E9E9;
}
.selected-window .selected-header,
.traffic-window .traffic-header,
.top-window .top-body .top-row .top-row-header
{
  padding: 5px 10px;
  background-color: #686868;
  font-size: 14px;
}
.selected-window .selected-header > span,
.traffic-window .traffic-header > span,
.top-window .top-body .top-row .top-row-header > div
{
  color: #fff;
  font-weight: bold;
}


.top-window .top-header{
  border-bottom: 1px solid #CDCDCD;
  display: flex;
  font-weight: bold;
}
.top-window .top-header li{
  cursor: pointer;
  padding: 12px 16px 10px 16px;
  color: #636363;
  border-left: 0;
  border-right: 1px solid #d5d5d5;
}
.top-window .top-header li.checked{
  color: #2E6B9B;
  background-color: #F7F7F7;
}


.selected-window .selected-body{
  padding: 5px 10px;
}
.selected-window .selected-body > *{
  margin: 5px 0;
  display: flex;
  justify-content: space-between;
}
.selected-window .selected-body > div span{
  font-weight: bold;
  font-size: 14px;
}


.traffic-window .traffic-body .traffic-row{
  display: flex;
  border-bottom: 1px solid #CDCDCD;
}
.traffic-window .traffic-body .traffic-row > div{
  display: flex;
  justify-content: flex-end;
  width: 30%;
  padding: 0 5px;
  border-left: 1px solid #CDCDCD;
  box-sizing: border-box;
  background-color: #fff;
}
.traffic-window .traffic-body .traffic-row > div:first-child{
  background-color: #D5D5D5;
  border-bottom: none;
  width: 40%;
  font-weight: bold;
}



.top-window{
  border: 1px solid #D9D9D9;
  box-shadow: 0 2px 2px -2px #ccc;
  box-sizing: border-box;
}
.top-window .top-body .buttons-row{
  justify-content: center;
}
.top-window .top-body .buttons-row > *{
  margin: 10px 5px;
  color: #fff;
}
.top-window .top-body .top-row{
  margin: 0 10px;
  border: 1px solid #CDCDCD;
  margin-bottom: 20px;
  box-shadow: 0 2px 2px -2px #ccc;
}
.top-window .top-body .top-row .top-row-titles{
  background-color: #D5D5D5;
  box-sizing: border-box;
}
.top-window .top-body .top-row .top-row-titles > div{
  border-left: 1px solid #CDCDCD;
  padding: 5px 10px;
  font-weight: bold;
  width: 25%;
}
.top-window .top-body .top-row .top-row-titles > div:first-child{
  width: 25%;
  border-left: none;
}

.top-window .top-body .top-row .top-row-body{
  box-sizing: border-box;
  border-bottom: 1px solid #CDCDCD;
}
.top-window .top-body .top-row .top-row-body > div{
  border-left: 1px solid #CDCDCD;
  padding: 5px 10px;
  width: 25%;
}
.top-window .top-body .top-row .top-row-body > div:first-child{
  width: 25%;
  border-left: none;
}

/*-----*/

.bounce-categories table th,
.bounce-categories table td
{
  padding: 5px;
  box-sizing: border-box;
}

/* ========ANALITICS PAGE======== */
/* ========analitics/server_chart.php======== */
.rating-mini {
	display: flex;
  justify-content: flex-end;
  flex-grow: 10;
	font-size: 0;
}
.rating-mini .rating-title{
  font-size: 11px;
  margin-right: 5px;
}
.rating-mini span {
	padding: 0;
	font-size: 16px;
	line-height: 1.4;
	color: lightgrey;
}
.rating-mini > span:before {
	content: '★';
}
.rating-mini > span.active {
	color: gold;
}


/* ========CONTROLS PAGE======== */
/* ========controls/common_info.php======== */
.common-info{
  width: 100%;
}
.common-info .common-info-header span{
  font-size: 16px;
  font-weight: bold;
}
.common-info .common-info-body{
  padding: 14px 0;
  display: flex;
}
.common-info .common-info-body .pmta-form,
.common-info .common-info-body .vmta-form
{
  margin: 0 16px 20px;
  width: 50%;
  background: #f7f7f7;
  border: 1px solid #cdcdcd;
  box-shadow: 0 2px 2px -2px #ccc;
  display: flex;
  flex-direction: column;
}
.common-info .common-info-body .pmta-form .pmta-form-wrapper,
.common-info .common-info-body .vmta-form .vmta-form-wrapper
{
  margin-bottom: 20px;
  background: #f7f7f7;
  border: 1px solid #cdcdcd;
}
.common-info .common-info-body .pmta-form .pmta-form-wrapper .pmta-form-body table,
.common-info .common-info-body .vmta-form .vmta-form-wrapper .vmta-form-body table
{
  font-weight: bold;
}
.common-info .common-info-body .pmta-form .pmta-form-wrapper .pmta-form-body table [class*="buttonS"],
.common-info .common-info-body .vmta-form .vmta-form-wrapper .vmta-form-body table [class*="buttonS"]
{
  color: white;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.common-info .common-info-body .pmta-form .pmta-form-wrapper .pmta-form-body table input,
.common-info .common-info-body .vmta-form .vmta-form-wrapper .vmta-form-body table input
{
  font-weight: bold;
  background-color: inherit;
  font-size: 12px;
}


.common-info .common-info-body .pmta-form .pmta-form-wrapper .pmta-rating-header{
  background-color: #686868;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 17px;
}
.common-info .common-info-body .pmta-form .pmta-form-wrapper .pmta-rating-block{
  font-size: 14px;
  font-weight: bold;
  box-sizing: border-box;
  padding: 5px 17px;
  display: flex;
  align-items: center;
}
.common-info .common-info-body .pmta-form .pmta-form-wrapper .pmta-rating-body{
  padding: 5px 17px;
  background-color: #FAFAFA;
}


.common-info .common-info-body .pmta-form .pmta-form-submit,
.common-info .common-info-body .vmta-form .vmta-form-submit
{
  width: 100%;
  display: flex;
  justify-content: center;
  color: #fff;
  margin-bottom: 20px;
  margin-top: auto;
}
.common-info .common-info-body .pmta-form .pmta-form-submit button,
.common-info .common-info-body .vmta-form .vmta-form-submit button
{
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
}




/* ========CONTROLS PAGE======== */
/* ========controls/pmta_config.php======== */
/* ========controls/vmta_config.php======== */
.global-pmta-form,
.global-vmta-form
{
  margin: 0 16px 20px!important;
}
.global-pmta-form .left-column,
.global-pmta-form .right-column .right-column-wrapper,
.global-vmta-form .left-column,
.global-vmta-form .right-column .right-column-wrapper
{
  background: #f7f7f7;
  border: 1px solid #cdcdcd;
  box-shadow: 0 2px 2px -2px #ccc;
}
.global-pmta-form .left-column input[type="text"],
.global-pmta-form .right-column input[type="text"],
.global-vmta-form .left-column input[type="text"],
.global-vmta-form .right-column input[type="text"]
{
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  font-size: 11px;
  color: #858585;
  box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow: 0 1px 0 #fff;
  padding: 7px;
  border: 1px solid #d7d7d7;
  display: inline-block;
  background: #fdfdfd;
  height: 28px;
}
.global-pmta-form .left-column .left-column-body table,
.global-pmta-form .right-column .right-column-wrapper .right-column-body table,
.global-vmta-form .left-column .left-column-body table,
.global-vmta-form .right-column .right-column-wrapper .right-column-body table
{
  font-weight: bold;
}
.global-pmta-form .right-column .btn-wrapper > *,
.global-vmta-form .right-column .btn-wrapper > *
{
  width: 100%;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
}
.global-pmta-form .pmta-form-submit,
.global-vmta-form .vmta-form-submit
{
  display: flex;
  justify-content: center;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}
.global-pmta-form .pmta-form-submit > *,
.global-vmta-form .vmta-form-submit > *
{
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
}




/* dropdown-menu */
.dropdown-custom{
  position: relative;
}
.dropdown-custom:hover .dropdown-menu-custom{
  display: block;
}
.dropdown-menu-custom{
  position: absolute;
  right: -162px;
  top: 0;
  display: none;
  position: absolute;
  text-align: left;
  z-index: 1000;
  float: left;
  min-width: 160px;
  margin: 0px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #c3c3c3;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 2px -2px #ccc;
  -moz-box-shadow: 0 2px 2px -2px #ccc;
  box-shadow: 0 2px 2px -2px #ccc;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}


/* style select */
.select-css {
  display: block;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em; width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
}
.select-css::-ms-expand { display: none; }
.select-css:hover { border-color: #888; }
.select-css option { font-weight:normal; }
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}


.editing{
  background-color: #E6F4B0!important;
  border: 1px solid #cdcdcd;
  padding: 5px;
}





/* settings template - modal window */
#save-form-settings-modal,
#setup-form-settings-modal
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(40, 44, 52, 0.8);
  z-index: 9999;
}
#save-form-settings-modal .modal-wrapper,
#setup-form-settings-modal .modal-wrapper
{
  width: 30%;
}
#save-form-settings-modal .modal-wrapper .form-settings-submit,
#setup-form-settings-modal .modal-wrapper .form-settings-submit
{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

#setup-form-settings-modal .formRow > label{
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-bottom: 15px;
  width: 100%;
}
#setup-form-settings-modal .formRow > label > select{
  min-width: 200px;
  margin-left: 20px;
  display: none;
}