html, body {height: 100%;}

body {
    background: #f5f6f8;
    font-size: 100%;
    font-family: Arial, Tahoma, Verdana, san-serif;
    padding-bottom: 70px;
    overflow: hidden;
}

.center {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

/* Header Begin */
#header {
    position: relative;
    float: left;
    width: 100%;
    height: 70px;
    z-index: 20;
    background: #357dc0;
    -webkit-box-shadow: 0px 5px 6px 0px rgba(52,152,219,0.1);
    -moz-box-shadow: 0px 5px 6px 0px rgba(52,152,219,0.1);
    box-shadow: 0px 5px 6px 0px rgba(52,152,219,0.1);
}

.logo {
    float: left;
    padding-top: 17px;
}

.logo_fond {
    float: left;
    margin: 6px 15px 0 0;
    padding-right: 15px;
    border-right: 1px solid #fff;
}

.logo_fond img {
    width: 65px;
}

.add_appeal  {
    float: left;
    display: block;
    width: 155px;
    height: 35px;
    margin-top: 17px;
    font: 14px/35px Helvetica_Bold, san-serif;
    color: #357dc0;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.userpanel {
    float: left;
    margin: 14px 0 0 37px;
}


.userpanel h2 {
    margin-top: 6px;
    font: 17px/17px Helvetica, san-serif;
    color: #f6fafe;
}

.userpanel a.logout {
    display: block;
    margin-top: 4px;
    font: 15px/15px Helvetica, san-serif;
    color: #51dacf;
    text-align: right;
    cursor: pointer;
}

/* Header End */

/* Container Begin */
#container {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    padding: 20px 0;
}

#container .center {height: 100%;}

