/* 
    Document   : Additional_css
    Created on : Jul 11, 2013, 10:09:40 PM
    Author     : Mahesh Ramasamy
    Description:
        Additional Css of commonStyle_OEM & common_css files
*/

/* Layout */
body{
    min-width: 960px;
    font-family: Helvetica, Arial, Verdana, sans-serif !important;
}

html,body {
    min-width: 960px;
    margin:0!important;
    padding:0!important;
    height:100%!important; /* needed for container min-height */
}
/* Header Tab*/

.headerMenu ul li a:hover:not(.PhoneNo)
{
    color:#FFF;
    background: #818183; /* Old browsers */
    background: -moz-linear-gradient(top,  #818183 0%, #818183 35%, #56565b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#818183), color-stop(35%,#818183), color-stop(100%,#56565b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #818183 0%,#818183 35%,#56565b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #818183 0%,#818183 35%,#56565b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #818183 0%,#818183 35%,#56565b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #818183 0%,#818183 35%,#56565b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818183', endColorstr='#56565b',GradientType=0 ); /* IE6-9 */
}
.headerMenu ul li .active
{
    background-color:#8b8c8e;
}
#header_Links ul li:last-child{
    border-right: none;
}
a.header-modal-trigger{
    color: transparent !important;
    text-decoration: none !important;
    padding: 0 !important;
    line-height: 0 !important;
}
/*#accountSettings_closeIcon{
    height: 30px;
    width: 30px;
    position: absolute;
    top: -15px;
    right: -15px;
}*/

/* Header Bottom Portion */
.loggedin_menubar_container .icons{
    color: #DAD9D5;
    font-size: 16px;
    cursor: pointer;
}
#header_Icons ul li{
    position: relative;
}
#header_Icons ul li span{
    position: absolute;
    top: 0;
    right: 0;
    -moz-border-radius:75px;
    -webkit-radius:75px;
    border-radius:75px;
    width: 10px;
    height: 10px;
    background: #166BA9;
    width: 10px;
    height: 10px;
    background: #166BA9;
    font-size: 8px;
    line-height: 10px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
}
div#container {
    position:relative; /* needed for footer positioning*/
    margin:0 auto; /* center, not in IE5 */
    width:100%;
    min-height: calc(100% - 23px);
    min-height: -moz-calc(100% - 23px);
    /* WebKit */
    min-height: -webkit-calc(100% - 23px);
    /* Opera */
    min-height: -o-calc(100% - 23px);
}

#header_container{
    position: relative;
    margin: 0px 24px 0 24px;
}
.logoposition{
    height: 64px;
    width: 132px;
    background-size:contain;
    margin: 15px 0 0 0px;
    display: block;
}
#banner{
    height: 75px;
    width: 450px;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    margin-left: auto;
    margin-right: auto;
}
#logged-user-info{
    margin: 8px 0 0 0;
}
#logged-user-info p{
    text-align: right;
    line-height: 13px;
    padding-right: 25px !important;
}
#logged-user-info p , #logged-user-info button{
    margin-bottom: 4px;
}
#user-name.btn , #menu-link-dropdown.btn{
    border: none;
    background: transparent;
    box-shadow: none;
    outline: 0; 
}
#user-name.btn{
    height: 25px;
    font-weight: bold;
    padding-right: 0;
    padding-left: 3px;
}
#menu-link-dropdown.btn{
    color: #D3D3CF;
    line-height: 15px;
    height: 26px;
    padding: 4px 14px;
}
.dropdown-menu li{
    border-right: none !important;
    border-left: none !important;
    width: 100%;
}
#dataTableFooter ul li a{
    cursor : pointer;
}
#menu-link-dropdown .dropdown-menu a{
    color: #fff !important;
}
#user-name .caret , #menu-link-dropdown .caret {
    border-top: 5px solid #000000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
#user-name .caret{
    margin-top: 5px;
}
#logged-user-details .caret{
    margin-top: 8px;
}
#profile-img{
    width: 60px;
    height: 60px;
    border: 1px solid #EDEEEF;
    margin-top: 12px;
}
#user-imfo-details{
    margin-top: 10px;
}
#logged-user-details #user-name-warp{
    margin-right: 24px;
    margin-left: 0;
    white-space: normal; 
}
#user-status-wrap ul{
    padding: 10px !important;
    text-align: left;
}
#user-name-warp .dropdown-menu{
    min-width: 99px;
    text-align: left;
}

/* Content */
div#content {
    padding:0em 0em 0em; /* bottom padding for footer */
}

#content_wrapper{
    height: auto;
    opacity: 0;
}

/* Footer */
div#footer {
    position:absolute;
    width:100%;
    bottom:0; /* stick to bottom */
}

footer div a{
    padding: 0 10px;
    line-height: 20px;
    font-size: 11px;
    border-right: 1px solid #fff;
    color: #fff;
}
footer div a:hover{
    color: #fff;
}
footer div a:last-child{
    border-right: none;
}

/* Buttons */
.btn.custom-success-btn{
    color: #ffffff;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    text-shadow: 2px 1px 3px #666;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#00A662), to(#008144));
    background: -moz-linear-gradient(top, #00A662, #008144);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#00A662, endColorStr=#008144);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#00A662, endColorStr=#008144);
    border: none;
}
.btn.custom-success-btn:hover {
    background: #41BA77;
}

/* Addional Setting Css */
#accountSettings label{
    width: 145px;
    display: inline-block;
    vertical-align: middle;
    font-family: Helvetica, Arial, Verdana, sans-serif !important;
}
.pwd{
    width: 200px !important;
}
#accountSettings input[type="text"] , #accountSettings input[type="password"] , #accountSettings select{
    margin-bottom: 10px !important;
}
.large-txtbox{
    width: 300px !important;
}
#accountSettings select{
    width: 304px !important;
}

/* Common Style of User Management Widget Popups */
#MaxWidgetModalContent{
    height: 100%;
}
#MaxWidgetModalContent .widget_header_img{
    /*margin-right: 25px;*/
}
#MaxWidgetModal #widget_search span{
    margin-top: 4px;
    padding-left: 5px;
}
#configureextensions #widget_content_table{
    position: static;
}
#popupWindowGridView table thead {
    display: none;
}
#searchPopupWindow {
    overflow: visible;
    z-index: 999;
    top:1%;
    position: absolute;
    background-color: #fff;
    border: 2px solid gray;
}


#editUserPopup .helpIcon{
    margin-right: 5px;
}
/* Modal Data Table Common Css */
#MaxWidgetModal > .dataTable {
    max-height: 100%;
    overflow: auto;
    overflow-x: auto;
    max-width: 100%;
}
#MaxWidgetModal > .dataTable tr {
    height: 23px;
}
#table_id tbody tr td:first-child{
    border-right: 1px solid #000;
}
#MaxWidgetModal > .dataTable tr td {
    padding-left: 10px;
    white-space: nowrap;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f0ef));
    background: -webkit-linear-gradient(top, #fff, #f1f0ef);
    background: -moz-linear-gradient(top, #fff, #f1f0ef);
    background: -ms-linear-gradient(top, #fff, #f1f0ef);
    background: -o-linear-gradient(top, #fff, #f1f0ef);
}
/*Input width*/
#collapseE911Service .managePhoneSystemInput
{
    width: 400px!important;
}

.managePhoneSystemInput
{
    width: 150px!important;
}
.InputZipCode
{
    width: 50px!important;
}
/* User Management Widget Popup Styles  */
#searchPopupWindow{
    width: 75%;
    left: 12%;
}
#overlay-header ,#overlay-content ,#overlay-footer{
    width: 898px;
}
#searchPopupWindow #overlay-header , #searchPopupWindow #overlay-content ,#searchPopupWindow #overlay-footer{
    width: 100% !important;
}
#overlay-header , #overlay-footer{
    height: 30px;
}
#txt_searchPopupWindow_search{
    height: 20px !important;
    -webkit-border-radius: 272px !important;
    -moz-border-radius: 272px !important;
    border-radius: 272px !important;
    background: #fff url(../img/search.png) no-repeat 9% 50%;
    margin-right: 20px;
    text-indent: 20px;
    width: 120px;
}
#txt_searchInVftfn_search{
    height: 20px !important;
    -webkit-border-radius: 272px !important;
    -moz-border-radius: 272px !important;
    border-radius: 272px !important;
    background: #fff url(../img/search.png) no-repeat 9% 50%;
    margin-right: 0px;
    text-indent: 20px;
    width: 120px;
}
#overlay-content{
    height: 200px;
    background: #fff;
    padding-bottom: 20px;
}
#searchPopupWindow #overlay-content{
    height: 82%;
    background: #fff;
    margin-bottom: 0 !important;
}
#table_id , #popupWindowGridView{
    width: 100%;
}
#widget_content_table .display tr td:first-child {
    border-right: 1px solid #666;
}
#overlay-footer{
    text-align: right;
}   
#searchPopupWindow #searchPopupBtn{
    font-size: 11px;
    padding: 0px 12px;
    margin-top: 5px;
    height: 20px !important;
}
#searchPopupBtn{
    margin-right: 20px;
}
#table_id_processing{
    display: none;
}
.popup-header{
    padding: 4px 0px 0px 8px;
}
.backgroundPopup {
    z-index:1040;
    position: fixed;
    display:none;
    height:100%;
    width:100%;
    background:#000000;
    top:0px;
    left:0px;
}
.MPS_wrapper {
    z-index:9999;
    position: absolute;
    display:none;
    height:100%;
    width:100%;
    background:#000000;
    top:0px;
    left:0px;
}
.address_suggestions{
    overflow-y: scroll;
    height: 160px;
    border: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
}
.address_suggestions_iqnt{
/*    overflow-y: scroll;
    height: 160px;*/
    height: 50px;
    border: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.AddressSuggestionPopupBg
{
    background-color:#fff;
    border:5px solid #5f676e;
    border-radius:5px; 
    width:450px ;
    left:59%;
    position:absolute;
    z-index:2000;
    display: none;
}
/* Phone System customized modals Modals */
.PhoneSystemPopupBg
{
    background-color:#fff;
    border:5px solid #5f676e;
    border-radius:5px; 
    width:500px ;
    left:60px;
    position:absolute;
    z-index:2000;
    display: none;
}
.top_margin_CallForwardSelective
{
    top: 10%; 
    left:50%;
    margin-left: -250px;
}
.PhoneSystemPopupBg .modal-body, .AddressSuggestionPopupBg .modal-body
{
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 5px 5px 0px 18px;
}
.PhoneSystemPopupBg .modal-header, .AddressSuggestionPopupBg .modal-header
{
    padding: 4px 15px;
    border-bottom: 0px solid #eee!important;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}
.PhoneSystemPopupBg h4, .AddressSuggestionPopupBg h4
{
    font-size:15px;
    margin: 0px !important;
}
.PhoneSystemPopupBg  .modal-footer, .AddressSuggestionPopupBg .modal-footer {
    padding: 4px 15px 4px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
}

/* User Management Edit Popup Styles */
#editUserPopup{
    left: 13%;
    width: 75%;
    min-width: 824px;
    min-height: 468px;
    height: calc(100% - 420px);
    overflow: visible;
    z-index: 1059;
    top:10%;
    background-color: #fff;
    position: absolute;
}

#editUserPopup-header{
    padding:0px 0px 5px 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
}

#editUserPopup-header .mps_settings {
    float: left;
    padding-top: 5px;
}

#editUserPopup-header .mps_settings span {
    line-height: 23px;
    margin-left: 5px;
}

#editUserPopup-header h5{
    margin: 5px 0 0 5px;
}
#editUserPopup-header .pull-right{
    margin-top: 4px;
    margin-right: 8px;
}
#editUserPopup-content{
    height: -moz-calc(100% - 88px);
    /* WebKit */
    height: -webkit-calc(100% - 88px);
    /* Opera */
    height: -o-calc(100% - 88px);
    /* Standard */
    height: calc(100% - 88px);
    /*height: calc(100% - 79px);*/
    overflow-x: hidden;
    border-bottom: 1px solid #ddd;
    /*min-height: 385px;*/
    /* min-height: 378px; */
    overflow: auto;
    padding:10px;
}
#editUserPopup-footer{
    overflow: hidden;
    text-align: right;
    background: #fff;
}
#editUserPopup-footer #configureExtension_updateMsg{
    margin-bottom: 0;
    margin-top: 8px;
    margin-right:10px;
}
#editUserPopup-footer button{
    padding: 2px 8px;
    margin-right: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
#editUserPopup .accordion-heading {
    -webkit-border-radius: 4px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f0ef)); /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(top, #fff, #f1f0ef); /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #fff, #f1f0ef); /* IE 10 */ 
    background: -ms-linear-gradient(top, #fff, #f1f0ef); /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #fff, #f1f0ef); 
}
#editUserPopup .accordion-group a{
    color:#55555A!important;
}
#editUserPopup .accordion-group>.active{
    background: #0061a6;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0061a6), to(#044e7d)); /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(top, #0061a6, #044e7d); /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #0061a6, #044e7d); /* IE 10 */ 
    background: -ms-linear-gradient(top, #0061a6, #044e7d); /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #0061a6, #044e7d); 
}
#editUserPopup .accordion-group>.active a{
    color:#ffffff!important;
}

/*icon display when div is hide */
.rowToggleUp{
    background:url(../img/arrow_up_tabs.png);
    background-repeat: no-repeat;
    width:12px;
    height:11px;
    padding-left: 13px;
    padding-left: 13px;
    background-position: left center;
    cursor: pointer;
}
.rowToggleUp b{
    margin-left: 10px;
}
.rowToggleDown{
    background:url(../img/arrow_down_tabs.png);
    background-repeat: no-repeat;
    width:12px;
    height:12px;
    padding-left: 13px;
    background-position: left center;
    cursor: pointer;
}
.rowToggleDown b{
    margin-left: 10px;
}

/* Notification Alert Modal */
/*#notificationAlerts .modal-body{
    min-height: 400px;
}*/

