@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);

/*@font-face {
	font-family: 'fontawesome';
	src:url('Fonts/fontawesome.eot');
	src:url('Fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('Fonts/fontawesome.svg#fontawesome') format('svg'),
		url('Fonts/fontawesome.woff') format('woff'),
		url('Fonts/fontawesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}*/

@font-face{
    font-family: 'Open Sans';
    src: url('Fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face{
    font-family: 'Open Sans Light';
    src: url('Fonts/OpenSans-Light.ttf') format('truetype');
}


body {
    padding : 0px;
    margin : 0px 0px 0px 0px;
    margin:0px;
    line-height : 1.9em;
    font-family : "Century Gothic", "Open Sans";
    font-size : 10pt;
    color : #646464;
}


body.login {
    background: url('/Content/images/login-super-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size : cover;
    background-size : cover;
    height : 100%;
    font-family: "arial";
}

/*#page_wrapper {
    margin-bottom : 170px;
}*/

::-moz-selection {
	background-color: #009611;
	color: #fff;
}


::selection {
	background-color: #009611;
	color: #fff;
}

/*Scroll bars*/
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 3px rgba(35,160,72, 0.3);*/ 
    background-color : rgba(35,160,72,0.3);
    border-radius: 5px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color : rgba(35,160,72,0.9);
   /* -webkit-box-shadow: inset 0 0 3px rgba(35,160,72,0.9); */
}




footer {
    color: #ffffff;
    height : 80px;
    padding : 15px 10px;
    margin-top : 0px;
    width:100%;
    bottom:0px;
    z-index: 4;
    position:absolute;
}

.help_footer {
    color: #ffffff;
    height : 24px;
    line-height:20px;
    margin-top : 0px;
    width:100%;
    bottom:0px;
    z-index: 4;
    position:absolute;
}

h1, h2, h3, h4, h5, h6 {
    font-family : "Century Gothic","Open Sans Light";
    color : #009611;
}

.FAQHeader {
     font-family : "Century Gothic","Open Sans Light";
    color : #009611;
}

.makegrey {
    color : #646464;
}



h1 {
    text-transform : uppercase;
}

h3{
    font-weight : bold;
}

h5{
    font-size: 16px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.FAQHeaderSection{
        color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}


a, a:hover {
    color: #009611;
    outline : none;
    text-decoration:none;
}

a:focus, a:visited {
    outline : none;
}

ul, ol {
    margin: 0px;
    padding: 0px;
}


.relative {
    position : relative;
}


.center {
    margin-left : auto;
    margin-right : auto;
}


.no-image {
    display: block;
    background : url("/Content/images/no-Image.png") no-repeat center center;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.input-validation-warning {
    border: 1px solid #e7b4168f;
}

ul.horizontal li {
    float : left;
}

.clearfix:after {

    clear: both;
    content: ' ';
    line-height : 1px;
    visibility : hidden;
    display : block;
}

.small-text {
    font-size: 8pt;
    line-height: 1.5em;
}

/*
 * ITSP Custom Styles
 */
.absolute {
    width: 100%;
    height : 100%;
    position : absolute;
    z-index : 4;
    top :0;
    left : 0;
}

.model_window {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    background : #ffffff;
    border : 1px solid #e9e9e9;
}

.donotshow {
    display : none;
}

.no-wrap {
    white-space : nowrap;
}

.text-ellipsis {
    text-overflow: ellipsis;
    overflow:hidden;
}
/** Text Styling **/

.text-black, 
a.text-black {
    color : #232323;
}

.text-bold {
    font-weight : bold;
}

.text-normal {
    font-weight:normal;
}

a.text-black:hover {
    color : #009611;
    text-decoration : none;
    cursor : pointer;
}

.text-white {
    color : #ffffff;
}

.text-italic {
    font-style: italic;
}

.text-great {
    color: #d4b43b;
}

.text-good {
    color : #23a048;
}

.text-average {
    color: #ff9b00;
}

.text-bad {
    color: #af2020;
}

/** boostrap overrides*/
address,
street,
city country,
province {
    display : block;
}


.form-control[readonly] {
    background-color:#fefefe;
}

/********** styles for image browser  ************/

.topmost {
    z-index : 1002!important;
}

@media  screen and ( min-width : 990px ) {
    .media_images_set{
        width: 100%;
    }

    .dialog{
        width: 90px;
    }
}

.media_images_set{
    list-style : none;
    margin-left : 10px;
    margin-right : 10px;
    height: 300px;
    overflow-y : auto;
}

.media_images_set li{
    float : left;
    margin-right : 10px;
    width : 64px;
    height : 64px;
    padding : 5px;
    border : 1px solid #ebebeb;
    margin-bottom: 10px;
    text-align: center;
    font-size : .7em;
    transition : background-color ease .4s;
    overflow : hidden;
}

.media_images_set li:hover {
    background-color : #efefef;
}


.media_images_set  li  img, 
.media_images_set  li  a {
    display : block;
}


.media_images_set li img {
    width: 52px;
}

.standard_button_collection,
.additional_button_collection,
.custom_button_collection {
    list-style : none;
    margin-left : 0px;
    padding-left : 0px;
    margin-top : 20px;
}


.standard_button_collection img,
.additional_button_collection img{
    width : 20px;
    height: 20px;
}

.standard_button_item,
.additional_button_item {
    padding:2px;
    transition : background-color 0.3s ease;
}

/*
.standard_button_item:hover,
.additional_button_item:hover {
    background-color : #efefef;
}
*/

/**********************  Image Broswser : File Upload ***********************/


.tab-titles h2{
    cursor: pointer;
    float : left;
    padding: 5px 10px;
    /*border-top : 1px solid #737373;
    border-left : 1px solid #737373;*/
    background-color : #00640b;
    border-top-left-radius : 3px;
    border-top-right-radius : 3px;
    transition : background-color .2s ease;
    margin-bottom : 1px;
    margin-right : 1px;
}

.tab-titles h2.active{
    background-color : #009611;
    color: #ffffff;
}

.tab-titles h2:hover {
    background-color : #009611;
}

/*.tab-titles h2:last-child {
    border-right : 1px solid #737373;
}*/

#downloading_apps_list {
    width: 100%;
    margin-left : auto;
    margin-right: auto;
    list-style: none;
}

#downloading_apps_list .icon {
    width : 88px;
    height : 88px;
    padding : 2px;
    border : 2px solid #e3e3e3;
    transition : .5s ease-in border-color;
}

#downloading_apps_list li:hover .icon {
    border-color : rgba(0,156,255,1);
}


#downloading_apps_list li {
    width : 25%;
}

#downloading_apps_list .links a {
    display : inline-block;
}


.progressbar{
    margin-top : 5px;
    background-color : #fafafa;
    border : 1px solid #737373;
}


.bar{
    height: 25px;
    background-color : #808080;
    transition: width .2s ease;
    width : 0%;
}


.tab-titles:after{
    content : ' ';
    clear : both;
    line-height : 1px;
    display : block;
    visibility : hidden;
}


.upload_browser {
    display: none;
}


.tab {
    border: 1px solid #eaeaea;
    padding: 20px 10px;
}


.bg-gray {
    background-color : #e9e9e9;
}

.bg-welcome-gray {
    background-color: #909090;
    color:#000;
}

.bg-white {
    background-color : #ffffff;
}


.bg-lightgray {
    background-color : #f0f0f0;
}


.bg-green {
    background-color : #24a048;
}

.bg-rose {
    background-color : #e18b8b;
}


.bg-red {
    background-color : #ed1a1a;
}

.bg-yellow {
    background-color : #fffd86;
}

.bg-orange {
    background-color : #f68e3f;
}

.bg-blue {
    background-color : #438cff;
}

