/*DATATABLE SEARCH*/

/*

.dataTables_filter {

display: none !important; 

}

/*

.modal-footer {

 padding: 0px;

 margin-top: 0px;

 border-top: 0px;

}

*/

/*Search*/

#srch_bx1 {

  position: absolute;

  font-size:100%;

  top:28px;

  left: 0;

  min-width: 360px;

  z-index:100 !important;

  display: none;

  float: left;

  padding: 9px;

  margin: 1px 0 0;

  list-style: none;

  color:#222;

  background-color: #ffffff;

  border: 1px solid #bdbdbd;

  border: 1px solid rgba(0, 0, 0, 0.2);

  *border-right-width: 2px;

  *border-bottom-width: 2px;

  -moz-box-shadow:0px 0px 0px #ccc; -webkit-box-shadow: 1px 0px 0px #ccc; box-shadow:0px 0px 3px #ccc;

  -webkit-background-clip: padding-box;

  -moz-background-clip: padding;

  background-clip: padding-box;	

	

}

.arr {

	border:thick;

	border-color:#888888 transparent transparent;

	border-style:solid dashed dashed;

	margin-left:5px;

	position:relative;

	top: 13px;

}

.arr:hover {

	border:thick;

	border-color:#555555 transparent transparent;

	border-style:solid dashed dashed;

	margin-left:5px;

	position:relative;

	top: 13px;

}

/*

.inbox-content .portlet{

clear: both;

margin-top: 0px;

margin-bottom: 0px;

padding: 0px;

border: 0px;

border-radius: 0px;

}



.inbox-content .portlet > .portlet-body {

clear: both;

padding: 0px;

background-color: #fff;

border-radius: 0px 0px 0px 0px;

}

*/

tr.unread{

color:#444 !important;

background-color:#fff !important

}

tr.unread td a{

color:#444 !important;

}

.inbox tr td a{

color: #777;

}

.inbox .inbox-header h1 {

  margin: 0 0 0 10px;

  color: #666666;

  margin-bottom: 10px;

}

#sample_2_length{

margin-left:5px;

}

#sample_2_filter{

margin-right:5px;

}

.pagination {

margin: 0px !important;

}

.portlet > .portlet-body > .actions

 {

  display: inline-block;

  padding: 0;

  margin: 0;

  margin-top: 3px;

  float: right;

}

.portlet > .portlet-body > .actions > .btn-group {

  margin-top: -8px;

}



.portlet > .portlet-body > .actions > .btn {

  padding: 4px 10px;

  margin-top: -10px;

}



.portlet > .portlet-body > .actions > .btn-group > .btn {

  padding: 4px 10px;

  margin-top: -1px;

}



.portlet > .portlet-body > .actions > .btn.btn-sm {

  padding: 3px 8px;

  margin-top: -10px;

}



.portlet > .portlet-body > .actions > .btn-group > .btn-sm {

  padding: 3px 8px;

  margin-top: -1px;

}

.portlet > .portlet-body > .actions > .dropdown-menu i {

  color: #000 !important;

}



/***

Dropdown Checkboxes (in v1.3)

**

.dropdown-checkboxes {

  padding: 5px;

}

.dropdown-checkboxes label {

  display: block !important;

  font-weight: 300;

  color: #333;

  margin-bottom: 4px;

  margin-top: 4px; 

}

*/