/* Input Elements */
.custom-btn{
    /*    color: #ffffff;
        font-size: 13px;
        padding: 10px 15px;*/
    /*text-decoration: none;*/
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important;
    /*display:inline-block;  IE*/ 
    /*text-shadow: 1px 1px 0px #666666;*/
}
.green{
    display:inline-block;
    line-height:125%;
    color:#fff;
    text-decoration:none;
    letter-spacing:2px;

    padding:10px 13px 10px 13px;
    margin-right:10px;
    font-weight:200;


    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -moz-box-shadow:0 2px 0 #325610;
    -webkit-box-shadow:0 2px 0 #325610;
    box-shadow:0 1.5px 0 #325610;

    text-shadow: #333 0px 0px 5px;

    background: #00ae6e; /* Old browsers */
    background: -moz-linear-gradient(top,  #00ae6e 0%, #007e3f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ae6e), color-stop(100%,#007e3f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00ae6e 0%,#007e3f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00ae6e 0%,#007e3f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00ae6e 0%,#007e3f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00ae6e 0%,#007e3f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ae6e', endColorstr='#007e3f',GradientType=0 ); /* IE6-9 */

    border:0;

}
.green:hover{
    color:#fff;
    box-shadow:0 1.5px 0 #325610;
    background: #45b978;
    border:0;
}
.green:active{
    color:#fff;
    box-shadow:0 1.5px 0 #325610;
    background: #00783f; /* Old browsers */
    background: -moz-linear-gradient(top,  #00783f 0%, #00ae6e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00783f), color-stop(100%,#00ae6e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00783f 0%,#00ae6e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00783f 0%,#00ae6e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00783f 0%,#00ae6e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00783f 0%,#00ae6e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00783f', endColorstr='#00ae6e',GradientType=0 ); /* IE6-9 */

    border:0;
}

.blue{
    display:inline-block;
    line-height:125%;
    color:#fff;
    font-weight:200;
    letter-spacing:2px;
    text-decoration:none;
    padding:10px 13px 10px 13px;
    margin-right:10px;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -moz-box-shadow:0 2px 0 #003c5a;
    -webkit-box-shadow:0 2px 0 #003c5a;
    box-shadow:0 1.5px 0 #003c5a;

    text-shadow: #333 0px 0px 5px;

    background: #0061a4; /* Old browsers */
    background: -moz-linear-gradient(top,  #0061a4 0%, #004e7d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0061a4), color-stop(100%,#004e7d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0061a4 0%,#004e7d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0061a4 0%,#004e7d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0061a4 0%,#004e7d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0061a4 0%,#004e7d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0061a4', endColorstr='#004e7d',GradientType=0 ); /* IE6-9 */

    border:0;

}
.blue:hover{
    color:#fff;
    box-shadow:0 1.5px 0 #325610;
    background: #6ec3e7;
    border:0;
}
.blue:active{
    color:#fff;
    box-shadow:0 1.5px 0 #325610;

    background: #004e7d; /* Old browsers */
    background: -moz-linear-gradient(top,  #004e7d 0%, #0061a4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004e7d), color-stop(100%,#0061a4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004e7d 0%,#0061a4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004e7d 0%,#0061a4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004e7d 0%,#0061a4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004e7d 0%,#0061a4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004e7d', endColorstr='#0061a4',GradientType=0 ); /* IE6-9 */
    border:0;
}
.small{
    padding: 3px 10px !important;
}

.gray{
    display:inline-block;
    line-height:125%;
    color:#67656a;
    font-weight:200;
    letter-spacing:2px;

    text-decoration:none;
    padding:10px 13px 10px 13px;
    margin-right:10px;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -moz-box-shadow:0 2px 0 #55555a;
    -webkit-box-shadow:0 2px 0 #55555a;
    box-shadow:0 1.5px 0 #55555a;

    text-shadow: #eee 0px 0px 5px;

    background: #d2d1cd; /* Old browsers */
    background: -moz-linear-gradient(top,  #dbdad5 0%, #b5b4b1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdad5), color-stop(100%,#b5b4b1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dbdad5 0%,#b5b4b1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dbdad5 0%,#b5b4b1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dbdad5 0%,#b5b4b1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dbdad5 0%,#b5b4b1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdad5', endColorstr='#b5b4b1',GradientType=0 ); /* IE6-9 */

    border:0;

}
.gray:hover{
    background: #dbdad5;
}
.gray:active{
    background: #b5b4b1; /* Old browsers */
    background: -moz-linear-gradient(top,  #b5b4b1 0%, #dbdad5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5b4b1), color-stop(100%,#dbdad5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b5b4b1 0%,#dbdad5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b5b4b1 0%,#dbdad5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b5b4b1 0%,#dbdad5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b5b4b1 0%,#dbdad5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b4b1', endColorstr='#dbdad5',GradientType=0 ); /* IE6-9 */
}

/*For Unanswered Calls*/
.redPhone{
    width: 17px;
    height: 17px;
    margin : 3px 8px 0 0;
    background: transparent url(../img/hang_icon.png) no-repeat;
}

/*For Answered Calls*/
.greenPhone{
    width: 17px;
    height: 17px;
    margin : 3px 8px 0 0;
    background: transparent url(../img/dailing_icon.png) no-repeat;
}

/*For default profile Image*/
.defaultProfileImage{
    width: 25px;
    height: 25px;
    background: url(../img/profile_image.gif) no-repeat;
    background-size: cover;
}

/*No Profile Image */
.noProfileImage{
    width: 25px;
    height: 25px;
    background-size: cover;
}

/*For Intercom*/
.intercomCallImage{
    width: 13px;
    height: 13px;
    margin : 10px 8px 0 0;
    background: url(../img/intercom_Calls_Icon.png) no-repeat;
    background-size: cover;
}

/*For Incoming calls*/
.incomingCallImage{
    width: 13px;
    height: 13px;
    margin : 10px 8px 0 0;
    background: url(../img/incoming_Calls_Icon.png) no-repeat;
    background-size: cover;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*For Outgoing calls*/
.outgoingCallImage{
    width: 13px;
    height: 13px;
    margin : 10px 8px 0 0;
    background: url(../img/outgoing_Calls_Icon.png) no-repeat;
    background-size: cover;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);

}

/*For Missed calls*/
.missedCallImage{
    width: 13px;
    height: 13px;
    margin : 10px 8px 0 0;
    background: url(../img/missed_calls_icon1.png) no-repeat;
    background-size: cover;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);

}
/* Input Elements */
label{
    display: inline-block;
    font-weight: bold;
    padding-right: 15px;
    vertical-align: middle;
    font-size: 13px;
}
div.required label:after {
    content: "*";
    color:#0566A8;
}

input[type="text"] , input[type="password"]{
    height: 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
    text-indent: 3px;
    color: #68676C;
    border: 1px solid #DAD9DA;
}
textarea{
    height: 142px;
    width: 298px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
    color: #68676C;
    border: 1px solid #DAD9DA;
}
textarea::-webkit-scrollbar {
    width: 12px;
}

/* Track */
textarea::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
textarea::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(233, 233, 230, 1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
textarea::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(233, 233, 230, 1);
}

input[type="password"]{
    /*font-size: 21px; */
    /*    letter-spacing: 2px;*/
}

input[type="text"],
input[type="password"],select 
{
    height: 20px;
    padding: 0px 0px 0px 3px;
    margin-bottom: 2px;
    font-size: 13px;
    line-height: 20px;
    color: #555555;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 20px;
    border: 1px solid #d9d9da;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:12px;
    height:12px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/checkbox/unchecked.png);
    cursor:pointer;
}

input[type="checkbox"] + label:hover span {
    background:url(../img/checkbox/Hoverover.png);
}

input[type="checkbox"] + label:active span {
    background:url(../img/checkbox/onclickchecked.png);
}

input[type="checkbox"]:checked + label span {
    background:url(../img/checkbox/checked.png);
}


input[type="radio"] + label span {
    display:inline-block;
    width:12px;
    height:12px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/radio/unchecked.png);
    cursor:pointer;
}

input[type="radio"] + label:hover span {
    background:url(../img/radio/hover.png);
}

input[type="radio"] + label:active span {
    background:url(../img/radio/active.png);
}

input[type="radio"]:checked + label span {
    background:url(../img/radio/checked.png);
}

input[type="radio"] + label span {
    display:inline-block;
    width:12px;
    height:12px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/radio/unchecked.png);
    cursor:pointer;
}

input[type="radio"] + label:hover span {
    background:url(../img/radio/hover.png);
}

input[type="radio"] + label:active span {
    background:url(../img/radio/active.png);
}

input[type="radio"]:checked + label span {
    background:url(../img/radio/checked.png);
}

input[type="checkbox"].on-off + label span {
    display:inline-block;
    width:72px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/on_off/offnormal.png);
    background-repeat: no-repeat;
    cursor:pointer;
}

input[type="checkbox"].on-off + label:active span {
    background:url(../img/on_off/offclick.png);
    background-repeat: no-repeat;
}

input[type="checkbox"].on-off:checked + label:active span {
    width:72px;
    height:19px;
    background:url(../img/on_off/onclick.png);
    background-repeat: no-repeat;
}

input[type="checkbox"].on-off:checked + label span {
    width:72px;
    height:19px;
    background:url(../img/on_off/onnormal.png);
    background-repeat: no-repeat;
}

input[type="checkbox"].on-off:checked + label:active span {
    width:72px;
    height:19px;
    background:url(../img/on_off/onclick.png);
    background-repeat: no-repeat;    
}

input[type="checkbox"].on-off:checked + label span {
    width:72px;
    height:19px;
    background:url(../img/on_off/onnormal.png);
    background-repeat: no-repeat;    
}

/* .corp_settings {
    display: flex;
    margin-bottom:10px;
} */
 /* .corp_settings label{
     width: 30%;
 } */
 .modal-body:has(.privacy_hd) {
    padding: 20px;
}
.privacy_hd {
    margin-bottom: 15px;
    display: block;
}
 .corp_settings label {
    width: 50%;
}
.corp_settings label + div {
    display: inline-flex; /* /chsnged here flex as inline-flex*/
    justify-content: end;
}
input[type="checkbox"].on-off:checked {
    width:72px;
    height:19px;
    background:url(../img/on_off/onnormal.png);
    background-repeat: no-repeat;    
}

input[type="checkbox"].backforth + label span {
    display:inline-block;
    width:23px;
    height:12px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/backforth/left.png);
    cursor:pointer;
}

input[type="checkbox"].backforth + label:active span,
input[type="checkbox"].backforth:checked + label:active span
{
    width:25px;
    height:16px;
    background:url(../img/backforth/click.png);
}

input[type="checkbox"].backforth:checked + label span {

    width:25px;
    height:16px;
    background:url(../img/backforth/right.png);
}
/*Customised Menu */

.rkSelectMenu{

    /* This is the container of the new select element */

    height:18px;
    display:inline-block;
    min-width:auto;
    position:relative;

    /* Preloading the background image for the dropdown */
    background:url("../imgs/downArrow.png") no-repeat -99999px;
}

.rkSelectMenu .selectBox{
    position:absolute;
    height:100%;
    width:100%; 

    border:1px solid #ccc;
    background-image:url('../imgs/downArrow.png');
    background-position: right 0.5em bottom 5px;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;   
}

.rkSelectMenu .selectBox:hover,
.rkSelectMenu .selectBox.expanded{
    color:#2c5667;
}

.rkSelectMenu .dropDown{
    position:absolute;
    top:20px;
    left:0;
    width:100%;
    border-width:0 1px 1px;
    list-style:none;
    background-color:#55555a;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-box-shadow:0 0 4px #111;
    -webkit-box-shadow:0 0 4px #111;
    box-shadow:0 0 4px #111;
    color:#fff;     
}


.rkSelectMenu li{
    height:20px;
    cursor:pointer;
    position:relative;
    border-left:8px solid #55555a;
    padding:4px 4px 4px 8px;
}

.rkSelectMenu li:hover{
    border-left:8px solid #ffe452;
    padding:4px 4px 4px 18px;   
    font-weight:bold;   

}

.rkSelectMenu li span{
    position:absolute;
    top:5px;
    left:5px;
}

.rkSelectMenu li i{
    color:#999999;
    display:block;
    font-size:12px;
}

.rkSelectMenu li img{
    left:9px;
    position:absolute;
    top:13px;
}
/* Customized Menu */
/* Order Status */
#orderstatus_table td a:first-child{
    margin-right: 20px;
    cursor: pointer;
}
#orderstatus_table td a{
    cursor: pointer;
}
#orderStatusTable tr td:last-child {
    width: 100px !important;
}
#MaxWidgetModalContent #orderStatusTable{
    width: 100% !important;
    border: 1px solid #ddd;
}
#orderStatusTable tr td {
    border: 1px solid #ddd;
    vertical-align: middle;
}

#MaxWidgetModalContent #orderStatusTable{
    width: 100% !important;
    border: 1px solid #ddd;
}
#tableIdpaymentInfo{
    width: 100% !important;
    border: 1px solid #ddd;
}

#tableIdpaymentInfo tr td {
    border: 1px solid #ddd;
    vertical-align: middle;
}

/* Loading Body Content */
#loading_content
{
    position: fixed;
    background: #fff url('../img/loading.gif') 50% no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index : 2050;
}
#loading_content img {
    position: fixed;
    z-index: 999;
}

#loading_content .loading_content_layer {
    height: 100%;
    width: 100%;
    position: fixed;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    right: 0;
    opacity: 0.5;
}
/* Auto Attendant Widget */
#screen , #inside-screen ,#new_screen{
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1048;
}

#screen ,#new_screen{
    background-color: #000;
    opacity: 0.4;
    z-index: 1060 !important;
    position: fixed;
}
#inside-screen{
    background-color: #fff;
    background-color: rgba(255,255,255,0.90);
}
#autoAttendantPopup{
    height: -moz-calc(100% - 100px);
    /* WebKit */
    height: -webkit-calc(100% - 100px);
    /* Opera */
    height: -o-calc(100% - 100px);
    /* Standard */
    height: calc(100% - 100px);
    max-height: 740px;
    z-index: 1052 !important;
    top: 40px;
    min-width: 560px;
    overflow: visible;
    top: 5% !important;
}
.extTypeEnable {
    height: -moz-calc(100% - 71px);
    /*     WebKit */
    height: -webkit-calc(100% - 71px);
    /*Opera*/ 
    height: -o-calc(100% - 71px);
    /*Standard*/ 
    height: calc(100% - 71px);
    /*height: calc(100% - 25px);*/ 
    overflow-y: scroll;
    overflow-x: hidden;
}
.extTypeDisable{
    height: -moz-calc(100% - 25px);
    /*WebKit*/ 
    height: -webkit-calc(100% - 25px);
    /*Opera*/ 
    height: -o-calc(100% - 25px);
    /*Standard*/ 
    height: calc(100% - 26px);
    /*height: calc(100% - 25px);*/ 
    overflow-y: scroll;
    overflow-x: hidden;
}
#autoAttendantPopup .alert{
    margin: 3px;
}
/*#aAContent{
    height: -moz-calc(100% - 71px);
     WebKit 
    height: -webkit-calc(100% - 71px);
     Opera 
    height: -o-calc(100% - 71px);
     Standard 
    height: calc(100% - 71px);
     height: calc(100% - 25px); 
    overflow-y: scroll;
    overflow-x: hidden;
}*/
.categoryMenu , .categoryMenuHeader{
    border: 1px solid #A3A2A5;
}
.categoryMenu{
    height: 60px;
    background-color: #E9E9E6;
}
.categoryMenu .span2{
    text-align: center;
    line-height: 60px;
}