.bg-light-green {
    background-color : #aad85e;
}

/*** Styles for Ticket Types Collection Creation ***/

.new_ticket_type {
    padding: 5px 5px;
}

.new_ticket_type:nth-child(odd){
    background-color : #eaeaea;
}

.new_ticket_type:nth-child(even){
    background-color : #efefef;
}

.new_ticket_type:hover{
    background-color : #fafafa;
}

.new_ticket_type > .title {
    float :left;
}

.new_ticket_type > .tt_action {
    float: right;
}

input.ticket_type_name[readonly] {
    border:0px;
}

.ticket_type_collection {
    margin-bottom : 20px;
}

.ticket_type_collection h3 {
    padding-bottom : 10px;
    margin-bottom : 15px;
    border-bottom : 1px solid #eaeaea;
}


.table_header {
    line-height : 25px;
}

.table_header .row {
    background-color : #8e8e8e;
    color : #ffffff;
    font-family : "Century Gothic","Open Sans";
    font-weight : bold;
    padding : 5px;
}

.small {
    font-size : 10px;
}

.container .jumbotron {
    padding-top : 10px;
    padding-bottom : 10px;
}

.jumbotron h1 {
    font-size: 30px;
}
.lead {
    font-size: 15px;
}

.navbar {
    margin-bottom : 0px;
    border: 0px;
    border-radius: 0px;
}

.text-justify {
    text-align: justify;
}


.green {
    color: #009611;
}


/*#header-top{
}*/

#utility-nav {
    text-align : center;
    /*display : none;*/
    /*position : absolute;*/
    top:25px;
    right: 0px;
    width : 300px;
    background : #fff;
    list-style: none;
    margin:0px;
    padding:10px;
    transition: .5s ease display;
    border: 1px solid #e9e9e9;
    box-shadow: 1px 1px 1px 1px rgba(200,200,200,0.6);
    z-index : 1001;
}


/*.collapsed_menu:hover #utility-nav {
    display : block;
}
    */

#client_logo {
    margin-right : auto;
    margin-left : auto;
    padding : 5px;
    border : 1px solid #efefef;
    margin-bottom : 10px;
}

/*#client_info {
    width : 178px;
}*/

/*#utility-nav li, #utility-nav li > a {
    line-height : 60px;
}

#utility-nav a {
    display : block;
    padding : 0px ;
    margin:0px;
}

#utility-nav a:hover {
    background : #00640b;
    color : #ffffff;
    text-decoration : none;
}
*/

/*
#utility-nav li:last-child {
    margin-right: 0px;
}

#utility-nav .profile_image {
    display: inline-block;
    width: 35px;
    height: 35px;
    
}

#utility-nav .profile_image img {
    width : 100%;
}


#entity_browser_clients_wrapper {
    padding: 10px;
    margin-top : 20px;
}
*/

.client_entity {
    overflow: hidden;
    border : 1px solid #efefef;
    font-size: 11px;
    line-height : 18px;
    padding : 5px;
}

.client_entity:hover {
    box-shadow : 2px 2px 4px 0px rgba(200,200,200,.6);
}

.client_entity h3 {
    padding-bottom : 5px;
    border-bottom : 1px solid #efefef;
}

.client_entity .operations {
    border-top : 1px solid #efefef;
}

.client_entity .operations a {
    display : block;
    cursor : pointer;
    float : left;
    margin-top : 5px;
}

.client_entity .operations a:hover {
    text-decoration : none;
}

.client_entity .operations a.opselect {
    margin-right : 5px;
    padding : 4px;
    background-color : #009611;
    color : #ffffff;
    font-weight: bold;
}

.client_entity .operations a.opshow_agents {
    margin-right : 5px;
    padding : 4px;
    background-color : #ff6a00;
    color : #ffffff;
    font-weight: bold;
}

.btn-green {
    color: #FFF;
    background-color: #00640b;
    border-color: #004b08;
}
.cursor-pointer{
    cursor:pointer;
}
.btn-green:hover {
    color: #FFF;
    background-color: #013807;
    border-color: #002d05;
}

.btn-orange {
    color: #FFF;
    background-color: #ff6420;
    border-color: #c43c00;
}

.btn-orange:hover {
    color: #FFF;
    background-color: #e25a1e;
    border-color: #c43c00;
}

.btn-orange:focus {
    color: #FFF;
    background-color: #ff6420;
    border-color: #ff6420;
}


.btn-gray {
    color: #FFF;
    background-color: #646464;
    border-color: #464646;
}


.btn-gray:hover {
    color: #FFF;
    background-color: #545454;
    border-color: #464646;
}



/* new colour for buttons */

.btn-frenchblue {
    color: #FFF;
    background-color: #0072bb;
    border-color: #006dcc;
}

/* 5% darker */
.btn-frenchblue:hover {
    color: #FFF;
    background-color: #0062a2;
    border-color: #00549d;
}

/* 5% darker */
.btn-frenchblue:focus {
    color: #FFF;
    background-color: #005389;
    border-color: #004b8d;
}



.btn-blue {
    color: #FFF;
    background-color: #1c8cee;
    border-color: #006dcc;
}

.btn-blue:hover {
    color: #FFF;
    background-color: #0c6cbf;
    border-color: #00549d;
}


.btn-blue:focus {
    color: #FFF;
    background-color: #00549d;
    border-color: #004b8d;
}



.btn-login-green {
    color : #ffffff;
    background-color :#23a048 ;
    border-radius : 0px;
    text-transform : uppercase;
    font-weight : bold;
    padding-left : 30px;
    padding-right : 30px;
}

.browser-breadcrumb ul {
    margin : 0px;
    padding :0px;
    list-style : none;
}

.browser-breadcrumb ul.list li{
    float : left;
    margin-right : 5px;
    font-size : 11px;
}

.browser-breadcrumb ul.list li:after {
    content : ">>";
    margin-left : 4px;
    font-size : 0.5em;
    line-height : 1em;
    vertical-align : middle;
}

.dialog .model{
    text-align : center;
    margin : 20px auto;
    width : 200px;
}

.dialogSB .model{
    text-align : center;
    margin : 20px auto;
    width : 200px;
}

/* Borders */

.border-top,
.border-top-bottom,
.border{
    border-top : 1px solid #e9e9e9;
}

.border-bottom, 
.border-top-bottom,
.border{
    border-bottom : 1px solid #e9e9e9;
}

.border-left,
.border-left-right,
.border{
    border-left : 1px solid #e9e9e9;
}

.border-right,
.border-left-right,
.border {
    border-right : 1px solid #e9e9e9;
}


.border-bottom-thin {
    border-bottom : 1px solid #eeeeee;
}

.border-bottom-thin.black-border {
    border-bottom : 1px solid #777777;
}


.high-sep {
    font-size : 25px;
    font-weight : 100;
    vertical-align : baseline;
}


#messages,
.messages {
    padding:5px;
}


.permissions-list fieldset {
    padding:5px;
    border: 1px solid #e9e9e9;
    margin-bottom : 15px;
}

