.log-details .log-line.dropdown-menu.ng-cloak{display: none;}
#fuseplus-notcompatible, #fuseplus-editor-notcompatible{display: none;}

/*ALLER FONT*/
@font-face {
	font-family: aller;
	font-weight: normal;
	font-style: normal;
	src: url("../fonts/aller_rg-webfont.eot");
	src: url("../fonts/aller_rg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_rg-webfont.woff") format("woff"), url("../fonts/aller_rg-webfont.ttf") format("truetype"), url("../fonts/aller_rg-webfont.svg#aller") format("svg");
}
@font-face {
	font-family: aller;
	font-weight: bold;
	font-style: normal;
	src: url("../fonts/aller_bd-webfont.eot");
	src: url("../fonts/aller_bd-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_bd-webfont.woff") format("woff"), url("../fonts/aller_bd-webfont.ttf") format("truetype"), url("../fonts/aller_bd-webfont.svg#aller") format("svg");
}
@font-face {
	font-family: aller;
	font-weight: 100;
	font-style: normal;
	src: url("../fonts/aller_lt-webfont.eot");
	src: url("../fonts/aller_lt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_lt-webfont.woff") format("woff"), url("../fonts/aller_lt-webfont.ttf") format("truetype"), url("../fonts/aller_lt-webfont.svg#aller") format("svg");
}
@font-face {
	font-family: aller;
	font-weight: normal;
	font-style: italic;
	src: url("../fonts/aller_ltit-webfont.eot");
	src: url("../fonts/aller_ltit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_ltit-webfont.woff") format("woff"), url("../fonts/aller_ltit-webfont.ttf") format("truetype"), url("../fonts/aller_ltit-webfont.svg#aller") format("svg");
}
.aller{font-family: "aller";}

/***************/

/*CSS animation - rotate image 360 degrees*/
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}
.spin{
	animation-name:spin;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

	-webkit-animation-name: spin;
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-animation-name: spin;
	-moz-animation-duration: 1000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	-ms-animation-name: spin;
	-ms-animation-duration: 1000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	-o-transition: rotate(3600deg);
}

#preload div#loading svg{
	animation-name:spin;
	animation-duration: 2500ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

	-webkit-animation-name: spin;
	-webkit-animation-duration: 2500ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-animation-name: spin;
	-moz-animation-duration: 2500ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	-ms-animation-name: spin;
	-ms-animation-duration: 2500ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	-o-transition: rotate(360deg);
}
/***************/