.categoryMenuHeader{
    height: 30px;
    background-color: transparent;
}
#categoryHelp{
    height: -moz-calc(100% - 20px);
    /* WebKit */
    height: -webkit-calc(100% - 20px);
    /* Opera */
    height: -o-calc(100% - 20px);
    /* Standard */
    height: calc(100% - 20px);
    height: 80px;
    color: #fff;
    background: #2b78e4;
    margin-bottom: 10px;
    padding: 10px;
    display: none;
}
#categoryHelp p{ 
    width: 513px;
}
.categoryMenuHeader .leftSide{
    width: 40%;
}
.categoryMenuHeader .centerSide {
    width: 30%;
}
.categoryMenuHeader .centerSide{
    width: 20%;
    overflow: hidden;
    text-align: center;
}
.categoryMenuHeader .centerSide p{
    line-height: 25px;
}
.categoryMenuHeader .rightSide{
    width: 30%;
    text-align: right;
}
.categoryMenuHeader .rightSide .btn{
    margin-top: 2px;
    padding: 2px 12px;
    font-size: 11px;
}
.categoryMenu .btn{
    padding: 2px 6px;
    font-size: 10px;
}
.categoryMenuHeader .leftSide *{
    margin-right: 10px;
    float: left;
}
.categoryMenuHeader .leftSide h5{
    margin: 0 10px;
    font-size: 12px;
}
.categoryMenuHeader .leftSide a.edit , .categoryMenuHeader .leftSide h5{
    line-height: 30px;
}
.categoryMenuHeader .leftSide a.help{
    height: 30px;
    display: block;
    margin-top: 8px;
}
.categoryMenu{
    width: 100%;
}
.categoryMenu .pressNumber{
    width: 14%;
}
.categoryMenu .pressNumber p{
    text-align: center;
    font-size: 10px;
}
.numberCircle {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(PIE.htc);
    width: 17px;
    height: 17px;
    padding: 2px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    font-size: 17px;
    padding: 8px;
    margin: 0px 0 0 19px;
}
.categoryMenu .pressedNumberDesc{
    font-size: 12px;
    width: 23%;
    display : none;
}
.categoryMenu .pressedNumberAction{
    padding: 6px 0 0 0;
    width: 63%;
}
.categoryMenu .pressedNumberAction label{
    width: 41%;
}
.categoryMenu .pressedNumberAction select {
    width: 52%;
}
.categoryMenu .pressedNumberAction input {
    width: 50%;
}
#autoAttendantMenu , .loadingWrapper{
    position: relative;
    width: 100%;
    height: 100%;
}
.loading{
    position: fixed;
    background: #fff url('../img/loading.gif') 50% no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index : 2054;
}
#global_loading_content{
    position: fixed;
    top: 0%;
    height: 100%;
    width: 100%;
    z-index: 2000;
    opacity: 0.5;
    background: #fff url('../img/loading.gif') 50% no-repeat;
}
#aAAlert{
    margin-bottom: 0;
}
#BusinessHours_HiddenDiv{
    position:absolute;z-index:3;background-color:#fff;opacity: 0.9;
    width:100%;
}
#tblManageAutoAttendant tr{
    cursor: pointer;
    border-bottom:  1px solid #ddd;
}
#tblManageAutoAttendant tr td:first-child ,#tblManageAutoAttendant tr td:last-child{
    text-align: center;
}
#tblManageAutoAttendant tr td:first-child img{
    border:none;
    cursor:pointer;
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
tr.appendRow td{
    padding-left: 0 !important;
    cursor: default;
}
.tblBusinessHoursAppendRowDiv{
    width: 100px;
}
#custom-hours input[type="text"]{
    height: 20px;
}
#custom-hours tr {
    border-bottom: none !important;
}
table.tblOffHoursAppendRowDiv , .tblBusinessHoursAppendRowDiv.cosmotic , table.tblHolidayHoursAppendRowDiv {
    color:#333333;
    border-width: 1px;
    border-color: #d9d9da;
    border-collapse: collapse;
    margin-bottom: 10px;
}
table.tblOffHoursAppendRowDiv th , .tblBusinessHoursAppendRowDiv.cosmotic th , table.tblHolidayHoursAppendRowDiv th{
    background-color:#c3dde0;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #d9d9da;
}
table.tblOffHoursAppendRowDiv tr:nth-of-type(odd) , .tblBusinessHoursAppendRowDiv.cosmotic tr:nth-of-type(odd) , table.tblHolidayHoursAppendRowDiv tr:nth-of-type(odd){
    background-color:#FFF;
}
table.tblOffHoursAppendRowDiv tr:nth-of-type(even) , .tblBusinessHoursAppendRowDiv.cosmotic tr:nth-of-type(even) , table.tblHolidayHoursAppendRowDiv tr:nth-of-type(even) {
    background-color:#F0F0F0;
}
table.tblOffHoursAppendRowDiv td {
    border-width: 1px;
    padding: 4px;
    border-style: solid;
    border-color: #DDD;
    height: 23px !important;
}
table.tblHolidayHoursAppendRowDiv td {
    border-width: 1px;
    padding: 4px;
    border-style: solid;
    border-color: #DDD;
    height: 23px !important;
}
.tblBusinessHoursAppendRowDiv label{
    padding-right: 0 !important;
}
.tblBusinessHoursAppendRowDiv.cosmotic{
    border-width: 1px;
    border-style: solid;
    border-color: #DDD;
}
.tblBusinessHoursAppendRowDiv tr td:first-child select{
    margin-left: 5px;
}
#autoattendant_overview p{
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    word-wrap: break-word;      /* IE 5+ */
    margin: 0 0 2px;
}
#autoattendant_overview [id^=currentRow] p{
    display: inline-block;
    width: 45%;
}
.SettingsAppendRowDiv , .OffHoursAppendRowDiv , .BusinessHoursAppendRowDiv , .HolidayHoursAppendRowDiv{
    padding: 10px 0;
    background-color: #fff;
    border-bottom: 1px solid #000;
    color: #000;
    min-height: 50px; 
}
.SettingsAppendRowDiv:hover , .OffHoursAppendRowDiv:hover , .BusinessHoursAppendRowDiv:hover , .HolidayHoursAppendRowDiv:hover {
    color: #000;
}
.widgetTitleTxt{
    font-size: 13px;
    color: #666;
}
#SettingsAppendRowDiv-FirstCell{
    width: 30%;
}
.SettingsAppendRowDiv-Content , #SettingsAppendRowDiv-#Edit {
    width: 70%;
}
#OffHoursAppendRowDiv-Content .AddIcon , #OffHoursAppendRowDiv-Content .RemoveIcon{
    display: none;
}
#HolidayHoursAppendRowDiv-Content .AddIcon , #HolidayHoursAppendRowDiv-Content .RemoveIcon{
    display: none;
}
#SettingsAppendRowDiv-SecondCell-Content{
    width: 160px;
}
#SettingsAppendRowDiv-ThirdCell-Content{
    width: 200px;
    text-align: left;
}
/*#OffHoursAppendRowDiv-Content{
    max-width: 500px;
}*/
#BusinessHoursAppendRowDiv-FirstCell , #BusinessHoursAppendRowDiv-Content{
    text-align: left;
}
#BusinessHoursAppendRowDiv-Content p{
    word-spacing: 3px;
}
#BusinessHoursAppendRowDiv-Content ol{
    list-style-type:upper-roman
}
#BusinessHoursAppendRowDiv-Content a:hover{
    color: #005580 !important;
}
#OffHoursAppendRowDiv-ThirdCell-Content , #BusinessHoursAppendRowDiv-ThirdCell-Content , #HolidayHoursAppendRowDiv-ThirdCell-Content{
    width: 30%;
} 
#SettingsAppendRowDiv-SecondCell-Content , #OffHoursAppendRowDiv-FirstCell , #SettingsAppendRowDiv-FirstCell , #HolidayHoursAppendRowDiv-FirstCell{
    text-align: left;
}
#OffHoursAppendRowDiv-FirstCell p , #SettingsAppendRowDiv-FirstCell p , #BusinessHoursAppendRowDiv-FirstCell p , #HolidayHoursAppendRowDiv-FirstCell p {
    padding-left: 10px !important;
}
#OffHoursAppendRowDiv-Content table , #BusinessHoursAppendRowDiv-Content table , #HolidayHoursAppendRowDiv-Content table {
    width: 100%;
}
#OffHoursAppendRowDiv-Content table tr td , #BusinessHoursAppendRowDiv-Content table tr td , #HolidayHoursAppendRowDiv-Content table tr td {
    background: transparent !important;
    padding-right: 7px;
    text-align: center !important;
    color:#000 !important;
}
#OffHoursAppendRowDiv-Content table tr td , #BusinessHoursAppendRowDiv-Content table tr td , #HolidayHoursAppendRowDiv-Content table tr td , 
#OffHoursAppendRowDiv-Content table tr td:hover , #BusinessHoursAppendRowDiv-Content table tr td:hover , #HolidayHoursAppendRowDiv-Content table tr td:hover {
    color:#000 !important;
}
#OffHoursAppendRowDiv-Content table tr:hover{
    color: #000;
}
#BusinessHoursAppendRowDiv-ThirdCell-Content , #OffHoursAppendRowDiv-ThirdCell-Content{
    text-align: center;
}
#HolidayHoursAppendRowDiv-Content table tr:hover{
    color: #000;
}
#edit-business-hrs{
    padding-left: 10px;
}

/*#tblBusinessHoursAppendRowDiv input[type="text"]{
    width: 70px;
}*/
.tblBusinessHoursAppendRowDiv input[type="text"]{
    width: 51px;
}
/*#tblOffHoursAppendRowDiv input[type="text"]
{
    width: 175px;
}*/
.tblOffHoursAppendRowDiv input[type="text"]
{
    width: 175px;
}
.tblHolidayHoursAppendRowDiv input[type="text"]
{
    width: 175px;
}
.span24hrs{
    width: 100%;
    margin-left: 0;
}
#SettingsAppendRowDiv-Cell-Edit{
    width: 100%;
    max-width: 600px;
}
.settingInputWrapper{
    margin-bottom: 10px;
}
.settingInputWrapper label , #BusinessHoursAppendRowDiv-ThirdCell-Edit , .settingInputWrapper .inputEle{
    width: 50%;
    text-align: left;
}
.settingInputWrapper label{
    max-width: 170px;
}

#tblManageAutoAttendant .settingInputWrapper label { 
    max-width: 200px;
}

#tblManageAutoAttendant .settingInputWrapper { 
    margin-bottom: 5px;
}

#tblManageAutoAttendant .settingInputWrapper label { 
    max-width: 200px;
}

#SettingsAppendRowDiv-SecondCell-Content p,
#SettingsAppendRowDiv-ThirdCell-Content p {
    margin: 0 0 5px;
}

#BusinessHoursAppendRowDiv-ThirdCell-Edit{
    width: 100%;
}
#BusinessHoursAppendRowDiv-ThirdCell-Edit input[type="submit"]{
    float: right;
    margin-right: 84px;
}
.outer-table{
    position: relative;
    margin-bottom: 10px;
}
.settingInputWrapper .inputEle input{
    width: 95%;
}
.settingInputWrapper .inputEle select{
    width: 70%;
}
.aaText{
    font-size: 14px;
}
#businessHourSubmit, #offHourSubmit , #HolidayHourSubmit{
    float: right;
    margin-right: 13px;
}
#autoAttendantPopup label{
    font-size: 11px;
}
.expandable{
    position: relative;
}
.hitarea{
    position: absolute;
}
#autoAttendantPopup p{
    font-size: 12px;
}
.key-desc textarea{
    width: 109px !important;
    height: 29px !important;
    padding: 5px 0 0 0 !important;
    resize: none;
    font-size: 12px;
    line-height: 10px;
    text-indent: 5px;
}
#file-uploader-popup , #audio-player-wrapper , #submenu-delete-popup{
    position: absolute;
    top: 41%;
    background: #fff;
    overflow: hidden;
    border: 1px solid #444;
    z-index: 1050;
}
#audio-player-wrapper{
    width: 420px;
    height: 104px;
    left: 12%;
}
/* Hide download option in audio player - Mahesh  */
audio::-internal-media-controls-download-button {
    display:none;
}

audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
#cp-download-audio{
    position: absolute;
    top: 78px;
    right: 46px;
    font-size: 17px;
    color: #756c6c;
}
#file-uploader-popup{
    width: 398px;
    height: 211px;
    left: 20%;
}
#submenu-delete-popup{
    width: 240px;
    height: 60px;
    left: 20%;
    padding: 30px;
    font-size: 14px;
}
#submenu-delete-popup p{
    line-height: 35px;
    font-size: 13px;
}
#file-uploader-popup .alert{
    width: 258px;
    padding: 4px;
    margin-bottom: 10px;
} 
#file-uploader-popup form{
    margin-top: 20px;
    margin-left: 30px;
    margin-bottom: 20px;
    position: relative;
}
#audio-player , #file-uploader-popup form{
    position: relative;
}
#file-uploader-popup form input[type="file"]{
    margin-bottom: 10px; 
    min-height: 40px;
}
#file-uploader-popup .close , #audio-player .close{
    background-image: url(../img/close-icon.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 16px;
    height: 16px;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
}
#file-uploader-popup .close{
    top: -12px;
    right: 9px;
}
.categoryMenuHeader .pull-right{
    margin-right: 20px;
}
#tblManageAutoAttendant h5{
    text-align: center;
}
#tblManageAutoAttendant .AAExtension ,#tblManageAutoAttendant .AAPhoneNumbers{
    width: 150px;
}
#tblManageAutoAttendant .addExtensionDivSel{
    min-width: 150px;
    clear: both;
}
#tblManageAutoAttendant #select-box-wrapper-extn{
    width: 200px;
}
#tblManageAutoAttendant .AddIcon , #tblManageAutoAttendant .RemoveIcon{
    margin-left: 10px;
    margin-top: 2px;
}
#tblManageAutoAttendant .select-box-wrapper-extn{
    width: 300px;
}
#tblManageAutoAttendant .addExtensionDiv{
    width: 200px;
}
#autoattendant_view .widgetTitleTxt{
    margin-right: 10px;
}
#autoattendant_view .formError{
    display :none;
}
#businessHourSubmit{
    margin-left: 10px;
}
.businessHourSubmitformError{
    display : none;
}
/* Manage Phone System Changes */
.OutofOfficeBorder tr
{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f6f5f5)); /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(top, #ffffff, #f6f5f5); /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #ffffff, #f6f5f5); /* IE 10 */ 
    background: -ms-linear-gradient(top, #ffffff, #f6f5f5); /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #ffffff, #f6f5f5); 

    border: 1px solid #ccc; margin: 5px;
    height: 100%;
}
.OutofOfficeBorder td
{
    padding: 5px;
}
.loading_icon
{
    margin: -25px 20px;
}


/* Switch Button */ 
.switch-button-label {
    float: left;
    font-size: 10pt;
    cursor: pointer;
}

.switch-button-label.off {
    color: #adadad;
}

.switch-button-label.on {
    color: #0088CC;
}

.switch-button-background {
    float: left;
    position: relative;
    background: #ccc;
    border: 1px solid #aaa;
    margin: 1px 10px;
    cursor: pointer;
}

.switch-button-button {
    position: absolute;
    left: -1px;
    top : -1px;
    background: #FAFAFA;
    border: 1px solid #aaa;
}
.slider.demo .switch-button-label {
    font-size: 12px;
    margin: 5px 30px 0px 30px;
    font-weight: bold;
}

.switch-button-button_left
{
    width: 40px !important;
    height: 20px !important; 
    left: -1px !important;
}
.switch-button-button_right
{
    width: 40px !important;
    height: 20px !important; 
    left: 39px !important;
}

/* Switch Button */

#InitiateWindow, #AssignExtWindow,#UnAssignExtWindow,#UnAssignMyExtWindow {
    overflow: hidden;
    z-index: 1400;
    top: 1%;
    left: 30%;
    width: 400px;
    position: absolute;
    background-color: #fff;
    height: 200px;
    border-top-left-radius: 10px 5px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border:1px solid #ccc;
}
#InitiateWindow .overlay-content, #AssignExtWindow .overlay-content, #UnAssignExtWindow .overlay-content{
    padding: 8px 10px 0px 10px;
    width: 90%;
    background-color: #fff;
}
#InitiateWindow .overlay-footer, #AssignExtWindow .overlay-footer,#UnAssignExtWindow .overlay-footer { 
    width: 100%;
    background-color: #fff;
}
/*Location tab width*/
#collapseE911Service .divWidth{width: 100px;}
#collapseIncomingCalls .divWidth {width: 240px;}
#collapseIncomingCalls .divWidth260 {width: 260px;}
#collapseCallControl .divWidth {width: 260px;}
/* Manage Phone System Div border*/
.tabbg {
    background-color:#f6f5f5; min-height:40px; width:100%;
    border-top: 1px solid #ccc}
/* Table BG*/
.ManagePHTableBG table{border-collapse: collapse;}
/*.ManagePHTableBG table tr:hover td{background:#0061a6;color:#fff;}*/
.ManagePHTableBG table tr th{background-color: #67666b; height: 25px; padding: 7px 10px; border: 1px solid #ccc; color:#fff;}
.ManagePHTableBG table tr:nth-child(even) {background: #fff;padding: 2px 0px 2px 10px}
.ManagePHTableBG table tr td{padding:5px 10px; text-align: center; border: 1px solid #C1D2E7;}
.ManagePHTableBG table tr:nth-child(even) {background: #e4e3e3;padding: 2px}
.locationIFrame{
    border: none;
    width: 100%;
    height: calc(100% - 30px)!important;
    height: -webkit-calc( 100% - 30px )!important;
    height: -moz-calc(100% - 30px)!important;
    height: -o-calc(100% - 30px)!important;
}
#ManagePhoneSystemConfig .nav {
    margin-left: 0px;
}
#ManagePhoneSystemConfig .nav-tabs {
    border-bottom: 0px solid #ddd; 
}


.addservices_IFrame{
    border: none;
    width: 100%;
    height: -moz-calc(100% - 50px);
    /* WebKit */
    height: -webkit-calc(100% - 50px);
    /* Opera */
    height: -o-calc(100% - 50px);
    /* Standard */
    height: calc(100% - 50px);
}
#iframe_buyservice_addservices{
    min-height: calc( 100% - 50px ); 
    min-height: -moz-calc(100% - 50px);
    /* WebKit */
    min-height: -webkit-calc(100% - 50px);
    /* Opera */
    min-height: -o-calc(100% - 50px);
    /* Standard */
    min-height: calc(100% - 50px);
    width:100%;
}
.visisble_content{
    visibility: hidden;    
    display: block;
    position: absolute;
}
/* Audio Player */
#soundAudioPlayer{
    z-index : 1055;
    top: 30%;
    width: 458px;
}
.overlay-content{
    /*margin : 20px;*/
    min-height: 50px;
}
#aapopupAlert{
    position: fixed;
    width: 540px;
    z-index: 2000;
    border-radius: 0;
}
/*Hunt Group*/
.screen{
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1048;
    display: none;
    background-color: #000;
    opacity: 0.4;    
}
.formError .formErrorContent{
    max-width: 180px;
}
.inputFocus{
    border: 1px solid #942a25 !important;
}

.hide-row
{
    display:none; 
}
.show-row
{
    display: table-row;
}
.huntGroupUpload
{
    background: #fff;
    border: 1px solid #000;
    top: calc( 50% - 30px );
    position: absolute;
    left: 78px;
    padding: 20px;
    z-index: 1254;
}
.huntGroupUpload input[type="file"]
{
    margin-bottom: 10px;
}
#hgscreen
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
    background: #fff;
    opacity: 0.8;
    z-index: 1253;
}
/* New Tickets Popup */
.ticket_innerTable{
    margin-top: 10px;
}
.ticket_innerTable tr{
    background-color: #f6f5f5;
    border: 1px solid #ccc;
    height:30px;
}

.ticket_innerTable tr td:first-child{ width: 180px; text-align: right; }
.ticket_innerTable tr td:first-child{ margin-right: 12px; }
.ticket_innerTable .AddIcon{
    margin-left: 10px;
}
/*Call Control*/
.phoneImage
{
    width: 150px;
    height: 150px;
    border: 1px solid #ccc;
    margin: 5px 5px 0px 5px;
}
.phonelinesbox
{
    width: 480px !important;
    color: rgb(85, 85, 85);
    border: 1px dotted rgb(216, 216, 216);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    vertical-align: middle;
    text-align: left;
}
.sharedlines
{
    display: block;
    font-size: 15px;
    text-shadow: rgba(0, 0, 0, 0.14902) 1px 1px 0px;
    background-color:#1ba8e5;
    color:#fff;
    width: 63px;
    padding: 5px 3px 5px 9px;
}
.zoomlines
{
    display: block;
    font-size: 15px;
    text-shadow: rgba(0, 0, 0, 0.14902) 1px 1px 0px;
    background-color:#1ba8e5;
    color:#fff;
    width: 63px;
    padding: 5px 3px 5px 9px;
}
/* Ph Manage System */
#confExtenstionsTable {
    width: 100% !important;
}
#confExtenstionsTable i{
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}
#confExtenstionsTable i.hide{
    display: none;
}
#confExtenstionsTable .change-ext{
    margin-left: 21px;
    width: 44px
}
#confExtenstionsTable .loader{
    width: 15px;
    height: 15px;
    background: url(../img/loading_icon.gif) no-repeat;
    margin-left: 5px ;
    display: inline-block;
}
#confExtenstionsTable .loader.hide{
    display: none;
}
.widget_header span.widget_header_txt span{
    font-size: 18px;
    margin-left: 10px;
}
/* Login */
#login-alert , .forgot-popup-error{
    text-align: center;
    font-size: 11.5px;
    /*padding: 4px 34px 4px 14px;*/
    padding: 10px 4px;
    margin: 10px 5px;
    border: none;
}
#twoFactDeleteConfirmationlogin .input-group {
    width: 92%;
}
#twoFactDeleteConfirmationlogin input#user_otpSpecificity {
    width: 100% !important;
}
#twoFactDeleteConfirmationlogin input.optional {
    width: 100% !important;
}
.twofact-alert {
    text-align: center;
    font-size: 11.5px;
    /*padding: 4px 34px 4px 14px;*/
    padding: 10px 4px;
    margin: 10px 5px;
    border: none;
}

.parentFormeditUserPopup-content.formError{
    display: none;
}

.selectDayformError.formError{
    display: none;
}
/* Admin & Access */
#administrationandaccess_overview #widget_content_table{
    overflow: auto;
}
#administrationandaccess_Gridview.dataTable{
    overflow: visible;
}
#administrationandaccess_Gridview .options{
    position: relative;
}
#administrationandaccess_Gridview .options a{
    display: inline-block;
    position: relative;
}
#administrationandaccess_overview .tooltip-inner {
    color: #0061A4 !important;
    background-color: #DDD !important;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #DDD !important;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #DDD !important;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #DDD !important;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #DDD !important;
}
span.widget_header_img .tooltip , #administrationandaccess_Gridview .options a .tooltip{
    left: -60px !important;
}
#fileuploadChooseColumns select , #fileuploadChooseColumns label{
    width : 135px;
}
/* Manage Phone Configure Widget */
.extn-edit , .extn-submit{
    padding: 5px;
    display: inline-block;
}
.extn-inline-edit:hover{
    text-decoration: underline;
    color: #fff;
    cursor: pointer;
}
/* Account Setting CSS*/
#accountSettings{
    top: 10px !important;
    min-width: 649px;
}
#accountSettings .modal-body{
    /*width: 100% !important;*/
    height: -moz-calc(100% - 30px);
    /* WebKit */
    height: -webkit-calc(100% - 30px);
    /* Opera */
    height: -o-calc(100% - 30px);
    /* Standard */
    height: calc(100% - 30px);
}
.pos-relative{
    position: relative;
}
#frmUploadingUsers{
    margin-bottom: 0;
}
#tblUserUpload{
    min-width: 100%;
}
#tblUserUpload th{
    border-right: 1px solid #FFF;
}
#tblUserUpload tr{
    border-bottom: 1px solid #000;
}

#upload-file-alert{
    float: left;
    margin: 10px 10px 10px 10px;
}
/* Manage Phone system */
#tab_voice-email-management{
    height: 45px;
}
/* Wav Instruction Popup */
#wavInstruction{
    width: 80%;
    height: 80%;
    margin-left: -40%;
    z-index: 1300;
}
#wavInstruction .modal-body{
    height: -moz-calc(100% - 75px);
    /* WebKit */
    height: -webkit-calc(100% - 75px);
    /* Opera */
    height: -o-calc(100% - 75px);
    /* Standard */
    height: calc(100% - 75px);
    max-height: 100%;
    padding: 0;
    overflow: hidden;
}
#wavInstruction iframe , #map-container , #music_on_hold_wrapper_loading {
    width: 100%;
    height: 100%;
}
#music-on-hold-container{
    height: -moz-calc(100% - 66px);
    /* WebKit */
    height: -webkit-calc(100% - 66px);
    /* Opera */
    height: -o-calc(100% - 66px);
    /* Standard */
    height: calc(100% - 66px);
    overflow: hidden;
}
#company_settings_view .modal-body
{
    max-height: 500px;
    float: left;
}
/* Help Popups */
.help-modal ol li , .help-modal ul li { line-height: 25px; }
.help-modal ol.roman , .help-modal ol li {list-style-type:upper-roman}
.help-modal ol.alpha li{list-style-type:lower-alpha}

.help-modal .divbackground
{
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f5f5), to(#ffffff)); /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(top, #f6f5f5, #ffffff); /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #f6f5f5, #ffffff); /* IE 10 */ 
    background: -ms-linear-gradient(top, #f6f5f5, #ffffff); /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #f6f5f5, #ffffff); 

    height: 100%;
}
.help-modal .blue_heading
{
    color:#478fca!important
}
.help-modal p{ line-height: 25px; }
.help-modal a:hover{ color : #0088cc; }
.help-modal h2{
    font-size: 20px;
    font-weight: normal;
    text-decoration: underline;
    padding-bottom: 5px;
}
.help-modal .h4_bg , .help-modal .h6_bg
{

    font-weight: normal;
    padding: 5px 0px 0px 0px;
}
.bullet-icon li{list-style-type: lower-alpha !important;margin-left:10px;}
.bullet-icon-dotted li{list-style-type: initial !important; margin-left:16px; }
.h4_bg{
    font-size: 18px;
}
.h6_bg{
    font-size: 16px;
    text-decoration: underline;
}
.sub_title{margin-left:-25px; }
.divborder
{
    border-color: #d6e9c6;
}
#show-all-help-modal-content{
    min-height: 480px;
}

/* Admin & Access */
#frmEditAccessPosting .formError , #frmAddAccessPosting .formError{
    display: none;
}
#buyservice_addservices_content{
    height: -moz-calc(100% - 25px);
    /* WebKit */
    height: -webkit-calc(100% - 25px);
    /* Opera */
    height: -o-calc(100% - 25px);
    /* Standard */
    height: calc(100% - 25px);
}
/* browser unsupport alert */
#browser-alert p{
    text-align: center;
    margin: 8px 35px 8px 14px;
    margin-top: 7px;
    margin-bottom: 10px;
    font-size: 15px;
}
#browser-alert{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 1049;
}
#browser-alert .close{
    top: 10px;
    right: 30px;
}
/* manage phone system csv file download */
#export_as_csv_configureExtension
{
    max-height: 45%;
    max-width: 20%;
}
#export_as_csv_myExtension
{
    max-height: 30%;
    max-width: 20%;
}

.imp-hide{
    display: none !important;
}
/* Update DID in Manage Ph System */
#updateDID {
    width: 318px;
    height: 310px;
    /* padding: 20px;*/
}
#updateDID .controls{
    margin-bottom: 10px;
}
#updateDID div.span2{
    margin-left: 0;
}
#new-phone-number{
    text-align: center;
    font-size: 16px;
    height: 219px;
    width: 293px;
}
#new-phone-number option{
    padding: 5px 0;
}
#new-phone-number option:nth-child(odd) {
    background: #ffffff;
}
#new-phone-number option:nth-child(even) {
    background: #ececea;
}
#updateDID div.span1{
    width: 93px;
    margin-left: 10px;
}
#updateDID div.span1 select{
    margin-bottom: 10px;
    width: 93px;
}
#updateDID .btn{
    width: 143px;
}
.button-hide-shadow
{
    opacity: 0.5;
    color: rgb(255, 255, 255);
}

.calllog_headerDynamicData,#calllog_headerDynamicData
{
    padding-right: 5px;
    float: right;
}

.width_calc50
{
    width: -moz-calc(100% - 50px);
    /* WebKit */
    width: -webkit-calc(100% - 50px);
    /* Opera */
    width: -o-calc(100% - 50px);
    /* Standard */
    width: calc(100% - 50px);
}

/* Storage Widget  - 16.12.13 */
#storage-widget-content , #cloud-fax-widget-content{
    height: calc( 100% - 25px );
    /* WebKit */
    height: -webkit-calc(100% - 25px);
    /* Opera */
    height: -o-calc(100% - 25px);
    /* Standard */
    height: calc(100% - 25px);
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.storage-row , .fax-row{
    min-height: 51px;
}

