body{
    background-color: #f1f1f1 !important; 
    margin-right: 20px;
}
@font-face {
    font-family: 'MyriadPro';
    src: url('../font/MyriadPro-Regular.otf');
    type:open-type;
}

.sideBar{	

    display:inline-block;
    /*float: left;*/
    margin:0px;
    margin-top: -5px;
    /*background-color:red;*/
}
.sideBar ul li{
    display: block;
    list-style-type: none;
    margin-bottom: 20px;
    position: relative;
    text-align: right;
}
/*
.sideBar ul li a{
    color: #b1b1b1;
    text-decoration: none;
    display: block;
    padding: 33px 50px 0;
    margin: 5px 0;
    z-index: 1;
}
*/
.sideBar ul li a{
    color: #b1b1b1;
    text-decoration: none;
    display: block;
    padding: 33px 50px 0;
    /* width: 39%;*/
    margin: 5px 0;
    /* height:75px;*/
    /*height: 62px;*/
    z-index: 1;
}
.form-search .input-append input{
    width: 60%;
}
/*
.sideBar ul li.active a{
    background-color: #fff;
    border-radius: 10px 0 0 10px;
    box-shadow: -3px 0 2px 0 #777777;
    color: #6f6f6f;
    position: relative;
    left: 4px;
    padding: 15px 10px 18px;
    text-align: center;
}
*/
.sideBar ul li.active a{
    background-color: #fff;
    border-radius: 10px 0 0 10px;
    box-shadow: -3px 0 2px 0 #777777;
    color: #6f6f6f;
    position: relative;
    left: 4px;
    padding: 15px 10px 18px;
    text-align: center;
}
.sideBar ul li a span {
    margin-top: 18px;
    display: block;
    width: 100px;
}
/*.sideBar ul li a.dashboardIcon{padding: 33px 0 0 0;}

*/
/*.sideBar ul li a.dashboardIcon span{width: auto;}*/
.dashboardIcon{
    background: url("images/dashboardIcon.png") no-repeat 58px 19px;
}

li.active a.dashboardIcon{
    background: url("images/app-Icon/dashboard-Icon.png") no-repeat 35px 19px;
}
.groupsIcon{
    background: url("images/groupsIcon.png") no-repeat 83px 16px;
}
li.active a.groupsIcon{
    background: url("images/groupsIconActive.png") no-repeat 74px 16px;        
}
.usersIcon{
    background: url("images/usersIcon.png") no-repeat 83px 19px;
}
li.active a.usersIcon{
    background: url("images/usersIconActive.png") no-repeat 72px 16px;
}
.bulkSmsIcon{
    background: url("images/bulkSmsIcon.png") no-repeat 83px 19px;
}
li.active a.bulkSmsIcon{
    background: url("images/bulkSmsIconActive.png") no-repeat 72px 16px;
}
.settingsIcon{
    background: url("images/settingsIcon.png") no-repeat 83px 19px;
}
li.active a.settingsIcon{
    background: url("images/settingsIconActive.png") no-repeat 72px 16px;
}
.reportsIcon{
    background: url("images/reportsIcon.png") no-repeat 83px 19px;
}
li.active a.reportsIcon{
    background: url("images/reportsIconActive.png") no-repeat 72px 16px;
}

.myaccountIcon{
    background: url("images/myaccount.png") no-repeat 83px 19px;
}

li.active a.myaccountIcon{
    background: url("images/myaccountActive.png") no-repeat 78px 16px;
}