/*VARIOUS TEXT STYLES*/
a:hover{cursor: pointer;}
.inline-alert{color:#3c763d; margin-left:5px;}
.timestamp{text-transform: uppercase;}
input[type='number'] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.font-size-12{font-size: 12px;}
div#app-manager, div#logs, div#call-log{position: relative; top: 195px;}
div#logs table, div#call-log .log-details{margin-top:20px;}
#reports{position: relative; top: 192px;}
#deployments, #accountManager{position: relative; top: 150px;}
#accountManager #phone-numbers .alert{margin-top:0!important}
#accountManager .panel-group .panel-heading{margin:0;}
#accountManager.edit-account .panel{border-radius: 0 !important; border:none;}
#accountManager.edit-account .panel .panel-heading{border-bottom: none;}
#accountManager.edit-account .panel .panel-body{border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;}
#accountManager.edit-account .form-group .text{text-transform: capitalize;padding-top:7px;line-height:34px;}
#accountManager .login .verify .title{border-bottom:1px solid #4C4C4C; padding-bottom:7px;margin-bottom:25px;color:#4C4C4C}
#accountManager .login .verify .text{padding-bottom: 10px}
#accountManager .login .verify input, #accountManager .login .verify .resend-text{margin-bottom:15px}
#accountManager .login .verify .resend-text .resend:hover{text-decoration: none}
#accountManager .login .verify button {width:100%}
#logs.docs{position: relative; top: 70px;}
#outbound-page{position: relative; top: 152px;}
body[ng-app="deploy"] .bodycontent, body[ng-app="account"] .bodycontent{top:150px;}
body[ng-app="outbound"] .bodycontent, body[ng-app="admin"] .bodycontent{top:152px;}
body[ng-app="app_settings"] .bodycontent, body[ng-app="audio_manager"] .bodycontent{top:0;}
body.ng-app-docs .bodycontent{top:70px;}
.no-style{padding: 0; margin: 0; background: none; border: none;}
.no-style.arrow{width:20px; height: 24px; vertical-align: top;}
a.inline-block{display: inline-block; margin: 0 5px;}
a.inline-block svg{margin: 0;}
.scroll{margin: 0 auto !important; padding: 0 0 25px 0; }
#reports .scroll{padding-top: 0;}
.privacy{font-size: 11px; margin-top: 50px;}
.privacy a, .privacy a:focus, .privacy a:visited, .privacy a:link{color: #4C4C4C; }
hr{margin: 0;}
#select-token-button{font-size: 12px; width: 370px; overflow: hidden; text-align: left; background: #fff; border-color: #CCCCCC;}
#select-token-button:focus, #select-token-button:active, #select-token-button:hover{background: #fff; color:#555555;box-shadow: none;}
#select-token-button span{float: right; display: inline-block; margin-top: -10px; margin-left: 10px;}
#select-token-dropdown{font-size: 12px; left:-45px; width: 415px; border-radius: 0; border-color:#CCCCCC; overflow-x: hidden;}
#select-token-dropdown li.selected{background:#F5F5F5;}
#select-token-dropdown li a{padding:5px 10px;}
ul.dropdown-menu li.active a, ul.-menu li.active a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background: #F5F5F5; color: #262626;}
.alert.floating{position: absolute; top: -30px; left: 25%; width: 50%; z-index: 999999; opacity: .9; font-size: 16px; padding: 0;}
.alert.floating span.message{padding: 18px 0; display: inline-block;}
.alert.floating span.glyphicon{display: block; padding: 20px 0; text-align: center;}
.alert.floating span.exit.glyphicon{cursor: pointer;}
#preload{height:100%;width:100%;background-color:white;position:fixed;opacity:0.9;left:0;z-index:9999;}
#call-log #preload{top:65px;opacity:0.95}
#preload div{top:44%;left:42%;position:fixed;width:200px;height:200px;}
.modal #preload div{top:calc(50% - 75px); left: calc(50% - 150px);}
.badge.badge-warning{background-color:#8a6d3b;}
.alert.alert-warning a.glyphicon{color:#8a6d3b;}
.alert.alert-warning a.glyphicon:hover{text-decoration: none}
.zindex-1{z-index: 100}
.zindex-2{z-index: 101}
.zindex-3{z-index: 102}
/***************/

/*HEADER*/
/*header{border-bottom: 6px solid #5C16A3;}*/
header#header{ position: fixed; height: 70px; width: 100%; top: 0; z-index: 999; /*background-color: #FBFBFB;*/}
header nav.navbar{height: 65px; border: none; margin: 0; font-size: 16px;padding:12px 0;}
header nav.navbar .container a.logo{display: inline-block;}
header nav.navbar .container ul.navbar-nav{margin: 10px 0 0;}
header nav.navbar .container div.navbar-nav{margin-top: 7px;}
/***************/

/*HEADLINE*/
/*section.page-header h1, section.page-header h1 a{color: #FAFAFA;}*/
/*section.page-header h1 span{color:#D8B8ED;}*/
section.page-header h1 a:hover{text-decoration: none;}
/***************/

/*SUBHEADER*/
section.page-subheader{background: #DDDDDD; padding: 4px 0;}
section.page-subheader .search{margin-right: 8px; background: #fff; border-radius: 3px; width: 23%; display: inline-block; vertical-align: top;}
section.page-subheader .layouts{margin: 7px 0 0;}
section.page-subheader .layout{margin-left: 12px; display: inline-block; cursor: pointer;}
#logs section.page-subheader .search, body[ng-app="logs"] section.page-subheader .search{margin: 0; width: 100%;}
#call-log section.page-subheader .search{width: 65.88%;}
#logs section.page-subheader #daterange{font-size: 14px; height: auto; width: 215px; border: none; border-radius: 2px;}
#logs section.page-subheader label{margin-top:12px;}
#logs section.page-subheader .outbound-refresh{margin-top: 5px;}
#logs section.page-subheader .no-left{padding-left: 0;}
section.page-subheader .search input{border: none; background: #fff; width:calc(100% - 26px) !important; height: 37px; font-size: 14px;padding-right: 1px}
section.page-subheader .search input:focus{box-shadow: none}
section.page-subheader .search input.full{width:100%!important; padding-right:6px;}
section.page-subheader .search span.cancel{top: 4px; padding-right: 8px; color:#C4C4C4; cursor: pointer}
section.page-subheader .search .btn-group{width: 100%; box-shadow: none;}
section.page-subheader .search button.btn{border: none; background: none; color: #555; width: 100%; text-align: left; font-size: 14px; height: 37px;}
section.page-subheader .search button.btn:focus, section.page-subheader .search button.btn:active{box-shadow: none;}
section.page-subheader .search button.btn .caret{position: absolute; top: 17px; right: 14px;}
section.page-subheader .search ul.dropdown-menu{width: 100%;}
section.page-subheader .my-apps{margin-top: 6px; font-size: 16px;}
section.page-subheader .adv-search{margin: 0 8px; color: #4C4C4C;}
#logs table td.caps{text-transform: uppercase;}
/***************/

/*PAGE CONTENT*/
section.page-content{padding-top: 20px;}
section.page-content #show_key, section.page-content #hide_key, section.page-content #regen_key{display: inline-block; margin: 9px 8px 0;}
section.logs-table{margin: 20px 0 10px;}
section.logs-table select.items-per-page{display: inline-block; width:70px; height:25px; padding: 4px 12px 3px 7px; border-radius: 0;}
section.logs-table a:hover{text-decoration: none;}
section.logs-table .actions a{display: inline-block; margin:0 15px;}
section.logs-table tfoot .label-text{display:inline-block;}
.log-details{margin: 0 0 20px 0; border: 1px solid #A5A5A5;}
.controls.gen-dev-key{margin-top: 8px;}
span#dev_key{font-size: 20px; line-height: 21px;}
/***************/

/*WELCOME*/
#welcome{background: #F6F6F6; border:1px solid #DBDBDB; padding:30px;}
#welcome h2{margin: 0 0 30px; padding: 0;}
#welcome .welcome-message{background: url(../images/grid.png); padding: 30px 0 0;}
#welcome .welcome-message .welcome-text{color:#fff;}
#welcome .welcome-message .welcome-text h1{font-weight:bold; font-size:50px; margin-top:60px;}
#welcome .welcome-message .welcome-text h2{font-size:36px; width: 56%; margin:36px 0;}
/***************/

/*PASSWORD VALIDATION*/
.pw-validation{font-size:12px}
.pw-validation > small{position:absolute}
.pw-validation.pw-rules{padding-top:2px;}
.pw-validation .glyphicon{font-size:10px;margin-right:3px}
.pw-validation .valid{color:#3c763d}
.pw-validation .invalid{color:#a94442}
/***************/
/*EMPTY FOLDER*/
#empty-folder{background: #F6F6F6; border:1px solid #DBDBDB; padding:30px 30px 0; margin-top: 20px;}
#empty-folder h4{margin: 20px 0 0;}
/***************/

/*LOG VIEW*/
#log-view .alert-danger{margin-top: 20px;}
#log-view .alert-info{margin-top: 20px;}
#log-view .jump-to-results{margin-left: 15px; display: inline-block; vertical-align: middle; margin-top: 7px;}
#log-view .jump-to-results span.showing{margin-right: 15px;}
#log-view .jump-to-results button{color: #8D8D8D; border: 1px solid #8D8D8D; background: #F9F9F9; padding: 2px 4px 0 6px; margin: 0; display: inline-block; text-align: center;}
#log-view .jump-to-results button[disabled]{opacity: .7;}
#log-view .download{margin-top:3px;}
#log-view .page-header .metadata{font-size: 16px; color:#cccccc; margin-top: 9px;}
#log-view .page-header .metadata span{margin: 0 0 0 30px;}
#log-view .page-header .metadata span.src{margin: 0 0 0 5px;}
#log-view .page-header .metadata span.calltype{vertical-align: middle; margin: 0;}
.log-details .log-line{font-size: 12px; font-family: monospace; line-height:18px; border-left: 5px solid; padding:3px 5px 3px 25px; position: relative;hyphens:auto;}
.log-details .log-line:nth-child(odd){background:#F9F9F9;}
.log-details .log-line.highlighted{background: yellow;}
.log-details .log-line.info{border-color:#3BAFDA;}
.log-details .log-line.event{border-color:#967ADC;}
.log-details .log-line.debug{border-color:#F6BB42;}
.log-details .log-line.prompt{border-color:#8CC152;}
.log-details .log-line.error{border-color:#DA4453; background: #DA4453; color: #fff;}
.log-details .log-line .show-data{position: absolute; left: 5px; top: 4px;}
.log-details .log-line.error .show-data{color: #fff;}
.log-details .log-line .date{font-weight: bold; text-transform: uppercase;}
.log-details .log-line .data.simple{margin-left: 232px;}
.log-details .log-line .no-audio{color: #DA4453;}
.log-details .log-line a{text-decoration: none;}
.log-details pre{width: 99%;}
.log-details .debugging{background: transparent !important; border: none; margin: 0; line-height: normal; color: #7229A3;}
.log-details .debugging .glyphicon-file{margin-left: 8px;}
.log-details .log-line:nth-child(odd) pre{background: #fff;}
.log-details .log-line:nth-child(even) .form-control{background: #F5F5F5;}
.log-details .row{margin: 5px 0 0;}
.log-details .row .col-sm-1.s3-bucket{padding-left: 1px;}
.log-details .complex-data .pad{padding: 5px 5px 5px 20px;}
.log-details .complex-data .inner-pad{padding: 2px 2px 2px 8px;}
.log-details .complex-data .inner-pad.table{padding: 0; margin: 0; background: #fff; border-radius: 0 !important;}
.log-details .log-line.error .complex-data .inner-pad.table{color: #4C4C4C;}
.log-details .complex-data .margin{margin-top: 8px;}
.log-details .complex-data .inner-pad.table.row, .log-details .complex-data .inner-pad.table .row{margin: 0; min-height: 24px;}
.log-details .complex-data .inner-pad.table{min-height:24px;}
.log-details .complex-data .table-th{background: #8D8D8D; font-weight: bold; color: #fff; padding: 3px; text-align: center; }
.log-details .complex-data .table-td{text-align: center; padding: 3px; min-height: 24px; word-break: break-all;}
.log-details .complex-data .table-td.text-left{text-align: left;}
.log-details .complex-data .pad .form-row{margin: 5px 0;}
.log-details .complex-data .pad .form-row .form-control{min-height: 34px}
.log-details .complex-data .pad .form-row .col-sm-1{margin-top: 7px;}
.log-details .complex-data .pad .form-row .col-sm-1.title{padding:0px;width:115px;}
.log-details .complex-data .pad .form-row .col-sm-11.text{width:calc(100% - 115px)}
.log-details .complex-data .pad .format-body{ background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%;}
.log-details .complex-data .pad .format-body div{word-break: break-all;}
.log-details .complex-data .pad .tab-content.format-body{background: #fff;}
.log-details .complex-data .pad .nav-tabs{margin-top: 8px;}
.log-details .complex-data .pad .nav-tabs.response{margin-top: 15px;}
.log-details .complex-data .pad .nav-tabs li a {border-color: #CCCCCC; background: #555555; color: #fff;}
.log-details .complex-data .pad .nav-tabs li.active a{border-bottom-color: #fff; background: #fff; color: #555;}
.log-details .complex-data .pad .tab-content .tab-pane{padding: 8px;}
.log-details .complex-data .post_raw{background: #fff; padding-top: 10px; padding-bottom:10px; margin-bottom: 10px;word-break:break-all;}
.log-details .log-line:nth-child(even) .format-body{background: #F5F5F5;}
.log-details .log-line:nth-child(even) .format-body pre{background: #fff;}
.log-details .message{height:auto !important; word-break:break-all;}
.log-details .message.dynamodb-params{width:100%!important}
/***************/

/* ACCOUNT MANAGER */
#accountManager #email .popover{width:350px!important;}
#accountManager .panel{border:none;}
#accountManager.main-content .control-group > .btn{margin-bottom:15px;}
#accountManager #email .text{padding-top:7px;display:inline-block}
#accountManager #email span.icon{vertical-align:bottom}
#accountManager #phone-numbers{padding-top:25px;}
#accountManager #phone-numbers .alert-warning{position:relative}
#accountManager #phone-numbers .alert-warning .badge.badge-warning{position:absolute; top:calc(50% - 8px)}
#accountManager #phone-numbers .alert-warning .content{display: inline-block; width: calc(100% - 55px); margin-left: 25px;}
#accountManager #phone-numbers .alert-warning .glyphicon{position:absolute;top:calc(50% - 5px); cursor:pointer}
#accountManager #security{width:100%;height:100%;background-color:#efefef;padding:15px}
#accountManager #security .twofa{padding-right:10px;margin-bottom:0}
#accountManager #security .active{font-weight:bold; color:#3C763D}
#accountManager #security .second-step{padding-top:20px}
#accountManager #security .second-step label{width:100%; padding:0 15px 7px 15px; border-bottom:1px solid #cccccc}
#accountManager #security .phone-number{padding-top:15px}
#accountManager #certs, #accountManager #oauth-tokens, #accountManager #js-libraries{padding-top:25px;}
#accountManager .tab-body{border-top:1px solid #999999;}
#accountManager .tab-body.user-info{display: flex;}
#accountManager .section-left{border-right: 1px solid #ccc; padding:15px 15px 15px 0;}
#accountManager .section-security{padding:15px 0 15px 15px;}
#accountManager .section-resetpw{padding:15px 0 15px 15px;}

#accountManager .section-bottom{border-top:1px solid #ccc;}
#accountManager .section-developer{margin-bottom: 0;}
#accountManager .footer{padding: 15px 0; border-top: 1px solid #ccc;}

/*TABLES*/
td{word-break:break-word;}
table.table td, table.table th{vertical-align: middle !important;}
table.table .panel-heading th, table.table .panel-heading td{background: #333333; color: #FFFFFF;}
table.table .panel-heading th a{color: #fff; text-decoration: none;}
table tr th.align-vertical-middle, table tr td.align-vertical-middle{vertical-align: middle;}
table tr .checkbox{padding-left: 32px; padding-top: 0 !important;}
table.table-striped .panel-heading th{font-size: 18px;font-family: arial;font-weight:normal;vertical-align: middle;padding:10px 10px;}
table.table-striped .panel-heading th span{display:inline-block;}
.panel-default .panel-body .row{margin-top: 10px;margin-bottom: 10px;}
.table-striped tr:first-child, .table-striped th:first-child{padding-left: 10px;}
table.table-striped tbody tr td{padding: 10px;}
.table-striped td.no-padding{padding: 0 !important;}
.table-striped td>a:hover{color:#333;}
.table-striped th .glyphicon{font-size: 12px;}
.table-striped tfoot{height:40px;background-color:#333333 !important;color: white;font-family: Arial;}
.table-striped{border:1px solid #2E2E2E;}
.table-striped tr td, .table-striped tr{border:none !important;}
.table-striped td{padding-top:5px !important;padding-bottom: 5px !important;}
.table{border-collapse: separate;border-spacing:0 !important;border-radius: 6px !important;-moz-border-radius: 6px; -webkit-border-radius: 6px;}
.table>tbody>tr>th{border-top: none;}
.table>tbody>tr>th>h3{color:white;}
.table-striped tr:first-child>th:first-child {-moz-border-radius: 3px 0 0 0;-webkit-border-radius: 3px 0 0 0;border-radius: 3px 0 0 0;}
.table-striped tr:first-child>th:last-child {-moz-border-radius: 0 3px 0 0;-webkit-border-radius: 0 3px 0 0;border-radius: 0 3px 0 0;}
.table-striped th:nth-child(even){border:none;}
.table-striped th:nth-child(odd){border:none;}
.table-striped tr:last-child td:last-child {-moz-border-radius: 0 0 3px 0;-webkit-border-radius: 0 0 3px 0;border-radius: 0 0 3px 0;}
.table-striped tr:last-child td:first-child {-moz-border-radius: 0 0 0 3px;-webkit-border-radius: 0 0 0 3px;border-radius: 0 0 0 3px;}
.table-striped tfoot tr td {vertical-align: middle;}
.table-striped .td-right{padding-right: 20px !important;}
.table-striped td>a:hover{color:#333;}
.table-striped tr.account-notes td{padding: 0 !important; font-size: 12px; font-style: italic;}
.table-container{margin-top: 20px;}
.panel-default .table{border:1px solid #333;}
.phone-numbers table td{vertical-align: middle !important;}
/***************/

/*ICONS*/
.inline{padding-left: 20px;}
.icon{display: inline-block;}
.size-8x8{width: 8px; height:8px;}
.size-10x10{width: 10px; height: 10px;}
.size-12x12{width:12px; height: 12px; margin: 0 4px;}
.size-14x14{width:14px; height: 14px;}
.size-16x16{width:16px; height: 16px; margin: 2px 4px;}
.size-18x18{width:18px; height: 18px; margin: 2px 4px;}
.size-20x20{width:20px; height: 20px; margin: 0 15px 0 0;}
.size-22x22{width:22px; height: 22px;}
.size-24x24{width:24px; height: 24px;}
.size-25x25{width:25px; height: 25px; margin: 3px 0 0 7px;}
.size-40x40{width:40px; height: 40px;}
.callflow .icon-add{fill:#40C0BB;}
.input .icon-add{fill:#FAA750;}
.data .icon-add{fill:#3EA3D6;}
.integration .icon-add{fill:#9678D8;}
.integrations a:focus, .integrations a:hover{text-decoration: none}
.icon-callflow, .icon-input, .icon-data, .icon-integration{fill: #fff;}
.light-gray, .add-var .light-gray{fill: #898B8B;}
.xlight-gray{fill:#ABABAB;}
.gray{fill:#4C4C4C;}
.green{fill:#8CC152;}
.brown{fill:#855607;}
.green{fill:#63bd47;}
.brown.icon-down{margin-top: 3px;}
.edit-rev{color: #4C4C4C; font-size: 12px; text-decoration: none;}
.edit-rev:hover{text-decoration: none; color:#4C4C4C;}
.gray.icon-callflow{margin: 0;}
.gray.icon-callme{background: url(../images/icons/16x16/icon-call-4C4C4C.png) center center no-repeat;}
.gray.icon-info{background: url(../images/icons/16x16/icon-info-4C4C4C.png) center center no-repeat;}
.icon-link{vertical-align: middle;}
.gray.icon-refresh{margin:6px 0 0 3px;}
.icon-user.bottom{vertical-align: bottom;}
.icon-grip{vertical-align: top; height: 25px; padding-top: 4px;}
.icon-sharedto{ transform: rotate(90deg);}
.icon-outbound, .icon-inbound, .icon-transfer{width:16px;height:16px;}
.purple.icon-arrow{vertical-align: sub;}
.purple.icon-arrow.right{transform: rotate(-90deg);}
.purple.icon-arrow.right.active{transform: rotate(360deg);}
.closed .icon-callflow{fill: #40C0BB;}
.closed .icon-input{fill: #FAA750;}
.closed .icon-data{fill: #3EA3D6;}
.closed .icon-integration{fill: #9678D8;}
.icon-search{position: absolute; top: 9px; left: 4px;}
.icon-apps{vertical-align: middle; margin-right: 5px;}
.icon-vt{vertical-align: middle; margin-right: 5px;}
.icon-share{vertical-align: middle; margin-right: 5px;}
.icon-save{vertical-align: middle; margin-right: 5px;}
.icon-add{vertical-align: top; margin-right: 5px;}
.add-page .icon-add{margin-right: 4px;}
.icon-queue-calls{vertical-align: middle;margin-right: 5px;}
.icon-owner{margin: 3px 0 0 4px;}
.icon-pci{display:block;margin-top:3px}
.log-details .icon-pci{margin: 0; height: 12px; display: inline-block;}
.icon-users{margin: 0 0 0 3px; vertical-align: text-top;}
.btn-submit-form .icon{margin-right:6px;}
.icon-tree{margin: 0; vertical-align: middle;}
.icon-list, .icon-grid{margin: 0;}
.icon-folder, .icon-subfolder{fill: #C5C4C4; vertical-align: text-bottom; margin: 0 5px 0 0;}
.icon-app{fill: #C5C4C4; vertical-align: top;}
.icon-plum{background: url(../images/icons/16x16/icon-plum.png) center center no-repeat;vertical-align:bottom}
section.application-manager .app .app-controls span.deployed-app{position: absolute; top: 26px; left: 0; z-index: 97;}
section.application-manager .icon-folder{margin-right: 5px}
/***************/

/*TABLES*/
table.table-scroll tbody {display: block;max-height: 300px;overflow: auto;}
#phone-numbers table.table-scroll tbody{max-height: calc(100vh - 450px);}
table.table-scroll thead, table.table-scroll tbody tr {display: table;width: 100%;table-layout: fixed;}
table.table-scroll ::-webkit-scrollbar {-webkit-appearance: none;width: 8px;}
table.table-scroll ::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .3);}
/***************/

/*BREADCRUMBS*/
.breadcrumbs{margin: 20px 0; font-size: 20px; color: #4C4C4C;}
.breadcrumbs .col-sm-10{position: relative;}
.breadcrumbs .capitalize{text-transform: capitalize;}
.breadcrumbs a{color: #4C4C4C;}
.breadcrumbs .filetree-toggle{display: inline-block; cursor: pointer; margin-right: 8px;}
.breadcrumbs .filetree-toggle .caret{color:#C4C4C4; margin-left: 3px;}
.breadcrumbs .filetree-container{border: 1px solid #F1F1F1; background: #fff; min-width: 400px; max-width:700px; overflow-x: hidden; max-height: 400px; overflow-y: auto; position: absolute; top: 30px; left: 15px; z-index: 99; padding: 10px;}
/***************/

/*ADMIN*/

.admin .search{border-radius: 3px; width: 100%; border:1px solid #ccc;}
.admin .search input{border: none; background: #fff; width:calc(100% - 26px) !important; font-size: 14px;padding-right: 1px; display: inline-block;box-shadow: none;}
.admin .search input:focus{box-shadow: none}
.admin .search input.full{width:100%!important; padding-right:6px;}
.admin .search span.cancel{top: 4px; padding-right: 8px; color:#C4C4C4; cursor: pointer}
/***************/

/*APPLICATION MANAGER*/
section.application-manager{margin: 0 auto 10px;}
section.application-manager .container .apps .row{margin: 0;}
section.application-manager .container .apps .row.folder-row{border-bottom: 1px solid #EBEBEB; margin-bottom: 24px;}
section.application-manager .apps .row .folder{background: #F4F4F4; border: 1px solid #CCCCCC; height: 115px; width: 23.4%; margin: 0 24px 24px 0; padding: 6px 8px;}
section.application-manager .apps .row .folder:nth-child(4n+0){margin-right: 0px;}
section.application-manager .apps .row .folder .actions{position: absolute; right: 6px; top: 6px;}
section.application-manager .apps .row .folder .folder-icon,
section.application-manager .apps .row .folder .folder-name{text-align: center}
section.application-manager .apps .row .folder .folder-icon{margin-top: 10px;}
section.application-manager .apps .row .folder .folder-name{font-size: 16px;}
section.application-manager .apps .row .folder .folder-name a{color: #4C4C4C; text-decoration: none; font-weight: bold;}
section.application-manager .apps .row .folder .folder-name .appcount{font-size: 12px; color: #C4C4C4;}
section.application-manager .apps .row .app{border: 1px solid #CCCCCC; width: 23.4%; margin: 0 24px 24px 0; padding: 6px 8px; position: relative; height: 260px;}
section.application-manager .apps .row .app:nth-child(4n+0){margin-right: 0px;}
section.application-manager .app .app-controls span{display: inline-block; position: relative;}
section.application-manager .app .app-controls .popover{width: 200px;}
section.application-manager .app .app-controls .popover.deployedtooltip{width: 230px;}
section.application-manager .app .app-controls .popover.deployedtooltip ul{margin-bottom: 0px}
section.application-manager .app .app-controls .popover.deployedtooltip .revision + .revision{margin-top: 10px}
section.application-manager .app .app-controls .popover.deployedtooltip .deployment + .deployment{margin-top: 10px}
section.application-manager .app .app-controls .icons-wrapper, section.application-manager .app .app-controls .options-wrapper{padding:0}
section.application-manager .app .app-controls .thumbnail-wrapper{padding-top:22px;padding-left:2px;padding-right:2px;}
section.application-manager .apps .app-settings{position: absolute; top: 26px; right: 4px; z-index: 99; width: 145px; background: #fff; border: 1px solid #E2E2E2; text-align: left; font-size: 12px;}
section.application-manager .apps.list .app-settings{top: 20px; right: 35px;}
section.application-manager .apps .app-settings a{display: block; margin: 4px; text-decoration: none; color: #333333; padding: 5px 8px;}
section.application-manager .apps .app-settings a svg{vertical-align: top; height: 14px; width: 14px; margin: 0 4px 0 0;}
section.application-manager .app .img-thumbnail{width:160px; height: 160px; background: url(../images/grid-s.png) 0 0 repeat;position:relative;border-radius:0;border:1px solid #c2c2c2; padding: 0;}
section.application-manager .img-thumbnail .preview{width:95%;height:95%;margin:2.5%;}
section.application-manager .app .app-thumbnail {position: relative;}
section.application-manager .app .app-thumbnail .thumbnail-caption2{background: #ddd; opacity: .92; margin: -30px auto 15px; width: 158px; height: 25px; text-align: left;}
section.application-manager .app .app-thumbnail .thumbnail-caption2 .arrow{display: inline-block; width: 25px; vertical-align: top; text-align: center; padding: 7px 0; font-size: 12px; margin: -1px 0 0; height: 25px; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
section.application-manager .app .app-thumbnail .thumbnail-caption2 .arrow:hover{color: #fff; text-decoration: none;}
section.application-manager .app .app-thumbnail .thumbnail-caption2 .arrow.end, section.application-manager .app .app-thumbnail .thumbnail-caption2 .arrow.end:hover{cursor: not-allowed; color:#ACACAC; background: transparent;}
section.application-manager .app .app-thumbnail .thumbnail-caption2 .arrow.left{border-right: 1px solid #c2c2c2;}
section.application-manager .app .app-thumbnail .thumbnail-caption2 .arrow.right{border-left: 1px solid #c2c2c2;}
section.application-manager .app .app-thumbnail .thumbnail-caption2 .text2{width: 100px; display: inline-block; text-align: center; font-size: 10px; font-weight: bold; padding-top: 7px;}
section.application-manager .app .app-name{font-weight: bold; font-size: 16px; margin: 10px 0;}
section.application-manager .app .app-name a{color: #4C4C4C; text-decoration: none;display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
section.application-manager .app .app-name .tooltip{width: 200px; word-wrap: break-word;}
section.application-manager .app .app-revision{font-size: 10px;}
section.application-manager .popover{font-size: 12px;}
section.application-manager .popover.deployment{max-width:450px; font-size: 12px;}
section.application-manager .apps.list .actions{position: relative;}
section.application-manager .apps.list a{text-decoration: none;}
section.application-manager .apps.list .icon-app{margin-right: 5px;}
section.application-manager .apps.list .deployment-wrapper .deployment{width:fit-content}
section.application-manager .appname{font-size: 14px; height: auto; padding: 1px 5px; width: 85%; display: inline-block; border-radius: 2px;}
section.application-manager .container .apps.search table.table-striped{border: none;}
section.application-manager .container .apps.search table.table-striped > tbody > tr > td{border-top: 1px solid #DDDDDD !important; border-bottom: 1px solid #DDDDDD !important; padding-top: 15px !important; padding-bottom: 15px  !important;}
section.application-manager .apps .icon-pci-wrapper{display:inline-block;vertical-align:text-top;}
section.application-manager .apps .icon-pci-wrapper .icon-pci{margin:0 0 1px 0}
section.application-manager .apps.search .icon-pci-wrapper{vertical-align: middle;}
/***************/

/*APPLICATION TABS*/
section.application-tabs{margin: 3px 0 0; position: relative;}
section.application-tabs .row.editor-controls{margin: 0; border-bottom: 1px solid #999;}
section.application-tabs .nav.nav-tabs.col-md-1{padding: 0; min-width: 120px; max-width:120px; position: relative;}
section.application-tabs .nav.nav-tabs.col-md-3{padding: 0;}
section.application-tabs .nav.nav-tabs.col-md-3.name{max-width: 275px;}
section.application-tabs .nav.nav-tabs.col-md-4{padding: 0;}
section.application-tabs button.sort-pages, section.application-tabs button.add{background: none; border: none; padding: 0; margin: 5px 0 0; vertical-align: top;}
section.application-tabs button.editor-help{background: none; border: none; font-size: 16px; margin: 4px 6px 0 10px; padding: 0;}
section.application-tabs button.revisions{vertical-align: top; background: none; border: 1px solid #fff; margin: 0; padding: 3px 4px 0 3px; position: relative; border-radius: 4px 4px 0 0;}
section.application-tabs button.revisions.active{border-color:#999; border-bottom-color: #fff; z-index: 1002;}
section.application-tabs button.revisions .icon-down{vertical-align: top; margin-top: 4px;}
section.application-tabs button.sort-pages{margin-left:4px;margin-right: 5px;}
section.application-tabs .nav.app-name{text-align: center;padding-top: 4px;font-weight: bold;}
section.application-tabs .nav.nav-tabs.col-md-1 .revision-menu{position: absolute; top: 29px; left: 3px; z-index: 1001; background: #fff; border: 1px solid #999999; border-top-right-radius: 3px;  border-bottom-right-radius: 3px; width: 220px; height: 200px;}
section.application-tabs .nav.nav-tabs.col-md-1 .revision-menu h3{font-weight: bold; font-size: 14px; margin: 0 4px; padding: 8px 0; border-bottom: 1px dotted #999999; text-align: center;}
section.application-tabs .nav.nav-tabs.col-md-1 .revision-menu h4{font-size: 12px; font-weight: bold; margin: 4px 8px 0;}
section.application-tabs .nav.nav-tabs.col-md-1 .revision-menu .past-revisions{margin:4px 4px 4px 8px; height: 140px; overflow-y: scroll;}
section.application-tabs .nav.nav-tabs.col-md-1 .revision-menu .past-revisions table{width:100%; font-size: 11px;}
section.application-tabs .nav.nav-tabs.col-md-1 .revision-menu .past-revisions table td{padding: 0 0 3px;}
section.application-tabs .nav > li > span{display: inline-block; font-weight: bold;}
section.application-tabs ul.nav > li > a, .nav > li > span{font-size: 13px; padding: 5px 10px; height: 31px;}
section.application-tabs ul.nav.pages{height: 31px;}
section.application-tabs ul.nav.pages li{height: 31px; position: relative; text-align: center;}
section.application-tabs ul.nav.pages li.select-page{width: 200px;}
section.application-tabs ul.nav.pages li.select-page .pg-settings{ right: 0px; top:0px; border-radius: 3px;}
section.application-tabs ul.nav.pages li.select-page .page-settings{right: -23px; top: 11px;}
section.application-tabs ul.nav.pages li.select-page .page-settings.select{right:-8px; top: 14px;}
section.application-tabs ul.nav.pages li.select-page #single-button {color: #595959; font-size: 14px; font-weight: bold; height: 29px; position: relative; text-align: left; width: 200px; padding: 4px 8px; background: #fff;}
section.application-tabs ul.nav.pages li.select-page #single-button:focus, section.application-tabs ul.nav.pages li.select-page #single-button:hover {background: #fff;}
section.application-tabs ul.nav.pages li.select-page #single-button .page-name{width:90%; overflow: hidden; display: block;}
section.application-tabs ul.nav.pages li.select-page #single-button .caret { position: absolute; right: 10px; top: 12px;}
section.application-tabs ul.nav.pages li.select-page ul.dropdown-menu {max-height: 400px; width: 200px; overflow-y: scroll;}
section.application-tabs ul.nav.pages li.select-page ul.dropdown-menu li{width: 100%;}
section.application-tabs ul.nav.pages li.select-page ul.dropdown-menu li a{display: block; text-align: left; color: #595959;}
section.application-tabs ul.nav.pages li.select-page ul.dropdown-menu li a:hover{background: #F5F5F5;}
section.application-tabs ul.nav.pages li.select-page ul.dropdown-menu li.active a,
section.application-tabs ul.nav.pages li.select-page ul.dropdown-menu li.active a:focus,
section.application-tabs ul.nav.pages li.select-page ul.dropdown-menu li.active a:hover{background: #DADADA; color: #595959;}
section.application-tabs ul.nav.pages li.add-page{width: 24px;}
section.application-tabs ul.nav.pages li .page-settings{text-align: left; position: absolute; top: 14px; right:-8px; z-index: 1001; width: 65px; height: 75px; background: #fff; padding: 8px; border-radius: 3px;}
section.application-tabs ul.nav.pages li .page-settings.audio{right:1px;height:auto;left:auto;}
section.application-tabs ul.nav.pages li .page-settings ul{list-style: none; padding: 0; margin: 0; font-size: 11px;}
section.application-tabs ul.nav.pages li .page-settings ul li{height: auto; text-align: left;}
section.application-tabs ul.nav.pages li .page-settings ul li a{display: block; margin: 0 0 6px; color: #545454; text-decoration: none;}
section.application-tabs ul.nav.pages li  .pg-settings{display: none; padding: 2px; border: 1px solid; border-color: transparent; position: absolute; top:0; right: 0; height: 15px; z-index: 1002; background: none;}
section.application-tabs ul.nav.pages li:hover .pg-settings{display: block;}
section.application-tabs ul.nav.pages li .pg-settings.active{display: block; border-bottom-color: #fff; background: #fff;}
section.application-tabs ul.nav.pages li .icon-page-settings{fill: #4C4C4C; vertical-align: top;}
section.application-tabs ul.nav.application-controls > li {float: right; margin: 0 2px -1px;}
section.application-tabs ul.nav.application-controls > li button.btn{line-height: normal;}
section.application-tabs ul.nav.application-controls > li button.btn.btn-default{border-color: #9A9A9A; background: #F5F5F5;}
section.application-tabs ul.nav.application-controls > li button.btn.btn-default.open{border-color:#9A9A9A; position: relative; z-index: 1002; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
section.application-tabs ul.nav.application-controls > li button.btn.btn-default .icon-modules{margin: 0 3px 0 0; vertical-align: middle;}
section.application-tabs ul.nav.application-controls > li a{border-top:none; border-left: none; border-right: none; border-bottom: 1px solid #999; margin: 0; background-position: center 5px; background-color: #fff;}
section.application-tabs ul.nav.application-controls > li.active a{border-top:1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #fff;}
section.application-tabs ul.nav.application-controls > li a .icon{margin: 0;}
section.application-tabs ul.nav.application-controls > li a.gray.icon-callme:hover{background-image: url(../images/icons/16x16/icon-call-4C4C4C.png); background-repeat: no-repeat; background-position: center center;}
section.application-tabs ul.nav.application-controls > li a#call-me{padding:13px 15px; height: 16px; width: 16px; border-radius: 3px; margin: 0; border-color: #9a9a9a; background-color: #f5f5f5;}
section.application-tabs ul.nav.application-controls .save-as{padding: 0; position: relative; border: 1px solid transparent; z-index: 1003;}
section.application-tabs ul.nav.application-controls .save-as.disabled{opacity: .7;}
section.application-tabs ul.nav.application-controls .save-as.active{background: #fff; border-color: #999; border-bottom-color: #fff; background-image: none; box-shadow: none;}
section.application-tabs ul.nav.application-controls .save-as.active .save{color: #545454; border-color: #C8C8C8;}
section.application-tabs ul.nav.application-controls .save-as.active .icon-down{fill: #4C4C4C;}
section.application-tabs ul.nav.application-controls a.save, section.application-tabs ul.nav.application-controls button.save{padding: 4px;text-decoration: none; color: #855607;}
section.application-tabs ul.nav.application-controls a.save.editor, section.application-tabs ul.nav.application-controls button.save.editor{ margin-right: 0; padding: 5px; border: none; border-right: 1px solid #C28606; display: inline-block; background: transparent;}
section.application-tabs ul.nav.application-controls button[disabled]{cursor: not-allowed; opacity: .7;}
section.application-tabs div.nav input{line-height: 24px; border: 1px solid #fff; border-radius: 4px; font-weight: bold; text-align: center; width: 98%; font-size: 16px; padding: 0px 1px 2px; height: 30px; margin-top: -2px;}
section.application-tabs ul.nav.application-controls .save-as .icon-down{vertical-align: top;}
section.application-tabs ul.nav.application-controls .saving {position: relative; margin-right: 6px;}
section.application-tabs ul.nav.application-controls .saving .menu{position: absolute; z-index:1002; top: 25px; right: 0; background: #fff; border: 1px solid #999999; border-radius: 3px; border-top-right-radius:0; padding: 8px; font-size: 11px; width: 245px; color: #4C4C4C;}
section.application-tabs ul.nav.application-controls .saving .menu .col-sm-6.padding{padding-left: 0;}
section.application-tabs ul.nav.application-controls .saving .menu .btn-group .btn{font-size: 10px; padding: 6px 11px;}
section.application-tabs ul.nav.application-controls .saving .menu .control-label{font-weight: normal;}
section.application-tabs ul.nav.application-controls .saving .menu span{display: block; text-align: left; margin-top:7px; font-size: 11px; font-weight: normal;}
section.application-tabs ul.nav.application-controls .saving .menu input.form-control{font-size: 11px; font-weight: normal; padding: 3px 5px; height: auto;}
section.application-tabs ul.nav.application-controls .saving .menu .btn.btn-warning{font-size: 12px; padding: 4px 6px;}
section.application-tabs div.nav input:focus, section.application-tabs div.nav input:hover{border-color: #ccc;}
/***************/

/*MODULES LIST*/
div.modules-list{position: absolute; top: 27px; right: 16px; background: #fff; width: 320px; border: 1px solid #9A9A9A; z-index: 1001;max-height: calc(100vh - 80px);overflow-y: overlay}
div.modules-list::-webkit-scrollbar{width: 5px;display: block;width: 8px;}
div.modules-list::-webkit-scrollbar-track {border-radius: 0px;background-color: #00000000;}
div.modules-list::-webkit-scrollbar-button {display: none;}
div.modules-list::-webkit-scrollbar-track-piece {background-color: #00000000;}
div.modules-list::-webkit-scrollbar-thumb {background-color: #00000040;border: 1px solid #ffffff40;border-radius: 24px;}
div.modules-list.pinned{width: 207px; top: 33px;}
div.modules-list button#menu-pin{position: absolute; padding: 3px 3px 0 4px; top: 9px; right: 8px; line-height: normal;}
div.modules-list button#menu-pin span{margin: 0;}
div.modules-list.pinned button#menu-pin{box-shadow: inset 0 0 8px #bbb;}
div.modules-list span.cancel{position: absolute;right: 55px;top: 16px;color:#C4C4C4; cursor: pointer}
div.modules-list .module-search{border-radius: 0; border: none; border-bottom: 1px solid #B6B6B6; padding-right: 40px; padding-left: 40px; background-position: 7px center; font-size: 14px; box-shadow: none; height: 45px;}
div.modules-list .module-search.not-empty{padding-right:75px;}
div.modules-list ul.module-categories{width: 100%;}
div.modules-list ul, div.modules-list ul li{margin: 0; padding: 0; list-style: none;}
div.modules-list ul li.category{float: left; width: 100%; border-bottom: 1px solid #B6B6B6;}
div.modules-list ul li.category:last-child{border-bottom: none;}
div.modules-list ul li.category.callflow{background: #40c0bb;}
div.modules-list ul li.category.callflow h3{background: #40c0bb; border-left: 7px solid #40c0bb;}
div.modules-list ul li.category.callflow.closed h3:hover{background-color: #daefed;}
div.modules-list ul li.category.input{background: #faa750;}
div.modules-list ul li.category.input h3{background: #faa750; border-left: 7px solid #faa750;}
div.modules-list ul li.category.input.closed h3:hover{background-color: #ffead5;}
div.modules-list ul li.category.data{background: #3ea3d6;}
div.modules-list ul li.category.data h3{background: #3ea3d6; border-left: 7px solid #3ea3d6;}
div.modules-list ul li.category.data.closed h3:hover{background-color: #d7e6f4;}
div.modules-list ul li.category.integration{background: #9678D8;}
div.modules-list ul li.category.integration h3{background: #9678D8; border-left: 7px solid #9678D8;}
div.modules-list ul li.category.integration.closed h3:hover{background-color: #DBD1F1;}
div.modules-list ul li.category h3{margin: 0; font-size: 18px; text-transform: capitalize; font-weight: bold; color: #fff; padding: 15px;}
div.modules-list ul li.category h3 *{vertical-align: bottom;}
div.modules-list ul li.category.closed, div.modules-list ul li.category.closed h3{background-color: #fff; color: #434343;}
div.modules-list ul.modules li{display: inline-block; width: calc(50% - 1px); float: left; padding: 12px 5px 12px 3px; margin: 0 0 1px; color: #fff; font-size: 10px; font-weight:bold; -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
div.modules-list.pinned ul.modules li{width: calc(100% - 1px);}
div.modules-list ul.modules li{margin-left: 1px;}
div.modules-list ul.modules li.label{color: #fff; display: block; font-size: 10px; font-weight: bold; line-height: inherit; padding: 12px 5px 12px 3px; text-align: left; vertical-align: inherit; white-space: normal; border-radius: 0;}
div.modules-list ul li.category  h3:hover, div.modules-list ul li.category ul li:hover{cursor: pointer;}
div.modules-list ul li.category.callflow ul li{background-color: #6ec9c6;}
div.modules-list ul li.category.callflow ul li:hover{background-color: #daefed; color: #434343;}
div.modules-list ul li.category.input ul li{background-color: #fab973;}
div.modules-list ul li.category.input ul li:hover{background-color: #ffead5; color: #434343;}
div.modules-list ul li.category.data ul li{background-color: #6cb1dd;}
div.modules-list ul li.category.data ul li:hover{background-color: #d7e6f4; color: #434343;}
div.modules-list ul li.category.integration ul li{background-color: #B09BE1;}
div.modules-list ul li.category.integration ul li:hover{background-color: #DBD1F1; color: #434343;}
div.modules-list ul li.category ul li{position: relative;}
div.modules-list ul li.category ul li svg{vertical-align: middle;}
div.modules-list ul li.category ul li .mod-name{display: inline-block; vertical-align: top; padding: 1px 0 0 4px;}
div.modules-list ul li.category ul li .add-module{position: absolute; top: 10px; right: 5px; display: none;}
div.modules-list ul li.category ul li:hover .add-module{display: block;}
/***************/

/*APPLICATION GRID*/
section.canvas-grid{margin:0; width: 100%; min-height: 500px; background: url(../images/grid.png) 0 0 repeat;}
/***************/

/*APPLICATION MODULES*/
section.canvas-grid .module{width: 229px; margin-bottom: 30px;top:60px;left:60px;}
section.canvas-grid .module .glyphicon{font-size: 12px; color: #898b8b;}
section.canvas-grid .module.language .lang .glyphicon{font-size: 10px; border: none; background-color: #fff; padding: 0; vertical-align: baseline;}
section.canvas-grid .module.callflow{background: #B8E2E1;}
section.canvas-grid .module.input{background: #FAB972;}
section.canvas-grid .module.data{background: #B4D3EE;}
section.canvas-grid .module.integration{background: #B09BE1;}
section.canvas-grid .module.start{background: #CFE5AE; width: 89px; height: 89px;}
section.canvas-grid .module.start .inner-circle{background: #fff; border:1px solid #8DC63F; margin: 10px; height: 69px; width: 69px; display: inline-block;}
section.canvas-grid .module.start .inner-circle div{color: #000; height: 69px; width: 69px; font-size: 11px; font-weight: bold; display: table-cell; text-align: center; vertical-align: middle;}
section.canvas-grid .module.start .inner-circle div span.module-name{display: inline-block; margin: 8px 0 4px;}
section.canvas-grid .module.hangup{background: #E58A8A; width: 89px; height: 89px;}
section.canvas-grid .module.hangup .inner-circle{background: #fff; border:1px solid #CE3645; margin: 10px; height: 69px; width: 69px; display: inline-block;}
section.canvas-grid .module.hangup .inner-circle div{color: #000; height: 69px; width: 69px; font-size: 11px; font-weight: bold; display: table-cell; text-align: center; vertical-align: middle;}
section.canvas-grid .module.hangup .inner-circle .hangup-body{position: relative;}
section.canvas-grid .module.hangup .inner-circle .hover-canvas{position: absolute; top:-15px; right:8px; width:45px; height: 25px;}
section.canvas-grid .module.hangup .inner-circle .hangup-body .btn.delete-hangup{position: absolute; right: -3px; top: -23px; background-color: #f0f0f0; border-color: #434343; padding: 3px; height: 23px; border-radius: 13px; display: none;}
section.canvas-grid .module.hangup:hover .inner-circle .hangup-body .btn.delete-hangup{display: block;}
section.canvas-grid .module.hangup .inner-circle div span.module-name{display: inline-block; margin: 8px 0 4px;}
section.canvas-grid .module.lbl{border: 2px solid #38C0BB; font-size: 11px; background: #fff; min-height: 40px;}
section.canvas-grid .module.lbl .grip-icon{width:25px; height: 25px; display: block; position: absolute; top: 27%; left: 2px; fill:#898B8B; z-index: 99;}
section.canvas-grid .module.lbl .module-header{float: none; border-left: 10px solid #F0F0F0;}
section.canvas-grid .module.lbl .module-label{padding: 5px; width: 80%; border: none; resize: none;}
section.canvas-grid .module .module-header{background: #fff; float: left; width: 100%; border-top-left-radius: 3px; border-top-right-radius: 3px; position: relative;}
section.canvas-grid .module .module-header .receptor{width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 17px solid #434343; position: absolute; top: -10px; left: 102px; z-index: 99; border-radius: 3px;}
section.canvas-grid .module .module-footer .receptor{width: 0;height: 0;border-left: 13px solid transparent;border-right: 13px solid transparent;border-bottom: 17px solid #434343;border-top:none;position: absolute;bottom:-9px;left:102px;z-index: 99;border-radius: 3px;}
section.canvas-grid .module .module-header .receptor-inner{width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 12px solid #fff; position: absolute; top:-15px; left: -9px; border-radius: 3px;}
section.canvas-grid .module .module-footer .receptor-inner{width: 0;height: 0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 12px solid #fff;position: absolute;top: 3px;left: -9px;border-radius: 3px;}
section.canvas-grid .module.rest .receptor, 
section.canvas-grid .module.soap .receptor, 
section.canvas-grid .module.subdialog .receptor, 
section.canvas-grid .module.custom_field .receptor,
section.canvas-grid .module.sms .receptor,
section.canvas-grid .module.module-size-large .receptor{left:147px;}
section.canvas-grid .module .module-header .receptor-inner.connected{border-top-color: #CFE5AE;}
section.canvas-grid .module .module-footer .receptor-inner.connected{border-bottom-color: #CFE5AE;}
section.canvas-grid .module .module-header .fuse-receptor-selected .receptor-inner{border-top-color: #8dc63f;}
section.canvas-grid .module .module-footer .fuse-receptor-selected .receptor-inner{border-bottom-color: #8dc63f;}
section.canvas-grid .module .module-header .fuse-receptor-selected .receptor-inner.error{border-top-color: #ce3645;}
section.canvas-grid .module .module-footer .fuse-receptor-selected .receptor-inner.error{border-bottom-color: #ce3645;}
section.canvas-grid .module .module-header .receptor-inner.connected .node-path{background: #CFE5AE; height: 2px; position: absolute; z-index: 9999; top: -14px; width: 4px; border-left: 1px solid #879277; border-right: 1px solid #879277; left: -2px;}
section.canvas-grid .module .module-footer .receptor-inner.connected .node-path{background: #CFE5AE; height: 3px; position: absolute; z-index: 9999; top: 12px; width: 4px; border-left: 1px solid #879277; border-right: 1px solid #879277; left: -2px;}
section.canvas-grid .module .module-footer .receptor-inner.connected.error .node-path{background: #E58A8A;}
section.canvas-grid .module .module-header .receptor-inner.connected.error{border-top-color: #E58A8A;}
section.canvas-grid .module .module-footer .receptor-inner.connected.error{border-bottom-color: #E58A8A;}
section.canvas-grid .module .module-header .receptor-inner.connected.error .node-path{background: #E58A8A;}
section.canvas-grid .module.hangup .module-header .receptor{left: 32px; top: -10px;}
section.canvas-grid .module .module-header .module-name{padding: 0; line-height: normal;}
section.canvas-grid .module .module-header .module-name  .form-control{border: none; box-shadow: none; padding: 6px 0; margin: 0; font-weight: bold; font-size: 11px; height: auto; width: 80%; display: inline-block; vertical-align: top;}
section.canvas-grid .module .module-header .module-name.long  .form-control{width:85%;}
section.canvas-grid .module .module-header .module-name .input-icon{padding: 0; margin: 0; border: none; background: none;}
section.canvas-grid .module .module-header .module-controls{padding: 0;}
section.canvas-grid .module .module-header .module-controls button{padding: 7px 7px 1px; vertical-align: top; border: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
section.canvas-grid .module .module-header .module-controls button.module-options{background: none; border: none; margin-right: -5px;}
section.canvas-grid .module .module-header .module-controls button.module-options:hover,
section.canvas-grid .module .module-header .module-controls button.module-options.open{background: #898B8B;}
section.canvas-grid .module .module-header .module-controls button.module-options span{vertical-align: text-top;}
section.canvas-grid .module .module-header .module-controls button.module-options:hover .icon-settings,
section.canvas-grid .module .module-header .module-controls button.module-options.open .icon-settings{fill: #fff;}
section.canvas-grid .module .module-body{padding: 7px; border-top: 1px solid #31BDB8; font-size: 10px;}
section.canvas-grid .module .module-body .ng-dirty.ng-invalid{border-color:#FF0000 !important; box-shadow: 0 0 5px rgba(255, 108, 108, 1);}
section.canvas-grid .module .module-body .form-control{font-size: 10px;}
section.canvas-grid .module.goto_app .module-body .revision-list-menu,
section.canvas-grid .module.goto_app .module-body .app-menu,
section.canvas-grid .module.goto_page .module-body .module-menu,
section.canvas-grid .module.goto_page .module-body .page-menu,
section.canvas-grid .module.dialogflow .module-body .bot-menu,
section.canvas-grid .module.logicplus .module-body .bot-menu,
section.canvas-grid .module.s3 .module-body .s3-menu,
section.canvas-grid .module.dynamodb .module-body .dtable-menu{max-height:200px;overflow-y:auto;margin:0;cursor:pointer;}
section.canvas-grid .module.goto_app .module-body .revision-list-menu::-webkit-scrollbar,
section.canvas-grid .module.goto_app .module-body .app-menu::-webkit-scrollbar,
section.canvas-grid .module.goto_page .module-body .module-menu::-webkit-scrollbar,
section.canvas-grid .module.goto_page .module-body .page-menu::-webkit-scrollbar,
section.canvas-grid .module.dialogflow .module-body .bot-menu::-webkit-scrollbar,
section.canvas-grid .module.logicplus .module-body .bot-menu::-webkit-scrollbar,
section.canvas-grid .module.dynamodb .module-body .dtable-menu::-webkit-scrollbar{width: 1em;border-bottom-right-radius: 4px;}
section.canvas-grid .module.goto_app .module-body .revision-list-menu::-webkit-scrollbar-track,
section.canvas-grid .module.goto_app .module-body .app-menu::-webkit-scrollbar-track,
section.canvas-grid .module.goto_page .module-body .module-menu::-webkit-scrollbar-track,
section.canvas-grid .module.goto_page .module-body .page-menu::-webkit-scrollbar-track,
section.canvas-grid .module.dialogflow .module-body .bot-menu::-webkit-scrollbar-track,
section.canvas-grid .module.logicplus .module-body .bot-menu::-webkit-scrollbar-track,
section.canvas-grid .module.dynamodb .module-body .dtable-menu::-webkit-scrollbar-track{background-color:#efefef;border-bottom-right-radius: 4px;}
section.canvas-grid .module.goto_app .module-body .revision-list-menu::-webkit-scrollbar-thumb,
section.canvas-grid .module.goto_app .module-body .app-menu::-webkit-scrollbar-thumb,
section.canvas-grid .module.goto_page .module-body .module-menu::-webkit-scrollbar-thumb,
section.canvas-grid .module.goto_page .module-body .page-menu::-webkit-scrollbar-thumb,
section.canvas-grid .module.dialogflow .module-body .bot-menu::-webkit-scrollbar-thumb,
section.canvas-grid .module.logicplus .module-body .bot-menu::-webkit-scrollbar-thumb,
section.canvas-grid .module.dynamodb .module-body .dtable-menu::-webkit-scrollbar-thumb{background-color: #CCCCCC;}
section.canvas-grid .module.input .module-body{border-color:#F48311;}
section.canvas-grid .module.data .module-body{border-color:#6ABAE2;}
section.canvas-grid .module.integration .module-body{border-color:#9678D8;}
section.canvas-grid .module.input .module-body .module-wysiwyg, section.canvas-grid .module.input .module-body select{border-color:#F48311;}
section.canvas-grid .module.input .module-body .module-wysiwyg.bargein{border-top:2px dashed #F48311;}
section.canvas-grid .module.data .module-body .module-wysiwyg, section.canvas-grid .module.data .module-body select{border-color:#6ABAE2;}
section.canvas-grid .module.data .module-body .module-wysiwyg.bargein{border-top:2px dashed #6ABAE2;}
section.canvas-grid .module.rest, section.canvas-grid .module.soap, section.canvas-grid .module.subdialog, section.canvas-grid .module.custom_field, section.canvas-grid .module.sms, section.canvas-grid .module.module-size-large{width:320px;}
section.canvas-grid .module.integration .module-body .module-wysiwyg, section.canvas-grid .module.integration .module-body select{border-color:#9678D8;}
section.canvas-grid .module.integration .module-body .module-wysiwyg.bargein{border-top:2px dashed #9678D8;}
section.canvas-grid .module.rest, section.canvas-grid .module.soap, section.canvas-grid .module.subdialog, section.canvas-grid .module.custom_field, section.canvas-grid .module.sms, section.canvas-grid .module.module-size-large{width:320px;}
section.canvas-grid .module .module-body .module-wysiwyg textarea{max-width: 100%;resize: horizontal; border: none;}
section.canvas-grid .module .module-body .module-wysiwyg .add-var{border: none; background: none; padding: 0; position: absolute; bottom: 2px; right: -3px; z-index: 9; height: 14px;}
section.canvas-grid .module .module-body .module-wysiwyg[disabled="disabled"] .add-var{cursor: not-allowed}
section.canvas-grid .module .module-body .module-wysiwyg{background: #fff; border: 1px solid #31BDB8; padding: 3px 20px 3px 4px; line-height: 15px;cursor:text;max-height:300px;overflow-y:auto;overflow-x:hidden}
section.canvas-grid .module .module-body .module-wysiwyg.disabled{background-color:#eee;cursor:not-allowed;}
section.canvas-grid .module .module-body .module-wysiwyg.disabled .vars,
section.canvas-grid .module .module-body .module-wysiwyg.disabled .add-var{pointer-events:none;}
section.canvas-grid .module .module-body .wysiwyg-container{position:relative;}
section.canvas-grid .module .module-body .module-wysiwyg.timeout,
section.canvas-grid .module .module-body .module-wysiwyg.value,
section.canvas-grid .module .module-body .module-wysiwyg.dtmf,
section.canvas-grid .module .module-body .module-wysiwyg.utterance,
section.canvas-grid .module .module-body .module-wysiwyg.name{padding:3px 4px;}
section.canvas-grid .module .module-body .module-wysiwyg.bargein{border-top:2px dashed #31BDB8;}
section.canvas-grid .module .module-body .module-wysiwyg .speech-rec{position: absolute; top: 5px; right: 4px; width:12px; height: 12px; }
section.canvas-grid .module .module-body .module-wysiwyg .speech-rec .icon-speech-rec{fill: #5CB85C; margin: 0;}
section.canvas-grid .module.lbl .module-wysiwyg{background: none; padding:10px; border:none;line-height: 18px;cursor:text;}
section.canvas-grid .module .module-wysiwyg span, section.canvas-grid .module .module-wysiwyg div{hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;overflow-wrap: break-word;}
section.canvas-grid .module .module-wysiwyg span{max-width:100%;}
section.canvas-grid .module .module-wysiwyg span.static:empty{height:18px;width:1px;font-size: 10px;display:inline-block;}
section.canvas-grid .module .module-wysiwyg .vars{display:inline-block;min-height:30px;min-width:100%; max-width:101%;}
section.canvas-grid .module .module-wysiwyg .single-line{min-height: 18px;width:100%;border:none;padding:0;margin:0;}
section.canvas-grid .module.lbl .module-wysiwyg .single-line{display: block}
section.canvas-grid .module .module-wysiwyg .single-line:focus{outline:none;}
section.canvas-grid .module .module-wysiwyg[disabled="disabled"]{    cursor: not-allowed !important; opacity: .65 !important; background: #f5f5f5 !important; border-color: #9a9a9a !important; color: #000 !important;}
section.canvas-grid .module .module-body select{border: 1px solid #31BDB8; border-radius: 0;}
section.canvas-grid .module .module-body .module-attribute{margin: 7px 0 0;}
section.canvas-grid .module.rest .module-body .module-attribute.label-row.header,
section.canvas-grid .module.rest .module-body .module-attribute.label-row.variable{margin: 4px 0 0;}
section.canvas-grid .module.subdialog .module-body .module-attribute.label-row.variables,
section.canvas-grid .module.address .module-body .module-attribute.citystatezip{margin: 5px 0 0;}
section.canvas-grid .module.branch_on_var .module-body .module-attribute.label-row{margin: 6px 0 0;}
section.canvas-grid .module.transfer .module-body .module-attribute.row{margin-bottom:1px;}
section.canvas-grid .module.transfer .module-body .module-attribute.number-row{margin:6px 0 0;}
section.canvas-grid .module.subdialog .module-body .module-attribute.label-row.event{margin-top:6px;}
section.canvas-grid .module .module-body .module-attribute.italic{margin-top:3px;font-style: italic;}
section.canvas-grid .module.digits .module-body .module-attribute.italic{margin-top:2px;}
section.canvas-grid .module .module-body .module-attribute + .module-wysiwyg, section.canvas-grid .module .module-body .module-attribute + .wysiwyg-container{margin-top: 5px;}
section.canvas-grid .module .module-body .module-attribute.label-row + .module-wysiwyg{margin-top: 0;}
section.canvas-grid .module .module-body .module-attribute.label-row div{padding:0;}
section.canvas-grid .module .module-body .module-attribute.label-row div:first-child{padding-left:7px;}
section.canvas-grid .module .module-body .module-attribute.label-row div:last-child{padding-right:7px;}
section.canvas-grid .module .module-body .module-attribute.label-row + .module-attribute{margin-top: 0;}
section.canvas-grid .module .module-body .module-attribute:first-child{margin: 0;}
section.canvas-grid .module .module-body .module-attribute .module-att-label,
section.canvas-grid .module .module-body .module-attribute .module-wysiwyg{display: inline-block; vertical-align: top; margin: 0;}
section.canvas-grid .module .module-body .module-attribute .module-att-label{margin-top: 5px; font-size: 10px; text-transform: capitalize;}
section.canvas-grid .module.boolean .module-body .module-attribute .module-att-label{font-weight: normal;}
section.canvas-grid .module .module-body .module-attribute .module-wysiwyg{width:216px; padding-bottom: 3px;}
section.canvas-grid .module.dynamodb .module-body .module-attribute .module-wysiwyg{width:100%}
section.canvas-grid .module .module-body .module-attribute .module-wysiwyg:focus-visible{outline: none!important}
section.canvas-grid .module .module-body .module-attribute .module-wysiwyg::placeholder{padding-left:2px;}
section.canvas-grid .module .module-body .module-attribute .module-wysiwyg[disabled]::placeholder{color:#555555;}
section.canvas-grid .module .module-body .module-attribute .module-wysiwyg.event{width: 307px; padding-right:4px;}
section.canvas-grid .module.call_recording .module-body .module-attribute .module-wysiwyg.saveas{width:165px;}
section.canvas-grid .module.boolean .module-body .module-attribute .module-wysiwyg.number,
section.canvas-grid .module.language .module-body .module-attribute .module-wysiwyg.number{width:25px;text-align:center; cursor: default;}
section.canvas-grid .module.language .module-body .module-attribute .module-wysiwyg.lang-code{width: 40px; margin-left: 10px;}
section.canvas-grid .module.language .module-body .module-attribute .module-wysiwyg.lang{width:174px;margin-left: 10px; position: relative; padding-right:4px; cursor:default;}
section.canvas-grid .module.language .module-body .module-attribute.label-row .lang{margin-left: 8px;padding:0;}
section.canvas-grid .module.subdialog .module-body .module-attribute .module-wysiwyg.url,
section.canvas-grid .module.rest .module-body .module-attribute .module-wysiwyg.url,
section.canvas-grid .module .module-body .module-attribute .module-wysiwyg.full-width{width: 100%}
section.canvas-grid .module.rest .module-body .module-attribute.row select{width: 78px; padding-right: 0;}
section.canvas-grid .module.rest .module-body .module-attribute.row .module-att-label.margin{margin-left: 10px;}
section.canvas-grid .module.branch_on_counter .module-body .module-attribute select,
section.canvas-grid .module.branch_on_var .module-body .module-attribute .comparisons select{width:60px;}
section.canvas-grid .module.branch_on_var .module-body .module-attribute .wysiwyg-container{width:202px;display: inline-block;}
section.canvas-grid .module.branch_on_var .module-body .module-attribute .wysiwyg-container .module-wysiwyg{width:100%;}
section.canvas-grid .module.soap .module-body .module-attribute .module-wysiwyg.wsdl{width:280px; padding-right:4px;position:relative;}
section.canvas-grid .module.soap .module-body .module-attribute .module-wysiwyg.wsdl:focus{outline:none;}
section.canvas-grid .module.rest .module-body .module-wysiwyg.postraw{margin-top: 7px;}
section.canvas-grid .module .module-body .module-attribute .col-sm-3{width: 25% !important;height:26px;}
section.canvas-grid .module.multiple_choice .module-body .module-attribute .row.dtmf .col-sm-4{margin-left: 8px; width: 36.333% !important;height:26px;}
section.canvas-grid .module .module-body .module-attribute .row.dtmf .col-sm-3{margin: 0;}
section.canvas-grid .module.multiple_choice .module-body .module-attribute .row.dtmf .col-sm-3{width: 18.5% !important;}
section.canvas-grid .module .module-body .module-attribute .col-sm-4{width: 33.3333% !important;}
section.canvas-grid .module.subdialog .module-body .module-attribute .submit{padding:0 5px 0 0;}
section.canvas-grid .module .module-body .col-sm-4 .module-attribute .col-sm-4{padding:0 5px; }
section.canvas-grid .module .module-body .module-attribute .col-sm-5{width: 41.6667% !important; margin: 0 !important;}
section.canvas-grid .module .module-body .module-attribute .col-sm-6{width: 60% !important; padding:0!important;}
section.canvas-grid .module.rest .module-body .module-attribute .col-sm-6{width: 50%!important; padding: 0;}
section.canvas-grid .module .module-body .module-attribute .row.comparisons{margin: 4px 0 0; width: 100%;}
section.canvas-grid .module.language .module-body .module-attribute .row.comparisons{margin: 6px 0 0;}
section.canvas-grid .module .module-body .module-attribute .row.comparisons:first-child{margin: 0;}
section.canvas-grid .module.subdialog .module-body .module-attribute.events >.row.comparisons:first-child{margin:2px 0;}
section.canvas-grid .module .module-body .module-attribute .row.comparisons .col-sm-5{width:45% !important;}
section.canvas-grid .module.dynamodb .module-body .module-attribute .row.comparisons .col-sm-2{margin: 0 2.5%; width:15% !important;}
section.canvas-grid .module .module-body .module-attribute .row.comparisons .col-sm-5.wysiwyg-container{ padding:0 !important;}
section.canvas-grid .module .module-body .module-attribute .row.comparisons .col-sm-5.module-wysiwyg{padding:3px 4px;}
section.canvas-grid .module .module-body .module-attribute .row.comparisons .col-sm-5 .module-wysiwyg, section.canvas-grid .module .module-body .module-attribute .row.comparisons .col-sm-6 .module-wysiwyg{width:100%;}
section.canvas-grid .module .module-body .module-attribute .row.comparisons .col-sm-2{width:10% !important; padding: 0;}
section.canvas-grid .module .path-row{position: relative; float: left; width: 100%; margin: 4px 0 0;}
section.canvas-grid .module .module-footer .path-row{height: 20px; margin: 5px 0 0;}
section.canvas-grid .module .path-row:first-child{margin: 0;}
section.canvas-grid .module .path-row.yes-no{padding: 0; width: 50%; vertical-align: top; margin: 0;}
section.canvas-grid .module .path-row.yes-no .module-wysiwyg{padding-right: 4px;}
section.canvas-grid .module .module-body .module-attribute .row.comparisons .node{top: 6px;}
section.canvas-grid .module .module-body .module-attribute .row.comparisons .node.left{left: -16px;}
section.canvas-grid .module .module-body .module-attribute .row.comparisons .node.right{right: -16px;}
section.canvas-grid .module .path-row.yes-no .node-label span{margin: 6px 5px 0; display: inline-block; text-transform: capitalize;}
section.canvas-grid .module.soap .module-body .module-attribute select.col-sm-5 {width: 47.667% !important;}
section.canvas-grid .module.soap .module-body .module-attribute select.col-sm-5:first-child{margin-right: 9px !important;}
section.canvas-grid .module.soap .module-body .module-attribute select.highlight{box-shadow: 0 0 9px 3px rgba(255, 255, 255, 1);}
section.canvas-grid .module .module-body .module-attribute select{padding-top: 3px; padding-bottom: 3px; padding-left:3px; height: 26px;display:inline-block; float: none;}
section.canvas-grid .module.dynamodb .module-body .module-attribute select.function{width: 60px; padding-right: 0;}
section.canvas-grid .module.dynamodb .module-body .module-attribute .dtable{width: 100px!important;}
section.canvas-grid .module.dynamodb .module-body .module-attribute .dtable.insert{width: 183px!important;}
section.canvas-grid .module.dynamodb .module-body .module-attribute .dtable.update{width: 150px!important;}
section.canvas-grid .module.dynamodb .module-body .module-attribute .dtable .text{white-space: nowrap;overflow: hidden;display: inline-block;vertical-align:top}
section.canvas-grid .module.dynamodb .module-body .module-attribute .column-name.insert{width:150px;padding:0px 5px;height: 26px;display:inline-block; float: none;border-radius: 0;border-color: #9678D8;}
section.canvas-grid .module.dynamodb .module-body .module-attribute .form-control:focus{box-shadow: none}
section.canvas-grid .module.dynamodb .module-body .module-attribute .single-column-name{width: 138px; float:left;}
section.canvas-grid .module.dynamodb .module-body .module-attribute .var-dropdown.single-column-name input.text{width:115px;}
section.canvas-grid .module.dynamodb .module-body .module-attribute .variable-container{width:127px!important}
section.canvas-grid .module.dynamodb .module-body .module-attribute .variable-container.insert{width: 150px!important}
section.canvas-grid .module.dynamodb .module-body .module-attribute .equals{padding-left:10px!important;}
section.canvas-grid .module.dynamodb .module-body .module-attribute select.where{width: 48px; padding-right: 0;}
section.canvas-grid .module.dynamodb .module-body .module-attribute select.match{width: 46px; padding-right: 0;text-align: center;}
section.canvas-grid .module.dynamodb .module-body .module-attribute .module-att-label{margin-left: 3px; margin-right: 3px;}
section.canvas-grid .module .module-body .module-attribute select.short {width:180px;}
section.canvas-grid .module.transfer .module-body .module-attribute.row .col-sm-6{padding:0; width:50% !important;}
section.canvas-grid .module.transfer .module-body .module-attribute.row .col-sm-6 input{width: 30px; margin: 0 0 0 4px;}
section.canvas-grid .module.transfer .module-body .module-attribute.row .col-sm-6 label{margin: 2px 0 0 10px; text-align: right; line-height: 10px;}
section.canvas-grid .module.call_recording .module-body .module-attribute .btn-group{margin-left: 35px;}
section.canvas-grid .module.call_recording .module-body .module-attribute .btn.recording{padding-left:29px;width:70px;height:40px;border-color:#B9B9B9; -moz-box-shadow:inset 0 -8px 6px  -9px  #000000; -webkit-box-shadow:inset 0 -8px 6px -9px  #000000;box-shadow:inset 0 -8px 6px -9px #000000;}
section.canvas-grid .module.call_recording .module-body .module-attribute .btn.recording.btn-active{-moz-box-shadow:0 0px 10px 0px #000000 inset; -webkit-box-shadow:0 0px 10px 0px #000000 inset;box-shadow:0 0px 10px 0px #000000 inset;}
section.canvas-grid .module.call_recording .module-body .module-attribute .btn.recording:hover{background-color: #F5F5F5;}
section.canvas-grid .module.call_recording .module-body .module-attribute .btn.recording:active {background-color: #F5F5F5; -moz-box-shadow:inset 0 0 7px #585858; -webkit-box-shadow:inset 0 0 7px #585858;box-shadow:inset 0 0 7px #585858;}
section.canvas-grid .module.call_recording .module-body .module-attribute .btn.recording span{width:12px;height:12px;text-align: center;display: block;}
section.canvas-grid .module.call_recording .module-body .module-attribute .btn.recording span.start{background-color: #C72327;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
section.canvas-grid .module.call_recording .module-body .module-attribute .btn.recording span.stop{background-color: #202020;}
section.canvas-grid .module .module-footer{position: relative;}
section.canvas-grid .module .module-footer .attributes{bottom: 6px; left: 0; margin: 0; position: absolute; width: 100%; z-index:99;}
section.canvas-grid .module .module-footer.multiple-nodes{float: left; width: 100%;}
section.canvas-grid .module .node{background-color: #fff; background-clip: padding-box; border:2px solid #434343; position: absolute; height: 14px; width:14px; z-index: 99;}
section.canvas-grid .module .node.fuse-transmitter,
section.canvas-grid .module .node.fuse-receptor{cursor:initial;}
section.canvas-grid .module .node.fuse-transmitter-selected{background: #8dc63f !important;}
section.canvas-grid .module .node.fuse-transmitter-selected.error{background: #CE3645 !important;}
section.canvas-grid .module .node.connected{background: #CFE5AE;}
section.canvas-grid .module .node.connected.error{background: #E58A8A;}
section.canvas-grid .module .node.bottom{ bottom: -9px; left:108px;}
section.canvas-grid .module .node.top{top: -10px; left:108px;}
section.canvas-grid .module.rest .node.bottom, 
section.canvas-grid .module.soap .node.bottom, 
section.canvas-grid .module.subdialog .node.bottom, 
section.canvas-grid .module.custom_field .node.bottom,
section.canvas-grid .module.sms .node.bottom,
section.canvas-grid .module.module-size-large .node.bottom,
section.canvas-grid .module.rest .node.top, 
section.canvas-grid .module.soap .node.top, 
section.canvas-grid .module.subdialog .node.top, 
section.canvas-grid .module.custom_field .node.top,
section.canvas-grid .module.sms .node.top,
section.canvas-grid .module.module-size-large .node.top{left:153px;}
section.canvas-grid .module.start .node.top{left: 38px; top: -10px;}
section.canvas-grid .module.start .module-footer .node.bottom{bottom:-4px; left: 38px;}
section.canvas-grid .module .node.left{top: 0; left: -9px;}
section.canvas-grid .module .node .node-label{font-size: 10px;color:#4C4C4C;position: relative;top:-2px;width:60px;}
section.canvas-grid .module .node .node-label.nomatch, section.canvas-grid .module .node .node-label.noinput{width:50px;}
section.canvas-grid .module .var-dropdown input.text{border:none;width:104px; min-height: 18px;padding-bottom: 3px;padding-top:2px;}
section.canvas-grid .module .var-dropdown input.text:focus{outline:none;}
section.canvas-grid .module .var-dropdown {width:127px; height:26px;border:1px solid #9678D8;background-color:#FFFFFF;margin:0;vertical-align:top;padding: 3px 4px 0 4px;}
section.canvas-grid .module .var-dropdown.disabled{cursor: not-allowed;opacity:0.5;}
section.canvas-grid .module .var-dropdown.disabled .dropdown-toggle{cursor:not-allowed;}
section.canvas-grid .module .var-dropdown ul[id^="typeahead"]{height:auto;width: auto;max-height: 250px;overflow:auto;left:0!important;}
section.canvas-grid .module .var-dropdown .dropdown-menu{font-size:11px;border-radius: 0px}
section.canvas-grid .module .var-dropdown .dropdown-menu.manual{margin-top: 0!important; max-height: 300px;overflow: auto}
section.canvas-grid .module .module-footer .node.left .node-label{left: 17px;}
section.canvas-grid .module.callflow .module-footer .node.right .node-label{left:-57px;}
section.canvas-grid .module.input .module-footer .node.right .node-label{left:-50px;}
section.canvas-grid .module.data .module-footer .node.right .node-label{left:-60px;}
section.canvas-grid .module.data .module-footer .node.right .node-label.error{left:-30px;width:30px;}
section.canvas-grid .module.data .module-footer .node.right .node-label.noinput{left:-45px;width:45px;}
section.canvas-grid .module.integration .module-footer .node.right .node-label{left:-50px;}
/*integation footer? */
section.canvas-grid .module .module-footer .node.left{top: 0; left: -24px;}
section.canvas-grid .module .module-footer .node.right{top: 0; right: -24px;}
section.canvas-grid .module.transfer .module-footer .node.left,
section.canvas-grid .module.decimal .module-footer .node.left{top: -1px;}
section.canvas-grid .module.transfer .module-footer .node.right,
section.canvas-grid .module.decimal .module-footer .node.right{top: -1px;}
section.canvas-grid .module.subdialog .module-footer .node.left,
section.canvas-grid .module.record .module-footer .node.left,
section.canvas-grid .module.address .module-footer .node.left,
section.canvas-grid .module.date_time .module-footer .node.left,
section.canvas-grid .module.language .module-footer .node.left,
section.canvas-grid .module.soap .module-footer .node.left,
section.canvas-grid .module.sms .module-footer .node.left,
section.canvas-grid .module.rest .module-footer .node.left,
section.canvas-grid .module.name .module-footer .node.left{top: 1px;}
section.canvas-grid .module.subdialog .module-footer .node.right,
section.canvas-grid .module.record .module-footer .node.right,
section.canvas-grid .module.address .module-footer .node.right,
section.canvas-grid .module.date_time .module-footer .node.right,
section.canvas-grid .module.language .module-footer .node.right,
section.canvas-grid .module.soap .module-footer .node.right,
section.canvas-grid .module.rest .module-footer .node.right,
section.canvas-grid .module.name .module-footer .node.right{top: 1px;}
section.canvas-grid .module.eval_js .module-footer .node.left,
section.canvas-grid .module.custom_field .module-footer .node.left{top: 2px;}
section.canvas-grid .module.eval_js .module-footer .node.right,
section.canvas-grid .module.custom_field .module-footer .node.right{top: 2px;}
section.canvas-grid .module.multiple_choice .module-footer .node.left,
section.canvas-grid .module.email .module-footer .node.left{top: -2px;}
section.canvas-grid .module.multiple_choice .module-footer .node.right,
section.canvas-grid .module.email .module-footer .node.right{top: -2px;}
section.canvas-grid .module .node.connected .node-path{background: #cfe5ae none repeat scroll 0 0; position: absolute; z-index: 9999;}
section.canvas-grid .module .module-footer .node.connected.bottom .node-path{border-left: 1px solid #404040; border-right: 1px solid #404040; bottom: -4px; height: 4px; left: 3px; width: 4px;}
section.canvas-grid .module .module-header .node.connected.top .node-path{border-left: 1px solid #404040; border-right: 1px solid #404040; top: -4px; height: 4px; left: 3px; width: 4px;}
/*Template Center*/
.t-ng-invalid{border-color:#FF0000 !important; box-shadow: 0 0 5px rgba(255, 108, 108, 1)!important;}
.template-modal .modal-dialog{top:10vh}
#template-center #preload{height: calc(100% - 70px);width: calc(100% - 2px);}
#template-center #preload div{top: 40%;left: 36%;}
#template-center .alert.floating{width: 97.4%;left: 1.3%;top: 72px;padding-top: 2px;}
#template-center .modal-body{padding: 0;}
#template-center .modal-scrollable-div{height: 60vh;overflow-y: auto;padding: 0 15px 15px;}
#template-center .glyphicon-remove{top: 3px;text-align: right;padding: 0;}
#template-center .glyphicon-remove:hover{cursor: pointer;}
#template-center .error .message{padding: 0;}
#template-center .modal-scrollable-div .error{margin: 15px 0 5px;}
#template-center .filter-bar{border-bottom: 1px solid #E5E5E5;padding-bottom: 15px;margin: 0;padding-top: 15px;}
#template-center .btn .caret{margin-left: auto;margin-right: 0;}
#template-center .dropdown-toggle{background-color: white;border-color: #CCCCCC;}
#template-center .dropdown-toggle[disabled="disabled"]{background: #f5f5f5;border-color: #9a9a9a;color: #898b8b}
#template-center .dropdown-menu{margin-left: 15px;padding-bottom: 0;}
#template-center .dropdown-menu li{margin-bottom: 3px;}
#template-center .dropdown-menu li:last-child{margin-bottom: 0;}
#template-center .dropdown-menu>.active>a{background-color: #f5f5f5;color: black;}
#template-center .filter-bar .glyphicon{position:absolute;top: 10px;right: 10px;}
#template-center .filter-bar .glyphicon:hover{cursor: pointer;}
#show-template, #show-tags{margin: 0 15px;width: 170px;display: flex;align-items: center;text-align: left;}
#show-template .vertical-name{width: 120px;margin-right: 5px;}
#show-tags{width: 170px;text-align: left;margin-right: 0;}
#template-center .dropdown-list{max-height: 25vh;overflow-y: auto;overflow-x: hidden;}
#template-center .dropdown-list li div{width: max-content;display: flex;padding: 3px 11px;align-items: flex-start;}
#template-center .dropdown-list li input{cursor: pointer;}
#template-center .dropdown-list li label{margin-left: 8px;cursor: pointer;font-weight: normal;}
#template-center .dropdown-list li hr{width: 100%;border-top: 1px solid #dddddd;}
#template-center .dropdown-list li:last-child hr{display: none;}
#template-center .form-control{font-size: 14px;}
#template-center .form-control:focus, #template-center .dropdown-toggle:focus{box-shadow: none;border-color: #ccc;}
#template-center .vertical-wrapper{padding-top: 5px;}
#template-center .vertical-name h3{margin: 10px 0 0;}
#template-center .template-list{padding: 0 5px 10px;}
#template-center .template-list .thumbnail-wrapper{padding: 10px;display: inline-table;float: none;width: 33.3333%}
#template-center .template-list .thumbnail-content{border: 1px solid #ccc;padding: 10px;height: 201px;overflow-y: auto;}

#template-center .template-list .template-thumbnail{padding-right: 0;position: relative;height: 100px;}
#template-center .template-list .img-thumbnail{width:100px; height: 100px; background: url(../images/grid-s.png) 0 0 repeat;position:relative;border-radius:0;border:1px solid #c2c2c2; padding: 0;}
#template-center .template-list .img-thumbnail .preview{width:93px;height:93px;margin:2.5%;}
#template-center .template-list .template-thumbnail .thumbnail-caption2{background: #ddd; opacity: .92; margin: -22px 1px 15px; width: 98px; height: 17px; text-align: left;margin-bottom: 0;}
#template-center .template-list .template-thumbnail .thumbnail-caption2 .arrow{display: inline-block; width: 16px; vertical-align: top; text-align: center; padding: 3px 0; font-size: 12px; margin: -1px 0 0; height: 17px; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
#template-center .template-list .template-thumbnail .thumbnail-caption2 .arrow:hover{color: white; text-decoration: none;}
#template-center .template-list .template-thumbnail .thumbnail-caption2 .arrow.end, section.application-manager .app .app-thumbnail .thumbnail-caption2 .arrow.end:hover{cursor: not-allowed; color:#ACACAC; background: transparent;}
#template-center .template-list .template-thumbnail .thumbnail-caption2 .arrow.left{border-right: 1px solid #c2c2c2;}
#template-center .template-list .template-thumbnail .thumbnail-caption2 .arrow.right{border-left: 1px solid #c2c2c2;}
#template-center .template-list .template-thumbnail .thumbnail-caption2 .text2{width: 58px; display: inline-block; text-align: center; font-size: 10px; font-weight: bold; position: relative; bottom: 2px;}
#template-center .template-list .template-details{padding-left: 10px;}
#template-center .template-list .template-name{font-size: 16px;width: 11vw;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: 700;}
#template-center .template-list .template-description{font-size: 11px;line-height: 1.4;word-break: break-word;height: 78px;overflow-y: auto;}
#template-center .template-list .template-tag-div{display: flex;margin: 10px 0;font-size: 11px;}
#template-center .template-list .badge{background-color: #ddd;color: #4c4c4c;margin: 3px;font-size: 11px;text-transform: lowercase;}
#template-center .template-list .select-button{font-size: 13px;}
#template-center .no-template-div{background-color:#F6F6F6;width: 80%;margin: auto;border: 1px solid #DBDBDB;padding: 30px 30px 0;margin-top: 40px;}
#template-center .no-template-div h1{font-size: clamp(20px, 3.5vw, 36px);margin-top: 20px;}
#template-center .no-template-div h3{font-size: clamp(16px, 1.2vw, 24px);}
#template-center .no-template-div .no-template-text{padding-right: 0;}
@media (max-width:1788px){
	#template-center .template-list .template-name{width: 9vw;}
	#template-center .template-list .template-description{line-height: 1.2;}
}
@media (max-width:1743px){
	#template-center .template-list .thumbnail-content{height: 194px;}
	#template-center .template-list .thumbnail-wrapper{width: 50%;}
	#template-center .template-list .template-name{width: 20vw;}
	#template-center .template-list .template-description{line-height: 1.4;}
	#template-center .template-list .template-tag-div{margin: 10px 0 5px;}
}
@media (max-width:1670px){
	#template-center .template-list .template-name{width: 18vw;}

}
@media (max-width:1615px){
	#template-center .no-template-img{width: 40%}
	#template-center .no-template-text{width: 60%}
	#template-center .no-template-div h1{margin-top: 6px;}
}
@media (max-width:1379px){
	#template-center .template-list .template-name{width: 16vw;}
}
@media (max-width:1336px){
	#template-center .no-template-img{width: 55%}
	#template-center .no-template-text{width: 45%}
}
@media (max-width:1190px){
	#template-center .template-list .thumbnail-wrapper{width: 100%;}
	#template-center .template-list .template-name{width: 100%;}
	#template-center .no-template-div h1{margin-top: 0;}
	#template-center .template-list .template-description{line-height: 1.5;}
}
/*Template Save As*/
#template-save-as .modal-body{padding: 0;}
#template-save-as .modal-scrollable-div{height: 64vh;overflow-y: auto;padding: 15px;}
#template-save-as .modal-scrollable-div .row{margin: 0;}
#template-save-as .glyphicon-remove{top: 3px;text-align: right;padding: 0;}
#template-save-as .glyphicon-remove:hover{cursor: pointer;}
#template-save-as .error .message{padding: 0;}
#template-save-as .modal-scrollable-div .error{margin-bottom: 15px;}
#template-save-as .modal-scrollable-div .row .col-sm-4{padding: 0 10px 35px 0;}
#template-save-as .modal-scrollable-div .row:last-child .col-sm-4{padding-bottom: 0;}
#template-save-as .modal-scrollable-div .col-sm-7{padding: 0 40px 35px 10px;}
#template-save-as .modal-scrollable-div .row:nth-child(3) .col-sm-7{padding-bottom: 15px;}
#template-save-as .modal-scrollable-div .row:last-child .col-sm-7{padding-bottom: 0;}
#template-save-as .help-block{margin-bottom: 0;font-size: 11px;}
#template-save-as .bubble-counter.help-block{margin: 0;font-size: 11px;padding-right: 6px;}
#template-save-as .vertical-select-list-wrapper, #template-save-as .tag-select-list-wrapper{height: 19vh;overflow: auto;border: 1px solid #ccc;border-radius: 4px;}
#template-save-as .search-bar{display: flex;margin-bottom: 5px;position: relative;}
#template-save-as .search-bar .no-style{padding-left: 4px;padding-top: 5px;}
#template-save-as .search-bar .no-style svg{margin-right: 0}
#template-save-as .clear-search{top: 10px;right: 33px;position: absolute;}
#template-save-as .selected-bubbles{text-align: -webkit-right;height: 19vh;overflow-y: auto;}
#template-save-as .selected-bubble{position: relative;background-color: #ddd;color: #4c4c4c;font-size: 11px;display: table;margin: 3px 4px 0 0;}
#template-save-as .selected-bubble .no-style{font-size: 18px;height: 13px;width: 13px;background-color: white;border-radius: 50%;position: absolute;right: 3px;top: 2px;font-weight: 600;}
#template-save-as .selected-bubble .no-style div{margin-top: -2px;}
#template-save-as .bubble-name{white-space: normal;word-break: break-word;text-align: left;}
#template-save-as .checkbox{border-bottom: 1px solid #ccc;padding: 8px 8px 8px 35px;position: relative;}
#template-save-as .rename-button{position: absolute;right: 5px;top: 11px;}
#template-save-as .rename-button .glyphicon-pencil:hover{color: var(--text-accent-color);}
.ts-checkbox-no-bottom{border-bottom: 0 !important;}
#template-save-as .checkbox input[type=checkbox]{margin-left: -11px;visibility: hidden;}
#template-save-as .checkbox input[type=checkbox]:disabled+label{cursor: not-allowed}
#template-save-as .checkbox label::before{top: 2px;}
#template-save-as .checkbox label::after{top: 2px;left: -1px;font-size: 12px;}
#template-save-as .checkbox label{font-size: 14px;height: 24px;vertical-align: text-top;}
#template-save-as .checkbox-label{max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#template-save-as .tooltip{max-width: 150px; word-break: break-word;}
#template-save-as .bottom-left{top: 20px;}
#template-save-as .checkbox .help-block{display: inline-block; font-size: 12px;opacity: .65;padding-left: 4px;margin-top: 3px;}
#template-save-as .checkbox .glyphicon-pencil{font-size: 12px;margin: 2px 4px;vertical-align: top;}
#template-save-as .checkbox .rename-div{width: 70%;position: absolute;z-index: 3;top: 8px;}
#template-save-as .checkbox .rename-input{height: 26px;font-size: 14px;padding-left: 6px;border-radius: 2px;}
#template-save-as .rename-button .gray:hover{fill: var(--text-accent-color);}
.red-counter{font-weight: bold;color: red;}
#template-save-as .alert-info-wrapper{padding: 10px;}
#template-save-as .alert-info{display: flex;padding: 5px 10px;}
#template-save-as .alert-info .info-msg-wrapper{padding-left: 5px;}
#template-save-as .alert-info .info-msg-wrapper strong{word-break: break-word;}
#template-save-as .alert-info .info-msg-wrapper svg{margin: 0 2px;position: relative;top:1px;}
@media (max-width:1700px){
	#template-save-as .checkbox-label{max-width: 75%;}
}
@media (max-width:1300px){
	#template-save-as .checkbox-label{max-width: 70%;}
}
/*Template Remove*/
#template-remove .row{margin-left: 0;margin-right: 0;}
#template-remove .glyphicon-remove{top: 3px;text-align: right;padding: 0;}
#template-remove .glyphicon-remove:hover{cursor: pointer;}
#template-remove .message{padding: 0;}

/***************/

/*MODULE ICONS*/
.module-icon{display: inline-block;width:24px; height: 17px;fill: #898B8B;}
.s3 .module-icon{height:20px;margin-bottom:-3px}
.callflow.module-icon{fill: #40C0BB;}
.input.module-icon{fill: #FAA750;}
.data.module-icon{fill: #3EA3D6;}
.integration.module-icon{fill: #9678D8;}
.white.module-icon{fill: #fff;}
#hangup.module-icon.red{fill:#CE3645;}
div.modules-list ul li.category ul li:hover .callflow.module-icon{fill: #40C0BB;}
div.modules-list ul li.category ul li:hover .input.module-icon{fill: #FAA750;}
div.modules-list ul li.category ul li:hover .data.module-icon{fill: #3EA3D6;}
div.modules-list ul li.category ul li:hover .integration.module-icon{fill: #9678D8;}
.module-icon-container{padding: 5px 2px 2px 4px; display: inline-block; border-top-left-radius: 2px; height: 28px;}
.private .module-icon-container{background: #898B8B;}
.module-icon.start{fill:#8DC63F;}
/***************/

/*MODULE OPTIONS DROPDOWN*/
.module .options-dropdown{display: inline-block; position: relative;}
.module .options-dropdown .options-menu{position: absolute; z-index: 999; top: 28px; right: -5px; width: 180px; padding: 5px; background: #E7E7E8; border: 1px solid #898B8B; font-size: 12px;}
.module .options-dropdown .options-menu li{list-style: none; margin: 0; padding: 0;}
.module .options-dropdown .options-menu li label{text-transform: capitalize; font-weight: normal; font-size: 11px;}
.module .options-dropdown .options-menu li .form-input{margin: 7px 0 7px -7px; font-size: 11px;}
.module .options-dropdown .options-menu li .form-input input{height: auto; line-height: normal; padding: 4px 3px; width: 25px; display: inline-block; font-size: 11px;}
.module .options-dropdown .options-menu li .form-input label{display: inline-block; margin-left: 5px;}
.module .options-dropdown .options-menu li .radio-group{margin: 7px 0 0px 16px;}
.module .options-dropdown .options-menu li .radio-group .or{font-size:9px; margin: 2px 8px 0;display: inline-block; vertical-align: top;}
.module .options-dropdown .options-menu li .radio-group .radio.time{margin-left: 20px;}
.module .options-dropdown .options-menu .compare-type{width:62px; margin-left: 3px;}
/***************/

/*MODULE VARIABLE*/
span.variable{color: #fff; background: #595959; font-weight: bold; padding: 3px 20px 3px 3px; border-radius:3px; vertical-align: middle; margin: 0 3px; white-space: nowrap; position: relative; display: inline-block;}
.module-att-label span.variable{padding-right: 3px;}
span.variable span.variable-icon{display: inline-block; height: 14px; width: 14px; margin-right: 3px; text-align: center; vertical-align: text-top; background: #CACAD9;}
span.variable span.variable-name{display: inline-block;}
span.variable span.variable-delete{display: none; width: 13px; color: #CACAD9; position: absolute; top: 3px; right: 0;}
span.variable:hover span.variable-delete{cursor: pointer; display: inline-block;}
span.prompt-text{margin: 2px 0; display: inline-block; vertical-align: middle;min-width:1px;min-height:14px; -moz-user-select: element;}
input.variable.prompt.acronym{background-image: url(../images/editor-icons.svg#acronym_view);  background-position: 3px 2px; background-repeat: no-repeat; padding: 0px 5px 0px 18px; background-size: 10px 10px;}
input.variable.prompt.address{background-image: url(../images/editor-icons.svg#address_view); background-position: 3px 2px; background-repeat: no-repeat; padding: 0px 5px 0px 18px; background-size: 10px 10px;}
input.variable.prompt.currency{background-image: url(../images/editor-icons.svg#currency_view); background-position: 3px 2px; background-repeat: no-repeat;padding: 0px 5px 0px 18px; background-size: 10px 10px;}
input.variable.prompt.date{background-image: url(../images/editor-icons.svg#date_view); background-position: 3px 2px; background-repeat: no-repeat; padding: 0px 5px 0px 18px; background-size: 10px 10px;}
input.variable.prompt.time{background-image: url(../images/editor-icons.svg#time_view); background-position: 3px 2px; background-repeat: no-repeat; padding: 0px 5px 0px 18px; background-size: 10px 10px;}
input.variable{font-size:10px;color: #fff; background: #595959; padding: 0px 5px 0px 3px; font-weight: bold;border:none; border-radius:3px; vertical-align: middle; margin: 0 -8px 0 0; white-space: nowrap;display: inline-block;cursor:default !important;}
input.variable:focus{outline:none;}
input.variable.prompt{font-size: 10px;}
/***************/

/*MODULE ATTRIBUTE*/
button[disabled]{box-shadow: none; cursor: not-allowed; opacity: 0.65;}
.module .attr{display: inline-block; height: 18px; width: 16px; padding: 0; vertical-align: top;fill:#444444;}
/******************/

/*PAGINATION*/
.pagination{margin:5px 0 0 0;}
.pagination, .pagination li{float: none;}
.pagination{float: right;}
/*.pagination  li  a{border-radius: 3px; padding: 3px 6px; line-height: normal; border: 1px solid #FEB506; color: #855607; font-family: "aller"; background: #FEB506; margin-right: 2px;font-size:15px;}
.pagination  li  a:hover{background: #FECE5F; border-color: #FECE5F;color: #855607;}
.pagination  .active  a, .pagination  .active  span, .pagination  .active  a:hover, .pagination  .active  span:hover, .pagination .active a:visited{background: #FFE4A6; border-color: #FFE097; color: #855607;}
.pagination .disabled  span, .pagination  .disabled  a, .pagination  .disabled  a:hover, .pagination .disabled  a:focus{background: #FEB506; color: #855607; font-family: "aller";border-color:#FEB506;}

 */
.pagination  li:last-child  a, .pagination  li:last-child  span{margin-right: 0;}
.pagination  .disabled  span, .pagination  .disabled  a,  .pagination  .disabled  a:focus{opacity: .5;}
.hand{cursor: pointer;}
/***************/

/*MODALS*/
.save-alert{position: absolute; top: 85px; left:30%; width: 40%; z-index: 999999;}
.alert-info.numbers{margin-top: 20px;}
#submit:focus{border-color: #855607; box-shadow: inset 0 0 4px #855607;}
.modal-body.revisions{max-height:430px; overflow-y:scroll;}
.revision-deployments{display: block;}
.copy-modal .modal-dialog{width: 850px;position: relative;top: unset; left: unset; margin: 10% auto;}
.copy-modal .modal-dialog .modal-body .selectusers{border-top: 1px dashed #e5e5e5; padding-top: 15px;}
.copy-modal .modal-dialog .modal-body .all-users .dropdown-menu{height:200px; overflow-y: auto;}
.share-modal .modal-dialog{width: 850px;position: relative;top: unset; left: unset; margin: 10% auto;}
.share-modal .modal-dialog .dropdown-menu{width: 400px; max-height: 200px; overflow: auto;}
#request-dialog .modal-body a.email:hover{text-decoration: none;}
.twofa-modal .modal-body .text{padding-bottom: 10px}
.twofa-modal a.highlight:hover{text-decoration: none}
.twofa-modal .activated{color:#3C763D; font-weight:bold}
.update-user .modal-dialog{width:45%}
.modal-body .note{margin-top:15px;font-size:11px}
.modal-body .note .glyphicon.glyphicon-exclamation-sign{vertical-align:top;}
.modal-body .note .message{display:inline-block;width:calc(100% - 30px)}
.modal-body .form-group .scrollable{overflow-y:auto; height:150px;border:1px solid #CCCCCC;border-radius: 4px;padding:5px;}
.modal-body .refresh{display: inline-block; margin-top: 4px;}
.modal-body .form-group .control-label{font-weight: bold;}
.modal-body .form-group .controls{display:inline-block;}
.modal-body .form-group .form-control{display:inline-block;}
.modal-body .form-group input.form-control.small{width:50px;}
.modal-body .form-group select.form-control.small{width:90px;}
.modal-body .form-group input.form-control.large{width:360px;}
.modal-body .sep {margin-top: 20px;padding-top: 20px;padding-bottom: 5px;border-top: 1px dotted #999999;}
.modal-body .sep a {font-size: 14px;font-weight: bold;margin-left: 20px;}
.modal-body a:hover {cursor: pointer;}
.modal-body .form-group .controls .icon {display: inline-block;height: 16px;width: 16px;vertical-align: middle;}
.modal-body .advopts{margin: 10px 0;}
.modal-body .popover {max-width: 400px;font-size:12px;}
.modal-body .col-sm-7.languages{margin-bottom: 8px;}
.modal-body .col-sm-7.languages select.form-control{width: 80%;}
.modal-body .col-sm-7.languages a{vertical-align: middle;}
.modal-body a.add-lang{font-weight: bold; display: block; margin: 8px 0 0;}
.modal-body a.add-lang span{vertical-align: top; }
.modal-body a.add-lang svg{margin:0 5px 0 0; vertical-align: top;}
.modal-body a.delete-lang svg{vertical-align: middle;}
.modal-body .form-group .text{padding-top: 6px;}
.modal-body .var-dropdown, .modal-body .type-dropdown{width: 100%; border:1px solid #ccc;border-radius: 4px;}
.modal-body .var-dropdown input.form-control, .modal-body .type-dropdown .btn.btn-default{border:none;box-shadow: none;height:34px;text-align: left;}
.modal-body .var-dropdown input.form-control{width:calc(100% - 27px);}
.modal-body .type-dropdown .say-as{height:34px;display:inline-block;vertical-align:top;width:calc(100% - 27px);box-shadow:none;padding:6px 12px;text-transform: capitalize;}
.modal-body .type-dropdown .btn.btn-default{width: 100%;padding-right: 8px}
.modal-body .type-dropdown .btn.btn-default{background-color: #ffffff; color:#262626;}
.modal-body .type-dropdown .btn.btn-default:active{background-color: #ffffff}
.modal-body .var-dropdown button.btn.btn-caret, .modal-body .type-dropdown button.btn.btn-caret{float:right;padding:6px 8px;border-radius-top-right: 4px!important;border-radius-bottom-right: 4px!important;background-color: #F5F5F5;border-left-color:#CCC;}
.modal-body .var-dropdown button.btn.btn-caret:active, .modal-body .type-dropdown button.btn.btn-caret:active{box-shadow: none}
.modal-body .var-dropdown.btn-group.open .dropdown-toggle, .modal-body .type-dropdown.btn-group.open .dropdown-toggle{box-shadow: none}
.modal-body .var-dropdown .dropdown-menu{width: 100%;overflow-y:scroll;height:250px;top:Calc(100% - 2px);}
.modal-body .type-dropdown .dropdown-menu{width: 100%;}
.modal-body .type-dropdown .dropdown-menu > li > a{min-height: 26px;text-transform: capitalize;}
.modal-body .var-dropdown .dropdown-menu>.active>a, .modal-body .var-dropdown .dropdown-menu>.active>a:focus, .modal-body .var-dropdown .dropdown-menu>.active>a:hover,
.modal-body .type-dropdown .dropdown-menu>.active>a, .modal-body .type-dropdown .dropdown-menu>.active>a:focus, .modal-body .type-dropdown .dropdown-menu>.active>a:hover{background-color: #f5f5f5;color:#262626;}
.modal-dialog #preload{width:calc(100% - 2px); left:unset;}
#request-dialog a.inline-block{height: 34px; width: 42px;}
#request-dialog a.inline-block svg{position: relative; top: 1px; left: 0;}
.icon.pop-help{margin-left: 5px;}
.icon.pop-help .glyphicon{font-size: 16px;}
.modal-body .panel.share-app.scrolly{max-height: 500px; overflow-y: scroll;}
.modal-body .form-group .form-control.ng-dirty.ng-invalid{border-color:#FF0000 !important; box-shadow: 0 0 5px rgba(255, 108, 108, 1);}
/***************/

/* FILE UPLOAD */
#upload_csv, #certificate{float: none !important; height: 0; width: 0; margin: 0;visibility: hidden;}
#filename{border:none;font-size: 12px;font-weight: normal; width:170px;display:inline-block;height:18px;}
/***************/

/*DEPLOYMENT*/
#deployments .phone-number + .phone-number{margin-top: 5px;}
#deployments .icon-pci-wrapper{position:relative}
#deployments .icon-pci-wrapper .icon-pci{position:absolute;left:-25px}
/***************/

/*OUTBOUND*/
.outbound-refresh{font-size: 21px; margin-left: 10px; vertical-align: top !important; display: inline-block; color: #4C4C4C;}
.outbound-refresh:hover{color: #4C4C4C;}
section #outbound .tab-pane{padding: 8px 0;}
section #outbound .row{padding-top:10px;vertical-align: middle;margin:0 8px;}
section #outbound .row>div>div>div{padding:2px;}
section #outbound .date-filter{background-color:#DDDDDD;padding:10px;}
section #outbound .date-filter div{padding:0 5px;}
section #outbound .date-filter .text{padding-top:5px;}
section #outbound .search-filter {padding-right: 0px;padding-top: 10px;}
section #outbound .search-filter>div,section #outbound .search-filter>div>div{padding-right: 0px;}
section #outbound .search-filter select{margin-left:10px;margin-right: 10px;width:80px;}
section #outbound .search-filter .label-text{padding-top:6px;display:inline-block;}
section #outbound .search{border-radius: 3px; width: 100%; border:1px solid #ccc;padding:0!important;}
section #outbound .search input{border: none; background: #fff; width:calc(100% - 26px) !important; font-size: 14px;padding-right: 1px; display: inline-block;box-shadow: none}
section #outbound .search input:focus{box-shadow: none}
section #outbound .search input.full{width:100%!important; padding-right:6px;}
section #outbound .search span.cancel{top: 3px; padding-right: 8px; color:#C4C4C4; cursor: pointer}
section #outbound .nav-tabs {padding-left:0px;border-bottom: 1px solid #999999;}
section #outbound .nav-tabs>li{margin-left: 0px;}
section #outbound .tab-pane{border-left:1px solid #999999; border-right:1px solid #999999;border-bottom:1px solid #999999;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
section #outbound .table{margin-bottom: 0px;}
section #outbound .buttons{padding-top:4px;}
section #outbound .alert.alert-outbound{border-color: #9D9D9D; background: #DDDDDD; color: #2C2C2C;padding:8px 35px 8px 14px}
section #outbound .inline label{font-weight: bold;margin-right: 5px;}
section #outbound .inline label.last {margin-left: 8px;}
section #outbound .inline input {margin-right: 0; width: 114px;}
section #outbound .inline label, section #outbound .inline input{display: inline-block; margin: 0;}
section #outbound .inline * {vertical-align: middle;}
section #outbound .ng-valid-time, section #outbound .ng-invalid-time{display:inline-block; margin-top:0px;}
section #outbound .alert-info .badge{margin-right: 5px;}
section #outbound table td a.btn-link{padding:0px;}
section #outbound .date-filter.completed .btn.btn-primary{margin:0 0 0 10px;}
section #outbound .search-filter .col-sm-6.itemnumber{padding-left: 0px;}
section #outbound #daterange{width:360px;background-color:#fff;}
section #outbound .completed table#outbound-datatable td.actions .glyphicon-info-sign{cursor: pointer;}
#outbound-page #queue-timeout, #outbound-page #queue-cancel {padding: 1rem 0; margin-bottom: 1rem; text-align:right;}
#outbound-page #queue-timeout .countdown{color: var(--text-accent-color);}
#outbound-page #queue-timeout .countdown-note{font-size: 10px;font-style: italic;}
#outbound-page #queue-cancel .cancel-campaign{color: #31708f; text-decoration: underline;}
#outbound-page .alert.floating.alert-warning{top:45px;}
/*Outbound modals*/
.modal-body #outbound .row+.row{margin-top: 5px;}
.modal-dialog .call-details .result{text-transform: capitalize;}
.modal-dialog .call-details .failed{color:#AE0707;}
.modal-dialog .call-details .completed{color:#3C763D;}
.modal-dialog .call-details .rejected{color:#856404;}
.modal-dialog .call-details .canceled{color:#777;}
.modal-dialog .call-details .badge{margin-left: 10px;margin-right: 10px;}
.modal-dialog .inmodal-alert{position: absolute;border: 1px solid #cdcdcd;border-radius:4px;background-color: white;box-shadow: 0 5px 15px rgba(0,0,0,.3);left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 100;padding: 20px;width: 80%;}
.modal-dialog .inmodal-alert .button-row{margin-top:15px;}
@media (max-width:1287px){
	.queue-calls .controls .form-control{width:250px!important;}
	.queue-calls .controls .picker{background: #fff url("../images/all-icons.svg#calendar") 220px  center no-repeat;background-size: 20px 20px;}

}
/***************/

/*DEPLOYMENTS and DEPLOYMENT MODALS*/
.modal-body.deployments {max-height: 70vh;overflow-y: scroll;}
#deployments .deployment-label{font-style:italic;font-size:12px}
.deployment-modal .modal-dialog.modal-lg{width:80%;left:10%;top:10%;}
.modal-body.deployments .icon-pci-wrapper{position:relative}
.modal-body.deployments .icon-pci-wrapper .icon-pci{display: inline-block;vertical-align: bottom}
.modal-body.deployments .text{font-size: 12px; padding-top: 12px;}
.modal-body.deployments .deployed-to{display:inline; font-size: 11px;font-weight: normal;font-style: italic;}
.modal-body.deployments .phone-number + .deployed-to{padding-left:28px;}
.modal-body.deployments .menuitem{border:1px solid #ffffff;border-radius: 4px;padding:4px;width:100%;}
.modal-body.deployments .menuitem + .menuitem{margin-top: 3px;}
.modal-body.deployments .menuitem.checked, .modal-body.deployments .menuitem:hover{border-color:#cdcdcd;background-color: #f5f5f5;}
.modal-body.deployments input[type="checkbox"]{margin: 0; vertical-align: middle;}
.modal-body.deployments .note{margin-top:15px;font-size:11px}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
  margin-bottom: 0px;
  margin-top:5px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 30px;
}

.slider.round:before {
  border-radius: 50%;
}
.modal-body.deployments .form-group.set-vars .scrollable{height:auto;max-height:300px;padding:0;}
.modal-body.deployments .set-vars table{margin-bottom: 5px}
.modal-body.deployments .set-vars table thead th{background-color: #8D8D8D;color:#FFF; /*position: sticky; top: 0;z-index:2;*/}
.modal-body.deployments .set-vars table thead th a,
.modal-body.deployments .set-vars table thead th a:hover{color:#fff; text-decoration: none}
.modal-body.deployments .set-vars table tbody tr td{border-top: 1px solid #ddd; vertical-align: top !important;}
.modal-body.deployments .set-vars .alert{margin-bottom: 0px}
.modal-body.deployments .set-vars .btn-add-variable.disabled{color:#DDDDDD; cursor: no-drop}
.modal-body.deployments .module-wysiwyg .add-var{border: none; background: none; padding: 0; position: absolute; bottom: 2px; right: -3px; z-index: 9; height: 14px;}
.modal-body.deployments .module-wysiwyg.header .add-var{bottom:2px!important;}
.modal-body.deployments .module-wysiwyg{background-color:#fff; border:1px solid #cdcdcd; border-radius:4px; padding:3px; line-height: 15px;cursor:text;overflow-y:auto;overflow-x:hidden; font-size: 10px; height: 34px;}
.modal-body.deployments .wysiwyg-container{position:relative;}
.modal-body.deployments .module-wysiwyg span, .modal-body.deployments .module-wysiwyg div{hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;overflow-wrap: break-word;}
.modal-body.deployments .module-wysiwyg span{max-width:100%;}
.modal-body.deployments .module-wysiwyg .vars{display:block;min-height:30px;min-width:1px; }
.modal-body.deployments .module-wysiwyg .single-line{min-height: 18px;width:100%;border:none;padding:0;padding-right: 6px;margin:0;}
.modal-body.deployments .module-wysiwyg .single-line:focus{outline:none;}
.modal-body.deployments .module-wysiwyg .vars:active, .modal-body.deployments .module-wysiwyg .vars:focus{outline: none;}
.modal-body.deployments .table .wysiwyg-container{display: inline-block;width:300px;}
.modal-body.deployments .table .wysiwyg-container.deployment-vars{display: inline-block;width:100%;}
.modal-body.deployments .panel-default, .modal-body.deployments .panel .table{border-color: #ccc; margin-bottom: 0;}
.modal-body.deployments .table .variable-values{font-size: 10px; border: 1px dotted #ccc; padding: 3px; height: 34px; overflow-y: auto; border-radius: 3px; background: #f5f5f5;}
.modal-body.deployments .table .remove-variable{vertical-align: middle !important;}
.modal-body.deployments .table .remove-variable a:hover{color:#4C4C4C;}
.modal-body.deployments .variable-values span.variable{padding:3px 4px 1px 4px !important;font-family:monospace;font-weight:normal; margin: 0; font-size: 10px;}
.modal-body.deployments .add-variable{position:absolute; top:50px; height:220px; left:5%; width:90%;border: 1px solid #CCCCCC; box-shadow: 0 0 11px rgb(0 0 0 / 50%);background-color:#FFF;z-index: 100;}
.modal-body.deployments .add-variable .title{height: 40px; background-color: #EFEFEF;}
.modal-body.deployments .add-variable .title h4{margin-top: 0px;line-height: 40px;border-bottom: 1px solid #CCCCCC;padding-left: 10px;}
.modal-body.deployments .add-variable .var-row{padding-top: 35px}
.modal-body.deployments .add-variable .var-dropdown input{display: inline-block;}
.modal-body.deployments .add-variable .footer{margin-bottom: 20px;text-align: right;position: absolute;bottom: 0;width: 100%; border-top: 1px solid #CCCCCC;margin-left: 0px;padding-top: 20px;}
.modal-body.deployments .add-variable .footer .btn-cancel{font-size: 16px;font-weight: bold;text-decoration: underline;margin-right: 15px;}
.modal-body.deployments .add-variable .footer .btn-add{font-size: 16px;font-weight: bold;margin-right: 20px;}
/***************/

/*AUDIO MANAGER */
section.audio-manager .btns{padding-bottom:10px;}
section.audio-manager .inputfile {width: 0.1px;height: 0.1px; opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
section.audio-manager .popover-content{font-size:11px;padding:5px;}
section.audio-manager .table .en-translation{font-size: 11px;}
section.audio-manager .table input{background-color: #fff;border:1px solid #EAEAEA;outline:none;border-radius: 4px;padding:6px;}
section.audio-manager .table td.audio-actions a, section.audio-manager .table td.audio-actions label{display: inline-block;margin: 2px 3px 0;}
section.audio-manager .table td.audio-actions svg{margin: 0;}
section.audio-manager .table td.audio-actions .icon{cursor:pointer;}
section.audio-manager .table td .upload-prompt{cursor: pointer;}
section.audio-manager  .alert .message{width: 90%; display: inline-block; padding: 0 4px;}
section.audio-manager  .alert .glyphicon.glyphicon-exclamation-sign{vertical-align: top;}
section.audio-manager  .alert .glyphicon.glyphicon-remove{cursor: pointer;}
/***************/

/* APP SETTINGS */
.app-settings .panel{border:none; border-radius:0; box-shadow: none; color: #666666;}
.app-settings .panel.nomargin{margin: 0;}
.app-settings .panel-default > .panel-heading{border-radius: 0; margin: 0; border: none;}
.app-settings .panel-default > .panel-body{border:1px solid #DBDBDB; border-top: none; background: #F6F6F6; padding: 25px;}
.app-settings .panel-default > .panel-body table{border: 1px solid #DEDEDE;}
.app-settings .panel-default > .panel-body table, .app-settings .panel-default > .panel-body table tr{border-radius: 0 !important;}
.app-settings .panel-default > .panel-body table thead th{background: #8D8D8D; color:#fff; border-radius:0;}
.app-settings .panel-default > .panel-body table tbody td, .app-settings .panel-default > .panel-body table tbody th{border-radius: 0; border-bottom: 1px solid #DBDBDB;}
.app-settings .panel-default > .panel-body table tbody tr:last-child td{border:none;}
.app-settings .panel-default > .panel-body table tfoot th, .app-settings .panel-default > .panel-body table tfoot td{border-top: 1px solid #DBDBDB;}
.app-settings .panel-default > .panel-body span.audio-name{display: inline-block; margin-top: 7px; width: 420px; overflow: hidden;}
.app-settings .panel-default > .panel-body span.no-audio{display: inline-block; margin-top:7px; vertical-align: top; margin-right: 8px;}
.app-settings .panel-default > .panel-body input[type='file']{margin-top:4px; vertical-align: top; font-size: 12px; width: 360px; overflow: hidden;}
.app-settings .panel-default > .panel-body button.btn.btn-info{font-size: 10px; border-radius: 20px; padding: 2px 4px; margin-top: 6px; float: right;}
.app-settings .panel-default > .panel-body .col-sm-4.control-label.transfer-audio{width: 19%;}
.app-settings .panel-default > .panel-body .input-timeouts:first-child{margin-bottom:30px;}

.app-settings .module-wysiwyg .add-var{border: none; background: none; padding: 0; position: absolute; bottom: 9px; right: -3px; z-index: 9; height: 14px;}
.app-settings .module-wysiwyg.header .add-var{bottom:2px!important;}
.app-settings .module-wysiwyg{background-color:#fff; border:1px solid #cdcdcd; border-radius:4px; padding: 6px 20px 6px 12px; line-height: 15px;cursor:text;overflow-y:auto;overflow-x:hidden}
.app-settings .wysiwyg-container{position:relative;}
.app-settings .module-wysiwyg span, .app-settings .module-wysiwyg div{hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;overflow-wrap: break-word;}
.app-settings .module-wysiwyg span{max-width:100%;}
.app-settings .module-wysiwyg .vars{display:block;min-height:30px;min-width:1px; }
.app-settings .module-wysiwyg .single-line{min-height: 18px;width:100%;border:none;padding:0;margin:0;}
.app-settings .module-wysiwyg .single-line:focus{outline:none;}
.app-settings .module-wysiwyg .vars:active, .app-settings .module-wysiwyg .vars:focus{outline: none;}
.app-settings .table .wysiwyg-container{display: inline-block;width:300px;}

.app-settings .form-group.form-group-inner{margin-left: 0; margin-right: 0;}
.app-settings .form-group .error{color:#a94442}
.app-settings input[type="checkbox"]{width:15px;margin-left:20px;vertical-align: middle;}
.app-settings .text{padding-top: 7px;display: block;}
.app-settings .remove-param{display: inline-block; vertical-align: top; margin-top: 7px;}
.app-settings [contenteditable], [contenteditable] * { -webkit-user-select: text;-moz-user-select: element; user-select: text;}
.app-settings input[type="file"]{display: inline-block;}
.app-settings button.btn{padding: 4px 6px 2px; font-size: 12px; vertical-align: top;}
.app-settings input[type='number'].sm{width:35px; display: inline-block; padding-left: 5px; padding-right: 5px; text-align: center;}
.app-settings input[type='number'].md{width:40px; display: inline-block; padding-left: 5px; padding-right: 5px; text-align: center;}
.app-settings span.seconds{font-size: 10px;}
.panel-subheading{float: left; width: 100%; background: #8D8D8D; color:#fff;}
.table .panel-subheading{float: none;}
.panel-subheading.subtitle{ padding: 10px; text-align: center; }
.panel-subtitle{font-size: 14px; line-height: normal; font-weight: bold; margin: 8px 0; padding: 0;}
.clearfix{clear:both;}
.table.error-handling tbody td input{display: inline-block; width:90%; margin-right: 10px;}
.table.error-handling tfoot td input.form-control.inline-block{display: inline-block; width:200px;}
.table.error-handling.libraries{margin: 0;}
.table.error-handling.libraries tbody td{background: #fff;}
.table.error-handling.libraries tbody .form-control.inline-block{width: 93%; margin-right: 8px;}
.modal.library .modal-dialog{width:900px;left:calc(50% - 450px);}
.modal.library .modal-dialog .nomargin{margin: 0;}
.modal.library .modal-dialog .nomargin label{margin: 0; padding-left: 0;}
.modal.library .modal-dialog label.name{margin: 0; padding:7px 15px 0;}
.ace_editor{height: 400px; margin: 10px 15px; border: 1px solid #CCCCCC;}
.ace-tm .ace_print-margin{display: none;}
select.inline-block{display: inline-block; width: 200px;}
.shortcuts select.inline-block{width: 83%; display: inline-block;}
.shortcuts select.dtmf{padding-left: 6px; padding-right: 4px;}
.postcall input, .postcall select{display:inline-block; width: 200px;}
.postcall input.url{width:770px;}

.modal-body.share .badge-warning{background-color:#8a6d3b;}
.modal-body.share .badge-danger{background-color:#A94442;}
.modal-body.share .alert-warning a.glyphicon-remove, .share-report .alert-warning a.glyphicon-remove:hover{text-decoration: none;color:#8a6d3b;}
.modal-body.share .alert-danger a.glyphicon-remove, .share-report .alert-danger a.glyphicon-remove:hover{text-decoration: none;color:#A94442;}
.modal-body.share .add-email, .modal-body.copy .add-email{margin-top:7px;}
.modal-body.share .unshare-alert{position:absolute; top:-20px; height:250px; left:5%; width:90%;border: 1px solid #CCCCCC; box-shadow: 0 0 11px rgb(0 0 0 / 50%);background-color:#FFF;}
.modal-body.share .unshare-alert .title{height: 40px; background-color: #EFEFEF;}
.modal-body.share .unshare-alert .title h4{margin-top: 0px;line-height: 40px;border-bottom: 1px solid #CCCCCC;padding-left: 10px;}
.modal-body.share .unshare-alert .message-wrapper{border-bottom:1px solid #CCCCCC;height: 154px;padding: 50px 20px;font-size: 15px;}
.modal-body.share .unshare-alert .footer{margin-top: 10px;margin-bottom: 15px;text-align: right;position: absolute;bottom: 0;right:0;width: 100%;}
.modal-body.share .unshare-alert .footer .btn-cancel{font-size: 16px;font-weight: bold;text-decoration: underline;margin-right: 15px;}
.modal-body.share .unshare-alert .footer .btn-update{font-size: 16px;font-weight: bold;margin-right: 20px;}
/*.modal-footer.share input[disabled="disabled"]{background-color:#fed880!important;color:#595959!important;}*/
/***************/

/*reports*/
#reports #daterange{width:190px; padding-right:6px;}
#reports #daterange.form-control.disabled{cursor: not-allowed; opacity:0.75;}
#reports #phone-number[disabled]{opacity: 0.75}
#reports .page-subheader .phone-number{width:165px;background-color:#FFF;border-radius: 4px;color:#555;height:34px;border: 1px solid #ccc;box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);}
#reports .page-subheader .phone-number button{width:100%;background-color:#FFF;text-align:left;font-size:12px;padding:7px 5px 5px 12px;}
#reports .page-subheader .phone-number button:active,
#reports .page-subheader .phone-number button:focus,
#reports .page-subheader .phone-number button:visited,
#reports .page-subheader .phone-number.btn-group.open button.dropdown-toggle{box-shadow: none!important;}
#reports .page-subheader .phone-number button .text{display: inline-block; width: calc(100% - 15px); overflow: hidden; float: left;}
#reports .page-subheader .phone-number button .caret{float: right; margin-top: 6px;}
#reports .page-subheader .phone-number .dropdown-menu{max-height: 400px;overflow-y: auto;right:-1px;left:unset;}
#reports .page-subheader .phone-number li.title a{padding: 3px 7px;font-weight: bold;}
.page-header h1 span.help{cursor: pointer;font-size: 19px;}
.page-header h1 span.name{display: inline-block; overflow: hidden; vertical-align: middle; max-width: 480px; height: 40px;}
.report-message{color: #4d4d4d; padding-bottom: 10px;}
.report-message h3{margin: 20px 0;}
.report-message h3.large-text{font-size: 26px; font-weight: bold; margin: 40px 0 30px}
.report-message h3.large-text svg{width: 25px; height: 25px; vertical-align: top; margin-right: 5px;}
.report-message p{font-size: 16px; margin-bottom: 20px;}
.report-message p.large-text{font-size: 20px; margin-bottom: 30px;}
.report-todos{margin: 40px 0 20px; padding: 0; list-style: none; text-align: center;}
.report-todos li{display: inline-block; border:1px solid #BFBFBF; margin: 0 8px; width:260px;padding:40px 30px; vertical-align: top; height: 210px; font-size: 16px;}
.report-todos li span{font-size: 64px; display: block; color: #BFBFBF; margin-bottom: 20px;}
.report-message .got-it{margin: 40px 0 20px;}
.report-message .got-it button{padding: 12px 25px;}
.report-message .no-more .checkbox label{font-size: 12px;}
.report-alerts .alert{margin-top: 20px;}
.report-heading .disabled{cursor: not-allowed;}
.report-error-msg .content-wrapper{background-color:#F6F6F6;border:1px solid #E0E0E0; margin-top:40px;}
.report-error-msg .img-wrapper img{padding: 20px 0 0}
.report-error-msg .texts{position:absolute;height:100%;right:0;display:table;}
.report-error-msg .texts .text-wrapper{display:table-cell;vertical-align:middle;padding: 0 10px 0 0}
.report-error-msg .texts .title{font-size:30px}
.report-error-msg .texts .subtitle{font-size:24px;padding:10px 0}
.report-error-msg .texts .paragraph{font-size:18px;}
@media (max-width:1199px){
	.report-error-msg .texts .title{font-size:24px}
	.report-error-msg .texts .subtitle{font-size:18px;padding:10px 0}
	.report-error-msg .texts .paragraph{font-size:16px;}
}
.ng-app-reporting select.phone-number{width:165px;}
.content-container{border: 1px solid #CCCCCC; margin: 20px 0;}
.mini-charts a{text-align: center; text-decoration: none;  margin: 0 20px 20px 0; padding: 10px 0; display: block; width: 212px;}
.mini-charts a:last-child{margin-right: 0;}
.table-data table tfoot tr th, .table-data table tfoot tr td{background: #fff; color: #333; border-radius: 0 !important; border:1px solid #333; border-top: 2px solid #333333 !important; font-size: 16px; font-weight: bold;}
.table-data table{border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.table-data table tr.lastrow td{height:2px; border-top: 1px solid #333 !important; padding: 0 !important;}
.add-numbers{display: inline-block; padding: 1px 5px; border: 1px solid transparent;}
.add-numbers:hover{cursor: pointer;}
.add-numbers.active{background: #fff; border:1px solid #CCCCCC; border-bottom-color: #fff; position: relative; z-index: 1001;}
.shared-numbers{background: #fff; border: 1px solid #CCCCCC; z-index: 999; width: 100%; overflow-y: auto; max-height:175px;border-top:none;border-radius: 0 0 4px 4px;}
.shared-numbers::-webkit-scrollbar {
	width: 1em;border-bottom-right-radius: 4px;
}
.shared-numbers::-webkit-scrollbar-track {background-color:#efefef;border-bottom-right-radius: 4px;
}
.shared-numbers::-webkit-scrollbar-thumb {
	background-color: #CCCCCC;
}
.shared-numbers ul{margin: 0; padding:0; list-style: none;}
.shared-numbers ul li{padding: 10px; border-bottom:1px solid #CCCCCC;}
.shared-numbers ul li.select-all{background-color: #EFEFEF;border-bottom:1px solid #CCCCCC!important;}
.shared-numbers ul li:last-child{border-bottom:none;}
.shared-numbers ul label{margin: 0; font-weight: normal;}
.shared-numbers ul label input{margin: 0; vertical-align: middle;}
.shared-numbers-list{font-size: 12px;}
.shared-numbers-wrapper{display: inline-block;}
.chart-info h2{font-size: 20px;}
.share-report .share-app table .badge-primary:hover{color:#FFF;}
.share-report .badge-warning{background-color:#8a6d3b;}
.share-report .badge-danger{background-color:#A94442;}
.share-report .alert-warning a.glyphicon-remove, .share-report .alert-warning a.glyphicon-remove:hover{text-decoration: none;color:#8a6d3b;}
.share-report .alert-danger a.glyphicon-remove, .share-report .alert-danger a.glyphicon-remove:hover{text-decoration: none;color:#A94442;}
.share-report .add-email{margin-top:7px;}
.share-report .icon-check{margin-top:7px;}
.share-report .search-number-wrapper{border:1px solid #cccccc;border-radius: 4px 4px 0 0;}
.share-report .search-number-wrapper .search-number{width:calc(100% - 38px);display:inline-block;border:none;}
.share-report .search-number-wrapper .icon-search-number{width:38px;height:34px;background-color:#EFEFEF;float:right; display:inline-block; border-radius: 0 4px 0 0;}
.share-report .add-user{margin-top:15px;}
.share-report .add-user .text{vertical-align:top;font-weight:bold;}
.share-report .icon-edit{vertical-align:text-top;}
.share-report .edit-shared-reports{position:absolute;background-color:#FFFFFF;left:125px;top:-40px;width:600px;border:1px solid #CCCCCC;box-shadow:0 0 11px rgba(0, 0, 0, 0.5);}
.share-report .edit-shared-reports .title{height:40px;background-color:#EFEFEF;}
.share-report .edit-shared-reports .title h4{margin-top:0px;line-height:40px;border-bottom:1px solid #CCCCCC;padding-left:10px;}
.share-report .edit-shared-reports .edit-report-set-numbers{margin:10px;}
.share-report .edit-shared-reports .search-number{width:calc(100% - 38px);display:inline-block;border:none}
.share-report .edit-shared-reports li.number{width: 50%;display: inline-block}
.share-report .edit-shared-reports li:nth-child(even){border-right:1px solid #CCCCCC;}
.share-report .edit-shared-reports li:nth-last-child(2) {border-bottom: none;}
.share-report .edit-shared-reports .footer{margin-top:10px;margin-bottom:15px;text-align:right;}
.share-report .edit-shared-reports .footer .btn-cancel{font-size:16px;font-weight:bold;text-decoration:underline;margin-right:15px;}
.share-report .edit-shared-reports .footer .btn-update{font-size:16px;font-weight:bold;margin-right:20px;}
.share-report input.search-number:focus{box-shadow: none;}

/***************/

iframe{border: medium none; margin: 0; outline: medium none;}

/********** Datepicker **********/
.daterangepicker.single .calendar,.daterangepicker.single .ranges,.ranges{float:none}
.daterangepicker{position:absolute;color:inherit;background:#fff;border-radius:4px;width:278px;padding:4px;margin-top:1px;top:100px;left:20px}
.daterangepicker:after,.daterangepicker:before{position:absolute;display:inline-block;content:''}
.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}
.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}
.daterangepicker.opensleft:before{right:9px}.daterangepicker.opensleft:after{right:10px}
.daterangepicker.openscenter:after,.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}
.daterangepicker.opensright:before{left:9px}.daterangepicker.opensright:after{left:10px}
.daterangepicker.dropup{margin-top:-5px}
.daterangepicker.dropup:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}
.daterangepicker.dropup:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}
.daterangepicker.dropdown-menu{max-width:none;z-index:3001}
.daterangepicker.show-calendar .calendar{display:block}
.daterangepicker .calendar{display:none;max-width:270px;margin:4px}
.daterangepicker .calendar.single .calendar-table{border:none}
.daterangepicker .calendar td,.daterangepicker .calendar th{white-space:nowrap;text-align:center;min-width:32px}
.daterangepicker .calendar-table{border:1px solid #fff;padding:4px;border-radius:4px;background:#fff}
.daterangepicker table{width:100%;margin:0}
.daterangepicker td,.daterangepicker th{text-align:center;width:20px;height:20px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer}
.daterangepicker td.available:hover,.daterangepicker th.available:hover{background:#eee}
.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}
.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{background-color:#fff;border-color:transparent;color:#999}
.daterangepicker td.in-range{border-color:transparent;color:#000;border-radius:0}
.daterangepicker th.month{width:auto}
.daterangepicker option.disabled,.daterangepicker td.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}
.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}
.daterangepicker select.monthselect{margin-right:2%;width:56%}
.daterangepicker select.yearselect{width:40%}
.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{width:50px;margin-bottom:0}
.daterangepicker .input-mini{border:1px solid #ccc;border-radius:4px;color:#555;height:30px;line-height:30px;display:block;vertical-align:middle;margin:0 0 5px;padding:0 6px 0 28px;width:100%}
.daterangepicker .input-mini.active{border:1px solid #08c;border-radius:4px}.daterangepicker .daterangepicker_input{position:relative}
.daterangepicker .daterangepicker_input i{position:absolute;left:8px;top:8px}.daterangepicker .calendar-time{text-align:center;margin:5px auto;line-height:30px;position:relative;}
.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.ranges{font-size:11px;margin:4px;text-align:left}.ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}
.ranges li{font-size:13px;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:4px;color:#08c;padding:3px 12px;margin-bottom:8px;cursor:pointer}
.ranges li.active,.ranges li:hover{background:#08c;border:1px solid #08c;color:#fff}

@media (min-width:564px){.daterangepicker .calendar,.daterangepicker .ranges,.daterangepicker.single .calendar,.daterangepicker.single .ranges{float:left}
	.daterangepicker{width:auto}.daterangepicker .ranges ul{width:160px}.daterangepicker.single .ranges ul{width:100%}
	.daterangepicker.single .calendar.left{clear:none}.daterangepicker .calendar.left{clear:left;margin-right:0}
	.daterangepicker .calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}
	.daterangepicker .calendar.right{margin-left:0}.daterangepicker .calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}
	.daterangepicker .calendar.left .calendar-table,.daterangepicker .left .daterangepicker_input{padding-right:12px}}

@media (min-width:730px){.daterangepicker .ranges{width:auto;float:left}.daterangepicker .calendar.left{clear:none}}

.picker{background: #fff url("../images/all-icons.svg#calendar") 330px  center no-repeat; background-size: 20px 20px;}
.daterangepicker.dropdown-menu{border-color: #CCCCCC;}
.daterangepicker.dropdown-menu {max-width: none; z-index: 3000;}
.daterangepicker .input-mini{width:97%;}
.daterangepicker_start_input, .daterangepicker_end_input{float:left; width:49%}
.daterangepicker_end_input{margin-left: 2px;}
.daterangepicker td, .daterangepicker th{padding: 3px 2px; font-size: 12px; padding: 0; line-height: normal;}
.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {float: left;margin: 4px;}
.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar,
.daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar {float: right;margin: 4px;}
.daterangepicker.single .ranges, .daterangepicker.single .calendar {float: left;}
.daterangepicker.single .ranges{margin: 189px 4px 0px;}
.daterangepicker .ranges {width: 160px;text-align: center;}
.daterangepicker .calendar {display: none;max-width: 270px;}
.daterangepicker.show-calendar .calendar {display: block;}
.daterangepicker .calendar.single .calendar-date {border: none;}
.daterangepicker .calendar th, .daterangepicker .calendar td {  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  white-space: nowrap;  text-align: center;  min-width: 29px;}
.daterangepicker .daterangepicker_start_input label,.daterangepicker .daterangepicker_end_input label {display: none;color: #333;font-size: 12px;font-weight: bold;margin-bottom: 2px;text-shadow: #fff 1px 1px 0px;text-transform: uppercase;text-align: left;}
.daterangepicker .applyBtn{padding:4px 20px; margin: 0 4px 0 0; font-weight: bold; text-shadow: none;border-color:transparent; float: right;}
.daterangepicker .applyBtn:hover{border-color:transparent;}
.daterangepicker .cancelBtn{margin:0; padding:4px 12px;}
.daterangepicker .cancelBtn:hover{text-decoration: none;}
.daterangepicker .ranges .input-mini {border: 1px solid #ccc;border-radius: 4px;color: #555;display: block; height: 30px;line-height: 30px;vertical-align: middle;padding: 0 6px; font-size: 12px;}
.daterangepicker .ranges ul {list-style: none;margin: 0;padding: 0;}
.daterangepicker .ranges li {font-size: 12px;background: #f5f5f5;border: 1px solid #DADAD9;color: #4c4c4c;padding: 4px 12px;margin-bottom: 7px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor: pointer;line-height: normal;}
.daterangepicker .calendar-date {border: 1px solid #ddd;padding: 4px;border-radius: 4px;background: #fff;}
.daterangepicker .calendar-time {text-align: center;margin: 0 auto 0 auto;line-height: 30px;}
.daterangepicker {position: absolute;background: #fff;top: 100px;left: 20px;padding: 4px;margin-top: 1px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.daterangepicker.opensleft:before {position: absolute;top: -7px;right: 9px;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-left: 7px solid transparent;border-bottom-color: rgba(0, 0, 0, 0.2);content: '';}
.daterangepicker.opensleft:after {position: absolute;top: -6px;right: 10px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #fff;border-left: 6px solid transparent;content: '';}
.daterangepicker.openscenter:before {position: absolute;top: -7px;left: 0;right: 0;width: 0;margin-left: auto;margin-right: auto;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-left: 7px solid transparent;border-bottom-color: rgba(0, 0, 0, 0.2);content: '';}
.daterangepicker.openscenter:after {position: absolute;top: -6px;left: 0;right: 0;width: 0;margin-left: auto;margin-right: auto;display: inline-block;border-right: 6px solid transparent;border-bottom:6px solid #fff;border-left: 6px solid transparent;content: '';}
.daterangepicker.opensright:before {position: absolute;top: -7px;left: 9px;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-left: 7px solid transparent;border-bottom-color: rgba(0, 0, 0, 0.2);content: '';}
.daterangepicker.opensright:after {position: absolute;top: -6px;left: 10px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #fff;border-left: 6px solid transparent;content: '';}
.daterangepicker.dropup{margin-top: -5px;}
.daterangepicker.dropup:before{top: initial;bottom:-7px;border-bottom: initial;border-top: 7px solid #ccc;}
.daterangepicker.dropup:after{top: initial;bottom:-6px;border-bottom: initial;border-top: 6px solid #fff;}
.daterangepicker table {width: 100%;margin: 0; border-collapse: separate;}
.daterangepicker td, .daterangepicker th {text-align: center;width: 20px;height: 20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;white-space: nowrap;}
.daterangepicker td.off {color: #999;}
.daterangepicker td.disabled, .daterangepicker option.disabled {color: #999;}
.daterangepicker td.available:hover, .daterangepicker td.available.today, .daterangepicker th.available:hover {background: #DADAD9;}
.daterangepicker td.in-range {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.daterangepicker td.start-date {-webkit-border-radius: 4px 0 0 4px;-moz-border-radius: 4px 0 0 4px;border-radius: 4px 0 0 4px;}
.daterangepicker td.end-date {-webkit-border-radius: 0 4px 4px 0;-moz-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0;}
.daterangepicker td.start-date.end-date {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.daterangepicker td.week, .daterangepicker th.week {font-size: 80%;color: #ccc;}
.daterangepicker select{border:1px solid #ccc;}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {font-size: 12px;padding: 1px;height: auto;margin: 0;cursor: default;}
.daterangepicker select.monthselect {margin-right: 2%;width: 56%;}
.daterangepicker select.yearselect {width: 40%;}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {width: 50px;margin-bottom: 0; height: auto; font-size: 12px; padding: 1px;}
.daterangepicker th.month {width: auto;}
/********************************/

/* tutorials*/
.tutorial{background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); width: 290px; position: absolute; text-align: left; white-space: normal; z-index: 9999;}

#apps-step_1.tutorial{top:-104px; right: 205px;}
#apps-step_2.tutorial{left:255px; top: -54px;}
#apps-step_3.tutorial{right:50px; top: -64px;}
#apps-step_4.tutorial{right:278px; top: -45px;}
#apps-step_5.tutorial{left:56px; top: 19px;}
#apps-step_6.tutorial{left:56px; top: 5px;}
#apps-step_7.tutorial{left:276px; top: 10px;}
#apps-step_8.tutorial{left:240px; top: 58px;}
#apps-step_9.tutorial{left:240px; top: 197px;}
#apps-step_10.tutorial{left:240px; top: 237px;}
#apps-step_11.tutorial{left:217px; top: -115px;}

#reporting-step_1.tutorial{top:-117px; right: 275px;}
#reporting-step_2.tutorial{top:-107px; right: 125px;}
#reporting-step_3.tutorial{top:-57px; left: 208px;}
#reporting-step_4.tutorial{top:-56px; right: 554px;}
#reporting-step_5.tutorial{top:-56px; right: 384px;}
#reporting-step_6.tutorial{top:-56px; right: 216px;}
#reporting-step_7.tutorial{top:-42px; left: 37%;}
.welcome-on #reporting-step_7.tutorial{top:468px; left: 37%;}
#reporting-step_8.tutorial{top:-87px; left: 37%;}
.welcome-on #reporting-step_8.tutorial{top:1019px; left: 37%;}
#reporting-step_9.tutorial{top:99px; left: 37%;}
.welcome-on #reporting-step_9.tutorial{top:1220px; left: 37%;}
#reporting-step_10.tutorial{top:-127px; left: 234px;}

#deployment-step_1.tutorial{top:-55px; right: 200px;}
#deployment-step_2.tutorial{left:37%; top: -55px;}
#deployment-step_3.tutorial{right:120px; top: 72px;}
#deployment-step_4.tutorial{right:89px; top: 72px;}
#deployment-step_5.tutorial{right:59px; top: 82px;}
#deployment-step_6.tutorial{left:225px; top: -55px;}

#outboundcomp-step_1.tutorial{top:-54px; right: 165px;}
#outboundcomp-step_2.tutorial{left:13%; top: -87px;}
#outboundcomp-step_3.tutorial{left:125px; top: 87px;}
#outboundcomp-step_4.tutorial{left:205px; top: 87px;}
#outboundcomp-step_5.tutorial{right:300px; top: 144px;}
#outboundcomp-step_6.tutorial{right:225px; top: 130px;}
#outboundcomp-step_7.tutorial{right:128px; top: 150px;}
#outboundcomp-step_8.tutorial{right:78px; top: -76px;}

#outboundpend-step_1.tutorial{top:-54px; right: 165px;}
#outboundpend-step_2.tutorial{left:13%; top: -87px;}
#outboundpend-step_3.tutorial{left:125px; top: 87px;}
#outboundpend-step_4.tutorial{left:205px; top: 87px;}
#outboundpend-step_5.tutorial{left:165px; top: 152px;}
#outboundpend-step_6.tutorial{right:160px; top: 152px;}
#outboundpend-step_7.tutorial{right:78px; top: -76px;}

#logs-step_1.tutorial{top:-65px; left: 580px;}
#logs-step_2.tutorial{left:810px; top: -65px;}
#logs-step_3.tutorial{right:30px; top: -55px;}
#logs-step_4.tutorial{right:86px; top: -59px;}
#logs-step_5.tutorial{right:180px; top: 44px;}
#logs-step_6.tutorial{left:128px; top: -117px;}

#editor #editor-callflow-step_1.tutorial{top:39px; left: calc(50% - 207px); width:415px;}
#editor #editor-callflow-step_2.tutorial{top:39px; right: 76px; width:415px;}
#editor #editor-callflow-step_2.tutorial .arrow{left: 90%;}
/*
#editor #editor-callflow-step_3.tutorial{top:39px; right: 53px; width:415px;}
#editor #editor-callflow-step_3.tutorial .arrow{left: 90%;}
*/
#editor #editor-callflow-step_3.tutorial{top:39px; right: 10px; width:415px;}
#editor #editor-callflow-step_3.tutorial .arrow{left: 90%;}
#editor #editor-callflow-step_4.tutorial{top:74px; left: 90px; width:415px;}
#editor #editor-callflow-step_4.tutorial .arrow{left: 10%;}
#editor #editor-callflow-step_5.tutorial{top:74px; right: 150px; width:415px;}
#editor #editor-callflow-step_5.tutorial .arrow{left: 90%;}
#editor #editor-callflow-step_6.tutorial{top:74px; right: 88px; width:415px;}
#editor #editor-callflow-step_6.tutorial .arrow{left: 90%;}
#editor #editor-callflow-step_7.tutorial{top:74px; right: 41px; width:415px;}
#editor #editor-callflow-step_7.tutorial .arrow{left: 90%;}
#editor #editor-callflow-step_8.tutorial{top:74px; right: 5px; width:415px;}
#editor #editor-callflow-step_8.tutorial .arrow{left: 93%;}
#editor #editor-callflow-step_9.tutorial{top:39px; left: 2px; width:415px;}
#editor #editor-callflow-step_9.tutorial .arrow{left: 5%;}
#editor #editor-callflow-step_10.tutorial{top:39px; right: 178px; width:415px;}
#editor #editor-callflow-step_10.tutorial .arrow{left: 90%;}

#editor #editor-settings-step_1.tutorial{top:39px; left: 39%; width:415px;}
#editor #editor-settings-step_2.tutorial{top:39px; right: 76px; width:415px;}
#editor #editor-settings-step_2.tutorial .arrow{left: 90%;}
/*
#editor #editor-settings-step_3.tutorial{top:39px; right: 53px; width:415px;}
#editor #editor-settings-step_3.tutorial .arrow{left: 90%;}
*/
#editor #editor-settings-step_3.tutorial{top:39px; right: 10px; width:415px;}
#editor #editor-settings-step_3.tutorial .arrow{left: 90%;}
#editor #editor-settings-step_4.tutorial{top:74px; right: 80px; width:415px;}
#editor #editor-settings-step_4.tutorial .arrow{left: 90%;}
#editor #editor-settings-step_5.tutorial{top:74px; right: 37px; width:415px;}
#editor #editor-settings-step_5.tutorial .arrow{left: 90%;}
#editor #editor-settings-step_6.tutorial{top:74px; right: 5px; width:415px;}
#editor #editor-settings-step_6.tutorial .arrow{left: 93%;}
#editor #editor-settings-step_7.tutorial{top:39px; left: 5px; width:415px;}
#editor #editor-settings-step_7.tutorial .arrow{left: 5%;}
#editor #editor-settings-step_8.tutorial{top:39px; right: 142px; width:415px;}
#editor #editor-settings-step_8.tutorial .arrow{left: 90%;}

#editor #editor-audio_manager-step_1.tutorial{top:39px; left: 39%; width:415px;}
#editor #editor-audio_manager-step_2.tutorial{top:39px; right: 76px; width:415px;}
#editor #editor-audio_manager-step_2.tutorial .arrow{left: 90%;}
/*
#editor #editor-audio_manager-step_3.tutorial{top:39px; right: 53px; width:415px;}
#editor #editor-audio_manager-step_3.tutorial .arrow{left: 90%;}
*/
#editor #editor-audio_manager-step_3.tutorial{top:39px; right: 10px; width:415px;}
#editor #editor-audio_manager-step_3.tutorial .arrow{left: 90%;}
#editor #editor-audio_manager-step_4.tutorial{top:74px; left: 10px; width:415px;}
#editor #editor-audio_manager-step_4.tutorial .arrow{left: 10%;}
#editor #editor-audio_manager-step_5.tutorial{top:74px; right: 80px; width:415px;}
#editor #editor-audio_manager-step_5.tutorial .arrow{left: 90%;}
#editor #editor-audio_manager-step_6.tutorial{top:74px; right: 37px; width:415px;}
#editor #editor-audio_manager-step_6.tutorial .arrow{left: 90%;}
#editor #editor-audio_manager-step_7.tutorial{top:74px; right: 5px; width:415px;}
#editor #editor-audio_manager-step_7.tutorial .arrow{left: 93%;}
#editor #editor-audio_manager-step_8.tutorial{top:39px; left: 5px; width:415px;}
#editor #editor-audio_manager-step_8.tutorial .arrow{left: 5%;}
#editor #editor-audio_manager-step_9.tutorial{top:39px; right: 142px; width:415px;}
#editor #editor-audio_manager-step_9.tutorial .arrow{left: 90%;}

.tutorial .close-popover{display: inline-block; margin: 0; color: #A8A8A8; font-size: 14px; cursor: pointer;}
.tutorial .popover-content{font-weight: lighter; padding: 0;}
.tutorial .popover-content h2{padding: 15px; margin: 0; font-size: 18px; font-weight: bold;}
.tutorial .popover-content .description{padding: 5px 15px 15px;}
.tutorial .popover-content .tutorial-paging{float: left; width: 100%; clear: both; background: #3A3A3A; color: #fff;}
.tutorial .popover-content .tutorial-paging a{color: #fff; text-decoration: none;}
.tutorial .popover-content .tutorial-paging .col-sm-3 {padding: 0;}
.tutorial .popover-content .tutorial-paging .col-sm-3 a, .tutorial .popover-content .tutorial-paging .col-sm-3 button {padding: 8px 0; background: #8CC152; display: block; text-align: center;}
.tutorial .popover-content .tutorial-paging .col-sm-3 button.previous{color: #808080; background: #3A3A3A; border: none; width: 100%;}
.tutorial .popover-content .tutorial-paging .col-sm-3 button.previous:disabled{opacity: .35; cursor: not-allowed;}
.tutorial .popover-content .tutorial-paging .col-sm-6{padding:8px 0; text-align: center;}
.tutorial .popover-content .tutorial-paging ul, .tutorial .popover-content .tutorial-paging ul li{padding: 0; margin: 0; list-style: none;}
.tutorial .popover-content .tutorial-paging ul li{display: inline-block; margin-right: 4px;}
.tutorial .popover-content .tutorial-paging ul li a{display: block; background: #3A3A3A; width: 7px; height: 7px; margin: 0; border-radius: 7px; border: 1px solid #747474;}
.tutorial .popover-content .tutorial-paging ul li a.active{background: #FFFFFF; border-color: #FFFFFF;}
.tutorial .popover-content .tutorial-paging ul li a.used{background: #747474;}
.tutorial .popover-content .tutorial-paging .previous, .tutorial .popover-content .tutorial-paging .next{font-weight: bold; font-size: 14px;}
.tutorial .popover-content .tutorial-paging:after{clear: both;}
.tutorial .arrow, .tutorial .arrow::after {border-color: transparent;border-style: solid;display: block;height: 0;position: absolute;width: 0;}
.tutorial .arrow {border-width: 11px;}
.tutorial.right .arrow {border-left-width: 0;border-right-color: rgba(0, 0, 0, 0.25);left: -11px;margin-top: -11px;top: 50%;}
.tutorial .arrow, .tutorial .arrow::after {border-color: transparent;border-style: solid;display: block;height: 0;position: absolute;width: 0;}
.tutorial .arrow::after {border-width: 10px;content: "";}
.tutorial.right .arrow::after {border-left-width: 0;border-right-color: #fff;bottom: -10px;left: 1px;}
.tutorial.left .arrow {border-left-color: rgba(0, 0, 0, 0.25);border-right-width: 0;margin-top: -11px;right: -11px;top: 50%;}
.tutorial.left .arrow::after {border-left-color: #fff;border-right-width: 0;bottom: -10px;right: 1px;}
.tutorial.bottom .arrow {border-bottom-color: rgba(0, 0, 0, 0.25);border-top-width: 0;left: 50%;margin-left: -11px;top: -11px;}
.tutorial.bottom .arrow::after {border-bottom-color: #fff;border-top-width: 0;margin-left: -10px;top: 1px;}
.tutorial.top .arrow {border-bottom-width: 0;border-top-color: rgba(0, 0, 0, 0.25);bottom: -11px;left: 50%;margin-left: -11px;}
.tutorial.top .arrow::after {border-bottom-width: 0;border-top-color: #3A3A3A;bottom: 1px;content: " ";margin-left: -10px;}
/*********************/

/* drag n drop sort */
ul[dnd-list]{padding: 0; margin: 0;}
ul[dnd-list] .dndDraggingSource {display: none;}
ul[dnd-list] .dndPlaceholder {background-color: #DBDBDB;display: block;min-height: 45px;}
ul[dnd-list] li {background-color: #F6F6F6;border: 1px solid #DBDBDB;display: block;padding: 10px 15px;cursor: move;height: 45px; margin: 4px 0;}
ul[dnd-list] li.selected {background-color: #dff0d8;color: #3c763d;}
/*********************/

/* welcome modal */
.welcome-modal .modal-dialog{width: 60%; color: #000; left:20%; top:10vh}
.welcome-modal .modal-body{max-height:70vh;overflow-y:auto;}
.welcome-modal .modal-content h3.modal-title{font-weight: bold; color: #8CC152; margin: 15px 0 5px; word-wrap: break-word;}
.welcome-modal .modal-content h4.modal-title{color: #000; margin: 0 0 15px; word-wrap: break-word;}
.welcome-modal .modal-content .modal-body{background: #F0F0F0; padding: 25px 30px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; padding-bottom: 6px;}
.welcome-modal .modal-content .modal-body .outer-block{margin: 50px 0 0;}
.welcome-modal .modal-content .modal-body .block{background: #fff; border: 1px solid #E1E1E1; border-radius: 4px; text-align: center; padding: 20px 30px; min-height: 330px;}
.welcome-modal .modal-content .modal-body .block.mid{border-bottom-right-radius: 0; border-bottom-left-radius: 0; padding-bottom: 0;}
.welcome-modal .modal-content .modal-body .block .green{font-weight: bold; color: #8CC152;}
.welcome-modal .modal-content .modal-body .block a.green{text-decoration: underline;}
.welcome-modal .modal-content .modal-body .block .text-small{font-size: 11px; font-style: italic;}
.welcome-modal .modal-content .modal-body .block span.glyphicon{color: #A8A8A8; font-size: 50px; margin: 50px 0 25px;}
.welcome-modal .modal-content .modal-body .block.mid span.glyphicon{margin: 25px 0; font-size: 60px;}
.welcome-modal .modal-content .modal-body .contact a{display: block; background: #8CC152; color: #fff; font-weight: bold; font-size: 16px; padding: 15px; border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.welcome-modal .modal-content .modal-body .contact a:hover{text-decoration: none;}
.welcome-modal .modal-content .modal-body .row.footer{margin-top: 50px; margin-bottom: 20px;}
.welcome-modal .modal-content .modal-body .row.footer .btn{font-size: 16px; padding: 8px 20px;}
/*********************/

/* features modal */
.features-modal .modal-dialog{width: 80%; color: #000; left:10%;}
.features-modal .modal-content .modal-header{border:none; padding: 25px;}
.features-modal .modal-content h1.modal-title{font-size: 30px; font-weight: normal; word-wrap: break-word;}
.features-modal .modal-content button.close{font-size: 35px;}
.features-modal .modal-content h4{color: #8CC152; font-weight:bold; margin: 0 0 15px; word-wrap: break-word;}
.features-modal .modal-content .modal-body{padding: 0 25px 25px; color: #8F8F8F; font-size: 15px;}
.features-modal .modal-content .modal-body ul li{margin: 5px 0;}
.features-modal .modal-content .modal-body a.btn{font-size: 15px; font-weight: bold; background: #F1EDF1; padding: 10px 15px; border-radius: 20px; display: inline-block; margin: 15px 0;}
.features-modal .modal-content .modal-body .row.footer{margin-top: 50px; margin-bottom: 20px;}
.features-modal .modal-content .modal-body .row.footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.features-modal .modal-content .modal-body .row.footer ul li{display: inline-block; vertical-align: top; margin: 0;}
.features-modal .modal-content .modal-body .row.footer ul li button.chevron{color:#8CC152; font-size: 18px; display: block; margin: 0 5px; padding: 0;}
.features-modal .modal-content .modal-body .row.footer ul li button.step{
	display: block;
	background: #C6E0A9;
	width: 15px;
	height: 15px;
	margin: 4px 5px 0;
	border-radius: 15px;
	border: 1px solid #C6E0A9;
	padding: 0;
}
.features-modal .modal-content .modal-body .row.footer ul li button.step.active{
	background: #8CC152;
	border-color: #8CC152;
}
@media (max-width:1300px){
	.features-modal .modal-dialog{width: 90%; left:5%;}
	.features-modal .modal-dialog img{max-width:425px !important;}
}
/*********************/

/* integration modal */
.integration-modal .modal-dialog{width: 60%; left: 20%;}
/*********************/

/* File Tree - selecting a directory/move to modal */
treecontrol {
	/* prevent user selection */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* default */
	font-size:13px;
	color: #4C4C4C;
	text-decoration: none;
}

treecontrol ul {margin: 0; padding: 0; list-style: none; border: none; overflow: hidden;}
treecontrol li {position: relative; padding: 0 0 0 20px; margin: 5px 0; font-size: 15px; color: #4D4D4D;}
treecontrol li span.appcount{color: #C4C4C4;}
treecontrol li a{color: #4C4C4C; font-weight: normal; text-decoration: none;}
treecontrol li a .capitalize{text-transform: capitalize;}
treecontrol li a:hover, treecontrol li a:visited, treecontrol li a:focus{color: #4C4C4C; font-weight: normal; text-decoration: none;}
treecontrol li.tree-expanded i.tree-leaf-head, treecontrol li.tree-collapsed i.tree-leaf-head {display:none;}
treecontrol li.tree-expanded i.tree-branch-head, treecontrol li.tree-collapsed i.tree-branch-head {display:inline;}
treecontrol li.tree-leaf i.tree-branch-head {display:none;}
treecontrol li.tree-leaf i.tree-leaf-head {display:inline;}
treecontrol li i.tree-branch-head {cursor: pointer;}
treecontrol li .tree-label {cursor: pointer; display: inline;}
treecontrol li .tree-unselectable {cursor: not-allowed;}
treecontrol.tree-classic li.tree-expanded i.tree-branch-head {padding: 1px 10px;background: url("../images/folder.png") no-repeat;}
treecontrol.tree-classic li.tree-collapsed i.tree-branch-head {padding: 1px 10px; background: url("../images/folder-closed.png") no-repeat;}
treecontrol.tree-classic li.tree-leaf i.tree-leaf-head {padding: 1px 10px; background: url("../images/file.png") no-repeat;}
treecontrol.tree-classic li .tree-selected {background-color: #aaddff; font-weight: bold;}
treecontrol.tree-classic li .tree-unselectable {color: #ddd;}
treecontrol.tree-light li.tree-expanded i.tree-branch-head {padding: 1px 10px;background-image: url(../images/editor-icons.svg#caret_view);  background-position: 3px 5px; background-repeat: no-repeat; background-size: 8px 8px;}
treecontrol.tree-light li.tree-collapsed i.tree-branch-head {padding: 1px 10px;background-image: url(../images/editor-icons.svg#caret2_view);  background-position: 3px 5px; background-repeat: no-repeat; background-size: 8px 8px;}
treecontrol.tree-light li.tree-leaf i.tree-leaf-head {padding: 1px 10px;width: 16px; height: 16px;background: none no-repeat;}
treecontrol.tree-light li .tree-selected{font-weight: bold;}
.modal treecontrol.tree-light li .tree-selected a{font-weight: bold;}
treecontrol.tree-light li .tree-unselectable {color: #ddd;}
treecontrol.tree-dark li.tree-expanded i.tree-branch-head {padding: 1px 10px;background: url("../images/node-opened-light.png") no-repeat;}
treecontrol.tree-dark li.tree-collapsed i.tree-branch-head {padding: 1px 10px;background: url("../images/node-closed-light.png") no-repeat;}
treecontrol.tree-dark li.tree-leaf i.tree-leaf-head {padding: 1px 10px;width: 16px; height: 16px;background: none no-repeat;}
treecontrol.tree-dark li .tree-selected {font-weight: bold;}
treecontrol.tree-dark li .tree-unselectable {color: #777;}
treecontrol.tree-dark {color: #ddd;}
treecontrol.tree-boot {color: #428bca;font-family: inherit;font-size: inherit;}
treecontrol.tree-boot > ul > li {padding: 0;}
treecontrol.tree-boot li > .tree-label {display: block;padding: 3px 0;border-radius: 4px;}
treecontrol.tree-boot i.tree-branch-head,
treecontrol.tree-boot i.tree-leaf-head {float: left;height: 16px;margin: 5px;}
treecontrol.tree-boot li.tree-expanded i.tree-branch-head {padding: 1px 10px;background: url("../images/folder.png") no-repeat;}
treecontrol.tree-boot li.tree-collapsed i.tree-branch-head {padding: 1px 10px;background: url("../images/folder-closed.png") no-repeat;}
treecontrol.tree-boot li.tree-leaf i.tree-leaf-head {padding: 1px 10px;background: url("../images/file.png") no-repeat;}
treecontrol.tree-boot .tree-label.tree-selected,
treecontrol.tree-boot .tree-label.tree-selected:hover {color: #fff;background-color: #428bca;}
treecontrol.tree-boot .tree-label:hover {background-color: #eee;}

/*********************/

@media (max-width:1199px){
	header #navbar{font-size: 12px;}
	.btn-group-sm > .btn, .btn-sm{font-size: 10px; padding: 5px 6px;}
	section.application-manager .apps .row .folder,
	section.application-manager .apps .row .app{width:22.4%;}
	section.application-manager .app .img-thumbnail{width:135px; height: 135px;}
	span.help{display: none;}
	#docs-iframe{width:120%;}
	#empty-folder h1{margin-top: 10px;}

	section.application-manager .apps .row .folder{height: 125px;}
}
@media (max-width:1185px){
	#fuseplus-editor{display: none;}
	#fuseplus-editor-notcompatible{display: block;}
	#fuseplus-editor-notcompatible h1{color: #D70D17; font-size: 35px; margin-top: 65px;}
	#fuseplus-editor-notcompatible h2{line-height: 38px;}
}
@media (max-width:994px){
	body{overflow-y: auto !important; height: auto !important;}
	#fuseplus, #editor{display: none;}
	#fuseplus-notcompatible{display: block;}
	#fuseplus-notcompatible .container{width: 80%;}
	#fuseplus-notcompatible h1{color: #D70D17; font-size: 35px; margin-top: 65px;}
	#fuseplus-notcompatible h2{line-height: 38px;}
}