.storage-row-option{
    margin-left: 10px;
    line-height: 50px;
}
.storage-row-data{
    line-height: 24px;
    margin-left: 15px;
    position: relative;
}
.storage-row-data p{
    margin-top: 5px;
    line-height: 18px;
}
.storage-row-action{
    line-height: 50px;
    margin-right: 20px;
    position: relative;
}
select.storage-row-actions{
    width : 100px;
}
.storage-row-action a.dropdown-toggle{
    display: inline-block;
    width: 100%;
    text-align: right;
}
.storage-row-action .dropdown-menu{
    min-width: 40px;
    margin-top: -10px;
    position: relative;
    margin-bottom: 10px;
    display: block;
    float: none;
    background: #f0f0f0;
}
.storage-row-action .dropdown-menu li a:hover{
    background: #999;                                  
}
#storageFooter > ul.pull-right{
    border-left: 1px solid #c4c3c1;
    margin-right: 22px;
}
#storageFooter .vc-space , #storageFooter .fax-space, #storageFooter .cd-space , .all-space{
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: -1px 5px;
}

#storage-widget-content .tiny-loader{
    background: url(../img/loading_icon.gif);
    width: 16px;
    height: 16px;
    display: inline-block;
}
#storage-widget-content .alert , #storage-file-delete-modal .alert , #storage-email-modal .alert{
    margin-bottom: 0;
}
#storage-file-delete-modal .alert , #storage-email-modal .alert{
    width: 250px;
    float: left;
    text-align: left;
}
#storage-widget-content i{
    display: inline-block;
    margin-right: 10px;
}
#upload-new-fax{
    z-index : 1060;
}
#new-fax-attach-list li{
    padding: 10px 20px 10px !important;
    border-bottom: 1px solid #323232;
}
#new-fax-attach-list li:last-child{
    border-bottom: none;
}
#new-fax-attach-list{
    background: #f2f2f2;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #323232;
    width: 315px;
}
#upload-new-fax-alert{
    width: 60%;
    float: left;
    text-align: left;
    margin-bottom: 0;
}
#new-fax-attach-list li .AddIcon , #new-fax-attach-list li .RemoveIcon{
    margin-top: 7px;
}
#new-fax-attach-list li P{
    margin-left: 10px;
}
#cloud-fax-widget-content .fax-row p{
    line-height: 21px;
    margin-left: 14px;
}
#cloud-fax-widget-content .fax-row div{
    padding-top: 4px;
}
#cloud-fax-widget-content .fax-row .pull-right p{
    margin-right: 14px;
}
#cloud-fax-widget-content .alert{
    margin-bottom: 0;
}
#storage-email-modal , #storage-file-delete-modal{
    z-index: 1052;
}
.parentFormAdd_alternate_numbers_wide 
{
    display: none;
}
#storage-disk-space{
    position: absolute;
    /*width: calc(100% - 30px);*/
    width: 100%;
    bottom: 17px;
    height: 28px;
}
#storage-disk-space p{
    /*margin-right: 280px;
    line-height: 27px;    
    text-align: right;
    margin-top: 18px;*/    
    color: #999;    
    font-size: 11px;
    margin-top: 22px;
    /*float: left;*/
    margin-left: calc(100% - 420px);
    position: absolute;
}
#storage-disk-space li{
    float: left;
    height: 100%;
    margin-top: 18px;
}
#storageFooter .dropdown-menu .editDisable{
    color: #A8A894!important;
    cursor: default;
}
#storageFooter .dropdown-menu.dropdown-menu-disk , 
#storageFooter .dropdown-menu.dropdown-menu-action{
    color: #A8A894!important;
    cursor: default;
    position: absolute;
}
#storageFooter .dropdown-menu.dropdown-menu-disk{
    top: -75px;
}
#storageFooter .dropdown-menu.dropdown-menu-action{
    top: -51px;
}
.fax-space{
    background-color: rgb(159, 152, 238);
}
.cd-space{
    background-color: rgb(201, 170, 247);
}
.vc-space{
    background-color: rgb(245, 195, 133);
}
.all-space{
    background-color: #d7d6d5;
}
#upload-resend-fax-alert{
    float  :left;
    margin-bottom: 0;
}
.dropit {
    list-style: none;
    padding: 0;
    margin: 0;
}
.dropit .dropit-trigger { position: relative; }
.menu .dropit-submenu {
    position: absolute;
    top: 100%;
    left: 0; /* dropdown left or right */
    z-index: 1000;
    display: block;
    min-width: 150px;
    list-style: none;
    padding: 0;
    margin: 0;
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.dropit .dropit-open .dropit-submenu { display: block; }
/*.holder a:empty , .holder span{
    display: none;
}*/
.holder a.jp-previous{
    /*background: url("../img/widget_table_prev_Icon.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);*/
    border-left: 1px solid #C4C3C1;
}
.holder a.jp-next{
    /*background: url("../img/widget_table_next_Icon.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);*/
    border-right: 1px solid #C4C3C1;
}
.holder a.jp-next , .holder a.jp-current , .holder a.jp-previous{ 
    display: inline-block !important; 
}
.holder a{
    margin-right: 12px;
    width: 24px;
    height: 24px !important;
    opacity: 0.4;
    margin: 0 !important;
    float: left;
}
.holder a , .holder span{
    display: none;
}
a.jp-current{
    text-align: center;
    color: #000 !important;
    font-size: 12px;
    opacity: 1;
    font-weight: normal !important;
    border-left:1px solid #C4C3C1;
    border-right:1px solid #C4C3C1;
    width: 40px;
    position: relative;
}
#updateDIDContent .modal-body{
    min-height: 204px;
}
#upload_prev{
    float: left;
}
#upload_prev li{    
    border-bottom: none !important;
}
#storageoptionmsg{
    float: left;
}
#max-widget-content-wrapper{
    height : 100%
}
#saveAccountInfoButton{
    float: right;
    margin-top: 6px;
}
#accountSettings-modal-alert{
    width: 75%;
    float: left;
    text-align: left;
    margin-bottom: 0;
}
.custom-btn.green:disabled{
    background: #8ccab3 !important;
    border: none!important;
    cursor: not-allowed!important;
}
/* MPS - Selective Call Accp */
#Add_alternate_numbers_wide {
    height  : 250px;
}
#AddForwardRule{
    height : 186px;
}
.accountSettings .modal-body {
    position:static!important;
}
select.timescheduleEvents.scheduleTypeTimeCallForwardRule{
    width : 155px;
}
.schedule-option-edit{
    display : inline-block;
}
#Add_alternate_numbers_wide .timeschedule-inline-edit , .schedule-option-edit a{
    margin-left: 10px;
}
#Add_alternate_numbers_wide .timeschedule-inline-edit , #Add_alternate_numbers_wide .timeschedule-inline-edit:hover , .schedule-option-edit a, .schedule-option-edit a:hover{
    color:#005580!important;
}
#Add_alternate_numbers_wide .ui-datepicker{
    position: fixed;
    top: 0px;
    left: 480.5px;
    z-index: 1056;
    display: block;
}
.ui-datepicker{
    height: 206px;
    font-size: 13px;
}
.ui-datepicker-header{
    font-size: 11px;
    background-image: linear-gradient(bottom, #56555b 28%, #8b898a 93%);
    background-image: -o-linear-gradient(bottom, #56555b 28%, #8b898a 93%);
    background-image: -moz-linear-gradient(bottom, #56555b 28%, #8b898a 93%);
    background-image: -webkit-linear-gradient(bottom, #56555b 28%, #8b898a 93%);
    background-image: -ms-linear-gradient(bottom, #56555b 28%, #8b898a 93%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.28, #56555b),
        color-stop(0.93, #8b898a)
        );
    background-color: #56555b;
    color: #000;
}
.ui-datepicker-calendar thead{
    color: #666;
    font-size: 11px;
}
.ui-datepicker-calendar tr td a{
    text-align: center;
    background: #ccc !important;
    font-size : 12px;
    color: #444 !important;
}
.ui-datepicker .tooltip {
    display: none !important;
}
#Add_alternate_numbers_wide .timeschedule-inline-edit:hover{
    color : #0088cc !important;
}
.schedule-day{
    background-color: #f6f5f5;
    border: 1px solid #ccc;
    height: 21px;
    width: 414px;
    margin: 0px;
    margin-top: 10px;
    padding: 6px;
}
.schedule-day input[type="radio"]{
    margin-right: 10px;
}
.newschedule-title{
    background-color: #f6f5f5;
    border: 1px solid #ccc;
    height: 28px;
    width: 416px;
    margin: 0px;
    margin-top: 10px;
    padding-top: 6px;
    padding-left: 10px;
}
.newschedule-event-title{
    background-color: #f6f5f5;
    border: 1px solid #ccc;
    height: 22px;
    width: 425px;
    margin: 0px;
    margin-top: 10px;
}
.day-time-schedule-wrapper input[type="radio"]{
    margin-right: 5px;
}
.time-schedule-container{
    border: 1px solid #ccc; 
    height: auto; 
    width:415px; 
    margin:0px;
    margin-top:10px;
    padding : 6px;
}
.schedule-event-name{
    width : 169px !important;
}
.time-schedule-table{
    width : 50%;
}
.time-schedule-table{
    width : 100%;
    font-size : 13px;
}
.time-schedule-table-wrapper table td:first-child{
    font-size: 12px;
    width: 77px;
}
#call_forwarding_selective_scheduleTimeCreate , #call_forwarding_selective_scheduleHolidayCreate{
    width: 474px;
    left: 50%;
    z-index: 1055;
    height: 300px;
}
.holidayscheduleEvents , .holidayscheduleEvents{
    width : 155px;
}
#Add_alternate_numbers_errormsg{
    width: 420px;
}
/* Call Log Max Widget CSS */
#CallNotify_Rules_errormsg{
    width: 250px;
}
#chartinner{
    width : 100%;
    height : 100%;
}
#callLogsEnhancedViewCallCount{
    font-size: 11px;
}
#calllogs-modal .widget_header .close{
    margin-top: -5px;
}
#calllogs-modal .widget_header_img{
    margin-top: 2px;
}
/* Music On Hold */
#upload_music_div > p{
    width : 50%;
}

.sca-scr-schedule-button{
    /*border: 1px solid darkkhaki;*/
    font-size: 12px;
    padding: 0px;
    margin: 1px;
    height: 20px;
    padding-left: 9px;
    padding-right: 9px;
    margin-top: -6px;
}
/* Devices */
#AutoComplete{
    /*margin-left: 50px;*/
    /*margin-right: 50px;*/
}
.attachLabel {
    background: #5999d0;
    color: #fff;
    padding: 2px 0px 0px 10px;
}
.attachDropDown {
    background: #f6f6f6;
    padding: 5px;
    border: 1px solid #ddd;
}
#AutoComplete > select {
    width: 300px!important;
    margin: 0px auto!important;
}
.extnUserList > select{
    width: 90px;
}
#device-widget-notify{
    display: none;
    margin-bottom: 0;
}
.attach-detach-link{
    cursor: pointer; 
    float: left; 
    margin-left: 12px; 
    color : #0088cc; 
}

.reassing-space{
    margin-bottom: 10px;
    max-width:480px;
    /* width: 281px; */
    margin: 15px auto;
    display: block;
    clear: both;
    /*    padding: 15px 15px;*/
    text-align: center;
}
.attach-links{
    cursor: pointer; 
    display:inline-block;
    /* margin-left: 12px;  */
    color : #0088cc; 
}

.detach-text{
    margin: 0px 15px 15px 15px;
    border: 1px solid #ccc;
    /* border-radius: 7px; */
    padding: 15px 0 0 0;
    /* font-weight: bold; */
    text-align:center;
}

.addborder1{
    border-right: solid 2px #0088cc;
    padding: 2px 18px;
    font-weight: bold;
    line-height: 10px;
    position: relative;
}

.addborder1.active::before {
    position: absolute;
    content: "";
    width: 67%;
    height: 1px;
    background-color: #0088cc;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -4px;
}


.detachsuccess{
    margin:5px 15px 15px 15px;
    font-weight:bold;
}

.reassing-space div:last-child{
    border-right:0!important;
}

#DeviceListTable tbody{font-size:12px; line-height:14px;  }
#DeviceListTable tbody tr td {
    border: 1px solid #ddd;
}
#DeviceListTable tr:hover .attach-detach-link{
    color : #0088cc; 
    text-decoration : none;
}
.device-name-wrapper span{
    min-width: 100px;
    display: block;
    float: left;
}
#DeviceListTable .aligncenter{text-align:center; }
#DeviceListTable .aligncenter label{padding-right:0px !important;}
#DeviceListTable thead th:nth-child(6){
    min-width: 88px;
}
#DeviceListTable thead th:nth-child(11){
    min-width: 60px;
    width: 60px !important;
}
#DeviceListTable tbody td:nth-child(11){
    text-align: center;
}
/* hiding the location column */
/*#DeviceListTable thead th:nth-child(5),*/
/*#DeviceListTable tbody td:nth-child(5){
    width: 1%;
    display: none !important;
}*/

.accordion-inner {
    padding: 9px 15px 32px;
}
.disableSCR{
    z-index: 3; 
    position: absolute; /* border:1px solid #000; */
    background-color: #fff;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    display:none;
    cursor: not-allowed;
}
/* Max Widget Hidden Widget List */
.prev.disable ,.next.disable {
    opacity: 0.5;
}
#callRecordReassign{
    width: 186px !important;
}
#alternateNumbers.in.collapse{
    overflow: visible;
}
#user-name-warp .tooltip{
    top : -47px !important;
}
/* AA Datatable CSS */
/*#autoattendantListTable .sorting_1{
    padding : 0 !important;
}*/
#tblManageAutoAttendant td{
    border-left: none !important;
}
#tblOffHoursAppendRowDiv td , #tblOffHoursAppendRowDiv td:hover{
    color : #000 !important;
}
#tblHolidayHoursAppendRowDiv td , #tblHolidayHoursAppendRowDiv td:hover{
    color : #000 !important;
}
/* call center settings */

