/*------------------------------------
  GLOBAL
 ------------------------------------*/

body {
    background-color: #FAFAFA;
}

html, body, .shell {
    height: 100%;
}

.impersonating .btn {
    color: red;
}

a {
    color: #265484;
    cursor: pointer;
}

a:hover {
    color: #191919;
}

h5 {
    font-weight: bold;
}

.hidden {
    display: none;
}

.inline {
    display: inline !important;
}

.fade-effect {
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

.bootstrap-center {
    margin:0 auto;
    text-align: center;
}

.bootstrap-middle {
    margin:10% auto;
    text-align: center;
}

.prevent-resize {
    resize: none;
}

.small-bottom-padding {
    padding-bottom: 5px;
}

.ten-px-bottom-padding {
    padding-bottom: 10px;
}

.padding-override {
    padding: 10px 0px 8px 0px;
}

.textarea-padding-override {
    padding: 7px 10px;
}

input, textarea {
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.background-text {
    color: #969688;
    padding: 7px 10px;
}

.label-as-badge {
    border-radius: 1em;
}

.dropdown-padding {
    padding-bottom: 6px;
}

#logoutForm > input.btn.btn-link	 {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}

.panel-color-override {
    background-color: #fafafa !important;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-left: 0px;
}

/*------------------------------------
  FORM ELEMENTS
 ------------------------------------*/

.row-fluid .center-well {
    width:35.5%;
    margin-right: -10px;
}

.row-fluid .outer-well {
    width:30%;
    margin-right: -10px;
}


.row-fluid .span10-small {
    width:78.8%;
}

.button-font-size {
    font-weight:bold;
}

.button-border {
    border:1px solid #bbb;
}

.button-icon-vertical-align {
    vertical-align: middle;
}

.form-horizontal .control-group {
    margin-bottom: 7px;
}

.right-corner-box-shadow {
    box-shadow: 5px 5px 10px  #888888;
}

.btn-toolbar {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0;
}

.actionButton {
    margin-top: 15px;
    margin-right: 10px;
}

.actionButtonNoRightPadding {
    margin-top: 15px;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: text;
    background-color: #F2F2F2;
}

.gwt-CheckBox input {
    display: inline-block;
    margin-top: 0;
}

.gwt-CheckBox label {
    display: inline-block;
    padding-left: 5px;
    font-weight: normal;
}

.datePickerInput, #dateTimePickerDate .add-on, #dateTimePickerTime .add-on {
    cursor: pointer !important;
}

.topPadding {
    padding-top: 5px;
}

/*------------------------------------
  TABLES
 ------------------------------------*/

.table {
    margin-bottom: 0;
    background: white;
}

.table table th {
    font-weight: bold;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #e0e0e0;
    background: #ededed;
    background-image: -o-linear-gradient(top, #fafafa 0%, #ededed 100%); /* Opera */
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ededed)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #fafafa 0%, #ededed 100%); /* Webkit (Chrome 11+) */
    background: -moz-linear-gradient(top,  #fafafa,  #ededed); /* FF */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#ededed'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#ededed')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #fafafa 0%, #ededed 100%); /* IE10 */
    background-image: linear-gradient(#fafafa, #ededed); /* Proposed W3C Markup */
}

.table th, .table td {
    border-top: 1px solid #eee;
}

tr:hover td {
    cursor: pointer;
}

.table-condensed>tbody>tr>td, 
.table-condensed>tbody>tr>th, 
.table-condensed>tfoot>tr>td, 
.table-condensed>tfoot>tr>th, 
.table-condensed>thead>tr>td, 
.table-condensed>thead>tr>th {
  padding: 3px;
}

.borderless td, .borderless th {
    border: none !important;
}

@media (max-width: 767px) {
    .table-responsive .dropdown-menu {
        position: static !important;
    }
}
@media (min-width: 768px) {
    .table-responsive {
        overflow: inherit;
    }
}

.nav.nav-tabs {
    max-width: 1200px;
    margin: auto;
}

@media only screen and (max-width : 768px) {
    .nav.nav-tabs {
        display: flex;
        overflow-x: auto;
    }
}

.nav-tabs>li>a {
    color: slategrey;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
    color: #555;
    cursor: default;
    border: 1px solid #ddd;
    border-bottom-color: #FAFAFA;
    background: #ededed;
    background-image: -o-linear-gradient(top, #ededed 0%, #fafafa 100%); /* Opera */
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fafafa)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #ededed 0%, #fafafa 100%); /* Webkit (Chrome 11+) */
    background: -moz-linear-gradient(top,  #ededed,  #fafafa); /* FF */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#fafafa'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#fafafa')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #ededed 0%, #fafafa 100%); /* IE10 */
    background-image: linear-gradient(#ededed, #fafafa); /* Proposed W3C Markup */
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background-color: #eee;
  border-color: #eee;
}

.tab-well {
    padding-top: 5px;
    padding-bottom: 0;
    background-color: #f7f7f7a1;
}

.table-controls-container-wrapper {
    min-height: 30px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .table-controls-container {
        float: right;
    }
}

.table-controls-container-left {
    float: left;
}

i.table-control-icon {
    width: 17px;
    height: 17px;
    cursor: pointer;
    display:inline-block;
    background-size: 17px 17px;
    vertical-align: middle;
}

i.table-search-user-icon {
    width: 17px;
    height: 17px;
    cursor: pointer;
    display:inline-block;
    background-size: 17px 17px;
    vertical-align: middle;
}

.table-controls-listbox {
    margin-bottom: 0;
}

.button-label {
    padding-left:2px;
}

.control-icon-delete {
    background-image: url("../img/icons/remove_32.png");
}

.control-icon-export {
    background-image: url("../img/icons/excel_39.png");
}

.control-icon-refresh {
    background-image: url("../img/icons/refresh_16.png");
}

.control-icon-reply {
    background-image: url("../img/icons/reply_16.png");
}

.control-icon-edit {
    background-image: url("../img/icons/document_edit_32.png");
}

.control-icon-widget {
    background-image: url("../img/icons/widget.png");
}

.control-icon-trigger {
    background-image: url("../img/icons/trigger.png");
}

/*------------------------------------
  PAGE STRUCTURE
 ------------------------------------*/

/* HEADER */

.page-header {
    margin-top: 0;
    padding-top: 35px;
}

@media (max-width: 768px) {
    .page-header-wrapper {
        flex-direction: column;
    }
}

.failover-mode.page-header-zoom {
    background: none;
    background-color: #a13838;
    border-bottom: 1px solid #BDBEBF;
    color: white;
}

.page-header-zoom {
    background-color: #f3f3f3;
    background-image: -o-linear-gradient(top, #f3f3f3 0%, #E0E0E0 100%); /* Opera */
    background-image: -webkit-linear-gradient(#f3f3f3, #E0E0E0); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #E0E0E0 100%); /* Webkit (Chrome 11+) */
    background-image: -moz-linear-gradient(#f3f3f3, #E0E0E0); /* FF */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#E0E0E0'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#E0E0E0')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #f3f3f3 0%, #E0E0E0 100%); /* IE10 */
    background-image: linear-gradient(#f3f3f3, #E0E0E0); /* Proposed W3C Markup */
    border-bottom: 1px solid #BDBEBF;
}

    .header-contents {
        display: flex;
        justify-content: space-between;
        max-width: 1200px;
        margin-right: auto;
        margin-left: auto;
    }

    @media only screen and (max-width : 600px) {
        .header-contents {
            flex-flow: column;
        }
    }

    @media (max-width: 1240px) {
        .header-contents {
            padding-left: 30px;
            padding-right: 30px;
        }
    }

        span.logo {
            display:inline-block;
            width: 185px;
            height: 47px;
            background-size: 185px 47px;
            background-image: url("../img/logo.png");
        }

        span.christmasLogo {
            display:inline-block;
            width: 185px;
            height: 47px;
            background-size: 185px 47px;
            background-image: url("../img/christmasLogo.png");
        }

        .logoLogin {
            margin: 25px 0px 15px 0;
            display:inline-block;
            width: 236px;
            height: 59px;
            background-size: 236px 59px;
        }

        span.logoLoginZoom {
            background-image: url("../img/logo.png");
        }

        span.logoLoginZoomChristmas {
            background-image: url("../img/christmasLogo.png");
        }

    #page-background {
        background-image: url('../img/background3.jpg');
    }

/* FOOTER */

.footer {
    margin-top: 9px;
    padding-top: 9px;
    background-color: #f5f5f5;
    border-top: 1px solid #EBECEC;
}

    span.social-image {
        display:inline-block;
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }

    .facebook {
        background-image: url("../img/icons/social/512/facebook_color_512.png");
    }

    .twitter {
        background-image: url("../img/icons/social/512/twitter_color_512.png");
    }

    .google {
        background-image: url("../img/icons/social/512/google_color_512.png");
    }

    .facebook:hover {
        background-image: url("../img/icons/social/512/facebook_gray_512.png");
        cursor:pointer;
    }

    .twitter:hover {
        background-image: url("../img/icons/social/512/twitter_gray_512.png");
        cursor:pointer;
    }

    .google:hover {
        background-image: url("../img/icons/social/512/google_gray_512.png");
        cursor:pointer;
    }

#push, .footer {
    height: 56px;
}

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: -20px auto -45px;
}


/* CONTAINER */

.container {
    width: 97%;
    margin: auto;
}

.fixed-width-content {
    max-width: 1200px;
    margin: auto;
    padding-top: 20px;
}

.fixed-width-content2 {
    max-width: 1200px;
    margin: auto;
    padding-top: 1px;
}

.fixed-width-content3 {
    max-width: 1200px;
    margin: auto;
    padding-top: 1px;
}

.frame {
    border: none;
    width: 100%;
    height: 100%;
    min-height: 500px;
}

.panel-override {
    background-color: #f5f5f5;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}

/* TAB BAR */

.tab-icon {
    height: 20px;
    padding-right: 5px;
}

.tab-sub-icon {
    height: 17px;
    padding-right: 5px;
}

/*------------------------------------
  GLOBAL COMPONENTS
 ------------------------------------*/

/* LOADING WIDGET / SPINNER */

.loading {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:900 !important;
    background: black url('../img/ajax-loader.gif') no-repeat center center;
    opacity: 0.50;              /* fx, safari, opera */
    filter: alpha(opacity=50);  /* internet explorer */
    -khtml-opacity: 0.50;       /* khtml, old safari */
    -moz-opacity: 0.50;         /* mozilla, netscape */
}

.loading-mini {
    display: block;
    width: 16px;
    height: 11px;
    background: url('../img/ajax-loader-mini.gif') no-repeat center center;
}

.loading-block {
    display: block;
    background: black url('../img/ajax-loader.gif') no-repeat center center;
    opacity: 0.20;              /* fx, safari, opera */
    filter: alpha(opacity=20);  /* internet explorer */
    -khtml-opacity: 0.20;       /* khtml, old safari */
    -moz-opacity: 0.20;         /* mozilla, netscape */
}

/* GLASS PANE - TWITTER */

/* override twitter bootstrap modal background to match */
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .50;               /* fx, safari, opera */
    filter: alpha(opacity=50);  /* internet explorer */
    -khtml-opacity: 0.50;       /* khtml, old safari */
    -moz-opacity: 0.50;         /* mozilla, netscape */
    z-index: 500;
}

/* GLASS PANE - GWT */

.gwt-PopupPanelGlass {
    background-color: #000;
    opacity: .50;               /* fx, safari, opera */
    filter: alpha(opacity=50);  /* internet explorer */
    -khtml-opacity: 0.50;       /* khtml, old safari */
    -moz-opacity: 0.50;         /* mozilla, netscape */
    z-index: 500;
}


/* POPUP AND DIALOG */

.popupContent {
    z-index: 600;
    position: relative;
}
.popupDialog {
    min-width: 325px;
    background: #FFF;
    z-index: 700;
    box-shadow: 0 5px 20px rgba(0,0,0,0.6);
}

.icon-save {
    background: url("../img/icons/save_28.png") 0 0;
    width: 28px;
    height: 28px;
    vertical-align:middle;
    margin-right: 5px;
    display: inline-block;
}

.icon-transfer {
    background: url("../img/icons/transfer_28.png") 0 0;
    width: 28px;
    height: 28px;
    vertical-align:middle;
    margin-right: 5px;
    display: inline-block;
}

.icon-search-user {
    background: url("../img/icons/search-user-32.png") 0 0;
    width: 32px;
    height: 32px;
    vertical-align:middle;
    margin-right: 5px;
    display: inline-block;
}

.icon-delivery-status {
    background-position: 0 0;
    vertical-align:middle;
    margin-left: 40px;
    width: 17px;
    height: 17px;
    background-size: 17px 17px;
    display: inline-block;
}
.icon-SCHEDULED  {
    background-image: url("../img/icons/indicators/circle_yellow_21.png");
}

.icon-SENT  {
    background-image: url("../img/icons/indicators/circle_blue_21.png");
}

.icon-FAILED, .icon-FAILED_REFUNDED, .icon-FAILED_OPTOUT {
    background-image: url("../img/icons/indicators/circle_red_21.png");
}

.icon-DELIVERED  {
    background-image: url("../img/icons/indicators/circle_green_21.png");
}

.icon-quarantined {
    background-image: url("../img/icons/indicators/circle_red_21.png");
}

/*------------------------------------
  SMS TAB
 ------------------------------------*/

.icon-use-template {
    background: url("../img/icons/tick_28.png");
    background-position: 0 0;
    width: 28px;
    height: 28px;
    vertical-align:middle;
    margin-right: 5px;
    display: inline-block;
}

.icon-edit-template {
    background: url("../img/icons/document_edit_20.png") 0 0;
    width: 20px;
    height: 20px;
    vertical-align:middle;
    margin-right: 4px;
    display: inline-block;
}

.icon-delete-template {
    background: url("../img/icons/remove_20.png") 0 0;
    width: 20px;
    height: 20px;
    vertical-align:middle;
    margin-right: 4px;
    display: inline-block;
}

.icon-add-template {
    background: url("../img/icons/add_template_20.png") 0 0;
    width: 20px;
    height: 20px;
    vertical-align:middle;
    margin-right: 4px;
    display: inline-block;
}

.icon-send-sms {
    background: url("../img/icons/sms_30.png") 0 0;
    width: 30px;
    height: 32px;
    vertical-align:middle;
    text-align: center;
    margin-right: 8px;
    display: inline-block;
}

.icon-send-sms-reseller {
    background: url("../img/icons/sms_reseller_30.png") 0 0;
    width: 33px;
    height: 32px;
    vertical-align:middle;
    text-align: center;
    margin-right: 8px;
    display: inline-block;
}

i.sms-control-icon {
    width: 17px;
    height: 17px;
    cursor: pointer;
    display:inline-block;
    background-size: 17px 17px;
    vertical-align: middle;
}

.sms-icon-add-group {
    background-image: url("../img/icons/users_add_28.png");
}

.send-button {
    padding-bottom: 7px;
}

.no-margin-bottom {
    margin-bottom: 0;
}

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

/*.max-modal-height {
    max-height: 490px;
}*/

/*------------------------------------
  CONTACTS AND GROUPS TAB
 ------------------------------------*/

.icon-add-contact {
    background: url("../img/icons/user_add_28.png") 0 0;
    width: 28px;
    height: 28px;
    vertical-align:middle;
    margin-right: 5px;
    display: inline-block;
}

.icon-edit-contact {
    background: url("../img/icons/user_edit_28.png") 0 0;
    width: 28px;
    height: 28px;
    vertical-align:middle;
    margin-right: 5px;
    display: inline-block;
}

.icon-delete-contact {
    background: url("../img/icons/user_delete_28.png") 0 0;
    width: 28px;
    height: 28px;
    vertical-align:middle;
    margin-right: 5px;
    display: inline-block;
}

.deleteAllContactsAndGroupsButtonPadding {
    padding-top: 13px;
}

.icon-search {
    background: url("../img/icons/search_28.png") 0 0;
    background-size: 23px;
    width: 23px;
    height: 23px;
    vertical-align:middle;
    margin-right: 2px;
    display: inline-block;
}

.icon-import-contact {
    background: url("../img/icons/excel_28.png") 0 0;
    width: 28px;
    height: 28px;
    vertical-align:middle;
    margin-right: 2px;
    display: inline-block;
}

.icon-contact-group {
    background: url("../img/icons/contact_group_40.png") 0 0;
    width: 40px;
    height: 40px;
    vertical-align:middle;
    margin-right: 2px;
    display: inline-block;
}

.icon-add-group {
    background: url("../img/icons/users_add_28.png") 0 0;
    width: 28px;
    height: 28px;
    vertical-align:middle;
    margin-right: 5px;
    display: inline-block;
}

.icon-edit-group {
    background: url("../img/icons/users_edit_28.png") 0 0;
    width: 28px;
    height: 28px;
    vertical-align:middle;
    margin-right: 5px;
    display: inline-block;
}

.icon-delete-group {
    background: url("../img/icons/users_delete_28.png") 0 0;
    width: 28px;
    height: 28px;
    vertical-align:middle;
    margin-right: 5px;
    display: inline-block;
}

.btn-wrap {
    white-space: normal;
}

.form-control-override {
    display: inline-block;
    width: 80%;
}

/*------------------------------------
  INBOX TAB
 ------------------------------------*/
.unread {
    font-weight: bold;
}


/*------------------------------------
  SUPPORT TAB
 ------------------------------------*/

#faq-accordion > .accordion-group, #faq-accordion  .accordion-inner {
    border: none;
    margin-bottom: 0;
}


/*------------------------------------
  MANAGE CREDITS DIALOG
 ------------------------------------*/
.userCreditsTableHeader {
    font-weight: bold;
}

/*------------------------------------
  WIDGETS DIALOGS
 ------------------------------------*/

.widget-templates {
    text-align:center;
    margin-top: 10px;
}

.widget-templates > div {
    display: inline-block;
    *display:inline; /* ie7 fix */
    float: none; /* this is the part that makes it work */
}

.device-icon {
    display: inline-block;
    cursor: pointer;
    margin-right: 10px;
    color: #222222;
}

.device-icon:hover  {
    color: #39994c !important;
    text-decoration: none;
}

.device-icon:focus {
    color: #222222;
    text-decoration: none;
}

.selected-device {
    color: #39994c !important;
    text-decoration: none;
}

.device-emulator {
    -webkit-transition:width 300ms ease-in-out, height 300ms ease-in-out;
    -moz-transition:width 300ms ease-in-out, height 300ms ease-in-out;
    -o-transition:width 300ms ease-in-out, height 300ms ease-in-out;
    transition:width 300ms ease-in-out, height 300ms ease-in-out;
}

.thumbnail>img {
    margin-bottom: 0;
    height: 300px;
}

.widget-templates a {
    text-decoration: none;
    display: inline-block;
    transition:All 1s ease;
    transform: scale(1);
}

.widget-templates a.selected {
    outline: 4px solid rgba(81, 203, 238, 1);
}

.widget-templates:hover a:hover  {
    transition:All .7s ease;
    transform: scale(1.1);
}

.thumbnail {
    margin-bottom: 0px;
}

.tab-pane {
    padding-top: 20px;
}

.launch-icon {
    width: 125px;
    margin-top: 25px;
    height: 130px;
    background: url("../img/icons/rocket.png") 0 0;
    background-size: 125px 130px;
    background-repeat: no-repeat;
}

.short-url-select-textbox {
    cursor: text;
}

.textCursor {
  cursor: text !important;
}

/*------------------------------------
  WIDGET LIST
 ------------------------------------*/

.widget-paging-table-button {
    margin-right: 5px;
    font-weight:bold;
 }

 .expired-widget {
    color: #CC0000;
 }
 
 .expiring-soon-widget {
     color: #CC8400;
  }

/*------------------------------------
  GWT FILE UPLOAD
 ------------------------------------*/
.GWTUpld, table.GWTUpld td {
    font-family: Verdana, Arial;
    font-size: 12px;
}

.GWTUpld form,
.GWTUpld .upld-form-elements {
    padding: 0;
    vertical-align: top;
}

.GWTUpld .upld-status {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
}
.GWTUpld .upld-status div.cancel {
    background: url(images/cancel-upld.gif) no-repeat;
    width: 12px;
    height: 12px;
    cursor: pointer;
    margin-top: 1px;
}

* html .GWTUpld .upld-status div.cancel {
    width: 14px;
    height: 10px;
    margin-top: 2px;
}

.GWTUpld .upld-status div.cancel:hover {
    background: url(images/cancel-upld-hover.gif) no-repeat;
}

.GWTUpld .upld-status .filename {
    overflow: hidden;
    white-space: nowrap;
    margin-left: 8px;
    margin-right: 11px;
    height: 100%;
    font-size: 12px;
}
.GWTUpld .upld-status .status {
    padding-left: 8px;
    white-space: nowrap;
    height: 100%;
    font-size: 12px;
}
.GWTUpld .upld-status .status-success {
    color: green;
}
.GWTUpld .upld-status .status-error,
.GWTUpld .upld-status .status-canceled {
    color: red;
}

.GWTUpld .prgbar-back {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #999999;
    height: 10px;
    overflow: hidden;
    padding: 1px;
    width: 100px;
    float: left;
}
* html .GWTUpld .prgbar-back {
    height: 12px;
    margin-top: 2px;
}
.GWTUpld .prgbar-done {
    background: #d4e4ff none repeat scroll 0 0;
    font-size: 0;
    height: 100%;
    float: left;
}
.GWTUpld .prgbar-msg {
    position: absolute;
    z-index: 9;
    font-size: 9px;
    font-weight: normal;
    margin-left: 3px;
}

* html .GWTUpld .prgbar-msg {
    top: 0px;
    left: 4px;
}

.GWTUpld .changed {
    color: red;
    font-weight: bold;
    text-decoration: blink;
}
.gwt-PopupPanel .GWTUpld {
    padding: 10px;
}

.GWTUpld .DecoratedFileUpload {
    margin-right: 5px;
}

.GWTUpld .DecoratedFileUpload .gwt-Button,
.GWTUpld .DecoratedFileUpload .gwt-Anchor,
.GWTUpld .DecoratedFileUpload .gwt-Label {
    white-space: nowrap;
    font-size: 10px;
}

.GWTUpld .gwt-Button, .GWTUpld .gwt-FileUpload {
    font-size: 10px;
    min-height: 15px;
}

    /* Original upload widget */
.GWTUpld .gwt-FileUpload {
    width: 420px;
    display: block;
    padding: 50px 0 20px 50px;
    border: 1px dashed darkgray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

 /* New upload widget */
.upload-container > .GWTUpld .gwt-FileUpload {
      width: 100%;
}

.upload-container table {
    width: 100%;
}

.GWTUpld .gwt-FileUpload.hovering {
    background-color: #F0FAFF;
}

.GWTUpld .gwt-FileUpload.dragging {
    background-color: #C5DEEB;
}

.GWTUpld .DecoratedFileUpload .gwt-Anchor,
.GWTUpld .DecoratedFileUpload .gwt-Label {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.GWTUpld .gwt-Button:HOVER,
.GWTUpld .DecoratedFileUpload .gwt-Button-over,
.GWTUpld .DecoratedFileUpload .gwt-Anchor-over,
.GWTUpld .DecoratedFileUpload .gwt-Label-over {
    color: #333;
}

.GWTUpld .DecoratedFileUpload-disabled .gwt-Button,
.GWTUpld .DecoratedFileUpload-disabled .gwt-Anchor,
.GWTUpld .DecoratedFileUpload-disabled .gwt-Label {
    color: grey;
}

.contacts-import-instructions {
    /*position: absolute;*/
    /*top: 160px;*/
    /*left: 65px;*/
    font-weight: bold;
    color: darkslategrey;
}

.contacts-import-instructions-2 {
    /*position: relative;*/
    /*top: -80px;*/
    /*left: 165px;*/
    font-weight: bold;
    color: darkslategrey;
}

.custom-message-import-instructions-2 {
    /*position: relative;*/
    /*top: -80px;*/
    /*left: 65px;*/
    font-weight: bold;
    color: darkslategrey;
}

.template-download-link, .import-reset-link {
    /*position: absolute;*/
    /*top: 15px;*/
    /*right: 15px;*/
}

.contacts-import-results-messages {
    max-height: 180px;
    overflow-y: scroll;
}

.scrollable {
    overflow-y: auto;
}

.INFO {
    color: #1947A3;
}

.WARNING {
    color: orange;
}

.ERROR {
    color: red;
}

.import-result-heading {
    padding: 15px;
    font-weight: bold;
}
.import-result-heading.success {
    color: green;
    background-color: #EAFFD6;
}

.import-result-heading.warn {
    color: orange;
    background-color: #FFD699;
}

.import-result-heading.failure {
    color: #660000;
    background-color: #FFE6E6;
}

.import-results {
    padding: 15px;
    margin: 5px 0 0;
}

.import-results.INFO {
    color: #1947A3;
    background-color: #F0FFFA;
}

.import-results.WARNING {
    color: #FF9900;
    background-color: #FFD699;
}

.import-results.ERROR {
    color: #660000;
    background-color: #FFE6E6;
}

/*------------------------------------
  TOUR
 ------------------------------------*/
.tour-backdrop {
    opacity: .50;               /* fx, safari, opera */
    filter: alpha(opacity=50);  /* internet explorer */
    -khtml-opacity: 0.50;       /* khtml, old safari */
    -moz-opacity: 0.50;         /* mozilla, netscape */
}

.popover.tour.tour-tour {
    background: #000000;
    background: rgba(0,0,0,0.85);
    color: #fff;
    -webkit-box-shadow: 0 0 9px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 9px 4px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 9px 4px rgba(0,0,0,0.4);
    box-shadow: 0 0 9px 4px rgba(0,0,0,0.4);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    filter: alpha(opacity=0);
    -moz-opacity: .85;
    -khtml-opacity: .85;
    opacity: .85;
}

.popover.orphan.tour-tour {
    position: absolute;
    z-index: 9999;
    width: 95%;
    margin: -50px auto auto;
    max-width: 400px;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 22px;
}

.popover.left .arrow:after,
.popover.right .arrow:after,
.popover.top .arrow:after,
.popover.bottom .arrow:after {
    border-bottom-color: #000000;
    border-bottom-color: rgba(0,0,0,0.85);
}

.tour-tour h3 {
    font-size: 24.5px;
    border-bottom: none;
    background-color: initial;
    text-align: center;
    font-weight: bold;
}

.tour-tour h3 small {
    float: right;
}

.tour-tour .btn-link {
    color: #ffffff;
}

.tour-tour .popover-navigation {
    text-align: center;
}

.popover[class*="tour-"] .popover-navigation *[data-role=end] {
    float: none;
    margin: 0 10px;
}

/*------------------------------------
  MANAGE CREDITS AND DEVELOPER SETTINGS STYLES
 ------------------------------------*/
table .inactive-row {
    color: lightgray;
    font-style: italic;
}

.customHeadingMain {
    font-size: 30px;
    letter-spacing: -2px;
}

.customHeadingSmall {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -1px;
}

/*------------------------------------
  OPTOUT MANAGEMENT STYLES
 ------------------------------------*/

.icon-clean-contacts {
    background: url("../img/icons/contact_list_clean_28.png") 0 0;
    width: 28px;
    height: 32px;
    vertical-align:middle;
    margin-right: 5px;
}

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

/*------------------------------------
  Country flags
 ------------------------------------*/
.icon-flag {
    width: 24px;
    height: 24px;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
}

.icon-flag.disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.icon-flag-AD {
    background: url("../img/icons/flags/AD.png") 0 0;
}

.icon-flag-AE {
    background: url("../img/icons/flags/AE.png") 0 0;
}

.icon-flag-AF {
    background: url("../img/icons/flags/AF.png") 0 0;
}

.icon-flag-AG {
    background: url("../img/icons/flags/AG.png") 0 0;
}

.icon-flag-AI {
    background: url("../img/icons/flags/AI.png") 0 0;
}

.icon-flag-AL {
    background: url("../img/icons/flags/AL.png") 0 0;
}

.icon-flag-AM {
    background: url("../img/icons/flags/AM.png") 0 0;
}

.icon-flag-AO {
    background: url("../img/icons/flags/AO.png") 0 0;
}

.icon-flag-AR {
    background: url("../img/icons/flags/AR.png") 0 0;
}

.icon-flag-AS {
    background: url("../img/icons/flags/AS.png") 0 0;
}

.icon-flag-AT {
    background: url("../img/icons/flags/AT.png") 0 0;
}

.icon-flag-AU {
    background: url("../img/icons/flags/AU.png") 0 0;
}

.icon-flag-AW {
    background: url("../img/icons/flags/AW.png") 0 0;
}

.icon-flag-AZ {
    background: url("../img/icons/flags/AZ.png") 0 0;
}

.icon-flag-BA {
    background: url("../img/icons/flags/BA.png") 0 0;
}

.icon-flag-BB {
    background: url("../img/icons/flags/BB.png") 0 0;
}

.icon-flag-BD {
    background: url("../img/icons/flags/BD.png") 0 0;
}

.icon-flag-BE {
    background: url("../img/icons/flags/BE.png") 0 0;
}

.icon-flag-BF {
    background: url("../img/icons/flags/BF.png") 0 0;
}

.icon-flag-BG {
    background: url("../img/icons/flags/BG.png") 0 0;
}

.icon-flag-BH {
    background: url("../img/icons/flags/BH.png") 0 0;
}

.icon-flag-BI {
    background: url("../img/icons/flags/BI.png") 0 0;
}

.icon-flag-BJ {
    background: url("../img/icons/flags/BJ.png") 0 0;
}

.icon-flag-BM {
    background: url("../img/icons/flags/BM.png") 0 0;
}

.icon-flag-BN {
    background: url("../img/icons/flags/BN.png") 0 0;
}

.icon-flag-BO {
    background: url("../img/icons/flags/BO.png") 0 0;
}

.icon-flag-BR {
    background: url("../img/icons/flags/BR.png") 0 0;
}

.icon-flag-BS {
    background: url("../img/icons/flags/BS.png") 0 0;
}

.icon-flag-BT {
    background: url("../img/icons/flags/BT.png") 0 0;
}

.icon-flag-BW {
    background: url("../img/icons/flags/BW.png") 0 0;
}

.icon-flag-BY {
    background: url("../img/icons/flags/BY.png") 0 0;
}

.icon-flag-BZ {
    background: url("../img/icons/flags/BZ.png") 0 0;
}


.icon-flag-CA {
    background: url("../img/icons/flags/CA.png") 0 0;
}

.icon-flag-CD {
    background: url("../img/icons/flags/CD.png") 0 0;
}

.icon-flag-CF {
    background: url("../img/icons/flags/CF.png") 0 0;
}

.icon-flag-CG {
    background: url("../img/icons/flags/CG.png") 0 0;
}

.icon-flag-CH {
    background: url("../img/icons/flags/CH.png") 0 0;
}

.icon-flag-CI {
    background: url("../img/icons/flags/CI.png") 0 0;
}

.icon-flag-CK {
    background: url("../img/icons/flags/CK.png") 0 0;
}

.icon-flag-CL {
    background: url("../img/icons/flags/CL.png") 0 0;
}

.icon-flag-CM {
    background: url("../img/icons/flags/CM.png") 0 0;
}

.icon-flag-CN {
    background: url("../img/icons/flags/CN.png") 0 0;
}

.icon-flag-CO {
    background: url("../img/icons/flags/CO.png") 0 0;
}

.icon-flag-CR {
    background: url("../img/icons/flags/CR.png") 0 0;
}

.icon-flag-CU {
    background: url("../img/icons/flags/CU.png") 0 0;
}

.icon-flag-CV {
    background: url("../img/icons/flags/CV.png") 0 0;
}

.icon-flag-CW {
    background: url("../img/icons/flags/CW.png") 0 0;
}

.icon-flag-CY {
    background: url("../img/icons/flags/CY.png") 0 0;
}

.icon-flag-CZ {
    background: url("../img/icons/flags/CZ.png") 0 0;
}

.icon-flag-DE {
    background: url("../img/icons/flags/DE.png") 0 0;
}

.icon-flag-DJ {
    background: url("../img/icons/flags/DJ.png") 0 0;
}

.icon-flag-DK {
    background: url("../img/icons/flags/DK.png") 0 0;
}

.icon-flag-DM {
    background: url("../img/icons/flags/DM.png") 0 0;
}

.icon-flag-DZ {
    background: url("../img/icons/flags/DZ.png") 0 0;
}

.icon-flag-EC {
    background: url("../img/icons/flags/EC.png") 0 0;
}

.icon-flag-EE {
    background: url("../img/icons/flags/EE.png") 0 0;
}

.icon-flag-EG {
    background: url("../img/icons/flags/EG.png") 0 0;
}

.icon-flag-ES {
    background: url("../img/icons/flags/ES.png") 0 0;
}

.icon-flag-ET {
    background: url("../img/icons/flags/ET.png") 0 0;
}

.icon-flag-FI {
    background: url("../img/icons/flags/FI.png") 0 0;
}

.icon-flag-FJ {
    background: url("../img/icons/flags/FJ.png") 0 0;
}

.icon-flag-FK {
    background: url("../img/icons/flags/FK.png") 0 0;
}

.icon-flag-FO {
    background: url("../img/icons/flags/FO.png") 0 0;
}

.icon-flag-FR {
    background: url("../img/icons/flags/FR.png") 0 0;
}

.icon-flag-GA {
    background: url("../img/icons/flags/GA.png") 0 0;
}

.icon-flag-GB {
    background: url("../img/icons/flags/GB.png") 0 0;
}

.icon-flag-GD {
    background: url("../img/icons/flags/GD.png") 0 0;
}

.icon-flag-GE {
    background: url("../img/icons/flags/GE.png") 0 0;
}

.icon-flag-GF {
    background: url("../img/icons/flags/GF.png") 0 0;
}

.icon-flag-GH {
    background: url("../img/icons/flags/GH.png") 0 0;
}

.icon-flag-GI {
    background: url("../img/icons/flags/GI.png") 0 0;
}

.icon-flag-GL {
    background: url("../img/icons/flags/GL.png") 0 0;
}

.icon-flag-GM {
    background: url("../img/icons/flags/GM.png") 0 0;
}

.icon-flag-GN {
    background: url("../img/icons/flags/GN.png") 0 0;
}

.icon-flag-GP {
    background: url("../img/icons/flags/GP.png") 0 0;
}

.icon-flag-GQ {
    background: url("../img/icons/flags/GQ.png") 0 0;
}

.icon-flag-GR {
    background: url("../img/icons/flags/GR.png") 0 0;
}

.icon-flag-GT {
    background: url("../img/icons/flags/GT.png") 0 0;
}

.icon-flag-GU {
    background: url("../img/icons/flags/GU.png") 0 0;
}

.icon-flag-GW {
    background: url("../img/icons/flags/GW.png") 0 0;
}

.icon-flag-GY {
    background: url("../img/icons/flags/GY.png") 0 0;
}

.icon-flag-HK {
    background: url("../img/icons/flags/HK.png") 0 0;
}

.icon-flag-HN {
    background: url("../img/icons/flags/HN.png") 0 0;
}

.icon-flag-HR {
    background: url("../img/icons/flags/HR.png") 0 0;
}

.icon-flag-HT {
    background: url("../img/icons/flags/HT.png") 0 0;
}

.icon-flag-HU {
    background: url("../img/icons/flags/HU.png") 0 0;
}

.icon-flag-ID {
    background: url("../img/icons/flags/ID.png") 0 0;
}

.icon-flag-IE {
    background: url("../img/icons/flags/IE.png") 0 0;
}

.icon-flag-IL {
    background: url("../img/icons/flags/IL.png") 0 0;
}

.icon-flag-IN {
    background: url("../img/icons/flags/IN.png") 0 0;
}

.icon-flag-IQ {
    background: url("../img/icons/flags/IQ.png") 0 0;
}

.icon-flag-IR {
    background: url("../img/icons/flags/IR.png") 0 0;
}

.icon-flag-IS {
    background: url("../img/icons/flags/IS.png") 0 0;
}

.icon-flag-IT {
    background: url("../img/icons/flags/IT.png") 0 0;
}

.icon-flag-JM {
    background: url("../img/icons/flags/JM.png") 0 0;
}

.icon-flag-JO {
    background: url("../img/icons/flags/JO.png") 0 0;
}

.icon-flag-JP {
    background: url("../img/icons/flags/JP.png") 0 0;
}

.icon-flag-KE {
    background: url("../img/icons/flags/KE.png") 0 0;
}

.icon-flag-KG {
    background: url("../img/icons/flags/KG.png") 0 0;
}

.icon-flag-KH {
    background: url("../img/icons/flags/KH.png") 0 0;
}

.icon-flag-KM {
    background: url("../img/icons/flags/KM.png") 0 0;
}

.icon-flag-KN {
    background: url("../img/icons/flags/KN.png") 0 0;
}

.icon-flag-KR {
    background: url("../img/icons/flags/KR.png") 0 0;
}

.icon-flag-KW {
    background: url("../img/icons/flags/KW.png") 0 0;
}

.icon-flag-KY {
    background: url("../img/icons/flags/KY.png") 0 0;
}

.icon-flag-LA {
    background: url("../img/icons/flags/LA.png") 0 0;
}

.icon-flag-LB {
    background: url("../img/icons/flags/LB.png") 0 0;
}

.icon-flag-LC {
    background: url("../img/icons/flags/LC.png") 0 0;
}

.icon-flag-LI {
    background: url("../img/icons/flags/LI.png") 0 0;
}

.icon-flag-LK {
    background: url("../img/icons/flags/LK.png") 0 0;
}

.icon-flag-LR {
    background: url("../img/icons/flags/LR.png") 0 0;
}

.icon-flag-LS {
    background: url("../img/icons/flags/LS.png") 0 0;
}

.icon-flag-LT {
    background: url("../img/icons/flags/LT.png") 0 0;
}

.icon-flag-LU {
    background: url("../img/icons/flags/LU.png") 0 0;
}

.icon-flag-LV {
    background: url("../img/icons/flags/LV.png") 0 0;
}

.icon-flag-LY {
    background: url("../img/icons/flags/LY.png") 0 0;
}

.icon-flag-MA {
    background: url("../img/icons/flags/MA.png") 0 0;
}

.icon-flag-MC {
    background: url("../img/icons/flags/MC.png") 0 0;
}

.icon-flag-MD {
    background: url("../img/icons/flags/MD.png") 0 0;
}

.icon-flag-ME {
    background: url("../img/icons/flags/ME.png") 0 0;
}

.icon-flag-MG {
    background: url("../img/icons/flags/MG.png") 0 0;
}

.icon-flag-MK {
    background: url("../img/icons/flags/MK.png") 0 0;
}

.icon-flag-ML {
    background: url("../img/icons/flags/ML.png") 0 0;
}

.icon-flag-MM {
    background: url("../img/icons/flags/MM.png") 0 0;
}

.icon-flag-MN {
    background: url("../img/icons/flags/MN.png") 0 0;
}

.icon-flag-MO {
    background: url("../img/icons/flags/MO.png") 0 0;
}

.icon-flag-MP {
    background: url("../img/icons/flags/MP.png") 0 0;
}

.icon-flag-MQ {
    background: url("../img/icons/flags/MQ.png") 0 0;
}

.icon-flag-MR {
    background: url("../img/icons/flags/MR.png") 0 0;
}

.icon-flag-MS {
    background: url("../img/icons/flags/MS.png") 0 0;
}

.icon-flag-MT {
    background: url("../img/icons/flags/MT.png") 0 0;
}

.icon-flag-MU {
    background: url("../img/icons/flags/MU.png") 0 0;
}

.icon-flag-MV {
    background: url("../img/icons/flags/MV.png") 0 0;
}

.icon-flag-MW {
    background: url("../img/icons/flags/MW.png") 0 0;
}

.icon-flag-MX {
    background: url("../img/icons/flags/MX.png") 0 0;
}

.icon-flag-MY {
    background: url("../img/icons/flags/MY.png") 0 0;
}

.icon-flag-MZ {
    background: url("../img/icons/flags/MZ.png") 0 0;
}

.icon-flag-NA {
    background: url("../img/icons/flags/NA.png") 0 0;
}

.icon-flag-NC {
    background: url("../img/icons/flags/NC.png") 0 0;
}

.icon-flag-NE {
    background: url("../img/icons/flags/NE.png") 0 0;
}

.icon-flag-NF {
    background: url("../img/icons/flags/NF.png") 0 0;
}

.icon-flag-NG {
    background: url("../img/icons/flags/NG.png") 0 0;
}

.icon-flag-NI {
    background: url("../img/icons/flags/NI.png") 0 0;
}

.icon-flag-NL {
    background: url("../img/icons/flags/NL.png") 0 0;
}

.icon-flag-NO {
    background: url("../img/icons/flags/NO.png") 0 0;
}

.icon-flag-NP {
    background: url("../img/icons/flags/NP.png") 0 0;
}

.icon-flag-NR {
    background: url("../img/icons/flags/NR.png") 0 0;
}

.icon-flag-NZ {
    background: url("../img/icons/flags/NZ.png") 0 0;
}

.icon-flag-OM {
    background: url("../img/icons/flags/OM.png") 0 0;
}

.icon-flag-PA {
    background: url("../img/icons/flags/PA.png") 0 0;
}

.icon-flag-PE {
    background: url("../img/icons/flags/PE.png") 0 0;
}

.icon-flag-PF {
    background: url("../img/icons/flags/PF.png") 0 0;
}

.icon-flag-PG {
    background: url("../img/icons/flags/PG.png") 0 0;
}

.icon-flag-PH {
    background: url("../img/icons/flags/PH.png") 0 0;
}

.icon-flag-PK {
    background: url("../img/icons/flags/PK.png") 0 0;
}

.icon-flag-PL {
    background: url("../img/icons/flags/PL.png") 0 0;
}

.icon-flag-PS {
    background: url("../img/icons/flags/PS.png") 0 0;
}

.icon-flag-PT {
    background: url("../img/icons/flags/PT.png") 0 0;
}

.icon-flag-PW {
    background: url("../img/icons/flags/PW.png") 0 0;
}

.icon-flag-PY {
    background: url("../img/icons/flags/PY.png") 0 0;
}

.icon-flag-QA {
    background: url("../img/icons/flags/QA.png") 0 0;
}

.icon-flag-RE {
    background: url("../img/icons/flags/RE.png") 0 0;
}

.icon-flag-RO {
    background: url("../img/icons/flags/RO.png") 0 0;
}

.icon-flag-RS {
    background: url("../img/icons/flags/RS.png") 0 0;
}

.icon-flag-RU {
    background: url("../img/icons/flags/RU.png") 0 0;
}

.icon-flag-RW {
    background: url("../img/icons/flags/RW.png") 0 0;
}

.icon-flag-SA {
    background: url("../img/icons/flags/SA.png") 0 0;
}

.icon-flag-SB {
    background: url("../img/icons/flags/SB.png") 0 0;
}

.icon-flag-SC {
    background: url("../img/icons/flags/SC.png") 0 0;
}

.icon-flag-SD {
    background: url("../img/icons/flags/SD.png") 0 0;
}

.icon-flag-SE {
    background: url("../img/icons/flags/SE.png") 0 0;
}

.icon-flag-SG {
    background: url("../img/icons/flags/SG.png") 0 0;
}

.icon-flag-SI {
    background: url("../img/icons/flags/SI.png") 0 0;
}

.icon-flag-SK {
    background: url("../img/icons/flags/SK.png") 0 0;
}

.icon-flag-SL {
    background: url("../img/icons/flags/SL.png") 0 0;
}

.icon-flag-SM {
    background: url("../img/icons/flags/SM.png") 0 0;
}

.icon-flag-SN {
    background: url("../img/icons/flags/SN.png") 0 0;
}

.icon-flag-SO {
    background: url("../img/icons/flags/SO.png") 0 0;
}

.icon-flag-SR {
    background: url("../img/icons/flags/SR.png") 0 0;
}

.icon-flag-SS {
    background: url("../img/icons/flags/SS.png") 0 0;
}

.icon-flag-ST {
    background: url("../img/icons/flags/ST.png") 0 0;
}

.icon-flag-SV {
    background: url("../img/icons/flags/SV.png") 0 0;
}

.icon-flag-SX {
    background: url("../img/icons/flags/SX.png") 0 0;
}

.icon-flag-SY {
    background: url("../img/icons/flags/SY.png") 0 0;
}

.icon-flag-SZ {
    background: url("../img/icons/flags/SZ.png") 0 0;
}

.icon-flag-TC {
    background: url("../img/icons/flags/TC.png") 0 0;
}

.icon-flag-TD {
    background: url("../img/icons/flags/TD.png") 0 0;
}

.icon-flag-TG {
    background: url("../img/icons/flags/TG.png") 0 0;
}

.icon-flag-TH {
    background: url("../img/icons/flags/TH.png") 0 0;
}

.icon-flag-TJ {
    background: url("../img/icons/flags/TJ.png") 0 0;
}

.icon-flag-TL {
    background: url("../img/icons/flags/TL.png") 0 0;
}

.icon-flag-TM {
    background: url("../img/icons/flags/TM.png") 0 0;
}

.icon-flag-TN {
    background: url("../img/icons/flags/TN.png") 0 0;
}

.icon-flag-TO {
    background: url("../img/icons/flags/TO.png") 0 0;
}

.icon-flag-TR {
    background: url("../img/icons/flags/TR.png") 0 0;
}

.icon-flag-TT {
    background: url("../img/icons/flags/TT.png") 0 0;
}

.icon-flag-TW {
    background: url("../img/icons/flags/TW.png") 0 0;
}

.icon-flag-TZ {
    background: url("../img/icons/flags/TZ.png") 0 0;
}

.icon-flag-UA {
    background: url("../img/icons/flags/UA.png") 0 0;
}

.icon-flag-UG {
    background: url("../img/icons/flags/UG.png") 0 0;
}

.icon-flag-US {
    background: url("../img/icons/flags/US.png") 0 0;
}

.icon-flag-UY {
    background: url("../img/icons/flags/UY.png") 0 0;
}

.icon-flag-UZ {
    background: url("../img/icons/flags/UZ.png") 0 0;
}

.icon-flag-VC {
    background: url("../img/icons/flags/VC.png") 0 0;
}

.icon-flag-VE {
    background: url("../img/icons/flags/VE.png") 0 0;
}

.icon-flag-VG {
    background: url("../img/icons/flags/VG.png") 0 0;
}

.icon-flag-VI {
    background: url("../img/icons/flags/VI.png") 0 0;
}

.icon-flag-VN {
    background: url("../img/icons/flags/VN.png") 0 0;
}

.icon-flag-VU {
    background: url("../img/icons/flags/VU.png") 0 0;
}

.icon-flag-WS {
    background: url("../img/icons/flags/WS.png") 0 0;
}

.icon-flag-YE {
    background: url("../img/icons/flags/YE.png") 0 0;
}

.icon-flag-ZA {
    background: url("../img/icons/flags/ZA.png") 0 0;
}

.icon-flag-ZM {
    background: url("../img/icons/flags/ZM.png") 0 0;
}

.icon-flag-ZW {
    background: url("../img/icons/flags/ZW.png") 0 0;
}

/*------------------------------------
  RESELLER
 ------------------------------------*/

.icon-shopping-cart {
    background: url("../img/icons/shopping_cart_32.png") 0 0;
    width: 32px;
    height: 32px;
    vertical-align:middle;
    margin-right: 5px;
    display: inline-block;
}

/*------------------------------------
  Twitter Typeahead
 ------------------------------------*/

.twitter-typeahead {
    display: block !important;
}

.tt-menu {
  min-width: 100%;
  margin-top: -6px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
  max-height: 150px;
  overflow-y: auto;
}

.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px;
}

.tt-empty-message {
    padding-left: 12px;
}


/*------------------------------------
  TODO - EVERYTHING BELOW THIS LINE NEEDS TO BE MOVED TO ITS PROPER PLACE
 ------------------------------------*/

.icon-manage-template {
    background-image: url("../img/icons/paperclip_13.png");
    background-position: 0 0;
    width: 14px;
    height: 15px;
    vertical-align:middle;
    padding-right: 2px;
}

.ui-pnotify.stack-bar-top {
    left:0;
    top:5px;
    margin-left: 35%;
}

.scroll-panel {
    overflow-y: auto;
}

.searchTextBoxPadding {
    padding: 4px 0px;
}

.clippy {
    margin-top: -3px;
    position: relative;
    width : 13px;
}

.stylish-input-group .input-group-addon{
    background: white !important;
}

.stylish-input-group .form-control{
	border-right:0;
	box-shadow:0 0 0;
	border-color:#ccc;
}

.stylish-input-group button{
    border:0;
    background:transparent;
}

.framewrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.framewrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.thread-item {
    border-bottom: #DCDCDC 1px solid;
    padding: 10px;
}

.thread-item .italics{
    color: #686868;
}

.failover-mode {
    background-color: #a13838;
}

.failover-mode li.dropdown > a, .failover-mode li.menu-item > a {
    color: white !important;
}

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: white; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 0; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    max-width: 100%;
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 25px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

.mapael .map {
    position: relative;
}

.mapael .mapTooltip {
    position: absolute;
    background-color: #fff;
    moz-opacity: 0.70;
    opacity: 0.70;
    filter: alpha(opacity=70);
    border-radius: 10px;
    padding: 10px;
    z-index: 1000;
    max-width: 200px;
    display: none;
    color: #343434;
}

.mapael .map .zoom-button {
    position: absolute;
    bottom: 10px;
}

.mapael .map .zoom-button-reset {
    right: -100px
}

.mapael .map .zoom-button-in {
    right: -150px
}

.mapael .map .zoom-button-out {
    right: -200px
}

.menu-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.errorblock {
    color: #808080;
    background-color: #ffEEEE;
    border: 1px solid #ff0000;
    padding: 8px;
    margin: 16px;
}

.errorblock ul {
    list-style-type: disc;
    margin-left: 1.5em;
}

.highlightable {
    width: 100%;
}

.highlightable, .hwt-backdrop {
    padding: 7px 10px;
    background-color: white;
}

.hwt-container {
    width: 100%;
}

.hwt-content {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.hwt-content mark {
    padding: 0 !important;
}

.mark-invalid {
    border-bottom: #e6917c 2px solid;
}

.mark-not-enabled {
    border-bottom: #e6c17c 2px solid;
}

#recipientsSectionTitle, #composeSectionTitle, #sendSectionTitle {
    color: #b3b3b3;
    font-size:18px;
    margin-left: 10px;
}

@media (min-width: 992px) {
    .compose-section-container {
        padding-left: 0;
        padding-right: 0;
    }
}

.admin-tags {
    margin-left: 5px;
    margin-right: 5px;
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.ui-pnotify-container.alert-info {
    color: white;
    background-color: #428bca;
    border-color: #bce8f1;
}

.ui-pnotify-container.alert-success {
    color: white;
    background-color: #5cb85c;
    border-color: #d6e9c6;
}

.ui-pnotify-container.alert-danger {
    color: white;
    background-color: #d9534f;
    border-color: #ebccd1;
}

.ui-pnotify-container.alert-warning {
    color: white;
    background-color: #f0ad4e;
    border-color: #faebcc;
}

.capitalized {
    text-transform: capitalize;
}

.whmcs-iframe-container {
    height: 95vh;
}