/*@font-face{font-family:'Lato';font-style:normal;font-weight:100;src:local('Lato Hairline'),local('Lato-Hairline'),url(https://themes.googleusercontent.com/static/fonts/lato/v6/boeCNmOCCh-EWFLSfVffDg.woff) format('woff')}@font-face{font-family:'Lato';font-style:normal;font-weight:300;src:local('Lato Light'),local('Lato-Light'),url(https://themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff')}@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('Lato Regular'),local('Lato-Regular'),url(https://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff')}@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url(https://themes.googleusercontent.com/static/fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff')}@font-face{font-family:'Lato';font-style:normal;font-weight:900;src:local('Lato Black'),local('Lato-Black'),url(https://themes.googleusercontent.com/static/fonts/lato/v6/BVtM30trf7q_jfqYeHfjtA.woff) format('woff')}ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,form,body,html,p,blockquote,fieldset,input,object,iframe{margin:0;padding:0;zoom:1}*/
a img,:link img,:visited img{border:none}
table{border-collapse:separate;border-spacing:0}
:focus{outline:none}
/*body{text-align:left;font-family:'Assistant', sans-serif;font-size:13px;color:#444;background:#fff}*/
/*h1,h2,h3,h4{margin:0;padding:0 0 5px 0;font-size:14pt;color:#285169}*/
/*h1{font-size:1.65em;font-weight:normal}
h2{font-size:1.6em;font-weight:normal}
h3{font-size:1.5em;font-weight:normal;line-height:100%}
h4{font-size:10pt}*/
/*a,.link{color:#00678f;text-decoration:none;cursor:pointer}
a:hover{text-decoration:none}
p{margin:0;padding:0 0 9px 0}
.lite{color:#999}*/
ul{
    /*list-style: square inside url(../images/switch_bullet.png);*/
    list-style: none;
    padding: 0 1em;
    margin-top: 0;
}
ul.ul_bullets:not(.no-bullets) li:before {
    background-color: #6692ac;
    content: " ";
    position: absolute;
    display: block;
    width: .4em;
    height: .4em;
    float: left;
    top: .5em;
    left: -1em;
}
ul.ul_bullets:not(.no-bullets) li {
    line-height: 1.7;
    position: relative;
}
ol{margin:0 0 9px 16px}
dt{font-weight:bold}
dd{padding:0 0 9px 0}
.menu-right li{list-style-type:none;display:inline;margin:0 0 0 15px}
form fieldset{border:2px solid #e5e5e5;clear:both;margin-bottom:9px;overflow:hidden;padding:9px 18px}
/*form label{
    margin-right:6px;
    text-align:right;
    width:50px;
    cursor:pointer
}*/
/*textarea,input,select{font-size:12px;vertical-align:middle;color:#606060;border:1px solid #d7d7d7;padding:4px;background:#f1f1f1;margin:4px 0}*/
/*textarea,input:not([type="radio"]):not([type="checkbox"]){width:182px}*/
select:disabled{color:#777}
option:disabled{color:#777}
option:checked{background:#285169;color:#fff}
.input{padding:2px 0 2px 3px;border:1px solid #848484}
form button,form .button{vertical-align:middle}
* html .button{padding:3px 1px}
.searchField{width:150px;overflow:hidden;line-height:15px;margin:0;padding:4px 0 3px 5px;border:1px solid #808080;border-right:0;vertical-align:middle;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px}
.searchButton{-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0}
* html .toolbox .searchField,* html .toolbox .searchButton{margin-top:-1px}
* html .toolbox .button{vertical-align:top;margin-top:0}
*:first-child+html .toolbox .searchField,*:first-child+html .toolbox .searchButton{margin-top:-1px}
*:first-child+html .toolbox .button{vertical-align:top;margin-top:0}
.formRow{margin:0 0 8px 0}
.buttonRow{margin-bottom:10px}
pre{background-color:#f2f2f2;color:#070;display:block;font-family:'Courier New',Courier,monospace;font-size:11px;overflow:auto;margin:0 0 10px 0;padding:10px;border:1px solid #ddd;text-align:left}
.no-wrap{
    white-space: nowrap;
}
.error,.notice,.warning,.success{
    padding: 15px;
    margin-bottom: 20px;
    border: none;
    border-radius: 0.25em;
}
.notice{
    background: #e0e6e7 !important;
    color: #32444b;
    margin-top: 10px;
}
.error{
    background: #f8d7da !important;
    margin-top: 10px;
    color: #91272c;
}
.success{
    background: #70a843 !important;
    color:#fff;
    border: none;
}
.warning{
    background: #f27539 !important;
    color:#fff;
    border: none;
}
.error a {
    color: #91272c;
}
.error-row{
    color:#91272c; 
    font-weight:bold;
}
.success-row{
    color:#70a843;
    font-weight:bold;
}
.warning-row{
    background-color: #f2c715 !important;
    font-weight: bold;
    margin-bottom: 0 !important;
}
.font-weight-normal{
    font-weight: normal;
}
.notice a{color:#817134}
.success a{color:#529214}
.error a.defaultColor,.notice a.defaultColor,.success a.defaultColor{color:#91272c}
.retainAdsl .error, .retainAdsl .success {padding: 0px; font-size: 10px;}
.news{padding:8px;margin-bottom:10px}
hr{
    background-color:#e0e6e7;
    color:#ccc;
    height:1px;
    border:0
}
.nobr{white-space:nowrap;display: table;width: 100%;}
.uppercase{text-transform:uppercase;}
/*button,.button{margin:4px 0;display:inline-block;padding:4px 10px 4px;font-size:13px;line-height:18px;color:#444;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;cursor:pointer;background:#f5f5f5;background-image:-moz-linear-gradient(top, #fff 0, #e6e6e6 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #e6e6e6));background-image:-webkit-linear-gradient(top, #fff 0, #e6e6e6 100%);background-image:-o-linear-gradient(top, #fff 0, #e6e6e6 100%);background-image:-ms-linear-gradient(top, #fff 0, #e6e6e6 100%);background-image:linear-gradient(to bottom, #fff 0, #e6e6e6 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #ccc;border-bottom-color:#b3b3b3;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}*/
/*button:hover,.button:hover,button:focus,.button:focus{color:#444;text-decoration:none;background-color:#ddd;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;-ms-transition:background-position .1s linear;transition:background-position .1s linear}*/
/*button:active,.button:active{background-color:#ddd;background-image:none;outline:0;-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)}*/
button:disabled,button:disabled:hover,button:disabled:active,.button:disabled,.button:disabled:hover,.button:disabled:active,.button.disabled{
    background-color:#ddd;
    background-image:none;
    color:#888;
    cursor:not-allowed;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.button-small{
    padding: 5px 8px;
    font-size: 12px;
}
.smallBtn{margin:4px 2px;display:inline-block;padding:2px 10px 2px 6px;font-size:10px;line-height:10px}
.smallBtn img{
    vertical-align:middle;
    height:15px;
    margin: 0 2px;
}
.btn-sm, .btn-group-sm > .btn {
    font-size: 0.7rem !important;
    padding: 4px 6px;
}
thead{
    color:#ffffff;
    font-weight:bold;
}
table.detail tbody.inactive tr, table.detail tr.inactive{color:#a0a0a0}
table.detail tr.inactive:hover{background-color:#6691aa;color:#fff}
table.detail tr.clickable:hover{cursor:pointer;color:#fff}
table.detail td.clickable:hover{color:#fff;cursor:pointer}
/*table.detail th{padding-left:.5em;padding-right:.5em;border-bottom:1px solid rgba(40,81,105,0.7);border-left:1px solid rgba(40,81,105,0.7)}*/
table.detail tr th:last-child{
    border-right: 1px solid #e0e6e7;
}
/*table.detail tr{color:#444;font-weight:normal;font-size:10pt}*/
/*table.detail td{padding-left:.5em;padding-right:.5em;border-bottom:1px solid rgba(40,81,105,0.7);border-left:1px solid rgba(40,81,105,0.7)}*/
table.detail tr td:last-child{
    border-right: 1px solid #e0e6e7;
}
table.noBorder td,td.noBorder{border:0 !important}
table.detail tr td.spacer{border-right:0;border-left:0}
.Dialled,.dialled{background-color:#cec;}
.Forwarded,.forwarded{background-color:#fcc;}
.Received,.received{background-color:#ffc;}
.Missed,.missed,.Ignored,.ignored{background-color:#ccf;}
table.detail{
    width: 100%;
}
/*table tr td{padding:3px 4px;font-size:1em;zoom:1}*/
table tr th{
    padding: 4px;
    background: #e0e6e7;
    font-size: 1em;
    color: #32444b;
    font-weight: normal;
    zoom: 1;
    text-align: left;
}
/*table thead tr th,table tr th.head{text-align:center;background:#285169;color:#fff !important;font-weight:bold}*/
/*.row1:hover,.row0:hover{background-color:#6691aa;color:#fff !important}*/
/*.row1:hover td,.row0:hover td{background-color:#6691aa;color:#fff !important}*/
tr.extSummaryTable.row1:hover,tr.extSummaryTable.row1:hover td{background-color:#f2f2f2;color:#444 !important}
tr.extSummaryTable.row0:hover,tr.extSummaryTable.row0:hover td{background-color:#ddd;color:#444 !important}
#permissions .row1:hover,#permissions .row0:hover,#permissions .row1:hover td,#permissions .row0:hover td{box-shadow:inset 0 0 35px rgba(0,0,0,0.15);color:inherit !important}
.module{overflow:auto}
#module_menu{overflow:visible;}
.right{text-align:right}
.center{text-align:center}
.left{text-align:left}
.row1{
    background:#f2f2f2;
}
.row0{
    background:#ffffff;
}
.row1.center th{
    text-align: center;
}
/*input,textarea{background:#fff;padding:4px;border:1px solid #ccc}*/
/*input:focus,textarea:focus{background:#eee}*/
input:focus+label{font-weight:bold}
input:disabled,textarea:disabled,input[readonly],textarea[readonly]{background:#eee;color:#777}
input[type="checkbox"]:disabled+label,input[type="radio"]:disabled+label{color:#777}
/*#loginForm table tr th{width:100px;text-align:right;background:none}
#loginForm label{padding:2px 0;width:20%;margin-top:2px}
#loginForm input{background:#fff;padding:2px 4px;border:1px solid #ddd;margin:0}
#loginForm input:focus{background:#eee}
#loginForm p{clear:left}
#loginForm #err{margin-top:5px}
#loginForm button{margin-top:12px;padding:4px}*/
#loginWrapper{
    font-family: 'Assistant', sans-serif;
    background: #fff;
    width: 320px;
    padding: 40px 30px;
    -moz-box-shadow: 0 0 8px #aaa;
    -webkit-box-shadow: 0 0 8px #aaa;
    box-shadow: 0 0 10px -2px #000;
    border-radius: 10px;
    margin-left: -1px;
}
#loginWrapper h1 {
    font-family: 'Titillium Web', sans-serif;
}
#mainColumn{background:transparent !important}
#profiler{background:#ddd;border-top:1px solid #888;bottom:0;color:#444;cursor:default;font-size:12px;height:35px;left:0;opacity:.9;position:absolute;width:100%;z-index:999}
#profiler:hover{-moz-box-shadow:0 0 12px #aaa;-webkit-box-shadow:0 0 12px #aaa;box-shadow:0 0 12px #aaa;opacity:1}
#profiler div{border-right:1px solid #aaa;cursor:pointer;display:block;float:left;height:35px;line-height:35px;list-style-type:none;margin:0;padding:0 8px}
#profiler div:hover{background:#eee}
#profiler div img{display:block;float:left;height:25px;margin-right:8px;margin-top:5px}
#profiler div span{display:inline-block}
#profiler div b{display:inline-block;width:115px}
#profiler div .debugExtra{background:#ddd;border-top:1px solid #888;border-right:1px solid #888;border-left:1px solid #888;bottom:35px;box-shadow:0 0 12px #aaa;display:none;height:auto;line-height:1.5em;margin-left:-9px;padding:4px 12px;position:absolute}
#profiler div:hover .debugExtra{display:block;max-width:500px}
.tag{background:#aaa;border-radius:12px;border-bottom-left-radius:0;color:#fff;display:block;float:left;font-size:11px;height:20px;line-height:22px;margin:8px 2px;text-align:center;min-width:20px;width:auto !important}
.good{background:#0a0}
.bad{background:#a00}
.guestAccess{color:#4a4}
.clientAccess{color:#ea4}
.resellerAccess{color:#e84;font-weight:bold}
.adminAccess{color:#c44;font-weight:bold}
.superAdminAccess{color:#811;font-weight:bold}
/*.Bigbtn{display:block;margin:2px auto;width:80%;max-width:170px;text-align:left;font-size:12px;min-width:150px}*/
/*.Bigbtn img{vertical-align:middle;height:25px;margin-right:8px}*/
/*.menuParent{background:#fff url('../images/li-parent.gif') 90% 50% no-repeat}*/
.serviceSummaryContent{min-width:700px}
.warning-advice{color:#c19134;position:relative;padding:4px;font-size:11px;width:182px}
.validation-passed {
    color: #468847;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}
.validation-advice{
    color:#91272c;
    position:relative;
    padding:4px;
    font-size:11px;
    width:182px;
    clear:both;
}
.validation-failed{
    color: #a94442;
    background-color: #F2DEDE;
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.hiddenField{display:none}
.accordion{
    -moz-border-radius:0.25em;
    -webkit-border-radius:0.25em;
    border-radius:0.25em;
    border-bottom:1px solid #e0e6e7
}
.accordionHandle{
    padding: 10px;
    color: #fff;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    border-bottom: 0;
    background: #6692ac;
    display: flex;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e6e7', endColorstr='#f2f4f5', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #e0e6e7;
    border-bottom-color: #e0e6e7;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
}
.accordionHandle:hover{
    background-color: #32444b;
    color: #ffffff;
}
.accordionHandle div:first-child {
    display: inline;
    flex-grow: 1;
    text-align: right;
}
.accordionHandle span.badge {
    font-size: 75%;
    line-height: initial;
    font-weight: normal;
}
.accordionHandle.complete{
    color: #ffffff;
    background: #70a843;
    background-image: -moz-linear-gradient(top, #70a843 0, #7dbb4c 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #70a843), color-stop(100%, #7dbb4c));
    background-image: -webkit-linear-gradient(top, #70a843 0, #7dbb4c 100%);
    background-image: -o-linear-gradient(top, #70a843 0, #7dbb4c 100%);
    background-image: -ms-linear-gradient(top, #70a843 0, #7dbb4c 100%);
    background-image: linear-gradient(to bottom, #70a843 0, #7dbb4c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70a843', endColorstr='#7dbb4c', GradientType=0);
}
.accordionHandle.complete:hover{
    background:#7dbb4c
}
.accordionHandle.rejected{
    color: #fff;
    background: #91272c;
    background-image: -moz-linear-gradient(top, #91272c 0, #9a3035 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #91272c), color-stop(100%, #9a3035));
    background-image: -webkit-linear-gradient(top, #91272c 0, #9a3035 100%);
    background-image: -o-linear-gradient(top, #91272c 0, #9a3035 100%);
    background-image: -ms-linear-gradient(top, #91272c 0, #9a3035 100%);
    background-image: linear-gradient(to bottom, #91272c 0, #9a3035 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91272c', endColorstr='#9a3035', GradientType=0);
}
.accordionHandle.rejected:hover{
    background:#9a3035
}
.accordionHandle.pending{
    color: #886332;
    background: #f2c715;
    background-image: -moz-linear-gradient(top, #f2c715 0, #fdd11d 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdd11d), color-stop(100%, #fdd11d));
    background-image: -webkit-linear-gradient(top, #f2c715 0, #fdd11d 100%);
    background-image: -o-linear-gradient(top, #f2c715 0, #fdd11d 100%);
    background-image: -ms-linear-gradient(top, #f2c715 0, #fdd11d 100%);
    background-image: linear-gradient(to bottom, #f2c715 0, #fdd11d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2c715', endColorstr='#fdd11d', GradientType=0);
}
.accordionHandle.pending:hover{
    background:#fdd11d
}
.accordionHandle span.badge {
    width: 100px;
    font-weight: 700;
}
.accordionContent{
    border:1px solid #e0e6e7
}
.accordionContent table.detail{
    margin:0px auto;
    margin-top: 0;
}
#noScriptOuter{display:block;position:absolute;left:0;top:0;background:url('../images/blackout.png') 0 0 repeat;background:rgba(0,0,0,0.7);width:100%;height:100%;z-index:9999}
#noScript{position:absolute;top:20%;left:35%;width:30%;height:auto;background:#fcc;color:#f55;border:1px solid #f55;padding:20px;text-align:center;z-index:9998}
#noScript h4{text-align:left;margin-bottom:8px;color:#f00}
body.js-enabled #noScriptOuter{display:none}
#content{padding:20px;margin-bottom:20px}
#contactTable{
    background: #e0e6e7;
    border: 1px solid #e0e6e7;
    border-radius: 3px;
    width: 675px;
}
#contactTable tr td{padding:8px}
table.borderless tr td{border:0}
table.borderless tr td:last-child,table.borderless tr th:last-child{border:0}
#leftBar{height:100%;position:absolute;left:0;background:rgba(255,255,255,0.8);zoom:1}
#leftBar .module{height:100%;border-right:1px solid #333;overflow-x:hidden;zoom:1}
/*#clientSearch{padding:12px;width:280px}*/
.responseDiv{width:85%;margin:0 auto;text-align:center}
.nowrap{white-space:nowrap}
#desktopFooter{display:none}
#orderProcessContainer{overflow:hidden}
table.orderDetail{
    text-align:left;
    max-width:996px;
    min-width: 400px;
    margin-bottom: 10px;
}
table.orderDetail tr.selected{background:#6691aa !important;color:#fff;font-weight:bold}
.orderBtn{vertical-align:middle;padding:4px 0 4px 10px;width:180px;text-align:left;margin:2px auto;font-size:12px;line-height:18px}
.orderBtn img{
    vertical-align: middle;
    height: 35px;
    margin-right: 8px;
}
.orderBtn.disabled{color:#aaa;-moz-box-shadow:inset 0 0 50px #ccc;-webkit-box-shadow:inset 0 0 50px #ccc;box-shadow:inset 0 0 50px #ccc;cursor:default}
.orderBtn.disabled img{opacity:.2}
.orderBtn.selected{border:1px solid #285169;background:#eee}
.growler{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);display:none;z-index:1000}.growler h1,.growler h2,.growler h3,.growler h4,.growler h5,.growler h6{color:#fff}
.growlerInner{
    position:absolute;
    top:25%;
    left:20%;
    right:20%;
    background: #32444b;
    border: 1px solid #32444b;
    color:#fff;
    padding:16px;
    font-size:14px;
    -moz-border-radius:0.25em;
    -webkit-border-radius:0.25em;
    border-radius:0.25em;
    display:none;
    opacity:0;
    text-align:center;
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.3);
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);
    box-shadow:0 0 20px rgba(0,0,0,0.3)
}
.growlerUnallocatedContainer .growlerInner{position:absolute;top:87%;left:20%;right:20%;background:#285169;border:1px solid #6691aa;color:#fff;padding:16px;font-size:14px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;display:none;opacity:0;text-align:center;-moz-box-shadow:0 0 20px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);box-shadow:0 0 20px rgba(0,0,0,0.3)}
.growlerInner div.innerMessage{text-align: left;display: inline-block;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.cursor-pointer{    cursor: pointer;}
.queueEditRow div.growlerInner,.ivrEditRow div.growlerInner,.ringGroupEditRow div.growlerInner,.timeConditionEditRow div.growlerInner,.announcementEditRow div.growlerInner{top: initial;bottom: 100px;}
.queueEditTableDiv,.ivrEditTableDiv,.ringGroupEditTableDiv,.timeConditionEditTableDiv,.announcementEditTableDiv{position:relative;}
#orderProcessContainer #products{
    text-align: center;
    background: rgba(255,255,255,0.8);
    padding: 0;
    margin-bottom: 10px;
    padding-top: 10px;
}
#orderProcessContainer #productsDetails{
    margin-bottom: 20px;
    padding-top: 15px;
}
#orderProcessContainer #basket{

}
#addToBasket{
    overflow: hidden;
    text-align: left;
}
.mochaContentBorder{overflow-y:auto;position:relative}
.robot{font-size:13px;font-weight:bold;line-height:15px}

/*
    red status
 */
.robot0{
    color:#91272c
}

/*
    orange status
 */
.robot1 {
    color:#f16624
}

/*
    green status
 */
.robot2{
    color:#70a843
}

/*
    blue status
 */
.robot3{
    color:#10586b
}
.progressIndicator{

}
#signUpProgress {
    padding: 15px 0;
    margin: 0 auto;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    background: #fff;
    width: 865px;
    border-bottom: 1px solid #e0e6e7;
}
#signUpProgress > div {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    margin-right: 18px;
    text-transform: uppercase;
}
#signUpProgress > div:last-child {
    margin-right: 0;
}
#orderProgress{
    font-size: 16px;
    display: inline-block;
    margin-right: 20px;
}
.progressIndicator div{

}
.pagination{
    width: inherit;
    position: relative;
    bottom: 5px;
    background: #f1f5f6;
    border: 1px solid #e0e6e7;
    color: #32444b;
    padding: 4px 0;
    border-radius: 0.25em;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.pagination .nav div.input-group {
    padding: 1px 0;
    justify-content: center;
    float: left;
    width: auto; 
}
.pagination div.page-item {
    padding: .2em 0;
}
.pagination div:first-child {    
    float: right;
}
.pagination span.ellipse {
    line-height: 2.1;
    min-width: 20px;
    display: inline-block;
    float: left;
    padding: 0.3em 0;
    margin-right: 2px;
}
.pagination .itemsPerPage {
    padding: 0.3em 0;
}
.pagination .itemsPerPage span {
    display: inline-block;
    vertical-align: middle;
}

.pagination-showing {
    padding: 1em 2em;
}
.pagination .nav .number.selected{font-weight:bold;text-decoration:underline;cursor:default;}
.pagination .nav div.clickable1{color:#285169;cursor:pointer}
.pagination .nav .number{
    line-height: 2.1;
    float: left;
    min-width: 20px;
    display: inline-block;
    cursor: pointer;
}
/*.pagination button{display:block;float:left;margin-right:5px}*/
.pagination h1,
.pagination h2,
.pagination h3,
.pagination h4,
.pagination h5,
.pagination h6 {
    margin-bottom: 0;
}
.noticeBlockInfo{
    margin: 0 0 15px 0;
}
.historyLink{display:block;text-align:center}
fieldset{
    padding: 15px;
    border: 1px solid #e0e6e7;
    background: #fff;
    border-radius: 0.25em;
}
fieldset legend{
    font-size: 18px;
    color: #32444b;
    font-weight: 600;
    padding: 0px 5px;
}
#signUpWrapper{
    max-width: 850px;
    margin: 0 auto;
    background: #fff;
    padding: 20px 0px;
}
#signUpWrapper input[type=text],
#signUpWrapper input[type=email],
#signUpWrapper input[type=password],
#signUpWrapper input[type=tel],
#signUpWrapper textarea {
    width:96%;
}
.paginationSelect{
    margin:0 8px;
}
.tabHandle:first-of-type{margin-left:0}
.tabHandle{
    float: left;
    border: 1px solid #e0e6e7;
    padding: .5rem .35rem;
    margin-left: -1px;
    margin-bottom: -1px;
    cursor: pointer;
    background: #f2f2f2;
    border-radius: 0.25em 0.25em 0 0;
}
.tabHandle.selected{
    background:#fff;
    border-bottom:1px solid #fff;
    font-weight: 600;
}
.tabHandle.selected:hover {
    background:#fff;
    border-bottom:1px solid #fff;
    color: #32444b;
}
.tabHandle.disabled{
    color:#aaa;
    cursor:not-allowed;
}
.tabHandle.disabled:hover{
    background:#f2f2f2;
    color:#aaa;
    border-bottom: 1px solid #e0e6e7;
}
.tabHandle:hover{
    background: #6692ac;
    border-bottom: 1px solid #6692ac;
    color: #fff;
}
.tab{
    border: 1px solid #e0e6e7;
    padding: 10px;
    border-radius: 0.25em;
}
#updateClientDetailsTable input,#updateClientDetailsTable textarea{width:15em}
.inputWithRightDiv{
    float:left;
    width:12em !important
}
.inputRightDiv{
    margin-top: 4px;
    height: 15px;
    padding: 4px;
    width: 2em;
    float: left;
    overflow: hidden;
    text-align: center;
    left: 3px;
    position: relative;
}
.center120pxBtn{margin:8px auto;display:block;width:120px}
.center140pxBtn{margin:8px auto;display:block;width:140px}
.center160pxBtn{margin:8px auto;display:block;width:160px}
.center180pxBtn{margin:8px auto;display:block;width:180px}
.center200pxBtn{margin:8px auto;display:block;width:200px}
.center230pxBtn {margin:8px auto;display:block;width:230px;}
.toggleHandle{cursor:pointer}
table.formTable>tbody>tr>th.header,table.formTable>tr>th.header{
    color: #32444b;
    background: transparent;
    padding: 2px 0 2px 12px;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
}
table.formTable>tbody>tr>th.header2,table.formTable>tr>th.header2{
    font-size: 15px;
    color: #32444b;
    background: transparent;
    border: 0;
    padding: 4px 12px;
    margin-top: 10px;
    text-align: left;
    font-weight: 600;
}
table.formTable>tbody>tr>th,table.formTable>tr>th{border:0;background:transparent;padding:2px 12px;height:33px}
table.formTable>tbody>tr>td,table.formTable>tr>td{border:0;background:transparent;padding:2px 12px;height:33px}
table.formTable>tbody>tr>th:last-child,table.formTable>tbody>tr>td:last-child,table.formTable>tr>th:last-child,table.formTable>tr>td:last-child{border:0}
.callFlow-tip{line-height:1;font-weight:bold;padding:6px 8px;background:rgba(0,0,0,0.8);color:#fff;border-radius:2px;position:absolute;top:0;left:0}
.callFlow-tip:after{box-sizing:border-box;display:inline;font-size:10px;width:100%;line-height:1;color:rgba(0,0,0,0.8);content:"\25BC";position:absolute;text-align:center;left:0;bottom:-8px}
.callFlow-tip.n:after{margin:-1px 0 0 0;top:100%;left:0}
.callFlow-tip table{margin:0 auto;width:90%;color:#fff;font-size:10px}
.callFlow-tip table th.hdr{text-align:center;font-size:13px}
.callFlow-tip table th{color:#fff;background:transparent;text-align:right;font-weight:bold;font-size:10px;white-space:nowrap}
.callFlow-tip table td{white-space:nowrap;text-align:left}
.mochaContent .permissionMatrix{position:absolute;top:15px;right:10%;left:10%;background:#eee;border:1px solid #ddd;box-shadow:0 0 5px rgba(0,0,0,0.2);padding:10px 20px;display:none;opacity:.95;z-index:1;}
.serviceDetailWrapper .permissionMatrix{top:-30px;right:-5px;left:auto;bottom:auto}
.serviceDetailWrapper .borderless{float:left}
.permissionMatrix h4{text-align:center}
.permissionMatrix .borderless{margin:0 auto}
.permissionMatrix .borderless tr td{padding:0 4px}
.toolTip{
    position: absolute;
    padding: 12px 16px;
    background: #e0e6e7;
    border: 1px solid #a8b9a6;
    color: #32444b;
    opacity: 0;
    z-index: 9999;
    left: -999px;
    top: -999px;
    white-space: wrap;
    display: block;
    overflow: hidden;
    box-shadow: 4px 17px 8px -10px rgba(50, 68, 75, 0.77);
    border-radius: 5px;
}
.toolTip h3{
    color: #32444b;
    text-align: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #a8b9a6;
    padding-bottom: 7px;
}
.toolTip ul{
    margin-left:8px;
    margin-bottom:8px
}
.toolTip li {
    list-style-type: square;
}
.toolTip a{
    color: #6692ac;
    font-weight: bold;
    text-decoration: underline;
}
.toolTip a.button{
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
#auditLogTable{
    margin-bottom:0px
}
#auditLogTable th,#auditLogTable td{font-size:12px}
#newPassStrengthIndicator{display:none;opacity:0;float:right;font-size:10px;height:15px;line-height:15px;border-width:1px;padding:4px;margin:4px 0;text-align:center;width:90px}
.list-group{margin-bottom:20px;padding-left:0}
.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}
.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}
a.list-group-item:hover,button.list-group-item:hover,a.list-group-item:focus,button.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}
button.list-group-item{width:100%;text-align:left}
.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#285169;border-color:#285169}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}
.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#8ab8d3}
.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}
a.list-group-item-success:hover,button.list-group-item-success:hover,a.list-group-item-success:focus,button.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}
a.list-group-item-success.active,button.list-group-item-success.active,a.list-group-item-success.active:hover,button.list-group-item-success.active:hover,a.list-group-item-success.active:focus,button.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}
.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}
a.list-group-item-info:hover,button.list-group-item-info:hover,a.list-group-item-info:focus,button.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}
a.list-group-item-info.active,button.list-group-item-info.active,a.list-group-item-info.active:hover,button.list-group-item-info.active:hover,a.list-group-item-info.active:focus,button.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}
.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}
a.list-group-item-warning:hover,button.list-group-item-warning:hover,a.list-group-item-warning:focus,button.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}
a.list-group-item-warning.active,button.list-group-item-warning.active,a.list-group-item-warning.active:hover,button.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus,button.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}
.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}
a.list-group-item-danger:hover,button.list-group-item-danger:hover,a.list-group-item-danger:focus,button.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}
a.list-group-item-danger.active,button.list-group-item-danger.active,a.list-group-item-danger.active:hover,button.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus,button.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}
.list-group-item-heading{margin-top:0;margin-bottom:5px}
.list-group-item-text{margin-bottom:0;line-height:1.3}
.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}
.panel-body{padding:15px}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}
.panel-title{
    margin-top:0;
    margin-bottom:0;
    font-size:16px;
    color:inherit;
    padding-bottom: 0;
}
.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a{color:inherit}
.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}
.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}
.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}
.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}
.list-group+.panel-footer{border-top-width:0}
.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-left:15px;padding-right:15px}
.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}
.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}
.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}
.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}
.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}
.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}
.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}
.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}
.panel>.table-responsive{border:0;margin-bottom:0}
.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}
.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}
.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}
.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}
.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}
.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}
.panel-primary{border-color:#285169}.panel-primary>.panel-heading{color:#fff;background-color:#285169;border-color:#285169}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#285169}
.panel-primary>.panel-heading .badge{color:#285169;background-color:#fff}
.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#285169}
.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}
.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}
.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}
.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}
.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}
.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}
.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}
.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}
.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}
.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}
.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}
.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}
.permissionPage small {color:#7b7b7b;}
.noSelect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor:default;}
.permissionAdd {float: left;margin: 5px 4px;padding: 2px 8px;background: #eee;border: 1px solid #ddd;cursor: pointer;display: none;}
.permGroup {float:left; margin:5px 4px; padding:2px 8px; cursor:pointer;}
#hostedSwitchboardOrderProcessContainer table.formTable td {text-align: left;}
#hostedSwitchboardOrderProcessContainer table.formTable th {text-align: right;}
table.bulkEditExt th button.button-small{margin: 0;font-size: 9px;display:block;margin: 0 auto;margin-top: 5px;}
div.service_status_ajax{height:10px;}
.float-right{float:right;}
table.bulkEditExt {min-width: 1100px;}
#extBulkEditTableBody td{line-height:29px;}
#extBulkEditTableBody td>button.button-small {margin: 7px 0px;}
#extBulkEditTableBody td>button.button-small.button-small-margin {margin: 4px 0px;}
.increment_duplicate_buttons {display: table-cell;vertical-align: top;text-align: right;box-sizing: border-box;}
#extBulkEditTableBody td>div>span.editable{
    border: 1px solid #e0e6e7;
    padding: 2px 5px;
    box-shadow: none;
    border-radius: 5px;
}
#extBulkEditTableBody td>div>span.editable:focus{border: 1px solid #285169;padding: 2px;box-shadow: 0px 0px 3px #306686;}
#extBulkEditTableBody td>div>select:focus{border: 1px solid #285169;}
#extBulkEditTableBody td div.nobr span {margin-right:5px;display: table-cell;width: auto;box-sizing: border-box;}
#extBulkEditTableBody td div.nobr span.email{display:inline-block;line-height: 18px; min-width: 120px;}
#extBulkEditTableBody td div.nobr input[type=checkbox]{margin-right:10px;}
.extBulkEditValidationError{color: #f55;position: relative;padding: 4px;font-size: 11px;}
button.button-small>img{margin-top:3px;}
ul.extBulkEditLegend {
    margin-left: 0;
    border: 1px solid #e0e6e7;
    padding: 10px;
    border-radius: 3px;
}
ul.extBulkEditLegend li{list-style: none;}
span.info-text{font-size: 10px;color: #757575;}
table.detail tr.unallocated_bulk_extension{color:#ccc;}
table.detail tr.unallocated_bulk_extension td>div>select{color:#ccc;}
/***** Call Flow Diagram *****/ 
.down.callFlow-tip:after {content:"";}
.down.callFlow-tip:before {box-sizing: border-box;display: inline;font-size: 12px;width: 100%;line-height: 1;color: rgba(0, 0, 0, 0.8);content:"\25b2";position: absolute;text-align: center;left: 0px;top: -8px;}
.node {stroke: #285169;stroke-width: 1px;fill: #6691aa;}
.node text {fill: #fff;}
.node.error, .node.statusError {stroke: #FBC2C4;stroke-width: 1px;fill: #FBE3E4;}
.node.error text, .node.statusError text {fill: #D12F19;}
.node.statusOk {stroke: #C6D880;stroke-width: 1px;fill: #E6EFC2 !important;}
.node.statusOk text {fill: #529214;}
.node.statusUnknown {stroke: #FFD324;stroke-width: 1px;fill: #FFF6BF;}
.node.statusUnknown text {fill: #817134;}
.node.parent {cursor:pointer;stroke-width: 2px;}
.link {fill: none;stroke: #6691aa;/*  #C6D880; */}
.overlay {background-color:#EEE;}
.templink {fill: none;stroke: red;stroke-width: 3px;}
.ghostCircle.show {display:block;}
.ghostCircle, .activeDrag .ghostCircle {display: none;}
/***** END Call Flow Diagram *****/
.button-links-container{text-align: center;}
.button-links-container .deleteLink{
    font-size: 12px;
    margin-left: 10px;
    padding: 5px 5px;
    border-radius: 2px;
    margin: 5px 5px;
    line-height: 12px;
    display: inline-block;
    background: #e0e6e7;
    color: #6f6f6f;
    border: 1px solid #d6d6d6;
}
.button-links-container .deleteLink:hover{
    background: #91272c;
    color: #fff;
    border: 1px solid #6f1d21;
}
.fade-enter-active, .fade-leave-active {transition: opacity .5s}
.fade-enter, .fade-leave-to {opacity: 0}
[v-cloak] {display: none;}

.clickableCell
{
    cursor:pointer;
    color: #6692ac;
}
.clickableCell:hover
{
    text-decoration: underline;
    color: #30464c;
}
/* To add for instance on Mocha UI iframe links*/
.underline{
    text-decoration: underline;
}
.dynamic-section button.add:disabled {
    background-color: #e0e6e7;
    border-color: #e0e6e7;
    color: #888;
    cursor: not-allowed;
    box-shadow: none;
}
.dynamic-section .detail tr.highlighRow td.clickableCell, 
.dynamic-section .detail tr.highlighRow td.clickableCell:hover 
{
    color: #fff;
}
.dynamic-section .detail tr td
{
    vertical-align: baseline;
}
/* Sweet alert 2 */
.swal2-show.reseller-popups .swal2-content, .swal2-show.info-popup .swal2-content
{
    text-align: justify;
    line-height: 1.8;
    margin-top: 20px;
    font-size: 15px;
}
.swal2-show.reseller-popups .swal2-content ul, .swal2-show.info-popup .swal2-content ul
{
    padding-left: 0;
}
.swal2-show.reseller-popups .swal2-content .badge, .swal2-show.info-popup .swal2-content .badge
{
    margin-top:10px;
    font-size: 15px;
}
.swal2-show.info-popup .swal2-content p
{
    padding: 10px 20px;
}
#reseller-services table ul
{
    padding-left: 0;
}
#reseller-services table ul li
{
    margin: 5px 0;
}
/*table.aui.aui-table-interactive>tbody>tr:hover {*/
#reseller-services table tbody>tr:hover
{
    background: #f5f5f5;
}
#reseller-services table tr td
{
    vertical-align: middle;
}
#reseller-services p.desc
{
    margin-top:8px;
}
.highlightText
{
    background: yellow;
}
.highlighRow
{
    background-color: #32444b;
    color: #fff !important;
}
.d-block
{
    display: block;
}
.width-auto
{
    width: auto !important;
}

/* Credit management */
.swal2-content td.ticket-info span{
    display: block;
}
.swal2-content td .ticket-requesters {
    border-top: 1px solid #a2aeb5;
    padding: .5em 0 0 0;
    margin-top: .5em;
}

.swal2-content td .ticket-requesters label {
    font-weight: bold;
    font-style: italic;
}
.swal2-content td.ticket-info{
    max-width: 350px;
}

/* Hardware Return */
#hardware-return .dynamic-section .notice 
{
    font-size: 14px;
    line-height: 1.4;
}
#hardware-return .success p.response
{
    line-height: 1.4;
}
#returnmanagement .form-group label
{
    margin-right:15px;
}
#returnmanagement .form-group input[type='radio']
{
    margin-right:5px;
}
#returnmanagement .item-info h4
{
    font-size: 1.1em;
}
.dynamic-section #returnmanagement  .info > p{
    padding: .5rem 0 1em 0;
    font-style: italic;
}
.discount-list
{
    margin: 10px 0;
}
.discount-list li span.custom-heading{
    display:block;
    margin: 15px 0 10px;
    text-transform: uppercase;
    font-size: 1.1em;
}
.discount-list ul
{
    padding-left:0;
}
.discount-list ul li.list-item, .discount-amount ul li.list-item
{
    margin: 5px 0;    
}
.discount-amount
{
    margin: 10px 0 0;
}
.discount-amount ul 
{
    padding-left:0;
    margin-bottom: 5px;
}
.col-container {
    display: flex;  /* equal height of the children */
}

.col.tab-panel-split {
    flex: 1; /* additionally, equal width */
}
.col:not(.tab-panel-split)
{
    width: 100%;
}
.tab-panel{
    height:100%;
}

/**
 * Fonts
 */
.font-normal
{
    font-weight: normal
}
.capitalize
{
    text-transform: uppercase;
}
/* can be added to modify span */
.custom-heading
{
    font-size: 1.3em;
    margin-bottom: 10px;
    font-weight: bold;
}

/**
 * Colors
 */
.color-red
{
    color: #91272C !important;
}

/**
 * Spacing
 * 
 * m - Margin
 * p - Padding
 * t - top
 * r - right
 * l - left
 * b - bottom
 * Numbers - values in em
 * 
 */

.m-1
{
    margin: 1em;
}
.m-2
{
    margin: 2em;
}
.m-3
{
    margin: 3em;
}
.m-4
{
    margin: 4em;
}
.m-r-half
{
    margin-right: 0.5em;
}
.m-r-2
{
    margin-right: 2em;
}
.m-r-5
{
    margin-right: 5px; /* Icon spacing */
}
.m-t-half
{
    margin-top: 0.5em;
}
.m-t-1
{
    margin-top: 1em;
}
.m-t-2
{
    margin-top: 2em !important;
}
.m-t-3
{
    margin-top: 3em;
}
.m-t-5
{
    margin-top: 5em;
}
.m-b-1
{
    margin-bottom: 1em !important;
}
.m-b-2
{
    margin-bottom: 2em !important;
}
.m-b-3
{
    margin-bottom: 3em;
}
.m-l-2
{
    margin-left: 2em;
}
.m-l-5
{
    margin-left: 5px;
}
.m-l-10
{
    margin-left: 10px;
}
.m-l-20
{
    margin-left: 20px;
}
.p-b-0{
    padding-bottom: 0;
}

/**
 * Width
 * 
 */
.w-250
{
    width: 250px !important;
}

.w-450
{
    width: 450px !important;
}

/**
 * Height
 * 
 */
.h-725
{
    height: 725px;
}
.h-515
{
    height: 515;
}
.h-400
{
    height: 400px;
}

/**
 * Scroll
 * 
 */
.scroll 
{
    overflow-y: auto;
}

/**
 * Port Returns
 */

.port-returns .options{
    margin-top: 5px;
    margin-bottom: 20px;
}
.port-returns .options label{
    display: block;
    margin: 0.5rem 0;
}
.port-returns .options label input{
    margin-right: 5px;
}
.port-returns .service{
    margin-top:20px; 
    margin-bottom:5px;
}
.port-returns button{
    margin-top:20px;
}
/**
 * Quick View Dashboard
 */
#quick-view-dashboard .dynamic-section .processing-bar {
    text-align: left;
    display: grid;
    grid-template-columns: auto 180px;
}
#quick-view-dashboard .dynamic-section .processing-bar h3 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0;
}
#quick-view-dashboard .dynamic-section .activeLink{
    cursor: pointer;
}
#quick-view-dashboard .dynamic-section .processing-bar .activeLink{
    text-align: right;
    font-size: 15px;
    font-weight: 600;
}
#quick-view-dashboard .dynamic-section .activeLink:hover
{
    text-decoration: underline;
}
#quick-view-dashboard .quickViewBlockInfo{
    margin-top:15px;
    overflow-y: auto;
}
#quick-view-dashboard .quickViewBlockInfo .account-details{
    margin-top:15px;
}
#quick-view-dashboard .quickViewBlockInfo .account-details ul{
    list-style-type: square;
    padding: 0 1.5em;
}
#quick-view-dashboard .quickViewBlockInfo .account-details ul li{
    padding: 5px 0;  
}
#quick-view-dashboard .quickViewBlockInfo .status{
    font-weight: bold; text-align: center;
}
#quick-view-dashboard .quickViewBlockInfo .status-icon{
    font-size:15px;
    line-height: 15px;
    font-weight: bold;
    text-align: center;
}
#quick-view-dashboard .dynamic-section .tab-workspace
{
    display: flex;
}
#quick-view-dashboard h4{
    font-weight: bold;
}

/* Letter of demands */
#demand-letter #client-info {
    border-collapse: separate;
    border-spacing: 0 .5em;
}
#demand-letter .dynamic-section .workspace{
    min-width: auto;
}
#demand-letter #client-info tr td:last-child {
    background: #E4E6E7;
    border-radius: .5mm;
    font-weight: 700;
}
#demand-letter #client-info tr td {
    min-width: 10em;
    padding: .35em;
}
#demand-letter .dynamic-section .detail tfoot td {
    border-top: none !important;
    border-bottom: 1px solid #e0e6e7 !important;
}