.tabbgcalcenter {background-color:#f6f5f5; min-height:40px; width:100%;padding:0px 0px 0px px;}

#call-center-statistics .tableheight
{
    height : calc(100% - 0px)!important;        
}
#callcenterstatistics_overview #widget_content_table{
    /*display: none;*/
}
#call-center-statistics{ width:100%!important; height : calc(100% - 25px)!important; margin: auto; overflow-y: auto;font-size: 12px; }        
#call-center-statistics .widget-header[class*="header-color-"] {color: #FFF; margin: 0px;}
#call-center-statistics .header-color-blue {background: #307ecc !important;border-color: #307ecc !important;}
#call-center-statistics .widget-header-small {min-height: 31px;padding-left: 10px;}
#call-center-statistics .smaller{padding: 6px 0px 0px 0px; margin: 0px; float: left;font-size: 14px; font-weight: bolder;}
#call-center-statistics .widget-toolbar {display: inline-block;padding: 0 10px;line-height: 30px;float: right; position: relative;}
#call-center-statistics .padding-top5{padding: 0; }
#call-center-statistics .width-40{width: 40%; float: left; }
#call-center-statistics .width-20{width: 20%; float: left;}
#call-center-statistics .procces-bar{margin: 0px 0px 0px 0px;border: 1px solid; height: 15px; }
#call-center-statistics .title-height{height:35px;}
#call-center-statistics .current-fontsize{font-size: 12px;font-weight: bolder;}
#call-center-statistics .bg{height: 25px;background-color: #e2e2e2; float: left;}
#call-center-statistics .table>thead>tr>th, #call-center-statistics .table>tfoot>tr>th, #call-center-statistics .table>tbody>tr>td,#call-center-statistics  .table>tfoot>tr>td{border-right: 1px solid #ddd;padding: 4px !important; }
#call-center-statistics .table>thead>tr>th{background-color: #67666b; border-bottom: none;}
#call-center-statistics .table{border: 1px solid #ddd; margin-bottom:0px;width: 100%;max-width: 100%;}
#call-center-statistics .panel-heading {padding:10px !important;}
#call-center-statistics .col-xs-4,.col-xs-5{padding: 0px;}
#call-center-statistics .panel-title {font-size: 12px;font-weight: bold;}





#call-center-statistics .panel-default {border-color: #ddd !important;}
#call-center-statistics .panel-default>.panel-heading {color: #333;background-color: #f5f5f5;border-color: #ddd;} 
#call-center-statistics .panel-group {margin-bottom: 20px;}    
#call-center-statistics .panel {margin-bottom: 20px;background-color: #fff !important; border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);}  
#call-center-statistics .panel-group .panel {margin-bottom: 0;border-radius: 4px !important;} 
#call-center-statistics .col-xs-4, .col-xs-5 {padding: 0px;}
#call-center-statistics .col-xs-4 {width: 33.33333333%;}
#call-center-statistics .col-xs-6 {width: 50%;}
#call-center-statistics .col-xs-2 {width: 16.66666667%;}
#call-center-statistics .col-xs-8 {width: 66.66666667%;}
#call-center-statistics .col-xs-12 {width: 100%;}
#call-center-statistics .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}
#call-center-statistics .text-center {text-align: center;}
#call-center-statistics a {color: #428bca;text-decoration: none;}
#call-center-statistics a {background: 0 0;}
#call-center-statistics .progress-bar-success {background-color: #5cb85c;}
#call-center-statistics .panel-title {margin-top: 0;margin-bottom: 0;color: inherit;}
#call-center-statistics .panel-group .panel-heading+.panel-collapse>.panel-body {border-top: 1px solid #ddd;}
#call-center-statistics .panel-body {padding: 15px;}
#call-center-statistics .panel-title>a {color: inherit;}
#call-center-statistics .progress-bar-warning {background-color: #f0ad4e;}
#call-center-statistics .progress-bar-danger {background-color: #d9534f;}
#call-center-statistics .progress-striped .progress-bar, .progress-bar-striped {background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
                                                                                background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
                                                                                -webkit-background-size: 40px 40px;background-size: 40px 40px;}
#call-center-statistics h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;}
#call-center-statistics h4, .h4 {font-size: 18px;}
#call-center-statistics h4, .h4, h5, .h5, h6, .h6 {margin-top: 10px;margin-bottom: 10px;} 
#call-center-statistics .text-right {text-align: right;}  
#call-center-statistics .panel-group .panel+.panel {margin-top: 5px;}

#CallCenterSetting{border: 1px solid #dddcdd;}
.setting-div{width: 100%; float: left;}
.table-div{width: 99%; float: left; border: 1px solid #C1D2E7;}
#longwaittime .setting-center{width: 100%; float: left; text-align: center; padding: 10px;}
.down-up-icone{padding-left: 2px;line-height: 1px;}
.down{float: left;font-size: 20px;margin-top: 6px;  margin-right:0px;margin-left: 6px;}
.up{font-size: 20px; margin-top: -5px;}
.up .fa{margin-top: 7px;height: 0px;}
.setting-div .titletext{background-color: #f6f5f5; font-weight: bolder; color: #0088cc; padding: 3px; border-bottom: 1px solid #C1D2E7;height: 26px;
                        line-height: 21px;}
.width95{width: 95%; margin: auto;}
.width60{width: 60%;}
.width50{width: 50%; float: left; margin: auto;}
.width40{width: 40%;}
.width20{width: 20%;}
.width10{width: 10%;}
.line-hight2{line-height: 2}
.marginBottom10{margin-bottom: 10px;}
.marginTop10{margin-top: 10px;}
.marginTop5{margin-top: 5px;}
.marginRight10{margin-right: 10px;}
.marginTop3{margin-top: 3px;}

#agent_unavailable_codes thead th{background-color: #f6f5f5;border: 1px solid #C1D2E7;padding-left: 3px;font-weight: bold;font-size: 12px;}
.callcenter-helpicone{background-image: url(../img/help.png);background-repeat: no-repeat;background-position: 50% 50%;display: inline-block;width: 11px;height: 11px;cursor: help;margin-top: 4px;}
.ManagePHTableBG table tr:nth-child(even) {background: #ececea !important;padding: 2px;}
.top-border{border-top: 1px solid #EBE9E9;padding-top: 10px;}
#threshold_profile{width: 100%; height: 100%;}
#threshold_profile .td-fild{float:left; width: 30%; padding-top: 12px;}
#threshold_profile .td-fild1{float:left; width: 65%;padding-top: 10px; text-align: left;}
#threshold_profile .td-fild2{float:left; width: 20%;padding-top: 12px; text-align: left;}
#threshold_profile .threshold{width:100%; padding-top: 10px; float: left;}
#threshold_profile .threshold-td{float:left; width:80%; text-align: right; line-height: 1.8; padding-top: 5px;}
#threshold_profile .threshold-td1{float:left; width:20%; text-align: right; padding-top: 5px;}
#threshold_profile .threshold-td1 input{width:30px; }
#threshold_profile .email-td{float:left; width:50%; text-align: left; line-height: 1.8; padding-top: 10px;}
#threshold_profile .email-td1{float:left; width:50%; text-align: right; padding-top: 10px;}
.threshold input[type=text]{width: 30px;}
#unavailable_uodes, #call_disposition_uodes {width: 100%; height: 100%;}
#unavailable_uodes .td-fild,#call_disposition_uodes .td-fild{float:left; width: 30%; padding-top: 12px;}
#unavailable_uodes .td-fild1, #call_disposition_uodes .td-fild1{float:left; width: 65%;padding-top: 10px; text-align: left;}
#unavailable_uodes .td-fild2,#call_disposition_uodes .td-fild2{float:left; width: 20%;padding-top: 12px; text-align: left;}
#unavailable_uodes .threshold,#call_disposition_uodes .threshold{width:100%; padding-top: 10px; float: left;}
#unavailable_uodes .threshold-td, #call_disposition_uodes .threshold-td {float:left; width:80%; text-align: right; line-height: 1.8; padding-top: 5px;}
#unavailable_uodes .threshold-td1,#call_disposition_uodes .threshold-td1 {float:left; width:20%; text-align: right; padding-top: 5px;}
#unavailable_uodes .threshold-td1 input,#call_disposition_uodes .threshold-td1 input{width:30px; }
#unavailable_uodes .email-td,#call_disposition_uodes .email-td{float:left; width:50%; text-align: left; line-height: 1.8; padding-top: 10px;}
#unavailable_uodes .email-td1,#call_disposition_uodes .email-td1{float:left; width:50%; text-align: right; padding-top: 10px;}
.threshold input[type=text]{width: 30px;}
.titletext {background-color: #f6f5f5; font-weight: bolder; color: #0088cc;padding: 3px; border-bottom: 1px solid #C1D2E7;}
.titletext1 {font-weight: bolder; color: #0088cc;padding: 3px; border-bottom: 1px solid #C1D2E7;}
/*//.width100(width:100%;)
.width50(width:100%; float:left;)*/
.badge {text-shadow: none;font-size: 12px;padding-top: 1px;padding-bottom: 3px;font-weight: normal;line-height: 15px;background-color: #abbac3!important;}
.marginBottom5{margin-bottom: 5px;}
#call-center-statistics .progress-bar{margin-top:17px;}
#call-center-statistics .sr-only{margin-top: -17px;display: block;}
.cal-bg{background: #eee;border: 1px solid #ccc;width: 20px;float: left;height: 20px;}
.cal-icon-specified{border: none;padding: 3px;width:9px;height: 10px !important;margin: 3px;float:left;background-color: transparent; }
.customize_unavailable_disable{position: fixed;z-index: 999;width: 456px;height: 177px;cursor: no-drop;}
.addQueueCustombtn{opacity: 0.5 !important;}
#addCallRouting .width45{width:45%;}
#addCallRouting .width50{width:45%;}
#addCallRouting .width52 {width: 52%;}
#addCallRouting .width60 {width: 60%;}
#addCallRouting .marginright10{margin-right:10px} 

#addCallRouting #audio-assign {width: 200px; border: 1px solid #ddd;position: absolute;bottom:-71px;right: 2px;-webkit-box-shadow: 1px 1px 10px 3px #BAB8B8;-moz-box-shadow: 1px 1px 10px 3px #BAB8B8;box-shadow: 1px 1px 10px 3px #BAB8B8;z-index: 999;}
#addCallRouting #audioupload_callcenter {position: relative;}
#addCallRouting .play-resize {font-size: 20px;}
.customize_unavailable_settings_disable{position: fixed;z-index: 999;width: 62px;height: 20px;cursor: no-drop;}
.threshold_disabled{background: #E9E9E9;position: fixed;height: 182px;cursor: not-allowed;width: 613px;opacity: 0.2;}
/* call routing css */
.callrouting_sub_text_padding{padding-left:20px;}
.text-ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/* callcenter Thresholds css */
.threshold_table_label{padding:5px; text-align:right; }
.threshold_table_value{padding: 5px;font-size: 10px;border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
.threshold_table_th_yellow{width: 18%;background-color: rgb(253, 253, 168);border: 1px solid #ddd;padding: 3px;border-bottom: none;text-align: center;}
.threshold_table_th_red{width: 18%;background-color:rgb(253, 147, 147);;border: 1px solid #ddd;padding: 3px;border-bottom: none;text-align: center;}
#callcenterTable thead th:nth-child(1){ min-width:110px !important;}
#callcenterTable thead th:nth-child(2){ min-width:106px !important;}
#callcenterTable thead th:nth-child(3){ min-width:80px !important;}
#callcenterTable thead th:nth-child(4){ min-width:40px !important;}
#Queue-Msg-Upload .alert{ margin-bottom:0px !important;  }

/* Call Center Statistics  style */
.call-statistic-label-part{ width:82%; float:left;}
.call-statistic-label-part2{ width:14%; float:left;}
.call-statistic-label-part .panel-title a{padding: 3px 12px 3px 0px;display: inline-block;} 
.call-statistic-label-part h4{width:45%;}
.call-statistic-label-part .statistics_phone{padding: 0px 7px;width:28%;}
.call-statistic-label-part .statistics_extn{padding: 0px 7px;width:15%;}
.call-statistic-label-part i{font-size: 24px;float: left;padding: 0px 5px;line-height: 20px;}

.acc_setting{min-width:585px !important;top: 10px !important; overflow: visible!important; display: block;}
.account-settings-main{ width:585px; float:left; min-height: 511px; }
.account-settings-main .modal-body{min-height: 450px; position: static!important;}
#account-settings-help{ width:250px; float:left; }
.boostrap-menu{position:relative; }
.boostrap-menu .navbar{position: absolute;right: 0;z-index:1038;margin-bottom: 0px; }
.boostrap-menu .cus-navbar-bg{height:auto}
.boostrap-menu .navbar-inner{background-color:transparent !important;background-image:none !important;border:none !important; box-shadow:none !important; min-height: 28px;padding-right: 0px;  }
.boostrap-menu .navbar .nav > li:first-child{border-left: none;}
.boostrap-menu .navbar .nav > li > a{color: #D3D3CF;padding: 6px 10px 5px 10px !important;text-shadow:none !important;line-height: 17px;}


/* Cap V4 new development */
.cal-bg{background: #eee;
        border: 1px solid #ccc;
        width: initial;
        float: right;
        height: auto; 
        margin-top: 0;
        margin-left: 5px;
        padding: 6px;
}
.padd-none{
    padding:0!important
}
.newInpt1 {padding: 3px 5px !important;
           line-height: 64px !important;
           height: 30px !important;
           border-radius: 0 !important;
           border: 1px solid #e5e6e7 !important;
           box-shadow: none !important;
           font-size: 12px;
}
.portNum{
    margin-bottom: 8px;
    width: 455px;
    margin-top: 3px;
}

.macIdNew {clear: both;
           margin-top: 10px;
           margin-left: 100px;}
.headBorder {border-right: solid 1px #000;
             padding: 2px 16px;
             font-weight: bold;}
.containerSet {    height: 150px;
                   width: 563px !important;
                   clear: both;
                   float: left;}       

.addborder {
    border-right: solid 2px #c9c9c9;
    padding: 2px 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

@media (max-width:1320px) {
    body {
        padding-top: 0;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: fixed;
    }
    .navbar-fixed-top {
        margin-bottom: 20px;
    }
    .navbar-fixed-bottom {
        margin-top: 20px;
    }
    .navbar-fixed-top .navbar-inner,
    .navbar-fixed-bottom .navbar-inner {
        padding: 5px;
    }
    .navbar .container {
        width: auto;
        padding: 0;
    }
    .navbar .brand {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 0 0 -5px;
    }
    .nav-collapse {
        clear: both;
    }
    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px;
    }
    .nav-collapse .nav > li {
        float: none;color:#898989; border:none;
    }
    .nav-collapse .nav > li > a {
        margin-bottom: 2px;
    }
    .nav-collapse .nav > .divider-vertical {
        display: none;
    }
    .nav-collapse .nav .nav-header {
        color: #777777;
        text-shadow: none;
    }
    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
        padding: 9px 15px;
        font-weight: bold;
        color: #777777;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .nav-collapse .btn {
        padding: 4px 10px 4px;
        font-weight: normal;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .nav-collapse .dropdown-menu li + li a {
        margin-bottom: 2px;
    }
    .nav-collapse .nav > li > a:hover,
    .nav-collapse .nav > li > a:focus,
    .nav-collapse .dropdown-menu a:hover,
    .nav-collapse .dropdown-menu a:focus {
        background-color: #fff !important;
        color:#898989;
    }
    .navbar-inverse .nav-collapse .nav > li > a,
    .navbar-inverse .nav-collapse .dropdown-menu a {
        color: #999999;
    }
    .navbar-inverse .nav-collapse .nav > li > a:hover,
    .navbar-inverse .nav-collapse .nav > li > a:focus,
    .navbar-inverse .nav-collapse .dropdown-menu a:hover,
    .navbar-inverse .nav-collapse .dropdown-menu a:focus {
        background-color: #111111;
    }
    .nav-collapse.in .btn-group {
        margin-top: 5px;
        padding: 0;
    }
    .nav-collapse .dropdown-menu {
        position: static;
        top: auto;
        left: auto;
        float: none;
        display: none;
        max-width: none;
        margin: 0 15px;
        padding: 0;
        background-color: transparent;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .nav-collapse .open > .dropdown-menu {
        display: block;
    }
    .nav-collapse .dropdown-menu:before,
    .nav-collapse .dropdown-menu:after {
        display: none;
    }
    .nav-collapse .dropdown-menu .divider {
        display: none;
    }
    .nav-collapse .nav > li > .dropdown-menu:before,
    .nav-collapse .nav > li > .dropdown-menu:after {
        display: none;
    }
    .nav-collapse .navbar-form,
    .nav-collapse .navbar-search {
        float: none;
        padding: 10px 15px;
        margin: 10px 0;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    }
    .navbar-inverse .nav-collapse .navbar-form,
    .navbar-inverse .nav-collapse .navbar-search {
        border-top-color: #111111;
        border-bottom-color: #111111;
    }
    .navbar .nav-collapse .nav.pull-right {
        float: none;
        margin-left: 0;
    }
    .nav-collapse,
    .nav-collapse.collapse {
        overflow: hidden;
        height: 0;
        background: #EFEFEF;
        border: 1px solid #ddd;
    }
    .navbar .btn-navbar {
        display: block;
    }
    .navbar-static .navbar-inner {
        padding-left: 10px;
        padding-right: 10px;
    }
    .cus-navbar{margin-top:-3px !important;padding: 4px 10px !important;}
    .cus-navbar-bg{background: #EFEFEF;float:none; clear:both;top: 4px; }
    #feedback_contactus_modal{top: 118px;z-index: 999;}
    .boostrap-menu .navbar .nav > li {height:29px; clear: left;border: none;width: 100%;}
}
#custom-hours table tr td{border:1px solid #D8D6D7 !important;}
#widget_content_table .dataTable_gridview tr:hover #tblManageAutoAttendant #custom-hours table tbody tr td{ color:#000 !important;}
#tblManageAutoAttendant tbody tr td a:hover ,#tblManageAutoAttendant tbody tr:hover td a{color:#fff}
#tblManageAutoAttendant .outer-table .tblOffHoursAppendRowDiv tbody tr td:first-child{border-left:1px solid #D8D6D7 !important; }
#tblManageAutoAttendant .outer-table .tblHolidayHoursAppendRowDiv tbody tr td:first-child{border-left:1px solid #D8D6D7 !important; }
.hourssubmit-btn{margin-top: 10px;}
.greeting_upload
{
    background: #fff;
    top: calc(30% - 30px );
    position: absolute;
    left:65%;
    z-index: 1254;
    height: 160px;
}
#StandaloneModalSettings{font-size:12px;}
.sliderSA.demo .switch-button-label {
    font-size: 12px;
    margin: 5px 30px 0px 30px;
    font-weight: bold;
}
/* For Media Queries profile section hide  start */
@media screen and (max-width: 1180px) {
    #logged-user-info {
        display: none;
    }
}
/* For Media Queries profile section hide  end */
/* Call Log Widget */
#search_calllog_widget{
    height: 16px;
    margin-left: 6px;
    margin-top: -2px;
}

.deviceTypeColumn strong{
    margin-right: 10px;
}
#device_dialog{
    display: inline-block;
}
#deviceBulkActivationTable .aligncenter{text-align:center; }
#deviceBulkActivationTable .aligncenter label{padding-right:0px !important;}

/*.validusers{
    background-color: #BEEFBE !important;
}*/
.validusers td:first-child , .invalidusers td:first-child, .warningusers td:first-child{
    /*text-indent: 20px !important;*/
    background-repeat: no-repeat !important;
    background-size: 15px 15px !important;
    background-position: 5px !important;
    padding: 0 0 0 30px !important;

}
.validusers td:first-child{
    background-image: url('../img/tick.gif') !important;
}
.invalidusers td:first-child{
    background-image: url('../img/wrong_bg_trans.png') !important;
}
.warningusers td:first-child{
    background-image: url('../img/warning.png') !important;
}
#tblUserUpload.border_left td.error-border{
    border-left: 1px solid #FF0000 !important;
    background: #ffe2dd !important;
} 
#tblUserUpload.border_left td.warning-border{
    border-left: 1px solid #FFCC00 !important;
    background: #fff9e0  !important;
} 
.warning-border{
    border: 1px solid #FFCC00 !important;    
    background: #fff9e0  !important;
}
#tblContactUserUpload.border_left td.error-border{
    border-left: 1px solid #FF0000 !important;
    background: #ffe2dd !important;
} 
.alert-count-message{
    padding: 4px 7px;
    margin-right: 10px;
}
#tblUserUpload.border_left tr.error-border{
    border-left: 1px solid #FF0000 !important;
    background: #ffe2dd !important;
} 
#upload-file-alert1{
    width : 50%;
    margin-bottom : 0;
    text-align: left;

}
#tblContactUserUpload.border_left tr.error-border{
    border-left: 1px solid #FF0000 !important;
    background: #ffe2dd !important;
} 
.invalidContact{
    background-image: url('../img/wrong_bg_trans.png') !important;
}

.corporate_pagination {
    background: transparent !important;
    color: #000 !important;
    opacity: 0.8 !important;
}
.call_center_new_details{
    width: 238px;
    float:left;
}
.call_center_new_details2 {
    width: 260px;
    float:left;
}
.call_center_new_details .alert,.call_center_new_details2 .alert{
    padding: 0px 18px;
    margin: 2px 0px 15px 0px;
    font-size: 13px;
}
#edit-access-modal-content #list_of_extn {
    width: 310px !important;
}
.grant_option_disabled {
    width: 38%;
    height: 36px;
    position: absolute;
    display: none;
    background: #fff;
    opacity: 0.7;
}
.grant_option_agent_client_disabled{
    width: 38%;
    height: 36px;
    position: absolute;
    display: none;
    background: #fff;
    opacity: 0.7;
}
.grant_option_supervisor_client_disabled{
    width: 57%;
    height: 36px;
    position: absolute;
    display: none;
    background: #fff;
    opacity: 0.7;
}
.grant_option_agent_disabled{
    width: 38%;
    height: 36px;
    position: absolute;
    display: none;
    background: #fff;
    opacity: 0.7;
}
.grant_option_advanced_agent_disabled {
    width: 45%;
    height: 36px;
    position: absolute;
    display: none;
    background: #fff;
    opacity: 0.7;
}
.grant_option_disabled_supervisor {
    width: 220px;
    height: 36px;
    position: absolute;
    display: none;
    background: #fff;
    opacity: 0.7;
}
.grant_option_disabled_advanced_supervisor {
    width: 255px;
    height: 36px;
    position: absolute;
    display: none;
    background: #fff;
    opacity: 0.7;
}
.grant_option_disabled_1_2_settings{
    width: 100%;
    height: 79px;
    position: absolute;
    display: none;
    background: #fff;
    opacity: 0.7;
}
.grant_option_show {
    display: block !important;
}

#export_as_csv_calllogs_new .closeIcon {
    float: right;
    margin: 4px;
}
.call_log_eff_from , .call_log_eff_end {
    width: 260px;
    float: left;
}
.call_log_cal {
    width:126px;
    float: left;
    margin-bottom: 5px;
}
.call_logs_date_from_class ,.call_logs_date_end_class {
    width: 120px !important;
    height:20px;
}
.ext-scroll {
    position: absolute;
    width: 19px;
    height: 38px;
    background: #F9F9F9;
    right: 0px;
    border: 1px solid #ddd;
    z-index: 999;
    border-left: none;
    border-bottom-width: 4px;
}
/*.invalidusersField{
    background-color: #d9534f;
}*/
#deviceBulkActivationTable .aligncenter label{padding-right:0px !important;}
#calllogs_download_error_success_msg {padding:4px;margin: 2px -8px;text-align:left;width:420px;}
#CallLogsnewTable_wrapper .dataTables_scrollBody{ overflow-y: scroll !important;   }
#calllogsnew_Listview .dataTables_scroll table{
    width : 100% !important;
}
.dataTables_scrollHeadInner{
    width : 100% !important;
}
.dataTables_scrollHead {
    background: #F9F9F9 !important;
}
.CallLogsnewTable thead th:last-child{
    border-right:none !important;
}
.extn-read-only{
    width: 100px;        
}

.extn-read-only .tooltip{
    left: 10px !important; 
}

.key_group_title{
    position: relative;
}
.key_group_title .tooltip {   
    top: -2px !important;
    left: 20px !important;
    width: 168px;
    margin: 0px !important;
    padding: 0px !important;
}


#mps_musicFile {
    height: 34px !important;
}
.mp_clear {
    clear:both;
}
#soundAudioPlayer .overlay-content {
    padding: 8px;
}