.permissions-list fieldset legend {
    display : inline-block;
    margin-left:20px;
    margin-right:20px;
    background: #009611; /* Old browsers */
    background: -moz-linear-gradient(top,  #009611 0%, #00640b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009611), color-stop(100%,#00640b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #009611 0%,#00640b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #009611 0%,#00640b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #009611 0%,#00640b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #009611 0%,#00640b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009611', endColorstr='#00640b',GradientType=0 ); /* IE6-9 */
    height :30px;
    border: 1px solid #fafafa;
    border-radius : 3px;
    width : auto;
    padding : 1px 10px;
    margin-bottom : 0px;
    font-size : 12pt;
    color : #ffffff;
}


.permissions-wrapper ul {
    padding : 0px;
}

.permissions-wrapper ul li {
    display : block;
    border-bottom: 1px solid #ffffff;
}


.permissions-wrapper ul li a:hover {
    background-color : #ffffff;
}

.permissions-wrapper ul li,
.permissions-wrapper ul li label,
.permissions-wrapper ul li span {
    line-height: 25px;
}


.permissions-wrapper ul li a {
    display:block;
    transition : background-color ease .4s;
    padding: 5px 10px;
    color: #009611;
}

.permissions-wrapper ul li label {
    float : left;
}


.permissions-wrapper ul li span {
    float : right;
}


.permissions-wrapper ul li:nth-child(odd) {
    background-color : #ebebeb;
}

.permissions-wrapper ul li:nth-child(even) {
    background-color : #e9e9e9;
}


.social_row , 
.form-row{
    margin-bottom : 3px;
    margin-top : 3px;
}

.title {
    text-transform: capitalize;
}

#custom_ticket_type_engine {
    margin-right : 15px;
}


/***/
.margin-zero,
.margin-zero-top,
.margin-zero-top-bottom {
    margin-top : 0px;
}

.margin-zero,
.margin-zero-bottom,
.margin-zero-top-bottom {
    margin-bottom : 0px;
}



.margin-zero,
.margin-zero-left,
.margin-zero-left-right {
    margin-left : 0px;
}


.margin-zero,
.margin-zero-right,
.margin-zero-left-right {
    margin-right : 0px;
}


/* large */

.margin-large,
.margin-large-top,
.margin-large-top-bottom {
    margin-top : 20px;
}

.margin-large,
.margin-large-bottom,
.margin-large-top-bottom {
    margin-bottom : 20px;
}



.margin-large,
.margin-large-left,
.margin-large-left-right {
    margin-left : 20px;
}


.margin-large,
.margin-large-right,
.margin-large-left-right {
    margin-right : 20px;
}


/* small */

.margin-small,
.margin-small-top,
.margin-small-top-bottom {
    margin-top : 5px;
}

.margin-small,
.margin-small-bottom,
.margin-small-top-bottom {
    margin-bottom : 5px;
}



.margin-small,
.margin-small-left,
.margin-small-left-right{
    margin-left: 5px;
}


.margin-small,
.margin-small-right,
.margin-small-left-right {
    margin-right: 5px;
}


/* regular */

.margin-regular,
.margin-regular-top,
.margin-regular-top-bottom {
    margin-top : 10px;
}

.margin-regular,
.margin-regular-bottom,
.margin-regular-top-bottom {
    margin-bottom : 10px;
}



.margin-regular,
.margin-regular-left,
.margin-regular-left-right{
    margin-left: 10px;
}


.margin-regular,
.margin-regular-right,
.margin-regular-left-right {
    margin-right: 10px;
}

/* medium */
.margin-medium,
.margin-medium-top,
.margin-medium-top-bottom {
    margin-top : 15px;
}

.margin-medium,
.margin-medium-bottom,
.margin-medium-top-bottom {
    margin-bottom : 15px;
}



.margin-medium,
.margin-medium-left,
.margin-medium-left-right{
    margin-left: 15px;
}


.margin-medium,
.margin-medium-right,
.margin-medium-left-right {
    margin-right: 15px;
}

/* PADDING small */
.padding-small,
.padding-small-top,
.padding-small-top-bottom {
    padding-top : 5px;
}


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


.padding-small,
.padding-small-left,
.padding-small-left-right{
    padding-left : 5px;
}


.padding-small,
.padding-small-right,
.padding-small-left-right{
    padding-right : 5px;
}


/*PADDING REGULAR*/
.padding-regular,
.padding-regular-top,
.padding-regular-top-bottom {
    padding-top : 10px;
}


.padding-regular,
.padding-regular-bottom,
.padding-regular-top-bottom {
    padding-bottom : 10px;
}


.padding-regular,
.padding-regular-left,
.padding-regular-left-right{
    padding-left : 10px;
}


.padding-regular,
.padding-regular-right,
.padding-regular-left-right{
    padding-right : 10px;
}

/*PADDING LARGE*/
.padding-large,
.padding-large-top,
.padding-large-top-bottom {
    padding-top : 20px;
}


.padding-large,
.padding-large-bottom,
.padding-large-top-bottom {
    padding-bottom : 20px;
}


.padding-large,
.padding-large-left,
.padding-large-left-right{
    padding-left : 20px;
}


.padding-large,
.padding-large-right,
.padding-large-left-right{
    padding-right : 20px;
}


#news-quick-links li {
    font-size : 1.2em;
    margin-right : 10px;
}




.app-remove {
    position: absolute;
    top: -5px;
    right : 0;
    z-index: 99;
    height : 20px;
    width : 20px;
}

.app-remove a {
    color: #ffffff;
    font-weight: bold;
    font-size: 12pt;
}

.app-remove a:hover {
    color : #ffffff;
    cursor: pointer;
    text-decoration : none;
}




#login-form {
    
}

.login-form {
    /**/
}

.login-form-wrapper {
    padding: 20px 0px;
}

#login-form input[type=text],
#login-form input[type=password] {
    border-radius : 0px;
    border: 2px solid #e1e1e1;
    background: #ffffff;
    margin-bottom : 15px;
}


#brand_logo_preview ,
#brand-logo-preview,
#brand_logo_preview > img,
#brand-logo-preview > img {
    width : 250px;
    height : 75px;
    cursor : pointer;
}


.righ-dashed-border {
    border-right : 1px dashed #dfdfdf;
}

.zebra > div > .row {
    transition : background-color 0.3s ease;
    line-height : 35px;
}

/*
Removed upon request by Dean on 24th May 2016
.zebra > div > .row:nth-child(odd):hover,
.zebra > div > .row:nth-child(even):hover {
    background-color : #ffffff;
}*/

.zebra > div > .row:nth-child(odd) {
    background-color : #f0f0f0;
}

.zebra > div > .row:nth-child(even) {
    background-color : #fafafa;
}

.zebra > div > .row label {
    margin: 0px;
    padding: 0px;
}

.the_edit_value,
.the_edit_value_op,
.the_edit_value_Information,
.the_edit_value_Details,
.the_edit_value_Filter,
.the_edit_config_Information,
.edit_registration,
.the_edit_value_Details_rmm
{
    display: none;
}

.the_display_value,
.the_display_value_Information,
.the_display_value_Details,
.the_display_value_Details_rmm,
.the_display_value_Filter,
.the_display_config_Information,
.display_registration {
    display: inline-block;
}

.row-title {
    text-transform: capitalize;
}

.uppercase {
    text-transform : uppercase;
}


#additional_account_form .input-group-addon > label {
    width : 170px;
    text-align:left;
}


.display-table-cell {
    display: table-cell;
}

.vertical-center {
    position : relative;
    top : 50%;
    transform : translateY(50%);
}

.width-full {
    width: 100%;
}

.width-one_fourth {
    width: 25%;
}

.width-one_third {
    width: 30%;
}

.width-one_half {
    width:40%;
}


#result-container {
    max-height: 470px;
    overflow: auto;
    padding-bottom: 10px;
    padding-top: 10px;
}


.text-portal-green {
    color : #23a048;
}

ul#apps li > div,
ul#apps_list li > div {
    text-overflow: ellipsis;
    overflow : hidden;
}


.stb_icon {
    width: 20px;
    height : 20px;
}

#news_panel_on_dash{
    margin-top:20px;
}

#news_panel_on_dash h4 {
    font-size : 14pt;
}

#news_panel_on_dash .news-description {
    height: 65px;
    text-overflow : ellipsis;
    overflow : hidden;
    font-size : 10pt;
    line-height : 12pt;
}