/**
 * Support Wizard
 */
#support-wizard table.detail tbody tr:first-child th:first-child {
    width: 50%;
}
#support-wizard .dynamic-section .workspace{
    min-width: auto;
}
#support-wizard .dynamic-section button .fa {
    margin-right: 0; 
}
#support-wizard label.for-radio,
#support-wizard label.for-checkbox {
    font-weight: normal;
}
#support-wizard .validation-advice {
    display: block;
    width: 100%;
}
/* Element UI datetime picker:  the picker for the seconds is not aligned properly.
It currently shows 1% margin-left*/
.el-time-spinner.has-seconds .el-time-spinner__wrapper:nth-child(2) {
    margin-left: 0% !important; 
}
.el-date-editor input[readonly] {
    background: transparent;
    color: #5a5e66;
}

form#supportWizardForm label {
    font-weight: 700;
    min-width: 100px;
    margin-bottom: 5px;
    display: block;
}
form#supportWizardForm input[type="text"],
form#supportWizardForm input[type="number"],
form#supportWizardForm select{
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}
form#supportWizardForm textarea {
    border-radius: 0.25em;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    height: 100px;
}
form#supportWizardForm input[type="radio"],
form#supportWizardForm input[type="checkbox"] {
    margin-right: 5px;
}
form#supportWizardForm span.add-fieldset{
    display: block;
    text-align: right;
}
.dynamic-section form#supportWizardForm .multiselect__input, .dynamic-section .multiselect__single {
    font-size: .7rem;
    color: #5f7474;
}
.dynamic-section form#supportWizardForm .multiselect__option--highlight,
.dynamic-section form#supportWizardForm .multiselect__option--highlight:after{
    background:  #6692ac;
}
.dynamic-section form#supportWizardForm .multiselect__option--highlight.multiselect__option--selected,
.dynamic-section form#supportWizardForm .multiselect__option--highlight.multiselect__option--selected:after{
    background:  #91272c;
}
.dynamic-section form#supportWizardForm .multiselect__tag {
    background: #70a843;
}
.dynamic-section form#supportWizardForm .multiselect__tag-icon:focus,
.dynamic-section form#supportWizardForm .multiselect__tag-icon:hover {
    background: #558331;
}
.dynamic-section form#supportWizardForm .multiselect__tags {
    font-size: .72rem;
}
#desktopNavbar li ul li a#log\/follow_up_on_a_support_ticketLink{
    text-transform: initial !important;
}

/****** File input Styling ******/
/* Src https://codepen.io/sazzad/pen/antDJ */

.file-upload {
    display: block;
    text-align: center;
    font-size: 13px;
}
.file-upload .file-select {
    display: block;
    border: 2px solid #e0e6e7;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: #ffffff;
    overflow: hidden;
    position: relative;
}
.file-upload .file-select .file-select-button {
    background: #e0e6e7;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
.file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline;
    position: absolute;
    white-space: nowrap;
    padding: 0px 5px;

}
.file-upload.active .file-select,
.file-upload.active .file-select .file-select-button,
.file-upload .file-select:hover, 
.file-upload .file-select:hover .file-select-button  {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.file-upload .file-select:hover {
    border-color: #32444b;
}
.file-upload .file-select:hover .file-select-button {
    background: #32444b;
    color: #ffffff;
}
.file-upload.active .file-select {
    border-color: #70a843;
}
.file-upload.active .file-select .file-select-button {
    background: #70a843;
    color: #ffffff;
}
.file-upload .file-select input[type="file"] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}