#callcenter_gearsettings .down{
    margin-top:0px !important;
}

/*audio display list*/
#widget_content_table > 
.audio_table tr th {
    background: #67666b !important;
    color: #ffffff !important;
}

#widget_content_table > 
.audio_table tr th {
    background: #67666b;
    font-weight: bold;
    color: #fff;
    padding: 5px 5px;
}

#widget_content_table > 
.audio_table tr:nth-child(odd) {
    background: #ffffff;
}

#widget_content_table > 
.audio_table tr {
    height: 23px;
}

#widget_content_table > 
.audio_table tr td {
    padding: 0px 5px;
    color: #000;
}

#widget_content_table > 
.audio_table tr:nth-child(odd) {
    background: #ffffff;
}

#widget_content_table > 
.audio_table tr:nth-child(even) {
    background: #ececea;
}

#addCallRouting .play-resize {
    font-size: 20px;
}
/*audio display list*/
#dataTable_call_logs_filter_user_id {
    height: 16px;
    padding: 0px;
    font-size: 12px;
}
.dataTable_gridview tr td{
    position: relative;
}

@-moz-document url-prefix() { 
    .dataTable_gridview tr td{
        position: initial;
    }
}



#CurrentBillTable {
    border: 1px solid #ccc;
}

/*#CallLogsnewTable_processing {
    display: none !important;
}*/
@-moz-document url-prefix() { 
    #confExtenstionsTable tbody tr, #DeviceListTable tbody tr {
        position: initial;
    }
}
#manageVirtualNumbersAndTollFreeTable tbody td:last-child {
    vertical-align: middle;
}

#manageFaxVirtualNumbersAndTollFreeTable tbody td:last-child {
    vertical-align: middle;
}



/* New Location widget css start */
#loc_help{
    background: #fff;
    position: absolute;
    right: -250px;
    top: 0px;
    width: 250px;
    height: calc(100% - 0px);

}
.MapModal .widget_header_txt ,.MapModal .widget_header {
    cursor: default !important;
}
#loc_help .modal-body{
    max-height: calc(100% - 114px);
    border: 1px solid #e5e5e5 !important;
    border-top: 0px !important;
}
#loc_help  .sub_footer {
    height: 50px;
    border: 1px solid #e5e5e5 !important;
    border-top: 0px !important;
}
.loc_help_icon {
    margin: 3px 0px 0px 8px;
    display: inline-block;
    cursor: pointer;
    float: right;
    color: #c4c4c4;
    font-size: 14px;
}
#loc_help .h4_bg {
    font-weight: normal;
}
#Map_content .container {
    width: 100% !important;
}
.new_loc_widget_wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}
.new_loc_list_sec {
    background: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 220px;
    height: 100%;
    z-index: 99;
}
.new_loc_map_sec {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
.new_loc_show_hide{
    width: 12px;
    height: 50px;
    background: #fff;
    position: absolute;
    z-index: 995;
    -webkit-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.38);
    -moz-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.38);
    box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.38);
    border-radius: 0 3px 3px 0;
    top: -1px;
}
.new_loc_show_hide i{
    line-height: 50px;
    padding: 1px 2px;
    font-size: 16px;
    cursor: pointer;
}
.show_arrow_left {
    left: 28px !important;
}
.MapModal {
    /* position: absolute;
    width: 99%; */
}
.new_loc_height {
    height: 260px !important;
    max-height: 260px !important;
    overflow: auto;
}
/* New Location widget css end */
/*toggle button for shared line and busy lamp*/
.phonelinesbox .toggle {
    -webkit-appearance: none;
    appearance: none;
    width: 65px;
    height: 20px;
    display: inline-block;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    outline: none;
    border: none;
    cursor: pointer;
    background-color: #707070;
    transition: background-color ease 0.3s;
    margin-right: 20px;
    -moz-appearance: none;
}

.phonelinesbox .toggle:before {
    content: "Shared Private";
    display: block;
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 15px;
    background: #fff;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    font: 10px/16px Helvetica;
    font-weight: bold;
    text-indent: -41px;
    word-spacing: 22px;
    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;
}

.phonelinesbox .toggle:checked {
    background-color: #038219;
}

.phonelinesbox .toggle:checked:before {
    left: 47px;
}
.enbaledFeatureLayer {
    position: absolute; z-index: 9; top: 29%; left: 35%; text-align: center;
}
.enbaledFeatureLayer p {
    margin: 0px;
    font-size: 20px;

}
.enbaledFeatureLayer button {
    width: 80px;
    height: 40px;
}

.enbaledFeatureLayerLock
{
    position: absolute;
    height: 100%;
    background: #fff;
    opacity: 0.8;
    width: 100%;
}
.CAPFeatures{
    height: 100% !important;
    background: #f1faff !important;
    width: 100%;
    text-align: center;
    color: green;
    padding-top: 9px;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 10px;
}
/* Start - Additional Tool Tip Portal Passcode winodw */

.custom-tooltip {
    position: absolute;
    margin: 10px 20px;
    opacity: 1;
    right: 6%;
    top: -5px;
    width: 450px;
    z-index: 999  
}

.custom-tooltip .custom-tooltip-arrow {
    right: 100%;
    border-right: 10px solid #08c;
    top: 38px;
    border-left: 0;
    left: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #08c;
    position: absolute;
}
.custom-tooltip .custom-tooltip-arrow-right {
    left: 100% !important;    
    top: 38px;
    border-left: 0;    
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #08c;
    position: absolute;
}

.custom-tooltip .custom-tooltip-inner {
    padding: 3px 8px;
    color: #000 !important;
    text-align: left;
    border: 2px solid #08c !important;
    border-radius: 4px;
    max-width: fit-content;
    background-color: #fff;
    position: relative;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);

    font-size: 12.5px;
    line-height: 19px;
    padding: 5px 8px 15px 37px;
}

.custom-tooltip .error,
.custom-tooltip i.fa
{
    font-weight: bold;
    font-size: 15px;
    color: #08c !important;
}