th > a.accending,
th > a.descending {
    position: relative;
}

th > a.accending:after,
th > a.descending:after {
    position: absolute;
    top: 0px;
    content: "  ";
    width: 15px;
    display: block;
    right: -20px;
    text-indent: -100px;
    height : 15px;
}

th > a.accending:after {
    background: url('/Content/images/sort-carot.png') no-repeat 0px -15px;
}

th > a.descending:after {
    background: url('/Content/images/sort-carot.png') no-repeat 0px 0px;
}

.input-group-addon.text-left {
    text-align : left;
}



span.easytree-icon.droid {
    background: url('/Content/images/agent_types.png') 0px 0px no-repeat;
}

span.easytree-icon.windows {
    background: url('/Content/images/agent_types.png') 0px -54px no-repeat;
}

span.easytree-icon.ios {
    background: url('/Content/images/agent_types.png') 0px -36px no-repeat;
}

span.easytree-icon.osx {
    background: url('/Content/images/agent_types.png') 0px -18px no-repeat;
}


span.easytree-icon.client_item {
    background: url('/Content/images/client_icon.png') 0px 0px no-repeat;
}

span.easytree-icon.user {
    background: url('/Content/images/agent_types.png') 0px -72px no-repeat;
}

span.easytree-icon.users_icon {
    background: url('/Content/images/users_icon.png') 0px 0px no-repeat;
}

span.easytree-icon.agents_icon {
    background: url('/Content/images/agent_types.png') 0px -106px no-repeat;
}

span.easytree-icon.group_icon {
    background: url('/Content/images/agent_types.png') 0px -90px no-repeat;
}


span.easytree-icon.group {
    background: url('/Content/images/group_icon.png') 0px 0px no-repeat;
}

textarea {
    max-width:100%;
}

.theme-color-input.form-control {
    height: 36px;
}

img#imgIcon {
  
    max-height : 30px;
    max-width : 30px;
}

#app_btn_image_wraper {
    padding: 10px;
    border : 1px solid #efefef;
    transition : ease .8s all;
}

#app_btn_image_wraper:hover {
    border-color : #23a048;
}

#dialog-AddNew .small {
    line-height : 14px;
}


.modal .ui-widget {
    font-size : 1em;
}

.ignore-list li:nth-child(odd) {
        background-color : #f0f0f0;
}

.ignore-list li:nth-child(even) {
    background-color : #fafafa;
}

label.valid {
    display: block;
    width: 16px;
    height: 16px;
    background: url('/Content/images/check.png') no-repeat top left;
    position : absolute;
    top: .8em;
    right: .6em;
}

label.error {
    display: block;
    width: 16px;
    height: 16px;
    background: url('/Content/images/wrong.png') no-repeat top left;
    position : absolute;
    top: .8em;
    right: 1.2em;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 3;
}

.form-item {
    position : relative;
    margin-bottom : 1px;
    margin-top : 1px;
}

.form-item label.error,
span.field-validation-error {
    color : red;
}

#question-assign-ticket-types-wrapper.error{
    border:1px solid #ff0000;
}


.colorpick > label.error {
    right: 45px;
}

.alert 
{
    padding : 5px 15px;
}

input.form-control
  {
    padding-right:20px;
}

#pushUserModal .input-group > .form-control {
    float : none;
}






/**Media Library - new*/


/** Image Library **/

#media-library-shared > .content,
#media-library-yours > .content {
    max-height : 550px;
    overflow-y : auto;
}

#media-library-shared > .content > .image_list > li,
#media-library-yours > .content > .image_list > li {
    float       : left;
    padding     : 4px;
    border      : 1px solid #e9e9e9;
    margin      : 5px;
    transition  : .3s all ease;
}

#media-library-shared > .content > .image_list > li:hover,
#media-library-yours > .content > .image_list > li:hover {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.25);
}

#media-library-shared.brand > .content > .image_list > li,
#media-library-yours.brand > .content > .image_list > li {
    width:260px;
    height: 85px;
}

#media-library-shared.brand > .content > .image_list > li > img,
#media-library-yours.brand > .content > .image_list > li > img {
    width:250px;
    height: 75px;
}


#media-library-shared.app > .content > .image_list > li > img,
#media-library-yours.app > .content > .image_list > li > img,

#media-library-shared.button > .content > .image_list > li > img,
#media-library-yours.button > .content > .image_list > li > img {
    width : 60px;
    height : 60px;
}

#selected_image {
    margin-top: 20px;
    border-top : 1px solid #aeaeae;
    padding: 10px;
}


.media-library-dialog .ui-tabs-panel {
    margin-left  : 0px;
    margin-right : 0px;
}


/*.controllers-group {
    display: none;
}*/

/* Header */
.docs-header {
  margin-bottom: 0;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
  border-color: #0074d9;
}

.navbar-toggle .icon-bar {
  background-color: #0074d9;
}


/* Jumbotron */

.docs-jumbotron {
  background-color: #0074d9;
  color: #fff;
}

.docs-jumbotron .version {
  font-size: 14px;
  color: #fff;
  filter: alpha(opacity=50);
  opacity: 0.5;
}


/* Content */
.img-container,
.img-preview {
  background-color: #f7f7f7;
  width: 100%;
  text-align: center;
}

.img-container {
  min-height: 200px;
  max-height: 516px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .img-container {
    min-height: 516px;
  }
}

.img-container > img {
  max-width: 100%;
}

.docs-preview {
  margin-right: -15px;
}

.img-preview {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.img-preview > img {
  max-width: 100%;
}

.preview-brand {
  width: 250px;
  height: 75px;
}

.preview-button,
.preview-app {
  width: 128px;
  height: 128px;
}

/*.preview-sm {
  width: 69px;
  height: 39px;
}

.preview-xs {
  width: 35px;
  height: 20px;
  margin-right: 0;
}*/

.docs-data > .input-group {
  margin-bottom: 10px;
}

.docs-data > .input-group > label {
  min-width: 80px;
}

.docs-data > .input-group > span {
  min-width: 50px;
}

.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
  margin-right: 5px;
  margin-bottom: 10px;
}

.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
  margin-bottom: 10px;
}

.docs-tooltip {
  display: block;
  margin: -6px -12px;
  padding: 6px 12px;
}

.docs-tooltip > .icon {
  margin: 0 -3px;
  vertical-align: top;
}

.tooltip-inner {
  white-space: normal;
}

.btn-upload .tooltip-inner {
  white-space: nowrap;
}

@media (max-width: 400px) {
  .btn-group-crop {
    margin-right: -15px!important;
  }

  .btn-group-crop > .btn {
    padding-left: 5px;
    padding-right: 5px;
  }

  .btn-group-crop .docs-tooltip {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

.docs-options .dropdown-menu {
  width: 100%;
}

.docs-options .dropdown-menu > li {
  padding: 3px 20px;
}

.docs-options .dropdown-menu > li:hover {
  background-color: #f7f7f7;
}

.docs-options .dropdown-menu > li > label {
  display: block;
}

.docs-cropped .modal-body {
  text-align: center;
}

.docs-cropped .modal-body > img,
.docs-cropped .modal-body > canvas {
  max-width: 100%;
}

#selected_image_shared,
#selected_image_yours {
    position: absolute;
    bottom : 0px;
    right : 20px;
    padding: 10px;
    margin: 10px;
}

ul.image_list li.subjected {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(28, 139, 54, 0.8);
    -moz-box-shadow: 0px 0px 5px 1px rgba(28, 139, 54, 0.8);
    box-shadow: 0px 0px 5px 1px rgba(28, 139, 54, 0.8);
}

#btn_upload_center {

    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

#btn_upload_center > label {
    /*
        border-radius: 3px;
        border: 1px dashed #9e9e9e;
        padding: 15px;
    */
    display: block;
    width: 200px;
    height: 80px;
    background: url(/Public/Images/camera_II.png) no-repeat transparent;
}