.box {

  margin-bottom: 20px;

  position: relative; }

  .box.box-collapsed .box-header .actions .box-collapse i:before {

    content: "\f078"; }

  .box.box-collapsed .box-content {

    display: none; }

  .box .box-header {

    font-size: 21px;

    font-weight: 200;

    line-height: 30px;

    padding: 10px 15px; }

    .box .box-header:after, .box .box-header:before {

      content: "";

      display: table; }

    .box .box-header:after {

      clear: both; }

    .box .box-header {

      *zoom: 1; }

    .box .box-header.contrast-background {

      color: white; }

      .box .box-header.contrast-background .title {

        color: white; }

      .box .box-header.contrast-background .actions .btn-link {

        color: white; }

        .box .box-header.contrast-background .actions .btn-link:hover {

          color: #f34541 !important;

          background-color: white; }

    .box .box-header.orange-background {

      color: white; }

      .box .box-header.orange-background .title {

        color: white; }

      .box .box-header.orange-background .actions .btn-link {

        color: white; }

        .box .box-header.orange-background .actions .btn-link:hover {

          color: #f8a326 !important;

          background-color: white; }

    .box .box-header.blue-background {

      color: white; }

      .box .box-header.blue-background .title {

        color: white; }

      .box .box-header.blue-background .actions .btn-link {

        color: white; }

        .box .box-header.blue-background .actions .btn-link:hover {

          color: #00acec !important;

          background-color: white; }

    .box .box-header.purple-background {

      color: white; }

      .box .box-header.purple-background .title {

        color: white; }

      .box .box-header.purple-background .actions .btn-link {

        color: white; }

        .box .box-header.purple-background .actions .btn-link:hover {

          color: #9564e2 !important;

          background-color: white; }

    .box .box-header.green-background {

      color: white; }

      .box .box-header.green-background .title {

        color: white; }

      .box .box-header.green-background .actions .btn-link {

        color: white; }

        .box .box-header.green-background .actions .btn-link:hover {

          color: #49bf67 !important;

          background-color: white; }

    .box .box-header.red-background {

      color: white; }

      .box .box-header.red-background .title {

        color: white; }

      .box .box-header.red-background .actions .btn-link {

        color: white; }

        .box .box-header.red-background .actions .btn-link:hover {

          color: #f34541 !important;

          background-color: white; }

    .box .box-header.muted-background {

      color: white; }

      .box .box-header.muted-background .title {

        color: white; }

      .box .box-header.muted-background .actions .btn-link {

        color: white; }

        .box .box-header.muted-background .actions .btn-link:hover {

          color: #999999 !important;

          background-color: white; }

    .box .box-header.fb-background {

      color: white; }

      .box .box-header.fb-background .title {

        color: white; }

      .box .box-header.fb-background .actions .btn-link {

        color: white; }

        .box .box-header.fb-background .actions .btn-link:hover {

          color: #3d579d !important;

          background-color: white; }

    .box .box-header.dark-background {

      color: white; }

      .box .box-header.dark-background .title {

        color: white; }

      .box .box-header.dark-background .actions .btn-link {

        color: white; }

        .box .box-header.dark-background .actions .btn-link:hover {

          color: #2b2d30 !important;

          background-color: white; }

    .box .box-header.pink-background {

      color: white; }

      .box .box-header.pink-background .title {

        color: white; }

      .box .box-header.pink-background .actions .btn-link {

        color: white; }

        .box .box-header.pink-background .actions .btn-link:hover {

          color: #c44a83 !important;

          background-color: white; }

    .box .box-header.grass-green-background {

      color: white; }

      .box .box-header.grass-green-background .title {

        color: white; }

      .box .box-header.grass-green-background .actions .btn-link {

        color: white; }

        .box .box-header.grass-green-background .actions .btn-link:hover {

          color: #5daf2b !important;

          background-color: white; }

    .box .box-header.sea-blue-background {

      color: white; }

      .box .box-header.sea-blue-background .title {

        color: white; }

      .box .box-header.sea-blue-background .actions .btn-link {

        color: white; }

        .box .box-header.sea-blue-background .actions .btn-link:hover {

          color: #0163ac !important;

          background-color: white; }

    .box .box-header.banana-background {

      color: white; }

      .box .box-header.banana-background .title {

        color: white; }

      .box .box-header.banana-background .actions .btn-link {

        color: white; }

        .box .box-header.banana-background .actions .btn-link:hover {

          color: #fcd052 !important;

          background-color: white; }

    .box .box-header.dark-orange-background {

      color: white; }

      .box .box-header.dark-orange-background .title {

        color: white; }

      .box .box-header.dark-orange-background .actions .btn-link {

        color: white; }

        .box .box-header.dark-orange-background .actions .btn-link:hover {

          color: #f56e00 !important;

          background-color: white; }

    .box .box-header.brown-background {

      color: white; }

      .box .box-header.brown-background .title {

        color: white; }

      .box .box-header.brown-background .actions .btn-link {

        color: white; }

        .box .box-header.brown-background .actions .btn-link:hover {

          color: #924e31 !important;

          background-color: white; }

    .box .box-header .title {

      float: left;

      color: #3c3c3c; }

    .box .box-header .actions {

      margin-top: -3px;

      float: right; }

      .box .box-header .actions .dropdown-toggle {

        position: relative;

        top: 5px; }

      .box .box-header .actions .btn-link {

        color: #c4c4c4;

        text-decoration: none;

        text-shadow: none; }

        .box .box-header .actions .btn-link:hover {

          color: #f34541; }

      .box .box-header .actions .box-collapse i {

        font-family: FontAwesome;

        font-weight: normal;

        font-style: normal;

        text-decoration: inherit;

        -webkit-font-smoothing: antialiased;

        display: inline;

        width: auto;

        height: auto;

        line-height: normal;

        vertical-align: baseline;

        background-image: none;

        background-position: 0% 0%;

        background-repeat: repeat;

        margin-top: 0; }

        .box .box-header .actions .box-collapse i:before {

          content: "\f077"; }

    .box .box-header.box-header-small {

      font-size: 14px;

      font-weight: 200;

      line-height: 19px;

      padding: 10px 10px; }

      .box .box-header.box-header-small .actions {

        margin-top: -1px; }

  .box .box-content {

    padding: 10px;

    border: 1px solid #dddddd;

    background: white;

    display: block;

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);

    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); }

    .box .box-content .box-toolbox {

      background-color: #f4f4f4;

      padding: 5px; }

      .box .box-content .box-toolbox:after, .box .box-content .box-toolbox:before {

        content: "";

        display: table; }

      .box .box-content .box-toolbox:after {

        clear: both; }

      .box .box-content .box-toolbox {

        *zoom: 1; }

      .box .box-content .box-toolbox.box-toolbox-top {

        margin: -10px -10px 10px -10px;

        border-bottom: 1px solid #dddddd; }

      .box .box-content .box-toolbox.box-toolbox-bottom {

        margin: 10px -10px -10px -10px;

        border-top: 1px solid #dddddd; }

    .box .box-content.box-no-padding {

      padding: 0; }

      .box .box-content.box-no-padding form {

        margin-bottom: 0; }

    .box .box-content.box-padding {

      padding: 20px; }

      .box .box-content.box-padding .box-toolbox {

        padding: 10px;

        position: relative; }

        .box .box-content.box-padding .box-toolbox.box-toolbox-top {

          margin: -20px -20px 20px -20px; }

        .box .box-content.box-padding .box-toolbox.box-toolbox-bottom {

          margin: 20px -20px -20px -20px; }

    .box .box-content.box-double-padding {

      padding: 40px; }

      .box .box-content.box-double-padding .box-toolbox {

        padding: 20px; }

        .box .box-content.box-double-padding .box-toolbox.box-toolbox-top {

          margin: -40px -40px 40px -40px; }

        .box .box-content.box-double-padding .box-toolbox.box-toolbox-bottom {

          margin: 40px -40px -40px -40px; }

  .box.box-transparent {

    background: none;

    padding: 0;

    border: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none; }

    .box.box-transparent .box-content {

      background: transparent;

      border: none;

      border-top: 1px solid #dddddd;

      -webkit-box-shadow: none;

      -moz-box-shadow: none;

      box-shadow: none; }

  .box.box-bordered {

    border-style: solid;

    border-width: 2px;

    border-color: #dddddd; }

    .box.box-bordered .box-content {

      border-left: none;

      border-right: none;

      border-bottom: none; }



.box-quick-link {

  text-align: center;

  margin-bottom: 10px; }

  .box-quick-link a {

    text-decoration: none; }

    .box-quick-link a .header {

      height: 60px;

      line-height: 60px;

      padding-bottom: 2px; }

      .box-quick-link a .header [class^="icon-"], .box-quick-link a .header [class*=" icon-"] {

        color: white;

        font-size: 30px;

        vertical-align: middle; }

    .box-quick-link a .content {

      text-transform: uppercase;

      font-size: 85%;

      white-space: nowrap;

      overflow: hidden;

      -ms-text-overflow: ellipsis;

      -o-text-overflow: ellipsis;

      text-overflow: ellipsis;

      color: #5b5b5b;

      background-color: #dbdbdb;

      border-bottom: 1px solid #cecece;

      padding: 5px; }

    .box-quick-link a:hover .header [class^="icon-"], .box-quick-link a:hover .header [class*=" icon-"] {

      font-size: 40px; }

    .box-quick-link a:hover .content {

      text-decoration: underline;

      border-bottom-color: #c1c1c1;

      background-color: #cecece; }

  .box-quick-link.contrast-background a:active .header {

    background: #f01611; }

  .box-quick-link.contrast-background:hover .header {

    background: #f12e29; }

  .box-quick-link.orange-background a:active .header {

    background: #e48a07; }

  .box-quick-link.orange-background:hover .header {

    background: #f7990d; }

  .box-quick-link.blue-background a:active .header {

    background: #0087b9; }

  .box-quick-link.blue-background:hover .header {

    background: #0099d3; }

  .box-quick-link.purple-background a:active .header {

    background: #7839da; }

  .box-quick-link.purple-background:hover .header {

    background: #864fde; }

  .box-quick-link.green-background a:active .header {

    background: #379e51; }

  .box-quick-link.green-background:hover .header {

    background: #3eb05b; }

  .box-quick-link.red-background a:active .header {

    background: #f01611; }

  .box-quick-link.red-background:hover .header {

    background: #f12e29; }

  .box-quick-link.muted-background a:active .header {

    background: gray; }

  .box-quick-link.muted-background:hover .header {

    background: #8c8c8c; }

  .box-quick-link.fb-background a:active .header {

    background: #2f4378; }

  .box-quick-link.fb-background:hover .header {

    background: #364d8b; }

  .box-quick-link.dark-background a:active .header {

    background: #131415; }

  .box-quick-link.dark-background:hover .header {

    background: #1f2023; }

  .box-quick-link.pink-background a:active .header {

    background: #a5366a; }

  .box-quick-link.pink-background:hover .header {

    background: #b83c76; }

  .box-quick-link.grass-green-background a:active .header {

    background: #478621; }

  .box-quick-link.grass-green-background:hover .header {

    background: #529b26; }

  .box-quick-link.sea-blue-background a:active .header {

    background: #014679; }

  .box-quick-link.sea-blue-background:hover .header {

    background: #015493; }

  .box-quick-link.banana-background a:active .header {

    background: #fbc220; }

  .box-quick-link.banana-background:hover .header {

    background: #fcc939; }

  .box-quick-link.dark-orange-background a:active .header {

    background: #c25700; }

  .box-quick-link.dark-orange-background:hover .header {

    background: #dc6300; }

  .box-quick-link.brown-background a:active .header {

    background: #6c3a24; }

  .box-quick-link.brown-background:hover .header {

    background: #7f442b; }

	

/**/

.slider {

  width: 100%;

  min-height: 250px;

  display: block;

  position: relative;

  overflow: hidden; }



.slider ul {

  list-style: none;

  margin: 0; }



.slider-content {

  float: left;

  width: 100%;

  display: block;

  overflow: auto;

  min-height: 510px; }



.slider-content ul {

  margin: 0;

  float: left;

  width: 100%;

  display: block;

  position: relative; }



.slider-content ul li {

  float: left;

  width: 100%; }



.slider-content ul ul li a {

  padding: 5px 10px;

  display: block;

  border-bottom: 1px solid #dce1e5;

  text-transform: capitalize; }



.slider-content ul ul li a:hover {

  background: #f4f7f9; }



.slider-content .title {

  padding: 5px 0;

  text-indent: 10px;

  background: #f0f6fa;

  color: #555;

  width: 100%;

  float: left;

  font-weight: bold;

  text-transform: uppercase;

  border-top: 1px solid #ddd;

  }



.slider-content li#a .title {

  border-top: 0px !important;

}  

.slider .slider-nav {

  position: absolute;

  right: 0;

  top: 0;

  margin-top: 10px;

  min-height: 510px;

  background: #f7f7f7;

  }



.slider .slider-nav ul {

  padding: 5px 0; }



.slider .slider-nav li a {

  padding: 3px 5px;

  line-height: 13px;

  text-align: center;

  color: #555;

  font-weight: bold;

  display: block;

  text-transform: uppercase;

  cursor: pointer; }



.slider .arrow:before, .slider .arrow.down:before {

  position: relative;

  top: 3px;

  content: "\f062";

  font-family: FontAwesome;

  font-weight: normal;

  font-style: normal;

  text-decoration: inherit;

  -webkit-font-smoothing: antialiased;

  *margin-right: .3em; }



.slider .arrow.down:before {

  content: "\f063";

  top: 5px; }



.slider .slide-up, .slider .slide-down {

  height: 30px;

  background: #f7f7f7;

  text-align: center;

  cursor: pointer;

  float: right;

  width: 100%;

  position: relative; 

  }

#address .slider {

background: none !important;

}

#address table.table {

margin-bottom: 0px !important;



}

#address .table-hover tbody tr:hover>td, #address .table-hover tbody tr:hover>th {

background: #FFFFD2 !important;

}

#wide .modal-footer {

margin-top: 0px !important;

}

#stack2 .modal-body {

position: relative;

padding: 0 20px;

}

#stack2 .navbar-form {

padding: 10px 0px;

}

#stack2 .form-group:first-child{margin-bottom:0px !important;}



#stack2 .form-group:first-child .col-md-6

{

padding-right: 0px;

padding-left: 0px;

}



#stack2 .form-group:first-child .col-md-6 .input-group {

margin: 0px;

}



/*Compose Button*/

a.btn i{color: #fff !important;}

#str i,

#str2 i {

color: #fff !important;

}



#long .modal-body{

overflow-y:auto;

max-height:600px;

}



#long .modal-body {

padding: 2px 20px !important;

}



.inbox-compose select{

border:0px !important;

border-radius:0px !important;

padding-left: 12px;

}



.inbox-form-group .select2me{

border:0px !important;

}

.inbox-form-group .selectme{

border-radius:0px !important;

border-top:0px !important;

border-bottom:0px !important;

}



.inbox-info-btn .dropdown-menu {

min-width: 200px !important;

max-width: 220px !important;

}

.inbox-add-info .dropdown-menu {

min-width: 480px !important;

max-width: 500px !important;

}

.inbox-add-info .control-label{

color:#999;

text-align:right;

}

.inbox-add-info .form-horizontal .form-group {

margin-right: 0px !important;

margin-left: 0px !important;

}

/*Address Book*/

#address .box .box-content {

margin: 10px !important;

padding: 10px !important;

}

/*

.cmp-content1{

padding: 19px 20px 20px;

}

*/

#address{

border: 1px solid #dddddd;

}

#address .slider{

margin:0 !important;

}

#address{

min-height:200px;

max-height:310px!important;

}

#address .dataTable{

margin-top: 0px!important;

}

#address .table>tbody>tr>td {

padding: 6px;

line-height: 1.428571429;

vertical-align: top;

border-top: 1px solid #ddd;

}



.navbar-form .col-md-7, .navbar-form .col-md-5{

padding-right: 0px;

padding-left: 0px;

}

.navbar-form .input-group {

margin: 0px;

}



.page-sidebar-menu > li{

z-index:11000 !important;

}

.page-content{

z-index:0 !important;

}

/*Form elements*/

.col-md-3 label:nth-child(1){padding-top:7px;}



.rw_tab {

background: #999;

width: auto;

height: 23px;

float: left;

font-weight:bold;

color: #fff;

line-height: 21px;

padding: 0 9px 0 9px;

border-radius: 4px 4px 0 0;

border: 1px solid #999;

border-bottom-color: transparent;

margin-top: -12px;

margin-bottom: -10px;

margin-left: 5px;

}



textarea{resize:none;}

/*textarea.form-control{border:0px !important;}*/



#tab_0 .form-body {

max-height: 610px;

overflow-y: hidden;

}



.scroller{height: 460px;}



.form-group:last-child{border-bottom:0px !important;margin-bottom:5px;}

#collapse_1 .table thead th, #collapse_1 .table tbody td{text-align:center !important;}

#collapse_1 .table tbody td input{margin:0 auto;}



#robo_1 .table thead th, #robo_1 .table tbody td, #robo_2 .table thead th, #robo_2 .table tbody td{text-align:left !important;padding-left:15px;}

#robo_1 .table tbody td input, #robo_2 .table tbody td input{margin:0 auto;}



.panel-body .table thead tr {  

  border-bottom: 1px solid #e5e5e5;

  background:#fcfcfc !important;

}



#tab_1 .reclassify, #tab_2 .reclassify, #tab_3 .reclassify, #tab_4 .reclassify{padding:15px;}

.form-actions {

  margin-top: 0px !important;

}



#tab_1_1 .form-body, #tab_1_2 .form-body, #tab_1_3 .form-body {

max-height: 510px;

overflow-y: auto;

}

/*

#add_book .navbar-form {

padding: 10px 0px;

}



#add_book .form-body, #add_contact .form-body{

max-height: 480px;

min-height:470px;

overflow-y: hidden;

}

#add_book .modal-body, #add_contact .modal-body {

padding: 0 20px;

}

#add_book .form-section, #add_contact .form-section {

margin: 15px 0px 0px 0px;

}

*/







.fa-regular:before{
  color:#989898 !important;
}



.fa-flag:before,

.fa-exclamation:before {

color:#ff0000;

}

.tab-pane .form-group .checkbox-list label{padding-left:0 !important;}



#tab_0 .input-group {

margin: 0 0px !important;

}



/*Address Book*/

#address_bk .table th,

#address_bk .table td {

border: 1px solid #ddd;

}

#address_bk .control-label{

line-height:34px;

margin-top:0 !important;

}

#address_bk tr.add_num{

background:#14b1e7;

color:#ffffff;

}



.br {

padding-left: 6px;

padding-right: 6px;

margin-top: 7px;

border-right: 1px solid #14b1e7;

float: left;

}

.br a{color:#14b1e7 !important;}

#address_bk tr.add_num a{

color:#ffffff;

text-decoration:none;

}

.fl{float:left;}

.fr{float:right;}

/*added by shruti to add blue color for spell check*/
.mail_txt a{
   color: #14b1e7 !important;
}


#address_bk  .btn-xs{

margin-top:5px;

}

#add_grp{

margin-top:10px;

}


#prsn #add_grp{

margin-top:0px;

}

/*Portlet*/

.portlet,

.portlet > .portlet-title {

border-radius: 0px !important;

}

.inbox-view-body{

margin-right: 10px;

margin-left: 10px;

}

.inbox-add-info{

padding-left:16px;

}

.inbox-info-btn{

padding-right:16px;

}

.inbox-compose .form-body {

padding: 0px !important;

}

.close2 {

display: inline-block;

margin-top: 0px;

margin-right: 0px;

width: 9px;

height: 9px;

text-indent: -10000px;

background-repeat: no-repeat !important;

background-image: url("../img/remove-icon-small2.png") !important;

}



/*CHAT*/

.chat-contact img {

  border-radius: 50%;

}

.nano .nav>li>a>img {

max-width: none;

}

.oc-header, .oc-inner {

padding: 8px;

}

.oc-sidebar .nav-tabs-oc>li.active>a, .oc-sidebar .nav-tabs-oc>li.active>a:hover, .oc-sidebar .nav-tabs-oc>li.active>a:focus {

background-color: #ddd !important;

}

.oc-sidebar .nav .active>a {

color: #808080;

}

.nav-justified-all>li.active>a, .nav-justified-all>li.active>a:hover, .nav-justified-all>li.active>a:focus {

color: #555555;

background-color: #ddd!important;

cursor: default;

border: 0px!important;

border-radius:0px!important;

}

.oc-sidebar-header a.btn-nav {

max-height: 50px;

padding: 16px;

border: none;

line-height: 16px;

}

.nav-justified-all>li {

float: none;

display: table-cell;

width: 1%;

}



.nav>li a {

-webkit-transition: background 0.3s, color 0.3s;

-moz-transition: background 0.3s, color 0.3s;

-o-transition: background 0.3s, color 0.3s;

transition: background 0.3s, color 0.3s;

}

.nav-justified-all>li>a {

text-align: center;

margin-bottom: 0;

}

.nav>li>a {

position: relative;

display: block;

padding: 10px 15px;

}


.nav-tabs, .nav-pills {

margin-bottom: 0px!IMPORTANT;

}

.nav-tabs {

border-bottom: 0px!important;

}

.chat-contact a, .chat-contact a:hover {

text-decoration: none!important;

}

.chat-contact a:hover, .chat-contact a:focus {

color: #808080!important;

}

.oc-sidebar a {

color: #808080;

}

.media, .media-body {

overflow: hidden;

zoom: 1;

}

.chat-contact .media-object {

height: 35px;

}

.media>.pull-left {

margin-right: 10px;

}

@media (min-width: 1200px){

.oc-lg-squeeze-push .oc-lg-right-push.oc-lg-open-right>.oc-sidebar-right, .oc-lg-squeeze-push .oc-lg-right-push.oc-lg-open-right>.oc-push>.oc-sidebar-right {

visibility: visible;

}

}

.oc-sidebar-header+.oc-sidebar-content {

height: 100%;

/*padding-top: 50px;*/

}

.oc-lg-push-push {

height: 100%;

}

.chat-oc-wrapper {

overflow-y: hidden;

}

.oc-wrapper {

overflow: hidden;

-webkit-overflow-scrolling: touch;

position: relative;

height: 100%;

}

.oc-push {

position: relative;

height: 100%;

-webkit-transition: all 0.3s;

-o-transition: all 0.3s;

transition: all 0.3s;

}

.chat-oc-container {

height: 100%;

}

.oc-container {

min-height: 100%;

margin-left: 0;

margin-right: 0;

position: relative;

z-index: 1200;

-webkit-transition: all 0.3s, margin-left 0.3s, margin-right 0.3s;

-o-transition: all 0.3s, margin-left 0.3s, margin-right 0.3s;

transition: all 0.3s, margin-left 0.3s, margin-right 0.3s;

}

.oc-search .form-group {

margin-bottom: 0;

}

.has-header {

position: relative;

}

.has-header .form-control-header {

color: #43494d;

position: absolute;

top: 0;

left: 0;

display: block;

width: 34px;

height: 34px;

line-height: 34px;

text-align: center;

z-index: 1210;

}

.oc-form .form-control-header, .oc-search .form-control-header {

color: #737d83;

}

.has-header .form-control {

padding-left: 34px;

}

.oc-form input, .oc-search input {

-webkit-transition: background-color 0.35s ease;

-o-transition: background-color 0.35s ease;

transition: background-color 0.35s ease;

background-color: rgba(34,39,51,0.1);

color: #737d83;

}



.oc-header input, .oc-header button, .oc-header select, .oc-header textarea {

font-family: inherit;

font-size: inherit;

line-height: inherit;

}

.oc-header button, .oc-header input, .oc-header optgroup, .oc-header select, .oc-header textarea {

color: inherit;

font: inherit;

margin: 0;

}



#selectdropdown{

display: inline-block;

padding: 4px 0 4px 12px;

margin-bottom: 0;

white-space: nowrap;

vertical-align: middle;

cursor: pointer;

background-color: #0e6dfd;

border:1px solid #e5e5e5;

border-radius: 4px;

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

-o-user-select: none;

user-select: none;

}

/*
#selectdropdown:hover, #selectdropdown:focus, #selectdropdown:active{

background-color: #ebebeb;

border-color: #adadad;

}*/

.chk{

padding: 0 10px 0 0;
color : white !important;

}



.chk:hover, .chk:focus, .chk:active, .chk.active, .chk .open .dropdown-toggle {

 /*background-color: #ebebeb;*/ /*code commented by shruti*/


}



.control-label a{
  color: #979797!important;
  text-decoration: none;
}

/*Back Button*/

.inbox-view-body .fa-level-up{

  font-size: 17px;

  line-height: 17px;

  margin-top: -2px;

}

#sms .inbox-form-group textarea{

border-bottom:1px!important;

}

.modal-dialog .inbox-form-group textarea{

border:0px!important;

border-radius:0px!important;

}



/*Fixed height for Left Menu*/

@media (min-width: 992px) { 

.page-sidebar-menu{

width:auto:

height:575px !important;

max-height:572px !important;

overflow-y:auto;

border-bottom:1px solid #eee;

}

}

/*DatePicker in Compose*/

.cmp-content1 .input-daterange input{

-webkit-border-radius: 0px !important;

-moz-border-radius: 0px !important;

border-radius: 0px !important;

border: 0px !important;

}

.inbox-compose .controls > .control-label {

border: none !important;

}

.controls .control-label{

color:#979797 !important;

}

.cmp-content1 input[disabled],.cmp-content1  select[disabled],.cmp-content1  textarea[disabled] {

background-color: #fff !important;

}

.cmp-content1 .form-control[disabled],.cmp-content1  .form-control[readonly],.cmp-content1  fieldset[disabled] .form-control {

background-color: #fff !important;

}

.date-picker input{

cursor: hand !important;

}

#add_contact .form-section:first-child,

#view_contact .form-section:first-child {

margin-top: 8px !important;

}

/*

.cmp-content1 .form-section {

margin: 0px !important;

padding:15px 0 15px 5px  !important;

}*/

.cmp-content1 .input-group .form-control{

border:0px !important;

}

/*My profile*/

.panel-default> a .panel-heading{



background-color: #f5f5f5;

border-color: #ddd;
color: black; /* added by shruti */

}

.cmp-content1 .input-group-btn .btn{

border:0px !important;

border-radius:0px !important;

}

.modal-dialog .modal-body {

padding: 0px 20px 20px 19px !important;

}

.cmp-content1{

height:480px;



overflow:hidden;

}





.row .dataTables_length{

margin-left: 6px;

margin-right: 6px;

}

/*Responsive*/



@media screen and (min-width:1200px){.modal-dialog{width:600px;margin:30px auto}}

@media screen and (min-width:1300px){.modal-dialog{width:650px;margin:30px auto}}

@media screen and (min-width:1400px){.modal-dialog{width:760px;margin:30px auto}}



@media screen and (min-width:1200px){#add_rule .modal-dialog, #vew_rule .modal-dialog{width:680px;margin:30px auto}}

@media screen and (min-width:1300px){#add_rule .modal-dialog, #vew_rule .modal-dialog{width:730px;margin:30px auto}}

@media screen and (min-width:1400px){#add_rule .modal-dialog, #vew_rule .modal-dialog{width:780px;margin:30px auto}}



@media (min-width: 992px) and (max-width: 1024px)

{.inbox #add_grp th.inbox-medium-cells, .inbox #add_grp td.inbox-medium-cells {width: 32% !important;}

}

@media (min-width: 992px) and (max-width: 1024px)

{.inbox #add_grp th.inbox-small-cells, .inbox #add_grp td.inbox-small-cells {width: 18.5% !important;}

}

@media (min-width: 992px) and (max-width: 1024px)

{.inbox #groupTable th.inbox-medium-cells, .inbox #groupTable td.inbox-medium-cells {width: 24.3% !important;}

}

@media (min-width: 992px) and (max-width: 1024px)

{.inbox #groupTable th.inbox-small-cells, .inbox #groupTable td.inbox-small-cells {width: 27% !important;}

}



@media (min-width: 1025px) and (max-width: 1280px)

{.inbox #add_grp th.inbox-medium-cells, .inbox #add_grp td.inbox-medium-cells {width: 24.3% !important;}

}

@media (min-width: 1025px) and (max-width: 1280px)

{.inbox #add_grp th.inbox-small-cells, .inbox #add_grp td.inbox-small-cells {width: 14% !important;}

}

@media (min-width: 1025px) and (max-width: 1280px)

{.inbox #groupTable th.inbox-medium-cells, .inbox #groupTable td.inbox-medium-cells {width: 24.3% !important;}

}

@media (min-width: 1025px) and (max-width: 1280px)

{.inbox #groupTable th.inbox-small-cells, .inbox #groupTable td.inbox-small-cells {width: 27% !important;}

}



@media (min-width: 1281px) and (max-width: 1366px)

{.inbox #add_grp th.inbox-medium-cells, .inbox #add_grp td.inbox-medium-cells {width: 22.3% !important;}

}

@media (min-width: 1281px) and (max-width: 1366px)

{.inbox #add_grp th.inbox-small-cells, .inbox #add_grp td.inbox-small-cells {width: 13% !important;}

}

@media (min-width: 1281px) and (max-width: 1366px)

{.inbox #groupTable th.inbox-medium-cells, .inbox #groupTable td.inbox-medium-cells {width: 22.3% !important;}

}

@media (min-width: 1281px) and (max-width: 1366px)

{.inbox #groupTable th.inbox-small-cells, .inbox #groupTable td.inbox-small-cells {width: 25% !important;}

}



@media (min-width: 1367px) and (max-width: 1600px)

{.inbox #add_grp th.inbox-medium-cells, .inbox #add_grp td.inbox-medium-cells {width: 18.5% !important;}

}

@media (min-width: 1367px) and (max-width: 1600px)

{.inbox #add_grp th.inbox-small-cells, .inbox #add_grp td.inbox-small-cells {width: 10.9% !important;}

}

@media (min-width: 1367px) and (max-width: 1600px)

{.inbox #groupTable th.inbox-medium-cells, .inbox #groupTable td.inbox-medium-cells {width: 18.5% !important;}

}

@media (min-width: 1367px) and (max-width: 1600px)

{.inbox #groupTable th.inbox-small-cells, .inbox #groupTable td.inbox-small-cells {width: 21% !important;}

}

/*Responsive*/



.ui-dialog{

background:#fff;

z-index: 999 !important;

padding: 0px !important;

}

#dialog-extend-fixed-container{

z-index: 10001 !important;

}

.ui-dialog .ui-dialog-content {

padding: 0px !important;

}

.ui-widget-header {

background: #888888 !important;

color:#ffffff !important;

}

.ui-dialog-content a:hover,.ui-dialog-content  a:focus {

color: #222 !important;

}

.ui-dialog-titlebar-buttonpane button,.ui-dialog-titlebar-buttonpane a,.ui-dialog-titlebar-buttonpane a:hover,.ui-dialog-titlebar-buttonpane  a:focus {

color: #fff !important;

}

textarea#editor1{

border: 0px !important;

border-radius:: 0px !important;

}



/*Dialog Compose*/

  /***** HEADER *****/

  header { background-color: #f0f0f0; border-radius: 1em; box-shadow: inset 0 0 10px gray; padding: 1em 1.5em 1.5em 1.5em; }

  header h1 { margin: 0 0 0.5em 0; }

  header ul { margin: 1em 0 0 0; }

  /***** CONTENT *****/

  section fieldset { margin: 5px; width: 200px; }

  section label { cursor: pointer; }

  #config-icon .wrapper { clear: both; }

  #config-icon ins { float: left; margin: 0 5px 0 0; }

  #config-icon label { float: left; }

  #config-icon select { float: right; width: 100px; }

  #config-method button { width: 48%; }

  /***** FOOTER *****/

  footer { clear: both; padding-top: 2em; }

  footer button { background-color: #e0e0e0; border: none; border-radius: 1em; box-shadow: 0 5px 5px silver; cursor: pointer; font-size: 200%; padding: 10px 0 10px 0; text-align: center; width: 10em; }

  footer button:hover { background-color: #d0d0d0; box-shadow: 0 5px 5px #aaaaaa; }

  footer button:active { box-shadow: 0 4px 4px #aaaaaa; position: relative; top: 1px; }

  

.ui-dialog-content .inbox-compose .inbox-form-group > label {

  width: 80px;

  float: left;

  color: #979797;

  text-align: left;

  padding-left:12px;

}

.ui-dialog-content .inbox-compose .controls {

margin-left: 80px;

}

.ui-dialog-content .controls .checkbox-list{

margin-left: -46px;

}

.ui-dialog-titlebar-restore{

width:10px !important;

}



#add_rule .col-md-12, #add_rule .col-md-5, #add_rule .col-md-6, #add_rule  .col-md-7, #add_rule  .col-md-8, #add_rule  .col-md-4,

#vew_rule .col-md-12, #vew_rule .col-md-5, #vew_rule .col-md-6, #vew_rule  .col-md-7, #vew_rule  .col-md-8, #vew_rule  .col-md-4{

padding-left: 0px !important;

}

#add_rule td.inbox-medium-cells button
{
 margin-top: 0px;
}

#vew_rule td.inbox-medium-cells button{

margin-top: 4px;

}

#add_rule  td.inbox-medium-cells,

#vew_rule  td.inbox-medium-cells {

width: auto !important;

}



/*about/chat Popup*/

#header_task_bar ul.dropdown-menu .abt,

#about ul.dropdown-menu .abt {

padding:4px 0px 0px 0px;

}



.abt_dt .form-section {

margin: 0px !important;

}

.abt_dt .form-body {

padding:0 10px !important;

}

.abt_dt .form-group label {

padding-left: 22px !important;

}

.abt_dt h5{

margin-top: 0px !important;

margin-bottom: 0px !important;

}

.abt_dt h4 {

margin-top: 0px !important;

margin-bottom: 7px !important;

}

/*

.abt_dt .badge {

margin-top:7px;

}*/

li.abt_dt .form-body{

font-size:11px !important;

}

li.abt_dt .form-body h4{
 font-size: 18px;
}

li.abt_dt .form-body h5{
 font-size: 14px;
}


li.abt_dt .form-body label, li.abt_dt .form-body .form-control-static{

font-size:12px !important;

}

#about .dropdown-menu .divider {

margin: 6px 0 !important;

}

.abt_dt .divider {

margin: 1px 0 !important;

}



/*About Scroller*/



.small1 {

    height: 130px;

    overflow:hidden;



}

.big {

    height: 260px;

    overflow:hidden;

    overflow-y:scroll;

}



.dropdown-menu .dropdown-menu-list.small1, .dropdown-menu .dropdown-menu-list.big {

padding-right: 0 !important;

padding-left: 0;

list-style: none;

}

.dropdown-menu .dropdown-menu-list.small2, .dropdown-menu .dropdown-menu-list.big {

padding-right: 0 !important;

padding-left: 0;

list-style: none;

}

/*About Scroller*/

/*about Popup*/



/*Add to Address Book Confirmation*/

.cmp-content11 .table thead tr {

background: #f7f7f7 !important;

}

.select2-container-multi .select2-choices .select2-search-choice:first-child {

margin: 6px -4px 3px 10px !important;

}

.select2-container-multi .select2-choices .select2-search-choice {

margin: 6px -4px 3px 10px !important;

}

@media (min-width: 992px) and (max-width: 1024px){

.small2 {

    height: 150px;

    overflow:hidden;

    overflow-y:scroll;   

}

}

@media (min-width: 1025px) and (max-width: 1280px){

.small2 {

    height: 150px;

    overflow:hidden;

    overflow-y:scroll;   

}

}

@media (min-width: 1281px) and (max-width: 1366px){

.small2 {

    height: 150px;

    overflow:hidden;

    overflow-y:scroll;   

}

}

@media (min-width: 1367px) and (max-width: 1600px){

.small2 {

    height: 150px;

    overflow:hidden;

    overflow-y:scroll;   

}

}



#header_task_bar .portlet{

border: 0px !important;

}

#header_task_bar .portlet > .portlet-title {

background-color: #fff;

}

#header_task_bar .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {

width: 12px;

height: 13px;

position: absolute;

right: 3px;

top: 4px;

font-size: 1px;

outline: none;

background: url('../img/select2.png') right top no-repeat;

}



/*AntiSpam*/

#reclassify tbody .btn-default:first-child:hover, #reclassify tbody .btn-default:first-child:focus, #reclassify tbody .btn-default:first-child:active, #reclassify tbody .btn-default.active:first-child, #reclassify tbody .open .dropdown-toggle.btn-default:first-child {

color: #fff;

background-color: #39b3d7;

border-color: #269abc;

}

#reclassify tbody .btn-default:hover, #reclassify tbody .btn-default:focus, #reclassify tbody .btn-default:active, #reclassify tbody .btn-default.active, #reclassify tbody .open .dropdown-toggle.btn-default {

color: #fff;

background-color: #d2322d;

border-color: #ac2925;

}

#reclassify tbody .btn-default {

color: #333;

background-color: #ebebeb;

border-color: #adadad;

}