.chatIcon{
    background: url("images/chatIcon.png") no-repeat 86px 19px;
}
li.active a.chatIcon{
    background: url("images/chatIconActive.png") no-repeat 86px 16px;
}
.container-fluid{

    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius:0 10px 10px 0;
    box-shadow: 0px 0px 4px 0px #777;
}
.page_header_block h2{
    width: 98%;
    padding: 10px;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border: 1px solid #ddd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}
.page_header_block .search-block{
    padding: 45px 0 0px;
}
.page_header_block h2 span{
    background: url("images/groupsIconActive.png") no-repeat; 
    width: 39px;
    height: 34px;
    display: block;
    float: left;
    padding: 0 5px;
}
.btn-edit{

    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}
.btn-edit:hover{
    color: #ffffff;
    background-color: #2f96b4;
}
.welcomeMessage{
    padding: 0px 30px;
}

.welcomeMessage h1{
    color:#5bafe2;
    font-weight: normal;
}

.dashboardListings{
    list-style-type: none;
    margin: 0;
}
.dashboardListings li{
    text-align: left;
    /*width: 27%;*/
    display: inline;
    float: left;
    margin: 20px;
    min-height: 100px;
}
.dashboardListings li a{
    text-decoration: none;
    color: #000;
}
.containerInner{
    width: 80%;
    float: left;
    background: #fff;
    padding: 20px 20px 0;
    min-height: 930px;
    position: relative;
    /*margin-left:40px;*/
}
.dashboardContent {
    float: left;
    width: 190px;
}
.dashboardContent span{
    font-size: 20px;
    line-height: 24px;
}
.dashboardContent p{
    padding-top: 7px;
    color: #777;
}
.dashboardAppIcon{
    background: url("images/dashboardAppIcon.png") no-repeat;
    height: 79px;
    width: 79px;
    float: left;
    margin-right: 10px;
}
.dashboardAppIcon55{
    background: url("images/dashboardicon55.png") no-repeat;
    height: 79px;
    width: 79px;
    float: left;
    margin-right: 10px;
}
.dashboardAppIconpu{
    background: url("images/dashboardpopup.png") no-repeat;
    height: 79px;
    width: 79px;
    float: left;
    margin-right: 10px;
}
.dashboardAppIcon_pop{
    background: url("images/chat_box.jpg") no-repeat;
    height: 79px;
    width: 79px;
    float: left;
    margin-right: 10px;

}
.dashboardAppIconr{
    background: url("images/dashboardrecurring.png") no-repeat;
    height: 79px;
    width: 79px;
    float: left;
    margin-right: 10px;
}
.dashboardAppIcon_offline{
    background: url("images/offline_message.jpg") no-repeat;
    height: 79px;
    width: 79px;
    float: left;
    margin-right: 10px;

}
.dashboardIcon33{
    background: url("images/timeicon.png");
    height: 74px;
    width: 74px;
    float: left;
    margin-right: 10px;
}
/*.dashboardIcon_pop{
    background-position: -28px -2px;
    }*/
.dashboardIcon1{background-position: -30px -3px;}
.dashboardIcon2{background-position: -111px -3px;}
.dashboardIcon3{background-position: -193px -3px;}
.dashboardIcon4{background-position: -30px -85px;}
.dashboardIcon5{background-position: -111px -85px;}
.dashboardIcon6{background-position: -193px -85px;}
.dashboardIcon7{background-position: -30px -165px;}
.dashboardIcon8{background-position: -111px -165px;}
.dashboardIcon9{background-position: -193px -165px;}
.dashboardIcon10{background-position: -30px -245px;}
.dashboardIcon11{background-position: -111px -245px;}
.dashboardIcon12{background-position: -193px -245px;}
.dashboardIcon13{background-position: -30px -324px;}
.dashboardIcon14{background-position: -111px -324px;}
.dashboardIcon15{background-position: -193px -324px;}
.btmIcon1{
    height: 124px;
    width: 124px;
    background-position: -22px -407px;
}
.btmIcon2{
    height: 124px;
    width: 124px;
    background-position: -154px -407px;
}
.bigBoxWrapper{
    float: left;
    width: 100%;
}
.bigBoxBtm{
    float: left;
    box-shadow: 0px 0px 4px 0px #777;
    border-radius: 5px;
    padding: 10px;
    color: #000;
    text-decoration: none !important;
    width: 460px;
    margin:15px;
}
.bigBoxWrapper li{
    list-style-type: none;
}
.bigBoxBtm .dashboardContent span{
    font-size: 30px;
    width: 100%;
}
.bigBoxBtmContent span{
    font-size: 30px;
    line-height: 31px;
}
.bigBoxBtmContent{
    margin: 26px 0 10px;
}
.bigBoxBtmContent p{
    padding: 10px 0;
}

/* drop menu */

.sideBarDropMenu{
    border-radius: 0 0 0 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    top: -6px !important;
    z-index: -0 !important;
    margin-left: 13px !important;
    float: none !important;
    box-shadow: 0 0px 6px #777 !important;
}
.sideBarDropMenu li a{
    padding: 9px 40px !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
    width: auto!important;
    text-align: left !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: 0 0 !important;
}
.sideBarDropMenu li a:hover{
    color: #000 ;
}
.sideBarDropMenu li{
    border-bottom: 1px solid #ccc;
}
.sideBarDropMenu li:nth-child{
    border-bottom: 0;
}
.addGroupDrop{
    background: url("images/addGroupDropIcon.png") no-repeat 16px 10px;
}

.spanEdit select{
    display:inline-block !important ;
    width: 12% !important;
}

.appearance-form-width{
    width:46% !important;
}
.actionwrapper {
    margin-top: 25px;
    height: 50px;
}
.action_button_group{
    float: left;
    height: 50px;
    width: 210px;
}
.search-block-new{
    float: right;

}

.fl{float:left;}
.fr{float:right;}
.btnAdded{
    padding: 0 !important;
    font-size: 11px;
}

.btnAdded .menu-topDropDown a{
    background: #4A9ACA !important;
    border: 0;
    border-radius: 0 !important;
    box-shadow: 0 0 !important;
    color: #fff !important;
    text-shadow: none;
    margin: 0 !important;
    padding: 10px !important;
    min-width: 148px;
    text-indent: 10px;
    font-size: 13px;
}
.navbar-inner .container-fluid{
    padding-right: 0;
}
.topDropDown{
    border: 0;
    box-shadow: 0 0;
    padding: 0;
    margin: 1px 0 0 0;
    width: 168px;
}
.password-new-icon{
    background-image: url("images/lock-icon.png") !important;
    background-repeat: no-repeat !important;
    background-position: 15px 15px !important;

}
.sign-new-icon{
    background-image: url("images/sign-out-icon.png") !important;
    background-repeat: no-repeat !important;
    background-position: 15px 18px !important;
}

.topDropDown:before,
.topDropDown:after{
    content: normal !important;	
}
.new-toggle{
    width: 93px;
}


.visitor-report-form .controls input,
.visitor-report-form .controls select{
    display: block !important;
    float: left !important;
    margin-right: 10px;
    min-width: 100px;
}
.navbar .navbar-inner{
    background-color: #5BAFE2 !important;
    box-shadow: 0 0 !important;
    background-image: none !important;
}
.flat-menu{
    box-shadow: 0 0 !important;
    border-radius: 0 !important;
}
.icon_users{
    background: url("images/usersIconActive.png") no-repeat!important;
}

/* login screen */

.login_form h2{
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 18px 0;
    font-size: 33px;
}
.login_form ul{
    margin: 0;
}
.login_form ul li{
    list-style-type: none;
    text-align: center;
}
.loginBody{
    margin: 0;
    padding:0;
    background-color: #4bafe2 !important;
}
.login_form{
    margin-top: 170px !important;
    max-width: 317px !important;
    text-align: center;
}
.login_form .help-block span.error{
    color: #c00;
    float: left;
    margin-left: 10px;
}
.login_form ul li input{
    padding: 14px 10px 14px 49px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    box-shadow: 0 0!important;
    border: 1px solid #fff;
    width: 250px;
    font-size: 16px;
}
.login_form ul li.forgot-login a{
    color: #fff;
    display: block;
    text-align: left;
    margin-left: 18px;
    margin-top: -15px;
    margin-bottom: 11px;
}
.btn-login{
    background: #6abef1; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZhYmVmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzhhY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #6abef1 0%, #178acf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6abef1), color-stop(100%,#178acf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6abef1 0%,#178acf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6abef1 0%,#178acf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6abef1 0%,#178acf 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6abef1 0%,#178acf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6abef1', endColorstr='#178acf',GradientType=0 ); /* IE6-8 */
    border: 0;
    outline: 0;
    font-size: 16px;
    text-align: center;
    color: #fff;
    width: 300px;
    padding: 13px 10px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.71);
}
.btn-login:hover{
    background: #178acf ;
}
.bodyWrapper{
    box-shadow: 0 0 !important;
}
.footer-border{
    margin: 50px auto;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: #fff;
    padding-top: 20px;
}
.login_form ul li input,
.btn-login{
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.login-usrname{background: url("images/login-user-icon.png") no-repeat 5px;}
.login-psw{background: url("images/login-psw-icon.png") no-repeat 5px;}

.logo-login{
    display: block;
    margin-bottom: 20px;
}
.login_form ul li input:focus{
    position:relative;
    left: 10px;
}
.visitor-report-form label{
    float: left;
    margin: 4px 8px;
    padding: 0 !important;
}
.chat_user_list li{
    overflow: hidden;
}
.alert-success{
    margin-left: 23px;
}
.page_header_block .search-block{
    width: 100%;
}
.alert-danger, .alert-error{
    overflow: hidden;
}
.nav-tabs{
    padding-bottom: 8px;
}
/* add css */
h2, .containerInner{font-family: MyriadPro, sans-serif;}
.legendIcons{
    display: block;
    background: url("images/dashboardAppIcon.png") no-repeat;
    height: 80px;
    width: 80px;
    float: left;
    margin-right: 10px;
}
.chatArchivePageHead{background-position: -280px -244px;}
.userPageHead{background-position: -193px -245px;}
.generalSetup{background-position: -30px -85px;}
.appearanceSetup{background-position: -280px 0;}
.groupPageHead{background-position: -280px -324px;}
.myAccountPageHead{background-position: -293px -400px;}
.reportPageHead{background-position: -280px -82px;}
.visitorPageHead{background-position: -280px -164px;}
.bulksmsPageHead{background-position: -288px -477px;}
.sendBulkSmsPageHead{background-position: -194px 0px;}
.containerInner .well{
    min-height:20px;
    padding:0 !important;
    margin-bottom:20px;
    background-color: #fff!important;
    border:0 !important;	
    -webkit-box-shadow:0 0 transparent !important;
    -moz-box-shadow:0 0 transparent !important;
    box-shadow:0 0 transparent !important;
}
h2.headerTitleInner{
    font-weight: normal;
    color: #000;
}
legend span.shortInfo{
    display: block;
    line-height: 16px;
    font-size: 14px;
    color: #777;
}
select{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.legend{width: 97%;}
.innerHeaderBar{height: 95px;width: 100%;margin-bottom: 0;}
.blueText{color: #50AAE0;padding-right: 5px;}
.span6 .headerTitleInner{margin-bottom: 15px;}
.smsContainerInner .span8, .smsContainerInner .span4,
.smsContainerInner .span6{padding: 20px 0;}
.firstSpan{width: 42% !important;}
.spanBorder{border-right: 1px solid #E5E5E5;padding-right: 10px !important;}
.secondSpan h2{font-size: 18px;}

.smsContainerInner .control-label{font-size: 14px;}
select{border: 1px solid #CCC; outline:0 !important;}
.copyPasteIcons{padding-left: 40px;}
.embedIframe{background: url("images/embediframe.png") no-repeat 0 46px;}
.chatpopup{background: url("images/chatpopup.png") no-repeat 0 65px;}
.jointextbox{background: url("images/jointextbox.png") no-repeat 0 46px;}
.emailsig{background: url("images/emailsig.png") no-repeat 0 42px;}
.helpicon{background: url("images/helpicon.png") no-repeat 0 70px;}
/*.btn{min-width: 80px;}*/
.nav .btn{
    display: inline-block;
    padding: 4px 7px 4px;
    margin: 13px 5px 6px;
    line-height: 18px;
}
.helpBoxInfo{
    display: block;
    padding-left: 20px;
    background:url("images/help_grey.png") no-repeat -2px 6px;
    height: 35px;
}
.textFieldWrap{
    overflow: hidden;
    border-bottom: 1px solid #E5E5E5;
    padding: 20px 0;
}
.textFieldWrap .control-group{
    margin-left: 0;
    padding-top: 5px;
}
.textFieldWrap .controls{margin-left: 153px;}
.headIcons{
    padding-left: 31px;
    background: url("images/supportform_icon.png") no-repeat 0px 5px;
    background-size: 26px;
    margin: 20px 0 12px;
}
h3{color: #5BAFE2;}
h5{color: #222;}
h5 span{
    display: block;
    float: left;
    background: #5BAFE2;
    color: #FFF;
    border-radius: 15px;
    padding: 0px 5px;
    font-size: 14px;
    margin: 0 5px;
}
.fileUploading img{margin: 14px 0;}
.fileUploading input{
    background: rgba(233, 233, 233, 0.29);
    padding: 3px 3px 0px;
    width: 210px;
    border-radius: 6px;
    border: 1px solid #CCC;
    height: 26px;
}
.radiobar{margin: 6px 0px;}
.radiobar li{list-style-type: none;float: left;margin: 0 10px;}
.radiobar li input{float: left;margin: 0 4px;}
.radiobar li label{float: right; cursor: pointer;margin: -6px 0;}
.form-horizontal .control-label{padding-top: 0}
/* custom scrollbar */
.selectImages::-webkit-scrollbar,
.container::-webkit-scrollbar {
    width: 10px;	
}

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

/* Handle */
.selectImages::-webkit-scrollbar-thumb,
.container::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ccc;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.selectImages::-webkit-scrollbar-thumb:window-inactive,
.container::-webkit-scrollbar-thumb:window-inactive {
    background: #ccc;
}
.greetingBtn{width: auto !important;font-size: 16px;} 
.greetingIcons{
    background: url("images/greeting message_popup.png") no-repeat 0px 0px !important;	
}
.greetingHeaderBar{
    height: 75px;
    width: 96%;
    margin-bottom: 0;
}
.greetingPopUp{
    width: 70%;
    left: 40%;
    overflow: visible !important;
    outline: 0;

}
.btn-success{width:38px;}
.btn-danger .btn-success{width:38px;}
.closeGreet{
    position: absolute;
    right: -16px;
    top: -21px;
    z-index: 521;
    color: #FFF!important;
    background: #50AAE0!important;
    display: block;
    opacity: 1 !important;
    border: 3px solid #FFF !important;
    padding: 4px 10px !important;
    border-radius: 35px;
    font-weight: normal;
    font-size: 14px;
}
li{list-style-type: none;}

.selectImages li{
    float: left;
    margin: 15px 8px;
    width: 160px;
    padding: 1px;
}
.selectImages{
    height: 370px;
    overflow-x: auto !important;
}
.selectImages li img{border: 2px solid #fff;}
.selectImages li img:hover{
    border: 2px solid rgba(230, 150, 31, 0.8);	
    outline: 0;
    outline: thin dotted 9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(241, 233, 26, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(250, 36, 17, .6);
}
img{
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;

}
.checkboxCuse .control-group{margin-bottom: 0 !important;}
.saveAction{
    margin-top: 0;
    background: transparent;
    border: 0;
}
#colorSelector{
    width: 30px;
    height: 30px;
}

.numberBox{
    background: #5BAFE2;
    color: #FFF;
    border-radius: 15px;
    padding: 0px 5px;
    font-size: 14px;
    margin-top: 5px;	
    width: 8px;
}
.search-query{
    padding-left: 24px !important;
    background: url("../../assets/img/searchNanoIcon.png") no-repeat 6px 6px;
}
.profileBoxInfo{width: 350px;}
.profileSms{overflow: hidden;}
.profileSms li{ 
    padding: 7px;
    list-style: none;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    margin-left: 44px;
    position: relative;
}
.pswBtn i{
    position: absolute;
    top: 13px;
    left: 12px;
}
.pswBtn a{padding-left: 23px;}
.profileSms ul{
    background: #FDFDFD;
    padding: 13px;
    margin: 0px !important;
    border: 1px solid #EBEBEB;
    width: 324px;
    float: left;
    height: 250px;	
}

.profileSms h4 
{
    margin-top: 30px;
    margin-bottom: 10px;
}
.borderleftZero{border-left: 0 !important;}
.borderRightZero{border-right: 0 !important;}
.sideBorderZero{border-left: 0 !important;border-right: 0 !important;} 
.borderTopZero{border-top: 0 !important;}
.profileBoxInfo strong {
    color: #949494;
    font-weight: normal;
}
.profileBoxInfo h2{margin-left: -45px;}
.upgradePackage{text-align: center;margin-top: 30px;}
.upgradePackage ul li{float: left;margin: 10px;}
.upgradePackage ul{
    width: 585px;
    margin: 20px auto;
}
.upgradePackage ul li a{text-decoration: none;color: #fff;}
.buttonDefault{
    background: url("../../assets/css/images/buttonSprite.png") no-repeat -14px -4px;
    width: 125px;
    display: block;
    color: #FFF;
    padding-top: 28px;
    padding-bottom: 13px;
}
.selectedPackage{background-position: -179px -4px;}
.bulksmsReport{width:200px;  margin:45px auto;}
.bulksmsReport h3{
    font-size: 80px;
    line-height: 80px;
    font-weight: normal;
}
.bulksmsReport h4{
    font-size: 26px;
    font-weight: normal;
    color: #777;
}
.spanBorderLeft{
    height: 792px;
    border-right: 1px solid #E5E5E5;
}
.supportStat{
    color: #777;
    position: absolute;
    top: 499px;
    display: block;
    width: 200px;
    margin: 0 auto;
}
.messageIconBulk{
    padding-left: 27px !important;
    background: url("images/phone.png") no-repeat 5px 10px;
    color: #5BAFE2;
    font-size: 19px;
    font-weight: normal !important;
}
.coltext { width: 99%; height: 150px;}
#count { margin-left: 185px; font-size: 1.6em}
span#total_sms{
    background: url("images/phonegrey.png") no-repeat 0px 0px;
    height: 37px;
    display: block;
    padding-left: 31px;
    float: left;
    padding-top: 7px;
}
span#count{
    background: url("images/textgrey.png") no-repeat 0px 0px;
    margin-left: 70px;
    padding-left: 39px;
    float: left;
    height: 37px;
    padding-top: 7px;
}
.btnGray{
    background: #777;
    color: #fff;
    text-shadow: none;
}
.btnGray:hover{
    background: #777;
    color: #fff;
}
.exclam{
    color: #67B5E4;
    font-size: 20px;
    font-weight: bold;
}
.bottomAction{
    float: right;
    border: 0;
    background: transparent;
    margin-top: 0;
    padding-top: 0;
}
.iconNameTag{
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("images/nametag.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding-right: 5px;
}
.archiveIconDet{
    float: left;	
    margin-left: 10px;
}
.user_info { 
    /*display: none;*/
}
.chat_user_list{
    margin: 0px auto;
}


.chat_user_list li{ list-style: none;
                    padding: 10px 0;
                    border-bottom: 1px solid rgb(211, 207, 207);
                    cursor: pointer;
                    border-top: 1px solid rgb(255, 255, 255);
                    min-height: 20px;
}


.message span, .reply span{ color: #999999; display:block; float:right}
.message { background:#F9F9F9; padding:5px; margin-bottom:2px;}
.reply { background:#FFFEEE;padding:4px; margin-bottom:2px; }
.chat_user_list li.more
{
    border: none;
    text-align: center;
    height: 30px;
}

.chatLog
{margin-top: 35px;
 border-left: 3px solid rgb(201, 195, 157);
 padding-left: 12px;
 margin-left: 31px;
 background: rgb(241, 239, 228);
 padding: 11px;
 clear: both;
}
.chat_row .user
{
    float: left;
    width: 260px;
}
.chat_row .detail
{
    float: right;
}
.chat_row .detail span
{
    color:#ccc; padding: 0px 3px;
}
.userIpDress{min-width: 115px;}
.userIpDress i{background-image: url("images/globe.png");}
.userChatEmail{width: 200px;}
.userChatEmail i {
    background-image: url("images/emailIcon.png");
    background-size: 13px;
    position: relative;
    top: 6px;
}
.userChatPhNum{min-width: 120px;}
.userChatPhNum i{background-image: url("images/phone.png");}
.userChatBrowser{min-width: 115px;}
.userChatBrowser i{background-image: url("images/browser.png");}
.userChatDatetime{min-width: 153px;}
.userChatDatetime i{background-image: url("images/date.png");}
.userChatViewDetail{min-width: 30px;}
.userChatViewDetail i{background-image: url("images/dropdown.png");width: 30px;height: 30px;}
.selectPkgs{top: 23px; min-width:103px;}
.report-table-block tbody tr td{word-break: break-all;}
.smsCount-report{
    font-size: 1.3em;
    margin: 10px -4px;
    text-align: right;
    width: 100%;
}
.report-table-block thead th{vertical-align:top!important;}

.table.table-bordered.table-striped.report-table-block a {
    display: block;
    width: 60px;
}
.iconsignOut{
    background-image: url("images/signout.png");
    background-position: -1px 0px;
    width: 20px;
    height: 30px;
    background-repeat: no-repeat;
}
.icon-arrow-btndwn{
    background-position: -312px -119px;
    margin-left: 10px;
    position: relative;
}
.icon-account-user{
    background-image: url("images/userImage.png");
    width: 26px;
    height: 23px;
    background-position: 0px -3px;
    position: relative;
    top: -3px;
}
.form-horizontal .control-group{word-break: break-all;}
.footerNotes a{
    float: left;
    margin: 5px;
    display: block;
}
.navbar-inner .btn{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
input[type="radio"]{margin: 1px 4px 0 0 !important;}
.dropdown-toggle{border-radius: 0 !important;}




/*dashboard 2 start*/
.message-display h1, .message-display p{text-align: center;}
.message-display p{color: #545454; font-size: 18px;}
.message-display{padding: 13px 30px 20px 30px;margin-bottom: 10px;}
.dashboard-contents{width: 100%;margin: 0 auto;}
.dashboardApp-icon1, .dashboardApp-icon2, .dashboardApp-icon3, .dashboardApp-icon4, .dashboardApp-icon5 {
    height: 100px;
    width: 27%;
    float: left;
    margin-right: 10px;
}
.navIcon1, .navIcon2, .navIcon3, .navIcon4{height: 125px;}
.IM-title1, .IM-title2, .IM-title3, .IM-title4, .IM-title5, .IM-title6{font-family: MyriadPro, sans-serif;font-size: 40px;padding-bottom: 10px;} 
.IM-title1{color: #5bafe2;}
.IM-title2{color: #cd8221;}
.IM-title3{color: #82be48;}
.IM-title4{color: #ea314b;}
.IM-title5{color: #005D89;/*13e8f0*/}
.IM-title6{color: #9D58E3;}
.dashboardcontentLi{margin-left: 2%;}
.dashboardcontentLi li{width: 45%;height: 250px;}
.dashboard-textContent{width: auto;}
.app-detail{margin: 0;}
.dashboard-textContent ul.app-detail li{
    width: auto;
    margin: 0;
    min-height: 15px;
    float: none;
    display: block;
    color: #424242;
    font-size: 20px;
    line-height: 30px;
    height: auto;
}
.live-chatLi h4{color: #0000ff;font-size: 20px;padding-bottom: 10px; }
.live-chatLi p{
    color: #000000;
    font-size: 15px;
    margin-bottom: 15px;
    background: #fffeee;
    padding: 6px 8px;
    width: 100%;}
.live-chatLi p label{display: inline;color: #000000;font-size: 14px;font-weight: bold;margin-right: 8px;}
.live-chatLi ul.chat-detail li{
    width: auto;
    margin: 0;
    min-height: 15px;
    float: none;
    display: block;
    color: #424242;
    font-size: 20px;
    line-height: 30px;
    height: auto;
    padding: 5px 0;
}
.chat-detail{margin:0;}
.chat-detail input, textarea{width: 100%;box-shadow:1px 1px 2px #CCC;
                             -webkit-box-shadow: inset 1px 1px 2px #CCC;
                             -moz-box-shadow: inset 1px 1px 2px #CCC;
                             box-shadow: inset 1px 1px 2px #CCC;
                             border-radius: 8px;
                             padding: 6px;
}
.chat-greyBtn{font-size: 14px;
              background: #f0f0f0;
              padding: 5px 10px;
              border: 1px solid #ccc;
              border-radius: 8px;}

.sideBar ul li.big_icon a{
    /*height: 125px;*/
    padding:9px 0px;
    /*margin-left: 2%;
    margin-top: 15px;
    width: 100%;*/}

/*.containerInner{height: 1100px;}*/



/*dashboard 2 end*/

/*IM-reply css start*/
.appTitleBox-wrap{border-bottom: 1px solid #ccc;height: 110px;}
/*.AppTitleBox{padding: 0 20%;}*/
/*.AppTitleBox{padding: 0 20% 0 30%;}*/
.AppTitleBox {
    height: 100px;
    margin: 0 auto;
    padding: 0 25%;
    width: 60%;
}
.Individiual-apppageTitle{padding-top: 40px;float: left;}
.Individiual-apppageTitle h3{font-size: 60px;}
.AppTitleBox .dashboardApp-icon1{background-size: 100%;
                                 margin-top: 10px;
                                 width: 25%;}
.appPageList{margin-top: 15px;}
.AppTitleBox .dashboardApp-icon2{background-size: 100%;
                                 margin-top: 10px;
                                 width: 25%;}
.AppTitleBox .dashboardApp-icon3{background-size: 100%;
                                 margin-top: 10px;
                                 width: 25%;}

.AppTitleBox .dashboardApp-icon4{background-size: 100%;
                                 margin-top: 10px;
                                 width: 25%;}
.AppTitleBox .dashboardApp-icon5{background-size: 100%;
                                 margin-top: 10px;
                                 width: 25%;}
.live-chatLi {height:auto !important; width: 100% !important;}

iframe{width: 100%;}
/*added css for help text start*/
.app-detail li a{text-decoration: underline;}
.app-detail li span{ 
    background-repeat: no-repeat;padding: 0 12px;
    background-repeat: no-repeat;
    padding: 0 5px;
    float: left;
    display: block;
    height: 16px;
    width: 12px;
    margin-top: 8px;
}
.list-icon1{background-image: url("images/app-Icon/arrow1.png");}
.list-icon2{background-image: url("images/app-Icon/arrow2.png");}
.list-icon3{background-image: url("images/app-Icon/arrow3.png");}
.list-icon4{background-image: url("images/app-Icon/arrow4.png");}
.list-icon5{background-image: url("images/app-Icon/arrow5.png");}


.textFieldWrapLeft{float: left;width: 100%;}
.helpText-form{float: right;width: 35%;}
.helpText-formRight{
    color: #fff;
    background: #005d89;
    margin-top: 10%;
    padding: 2% 2% 10%;
    width: 85%;
    font-family: serif;
    box-shadow: 2px 4px 5px #A5A5A5;
    border: 1px solid #303030;
}
.helpText-formRight h3{
    color: #fff;
    font-family: serif;
    font-size: 34px;
    padding-bottom: 10px;
    font-weight: normal;
    padding-bottom: 8%;
}
.helpText-formRight p{
    font-size: 20px;
    color: #E2EFFA;
    line-height: 24px;
}
.backBtn {

    height: 50px;

    background-size: 50%;
    display: block;
    width: 90px;
}
.chat-icon{
    background: url('images/topbubbletr.png');
    width: 55px;
    height: 42px;
    display: block;
    background-repeat: no-repeat;
    float: left;
    margin-top: -14px;
}
.mobile-icon{
    background: url('images/mobile-icon.png');
    width: 22px;
    height: 28px;
    display: block;
    background-repeat: no-repeat;
    float: left;
    margin-top: -5px;}
.getcodeLink{float: right;
             line-height: 32px;
             margin-left: 10px;}
.IM-titleHead{overflow: hidden;padding-top: 10px;}
.IM-title{float: left;}
.Individiual-apppageTitlename{float: left;}
.replyListIcon{
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    width: 27px;
}
.reply-getcode{color: #000;
               font-size: 18px;
               text-decoration: underline;}
.menuListIcon{
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    width: 27px;}
.menugetcodeLink{float: right;line-height: 32px;text-decoration: underline !important;font-size: 16px;}
.navbar .brand{padding: 15px 5px 15px 20px;}
.btnAdded a.getLiveBtn{
    background: #bbed7b; /* Old browsers */
    background: -moz-linear-gradient(top,  #bbed7b 0%, #aacd5e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbed7b), color-stop(100%,#aacd5e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bbed7b 0%,#aacd5e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bbed7b 0%,#aacd5e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bbed7b 0%,#aacd5e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bbed7b 0%,#aacd5e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbed7b', endColorstr='#aacd5e',GradientType=0 ); /* IE6-9 */
    border-radius: 8px;
    color: #fff !important;
    padding: 7px !important;
}
.btnAdded a.getLiveBtn u{text-decoration: none !important;}
.userbtnToggle{background: #4A9ACA !important;
               border: 0;
               border-radius: 0 !important;
               box-shadow: 0 0 !important;
               color: #fff !important;
               text-shadow: none;
               margin: 0 !important;
               padding: 10px !important;
               min-width: 148px;
               text-indent: 10px;}
.replyAppTitleBox{padding: 0 20%;}
.big_icon{ width: 100%;}
/*added css for help text end*/

.backBtnWrap{width: 30%;float: right;clear: both;}
.AppTitleBox{width: 65%;float: left;  padding: 0 25%;height: 100px;}
.container{width: 100% !important;}
.appearance-headerBar{overflow: hidden;height: auto !important;}

/*IM-reply css end*/






/*media query starts*/

/*media query for tablet start*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    li.active a.dashboardIcon {background-size: 76% auto;padding: 42% 0 0% 0;background-position: 19px 30px;}
    .dashboardcontentLi {margin-left: 0%;}
    .dashboardcontentLi li {width: 43%;height: 300px;}
    .dashboardApp-icon1, .dashboardApp-icon2, .dashboardApp-icon3, .dashboardApp-icon4, .dashboardApp-icon5{
        /*height: auto*/width: 50%;
    }
    .IM-title1, .IM-title2, .IM-title3, .IM-title4, .IM-title5{font-size: 25px;}
    .dashboard-textContent ul.app-detail li{font-size: 16px;}


    .live-chatLi {width: 44% !important;margin-left: 0 !important;}
    iframe{width: 100%;}
    .AppTitleBox {width:80%;padding: 0%;}
    .appTitleBox-wrap {height: 115px;}
    .backBtnWrap {float: right;}
    .navIcon1, .navIcon2, .navIcon3, .navIcon4 {margin-right: 2%;float: left;height: 100px;}
    .Individiual-apppageTitle h3{font-size: 38px;}
    .AppTitleBox .dashboardApp-icon1 {margin-top: 10px;width: 25%;}
    .Individiual-apppageTitle {padding-top: 35px;float: left;}
    .appTitleBox-button{ width: 85px !important;}
    .setting-HeaderBar{height: 143px !important;margin-bottom: 10px !important;}
    .setting-HeaderBar .client_id{right: 0 !important; top: 0 !important;font-size: 13px;}
    .appearance-headerBar .backBtn {position: relative !important; top: 17px !important;right: 6px !important;width: 100%}
    .appearance-headerBar .backBtnWrap{margin-top: -4% !important; width: auto !important;}


}



/*media query for tablet end*/




/*media query for wide mobile start*/
@media only screen and (max-width: 767px) {
    .sideBar ul li a.dashboardIcon span {
        margin-left: -28px;
        margin-top: 24px;
        font-size: 11px;
    }
    .sideBar ul li.active a {
        background-position: 13px 8px;
        background-size: 76% auto;
        box-shadow: none;
        display: block;
        height: 55px;
        left: 0;
        margin-right: 14px;
        margin-top: 12px;
        padding: 12px 17px 4px;
        width: 45%;
    }
    .live-chatLi {width: 100% !important;}
    iframe{width: 100%;}
    .sideBar {width: 100%;margin: 0 auto;}
    /*.sideBar .active{width: auto;float: left;margin: -2px 0 0 0;}*/
    .sideBar .active {
        float: left;
        margin: 2px 0 0;
        width: 82px;
    }
    .sideBar ul li.big_icon a {
        float: left;
        height: auto;
        margin-left: 0;
        margin-right: 4%;
        padding: 35px 0;
        width: 45%;
    }
    .sideBar ul li a span {width: 57px;}
    .containerInner{border-radius: 10px;width: 97%;}


    .dashboardcontentLi li {width: 43%;}
    .IM-title1, .IM-title2, .IM-title3, .IM-title4, .IM-title5{font-size: 20px;}
    .dashboard-textContent ul.app-detail li{font-size: 16px;}
    /*.dashboardcontentLi li {width: 100%;}*/

    .dashboardcontentLi li {
        width: 95%;
        height: auto;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .dashboardApp-icon1, .dashboardApp-icon2, .dashboardApp-icon3, .dashboardApp-icon4, .dashboardApp-icon5{
        width: 50%;
        margin: 0 auto;
        float: none;
        height: 100px;
    }
    .dashboard-textContent {width: 100%;margin: 0 auto;text-align: center;}
    .dashboard-textContent ul.app-detail li {font-size: 16px;text-align: left;margin: 0 10%;}

    .AppTitleBox {padding: 0;width: 100%;}
    .appTitleBox-wrap {height: 115px;}
    .AppTitleBox .dashboardApp-icon1 {float: left;height: 60px;margin-right: 1%;margin-top: 10px;width: 25%;}
    .AppTitleBox .dashboardApp-icon2{float: left;height: 60px;margin-right: 1%;margin-top: 10px;width: 25%;}
    .AppTitleBox .dashboardApp-icon3{float: left;height: 60px;margin-right: 1%;margin-top: 10px;width: 25%;}
    .AppTitleBox .dashboardApp-icon4{width: 40%;height: 70px;margin-right: 1%;float: left;}
    .Individiual-apppageTitle {padding-top: 20px;float: left;}
    .Individiual-apppageTitle h3 {font-size: 16px;}
    .Individiual-apppageTitlename{float: left;}
    .upgradePackage ul li {float: none; margin: 0 auto;}
    .upgradePackage ul li a {margin: 0 auto;}
    .upgradePackage ul {width: 70%;}
    .reply-getcode {font-size: 11px;}
    .getcodeLink{float: right;}

    h2{font-size: 22px;}
    .control-label{   float: left !important ;width: 30% ;}
    #autoreplytext, #linktext {width: 90% !important;}

    .IM-title{float: none;}
    .menuListIcon{float: none;}
    .menuListIcon img{width: 15%;}
    .menugetcodeLink{float: none;}
    .big_icon{height: auto;width: 100%;overflow: none;}
    .sideBar ul li.big_icon a{ float: left;margin-left: 0;margin-right: 4%;width: 45%;}
    .backBtnWrap {float: right;clear: both;margin-top: -25px;}

    .appTitleBox-button{ width: 85px !important;}
    .backBtnLft{top: 8% !important;}
    .headerTitleInner{font-size: 17px;line-height: 20px;padding-top: 18px;}
    .helpText-form{float: none;width: 100%;}
    .helpText-formRight{width: 95%;}
    .form-horizontal .control-group > label{ padding-bottom: 5px;width: 100%;}
    .textFieldWrap .controls{margin-left: 0;}
    .color-control-label{margin-top: 9px;width: 300px !important;}
    .color-controls{margin-left: 40% !important;}
    .setting-HeaderBar{height: 143px !important;margin-bottom: 10px !important;}
    .setting-HeaderBar .client_id{right: 0 !important; top: 0 !important;font-size: 13px;}
    .settingBtn{top: 180px !important;}
    .newrow{margin-left: 0 !important;margin-bottom: 10px;}
    .appearance-headerBar .backBtn {position: relative !important; top: 17px !important;right: 6px !important;width: 100%}
}


/*media query for wide mobile end*/


/*media query for mobile start*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .sideBar ul li.active a {
        padding: 20px 34px 20px 34px;
        margin-right: 0;
    }
    .sideBar ul li a.dashboardIcon span {
        margin-left: -25px;
        margin-top: 28px;
        font-size: 11px;
    }
    .sideBar .active {margin: -2px 0 0 0;}
    .sideBar ul li.big_icon a {
        float: left;
        height: auto;
        margin-left: 0;
        margin-right: 4%;
        width: 25%;}
    .dashboardcontentLi li {width: 50%;height: 320px;}
    .live-chatLi {width: 75% !important;}
    .Individiual-apppageTitlename{float: none;}
}

@media only screen and (min-width: 900px)  and (max-width: 1920px) {
    .navIcon1, .navIcon2, .navIcon3, .navIcon4 {height: 150px;}
    .appTitleBox-wrap {padding-bottom: 40px;}
    .navbar-inner .btn{float: right;}
    .backBtnWrap {float: right;clear: both;margin-top: 12px;}

}

/*media query for mobile end*/

.btn-menu {
height:26px;padding-top:8px;
}
	
/*new css */
th.sorting_asc{
    background-image: url("images/sort_asc.png");
    background-position: 20px 45px;
    background-repeat: no-repeat;
}
th.sorting_desc{
    background-image: url("images/sort_desc.png");
    background-position: 20px 45px;
    background-repeat: no-repeat;
}

.container-fluid #top_navbar a {
    padding :2px 20px;
}