.img-container .sk-rotating-plane {
    position: absolute;
    top: 34%;
    left: 50%;
}

.just-new > .sk-rotating-plane {
    margin-top: 10px;
}


span.social-link {
    display: inline-block;
    margin-left: 2pt;
}


/** Welcome Dialog Styles **/

#welcome-dialog-modal {
    display: block;
    position: fixed;
    top:0px;
    left:0px;
    width : 100%;
    height: 100%;
    background-color : #232323;
    opacity : 0.7;
    z-index: 4;
}

#dialog-welcome {
    position : fixed;
    z-index : 5;
    background-color : #f0f0f0;
    width : 560px;
    /*min-height: 380px;*/
    /*height:600px;*/
}

#dialog-welcome ol > li {
    /*list-style: none;*/
    line-height: 1.2em;
    margin-bottom: 1em;
}

#dialog-welcome ol > li:last-child {
    margin-bottom: 0px;
}

#dialog-welcome h2 {
    margin-bottom: 0px;
    margin-top:0px;
    font-weight:bold;
}

#dialog-welcome h4 {
    margin-top: 0px;
    margin-bottom:1em;
}

#dialog-welcome .regular-text {
    font-weight:normal;
    font-size: 11pt;
}

#toptips {
    line-height:1em;
}

#topspace,#bottomspace {
   
    padding:40px 10px 10px;
}

#bottomspace {
    padding-top:10px;
}

.welcome-buttons{
    font-size:16px;
    font-weight:bold;
    border-radius:0px;
}
.welcome-points{
    font-size:13pt;
    margin-bottom:10px;
}
.welcome-border {
    border:7px solid #23a048;
    height:100%;
}
.welcome-padding{
    padding:2px;
}
.welcome-header-main{
    font-size:30pt;
}
.welcome-header-sub{
    font-size:20pt;
}

.welcome-bottom-spans{
    margin-left:10px;
    margin-right:5px;
    margin-top:2px;
}
#welcome-dialog-header{
    margin-bottom:30px;
}
#btn-GO {
    width:130px;
}
#btn-Ready {
    width:130px;
}

#top-tip{
    padding-left:11px;
}

/** Upsell Canvas Dialog Styles **/

#canvasupsell-dialog-modal {
    display: block;
    position: fixed;
    top:0px;
    left:0px;
    width : 100%;
    height: 100%;
    background-color : #232323;
    opacity : 0.7;
    z-index: 4;
}

#dialog-canvasupsell {
    position : fixed;
    z-index : 5;
    background-color : #f0f0f0;
    width : 524px;
    /*min-height: 380px;*/
    height:745px;
}

#dialog-canvasupsell .regular-text {
    font-weight:normal;
    font-size: 11pt;
}

.canvasupsell-buttons{
    font-size:16px;
    font-weight:bold;
    border-radius:0px;
}

.canvasupsell-border {
    border:7px solid #23a048;
    height:100%;
}
.canvasupsell-padding{
    padding:2px;
}
.fulldesign-button-span{
    margin-right:3px;
}
#buttonContainer{
    margin-top:3px;
}


#FeatureRequestContainer {
    padding-top: 5px;
    float: right;
}

#FeatureRequestContainer > .btn {
    padding: 2px 10px;
}



.protocol-selector-wrapper {
    display: table-cell;
    position: relative;
    width : 13.5%;
}

.protocol-selector-wrapper > .form-control {
    padding-right : 2px;
}

#frmAppDialog .protocol-selector-wrapper > .form-control {
    padding-right: 0px;
    padding-left: 0px;
     width : 70px;
}


#itsp-assign-dialog #result-wrapper {
    min-height:514px;
    position:relative;
}

#itsp-assign-dialog #operations_wrapper {
    position:absolute;
    bottom :0px;
    width:100%;
}

.hasDatepicker {
    position:relative;
    z-index:4;
}

.purchasing-step {
    background-color: #e9e9e9;
    color : #646464;
}

.purchasing-step.active {
    background-color: #23a048;
    color : #ffffff;
}


.purchasing-step h4{
    color : #646464;
    font-weight : bold;
}

.purchasing-step.active h4{
    color : #ffffff;
    font-weight : bold;
}


.radio-option {
    line-height : 40pt;
    border-bottom : 1px solid #eaeaea;
    transition: all 0.5s ease;
}

.radio-option:hover {
    background-color : #fbfbfb;
}

.radio-option > .option {
    width : 5%;
}

.radio-option > .img {
    width : 10%;
}

.radio-option > .title {
    width : 60%;
}

.radio-option > .amount {
    width : 20%;
}

.radio-option input[type="radio"] {
    margin: 21px 0px 0px 0px;
}

.radio-option.active > .title {
   font-weight: bolder;
}

.radio-option.active > .amount {
   font-weight: bolder;
}

#sub-total {
    font-size: 2.5em;
}


/**
    Alert CSS
*/
.alert-box {
	color:#555;
	border-radius:2px;
    font-size:11px;
	padding:5px 36px;
	margin-bottom:10px;
    line-height :1.5em;
}
.alert-box span {
	font-weight:bold;
	text-transform:uppercase;
}

.alert-box.error {
	background:#ffecec url('images/error.png') no-repeat 10px 50%;
	border:1px solid #f5aca6;
}

.alert-box.success {
	background:#e9ffd9 url('images/success.png') no-repeat 10px 50%;
	border:1px solid #a6ca8a;
}

.alert-box.warning {
	background:#fff8c4 url('images/warning.png') no-repeat 10px 50%;
	border:1px solid #f2c779;
}

.alert-box.notice {
	background:#e3f7fc url('images/notice.png') no-repeat 10px 50%;
	border:1px solid #8ed9f6;
}


input[type=checkbox].itsp_entity_item {
    margin-right : 7px;
}



/* Styles for Report page */
.icon-drop:before, 
.icon-arrow-left:before {
	font-family: 'fontawesome';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}

.container > header nav a:hover:before {
	color: #fff;
}

.icon-drop:before {
	content: "\e000";
}

.icon-arrow-left:before {
	content: "\f060";
}


/* Icon font for arrow icons */
@font-face {
	font-family: 'icomoon';
	src:url('Fonts/icomoon_arrows/icomoon.eot');
	src:url('Fonts/icomoon_arrows/icomoon.eot?#iefix') format('embedded-opentype'),
		url('Fonts/icomoon_arrows/icomoon.woff') format('woff'),
		url('Fonts/icomoon_arrows/icomoon.ttf') format('truetype'),
		url('Fonts/icomoon_arrows/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Iconfont by Icomoon http://icomoon.io/ */


/* Accordion style */
.cbp-ntaccordion {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cbp-ntsubaccordion {
	list-style: none;
    margin-left: 25px;
}

.cbp-ntaccordion .cbp-nttrigger {
	cursor: pointer;
} 

.cbp-ntaccordion h3 {
	margin: 0 0 0.3em;
	padding: 1em 0 0.5em;
	border-bottom: 1px solid #ddd;
	font-size: 2.75em;
	font-weight: 300;
}

.cbp-ntaccordion h4 {
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.4em;
	padding: 0.5em 0 0.5em;
	margin: 0 0 0.5em;
}

.cbp-ntaccordion h5 {
	font-size: 1.2em;
	color: #aaa;
	padding: 0.5em 0 0.5em;
	margin: 0 0 0.5em;
}

.cbp-ntaccordion .cbp-ntcontent p {
	color: #888;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.5;
	padding: 0.2em 0 1.5em;
	margin: 0;
}

/* Arrow icons */

.cbp-ntaccordion > li > .cbp-nttrigger,
.cbp-ntsubaccordion > li > .cbp-nttrigger {
    padding-left: 25px;
    /*line-height: 1em;*/
    position: relative;
}

.cbp-ntaccordion > li > .cbp-nttrigger:before,
.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
font-family: 'icomoon';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #ddd;
    margin-right: 0.5em;
    -webkit-font-smoothing: antialiased;
    margin-left: -25px;
    position: absolute;
    left: 30px;
    top: 13px;
}

/*.cbp-ntaccordion > li > .cbp-nttrigger:before {
	font-size: 75%;
}*/

.cbp-ntaccordion > li > .cbp-nttrigger:before {
	content: "\32";
}
.cbp-ntaccordion > li > .cbp-nttrigger:hover:before {
	content: "\33";
	color: inherit;
}
.cbp-ntaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
.no-js .cbp-ntaccordion > li > .cbp-nttrigger:before {
	content: "\31";
	color: inherit;
}


.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	font-size: 75%;
}

.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	content: "\32";
}

