@charset "UTF-8";
body{background: transparent;}
.display-none {display: none;}
.no-margin-bottom{margin-bottom: 0px !important;}
.login-submit{background-color: #FFFFFF;padding: 25px;}
.login-submit .form-horizontal .control-label{text-align: left !important;}
.loginError{background-color:#FFD41F; border: 1px solid #cccccc; background: -moz-linear-gradient(top, #FFFF00 0%, #FFD41F 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFF00), color-stop(100%,#FFD41F)); color: #454545;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF00', endColorstr='#FFD41F',GradientType=0 );font-size: 15px; font-weight: bold; margin:0 auto; padding-top:10px; padding-bottom: 10px;-moz-border-radius:5px;-webkit-border-radius:5px; text-align:center; text-shadow: 0 1px 0 #FFFF00; max-width:500px;}
.text-center .form-group,.text-center .form-group .control-label{text-align: left}
.btn-sm{padding: 1px 4px 3px; line-height:12px}
.bg-yellow{background: #fcf8e3 !important;color: #8a6d3b !important;}
.yastaLockedScreen{display: none;background-color: #e2e2e2;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;opacity: .91}
.yastaLockedScreen .lock-word span{color: #666}
.yastaLockedScreen .lockscreen img.img-circle{border-radius: 50%; max-width: 150px}
/* ------------------------------------------ */
/*                   Main                     */
/* ------------------------------------------ */

#create-notification {bottom: 55px; left: 29px; position: absolute;}
.datepicker { background: #f2f2f2; z-index: 1060;}
.bootstrap-timepicker-component .add-on i {margin: 3px 0 0 1px;}
.input-append.date .add-on i, .input-prepend.date .add-on i {margin: 3px 0 0 2px;}
.bootstrap-timepicker.dropdown-menu {background: #f2f2f2;}
#mas-acciones {margin-right: 4px;}
.modal-body {position: static;}
.colorpicker {z-index: 1050;}
.colorpicker input {width: auto;}
.divider.width-separator.top {margin-top: 20px; width: 95%;}
/* ------------------------------------------ */
/*                Cajas de color              */
/* ------------------------------------------ */

/* ------------------------------------------ */
/*               Cajas de color               */
/* ------------------------------------------ */
.middleFree { text-align: center; margin: 0; }
.middleFree li { margin: 5px 10px 0 10px; position: relative; display: inline-block; text-align: center; }
.middleFree li a { padding: 10px 16px 2px 16px; display: block; font-weight: bold; white-space: nowrap; color: #f5f5f5; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: 0 1px 1px #d5d5d5; }
.middleFree li a span { display: block; text-shadow: 0 1px 1px #707070; }
.middleFree li a > .iconb { font-size: 32px; padding: 3px 0; }
.middleFree li > strong {position: absolute; top: -6px; right: -6px; font-size: 11px; color: #f5f5f5; padding: 3px 5px; display: block; line-height: 12px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; text-shadow: 0 1px #606060;background: url(../images/backgrounds/sidebar.jpg);}
.middleFree li a:hover {text-decoration: none;}
.bDefault, .dualBtn, .searchLine button { border: 1px solid #c3c3c3; box-shadow: inset 0 1px 2px #fff; -webkit-box-shadow: inset 0 1px 2px #fff; -moz-box-shadow: inset 0 1px 2px #fff; color: #686868; text-shadow: none;
    background: #f8f8f8;background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );}

.bDefault:hover, .dualBtn:hover, .searchLine button:hover { -webkit-transition: box-shadow 0.05s ease-in-out; -moz-transition: box-shadow 0.05s ease-in-out; transition: box-shadow 0.05s ease-in-out;background: #fafafa;background: -moz-linear-gradient(top,  #fafafa 0%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e5e5e5));background: -webkit-linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);background: -o-linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);background: -ms-linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);background: linear-gradient(top,  #fafafa 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 ); }
.bDefault:active, .dualBtn:active, .titleToolbar > li > a:active, .titleOpt > a:active, .searchLine button:active { background: #eee; color: #505050; border-color: #c0c0c0; box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff; -webkit-box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff; -moz-box-shadow: 0 0 5px #e2e2e2 inset, 0 1px 1px #fff; text-shadow: 0 -1px 1px #f1f1f1; }
.bDefault span { text-shadow: none; }
.bGreen { border: 1px solid #68a341; box-shadow: 0 1px 2px 0 #a4ca6c inset; -webkit-box-shadow: 0 1px 2px 0 #a4ca6c inset; -moz-box-shadow: 0 1px 2px 0 #a4ca6c inset;background: #96c161;background: -moz-linear-gradient(top,  #96c161 0%, #609c3d 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c161), color-stop(100%,#609c3d));background: -webkit-linear-gradient(top, #96c161 0%,#609c3d 100%);background: -o-linear-gradient(top, #96c161 0%,#609c3d 100%);background: -ms-linear-gradient(top, #96c161 0%,#609c3d 100%);background: linear-gradient(top, #96c161 0%,#609c3d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c161', endColorstr='#609c3d',GradientType=0 ); }
.bGreen:active { background: #74aa49; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }
.bRed {  border: 1px solid #a95151; box-shadow: 0 1px 2px 0 #cd8787 inset; -webkit-box-shadow: 0 1px 2px 0 #cd8787 inset; -moz-box-shadow: 0 1px 2px 0 #cd8787 inset;background: #c57979;background: -moz-linear-gradient(top,  #c57979 0%, #a34c4c 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c57979), color-stop(100%,#a34c4c));background: -webkit-linear-gradient(top,  #c57979 0%,#a34c4c 100%);background: -o-linear-gradient(top,  #c57979 0%,#a34c4c 100%);background: -ms-linear-gradient(top,  #c57979 0%,#a34c4c 100%);background: linear-gradient(top,  #c57979 0%,#a34c4c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c57979', endColorstr='#a34c4c',GradientType=0 );}
.bRed:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.bRed:active { background: #b15e5e; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }
.bBlue {  border: 1px solid #3e76af; box-shadow: 0 1px 2px 0 #66b2d2 inset; -webkit-box-shadow: 0 1px 2px 0 #66b2d2 inset; -moz-box-shadow: 0 1px 2px 0 #66b2d2 inset;background: #5ba5cb;background: -moz-linear-gradient(top,  #5ba5cb 0%, #3a70ab 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba5cb), color-stop(100%,#3a70ab));background: -webkit-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);background: -o-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);background: -ms-linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);background: linear-gradient(top,  #5ba5cb 0%,#3a70ab 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba5cb', endColorstr='#3a70ab',GradientType=0 );}
.bBlue:hover { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.bBlue:active { background: #4786b8; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }
.bGreyish { border: 1px solid #5e6779; box-shadow: 0 1px 2px 0 #9ca6b3 inset; -webkit-box-shadow: 0 1px 2px 0 #9ca6b3 inset; -moz-box-shadow: 0 1px 2px 0 #9ca6b3 inset;background: #8c97a6;background: -moz-linear-gradient(top,  #8c97a6 0%, #596171 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c97a6), color-stop(100%,#596171));background: -webkit-linear-gradient(top,  #8c97a6 0%,#596171 100%);background: -o-linear-gradient(top,  #8c97a6 0%,#596171 100%);background: -ms-linear-gradient(top,  #8c97a6 0%,#596171 100%);background: linear-gradient(top,  #8c97a6 0%,#596171 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c97a6', endColorstr='#596171',GradientType=0 );}
.bGreyish:active { background: #6d7787; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }
.bBlack {  border: 1px solid #4e4e4e; box-shadow: 0 1px 2px 0 #959595 inset; -webkit-box-shadow: 0 1px 2px 0 #959595 inset; -moz-box-shadow: 0 1px 2px 0 #959595 inset;background: #838383;background: -moz-linear-gradient(top,  #838383 0%, #444444 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#838383), color-stop(100%,#444444));background: -webkit-linear-gradient(top,  #838383 0%,#444444 100%);background: -o-linear-gradient(top,  #838383 0%,#444444 100%);background: -ms-linear-gradient(top,  #838383 0%,#444444 100%);background: linear-gradient(top,  #838383 0%,#444444 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838383', endColorstr='#444444',GradientType=0 );}
.bBlack:active { background: #5d5d5d; box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #505050 inset, 0 1px 0 #fff; }
.bLightBlue { border: 1px solid #5897c3; box-shadow: 0 1px 2px 0 #84c4dd inset; -webkit-box-shadow: 0 1px 2px 0 #84c4dd inset; -moz-box-shadow: 0 1px 2px 0 #84c4dd inset;background: #6db5d5;background: -moz-linear-gradient(top,  #6db5d5 0%, #4a91c0 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db5d5), color-stop(100%,#4a91c0));background: -webkit-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);background: -o-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);background: -ms-linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);background: linear-gradient(top,  #6db5d5 0%,#4a91c0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db5d5', endColorstr='#4a91c0',GradientType=0 );}
.bLightBlue:active { background: #559cc7; box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #808080 inset, 0 1px 0 #fff; }
.bGold { border: 1px solid #c4853e; box-shadow: 0 1px 2px 0 #ddb65b inset; -webkit-box-shadow: 0 1px 2px 0 #ddb65b inset; -moz-box-shadow: 0 1px 2px 0 #ddb65b inset;background: #d5a44c;background: -moz-linear-gradient(top,  #d5a44c 0%, #c07833 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5a44c), color-stop(100%,#c07833));background: -webkit-linear-gradient(top,  #d5a44c 0%,#c07833 100%);background: -o-linear-gradient(top,  #d5a44c 0%,#c07833 100%);background: -ms-linear-gradient(top,  #d5a44c 0%,#c07833 100%);background: linear-gradient(top,  #d5a44c 0%,#c07833 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5a44c', endColorstr='#c07833',GradientType=0 );}
.bGold:active { background: #ca8e40; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }
.bSea {  border: 1px solid #5a837e; box-shadow: 0 1px 2px 0 #95b8b6 inset; -webkit-box-shadow: 0 1px 2px 0 #95b8b6 inset; -moz-box-shadow: 0 1px 2px 0 #95b8b6 inset;background: #7ca6a3;background: -moz-linear-gradient(top,  #7ca6a3 0%, #547b76 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ca6a3), color-stop(100%,#547b76));background: -webkit-linear-gradient(top,  #7ca6a3 0%,#547b76 100%);background: -o-linear-gradient(top,  #7ca6a3 0%,#547b76 100%);background: -ms-linear-gradient(top,  #7ca6a3 0%,#547b76 100%);background: linear-gradient(top,  #7ca6a3 0%,#547b76 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ca6a3', endColorstr='#547b76',GradientType=0 );}
.bSea:active { background: #68918d; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }
.bBrown {  border: 1px solid #9c6b3c; box-shadow: 0 1px 2px 0 #c8a85f inset; -webkit-box-shadow: 0 1px 2px 0 #c8a85f inset; -moz-box-shadow: 0 1px 2px 0 #c8a85f inset;background: #bb934f;background: -moz-linear-gradient(top,  #bb934f 0%, #996336 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb934f), color-stop(100%,#996336));background: -webkit-linear-gradient(top,  #bb934f 0%,#996336 100%);background: -o-linear-gradient(top,  #bb934f 0%,#996336 100%);background: -ms-linear-gradient(top,  #bb934f 0%,#996336 100%);background: linear-gradient(top,  #bb934f 0%,#996336 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb934f', endColorstr='#996336',GradientType=0 );}
.bBrown:active { background: #ad7f45; box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #707070 inset, 0 1px 0 #fff; }
/* ------------------------------------------ */
/*                Nav Container               */
/* ------------------------------------------ */
.pageTitle { display: block; float: left; color: #626262; font-size: 18px; margin: 13px 30px 0 0; }



.quickStats { float: right; line-height: 16px; text-align: center; margin: 8px 0 0 0;}
.quickStats li { display: block; float: left; border-left: 1px solid #d9d9d9; padding: 2px 15px 0 15px; white-space: nowrap; }
.quickStats li strong { font-size: 14px; padding-top: 1px; display: block; }
.quickStats li span strong { font-size: 12px; }
.quickStats li div span { display: block; color: #5f5f5f; font-size: 11px; }
.quickStats li .number { color: #ffffff; margin-right: 10px; float: left; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.quickStats li .number strong {margin-top: 4px;}
.quickStats li:last-child { padding-right: 0; }
.quickStats li:first-child { border-left: 0; }
.quickStats li .floatR {margin-top: 4px;}
.blueImg, .redImg, .greenImg, .yellowImg { width: 30px; height: 30px; }
.blueImg { background: #6e97aa; }
.redImg { background: #DA4F49; } /*old #ba6d6d*/
.greenImg { background: #5BB75B; } /*old #8fae53*/
.yellowImg { background: #FAA732; } /*old #D5A44C*/
.blueImg img { padding: 11px; }
.redImg img { padding: 10px 10px; }
.greenImg img { padding: 9px 13px;  }

/* ------------------------------------------ */
/*               Cajas de color               */
/* ------------------------------------------ */
.middleFree { text-align: center; margin: 0; }
.middleFree li { margin: 5px 10px 0 10px; position: relative; display: inline-block; text-align: center; }
.middleFree li a { padding: 10px 16px 2px 16px; display: block; font-weight: bold; white-space: nowrap; color: #f5f5f5; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: 0 1px 1px #d5d5d5; }
.middleFree li a span { display: block; text-shadow: 0 1px 1px #707070; }
.middleFree li a > .iconb { font-size: 32px; padding: 3px 0; }
.middleFree li > strong {position: absolute; top: -6px; right: -6px; font-size: 11px; color: #f5f5f5; padding: 3px 5px; display: block; line-height: 12px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; text-shadow: 0 1px #606060;background: url(../images/backgrounds/sidebar.jpg);}
.middleFree li a:hover {text-decoration: none;}
.bDefault, .dualBtn, .searchLine button { border: 1px solid #c3c3c3; box-shadow: inset 0 1px 2px #fff; -webkit-box-shadow: inset 0 1px 2px #fff; -moz-box-shadow: inset 0 1px 2px #fff; color: #686868; text-shadow: none;
background: #f8f8f8;background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );}


/* ------------------------------------------ */
/*                   filters                   */
/* ------------------------------------------ */
.filters{margin-top:10px;}
.filters .form-group{
    min-width: 130px;
}
.filters .form-group.inline-block{
    min-width: 70px;
    width: auto !important;
}
/* Datatables
************************************************/

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th{
  background-color: #eee !important;
  font-weight:600;
}
table.dataTable th,
table.dataTable td {
    padding: 5px !important;
    font-size: 12px;
    line-height: 14px !important;
}







/* ------------------------------------------ */
/*                 SELECT2                    */
/* ------------------------------------------ */

.select2-container{
    padding: 0px !important;
    border:none;
    width: 100% !important;
}
.select2-container .select2-choice{
    height: 28px;
    line-height: 26px;
}
.form-group.has-error .select2-choice{
    border: 1px solid #ed5565;
}
/* ------------------------------------------ */
/*                 FILTERS                    */
/* ------------------------------------------ */
.filters form{
    margin-bottom: 0;
}
.filters .btn{
    margin-bottom: 0;
}
.filters form label{
    margin-bottom: 0;
}
.filters .form-group[class*="col-"] {
    padding-left:0px;
}
.filters .fg-date{
    width:177px;
}
.filters .fg-date input{
    width:165px;
}
/* ------------------------------------------ */
/*                 TABLES                     */
/* ------------------------------------------ */
.table-list select.help, .table-list .dataTables_length select{
    line-height: 16px !important;
    height: 14px !important;
}
.table-th-td-center th, .table-th-td-center td{
    text-align: center;
}

/* ------------------------------------------ */
/*                 MODALS                     */
/* ------------------------------------------ */

.modal-dialog-big{
    width: 950px !important;
}
.modal-dialog-medium{
    width: 650px !important;
}
.form-group{
    margin-bottom: 5px;
}
.form-control::-moz-placeholder{
    color:#ddd;
}

.modal-dialog{
    width: 480px;
    z-index: 2500;
}
.modal-dialog form{
    margin: 0;
}
.modal-dialog .modal-header,.modal-dialog .modal-body, .modal-dialog .modal-footer{
    padding: 10px 15px;
}

.table-action-buttons .btn{
    line-height: 14px;
    font-size: 16px;
    height: 28px;
}

label, input[type=text],select, .form-control{
    line-height: 14px;
    font-size: 12px;
    height: 28px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
}
.btn{
    line-height: 14px;
    font-size: 12px;
    height: 28px;
}
label{
    font-weight: normal;
    height: 18px;
}
label.bold{
    font-weight: 600;
}
.btn.btn-xs, .btn.btn-sm{
    height: 18px;
    margin-bottom: 0;
}
/* ------------------------------------------ */
/*                 Notifications              */
/* ------------------------------------------ */
.navbar-top-links .dropdown-menu li{
    width: 100%;
}
.navbar-top-links .dropdown-menu li a{
    padding-left: 0;
    padding-right: 10px;
}
#dNotifications ul.dropdown-messages, #dNotifications ul.dropdown-messages li.divider{
    padding: 0;
}
#dNotifications ul.dropdown-messages li.divider{
    margin: 0;
}
#dNotifications ul.dropdown-messages li{
    padding: 10px 10px 15px;
}
#dNotifications ul.dropdown-messages li.new{
    background-color: #ECF5FB;
}
#dNotifications ul li .ntf-actions, #dNotifications ul li .ntf-icon{
    display: block;
}
#dNotifications ul li .ntf-actions{
    text-align: center;
    padding-right: 10px;
}
#dNotifications ul li .ntf-actions .fa-circle{
    color: #1c84c6;
}
#dNotifications ul li .ntf-actions i{
    cursor: pointer;
}
#dNotifications ul li .ntf-icon{
    text-align: right;
    margin-top: 5px;
    min-height: 15px;
}
#dNotifications .img-circle{
    border-radius: 50%;
}
#dNotifications li.ntf-footer{
    padding: 0 !important;
    margin: 0;
    background-color: #c2c2c2;
}
#dNotifications li.ntf-footer a{
    margin: 0 !important;
    padding-left: 5px;
    padding-bottom: 5px;
    color: #FFFFFF;
    display: inline-block;
    border-radius: 0;
    text-align: center;
}
#dNotifications li.ntf-footer a:hover{
    color: #c2c2c2;
}
#dNotifications .ntf-footer .mark_all_read{
    width: 200px;
}
#dNotifications .ntf-footer .view_all{
    width: 105px;
}
#freeow h2{
    position: relative;
}
#freeow h2 span{
    position: absolute;
    top: 0;
    right: 2px;
    font-size: 10px;
    font-weight: bold;
}

.nav-second-level li a {
    padding: 0px 0px 5px 0px;
    padding-left: 48px;
}
.nav > li > a {
    color: #a7b1c2;
    font-weight: 600;
}

/* ------------------------------------------ */
/*                 TEMPLATE                   */
/* ------------------------------------------ */

.skin-1 .ibox-title, .skin-1 {
     border-top-width: 4px;
}

::-webkit-input-placeholder {
    color: #ebebeb;
}

:-moz-placeholder { /* Firefox 18- */
    color: #ebebeb;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #ebebeb;
}

:-ms-input-placeholder {
    color: #ebebeb;
}

/* ------------------------------------------ */
/*                 DRAG AND DROP              */

/* ------------------------------------------ */
#dContenedorEnvases{
    position: relative;
    margin-top: 15px;
    width: 1010px;
}
.dragged {
    opacity: 0.5;
    position: absolute;
    top: 0;
    z-index: 2000;
}
#ol-envases{
    height: 290px;
}
ol.ol-envase {
    margin: 0 0 9px;
    min-height: 60px;
}
ol.ol-envase li {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #cccccc;
    color: #0088cc;
    display: block;
    margin: 5px;
    padding: 5px;
}
ol.ol-envase li.placeholder {
    border: medium none;
    margin: 0;
    padding: 0;
    position: relative;
}
ol.ol-envase li.placeholder:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent -moz-use-text-color transparent red;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 5px medium 5px 5px;
    content: "";
    height: 0;
    left: -5px;
    margin-top: -5px;
    position: absolute;
    top: -4px;
    width: 0;
}
ol {
    list-style-type: none;
}
ol.ol-envase{
    padding: 10px;
    display: inline-block;
}

ol.ol-envase.carro, .carro {
    width: 193px;
    min-height: 90px;
    display: inline-block;
}
ol.ol-envase.carro{
    margin-bottom: 0;
    padding-bottom: 0;
}
div.carro{
    margin-bottom: 10px;
    border:1px solid #E5E6E7;
    position: relative;
}
div.carro .carro-footer{
    padding: 10px;
    background-color: #E5E6E7;
}
div.carro .carro-footer .input-group{
    margin: 0;
}
div.carro .carro-footer .input-num-unidad {
    background-color: #FFFFFF;
    display: inline-block;
    height: 27px;
    line-height: 26px;
    text-align: center;
    width: 133px;
}
div.carro .carro-footer .input-num-unidad.ancho-contenedor {
    width: 170px;
}
div.carro .carro-footer .input-num-unidad.small{
    width: 100px;
}
div.carro span.badge{
    position: absolute;
    top: -8px;
    left: 86px;
}
ol i.icon-move {
    cursor: pointer;
}
ol li.highlight {
    background: none repeat scroll 0 0 #333333;
    color: #999999;
}
ol li.highlight i.icon-move {
}
ol.nested_with_switch, ol.nested_with_switch ol {
    border: 1px solid #eeeeee;
}
ol.nested_with_switch.active, ol.nested_with_switch ol.active {
    border: 1px solid #333333;
}
ol.nested_with_switch li, ol.simple_with_animation li, ol.serialization li, ol.default li {
    cursor: pointer;
}
ol.simple_with_animation {
    border: 1px solid #999999;
}
ol li.li-envase-static{
    background-color: #c2c2c2 !important;
    cursor: default !important;
    color: #ffffff !important;
}
ol li.li-envase-static .pull-right{
    font-size: 10px;
}
ol li.li-envase, ol li.li-envase-static {
    float: left;
    width: 75px;
    color:#FFFFFF;
    cursor: move;
    z-index: 99;
    min-height: 60px;
    border-radius: 10px;
}
ol li.li-envase.ui-droppable{
    border-style: dashed;
}
ol li.li-envase.ui-droppable.hovered{
    background: none repeat scroll 0 0 #aaa;
}
ol li.li-envase p{
    color: #ccc;
    font-size: 40px;
    line-height: 46px;
    margin: 0;
    text-align: center;
}
ol li.li-envase .btn{
    display: none;
}
ol li.li-envase.correct .btn{
    display: block;
}
ol li.li-envase.A{
    background-color: #18A689;
}
ol li.li-envase.B{
    background-color: #1A7BB9;
}
ol li.li-envase.C{
    background-color: #21B9BB;
}

/* ------------------------------------------ */
/*                AUTOCOMPLETE                */
/* ------------------------------------------ */
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    border: 0 none;
    font-size: 100%;
    line-height: 1.3;
    list-style: none outside none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    border-collapse: collapse;
    content: "";
    display: table;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0;
}
.ui-helper-zfix {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.ui-widget{
    background-color: #d1dade;
    color:#5e5e5e;
    max-width: 170px;
}
.ui-widget .ui-menu-item a:hover{
    background-color: #1c84c6;
    color: #ffffff;
}
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}
.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-active, .ui-autocomplete .ui-state-focus{
   color: #ffffff !important;
   text-decoration: none;
   background-color: #0088cc;
   border-radius: 0px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   background-image: none;
}
/** CHAT
********************************************************/
#messages-notifications{margin-left: 0; max-height: 500px; overflow-y: auto}
#messages-notifications li .subject{position: relative}
#messages-notifications li .subject .time{font-size: 10px;right: 10px;top: -16px;}
#messages-notifications li .subject .close{position: absolute;top: -10px;right: -10px}
.chat-panel {z-index: 1;}
.chat-panel .cp-header{position: relative;}
.chat-panel .cp-header h2{margin-bottom: 5px;margin-top: 1px;font-size: 16px;line-height: 20px}
.chat-panel .cp-header a.close,.chat-panel .cp-header a.close-panel{position: absolute;right: 0px;top: 1px}
.chat-panel .cp-header a.close i,
.chat-panel .cp-header a.close-panel i{ background-image: url("../images/icons.png");background-position: -312px 0}
.chat-panel .cp-body .control-group{margin-bottom: 5px;width: 100%}
.chat-panel .cp-body .control-group label{width: 40%;}
.chat-panel button.btn{float: right;margin-top: 3px}
.chat-panel hr{margin: 0 0 5px}
.chat-panel form{margin-bottom: 0}
.dropdown-menu.extended{min-width: 330px !important;}
.extended.notification, .notification{width: 330px !important;}
.notification-bar{
    background-color: #333333;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset;
    font-size: 14px;
    /*opacity: 0.7;
    filter: alpha(opacity=70);*/
    padding: 0;
    position: relative;
}
#notification-panel .cp-header a.close-panel{right: -8px !important;top: 2px !important;background-color: transparent !important; padding: 0px !important;border:none !important}
#notification-panel .cp-header a.close-panel i{display: block;height: 20px;width: 20px;}
.notification-bar .chat-panel{}
.notification-bar .chat-panel .cp-header a.close-panel{right: 0px !important;top: -5px !important;background-color: transparent !important; padding: 0px !important;border:none !important}
.notification-bar .chat-panel input[type="text"],#notification-panel.chat-panel textarea{width: 304px !important;}
.notification-bar .chat-panel select, #notification-panel.chat-panel select{width: 319px !important;}
ul.notification.dropdown-menu.extended li p{padding: 0 0 5px}
.notification-bar span.add-room {cursor: pointer;vertical-align: middle\9;}
.notification-bar span.add-room i{background-position: -408px -96px;background-image: url("../images/icons-white.png");}
.notification-rooms{padding-left: 5px;width: 318px !important;margin-right:0 !important;min-height: 50px;max-height: 100%;overflow-x: hidden;overflow-y: auto;}
.notification-rooms{padding: 5px !important;}
.notification-rooms .room{width: 100%;display: block;margin-bottom: 3px !important;z-index: 0}
.notification-rooms .room h1{}
.notification-rooms .room .room-header {margin-bottom: -2px !important;padding: 5px;background-color: #4B8DF8 !important}
.notification-rooms .room .room-header h1{margin-bottom: 0px !important;}
.notification-rooms .room .room-header a.max-min{display: none}
.notification-rooms .room .room-header a.change {background-color: transparent !important; padding: 0px !important; border: none !important; top: 3px !important}
.notification-rooms .room .room-header a.change i{background-position: -240px -120px;}
#dNotificationsRooms .cp-footer i{background: none}
#dNotificationsRooms p{margin:5px 5px 0}
.chat-panel{
    display: none;
    /*background: url("../../../imagenes/notification/bg_tree_black.jpg") repeat scroll 0 0 #333333;*/
    background-color: #FFFFFF;
    position: absolute;
    padding: 5px;
    border: 2px solid #ccc;
    border-radius: 5px;
}

.room-chat{position: fixed;bottom: 0px;right: 0px;}
.room-chat .portlet{margin-bottom: 0px;vertical-align: bottom;}
.room-chat .portlet-title{margin-bottom: 0px}
.room-chat .portlet-title .caption{padding: 5px;margin-bottom: 0px;margin-bottom: 0px}

.room{width: 270px;display: inline-block;position: relative;margin-right: 3px;background-color: #FFFFFF;border: 1px solid #CCC;z-index:9999}
.room h1{
    line-height: 20px;
    margin-top:0;
    font-size: 16px;
}
.room h1.active{

}
.room h2{font-size: 19px;line-height: 19px}
.room hr{margin: 0 0 5px;}
.room ul{list-style: none}
.room .room-header{position: relative; background-color: #4B8DF8;color: #FFFFFF}
.room .room-header.active{background-color: #35AA47;}
.room .room-header a{position: absolute; width: 16px;height: 16px;right: 5px;top: 7px; font-size: 14px; font-weight: bold;cursor: pointer; color: #000}
.room .room-header a.max-min{right: 25px;top: 7px;}
.room .room-header span.tool-users{right: 55px;top: 7px;}
.room .room-header span.num-messages{border-radius: 2px;background-color: #DD4B39;color:#FFFFFF;text-shadow: 0px 0px 0 #FFFFFF;}
.room .room-header span.text-description{font-size: 10px}
.room i,.notification-bar i{
    background-image: url("../images/icons.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}
.room .room-header i{background-image: url("../images/icons-white.png");}
.room .room-header a.change i{ background-position: -336px -48px;}
.room .room-header a.max-min i.min{ background-position: -313px -119px}
.room .room-header a.max-min i.max{ background-position: -288px -120px;}
.room .room-header a.tool-users i{background: none}

.room .room-content{
    /*    background: url("../../../imagenes/notification/bg_tree_black.jpg") repeat scroll 0 0 #333333;
        border-bottom: 1px solid #EEEEEE;
        border-left: 5px solid #222222;
        border-right: 1px solid #EEEEEE;
        box-shadow: 0 0 2px 2px #333333 inset;*/
    clear: both;
    position: relative;
}

.room .room-content .dUsers{min-height: 223px;max-height: 223px;overflow-x: hidden; overflow-y: auto;}
.room .room-content .room-tools{background-color: #E5E5E5;padding: 3px 5px}
.room .room-content .room-tools i{background: none}
.room .room-content .actions{margin-bottom: 5px;position: absolute;bottom: 62px;right: 5px;}
.room .room-content .actions button{cursor: pointer;}
.room .room-content .actions button.btn-add i{background-position: -168px 0}
.room .room-content .actions button.btn-close i{background-position: -312px 0}
.room .room-content .room-users{bottom: 0px;right: 0px;width: 267px;}
.room .room-content .room-users h2{}
.room .room-content .room-users button.btn{float: none;}

.room .room-content .room-users .dUsers .users{padding-right: 2px}
.room .room-content .room-users .dUsers .users .user{padding-bottom: 0px;padding-top: 5px}
.room .room-content .room-users .dUsers .users .user input{vertical-align: top; margin-top: 5px}
.room .room-content .room-users .cp-footer{/*background-color: #E9EFF3;*/border-top: 2px solid #F5F5F5;padding: 5px;text-align: right;}
.room .room-content .room-users .cp-footer i{background: none}

.room .leftPanel, .room .rightPanel{
    max-height: 400px;
    min-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    *overflow-y: scroll;
}
.room .leftPanel{
    clear: both;
    color: #222222;
    display: inline-block;
    font-size: 80%;
    padding: 0.42em 0 0;
    position: relative;
    width: 100%;
    *width: 100%;
}
.room .leftPanel .messages, .room .rightPanel .users{padding-left: 0px;padding-right: 5px}
.room .leftPanel .messages {padding-left: 5px}
.room .leftPanel .messages .message{ position: relative;padding-left: 3px;width: 190px}
.room .leftPanel .messages .message a{width: 30px;margin-right: 2px}
.room .leftPanel .messages .message a img{
    border: 3px solid #CCCCCC;
    border-radius: 500px 500px 500px 500px;
    height: 24px;
    width: 24px;
    width: 24px\9;
}
.room .leftPanel .messages .message .content{
    vertical-align: top;
    width: 253px;
    *width: 81%;

    background-color: #F5F5F5;
    border: 1px solid #E3E3E3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 3px;
    padding: 3px;

}
.disconected, .disconected .img,.disconected a,.disconected span{filter: alpha(opacity=70) !important;color: #ccc\9;}

.room .leftPanel .messages .message a, .room .leftPanel .messages .message .content{}
.room .leftPanel .messages .message span{vertical-align: top;}
.room .leftPanel .messages .message span.user-owner{font-weight: bold;}
.room .leftPanel .messages .message span.text{display: block;}
.room .leftPanel .messages .message span.timestamp{display: none;position: absolute;top: 3px;right: 8px;right: 13px\9}
.room .leftPanel .messages li.out .message  .timestamp{left: 8px;right: auto}
.room .leftPanel .messages .message .content.user-action{}
.room .leftPanel .messages .message .content.user-action span.text{text-align: right;font-style: italic;padding-right: 5px}


.room .rightPanel{position: relative;width: 100%;margin-top: 3px;display: none;vertical-align: top;padding-left: 1px;*width: 34%;}
.room .rightPanel h2{font-size: 14px;margin: 0 !important;}
.room .rightPanel .users{padding: 0 3px 0 0;}
.room .rightPanel .users .disconected{background-color: #E6E6E6;background-image: none;box-shadow: none;cursor: default;opacity: 0.4;}
.room .rightPanel .users .user,.room .room-content .room-users .users .user{border-bottom: 1px solid #CCC !important;margin-bottom: 3px;padding: 8px 3px 3px;}
.room .rightPanel .users .user{background-color: #EEEEEE;color: #000000 !important;text-shadow: none !important}
.room .rightPanel .users .user.conected{border-bottom: 2px solid #3CC051 !important}
.room .rightPanel .users .user,.dUsers .users .user{position: relative;text-shadow: 0 1px 0 #FFFFFF;}
.room .rightPanel .users .user img,.dUsers .users .user img{border-radius: 50% 50% 50% 50% !important;height: 26px;width: 26px;}
.room .rightPanel .users .user span,.dUsers .users .user span{vertical-align: top;line-height: 28px}
.room .rightPanel .users .user span.owner{bottom: 2px;font-size: 13px;padding-left: 15px;position: relative;}
.room .rightPanel .users .user span.close{background-image: none !important;cursor: pointer;font-size: 16px;font-weight: bold;position: absolute;right: 13px;top: 5px;}
.room .rightPanel .users .user span.close:hover{color: #000000;}
.room .rightPanel .users .user span.close.star{right: 16px;top: 7px;color: #000000;cursor: default;}

.room .leftPanel,.room .rightPanel,.room .leftPanel .messages .message .content{*display: inline;vertical-align: top;}
.room .leftPanel,.room .rightPanel{margin-bottom: 56px}

.room .room-footer{bottom: 0;height: 47px;position: absolute;width: 270px;}
.room .room-footer .msg{padding-right: 34px !important;width: 252px;}
.room .room-footer.chat-form{overflow: visible}
.room .room-footer.chat-form .input-cont{}
.room .room-footer .btn-cont{right: 80px;top:0px;}
.room .room-footer .msg:focus{border: 1px solid #F6CF3B;/*box-shadow: 0 1px 1px #F6CF3B inset, 0 0 8px #FFF6D2;*/outline: 0 none;}
.room .room-footer h2{color: #ccc}
.room .room-footer .dropdown-menu{min-width: 120px}
.room .room-footer button.dropdown-toggle{}
.room .room-footer button.dropdown-toggle span.caret{}
.room .room-footer .btn-group{}
.btn-emoticon{position: relative}
.emoticons{
    bottom: 35px;
    position: absolute;
    right: 20;
    width: 200px;
    display: none;
    background-color: #ffffff;
    border-radius: 5px 5px 0 0;
    padding: 2px;
    border: 1px solid #ccc;
    border-bottom: 0px solid #ccc;
}
a.link-emoticon{
    bottom: 2px;
    position: absolute;
    right: 24px;
}
.emoticon{
    background: url("../images/emoticones.png") no-repeat scroll left top transparent;
    display: inline-block;
    height: 19px;
    top: 4px;
    width: 16px;
    margin: 1px;
    cursor: pointer;
}
.emoticon[title=":)"] {background-position: 0px 0;}
.emoticon[title=":("] {background-position: -16px 0;}
.emoticon[title=":P"] {background-position: -32px 0;}
.emoticon[title="=D"] {background-position: -48px 0;}
.emoticon[title=":o"] {background-position: -64px 0;}
.emoticon[title=";)"] {background-position: -80px 0;}
.emoticon[title="8)"] {background-position: -96px 0;}
.emoticon[title=":v"] {background-position: -304px 0;}
.emoticon[title=">:("] {background-position: -128px 0;}
.emoticon[title="B|"] {background-position: -112px 0;}
.emoticon[title="^_^"] {background-position: -112px 0;}
.emoticon[title=":/"] {background-position: -128px 0;}
.emoticon[title=":'("] {background-position: -160px 0;}
.emoticon[title="<3"] {background-position: -224px 0;}
.emoticon[title="3:)"] {background-position: -176px 0;}
.emoticon[title="O:)"] {background-position: -192px 0;}
.emoticon[title="-_-"] {background-position: -208px 0;}
.emoticon[title="o.O"] {background-position: -272px 0;}
.emoticon[title=">:o"] {background-position: -240px 0;}
.emoticon[title=":3"] {background-position: -320px 0;}
.emoticon[title="(y)"] {background-position: -335px 0;}

#notifications .body{padding: 5px 0}
#body-notifications .tab-content{overflow-x: hidden}
#notifications .options-notifications{padding: 0px 0 7px;}
#body-notifications .nav-tabs{background-color: transparent;border-bottom: 3px solid #444444;}
#body-notifications .close{right: 0px}
#body-notifications .nav-tabs li a{
    background-color: transparent;
    color: #ccc;
    text-shadow: 0 1px 1px #000000;
    border: 3px solid transparent;
    border-bottom: 0px solid transparent;
}
#body-notifications .nav-tabs li.active a{
    background-color: #373737;color: #ccc;text-shadow: 1px #000;
}

#body-notifications .nav-tabs li.active a,
#body-notifications .nav-tabs li a:hover{background-color: transparent !important;color: #FFFFFF;
    border-top: 3px solid #444444;
    border-left: 3px solid #444444;
    border-right: 3px solid #444444;
}

#chats{padding-top: 10px}

#notifications .header .image{
    font-weight: bold;
    background-image: none;
    display:block;
    -moz-transform: rotate(-90deg);  /* FF3.5+ */
    -o-transform: rotate(-90deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
    position:relative;
    margin:50px 0 0 44px;
    width: 170px\9;
    margin-top:-20px\9;
    margin-left: 1px\9;
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17)";
}
#notifications .header:hover{
    color: #000;
}
#notifications .header .number{margin-top: -33px;margin-top: 35px\9;}
#notification-panel .alert,#chat-panel .alert{
    padding: 5px;margin: 0px;display: none;
}
#notification-panel .alert .close,#chat-panel .alert .close{
    right: 0;color: #FFFFFF;
}
#notifications .options-notifications{
    border: none;
    padding-left: 0px;
}
.chat-form .btn-cont .arrow{
    right: 36px;
}
.chats {
    margin: 0px 0 0;
    padding: 0;
}
.chats li {
    font-size: 12px;
    list-style: outside none none;
    margin: 10px auto;
    padding: 5px 0;
}
.chats li img.avatar {
    border-radius: 50% !important;
    height: 45px;
    width: 45px;
}
.chats li.in img.avatar {
    float: left;
    margin-right: 10px;
}
.chats li .name {
    color: #3590c1;
    font-size: 13px;
    font-weight: 400;
}
.chats li .datetime {
    color: #333;
    font-size: 13px;
    font-weight: 400;
}
.chats li.out img.avatar {
    float: right;
    margin-left: 10px;
}
.chats li .message {
    display: block;
    padding: 5px;
    position: relative;
}
.chats li.in .message {
    background: none repeat scroll 0 0 #fafafa;
    border-left: 2px solid #35aa47;
    margin-left: 65px;
    text-align: left;
}
.chats li.in .message .arrow {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #35aa47;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 5px;
    width: 0;
}
.chats li.out .message .arrow {
    border-bottom: 8px solid transparent;
    border-left: 8px solid #da4a38;
    border-top: 8px solid transparent;
    display: block;
    position: absolute;
    right: -8px;
    top: 5px;
}
.chats li.out .message {
    background: none repeat scroll 0 0 #fafafa;
    border-right: 2px solid #da4a38;
    margin-right: 65px;
    text-align: right;
}
.chats li.out .name, .chats li.out .datetime {
    text-align: right;
}
.chats li .message .body {
    display: block;
}
.chat-form {
    background-color: #e9eff3;
    clear: both;
    margin-top: 15px;
    overflow: hidden;
    padding: 10px;
}
.chat-form .input-cont {
    margin-right: -20px;
}
.chat-form .input-cont .m-wrap {
    margin-bottom: 0;
}
.chat-form .input-cont input {
    border: 1px solid #ddd;
    margin-top: 0;
    width: 100%;
}
.chat-form .input-cont input {
    background-color: #fff !important;
}
.chat-form .input-cont input:focus {
    border: 1px solid #4b8df9 !important;
}
.chat-form .btn-cont {
    float: right;
    margin-top: -42px;
    position: relative;
    width: 44px;
}
.chat-form .btn-cont .arrow {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #4d90fe;
    border-top: 8px solid transparent;
    box-sizing: border-box;
    position: absolute;
    right: 43px;
    top: 17px;
}
.chat-form .btn-cont:hover .arrow {
    border-right-color: #0362fd;
}
.chat-form .btn-cont:hover .btn {
    background-color: #0362fd;
}
.chat-form .btn-cont .btn {
    border-radius: 0 !important;
    font-size: 14px;
    height: 34px !important;
    line-height: 34px;
    margin-top: 8px;
    vertical-align: middle !important;
}
.chat-form .btn-cont .btn.blue {
    background-color: #4d90fe !important;
    background-image: none !important;
}

/**
**       TOASTR
******************************************/
.toast-top-right {
    top: 60px;
    right: 12px
}
#toast-container > .toast {
    background-image: none !important;
}

#toast-container > .toast:before {
    position: fixed;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 18px;
    float: left;
    color: #FFF;
    padding-right: 0.5em;
    margin: auto 0.5em auto -1.5em;
}
#toast-container > .toast-warning:before {
    content: "\f071";
}
#toast-container > .toast-error:before {
    content: "\f0e7";
}
#toast-container > .toast-info:before {
    content: "\f129";
}
#toast-container > .toast-success:before {
    content: "\f00c";
}

.link-pointer{
    cursor: pointer;
}

.dataTables_wrapper {
     overflow-x:auto;
 }

.dataTables_wrapper .row{
    margin-left:0px;
    margin-right:0px;
}