@charset "UTF-8";

.btsearch,.namechat,table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{
    vertical-align:middle
}
.btn.btn-default{
    font-weight:400;
    color:#333;
    border-color:#DEDEDE;
    background:-moz-linear-gradient(top,#FFF 0,#E8E6E6 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FFF),color-stop(100%,#E8E6E6));
    background:-webkit-linear-gradient(top,#FFF 0,#E8E6E6 100%);
    background:-o-linear-gradient(top,#FFF 0,#E8E6E6 100%);
    background:-ms-linear-gradient(top,#FFF 0,#E8E6E6 100%);
    background:linear-gradient(top,#FFF 0,#E8E6E6 100%)
}
.btn.btn-primary{
    color:#FFF;
    border-color:#1870D2;
    background:#1870D2;
    background:-moz-linear-gradient(top,#2080D8 0,#1870D2 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#2080D8),color-stop(100%,#1870D2));
    background:-webkit-linear-gradient(top,#2080D8 0,#1870D2 100%);
    background:-o-linear-gradient(top,#2080D8 0,#1870D2 100%);
    background:-ms-linear-gradient(top,#2080D8 0,#1870D2 100%);
    background:linear-gradient(top,#2080D8 0,#1870D2 100%)
}
.btn.btn-info{
    color:#fff;
    background:#49b6d6;
    border-color:#49b6d6
}
.btn.btn-success{
    font-weight:600;
    color:#FFF;
    border-color:#00acac;
    background:#009090;
    background:-moz-linear-gradient(top,#09d0d0 0,#009090 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#09d0d0),color-stop(100%,#009090));
    background:-webkit-linear-gradient(top,#09d0d0 0,#00acac 100%);
    background:-o-linear-gradient(top,#09d0d0 0,#009090 100%);
    background:-ms-linear-gradient(top,#09d0d0 0,#009090 100%);
    background:linear-gradient(top,#09d0d0 0,#009090 100%)
}
.btn.btn-danger{
    color:#fff;
    border-color:#FF4844;
    border-color:#e30500;
    background:-moz-linear-gradient(top,#FF4844 0,#e30500 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FF4844),color-stop(100%,#e30500));
    background:-webkit-linear-gradient(top,#FF4844 0,#e30500 100%);
    background:-o-linear-gradient(top,#FF4844 0,#e30500 100%);
    background:-ms-linear-gradient(top,#FF4844 0,#e30500 100%);
    background:linear-gradient(top,#FF4844 0,#e30500 100%)
}
.btn.btn-purple{
    color:#fff;
    background:#800080;
    border-color:#6d006d;
    background:-moz-linear-gradient(top,#950095 0,#800080 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#950095),color-stop(100%,#800080));
    background:-webkit-linear-gradient(top,#950095 0,#800080 100%);
    background:-o-linear-gradient(top,#950095 0,#800080 100%);
    background:-ms-linear-gradient(top,#950095 0,#800080 100%);
    background:linear-gradient(top,#950095 0,#800080 100%)
}
.btn.btn-warning{
    color:#fff;
    background:#f59c1a;
    border-color:#d88b1a;
    background:-moz-linear-gradient(top,#f7c273 0,#f59c1a 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f7c273),color-stop(100%,#f59c1a));
    background:-webkit-linear-gradient(top,#f7c273 0,#f59c1a 100%);
    background:-o-linear-gradient(top,#f7c273 0,#f59c1a 100%);
    background:-ms-linear-gradient(top,#f7c273 0,#f59c1a 100%);
    background:linear-gradient(top,#f7c273 0,#f59c1a 100%)
}
.btn.btn-white{
    font-weight:400;
    color:#333;
    background:#fff;
    border-color:#e2e7eb
}
.btn:hover{
    opacity:.9
}
.btn.btn-default:hover{
    background:#e2e7eb;
    border-color:#d8dde1
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:300;
    src:local('Roboto Light'),local('Roboto-Light'),url(../fonts/Roboto-Light.woff) format('woff2');
    unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:300;
    src:local('Roboto Light'),local('Roboto-Light'),url(../fonts/Roboto-Light.woff) format('woff2');
    unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:300;
    src:local('Roboto Light'),local('Roboto-Light'),url(../fonts/Roboto-Light.woff) format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local('Roboto'),local('Roboto-Regular'),url(../fonts/Roboto-Regular.woff) format('woff2');
    unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local('Roboto'),local('Roboto-Regular'),url(../fonts/Roboto-Regular.woff) format('woff2');
    unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local('Roboto'),local('Roboto-Regular'),url(../fonts/Roboto-Regular.woff) format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:600;
    src:local('Roboto Semibold'),local('Roboto-Semibold'),url(../fonts/Roboto-Medium.woff) format('woff2');
    unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:600;
    src:local('Roboto Semibold'),local('Roboto-Semibold'),url(../fonts/Roboto-Medium.woff) format('woff2');
    unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:600;
    src:local('Roboto Semibold'),local('Roboto-Semibold'),url(../fonts/Roboto-Medium.woff) format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/Roboto-Bold.woff) format('woff2');
    unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/Roboto-Bold.woff) format('woff2');
    unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/Roboto-Bold.woff) format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:300;
    src:local('Roboto Light Italic'),local('Roboto-LightIt'),url(../fonts/Roboto-LightItalic.woff) format('woff2');
    unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:300;
    src:local('Roboto Light Italic'),local('Roboto-LightIt'),url(../fonts/Roboto-LightItalic.woff) format('woff2');
    unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:300;
    src:local('Roboto Light Italic'),local('Roboto-LightIt'),url(../fonts/Roboto-LightItalic.woff) format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:400;
    src:local('Roboto Italic'),local('Roboto-It'),url(../fonts/Roboto-Italic.woff) format('woff2');
    unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:400;
    src:local('Roboto Italic'),local('Roboto-It'),url(../fonts/Roboto-Italic.woff) format('woff2');
    unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:400;
    src:local('Roboto Italic'),local('Roboto-It'),url(../fonts/Roboto-Italic.woff) format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:600;
    src:local('Roboto Semibold Italic'),local('Roboto-SemiboldIt'),url(../fonts/Roboto-BoldItalic.woff) format('woff2');
    unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:600;
    src:local('Roboto Semibold Italic'),local('Roboto-SemiboldIt'),url(../fonts/Roboto-BoldItalic.woff) format('woff2');
    unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
    font-family:'Roboto';
    font-style:italic;
    font-weight:600;
    src:local('Roboto Semibold Italic'),local('Roboto-SemiboldIt'),url(../fonts/Roboto-BoldItalic.woff) format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}
.logo-lg img{
    max-width:170px;
    max-height:42px
}
.colmargin{
    margin-top:5px
}
.dataTables_empty{
    text-align:center;
    font-weight:700
}
.modal-title,label{
    font-weight:600
}
.icoloader{
    margin:0 auto;
    color:#4E4E4E;
    font-size:16px
}
.dataTables_length{
    text-align:right
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{
    padding:2px;
    line-height:1.42857143;
    vertical-align:middle
}
table.dataTable thead>tr>th{
    font-weight:600;
    height:30px;
    text-shadow:0 1px 0 #fff;
    background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
    background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat:repeat-x;
    border-color:#ccc
}
table.dataTable thead th{
    position:relative
}
table.dataTable thead th.sorting:after,table.dataTable thead th.sorting_asc:after,table.dataTable thead th.sorting_desc:after{
    position:absolute;
    top:7px;
    right:8px;
    display:block;
    font-family:FontAwesome
}
div.dataTables_filter input{
    margin-left:0
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
    z-index:2;
    color:#fff;
    cursor:default;
    background-color:#00acac;
    border-color:#10A493;
}
table.dataTable thead th.sorting:after{
    content:"\f0ec";
    transform:rotate(90deg);
    color:#313131;
    font-size:13px;
    padding-top:.12em
}
table.dataTable thead th.sorting_asc:after{
    content:"\f176"
}
table.dataTable thead th.sorting_desc:after{
    content:"\f175"
}
.hide_column{
    display:none
}
.ibox{
    clear:both;
    margin-bottom:15px;
    margin-top:0;
    padding:0;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    border-end-end-radius: 15px;
    border-end-start-radius: 15px;
    border: 1px solid #00acac;
}
.ibox-title{
    background-color:#009090;
    color:#FFF;
    margin-bottom:0;
    padding:1px 10px;
    border-color:#00acac;
    border-radius:0px 0px;
    background:-moz-linear-gradient(top,#09d0d0 0,#009090 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#09d0d0),color-stop(100%,#009090));
    background:-webkit-linear-gradient(top,#09d0d0 0,#00acac 100%);
    background:-o-linear-gradient(top,#09d0d0 0,#009090 100%);
    background:-ms-linear-gradient(top,#09d0d0 0,#009090 100%);
    background:linear-gradient(top,#09d0d0 0,#009090 100%);
}
.ibox-content{
    clear:both;
    background-color:#fff;
    color:inherit;
    padding:11px 15px;
    border-color:#e7eaec;
    border-image:none;
    border-style:none solid;
    border-width:1px 0;
    border-end-end-radius: 15px;
    border-end-start-radius: 15px;
}
table.dataTable.nowrap td,table.dataTable.nowrap th{
    white-space:nowrap!important
}
.modal-header{
    background:url(images/bg_fallback.png) repeat-x #dadade;
    background:-moz-linear-gradient(top,#00acac 0,#009090 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#00acac),color-stop(100%,#009090));
    background:-webkit-linear-gradient(top,#00acac 0,#009090 100%);
    background:-o-linear-gradient(top,#00acac 0,#009090 100%);
    background:-ms-linear-gradient(top,#00acac 0,#009090 100%);
    background:linear-gradient(top,#00acac 0,#009090 100%);
    border-bottom:1px solid #009090;
    padding:7px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.modal-title{
    color:#FFF;
    font-size:14px;
}
.btn:focus{
    outline:0!important;
}
.modal-footer{
    padding:10px 15px;
    border-top-color:#d6d4d4;
    background:#f5f5f5;
    text-align:center;
    border-end-end-radius: 15px;
    border-end-start-radius: 15px;
}
.nav-tabs-custom>.nav-tabs{
    background:#f0f3f5;
    border-bottom-color:#E0E0E0;
}
.nav-tabs{
    border-bottom:1px solid #DADAD7
}
.control-label{
    text-align:right;
    padding-right:0
}
.sweet-alert h2,.sweet-alert p,td.dt-center,th.dt-center{
    text-align:center
}
.form-group,.nav-tabs-custom{
    margin-bottom:10px
}
.badge-danger,.label-danger{
    background-color:#ca3746 !important;
    color:#FFF;
    text-transform:uppercase;
    border-color:#e30500;
    background:-moz-linear-gradient(top,#FF4844 0,#e30500 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FF4844),color-stop(100%,#e30500));
    background:-webkit-linear-gradient(top,#FF4844 0,#e30500 100%);
    background:-o-linear-gradient(top,#FF4844 0,#e30500 100%);
    background:-ms-linear-gradient(top,#FF4844 0,#e30500 100%);
    background:linear-gradient(top,#FF4844 0,#e30500 100%)
}
.badge-info,.label-info{
    background-color:#00c0ef !important;
    color:#FFF;
    border-color:#009ec4;
    background:-moz-linear-gradient(top,#00c0ef 0,#009ec4 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#00c0ef),color-stop(100%,#009ec4));
    background:-webkit-linear-gradient(top,#00c0ef 0,#009ec4 100%);
    background:-o-linear-gradient(top,#00c0ef 0,#009ec4 100%);
    background:-ms-linear-gradient(top,#00c0ef 0,#009ec4 100%);
    background:linear-gradient(top,#00c0ef 0,#009ec4 100%)
}
.badge-warning,.label-warning{
    background-color:#f59c1a !important;
    text-transform:uppercase;
    color:#fff;
    background:#f59c1a;
    border-color:#d88b1a;
    background:-moz-linear-gradient(top,#f7c273 0,#f59c1a 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f7c273),color-stop(100%,#f59c1a));
    background:-webkit-linear-gradient(top,#f7c273 0,#f59c1a 100%);
    background:-o-linear-gradient(top,#f7c273 0,#f59c1a 100%);
    background:-ms-linear-gradient(top,#f7c273 0,#f59c1a 100%);
    background:linear-gradient(top,#f7c273 0,#f59c1a 100%)
}
.badge-success,.label-success{
    background-color:#009090 !important;
    color:#FFF;
    text-transform:uppercase;
    font-weight:600;
    border-color:#00acac;
    background:-moz-linear-gradient(top,#09d0d0 0,#009090 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#09d0d0),color-stop(100%,#009090));
    background:-webkit-linear-gradient(top,#09d0d0 0,#00acac 100%);
    background:-o-linear-gradient(top,#09d0d0 0,#009090 100%);
    background:-ms-linear-gradient(top,#09d0d0 0,#009090 100%);
    background:linear-gradient(top,#09d0d0 0,#009090 100%)
}        
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{
    color:#1D1D1D;
    background-color:#FFF;
    cursor:pointer
}
.buttons-columnVisibility.active a:before{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    content:'\f046';
    padding-right:8px;
    color: #1d1d1d;
}
.buttons-columnVisibility a:before{
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    content:"\f096";
    padding-right:8px;
    color:#1d1d1d;
}
.alert-success{
    color:#FFF!important;
    background-color:#00acac!important;
    border-color:#d6e9c6!important;
    box-shadow:0 0 3px #999;
    box-sizing:border-box
}
.alert{
    border:none!important;
    overflow:hidden;
    padding:15px 15px 15px 50px;
    width:300px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-position:15px center;
    background-repeat:no-repeat;
    -moz-box-shadow:0 0 12px #999;
    -webkit-box-shadow:0 0 12px #999;
    box-shadow:0 0 3px #999;
    color:#fff;
    font-weight:600;
    opacity:.98;
    -ms-filter:alpha(Opacity=98);
    filter:alpha(opacity=98);
    z-index:1555!important
}
.alert *{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.alert-info{
    background-color:#58ACD6!important
}
.alert-danger{
    background-color:#CA5757!important
}
button.toast-close-button{
    padding:0;
    cursor:pointer;
    background:0 0;
    border:0;
    -webkit-appearance:none
}
.toast-close-button{
    position:relative;
    right:-.3em;
    top:-.3em;
    float:right;
    font-size:20px;
    font-weight:700;
    color:#fff;
    -webkit-text-shadow:0 1px 0 #fff;
    text-shadow:0 1px 0 #fff;
    opacity:.98;
    -ms-filter:alpha(Opacity=98);
    filter:alpha(opacity=98)
}
.alert>.notydanger:before,.alert>.notyinfo:before,.alert>.notyloader:before,.alert>.notysuccess:before{
    position:fixed;
    font-family:FontAwesome;
    font-size:24px;
    line-height:24px;
    margin:auto .5em auto -1.5em;
    float:left
}
.toast-close-button:focus,.toast-close-button:hover{
    color:#000;
    text-decoration:none;
    cursor:pointer;
    opacity:.4;
    -ms-filter:alpha(Opacity=40);
    filter:alpha(opacity=40)
}
.toast-message{
    -ms-word-wrap:break-word;
    word-wrap:break-word;
    color:#FFF
}
.alert>.notydanger:before{
    color:#FFF;
    content:"\f071"
}
.alert>.notysuccess:before{
    color:#FFF;
    content:"\f00c"
}
.alert>.notyloader:before{
    color:#FFF;
    content:"\f110";
    -webkit-animation:fa-spin 2s infinite linear;
    animation:fa-spin 2s infinite linear
}
.alert>.notyinfo:before{
    color:#FFF;
    content:"\f05a"
}
.select2-container--default,.sweet-alert h2{
    position:relative
}
.nav-tabs-custom>.nav-tabs>li.active{
    border-top-color:#00acac
}
.nav-tabs-custom>.nav-tabs>li{
    border-top:4px solid transparent
}
hr{
    margin-top:10px;
    margin-bottom:10px
}
small{
    font-size:90%;
    font-weight:500;
    font-style:italic
}
.box-header .box-title{
    display:block;
    font-size:13px;
    font-weight:600
}
.box.box-solid.box-success>.box-header{
    color:#fff;
    background:#009090;
    border-color:#00acac;
    background:-moz-linear-gradient(top,#09d0d0 0,#009090 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#09d0d0),color-stop(100%,#009090));
    background:-webkit-linear-gradient(top,#09d0d0 0,#00acac 100%);
    background:-o-linear-gradient(top,#09d0d0 0,#009090 100%);
    background:-ms-linear-gradient(top,#09d0d0 0,#009090 100%);
    background:linear-gradient(top,#09d0d0 0,#009090 100%)
}
.box.box-solid.box-success{
    border:1px solid #00acac;
}
.nav-tabs a i.fa{
    font-weight:500
}
.dt-button a{
    cursor:pointer
}
.sidebar-menu .treeview-menu>li>a{
    font-size:12.5px
}
.sweet-alert h2{
    color:#575757;
    font-size:18px;
    font-weight:600;
    text-transform:none;
    margin:5px 0;
    padding:0;
    line-height:18px;
    display:block
}
.sweet-alert p{
    color:#797979;
    font-size:13px;
    font-weight:400
}
.sweet-alert button{
    background-color:#8CD4F5;
    color:#fff;
    border:none;
    box-shadow:none;
    font-size:15px;
    font-weight:500;
    -webkit-border-radius:4px;
    border-radius:5px;
    padding:6px 25px;
    margin:17px 5px 0;
    cursor:pointer
}
.sweet-alert{
    -webkit-box-shadow:3px 3px 5px 0 rgba(50,50,50,.55);
    -moz-box-shadow:3px 3px 5px 0 rgba(50,50,50,.55);
    box-shadow:3px 3px 5px 0 rgba(50,50,50,.55)
}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{
    border:1px solid #ddd
}
table.table-bordered.dataTable{
    border-collapse:collapse!important
}
table.dataTable>tbody>tr.child ul{
    width:100%
}
.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{
    background-color:#DBFBF7
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#00acac;
}
.select2-search__field{
    width:100%!important
}
.select2-container--default .select2-selection--multiple:before{
    content:"\f13a";
    font-family:FontAwesome;
    display:block;
    position:absolute;
    right:5px;
    top:6px;
    cursor:pointer;
    font-size:17px;
    color:#CECECE
}
.select2-container .select2-search--inline{
    float:left;
    width:100%
}
.permisos label{
    font-weight:600;
    font-size:11px
}
.permisos .switchery-small>small{
    height:13px;
    width:13px
}
.permisos .switchery-small{
    border-radius:13px;
    height:13px;
    width:25px
}
.permisos .form-group{
    margin-bottom:1px
}
.permisos .ibox-title{
    padding:1px 14px 0;
    height:30px;
    border-bottom:1px dashed rgba(0,0,0,.2)
}
.permisos{
    margin-bottom:11px!important
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    color:#131313
}
.input-group .input-group-addon{
    padding:6px 12px;
    font-size:14px;
    font-weight:400;
    line-height:1;
    color:#555;
    text-align:center;
    background-color:#eee
}
.bootstrap-timepicker-widget.dropdown-menu.open{
    display:inline-block;
    background:#F6FCFF;
    border-color:#85BFF1
}
.bootstrap-timepicker-widget.dropdown-menu:before{
    border-bottom:7px solid #85BFF1
}
.bootstrap-timepicker-widget table td input{
    border-radius:9px!important
}
.bootstrap-timepicker-widget table td a{
    padding:5px 0;
    color:#4DA1A2
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{
    border-top:1px solid #DADADA
}
div.dt-button-background{
    z-index:-1
}
.dt-button-collection.dropdown-menu:before{
    position:absolute;
    top:-7px;
    left:9px;
    display:inline-block;
    border-right:7px solid transparent;
    border-bottom:7px solid #B3B0B0;
    border-left:7px solid transparent;
    content:''
}
.dt-button-collection.dropdown-menu:after{
    position:absolute;
    top:-6px;
    left:10px;
    display:inline-block;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff;
    border-left:6px solid transparent;
    content:''
}
.dropdown-menu{
    border:1px solid rgba(0,0,0,.15);
    -webkit-box-shadow:0 6px 12px rgba(0,0,0,.44);
    box-shadow:0 6px 12px rgba(0,0,0,.44)
}
div.dataTables_filter{
    text-align:right;
    width:230px;
    float:right
}
div.dataTables_filter .input-group-addon{
    padding:6px 12px;
    font-size:14px;
    font-weight:400;
    line-height:1;
    color:#555;
    text-align:center;
    background-color:#eee;
    border:1px solid #ccc;
    border-radius:4px 0 0 4px;
    border-right:none
}
@media screen and (max-width:767px){
    div.dataTables_filter,div.dataTables_info,div.dataTables_length,div.dataTables_paginate,div.dataTables_wrapper>div.row>div{
        width:100%
    }
}
.modal-backdrop.in{
    filter:alpha(opacity=70);
    opacity:.7
}
.modal-content{
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    position:relative;
    background-color:#fff;
    border:1px solid #00acac;
    -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
    box-shadow:0 3px 9px rgba(0,0,0,.5);
    background-clip:padding-box;
    outline:0;
    border-end-end-radius: 15px;
    border-end-start-radius: 15px;
}
.modal-header .close{
    color:#5f5f5f;
    font-size:20px;
    width:20px;
    height:20px;
    line-height:18px;
    margin:0
}
.dataTable a{
    cursor:pointer;
    color:inherit
}
.dataTable a:hover{
    text-decoration:underline
}
.box.box-solid.box-flat{
    border:1px solid #ddd
}
.box.box-solid.box-flat>.box-header{
    background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat:repeat-x;
    border-bottom:1px solid #DEDEDE
}
.btn-app{
    background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
    background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat:repeat-x
}
.btn-app:hover{
    color:#FFF;
    background:#00acac;
    border-color:#00acac
}
.webui-popover-title{
    padding:8px 14px;
    margin:0;
    font-size:14px;
    font-weight:700;
    line-height:7px;
    border-bottom:1px solid #CCC;
    border-radius:5px 5px 0 0;
    background:#E4E4E4
}
.ui-autocomplete{
    position:absolute;
    top:100%;
    left:0;
    z-index:1060;
    float:left;
    display:none;
    min-width:160px;
    padding:0;
    margin:0;
    list-style:none;
    background-color:#fff;
    border-color:#ccc;
    border-color:rgba(0,0,0,.2);
    border-style:solid;
    border-width:1px;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow:0 5px 10px rgba(0,0,0,.2);
    box-shadow:0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
    max-height:100px;
    overflow-y:auto;
    overflow-x:hidden
}
.ui-menu .ui-menu-item{
    position:relative;
    margin:0;
    padding:3px 1em 3px .4em;
    cursor:pointer;
    min-height:0
}
* html .ui-autocomplete{
    height:100px
}
.ui-state-focus{
    background:#00acac;
    color:#FFF
}
.form-control{
    height:28px;
    padding:4px 10px
}
.btn-app>.fa,.btn-app>.glyphicon,.btn-app>.ion{
    font-size:12px
}
.btn-app{
    border-radius:3px;
    position:relative;
    padding:5px;
    margin:3px;
    width:46%;
    height:37px;
    text-align:center;
    color:#424242;
    border:1px solid #ddd;
    font-size:11px
}
.dt-btns button,.dt-buttons{
    margin-bottom:8px;
    margin-top:4px
}
.nav-tabs-custom>.tab-content{
    padding:10px 15px
}
.dt-buttons{
    margin-right:10px
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
    left:4px;
    height:16px;
    width:16px;
    display:block;
    position:absolute;
    color:#fff;
    border:none;
    border-radius:16px;
    box-shadow:none;
    box-sizing:content-box;
    top:auto;
    font-family:FontAwesome;
    font-size:9px;
    text-indent:0;
    text-align:center;
    line-height:16px;
    content:"\f067";
    background-color:#00acac;
}
.dataTable .btn,.dataTable .btn:active{
    border:transparent;
    background:0 0
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{
    content:'\f068';
    background-color:#E65353
}
@media (max-width:767px){
    table.dataTable.nowrap td,table.dataTable.nowrap th{
        white-space:normal!important
    }
}
.dataTable .btn{
    padding:2px;
    margin-right:2px
}
.sidebar-menu>li,.user-panel{
    border-bottom:0px solid #151515;
    text-shadow:0 -1px 0 rgba(0,0,0,.2);
}
.dataTable .btn:hover{
    color:#13BEB3;
    background:0 0
}
.webui-popover-inner .close{
    line-height:12px
}
.webui-popover{
    z-index:1051
}
.col-centered{
    float:none;
    margin:0 auto
}
.sidebar-menu>li{
    font-size:12.5px;
    font-weight:600;
    cursor:pointer;
    -moz-box-shadow:0 1px rgba(255,255,255,.1);
    -webkit-box-shadow:0 1px rgba(255,255,255,.1);
    box-shadow:0 0px rgba(255,255,255,.1);
}
.skin-blue .left-side,.skin-blue .main-sidebar{
    font-size:12.5px;
    color:#fff;
    -moz-box-shadow:2px 2px 2px rgba(0,0,0,.1);
    -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.1);
    box-shadow:2px 2px 2px rgba(0,0,0,.1);
    background:#333;
    padding-bottom:5px;
    border-right:1px solid #222;
    -moz-border-radius-topleft:0;
    -moz-border-radius-topright:0;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-bottomright:3px;
    border-radius:0 0 3px;
    -webkit-border-radius:0 0 3px;
}
.skin-blue .main-header .logo{
    background-color:#222d32;
}
.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li>a:hover{
    background:#00acac;
    color:#FFF;
    z-index:9
}
.skin-blue .sidebar-menu>li>.treeview-menu{
    background:#1a2229
}
.skin-blue .treeview-menu>li>a{
    color:#bbb;
    font-weight:600
}
.skin-blue .sidebar a{
    color:#c4c4c4;
}
.btsearch,.skin-blue .main-header .navbar .nav>li>a{
    color:#5A5A5A
}
.user-panel{
    position:relative;
    width:100%;
    padding:10px;
    overflow:hidden;
    -moz-box-shadow:0 0px rgba(255,255,255,.1);
    -webkit-box-shadow:0 0px rgba(255,255,255,.1);
    box-shadow:0 0px rgba(255,255,255,.1);
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.user-panel>.info>p{
    font-size:11.5px;
    margin-bottom:0
}
.user-panel>.info>small{
    font-size:10px
}
.skin-blue .main-header .navbar{
    background-color:#fff;
}
.navbar-nav>.user-menu .user-image{
    float:left;
    width:40px;
    height:40px;
    border-radius:50%;
    margin-right:5px;
    margin-top:-10px;
    border:1px solid #00acac;
    padding:1px;
    background:#FFF
}
.skin-blue .main-header .navbar .sidebar-toggle{
    color:#5A5A5A;
    height:50px;
}
.navbar{
    height:40px!important
}
.btsearch,.navbar-nav>li>a{
    height:50px;
}
.btsearch{
    padding:15px 10px;
    position:absolute;
    font-size:15px
}
.btsearch:active,.btsearch:hover{
    color:#FFF;
    background-color:#00acac
}
.text-success{
    color:#42BFA4
}
.user-panel>.info>.form-control{
    width:100px;
    padding:0 4px;
    height:auto;
    background-color:transparent;
    border-color:#E8E7E7;
    margin-top:2px;
    font-weight:600;
    font-size:10px;
    font-family:FontAwesome,Helvetica;
    cursor:pointer
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{
    top:41px;
    margin-left:0
}
.sidebar-menu .treeview-menu a:hover{
    background:#3DB9B3
}
.ui-autocomplete .description{
    font-style:italic;
    font-size:.8em;
    font-weight:700
}
.ui-autocomplete .image{
    border-radius:50%;
    width:30px;
    height:30px;
    margin-right:10px;
    float:left
}
.ui-autocomplete>li>a{
    color:#414040;
    font-size:12.5px
}
.ui-autocomplete>li.ui-state-focus>a,.ui-autocomplete>li>a:hover{
    color:#FFF
}
.form-control{
    font-size:13px
}
#dv-search{
    width:300px
}
.popover{
    max-width:590px
}
widget.widget-stats{
    position:relative
}
.widget{
    margin-bottom:10px;
    color:#fff;
    padding:12px;
    border-radius:15px;
    overflow:hidden;
    border-start-end-radius: 0px;
    border-start-start-radius: 0px;
}
.bg-aqua{
    background:#00ffff!important
}
.bg-magenta{
    background:#ff00ff!important
}
.bg-green{
    background:#00acac!important
}
.bg-blue{
    background:#1870D2!important
}
.bg-purple{
    background:#800080!important
}
.bg-red{
    background:#FF4844!important
}
.bg-yellow{
    background:#FFFF00!important
}
.bg-orange{
    background:#FFA500!important
}
.bg-pink{
    background:#C71585!important
}
.widget-stats .stats-icon{
    font-size:42px;
    height:42px;
    width:42px;
    text-align:center;
    line-height:50px;
    margin-left:15px;
    color:#fff;
    position:absolute;
    right:35px;
    top:35px;
    opacity:0.8;
    filter:alpha(opacity=20)
}
.widget-stats .stats-icon-cli{
    font-size:45px;
    height:40px;
    width:40px;
    text-align:center;
    line-height:50px;
    margin-left:15px;
    color:#fff;
    position:absolute;
    right:35px; 
    top:15px;
    opacity:0.8;
    filter:alpha(opacity=20)
}
.widget-stats .stats-info h4{
    font-size:14px;
    margin:2px 0;
    color:#fff;
    font-weight:600
}
.widget-stats .stats-info p{
    font-size:28px;
    font-weight:700;
    margin-bottom:0
}
.widget-stats .stats-link a{
    display:block;
    margin:5px -20px -12px;
    padding:5px 20px;
    background:rgba(0,0,0,.4);
    text-align:right;
    color:#ddd;
    font-weight:400;
    text-decoration:none
}
.wgt{
    width:auto
}
.wgt .col-md-12,.wgt .col-md-3,.wgt .col-sm-6,.wgt .col-xs-6{
    padding-right:8px;
    padding-left:8px
}
.box.box-solid.box-inverse>.box-header{
    color:#fff;
    background:#009090;
    border-radius:0px 0px;
    border-color:#00acac;
    background:-moz-linear-gradient(top,#09d0d0 0,#009090 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#09d0d0),color-stop(100%,#009090));
    background:-webkit-linear-gradient(top,#09d0d0 0,#00acac 100%);
    background:-o-linear-gradient(top,#09d0d0 0,#009090 100%);
    background:-ms-linear-gradient(top,#09d0d0 0,#009090 100%);
    background:linear-gradient(top,#09d0d0 0,#009090 100%)
}
.content{
    padding:15px 15px;
    height:100%!important
}
.btn-icon,.btn-icon.btn-xs,.btn.btn-icon{
    width:16px;
    height:16px;
    line-height:16px;
    font-size:8px;
    color:#FFF
}
.users-list-date{
    margin-top:-5px;
    margin-bottom:8px
}
.skin-blue .left-side,.skin-blue .main-sidebar,.skin-blue .wrapper{
    background-color:#222d32;
}
.btn-circle,.btn.btn-circle{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.btn-icon,.btn.btn-icon{
    display:inline-block;
    padding:0;
    border:none;
    text-align:center
}
.btn-box-tool:hover{
    background:#1EBFAB!important;
    color:#FFF
}
.content-wrapper,.right-side{
    min-height:100%;
    background-color:#d9e0e7
}
.nav-tabs-custom>.nav-tabs>li>a{
    color:grey;
    padding:10px 8px;
    font-size:12.5px
}
.nav-tabs-custom>.nav-tabs>li>a:hover{
    color:#181818;
    background:#FFF;
    margin:0
}
.table-striped>tbody>tr:nth-of-type(odd){
    background-color:#f9f9f9
}
.modal-footer .btn{
    height:28px;
    padding:5px 12px;
    line-height:14px;
    font-size:13px
}
.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span,.pagination>li>a,.pagination>li>span{
    border-radius:50%;
    margin-left:1px;
    padding:0;
    width:29px;
    height:29px;
    text-align:center;
    line-height:27px
}
.sidebar-menu .treeview-menu:before{
    content:'';
    position:absolute;
    left:16px;
    top:0;
    bottom:0;
    width:2px;
    background:#10181F
}
.sidebar-menu .treeview-menu>li>a:before{
    content:'\f10c';
    font-family:FontAwesome;
    position:absolute;
    left:0;
    font-size:7px;
    color:#889097;
    top:50%;
    margin-top:-5px;
    margin-left:7px
}
.sidebar-menu .treeview-menu>li>a{
    padding:5px 20px;
    display:block;
    font-weight:500;
    color:#a8acb1;
    text-decoration:none;
    position:relative
}
.sidebar-menu .treeview-menu>li>a:hover{
    background-color:transparent;
    color:#FFF
}
.progress-free{
    position:relative
}
.progress-free span{
    position:absolute;
    display:block;
    width:100%;
    color:#000;
    font-weight:700
}
.panel-title{
    font-size:14px
}
.modal.fade .modal-dialog{
    -webkit-transform:scale(.1);
    -moz-transform:scale(.1);
    -ms-transform:scale(.1);
    transform:scale(.1);
    top:300px;
    opacity:0;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}
.modal.fade.in .modal-dialog{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-transform:translate3d(0,-300px,0);
    transform:translate3d(0,-300px,0);
    opacity:1
}
#txt-id{
    border:none;
    background-color:#FFF;
    box-shadow:none
}
.box.box-solid.box-info>.box-header{
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1
}
.box.box-solid.box-info{
    border:1px solid #bce8f1
}
.datepicker table tr td,.datepicker table tr th{
    height:26px;
    width:26px;
    padding:4px
}
.btn{
    font-size:12px;
    font-weight:600
}
.dt-bootstrap .btn{
    text-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.select2-container--default .select2-selection--single{
    border:1px solid #D2D6DE
}
.tblfactura{
    border-collapse:separate;
    border:1px solid #c3c3c3;
    border-radius:0;
    width:100%
}
.tblfactura td,.tblfactura th{
    border-left:none;
    border-bottom:none;
    padding:3px 0 4px 5px
}
.tblfactura th{
    background-color:#e0e0e0;
    border-top:none;
    color:#444343;
    padding:2px;
    text-align:center
}
#modal-edit-factura,#modal-new-factura .control-label{
    line-height:28px
}
.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{
    cursor:pointer;
    background:#3A3838;
    color:#FFF;
    border-radius:0
}
.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover{
    background:#0E6285
}
.form-control[readonly]{
    background-color:#FFF
}
.ticket-reply.staff{
    border:1px solid #FBF0F0;
    border-radius:5px 5px 0 0
}
.ticket-reply{
    margin:10px 0;
    padding:0;
    border:1px solid #efefef;
    border-radius:5px 5px 0 0
}
.ticket-reply .date{
    float:right;
    padding:8px 10px;
    font-size:11px;
    font-weight:600
}
.ticket-reply.staff .user{
    background-color:#FBF0F0
}
.main-content{
    margin-bottom:60px;
    min-height:300px
}
.pull-md-right{
    float:right
}
.pull-md-left{
    float:left
}
.ticket-reply .user{
    padding:2px 0;
    background-color:#f8f8f8
}
.ticket-reply .message{
    padding:12px 15px
}
.ticket-reply .user .name{
    display:block;
    font-size:14px;
    font-weight:600
}
.ticket-reply .user img{
    float:left;
    max-height:33px;
    width:auto;
    margin:0 6px
}
.printer{
    display:none
}
.ticket-reply .user .type{
    display:block;
    font-weight:700;
    font-size:.8em
}
.panel>.list-group .ticket-details-children .title{
    font-weight:700
}
.panel>.list-group .ticket-details-children:nth-child(even){
    background-color:#f2f2f2
}
.panel-footer{
    padding:5px
}
.wysihtml5-sandbox{
    border:1px solid #cecaca!important;
    width:100%!important
}
.wysihtml5-editor{
    height:250px!important;
    padding:10px!important
}
.has-img{
    font-size:12px!important
}
.mailbox-attachments li{
    width:180px
}
.mailbox-attachment-icon.has-img{
    padding:0;
    min-height:95px;
    max-height:95px;
    width:auto
}
.conversation-wrap,.msg-wrap{
    max-height:100%;
    overflow:auto
}
.mailbox-attachment-icon{
    text-align:center;
    font-size:60px;
    color:#666;
    padding:5px
}
.has-success .input-group-addon{
    color:#00acac;
    background-color:#dff0d8;
    border-color:#00acac;
    border-radius:4px 0 0 4px
}
#modalprint .modal-dialog{
    width:90%;
    height:90%;
    margin:2% auto;
    padding:0
}
#modalprint .modal-content{
    height:100%;
    min-height:100%;
    border-radius:0
}
#modalprint .modal-body{
    position:relative;
    padding:0;
    height:100%;
    min-height:100%!important
}
#framefirefox{
    width:100%;
    height:calc(100% - 35px);
    border:none
}
.loaderprint{
    margin:-50px auto 0 -100px;
    left:50%;
    top:50%;
    position:absolute
}
table.dataTable>tbody>tr.child ul li{
    border-bottom:1px solid #efefef;
    padding:.5em 0;
    white-space:normal
}
.dt-responsive td .fa{
    font-size:13px
}
.direct-chat-text{
    background:#f7f7f7;
    word-wrap:break-word
}
table.dataTable tbody tr.selected{
    background-color:#afefe6
}
.select2-container--default .select2-selection--single,.select2-selection .select2-selection--single{
    padding:4px 2px
}
.stateuser{
    margin-bottom:2px
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p{
    margin:0 0 0 40px;
    font-size:12px;
    color:#888;
    white-space:normal
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4{
    padding:0;
    margin:0 0 0 35px;
    color:#444;
    font-size:12px;
    position:relative;
    font-weight:600
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img{
    margin:auto 10px auto auto;
    width:30px;
    height:30px
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a{
    margin:0;
    padding:7px 5px
}
.control-sidebar-dark,.control-sidebar-dark+.control-sidebar-bg{
    background:#e9ebee;
    border-left:1px solid
}
.conversation{
    padding:2px 3px 2px 5px;
    margin:0
}
.conversation a{
    color:#333;
    cursor:pointer
}
.conversation:hover{
    background:#E5E5E5
}
.conversation img{
    border-radius:50%;
    width:32px;
    height:32px
}
.avatarchat{
    border-radius:50%;
    border:1px solid #b3b5bb;
    margin-right:5px
}
.chatstate{
    color:#009e1d;
    font-size:8px;
    line-height:34px
}
.message-wrap{
    box-shadow:0 0 3px #ddd;
    padding:0
}
.msg{
    padding:5px;
    margin:0
}
.msg-wrap{
    padding:10px
}
.control-sidebar{
    right:-230px;
    width:230px
}
.namechat{
    height:32px;
    font-size:12px;
    width:150px;
    padding-right:10px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    line-height:34px
}
.chatnivel{
    margin-top:-13px!important;
    display:block;
    color:#a75151
}
.headerchat{
    color:#666;
    font-size:11px;
    font-weight:700;
    height:16px;
    margin-left:10px
}
.chatstate2{
    color:#49bf5f;
    font-size:9px;
    width:12px;
    float:left;
    line-height:17px
}
.mailbox-attachment-icon.has-img>img{
    max-width:100%;
    height:auto;
    max-height:95px
}
.datepicker{
    z-index:1150!important
}
#tmpupdate{
    margin:10px 8px 0
}
@media print{
    .ticket-reply,.ticket-reply.staff{
        border:1px solid #ccc;
        border-radius:5px
    }
    .ticket-reply .user{
        border-bottom:1px solid #ccc
    }
    a[href]:after{
        content:none!important
    }
    .content-wrapper{
        margin:auto!important
    }
    .col-md-3,.col-md-9,.col-xs-12{
        width:100%!important
    }
    .printer{
        display:block
    }
    .nav-tabs-custom>.tab-content{
        padding:0!important
    }
}
 .select2-search__field:focus {
     box-shadow: 0 0 2px #00acac;
     border: 1px solid #00acac !important;
}