.cbp-ntsubaccordion > li > .cbp-nttrigger:hover:before {
	content: "\33";
	color: inherit;
}
.cbp-ntsubaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
.no-js .cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	content: "\31";
	color: inherit;
}

/* Initial height is zero */
.cbp-ntaccordion .cbp-ntcontent {
	height: 0;
	overflow: hidden;
}

/* When open, set height to auto */
.cbp-ntaccordion .cbp-ntopen > .cbp-ntcontent,
.cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent,
.no-js .cbp-ntaccordion .cbp-ntcontent {
	height: auto;
    /*max-height:400px;*/
}

#table_dispath_report > tbody > tr > td {
    margin:0px;
    padding:0px;
}

.cbp-nttrigger > table {
    margin:0px;
}

.float-right{
    float:right;
}

.commentbox{
    font-family: monospace;
}

.commentbox-container{
    border: solid 1px;
    background-color: #ffffff;
    border-radius: 5px;
    max-height:500px;
    overflow-y:scroll;
}

.commentbox-bottom-border{
        border-bottom: solid 1px #d8d8d8;
}

.display-none{
    display:none;
}

.rate-bar{
    color:black;
    font-weight:600;
   
}

.padding-top-5px-bottom-border-dashed{
    padding-top:5px;
    border-bottom: dashed 1px;
    padding-bottom: 5px;
}

.survey-report-container-border{
        border: solid 1px;
        border-radius: 2px;
}

.border-none{
    border:none;
}

.user-comments{
    border: solid 1px;
    background-color: #ffffff;
    border-radius: 5px;
    min-height: 50px;
    margin: 10px;
}

.h6{
    font-family: "Century Gothic","Open Sans Light";
    color: #009611;
}
/* Example for media query */
@media screen and (max-width: 32em) { 

	.cbp-ntaccordion {
		font-size: 70%;
	}

}
pre.normal {
    background:transparent;
    border:none;
    font-family : 'Century Gothic', 'Open Sans';
}

#end_user_wrapper > h4{
    margin-bottom:5px;
}

#forms_end_user_list_wrapper {
    height:200px;
    overflow-y:auto;
}

/*#qftt_end_user_list > li {
    float:left;
    width : 295px;
    list-style:none;
}*/

.regular-text {
    font-weight:normal;
}
.smile{
    font-size: 72px;
    color:#23a048;
    cursor:pointer;
}

.neutral{
    color:#ff9b00;
}
.unhappy{
    color:#af2020;
}
.thumbs-up{
    color:#D4AF37;
    border: solid;
    border-radius: 50%;
    padding: 3px;
}

.thumbs-up-large{
    color:#D4AF37;
    border: solid;
    border-radius: 50%;
    padding: 7px;
    font-size: 3.9em;
}

.bg-smile{
    background-color:#23a048;
}

.bg-neutral{
    background-color:#ff9b00;
}
.bg-happy{
background-color:#a8d0a9;
}
.bg-unhappy{
    background-color:#af2020;
}
.bg-thumbs-up{
    background-color:#d4b43b;
    
}
.bg-defult-bar{
     background-color: #a8d0a9;
}


.default-rating-preview-container{
    border: 1px solid #ddd;
    margin-top: 10px;
    padding: 20px;
}

/*styles for star ratings*/
.star-rating {
font-family: "FontAwesome";
margin: 50px auto;
}

.star-rating > fieldset {
    border: none;
    display: inline-block;
}

.star-rating > fieldset:not(:checked) > input {
    position: absolute;
    top: -9999px;
    clip: rect(0, 0, 0, 0);
}

.star-rating > fieldset:not(:checked) > label {
    float: right;
    width: 1em;
    padding: 0 0.05em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 200%;
    color: #23a048;
}

.star-rating > fieldset:not(:checked) > label:before {
    content: "\f006  ";
}

.star-rating > fieldset:not(:checked) > label:hover,
.star-rating > fieldset:not(:checked) > label:hover ~ label {
    color: #1abc9c;
    text-shadow: 0 0 3px #1abc9c;
}

.star-rating > fieldset:not(:checked) > label:hover:before,
.star-rating > fieldset:not(:checked) > label:hover ~ label:before {
    content: "\f005  ";
}

.star-rating > fieldset > input:checked ~ label:before {
    content: "\f005  ";
}

.star-rating > fieldset > label:active {
    position: relative;
    top: 2px;
}

    /* Style tab links */
.survey-report-tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 25%;
}

.survey-report-tablink:hover {
  background-color: #777;
}

.survey-rep-active-tab{
    background-color: #555;
}

.helplink {
    font-size:1em;
}


/*self help styles*/
.self-helf-box{
    width: 18rem;
    border: solid 1px grey;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    margin:5px;
}

.dropdown-menu-selfHelp
    {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 1px 0;
    margin: 0px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #ddd;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu-selfHelp > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.btn-success-selfHelp {
    color: #fff;
    background-color: #ddd;
    border-color: #ccc;
    text-align: left;
}

#sh-article-selected-table{
    /*background-color:#fff;*/
    height:120px;
    overflow-y:auto;
    overflow-x:hidden;
}

.sh-article-selected-item-container{
    /*margin-top: 10px;
    margin-bottom: 5px;*/
    background-color:#f0f0f0;
    padding:2px;
    border: solid 1px #c5c5c5;
    border-bottom:none;
   cursor: pointer;
}

.sh-article-selected-item-container:last-child { border-bottom: solid 1px #c5c5c5; }


.lower-height {
    line-height:1.5em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .form-control {
    font-family : "Century Gothic", "Open Sans";
}

select.form-control {
    padding-left :9px;
}
.form-item .h6{
    font-size:10px;
}



.katha-pettiya-asuranaya {
    box-shadow : rgba(210,210,210, .6) 0px -1px 5px 0px;
    position : fixed;
    bottom:80px;
    height : 320px;
    width : 560px;
    display : block;
    z-index : 20;
    background-color : #fafafa;
    overflow : hidden;
}

.katha-pettiya-asuranaya iframe {
    border: 0px;
}

.chat_footer {
    height: 30px;
}

.chat_footer.inactive {
    display : none;
}

.chat_footer.active {
    display : block;
}

.chat_content_wrapper {
    height: 290px;
}

.chat_title {
    font-size: 1em;
    font-weight:bold;
    color: #fefefe;
    cursor : pointer;
}


#global_chat_opener {
    top:0px;
    right:0px;
    height: 30px;
    line-height : 1em;
    z-index:4;
}


#global_chat_opener > #chat_icon {
    font-size: 1.5em;
    color: #ffffff;
    float: right;
    background: #23a048;
    padding: 5px 10px 10px 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


#global_chat_opener > #chat_search_box_wrapper {
    float: right;
    padding: 10px;
    width: 0px;
    height: 160px;
    box-shadow: 0px 2px 4px 0px rgba(180,180,180,.9);
    background: #ffffff;
    border-radius: 0px 0px 5px 5px;
    transition: all ease 0.1s;
}