#queue .label-default,

#history .label-default,

#myfilter_1 .label-default{

color: #fff;

background-color: #39b3d7 !important;

border:1px solid #269abc !important;

}

#queue .label-spam,

#history .label-spam,

#history .label-important,

#myfilter_1 .label-spam{

color: #fff;

background-color: #d2322d !important;

border:1px solid #ac2925 !important;

}

#queue .label,

#history .label,

#myfilter_1 .label {

font-size: 11px !important;

border-radius: 3px !important;

}

#about .has-corner-badge {

top: 0 !important;

}

.dropdown-menu.extended li p {

  background-color: transparent !important;

  

}

.inbox-attached .chat-form .btn-cont .arrow {

right: 38px !important;

}





.portlet > .portlet-body {

padding: 5px !important;

border-radius: 0px !important;

}

.chats li {

padding: 0 !important;

}

.chats {

margin-top: 0px !important;

margin-right: 0px !important;

}

.chats li.in .message {

margin-left: 16px !important;

}

.message a .fa{

color: #999 !important;

}



li a.del{

  float: right;

  color: #999 !important;

}



/* header inbox dropdowns */

.dropdown-menu-list .subject {

  display: block;

  margin:0 15px;

}

/*

.dropdown-menu-list .from {

  font-size: 14px;

  font-weight: 400;

  color: #02689b;

  display: block !important;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden; 

  width:196px;  

  float:left;

}



.dropdown-menu-list .subject .time {

  font-size: 12px;

  line-height:21px;

  font-weight: normal;

  font-style: italic;

  float:left;

  color:#999;

}



.dropdown-menu-list .message {

  display: block !important;

  font-size: 12px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden; 

  width:250px;

  margin:0 15px;

}

*/

