


        .inner {
            margin: 0px !important;
        }

        .nav-tabs.centered > li, .nav-pills.centered > li {
            float: none;
            display: inline-block;
            *display: inline; /* ie7 fix */
            zoom: 1; /* hasLayout ie7 trigger */
        }

        .nav-tabs.centered, .nav-pills.centered {
            text-align: center;
        }

        .trigger_channel .btn-primary.active, .trigger_channel .btn-primary.active.focus, .trigger_channel .btn-primary.active:focus, .trigger_channel .btn-primary.active:hover, .trigger_channel .btn-primary:active.focus, .trigger_channel .btn-primary:active:focus, .trigger_channel .btn-primary:active:hover {
            border-color: #575757;
            color: #fff;
            box-shadow: inset 0 2px 10px #3D3D3D;
            background-color: #9E9E9E;
            border-right: 1px solid #fff;
        }

        .trigger_channel .btn-primary {
            border-right: 1px solid #fff !important;
        }

        .trigger_channel .btn-primary.disabled.active, .trigger_channel .disabled.active:focus {
            box-shadow: none !important;
            background-color: #62a8ea !important;
            border-color: #62a8ea !important;
        }

        .priority .btn.active {
            box-shadow: inset 0 2px 3px #000;
            border-right: 1px solid #fff
        }

        /*List item for custom card details */
        .trigger-wrap li .list-group-item {
            padding: 3px;
            background-color: transparent;
        }

        :not(label) input[type="radio"], input[type="radio"]:focus, input[type="radio"], :focus {
            outline: none;
            outline-color: transparent;
            outline-style: none;
            box-shadow: none !important;
        }

        /*Expand description box */
        textarea.ta-expand {
            height: 36px;
            resize: none;
            transition: all 0.5s ease;
            resize: vertical;
        }

        textarea.ta-expand:focus {
            height: 4.5em;
        }

        /* Move plus icon for message tags*/
        .message_tags .panel-group .panel-title:before, .message_tags .panel-group .panel-title:after {
            right: 6px;
            top: 5px;
        }

        /* dedicated classes to control trigger type */
        .hide-human {
            display: none !important;
        }

        .hide-machine {
            display: none !important;
        }

        .hide-campaign {
            display: none !important;
        }

        .hide-both {
            display: none !important;
        }

        .trigger_type li .panel {
            -webkit-transition: all .3s ease-in;
            -ms-transition: all .3s ease-in;
            transition: all .3s ease-in;
        }

        .trigger_type li:hover .panel {
            cursor: pointer;
            transform: translate(0, -6px);
        }

        /* Nicer border for select trigger popup*/
        #newtrigger .panel {
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        }

        /* Hack to make drop down on top of trigger phrase*/
        #trigger_act .col-md-6 {
            z-index: 100
        }

        /* Hack to make drop up above trigger type menus */
        .btn-group > .btn.active {
            z-index: inherit;
        }

        /* Style success tabs */
        .nav-tabs.centered .success {
            color: #fff !important;
            background-color: #46BE8A;
            border-bottom-color: #246C4D;
        }

        .nav-tabs.centered .success.current:hover {
            color: #76838f !important
        }

        .nav-tabs.centered .success:hover {
            color: #fff !important
        }

        .nav-tabs-line > li.active > a, .nav-tabs-line > li.active > a:focus {
            color: #62a8ea !important;
        }

        .nav-tabs.centered a.disabled {
            cursor: not-allowed;
        }

        /* Validation icon positioning */
        .has-feedback .form-control-feedback {
            top: 0;
            right: 20px;
        }

    .form-horizontal .has-feedback .form-control-feedback {
        top: 0;
        right: 20px;
    }
    td .btn-group {
        position: absolute;
        right:10px
    }
    .nav-white > li.active > a, .nav-white > li.active > a:focus, .nav-white > li.active > a:hover {
        color: #76838f;
        background-color: transparent;
        border-color: #e4eaec;
        border-bottom-color: rgb(228, 234, 236);
        border-bottom-color: white;
    }

        @-moz-document url-prefix() {

            .modal.modal-3d-sign {
                -webkit-perspective: unset !important;
                perspective: unset !important;
            }

        }

        .addon-dark {
            color: #fdfeff;
            background-color: #76838f;
            border: 1px solid #76838f;
        }

        .process-vars-hide {
            display: none !important
        }

        .no-round {
            border-radius: 0
        }

        .tokenfield .token .token-label {
            max-width: none !important;
        }

        label .active-check {
            display: none
        }

        label.active .active-check {
            display: inline-block;
        }

        label .fa {
            line-height: inherit;
        }

        #callback .list-group .list-group-item {
            box-shadow: 0 5px 18px rgba(96, 96, 96, 0.2);
            border-radius: 10px;
        }

        #callback .list-group .list-group-item.selected {

        }

        #callback ul .option-selected {
            display: none
        }

        #callback ul li.selected .option-selected {
            display: inline-block;
        }

        li.invalid a {
            color: lightcoral
        }

        li .tab-invalid,
        li.invalid .tab-invalid {
            display: inline-block
        }

        li .tab-invalid,
        li.invalid .tab-valid {
            display: none
        }

        /* style tabs like a wizard */

        #tabs .input-group-addon {
            min-width: 110px;
        }

        #tabs .nav-pills.nav-wizard {
            margin: -20px;
            background: #444
        }

        #tabs .type-selection .btn-lg {
            text-align: center;
            min-width: 120px;
            margin-right: 10px;
            -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
            box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
            -webkit-transition: all .15s ease;
            transition: all .15s ease;
        }

        #tabs .type-selection .btn-lg:hover {
            -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
            -webkit-box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
            box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
        }

        #tabs .type-selection .btn-lg:last-child {
            margin-right: 0px
        }

        #tabs .type-selection .btn-lg i {
            margin: 0 auto;
        }

        #tabs .option-selected {
            background: #55c596;
            border-radius: 30px;
            padding: 10px;
            color: white;
            position: absolute;
            top: -10px;
            right: -10px;
        }

        #tabs .well.well-sm {
            position: relative;
        }

        #tabs .well.well-sm:after, #tabs .well.well-sm:before {
            bottom: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        #tabs .well.well-sm:after {
            border-color: rgba(243, 247, 249, 0);
            border-bottom-color: #f3f7f9;
            border-width: 15px;
            margin-left: -15px;
        }

        #tabs .well.well-sm:before {
            border-color: rgba(228, 234, 236, 0);
            border-bottom-color: #e4eaec;
            border-width: 16px;
            margin-left: -16px;
        }

        #third_party_list .app {
            padding: 30px;
            height: 100%;
            min-height: 228px;
            border-radius: 10px;
            background-color: #f1f1f1;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
            text-align: center;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }

        #third_party_list .app:hover {
            box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, .2);
            transform: translatey(-3px);
        }

        .api-preview .codeviewer {
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
            background: #494b52;
            padding: 15px;
            border-radius: 8px;
            overflow: hidden;
            width: 100%;
            height: 340px;
        }

        .api-preview code {
            white-space: pre-wrap;
        }

        .api-preview .codeviewer .codeHeaderIcons {
            display: grid;
            grid-template-columns: 13px 13px 13px;
            grid-gap: 5px;
            margin-bottom: 15px;
        }

        .api-preview .codeviewer .codeHeaderIcons span:nth-child(1) {
            background-color: red;
        }

        .api-preview .codeviewer .codeHeaderIcons span:nth-child(2) {
            background-color: yellow;
        }

        .api-preview .codeviewer .codeHeaderIcons span:nth-child(3) {
            background-color: green;
        }

        .api-preview .codeviewer .codeHeaderIcons span {
            width: 13px;
            height: 13px;
            border-radius: 999em;
        }

        .api-preview code {
            border: 0;
            padding-top: 5px;
            min-height: 50px;
            margin-top: 15px;
            min-height: 50px;
            color: white !important;
            font-family: 'Inconsolata', monospace;
            font-size: 14px;
        }

        .api-preview code b {
            font-weight: bold;
            color: #BDFE00 !important;
        }

        .nav-pills.nav-wizard > li {
            position: relative;
            overflow: visible;
            border-right: 15px solid transparent;
            border-left: 15px solid transparent;
        }

        .nav-pills.nav-wizard > li + li {
            margin-left: 0;
        }

        .nav-pills.nav-wizard > li:first-child {
            border-left: 0;
        }

        .nav-pills.nav-wizard > li:first-child a {
            border-radius: 5px 0 0 5px;
        }

        .nav-pills.nav-wizard > li:last-child {
            border-right: 0;
        }

        .nav-pills.nav-wizard > li:last-child a {
            border-radius: 0 5px 5px 0;
        }

        .nav-pills.nav-wizard > li a {
            border-radius: 0;
            background-color: #eee;
            overflow: visible;
            padding: 9px 15px;
            transition: none;
            color: #526068;
        }

        .nav-pills.nav-wizard > li:not(:last-child) a:after {
            position: absolute;
            content: "";
            top: 0px;
            right: -20px;
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 23px 0 20px 20px;
            border-color: transparent transparent transparent #eee;
            z-index: 150;
        }

        .nav-pills.nav-wizard > li:not(:first-child) a:before {
            position: absolute;
            content: "";
            top: 0px;
            left: -20px;
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 23px 0 20px 20px;
            border-color: #eee #eee #eee transparent;
            z-index: 150;
        }

        .nav-pills.nav-wizard > li:hover:not(:last-child) a:after {
            border-color: transparent transparent transparent #aaa;
        }

        .nav-pills.nav-wizard > li:hover:not(:first-child) a:before {
            border-color: #aaa #aaa #aaa transparent;
        }

        .nav-pills.nav-wizard > li:hover a {
            background-color: #aaa;
            color: #fff;
        }

        .nav-pills.nav-wizard > li.active:not(:last-child) a:after {
            border-color: transparent transparent transparent #428bca;
        }

        .nav-pills.nav-wizard > li.active:not(:first-child) a:before {
            border-color: #428bca #428bca #428bca transparent;
        }

        .nav-pills.nav-wizard > li.active a {
            background-color: #428bca;
            color: white
        }

        .tt-dropdown-menu {
            width: calc(100% + 30px);
            background-color: rgba(255, 255, 255, .95);
            top: 110% !important;
            /*padding: 10px 0 !important;*/
            margin-left: -15px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border: 1px lightgray solid;
        }

        .tt-dropdown-menu p {
            margin-bottom: 0
        }

        .tt-hint {
            color: #cfcfcf
        }

        .tt-suggestion {
            padding: 3px 20px !important;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

        .tt-cursor {
            background-color: #ececec;
        }

        .tokenfield.form-control {
            z-index: auto
        }

        .list-text {
            white-space: pre-line !important;
        }

        #device-form .input-group .input-group-addon input[type="checkbox"] {
            margin-bottom: 4px;
            margin-top: 5px;
        }

        .panel {
            box-shadow: 0 5px 18px rgba(96, 96, 96, 0.2);
        }

        .third_party {
            z-index: 1
        }

        .col-md-3 .panel {
            z-index: 222
        }

        .connections.status {
            border: 2px solid #f1f1f1;
        }
        .type-selection {
            padding-bottom: 2em
        }
        a.param {
            background: #f3f7f9;
            border-radius: 3px;
            padding: 0px 5px;
            border-bottom: 1px dashed darkgray
        }
        a.param, a.param:hover {
            color:#76838f;
            text-decoration: none;

        }

        .data-help {
            display: block;
            opacity: .6;
            margin-top:7px;
            padding-top:7px;
            border-top:1px solid lightgray
        }
        .small-hr {
            margin:5px -5px;
        }

        #devices-modal .email-type label.btn-success {box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.38);}

    .auth-restrict:after , .two-tier:after{
	bottom: 100%;
	right: 45px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(238, 238, 238, 0);
	border-bottom-color: #eee;
	border-width: 20px;
	margin-left: -20px;
}