#agent_user_search_result_wrapper {
    height: 100px;
    overflow-x:auto;
}

#global_chat_search_agent_users .agent_user_item {
    transition : all ease 0.5s;
    padding : 5px;
    border-bottom : 1px solid;
    border-bottom-color : #ededed;
}

#global_chat_search_agent_users .agent_user_item:hover {
    background-color : #efefef;
}

#global_chat_search_agent_users > .agent_user_item > span {
    display : inline-block;
}

#global_chat_search_agent_users > .agent_user_item > .domain,
#global_chat_search_agent_users > .agent_user_item > .username {
    float:left;
}

#global_chat_search_agent_users > .agent_user_item > .username {
    margin-left : 5px;
    padding-left : 5px;
    border-left : 1px solid #ededed;
}

#global_chat_search_agent_users > .agent_user_item > .operation {
    float:right;
    width : 0px;
    margin-left: 0px;
    position:absolute;
    right:0px;
    top:0px;
    transition: all ease .5s;
    display:none;
}




#global_chat_search_agent_users > .agent_user_item .init-chat-with-user {    
    height:35px;
    padding-top:10px;
    padding-bottom:10px;    
    background-color : #ff6420;
    color: #ffffff;
    font-weight:bold;
    width: 0px;
    border-radius: 5px 0px 0px 5px;
}

#global_chat_search_agent_users > .agent_user_item:hover .operation,
#global_chat_search_agent_users > .agent_user_item:hover .init-chat-with-user {
    width : 70px;
    display:block;
}

#global_chat_search_agent_users > .agent_user_item:hover .init-chat-with-user {
    padding-left: 5px;
}
.directed_arrow {
    cursor:pointer;
}
#frmCallerIDVerification  .ui-slider .ui-slider-handle, #frm_secure_messaging_send  .ui-slider .ui-slider-handle{
        left: 10%;
        width: 35px;
        height: 35px;
        text-align: center;
        background-color: #ffc107;
        /*font-weight: 600;*/
        outline:none;
        color:black;
        margin-top: -8px;
    }
#frmCallerIDVerification    .ui-slider-range, #frm_secure_messaging_send .ui-slider-range{
        background-color:#63b5de;
    }
    .centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.remove-all-styles h1,
.remove-all-styles h2,
.remove-all-styles h3,
.remove-all-styles h4,
.remove-all-styles h5,
.remove-all-styles h6,
.remove-all-styles br,
.remove-all-styles p,
.remove-all-styles ul,
.remove-all-styles ol  {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : unset;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
    /* basic modern patch */
    all: initial;
    all: unset;
  }


#client_agent_tree ul{
    display: block;
}

#client_agent_tree ul li:after {
    clear:both;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
      .selector:not(*:root), .k-fullscreen .k-editor .k-editable-area {
        height: auto;
      }

      .selector:not(*:root), .k-fullscreen .k-editor .k-editor-toolbar-wrap {
        height: 35px;
      }
    }
    .k-fullscreen .k-editor {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100% !important;
      z-index:6;
    }

    .icon-picker-list {
	display: flex;
	flex-flow: row wrap;
	list-style: none;
	padding-left: 0;
}

.icon-picker-list li {
	display: flex;
	flex: 0 0 10%;
	float: left;
	width: 10%;
}

.icon-picker-list a {
	background-color: #f9f9f9;class ="modal"
	border: 1px solid #fff;
	color: black;
	display: block;
	flex: 1 1 auto;
	font-size: 12px;
	line-height: 1.4;
	min-height: 60px;
	padding: 10px;
	text-align: center;
	user-select: none;
}

.icon-picker-list a:hover,
.icon-picker-list a.active{
	background-color: #009E49;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

.icon-picker-list .fa {
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.icon-picker-list .name-class {
	display: block;
	text-align: center;
	word-wrap: break-word;
}

#iconPicker .modal-body{
    position: relative;
    padding: 15px;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}
#iconPicker .modal-dialog{
   width:650px;
}
.scorrol-box{
    max-height:500px;
    min-height:100px;
    overflow-y:scroll;
}
.min-height-50{
    min-height:50px;
}
.txt-box-item-name{
    max-width:300px;
}

.btn-remove-left-border { border-top-left-radius: 0px;
       border-bottom-left-radius: 0px; }
#icon_span.demo-icon{
    line-height:1.5em;
}
.service-catelog-items table{
   margin-bottom: 0px;
   font-weight: 600;
}
#btn_choose_icon {
    color:#ffffff;
}
.vco-isready-bc-color{
  background-color: #91f1ad;
}
#catalogueItemCollection label {
    font-weight:normal;
}


/*
    Receiver menu
*/
.k-command-cell {
    text-align : right;
}

.addSubMenu, .addSubMenu:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    display: inline-block;
}

.ValidElements{
    display: block;
}

.k-treelist .k-command-cell .k-button {
    display: inline-block;
    padding: 1px 5px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 4px;
    line-height: 2em;
}

.k-grid-add, .k-grid-add:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 4px;
}


 .editConfig, .editConfig:hover {
    display: block;
    color: #FFF;
    background-color:  #f0ad4e;
    border-color:  #eea236;
            
}

 .k-grid-edit, .k-grid-edit:hover{
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
    border-radius: 3px;
}

.k-grid-delete, .k-grid-delete:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
    border-radius: 3px;
}
.font-weight-light{
    font-weight:100;
}
.vcio-selected-reco-solution{
    /*border: solid 2px #c2f7d0;
    border-radius: 5px;
    padding-bottom: 35px;*/
    background-color: #c2f7d0;
}
.reco-selcted-option-border{
     border:solid 1px #006400;
     border-radius:5px;
}
.reco-selected-input-top{
     border:solid 1px #006400;
     border-top-right-radius:5px;
     border-top-left-radius:5px;
    border-bottom:none;
}
.reco-selected-input-bottom{
     border:solid 1px #006400;
     border-bottom-right-radius:5px;
     border-bottom-left-radius:5px;
    border-top:none;
}
.reco-selected-input-center{
    border:solid 1px #006400;
    border-top:none;
    border-bottom:none;
}
.conversation-list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    /*background-color: #fff;*/
    border: 1px solid #ddd;
}


#recommendations-pane input[readonly],
#recommendations-pane select[readonly] ,
#recommendations-pane textarea[readonly]{
    background-color :#eee;
}

/*.disableColorOptions {
     background-color :#eee !important;
 }
*/

.vcio-status-box{
    width:22px;
    height:22px;
    border:solid 1px #fff;
}

.vcio-tbl-content-cell{
    line-height:25px;
}

#vcio_presentation_options .margin-zero-bottom > table {
    margin-bottom: 5px;
}

#additional_account_form #Login_Name{
    text-transform:lowercase;
}


.tenancy_box {
    border: 1px solid #efefef;
    padding: 25px;
}


.btn-light-blue {
    color: #FFF;
    background-color:#5CB3FF;
    border-color: #4FA2EC;
}


.sortable-ul li{
    list-style-type: none;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:5px;
    margin-bottom:5px;
}
.bg-traffic-warn{
    background-color:#e7b4168f;
}
.bg-traffic-danger{
    background-color: #f82d31a8;
}
#frm-device-listing-rule td{
    padding:2px;
}
#show-unlicensed-users{
    margin-top:15px;
}
    
#notes .customer_note > .panel-body{
    background-color: #d9edf7;
}