/* End - Additional Tool Tip Portal Passcode winodw */
.minWidth100px  {
    min-width: 100px;
}
#edit-CB-modal .audio-inpt{
    display: block;
    margin:0px auto;
    height: 35px;
    margin-bottom: 16px;
}
.accountSettings .modal-body {
    position:static!important;
}

/* start - device_import_mac */

/* gxw start */
#gxwdevices_import_modal {
    width: 1100px;
    top: 2% !important;
    left: 35% !important;
    height: 665px;
    
}

#gxwdevices_import_modal .close-link {
    float: none;
    position: absolute;
    right: 30px;
    z-index: 1;
    top: 19px;
}

#gxwdevices_import_modal .custom-btn.green:disabled{
    background: #8ccab3 !important;
    border: none!important;
    cursor: not-allowed!important;
}

.custom-close-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 3rem;
    cursor: pointer;
    z-index: 1050; /* Ensures the close button is above other elements */
  }
/* gxw */

#devices_import_modal {
    width: 930px;
    top: 2% !important;
    left: 41% !important;
}
#addDevices{
    padding: 0px 30px 10px 30px!important;  
    max-height: 550px;
}
#addDevices .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;    
}
#addDevices .addBtn{
    float: right;
    margin: 10px 0px 5px 0px;
    padding: 4px 6px 4px 6px;
}
#addDevices .table > tbody > tr > th{
    background-color: #ccc;
}

#addDevices .table>tbody>tr>td {

    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd; 
}
#addDevices .macinput-text{
    margin: 28px 0px 0px 0px;
    height: 100px;
    width: 100%;
}


#addDevices .table >tbody>tr>td:nth-child(1){
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#addDevices .table >tbody>tr>td:nth-child(2){
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#addDevices .table >tbody>tr>td:nth-child(3){
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#addDevices .table >tbody>tr>td:nth-child(4){
    border-bottom: 1px solid #ccc;
    width: 10%;
    padding: 0px!important;
}
.redClass {
    color:#ff0022;
}
#addDevices .dataTables_filter label {
    margin-right: 5px;
    margin-left: 11px;
}

#addDevices .dataTables_info {
    float: left;
    margin-left: 10px;
    margin-top: -5px;
}

#addDevices .dataTables_length, .dataTables_paginate {
    float: right !important;
    margin-right: 4px;
    margin-top: -5px;
}

#addDevices .device_list{
    max-height: 200px;
    margin-bottom: 10px;
    width: 100%;
}

#DeviceMACListTable_filter {
    float:right;
}
#DeviceMACListTable_length, #DeviceMACListTable_filter {
    display: none;  
}
#addDevices .info_table, #addDevices .filter_table {
    margin-left: 10px;
}
#addDevices .paginate_table, #addDevices .info_table {
    margin-right:14px;
    margin-top: 15px;
}

#DeviceMACListTable_previous {
    margin-right:20px;
}

#addDevices .actn-btns{
    margin-right: -28px;
}
#addDevices .dataTables_wrapper {
    padding-bottom: 30px;
    border: 1px solid #ccc;
    margin-top: 10px;/*
    margin-left: 17px;*/
    width: 100%;
    background-color: #fff;
}

#addDevices .ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}
#addDevices .ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4;
}

.devicesHeader {
    /*   margin-left: -28px;*/
    width: 900px;
    height: 60px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;  
}
#addDevices_top .lbl-txt{
    font-size: 14px;
    margin-right: 9px;
    font-weight: bold;
    color: #867e7e;
    margin-left:15px;
}
#addDevices .dataTable thead tr th {
    border: 0px solid #ddd !important;
    vertical-align: middle;
    background-color: #fff;
}

#addDevices .dataTables_paginate {
    float: right !important;
    margin-right: 0px;
}

#addDevices .reassing-space {
    max-width: 480px;
    margin: 15px auto;
    display: block;
    padding: 15px 15px;
    text-align: center;
}

#addDevices .addborder1 {
    border-right: solid 2px #0088cc;
    padding: 2px 18px;
    font-weight: bold;
    line-height: 10px;
    position: relative;
    text-decoration: none;
}

#addDevices .attach-links {
    cursor: pointer;
    display: inline-block;
    color: #0088cc;   
}

#addDevices .bootstrap-tagsinput {
    width: 100%;
    padding: 0px 5px!important;
    height: 98px;
    border: none;
    box-shadow: none;
    overflow-y: scroll;
    max-height: 100px;
}
#addDevices.bootstrap-tagsinput, #addDevices .label {
    line-height: 3;
}
#addDevices .bootstrap-tagsinput, #addDevices .tag {
    padding: 6px 8px;
    font-weight: bold;
    font-size: 13px;
}

#addDevices .bs-example {
    height: 70px;
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px;
}

#addDevices .form-control, .single-line {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 0px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 90%;
    font-size: 14px;
}
#DeviceMACListTable {
    width:100%!important;
}

#addDevices .error_value {
    background-color: #F44336;
    color: #f3eaea;
    font-family: 'Open Sans';
    padding: 6px 8px;
    font-weight: bold;
    font-size: 13px;
    text-shadow: none;
}

#devices_import_modal .close-link {
    float: none;
    position: absolute;
    right: 30px;
    z-index: 1;
    top: 19px;
}

#devices_import_modal .custom-btn.green:disabled{
    /* background: #8ccab3 !important; */
    background: #8ccab3;
    border: none!important;
    cursor: not-allowed!important;
}
#addDevices .disableCnt{
    background-color: #f3eded;
    cursor: not-allowed;
}


#addDevices .aplyBtn {
    padding: 6px 15px 6px 14px;
    border-radius: 4px;
    background-color: #18a689;
    color: #fff;
}

#addHandsets{
    padding: 65px 0px 0px 212px;
    height: 150px;
}

#addDevices .btn-info {
    background-color: #F44336;
    border-color: #F44336;
    color: #FFFFFF;
    margin-left: 25px;
    margin-top: 6px;
}

#addDevices .btn-info:hover{
    background-color: #F44336;
    border-color: #F44336;
    color: #FFFFFF;
}
.intText{
    width: 50px;
    height: 35px!important;
    text-align: center;
    padding: 0px;
    border-radius: 0px!important;
}
#addHandsets .aplyBtn2 {
    padding: 8px 15px 9px 14px;
    border-radius: 4px;
    background-color: #18a689;
    color: #fff;
    float: right;
    /*   margin-right: 230px;*/
    margin-right: 250px;
    font-weight: 600;
    cursor: pointer;
}
/*start - Edit extension */
.extensionPopover {width:375px; padding:30px 0; border-radius:5px; background-color:#fff; border:solid 1px #9d9d9d; position:relative; display: table; }
.extensionHeading {font-weight:bold; text-align:center; padding: 0 10px 20px 10px}
.extensionPopoverClosebtn {position: absolute; right: 16px; font-weight: bold; top: 18px; cursor: pointer;}
.successMessage {padding: 8px 22px; border-radius: 5px; margin-top: 13px; border:solid 1px #bfd3af;}
.keypadBorder{background-color: #fff; padding: 5px 12px;border-radius: 4px 0 0 4px!important;}
.keypadBorder img{margin-top: 1px;}
.extensionPadding {padding:0 6px;}
.extensionPopover:before {content: ""; position: absolute; top: 25px; left: 0; margin-left: -8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); background-color: #fff; width: 15px; height: 15px; border: solid 1px #9d9d9d; border-top: 0; border-right: 0;}

/*End - Edit extension*/

/*Start - Ticket widget - Attachment Enhancement*/
/*.wrapperEclipse{
        display: -webkit-box;
        max-width: 100%;
        height: 43px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        border-right:0!important;
        border-left:0!important;
        padding: 12px 8px!important;
        border-bottom: 0!important;
    }
 #ticketsTable_wrapper table tr:last-child td.wrapperEclipse{
        border-bottom: 1px solid #ccc!important;
    } */


.hidetr{
    display: none;
}
.dataTables_wrapper .fg-toolbar { display: none; }
/* New Ticket Modal Css */
#ticket-new-modal-content input[type="text"] , #ticket-new-modal-content select{
    margin-bottom: 10px !important;
}
#ticket-new-modal-content .securityQuestions{
    width: 180px !important;
}
#ticket-new-modal-content select{
    width: 304px !important;
}
#new-ticket-modal .modal-body{
    padding:5px 30px 30px 30px!important;
}

.attachfile{
    border: 1px solid #ccc!important;
    height: 40px!important;
    background-color: #fff;
} 
.bodypadd{
    padding: 15px 15px 0 15px;
    clear: both;
}
.margleft{
    margin-left: 15px;
    margin-top: 5px;
}

.createdby{
    margin-top: 0!important;
    font-size: 12px;
}
.notestitle{
    background-color: #ececec;
    padding: 11px 15px;
    border-radius: 3px;
    font-size: 13px;
    /*        color: #383838;*/
    margin-top: 15px;
}
.addnotesleft{
    text-align: left!important;
    padding: 0 0 0 15px;
}
.wid1{
    width: calc(100% - 260px) !important;
}
.attachicn{
    border: 2px solid #428bca;
    border-radius: 45px;
    height:30px;
    width: 30px;
    float:right;
    line-height: 30px;
    text-align: center;
    /*        margin-left: 25px;*/
    margin-top: 15px;
}
.paddright{
    margin-left: 25px!important;
}

.notes-section, .add-attachment-section{
    padding: 0 35px 10px 10px;
    font-weight: bold;
    color: #55a2db;
    position: relative;
    top: -5px;
    line-height: 25px;
}
.notes-section{
    background-image: url("../img/add_notes_icn.png");
    background-position: 82px 2px;
    background-repeat: no-repeat;
    padding-right: 39px;
    padding-top: 5px;
    line-height: 29px;
}
.add-attachment-section{
    background-image: url(../img/attachment_big_icn.png);
    background-position: 120px 0;
    background-repeat: no-repeat;
    padding-right: 35px;
    padding-top: 5px;
    line-height: 29px;
}
.add-attachment-small{
    background-image: url(../img/attachment_small_icn.png);
    background-position: 1px 6px;
    background-repeat: no-repeat;
    padding: 8px 8px 8px 25px;
    line-height: 30px;
}
.note_overall_sec .bottom .dataTables_info{
    /*      position: fixed;*/
    font-size:11px;
}
.note_overall_sec{
    margin-top: 0!important;
}
.dataTables_wrapper .top{
    display: block;
}
.ticket_left_side,.ticket_right_side{
    border:1px solid #DDDDDD;
    padding:10px;
    margin-bottom: 20px;
}
.ticket_right_side{
    max-height: 263px;
    overflow: auto;
    min-height: 263px;
    height: 263px;
    overflow-x: hidden;
}
.title-head{
    background: #e8e8e8;
    padding: 8px;
    margin-bottom: 10px;
    font-weight: bold;
}
.title-head1,.title-head2{
    background: #e8e8e8;
    padding: 8px;
    height: 34px;
    font-weight: bold;
}
.title-border{
    padding:8px;
    border:1px solid #ccc;
    margin-bottom:15px;
}
#edit-ticket-modal .modal-body{
    padding-top: 20px!important;
}
#add_tic_note{
    border:0!important;
}
.email_notification .width100 {
    width: 100% !important;
}
#threshold_profile .email_notification .titletext {
    padding: 3px 6px;
    height: auto !important;
    line-height: normal !important;
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
label[for="ThresholdEmailNotification"] {
    margin: 0;
}

.general_info{

}

    
  /* End - Ticket widget - Attachment Enhancement*/

#frmBW .width45{width:45%;}
#frmBW .width50{width:45%;}
#frmBW .width52 {width: 52%;}
#frmBW .width60 {width: 60%;}
#frmBW .marginright10{margin-right:10px} 

#frmBW #audio-assign {width: 355px; padding:16px;border: 1px solid #ddd;position: absolute;bottom:30px;right: -136px;-webkit-box-shadow: 1px 1px 10px 3px #BAB8B8;-moz-box-shadow: 1px 1px 10px 3px #BAB8B8;box-shadow: 1px 1px 10px 3px #BAB8B8;z-index: 999;}
#frmBW #audioupload_callcenter {position: relative;}
#frmBW .play-resize {font-size: 20px;}
/* End - Ticket widget - Attachment Enhancement*/
.customForm label{max-width: 190px!important;}
.customRadioBtn{position: relative; top:-2px; margin-right: 4px!important;}
.width100{width:50%!important;}
.marLeft25{margin-left:25px;}
.SettingsAppendRowDiv-ThirdCell-Content p{margin-bottom:5px!important;}
.width100 p{margin-bottom:5px!important;}
.margnone{margin:0!important;}
/*start - call park*/
.callParkLocation {
    background: #f6f6f6;
    padding: 5px;
    border: 1px solid #ddd;
}
.groupCallingNameLocation {
    background: #f6f6f6;
    padding: 5px;
    border: 1px solid #ddd;
}
/*end - call park*/
#creditCardInfoTable thead{
     display:none;
}

#tblE911EmailNotification {
    width: 475px;
}

#tblE911EmailNotification th:first-child {
    width: 421px;
}
/* Start - HG Widget Sorting Icons */

.sorting-icons {
    position: relative;
    display: inline-block;
}

.sorting-icons .moveDown, .sorting-icons .moveUp {
    display: inline-block;
    position: relative;
    margin: 0;
    cursor: pointer;

}
.sorting-icons .down {
    right: -4px;
    top: -4px;
}

.sorting-icons .up {
    top: 4px;
    left: 15px;
}

.sorting-icons .fa {
    font-size: 18px !important;
    height: inherit;
}

#hgassignedusers tbody tr:first-child .moveUp, #hgassignedusers tbody tr:last-child .moveDown {
    opacity: 0.3;
}

#hgassignedusers > thead > tr > th:last-child {
    width: 110px;
}

.callList li {
    background-color: #FFF !important;
    border-bottom: 0 !important;
    font-weight: normal !important;
   
}
ul#myMenu {
    border: 1px solid #d9d9da;
    border-radius: 10px !important;
    overflow-y: auto;
    height: auto;
    min-height: 50px;
    max-height: 200px;
}
input#searchbox:focus, input#searchbox:active {
    outline: 0;
}
#searchbox {
    /* border-color: #d9d9da; */
    cursor: pointer;
    border: 1px solid #d9d9da;
    padding: 1px 5px; 

    
}

.callList li:hover {
    background-color: #1a73e8 !important;
    color: white !important;
}
ul#myMenu li.active {
    background-color: #1a73e8 !important;
    color: white !important;

}

label.arrow {
    margin: 0;
    position: absolute;
    width: 22px;
    height: 17px;
    right: 0px;
    top: 10px;
    content: "\f107";
    /* color: #000; */
    font-size: 18px;
    bottom: 0;
    padding-left: 6px;
    transform: rotate(270deg);
}