.appeal_addblock {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    margin-left: 10px;
    padding: 35px 90px;
    overflow-y: auto;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(52,152,219,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(52,152,219,0.1);
    box-shadow: 0px 0px 5px 0px rgba(52,152,219,0.1);
}

.appeal_addblock::-webkit-scrollbar-track{width: 2px;background-color: #dadada;}
.appeal_addblock::-webkit-scrollbar{width: 4px;background-color: #c6c6c6;}
.appeal_addblock::-webkit-scrollbar-thumb{background-color: #000000;border: 2px solid #555;}

.appeal_addblock .block {
    float: left;
    width: 305px;
    margin-left: 150px;
}

.appeal_addblock h1 {
    margin-bottom: 9px;
    font: 23px/23px Helvetica, san-serif;
    color: #a1a1a2;
}

.appeal_addblock .item {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.appeal_addblock .item label {
    display: block;
    margin-bottom: 8px;
    font: 16px/16px Helvetica, san-serif;
    color: #292929;
}

.appeal_addblock .item label span {color: #a6a6a6;}
.appeal_addblock .item label span.red {color: #f00;}

.appeal_addblock .item input[type="text"],
.appeal_addblock .item input[type="date"],
.appeal_addblock .item input[type="number"],
.appeal_addblock .item textarea,
.appeal_addblock .item select {
    display: block;
    width: 100%;
    height: 35px;
    padding: 0 10px;
    font: 14px/14px Helvetica, san-serif;
    color: #8ea1b4;
    background: #d6e3ec;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.appeal_addblock .item span.has-error input[type="text"],
.appeal_addblock .item span.has-error input[type="date"],
.appeal_addblock .item span.has-error textarea,
.appeal_addblock .item span.has-error select {background: #f00!important;}

.help-block {
    display: block;
    margin-top: 3px;
    font: 14px/14px SegoeUI_Regular, san-serif;
    color: #666;
}

.appeal_addblock .item select.height70 {background: #d6e3ec!important;height: 110px;padding-top: 10px;}

.appeal_addblock .item select {background: #d6e3ec url(../img/select_bg.png) no-repeat right 10px center;}

.appeal_addblock .item textarea {height: 146px;padding: 10px;}

.fileUpload {
    position: relative;
    float: left;
    width: 100%;
    /* height:100px; */
}

.form-item
{
    display:block;
    height:50px;
    width:100%;
}

.fileUpload_body {
    position: relative;
    float: right;
    width: 320px;
    height: 35px;
    margin-bottom: 10px;
    font: 14px/35px Helvetica, san-serif;
    color: #8ea1b4;
    background: #d6e3ec;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fileUpload_body select,.fileUpload_body input{
    position: relative;
    float: left;
    width: 120px;
    padding:0 20px;
    height: 35px;
    margin-left:-490px;
    border:1px solid #ccc;
}

.fileUpload_body input{
    position: relative;
    float: left;
    width: 350px;
    padding:0 20px;
    height: 35px;
    margin-left:-360px;


}

.fileUpload_body:last-child {margin-bottom: 0;}
.fileUpload input.uploadimage {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.appeal_addblock input[type="submit"],
.appeal_addblock a.adelete ,
.appeal_addblock a.arestore,
.appeal_addblock a.amedia {
    float: right;
    display: block;
    height: 35px;
    margin-top: 15px;
    padding: 0 25px;
    font: 14px/35px Helvetica, san-serif;
    color: #fff;
    background: #357dc0;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.appeal_addblock a.adelete {
    background-color: #BD1111;
    float: left;
    text-align: center;
}
.appeal_addblock a.arestore {
    background-color: #3cc8cf;
    float: left;
    text-align: center;
    cursor:pointer;
}

.appeal_addblock a.amedia {
    margin-right: 15px;
}
.appeal_addblock input[type="submit"][disabled] {opacity: 0.5;cursor: default;}


input[type=date]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
}

span.add {
    position: absolute;
    top: 36px;
    right: -47px;
    display: block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: #d6e3ec url(../img/icon_plus.png) no-repeat center center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

span.delete {
    position: absolute;
    top: 0;
    right: -47px;
    display: block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: #d6e3ec url(../img/close2.png) no-repeat center center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Statistika */
.statistika {
    position: relative;
    float: right;
    width: 100%;
    height: 51px;
    padding: 8px;
    background: #357dc0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.statistika .block {
    float: left;
    width: 140px;
    margin-bottom: 15px;
}

.statistika .block:nth-child(2n) {float: right;width: 120px;}

.statistika .block label {
    display: block;
    font: bold 16px/16px Arial, san-serif;
    color: #fff;
}

.statistika .block span {
    display: block;
    font: 22px/30px Arial, san-serif;
    color: #fff;
}

.statistika ul {
    float: left;
    width: 100%;
}

.statistika ul li {
    float: left;
    width: 9%;
    padding: 23px 0 0 0;
    font: 14px/14px Arial, san-serif;
    color: #fff;
    text-align: center;
}

.statistika ul li a {
    font: 14px/14px Arial, san-serif;
    color: #fff;
}

.statistika ul li:last-child {margin-right: 0;}
.statistika ul li.facebook {background: url(../img/icon_facebook.png) no-repeat center top;}
.statistika ul li.instagram {background: url(../img/icon_instagram.png) no-repeat center top 3px;}
.statistika ul li.file {background: url(../img/icon_file.png) no-repeat center top 4px;}
.statistika ul li.whatsapp {background: url(../img/icon_whatsapp.png) no-repeat center top;}
.statistika ul li.article {background: url(../img/icon_article.png) no-repeat center top;}
.statistika ul li.web {background: url(../img/icon_web.png) no-repeat center top;}
.statistika ul li.twitter {background: url(../img/icon_twitter.png) no-repeat center top;}
.statistika ul li.message {background: url(../img/icon_message.png) no-repeat center top 6px;}
.statistika ul li.web {background: url(../img/icon_web.png) no-repeat center top;}
.statistika ul li.phone {background: url(../img/icon_phone.png) no-repeat center top;}
.statistika ul li.kiv {background: url(../img/icon_kiv.png) no-repeat center top;}
.statistika ul li.delegate {background: url(../img/icon_delegate.png) no-repeat center top;}

/* Login */
.login {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #357dc0;
}

.login__body {
    float: left;
    width: 608px;
    height: 187px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -93px 0 0 -304px
}

.login__body .left_block {
    float: left;
    width: 151px;
    height: 187px;
    line-height: 187px;
}

.login__body .right_block {
    float: left;
    width: 151px;
    height: 187px;
    line-height: 187px;
    text-align: right;
}

.loginform {
    position: relative;
    float: left;
    width: 306px;
    height: 187px;
}

.loginform .head {
    height: 37px;
    font: 14px/37px Helvetica, san-serif;
    color: #fff;
    text-align: center;
    background: #2e6394;
}

.loginform .body {
    height: 182px;
    padding: 27px  17px 17px 17px ;
    background: #fff;
}

.loginform .body input[type="text"],
.loginform .body input[type="password"] {
    display: block;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    padding: 0 10px;
    font: 14px/30px Helvetica, san-serif;
    color: #a7a7a7;
    border: 1px solid #e7e7e7;
}

.loginform .body input[type="text"] {background: url(../img/icon_ipt_user.png) no-repeat right 10px center;}
.loginform .body input[type="password"] {background: url(../img/icon_ipt_password.png) no-repeat right 10px center;}

.loginform .body input[type="text"][placeholder], [placeholder],.loginform .body input[type="text"]::-webkit-input-placeholder,.loginform .body input[type="text"]:-moz-placeholder,.loginform .body input[type="text"]::-moz-placeholder,.loginform .body input[type="text"]:-ms-input-placeholder,.loginform .body input[type="password"][placeholder], [placeholder],.loginform .body input[type="password"]::-webkit-input-placeholder,.loginform .body input[type="password"]:-moz-placeholder,.loginform .body input[type="password"]::-moz-placeholder,.loginform .body input[type="password"]:-ms-input-placeholder  {color: #a7a7a7;}

.loginform .body input[type="submit"] {
    display: block;
    width: 100%;
    height: 30px;
    font: 16px/30px Helvetica, san-serif;
    color: #fff;
    background: #357dc0;
    border: none;
}

.loginform .body input[type="submit"]:hover {background: #3d8dd9;}

/* Search */
.search {
    position: relative;
    float: left;
    width: 100%;
    height: 168px;
    margin-bottom: 10px;
    padding: 10px 0 0 30px;
    background: #357dc0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.search .fr
{
    width:300px;
    margin:10px 0 0 0;
}

.search .fr .excelExport
{
    width:120px;
    float:left;
    font-size:12px;

}

.search .fr input
{
    width:120px;
    float:left;
    font-size:12px;
    position:relative;
    top:-12px;
}

.search .item {
    position: relative;
    float: left;
    width: 145px;
    margin-bottom: 5px;
}

.search .item label {
    display: block;
    margin-bottom: 5px;
    font: 12px/12px Helvetica, san-serif;
    color: #fff;
}

.search .item input[type="text"],
.search .item input[type="date"],
.search .item input[type="checkbox"],
.search .item select {
    display: block;
    width: 120px;
    height: 26px;
    padding: 0 5px;
    font: 12px/12px Helvetica, san-serif;
    color: #666;
    background: #fff;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.search .item select {background: #fff url(../img/select_bg.png) no-repeat right 10px center;}
.search .item input[type="checkbox"] {width:20px;height:20px;position:relative;z-index:5;}

.search a {
    float: left;
    display: block;
    width: 156px;
    height: 35px;
    font: 14px/35px Helvetica_Bold, san-serif;
    color: #fff;
    text-align: center;
    background: #b5c5d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.search button[type="submit"] {
    float: left;
    display: block;
    width: 125px;
    height: 35px;
    font: 12px/35px Helvetica_Bold, san-serif;
    color: #fff;
    text-align: center;
    background: #3ea2ff;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border :1px solid #fff;
    margin-top: 10px;
    position: relative;
}

.search button[type="submit"] img {
    position: absolute;
    top: 8px;
    left: 62px;
    width: 18px;
}

.search input[type="submit"]:first-child {background: #b5c5d4;}
.search input[type="submit"]:last-child {width:120px;margin: 13px 0 0 10px;}

.tablelist {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    margin: 10px 0;
    padding-bottom: 295px;
}

.tablelist__body {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    padding-bottom: 60px;
    overflow: hidden;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(52,152,219,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(52,152,219,0.1);
    box-shadow: 0px 0px 5px 0px rgba(52,152,219,0.1);
}

.tablelist__body .scroll {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.tablelist__body .scroll::-webkit-scrollbar-track{width: 2px;background-color: #dadada;}
.tablelist__body .scroll::-webkit-scrollbar{width: 4px;background-color: #c6c6c6;}
.tablelist__body .scroll::-webkit-scrollbar-thumb{background-color: #000000;border: 2px solid #555;}

.tablelist__body table {
    width: 100%;
}

.tablelist__body table thead tr:first-child {
    background: #357dc0;
}

.tablelist__body table thead tr th {
    height: 44px;
    vertical-align: middle;
    border-right: 1px solid #2e6ea9;
    font: normal 15px/15px Helvetica, san-serif;
    color: #fff;
}

.tablelist__body table tr th:last-child {border: none;}

.tablelist__body table tr td {
    position: relative;
    height: 44px;
    vertical-align: middle;
    font: 14px/14px Helvetica, san-serif;
    color: #444;
    text-align: center;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.tablelist__body table tr td:first-child {padding-left: 5px;}
.tablelist__body table tr td:first-child:before {
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.tablelist__body table tr td.red:first-child:before {background: #e74c3c;}
.tablelist__body table tr td.blue:first-child:before {background: #3498db;}
.tablelist__body table tr td.green:first-child:before {background: #40d47e;}
.tablelist__body table tr td.yellow:first-child:before {background: #f1c40f;}
.tablelist__body table tr td.gray:first-child:before {background: #b0b0b0;}
.tablelist__body table tr td.purple:first-child:before {background: #9b59b6;}
.tablelist__body table tr td.brown:first-child:before {background: #8a5529;}


.tablelist__body table tr td input[type="text"] {
    display: block;
    width: 100%;
    height: 43px;
    padding: 0 5px;
    font: 14px/14px Helvetica, san-serif;
    color: #444;
    text-align: center;
    border: 1px solid #fff;
    background: none;
}

.tablelist__body table tr td input[type="text"]:focus {border-color: #444;}

/* Pagination */
.pagination {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 15px;
    right: 0;
}

.pagination ul {
    float: right;
    margin-right: 15px;
}

.pagination li {
    float: left;
    margin-left: 8px;
}

.pagination a {
    display: block;
    height: 25px;
    padding: 0 10px;
    font: 10px/23px Merel_Regular, san-serif;
    color: #fff;
    vertical-align: top;
    text-align: center;
    background: #3d7ebe;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pagination li.active a {background: #2b5c8c;}
.pagination a:hover {background: #2b5c8c;}

.checkbox input[type=checkbox].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}

.checkbox input[type=checkbox].css-checkbox + label.css-label {
    display: block;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor:pointer;
}

.checkbox input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -23px;}

.checkbox label.css-label {
    background-image:url(../img/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

span.alert {
    float: right;
    display: none;
    margin-top: 10px;
    font: 15px/35px Helvetica_Bold, san-serif;
    color: #09C33C;
}

span.alert.error {color: #FD0E2E;}

.media {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    padding: 35px 90px;
    overflow-y: auto;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(52,152,219,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(52,152,219,0.1);
    box-shadow: 0px 0px 5px 0px rgba(52,152,219,0.1);
}

.media .body {
    position: relative;
    width: 612px;
    margin: 35px auto 0;
}

.media .body h4 {
    margin-bottom: 20px;
    font: 16px/16px Helvetica, san-serif;
    color: #292929;
}

.media .body h4 span {color: #a6a6a6;}

.media input[type="submit"] {

    display: block;
    width: 80%;
    height: 35px;
    margin-top: 50px;
    padding: 0 10px;
    font: 14px/14px Helvetica, san-serif;
    color: #fff;
    background: #357dc0;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.example14 {
    float: left;
}

.photolist {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    z-index:9;

}

.sortable
{
    display:inline-block;
    margin:0 auto;

}

.photolist .sortable  li
{
    float: left;
    width: 110px;
    height: 180px;

}

.photolist article {
    position: relative;
    display: inline-block;
    width: 96px;
    height: 160px;
    margin: 0 10px 10px 0;
    padding: 0 2px 2px;
    background: #d6e3ec;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.photolist article select {
    position:absolute;
    bottom:2px;
    left:0;
    width:99%;
    height:30px;
    padding:0 3px;
    border-radius:3px;
}

.photolist figure {
    margin-top: 16px;
    cursor: pointer;
}
.photolist figure img {
    width: 92px;
    height: 92px;
    object-fit: cover;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.photolist article span.close {
    display: block;
    width: 8px;
    height: 7px;
    position: absolute;
    top: 4px;
    right: 6px;
    z-index: 100;
    background: url(../img/icon_delete.png) no-repeat;
    cursor: pointer;
}

/* Popup Begin */
.popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
}

.popup .body {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 800px;
    height: 530px;
    margin: -265px 0 0 -400px;
}

.popup .close {
    display: block;
    width: 49px;
    height: 49px;
    background: url(../img/icon_close.png) no-repeat;
    position: absolute;
    top: 100px;
    right: 100px;
    cursor: pointer;
}

.video_block, .audio_block {display: none;}


.audio_block audio{

    margin:30% 0 0 0;
    width: 100%;
}

.media-title
{
    text-align:center;
    padding:20px 0;
    font-size:22px;
    color:#fff;
}


.colorinfo {
    position: relative;
    float: left;
    width: 100%;
    height: 50px;
    margin-top: 15px;
    padding: 18px 20px 0;
    overflow: hidden;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(52,152,219,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(52,152,219,0.1);
    box-shadow: 0px 0px 5px 0px rgba(52,152,219,0.1);
}

.colorinfo span {
    position: relative;
    float: left;
    margin-right: 25px;
    padding-left: 25px;
    font: 13px/16px Helvetica, san-serif;
    color: #646464;
}

.colorinfo span.deleted a {

    color: #646464;
    border:1px solid #646464;
    padding:5px 10px;
    font-weight:700;
}

.colorinfo span.deleted a:hover {

    background:#ccc;
    color:#357dc0
}

.colorinfo span.deleted  {

    display:block;
    float: right;
}

.colorinfo span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.colorinfo span.red:before {background: #e74c3c;}
.colorinfo span.blue:before {background: #3498db;}
.colorinfo span.green:before {background: #40d47e;}
.colorinfo span.yellow:before {background: #f1c40f;}
.colorinfo span.gray:before {background: #b0b0b0;}
.colorinfo span.purple:before {background: #9b59b6;}
.colorinfo span.brown:before {background: #8a5529;}


.cnt-msg
{
    margin-top:15px;
    font-size:15px;
    text-align:center;
}

.media .cnt-msg
{
    width:80%
}

.progress
{

    display:none;
    position:relative;
    height:25px;
    width:80%;
    margin-top:15px;
    background:#3498db;
    border-radius:5px;
    border:1px solid #176da7
}

.bar
{
    display:block;
    background:#51dacf;
    height:23px;
    border-radius:5px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition: all 0.3s linear;
}
.percent
{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    z-index:99;
    top:4px;
    font-weight:700;
    font-size:15px;
    color:#fff;


}

.appeal-msg
{
    height:30px;
    font-weight:700;
    text-align:right;
}

.adelete
{
    cursor: pointer;
}

.txt-block,.txt-block textarea
{
    width:100%;
    height:100%;
}

.txt-block
{
    border:4px solid #357dc0;
}

.txt-block textarea
{
    padding:10px;
    font-size:20px;
}


.all-messages,.all-history
{
    width:760px;
    position:relative;
    left:20px;
    margin:0 auto 40px auto;
}

.all-messages textarea[name="message"]
{
    padding:10px;
    border-radius:5px;
    background: #d6e3ec;
}

.all-messages
{
    border:1px solid #ccc;
    padding:30px;
    display: none;
}

.all-messages a.send-msg
{
    display:inline-block;
    padding:10px;
    border-radius:5px;
    background:#357dc0;
    color:#fff;
    cursor:pointer;
    margin:10px 0 0 0;
}

.all-messages a.send-msg:hover
{
    opacity:0.8;
}


.last-messages
{
    margin:10px 0;
    min-height:20px;
}

.last-messages .m-item
{
    padding:10px 0 10px 0;
}

.author
{
    float:left;
    width:150px;
    font-size:15px;
    padding:5px 10px;
    background-color:#357dc0;
    color:#fefeff;
    border-radius:5px;
    text-align:center;
    margin-top:10px;
}




.message-info time
{
    font-size:12px;
    color:#585050;

}

.message-info
{
    float:right;
    width:510px;
    background:#d0e0ec;
    border-radius:10px;
    font-size:17px;
    padding:10px 20px;
    margin:0 0 0 0;
    display:block;
    position:relative;
    min-height:65px;
}

.message-info .triangle
{
    position:absolute;
    left:-20px;
    top:8px;
    border-style: solid;
    border-width: 15px 20.6px 15px 0;
    border-color: transparent #d0e0ec transparent transparent;
}

.message-info p
{
    margin-bottom:10px;
}

.notifications
{
    margin:27px 0 0 0;
    float:left;
    width:120px;
}

.notify-group
{
    position:relative;
    float:left;
    width:45px;
    height:60px;
    margin:0;


}

.ng-icon
{
    position:relative;
    padding:7px 9px;
    background:#fff;
    border-radius:50%;
    cursor:pointer;
}

.ng-count
{
    position:absolute;
    padding:4px 7px;
    background:#f10000;
    color:#fff;
    border-radius:50%;
    font-size:11px;
    top:-7px;
    left:-7px;
}

.ng-icon img
{
    width:16px;
    position:relative;
    top:-1px;
}

.ng-list
{
    position:absolute;
    top:35px;
    left:-80px;
    width:220px;
    background:#fff;
    display:none;
    max-height:300px;
    min-height:200px;
    -webkit-box-shadow: 0px 5px 20px -2px rgb(53, 125, 192);
    -moz-box-shadow:0px 5px 20px -2px rgb(53, 125, 192);
    box-shadow: 0px 5px 20px -2px rgb(53, 125, 192);
    z-index: 999;
}

.ng-triangle
{
    position:absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 12px 10px;
    border-color: transparent transparent #f5f6f8 transparent;
    top:-10px;
    left:88px;
}

.ngl-content
{
    position:relative;
    overflow-y:auto;
    max-height:300px;
    /*padding-top:10px;*/
}

.ngl-content a
{
    display:block;
    font-size:13px;
    color:#000;
    padding:5px 10px;
}


.ngl-content a time
{
    display:block;
    font-size:11px;
    color:#8e6814;
    margin-top:4px;
    font-weight:700;
}


.ngl-content a:nth-child(even)
{
    background:#efefef;
}

.ngl-content a:hover
{
    background:#badaf7;
}

.ngl-content a:first-child
{
    border-radius-top-right:10px;
    border-radius-top-right:10px;
}


.history-item a
{
    display:block;
    margin:0  0 7px 0;
    padding:5px 10px;;
    font-size:14px;
    border:1px solid #c1d6ea;
    border-radius:5px;
    color:#000;
}

.history-item a:hover,.history-item a.active
{
    background:#357dc0;
    color:#fff;
}





.history-item time
{
    font-size:12px;
    margin-right:5px;
}

.stat1
{
    color:#f3b747;
}

.stat2
{
    color:#27c333;
}

.stat3
{
    color:#989866;
}

.stat-1
{
    color:#ec444c;
}

.stat9
{
    color:#320b4a;
}

a.notifyexcell
{
    background:#fff;
    padding:7px 0 ;
    text-align:center;
    display:block;
    margin-top:0px;
    color:#51c8c8;
    border:1px solid #ccc;
    font-size:13px;
}


.save-fileSettings
{
    position:relative;
    top:10px;
    text-align:center;
    width: 300px;
    margin: 30px auto;
}


.save-fileSettings a
{
    padding:7px 15px;
    background:#d6e3ec;
    color:#29292b;
    border:1px solid #357dc0;
    font-size:12px;
    border-radius:10px;
    float: right;
    margin: 3px;
}

.file-save-stat
{
    position:relative;
    top:15px;
    font-size:11px;
}

.deleted-box
{
    float:left;
    width:110px;
    color:#fff;
    font-size:12px;
    margin:22px 0 0 25px;;
}
.rejected-box
{
    float:left;
    width:100px;
    color:#fff;
    font-size:12px;
    margin:22px 0 0 25px;;
}

.search-btns{
    margin-top: -5px!important;
}

.search-btn{
    width: 90px!important;
    float: right!important;
    margin-right: 35px;
}

.search .deleted-box input
{
    float:left;
    width:20px;
    height:20px;
    margin:0 5px 0 0;
    position:relative;
    top:-5px;
}

.updatedNotes
{
    margin:7px 0 2px 0;
    font-size:11px;
    color:#67570c;
    line-height:13px;
}

.updatedNotes > span
{
    padding:1px 5px ;
    background:#a58d19;
    color:#fff;
    margin-right:5px;
}

.history-item a:hover .updatedNotes ,.history-item a.active .updatedNotes
{
    color:#fff !important;
}

.organizations ~ .optWrapper{
    width: 300px!important;
}

figcaption{
    background: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 2px;
    font-size: 13px;
}