#notes .engineer_note > .panel-body {
    background-color: #DCDCDC;
    
}

#freshdesk_notes{
    line-height:1em;

}
 
#divUsers
{
    padding:15px;
}  

div.ui-tooltip {
    max-width: 70%;
} 
.quiz_disable{
    background: #dddddd;
}

.animate-button {
    position: relative;
  animation-name: shake;
  animation-duration: 0.82s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  cursor: pointer;
}
@keyframes shakeAnim {
  0% {left: 0}
  1% {left: -3px}
  2% {left: 5px}
  3% {left: -8px}
  4% {left: 8px}
  5% {left: -5px}
  6% {left: 3px}
  7% {left: 0}
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
         background-color: #ebc48d;
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
        background-color: #e5ae61;
    }

    30%, 50%, 70% {
        transform: translate3d(-2px, 0, 0);
        background-color: #eea236;
    }

    40%, 60% {
        transform: translate3d(2px, 0, 0);
         background-color: #eea236;
    }
}
.group-pagination span{
    cursor:pointer;
}

#preview .elegant label{
    padding:6px;
}

.cke_editable
{
	font-size: 13px;
	line-height: 1.6;

	/* Fix for missing scrollbars with RTL texts. (#10488) */
	word-wrap: break-word;
}

.bg-traffic-warning{
    background-color:#E7B416;
    color:white;
}
.bg-traffic-fail{
     background-color:#f82d31;
      color:white;
}

/*CSAT*/
.csat-dashboard-list-container{
    max-height:300px;
    overflow-y:auto;
}

.btn-show-info{
    color: #fff;
    border-color: #a662ff;
    background-color:#a662ff;
}

.articles-list  a {
   color: #777777;
}

.articles ul li {
    margin-bottom: 5px;
}

.articles-list li {
    margin-left: 5px;
}
.text-size-3em{
    font-size:3em;
}
.text-size-2em{
    font-size:2em;
}
.dashboard-icon{
    font-size:1.3em;
}
.dashboard-icon-thumbs-up{
   font-size: 0.8em;
    padding: 1px;
}



#survey_report_row {
    display: flex;
    flex-wrap: wrap;
     flex-direction:row;
}

.fit_content{
    flex-basis: auto;
}

.fit_container {
    flex:1 0 auto;
}

.highlight{
    background-color:#f1e740;
}

img.align-top {
    vertical-align:top;
}
.great-excelent-lable{
    width:136px;
}

 .formorder, .formorder:focus {
    border: 1px solid #AAAAAA;
    width:45px;
    text-align:right;
}

 .formorder:read-only {
    background-color:lightgray;
}

 input.form-control.formorder {
    padding:0;
 }

 #auditItemCollection th{
     cursor:pointer;
 }


/*toggle button styles*/
.toggle-tw {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 52px;
  height: 22px;
  display: block;
  border-radius: 50px;
  overflow: hidden;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #707070;
  transition: background-color ease 0.3s;
   position: absolute;
    right: 175px;
}

.toggle-tw:before {
  content: attr(data-onoff); /*"on off";*/
  display: block;
  position: absolute;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: #fff;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  font: 10px/18px Helvetica;
  text-transform: uppercase;
  font-weight: bold;
  text-indent: -22px;
  word-spacing: 28px;
  color: #fff;
  text-shadow: -1px -1px rgba(0,0,0,0.15);
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
}

.toggle-tw:checked {
  background-color: #23a048;
}

.toggle-tw:checked:before {
  left: 32px;
}
.toggle-container{
    background-color: #f9f9f9;
}

.themes {
    width :100%;
    position: relative;
    top: 100%;
    left: 5px;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 2px;
  border: 2px solid #009611;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #009611 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


#cookiePopup{
    z-index:1000;
    position:fixed;
    width:400px;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    background-color:rgba(255,255,255,0.9);
    padding:20px 30px 20px 30px;
    font-family:'Century Gothic',sans-serif;
    box-shadow :0px 3px 10px 5px rgba(0,0,0,0.4);
    text-align:center;
    border-radius:30px 30px 0 0;

}

#cookiePopup button {
    display:block;
    margin-left:auto;
    margin-right:auto;
    border:none;
    background-color:green;
    padding:10px 50px;
    margin-top:-5px;
    color:white;
    transition:all ease 0.5s;
}


 #cookiePopup button:hover {
        background-color:darkgreen
}

 #cookiePopup h3{
     font-size:22px;
 }

 #cookiePopup p{
     font-size:13px;
 }

 #cookiePopup a{
     color:gray;
     text-decoration:underline;
 }
 .theme-description {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px; /* Adjust the max-width according to your needs */
}
 .itsp-guage-controls {
    margin: 0 auto;
}

.subscription td {
    border-right: 5px solid white;
}

.subscription .sub-upgrade-now span {
    color: white;
    background-color: #ccad00;
}

.subscription .sub-upgrade-now {
    text-align: center;
    vertical-align: middle;
}


.subscription .sub-subscribed {
    color: forestgreen;
    font-weight:bold;
    text-align: center;
    vertical-align:middle;
}

.bundle-text{
    font-size:16px;
    font-weight:600;
}

.subscription td img {
    padding-left: 10px;
}



 .fa-stack {
  text-align: center;
}

.fa-stack .fa-caret-down {
  position: absolute;
  bottom: 0;
}

.fa-stack .fa-caret-up {
  position: absolute;
  top: 0;
}

.nps-plus{
    color:green;
    font-weight:bold;
}

.nps-minus{
    color:red;
    font-weight:bold;
}
.nps-normal{
    font-weight:bold;
}
.nps-title{
    font-size:15px;
    font-weight:bold;
}

.nps-value{
    font-size:35px;
    font-weight:bold;
}



.k-dropdown {
    width: 100%;
}

.k-list-container {
    background-color: #ffffff;
}

.k-autocomplete,
.k-dropdown-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-picker-wrap.k-state-default {
    background-color: #ffffff;
}

.agentsettingboxes {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    max-height: 100vh;
    width: 25%;
}

    .agentsettingboxes a {
        width: 75px;
        margin: 1px;
        border: 1px solid #c6c6c6;
        box-shadow: 3px 3px 8px 0px rgba(0,0,0,0);
        max-width: 75px;
        height: 75px;
        background-color: #f1f1f1;
    }

.custom-link
{
    cursor:pointer;
}

.blurred-text {
    color: transparent;
    text-shadow: 0 0 12px rgba(0,0,0,0.8);
}

.link-danger {
    color: #ffc107;
    text-decoration: underline;
}

.link-danger:hover {
    color: #d9534f; 
    text-decoration: none; 
}


/*
    styles vcio information tool bar
*/
/* Toolbar styling */
.editor-toolbar {
    display: none;
    gap: 5px;
    margin-bottom: 5px;
}

    .editor-toolbar button {
        line-height: 10px;
        border: 1px solid #ced4da;
        background-color: #f8f9fa;
        color: #212529;
        padding: 2px 5px;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .editor-toolbar button:hover {
            background-color: #e2e6ea;
        }

/* Editable area styled like Bootstrap textarea */
.editor-area {
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    padding: 0.375rem 0.75rem;
    min-height: 60px;
    width: 100%;
    background-color: #fff;
    color: #212529;
    line-height: 1.5;
    overflow-y: auto;
    transition: box-shadow 0.2s, border-color 0.2s;
}

    .editor-area:focus {
        outline: none;
        border-color: #86b7fe;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

/* Show toolbar when focused */
.editor-wrapper.active .editor-toolbar {
    display: flex;
}

div[contenteditable="false"] {
    background-color: #eee;
    color: #666;
    cursor: not-allowed;
    pointer-events: none; /* prevents clicks and text selection */
}
/*
    styles vcio information tool bar end
*/