/* extended dropdowns */

.dropdown-menu.wrapper1 {

  padding: 0 0 4px 0;

  border-radius: 4px !important;

  min-width: 160px !important;

  max-width: 300px !important;

  width: 233px !important;

  background-color: #ffffff !important;

}





.dropdown-menu.wrapper1 li p {

  margin:0 15px;

  font-size: 14px;

  font-weight: 300;

  color: #333;

  padding:4px 0px;

}





.dropdown-menu.wrapper1 li{

  border-top: none;

  border-bottom: 1px solid #e5e5e5 !important;

}

.dropdown-menu-list li.Qmsg{

  padding: 6px 0px;

  background: #fafafa;

}

.dropdown-menu.wrapper1 li.external > a {

  font-size: 13px;

  font-weight: 400;    

  border-bottom: 0 !important;

}

button.maximise, button.minimise {

cursor: pointer;

background: transparent;

border: 0;

-webkit-appearance: none;

}

.maximise, .minimise {

float: right;

font-size: 21px;

font-weight: bold;

line-height: 1;

color: #000;

text-shadow: 0 1px 0 #fff;

opacity: .2;

padding-top: 3px;

filter: alpha(opacity=20);

}

.close {

padding-top: 5px;

}



.note {

  margin: 10px 0px;

  padding: 7px 30px 7px 10px;

  border-radius: 0px 4px 4px 0;

}

h1 a{

  font-size:16px !important;

}

.tooltip {

    z-index: 50000 !important;

}

.form-control {

border-radius: 4px;

}

/*Z-index for date*/

/*

.datepicker-dropdown{

display: block !important;

position: fixed !important;

top: 130px !important;

}*/

@media (min-width: 768px) and (max-width: 991px) { 

.datepicker-dropdown{

display: block !important;

}

}



.abt_dt ul{list-style: none;padding-right: 0 !important;padding-left: 0;font-size:12px;}



.login .form-actions {

    padding: 20px 0px !important;

}