a {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.hidden { display: none; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}
.clear-x{
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width:100%;
}
html {
  background-color: #f7f7f7;
  overflow-x: hidden;
}
body {
  font-family: "SegoeUIRegular", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #717171;
  /*background: url(../images/star-bg.png) no-repeat right bottom #fff;*/
  background: #fff;
  -webkit-font-smoothing: antialiased;
    cursor: default;
}
b, strong {
    font-family: "SegoeUIBold";
    font-weight: normal;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0;
}
a {
  color: #2e3e4e;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #4a647e;
  text-decoration: none;
}
.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width:100%;
}
.panel > .table, .panel > .table-responsive > .table{
    border-collapse: separate;
}
/**entry page**/
.entry_wrapper{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/entry-bg.jpg) no-repeat center center;
    background-size: cover;
}
.entry_wrapper .login_form{
    background: #fff;
    width: 360px;
    height: 284px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -180px 0 0 -177px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(4,4,4,0.38);
    -moz-box-shadow: 0px 1px 5px 0px rgba(4,4,4,0.38);
    box-shadow: 0px 1px 5px 0px rgba(4,4,4,0.38);
    padding: 28px 40px 40px;
}
.entry_wrapper .sky-form header{
    font-size: 24px;
    line-height: 24px;
    color: #59568b;
    text-align: center;
    padding: 0;
    margin: 0;
    border: 0 none;
    text-transform: none;
}
.entry_wrapper .sky-form fieldset {
        padding: 20px 0 0;
}
.entry_wrapper .sky-form .col-12{
    width: 100%;
}
.entry_wrapper .sky-form .input{
    left: 0;
}
.entry_wrapper .sky-form  .input input{
    border: 1px solid #b5bbcc;
    border-radius: 3px;
    padding: 10px 14px;
    height: 40px;
}
.entry_wrapper .sky-form section {
    margin-bottom: 24px;
}
.entry_wrapper .sky-form footer {
    display: block;
    padding: 4px 0 0;
}
.entry_wrapper .sky-form .note {
    margin-top: 8px;
    padding: 0;
    float: left;
}
.entry_wrapper .sky-form .note a{
    font-size: 13px;
    line-height: 13px;
    color: #666666;
    text-decoration: underline;
}
.entry_wrapper .sky-form .button{
    float: right;
    padding: 10px 30px;
    border: 1px solid #08adc5;
    background: rgba(38,180,231,1);
    background: -moz-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,180,231,1)), color-stop(100%, rgba(8,150,201,1)));
    background: -webkit-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -o-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -ms-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: linear-gradient(to bottom, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b4e7', endColorstr='#0896c9', GradientType=0 );
    -webkit-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    -moz-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    position: relative;
    border-radius: 20px;
    height: auto;
    opacity: 1;
}
.entry_wrapper .sky-form .button:hover {
    border: 1px solid #08adc5;
    color: #09a0ce;
    background: none;
}
.entry_wrapper .sky-form .modal-closer{
    float: left;
    border: 1px solid #6f5c72;
    background: rgba(133,107,136,1);
    background: -moz-linear-gradient(top, rgba(133,107,136,1) 0%, rgba(103,77,107,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(133,107,136,1)), color-stop(100%, rgba(103,77,107,1)));
    background: -webkit-linear-gradient(top, rgba(133,107,136,1) 0%, rgba(103,77,107,1) 100%);
    background: -o-linear-gradient(top, rgba(133,107,136,1) 0%, rgba(103,77,107,1) 100%);
    background: -ms-linear-gradient(top, rgba(133,107,136,1) 0%, rgba(103,77,107,1) 100%);
    background: linear-gradient(to bottom, rgba(133,107,136,1) 0%, rgba(103,77,107,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#856b88', endColorstr='#674d6b', GradientType=0 );
}
.entry_wrapper .sky-form .modal-closer:hover{
    border: 1px solid #6f5c72;
    color: #6f5c72;
}
.entry_wrapper .sky-form .restore{
    border: 1px solid #058c32;
    background: rgba(59,179,113,1);
    background: -moz-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(59,179,113,1)), color-stop(100%, rgba(29,150,83,1)));
    background: -webkit-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: -o-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: -ms-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: linear-gradient(to bottom, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bb371', endColorstr='#1d9653', GradientType=0 );
}
.entry_wrapper .sky-form .restore:hover{
    border: 1px solid #058c32;
    color: #058c32;
}
/**index-page**/
.index-page{
    /*padding: 30px 50px;*/
}
.top_block{
    float: left;
    width: 100%;
    padding: 0 0 25px 0;
    /*margin: 0 0 25px 0;*/
    /*background: #f3f6f8;*/
    border-bottom: 1px solid #dadbde;
    position: relative;
    text-align: center;
}
.top_block .title_block{
    float: left;
    font-size: 24px;
    line-height: 24px;
    color: #4a575f;
    font-weight: bold;
}
.top_block .wrap-about_dep{
    float: left;
}
.top_block .about_dep{
        float: left;
    padding: 9px 16px;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
    /* border-left: 6px solid #43ac8c; */
    border: 1px solid #08adc5;
    background: rgba(38,180,231,1);
    background: -moz-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,180,231,1)), color-stop(100%, rgba(8,150,201,1)));
    background: -webkit-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -o-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -ms-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: linear-gradient(to bottom, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b4e7', endColorstr='#0896c9', GradientType=0 );
    margin: 0 20px 0 0;
    --webkit-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    -moz-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    border-radius: 20px;
}
/*.top_block .about_dep:first-child{
    border-left: 6px solid #f6b700;
}
.top_block .about_dep:last-child{
    border-left: 6px solid #ff2f2f;
}*/
.top_block .about_dep span{
    display: inline-block;
    text-align: center;
    color: #fff;
}
/*.top_block .about_dep .color_yellow{
    color: #f6b700;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    top: 1px;
}
.top_block .about_dep .color_green{
    color: #039e76;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    top: 1px;
}
.top_block .about_dep .color_red{
    color: #f00;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    top: 1px;
}*/
.top_block .wrap-right{
    /*float: left;*/
    display: inline-block;
    margin: 0 20px 0 0;
}
.top_block .allworkingtime{
    float: left;
    /* border-right: 1px solid #e7e9eb; */
    background: rgba(59,179,113,1);
    background: -moz-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(59,179,113,1)), color-stop(100%, rgba(29,150,83,1)));
    background: -webkit-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: -o-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: -ms-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: linear-gradient(to bottom, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bb371', endColorstr='#1d9653', GradientType=0 );
    -webkit-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    -moz-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    border: 1px solid #058c32;
    border-radius: 20px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    z-index: 1000;
    position: relative;
    margin-left: 20px;
}
.top_block .allworkingtime a{
    float: left;
    padding: 9px 16px 9px 35px;
    background: url(../images/icon-result.png) no-repeat 11px center;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
    /*text-transform: uppercase;*/
}
.top_block .wrap-dn{
    position: relative;
    float: left;
}
.top_block .dennarojdeniya{
        float: left;
    /* border-right: 1px solid #e7e9eb; */
    background: rgba(254,173,32,1);
    background: -moz-linear-gradient(top, rgba(254,173,32,1) 0%, rgba(225,143,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,173,32,1)), color-stop(100%, rgba(225,143,3,1)));
    background: -webkit-linear-gradient(top, rgba(254,173,32,1) 0%, rgba(225,143,3,1) 100%);
    background: -o-linear-gradient(top, rgba(254,173,32,1) 0%, rgba(225,143,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,173,32,1) 0%, rgba(225,143,3,1) 100%);
    background: linear-gradient(to bottom, rgba(254,173,32,1) 0%, rgba(225,143,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fead20', endColorstr='#e18f03', GradientType=0 );
    -webkit-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    -moz-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    border: 1px solid #e19003;
    border-radius: 20px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    z-index: 1000;
    position: relative;
}
.top_block .allworkingtime:hover,
.top_block .dennarojdeniya:hover,
.top_block .futurecalls:hover,
.top_block .bedcalls:hover,
.top_block .dropdown .dropdown-btn:hover{
    opacity: 0.7;
}
.top_block .dennarojdeniya span{
    float: left;
    padding: 9px 16px 9px 36px;
    background: url(../images/icon-box-white.png) no-repeat 11px center;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
    /*text-transform: uppercase;*/
}
.top_block .dennarojdeniya .count_day{
    float: left;
    width: 22px;
    height: 22px;
    border: 1px solid #fff;
    background: #ff7200;
    color: #fff;
    text-shadow: 0 1px #eb6900;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(1,1,1,0.35);
    -moz-box-shadow: 0px 1px 4px 0px rgba(1,1,1,0.35);
    box-shadow: 0px 1px 4px 0px rgba(1,1,1,0.35);
    text-align: center;
    border-radius: 50%;
    margin: 7px 11px 0 0;
}
.top_block .allbirthday_button{
    top: 46px;
    left: -31px;
    z-index: 999;
    position: absolute !important;
    width: 260px !important;
    height: 0px; opacity: 0;
    overflow: hidden;
}
.top_block .allpeople_birth{
    display: block !important;
    background: #fff;
    padding: 15px 25px 0 0;
    height: 276px;
    overflow: hidden;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    display: none;
    margin: 0 !important;
    width: 260px !important;
}
.top_block .allpeople_birth #scrollbar1{
    width: 90%;
    margin: 0;
    position: relative;
}
.top_block #scrollbar1 .scrollbar{
    width: 12px;
    right: 10px;
    padding: 0 0;
    height: 274px;
    z-index: 9999;
    margin-top: 15px;
}
.top_block #scrollbar1 .track {
    background: #e1e4ed;
    height: 244px;
     width: 12px;
     -webkit-box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.15);
    box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.15);
}
.top_block #scrollbar1 .thumb {
    background: #ef9e11;
    height: 20px;
    width: 12px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.top_block #scrollbar1 .thumb:before{
    content: '';
    position: absolute;
    top: 50%;
    margin: -1px 0 0 -4px;
    height: 1px;
    width: 8px;
    background: #fff;
}
.top_block #scrollbar1 .thumb:after{
    content: '';
    position: absolute;
    top: 50%;
    margin: 1px 0 0 -4px;
    height: 1px;
    width: 8px;
    background: #fff;
}
.top_block #scrollbar1 .viewport{
    background: none;
    padding: 0 0;
    height: 246px;
}
.top_block #scrollbar1 .overview{
    padding: 0 0 0 15px;
}
.top_block .allpeople_birth ul{
    margin: 0;
    padding: 0;
}
.top_block .allpeople_birth table{
    width: 100%;
}
.top_block .allpeople_birth table tr:last-child{
    border: 0 none;
}
.top_block .allpeople_birth li{
    text-align: left;
    list-style: none;
    float: left;
    width: 100%;
    margin: 0 0 15px;
}
.top_block .allpeople_birth li:last-child{
    margin: 0;
}
.top_block .allpeople_birth img{
    width: 50px;
}
.allpeople_birth .birth_img{
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 10px 0 0;
    border-radius: 5px;
    float: left;
}
.allpeople_birth .birth_name{
    font-size: 14px;
    /*margin-top: -10px;*/
    color: #59568b;
    font-weight: bold;
}
.allpeople_birth .data_b{
    color: #333333;
    font-size: 12px;
    /*float: left;*/
    display: inline-block;
}
.allpeople_birth td:last-child{
    vertical-align: top;
    padding-top: 17px;
}
.allpeople_birth .how_many_year{
    /*float: right;*/
    color: #ff6c00;
    /*font-weight: bold;*/
    display: inline-block;
}
.closeallbirthday{
    position: absolute;
    top: 5px;
    right: 5px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}
/**allbirthday page**/
.allbirthday-page{
    float: left;
    width: 100%;
    background: #fff;
    /*padding: 30px 10%;*/
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    border-radius: 8px;
    overflow: hidden;
    margin-top: 20px;
}
.allbirthday-page .wrap{
     float: left;
    width: 100%;
    margin-bottom: -1px;
}
.allbirthday-page .item{
    padding: 28px;
     border-bottom: 1px solid #c0c4d0;
}
.allbirthday-page .item .birth_img{
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    margin: 0 20px 0 0;
    overflow: hidden;
}
.allbirthday-page .item .birth_name{
    margin: 0;
    color: #5a99dd;
    font-size: 14px;
    font-weight: 600;
    padding: 16px 0 2px;
}
.allbirthday-page .item .data_b{
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    display: inline-block;;
}
.allbirthday-page .item .how_many_year{
    font-size: 14px;
    display: inline-block;
    color: #ff6c00;
}
/****/
.top_block .dropdown{
    /*float: left;*/
    display: inline-block;
    margin: 0 20px 0 0;
    position: relative;
}
.top_block .dropdown .dropdown-btn{
    padding: 9px 16px 9px 45px;
    float: left;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    /*text-transform: uppercase;*/
    /* border-left: 6px solid #43ac8c; */
    border: 1px solid #6f5c72;
    background: rgba(133,107,136,1);
    background: -moz-linear-gradient(top, rgba(133,107,136,1) 0%, rgba(103,77,107,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(133,107,136,1)), color-stop(100%, rgba(103,77,107,1)));
    background: -webkit-linear-gradient(top, rgba(133,107,136,1) 0%, rgba(103,77,107,1) 100%);
    background: -o-linear-gradient(top, rgba(133,107,136,1) 0%, rgba(103,77,107,1) 100%);
    background: -ms-linear-gradient(top, rgba(133,107,136,1) 0%, rgba(103,77,107,1) 100%);
    background: linear-gradient(to bottom, rgba(133,107,136,1) 0%, rgba(103,77,107,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#856b88', endColorstr='#674d6b', GradientType=0 );
    margin: 0 0;
    --webkit-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    -moz-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    border-radius: 20px;
    outline: 0 none;
    position: relative;
    z-index: 9999;
    min-width: 180px;
    text-align: left;
        transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.top_block .dropdown .dropdown-btn:before{
    content: '';
    width: 22px;
    height: 22px;
    background: url(../images/icon-employee-white.png) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 14px;
    margin: -11px 0 0;
}
.top_block .dropdown .dropdown-btn .active{
    display: block;
}
.top_block .dropdown .dropdown-btn a{
    color: #fff;
}
.top_block .dropdown .dropdown-menu{
    width: 100%;
    padding: 20px 10px 12px 45px;
    border: 1px solid #d8dcea;
    top: 55%;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
}
.top_block .dropdown .dropdown-menu a{
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    display: block;
    text-align: left;
}
.top_block .dropdown .dropdown-menu a:hover{
    opacity: 0.6;
}
.top_block .dropdown .dropdown-menu .name_bl{
    /*text-align: right;*/
    display: inline-block;
    /*width: 87%;*/
    margin-right: 3px;
}
.top_block .dropdown .dropdown-menu span:last-child{
    color: #6d5270;
}
.top_block .dropdown .dropdown-btn .name_bl{
    margin-right: 5px;
}
.top_block.nonborder{
    padding: 0;
    border: 0 none;
}
.top_block .inform_block{
    /*float: left;*/
    display: inline-block;
}
.top_block .messages{
    display: none;
}
.top_block .circle {
    float: left;
    width: 100%;
}
.top_block .circle strong{
    font-weight: normal;
    padding: 0 0 0 4px;
}
.top_block .bedcalls{
        /*float: left;*/
    display: inline-block;
    padding: 9px 16px 9px 35px;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    /* text-transform: uppercase; */
    /* border-left: 6px solid #43ac8c; */
    border: 1px solid #ce3131;
    background: rgba(249,84,78,1);
    background: -moz-linear-gradient(top, rgba(249,84,78,1) 0%, rgba(219,52,49,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,84,78,1)), color-stop(100%, rgba(219,52,49,1)));
    background: -webkit-linear-gradient(top, rgba(249,84,78,1) 0%, rgba(219,52,49,1) 100%);
    background: -o-linear-gradient(top, rgba(249,84,78,1) 0%, rgba(219,52,49,1) 100%);
    background: -ms-linear-gradient(top, rgba(249,84,78,1) 0%, rgba(219,52,49,1) 100%);
    background: linear-gradient(to bottom, rgba(249,84,78,1) 0%, rgba(219,52,49,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9544e', endColorstr='#db3431', GradientType=0 );
    margin: 0 20px 0 0;
    --webkit-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    -moz-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    border-radius: 20px;
    outline: 0 none;
    position: relative;
    z-index: 999;
    text-align: left;
}
.top_block .futurecalls{
        /*float: left;*/
    display: inline-block;
    padding: 9px 16px 9px 35px;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    /* text-transform: uppercase; */
    /* border-left: 6px solid #43ac8c; */
    border: 1px solid #058c32;
    background: rgba(59,179,113,1);
    background: -moz-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(59,179,113,1)), color-stop(100%, rgba(29,150,83,1)));
    background: -webkit-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: -o-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: -ms-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: linear-gradient(to bottom, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bb371', endColorstr='#1d9653', GradientType=0 );
    margin: 0 20px 0 0;
    --webkit-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    -moz-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    border-radius: 20px;
    outline: 0 none;
    position: relative;
    z-index: 999;
    text-align: left;
}
.top_block .futurecalls:before,
.top_block .bedcalls:before{
    content: '';
    width: 22px;
    height: 22px;
    background: url(../images/icon-phone-white.png) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 9px;
    margin: -11px 0 0;
}
.top_block .bedcalls:before{
    background: url(../images/icon-phone2-white.png) no-repeat center center;
}
#owl-dep{
    clear: both;
    padding: 0;
    margin-bottom: -1px;
    padding: 0 20px;
    margin: 0 0 20px 0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(1,2,2,0.23);
    -moz-box-shadow: 0px 1px 4px 0px rgba(1,2,2,0.23);
    box-shadow: 0px 1px 4px 0px rgba(1,2,2,0.23);
    background: #fff;
}

#owl-dep .owl-stage{
    /*border-bottom: 1px solid #c3c3c3;*/
    
    
}
.index-page .owl-stage-outer{
    clear: both;
}
.index-page .owl-carousel .owl-item{
    position: static;
    background: #ffffff;
    padding: 35px 10px 0;
}
.index-page .owl-item .item{
    background: #fff;
    /*border: 1px solid #e9eef2;
    border-bottom-width: 5px;*/
    text-align: center;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    content: '';
    border-bottom: 4px solid #fff;
    min-height: 170px;
}
.index-page .owl-item .item:before{
    content: '';
    position: absolute;
    bottom: -20px;
    /* left: 50%; */
    width: 34px;
    height: 19px;
    background: url(../images/arrow-bottom.png) no-repeat;
    margin: 0 0 0 5%;
    display: none;
    z-index: 99;
}
.index-page .owl-item .active-department:before{
    display: block;
}
.index-page .owl-item .item:hover,
.index-page .owl-item .active-department{
    color: #03a47e;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    border-bottom: 4px solid #06a782;
}
.index-page .owl-item .img_dep{
    display: inline-block;
    /*border: 1px solid #fff;*/
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
     /*border-color: #d6d6d6;*/
    /*-webkit-box-shadow: 1px 0px 9px 0px rgba(1,1,1,0.1);
    -moz-box-shadow: 1px 0px 9px 0px rgba(1,1,1,0.1);
    box-shadow: 1px 0px 9px 0px rgba(1,1,1,0.1);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );*/
}
.index-page .owl-item .img_dep img{
    width: auto;
    max-width: 240px;
    float: left;
    
}
.index-page .owl-item .item:hover .img_dep,
.index-page .owl-item .active-department .img_dep{
    
}
.index-page .owl-item .name_dep{
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    padding: 12px;
    /*font-weight: bold;*/
    text-transform: uppercase;
}
.index-page .owl-item .active-department .name_dep{
    color: #06a782;
}
#owl-dep .owl-nav div{
    /*display: block !important;*/
    width: 21px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin: -10px 0 0;
    text-indent: -9999px;
}
#owl-dep .owl-nav .owl-prev{
    left: 8px;
    background: url(../images/owl-arrow.png) no-repeat 0 center;
}
#owl-dep .owl-nav .owl-next{
    right: 8px;
    background: url(../images/owl-arrow.png) no-repeat -24px center;
}
#owl-dep .owl-nav .owl-next:hover,
#owl-dep .owl-nav .owl-prev:hover{
    opacity: 0.7;
}
.name_kantoru{
    float: left;
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 24px;
    line-height: 24px;
    padding: 27px 0;
    position: relative;
    content: '';
    margin: 0 0 30px 0;
    display: none;
}
.name_kantoru:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 268px;
    height: 1px;
    background: #1e90d8;
    margin: 0 0 0 -134px;
}
.index-page .panel.allclients{
    margin-top: 0 !important;
    /*border: 1px solid #cecece;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(1,1,1,0.24);
    -moz-box-shadow: 0px 0px 8px 0px rgba(1,1,1,0.24);
    box-shadow: 0px 0px 8px 0px rgba(1,1,1,0.24);
    padding: 0 28px;*/
}
/****/
.badge {
  background-color: #bebebe;
}
.badge.up {
  position: relative;
  top: -10px;
  padding: 3px 6px;
}
.badge-sm {
  font-size: 85%;
  padding: 2px 5px !important;
}
label {
  font-weight: normal;
}
.label-sm {
  padding-top: 0;
  padding-bottom: 0;
}
.text-primary {
  color: #65bd77;
}
.text-info {
  color: #4cc0c1;
}
.text-success {
  color: #8ec165;
}
.text-warning {
  color: #ffc333;
}
.text-danger {
  color: #fb6b5b;
}
.text-light {
  color: #f1f1f1;
}
.text-white {
  color: #fff;
}
.text-dark {
  color: #2e3e4e;
}
.text-muted {
  color: #979797;
}
small {
  font-size: 90%;
}
.badge-white {
  background-color: transparent;
  border: 1px solid rgba(255,255,255,0.35);
  padding: 2px 6px;
}
.badge-hollow {
  background-color: transparent;
  border: 1px solid rgba(0,0,0,0.15);
  color: inherit;
}
.caret-white {
  border-top-color: #fff;
  border-top-color: rgba(255,255,255,0.65);
}
a:hover .caret-white {
  border-top-color: #fff;
}
.tooltip-inner {
  background-color: rgba(0,0,0,0.9);
  background-color: #2e3e4e;
}
.tooltip.top .tooltip-arrow {
  border-top-color: rgba(0,0,0,0.9);
  border-top-color: #2e3e4e;
}
.tooltip.right .tooltip-arrow {
  border-right-color: rgba(0,0,0,0.9);
  border-right-color: #2e3e4e;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: rgba(0,0,0,0.9);
  border-bottom-color: #2e3e4e;
}
.tooltip.left .tooltip-arrow {
  border-left-color: rgba(0,0,0,0.9);
  border-left-color: #2e3e4e;
}
.popover-content {
  font-size: 12px;
  line-height: 1.5;
}
.progress-xs {
  height: 6px;
}
.progress-sm {
  height: 10px;
}
.progress-sm .progress-bar {
  font-size: 10px;
  line-height: 1em;
}
.breadcrumb {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  padding-left: 10px;
  font-size: 12px;
  margin-bottom: 10px;
}
.breadcrumb a {
  color: #999;
}
.accordion-group,
.accordion-inner {
  border-color: #e8e8e8;
  border-radius: 2px;
}
.alert {
  font-size: 17px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  clear: both;
  position: relative;
  text-align: center;
    margin-top: 20px;
    float: left;
    width: 100%;
    -webkit-box-shadow: inset 0px 2px 0px 0px rgba(255,255,255,0.6);
    -moz-box-shadow: inset 0px 2px 0px 0px rgba(255,255,255,0.6);
    box-shadow: inset 0px 2px 0px 0px rgba(255,255,255,0.6);
    padding: 18px;
}
.alert-success {
    color: #679759;
    background-color: #def0d8;
    border-color: #c9dac4;
    text-shadow: 0 1px #f7fbf5;
}
.alert .fa{
    display: none;
}
.alert button.close{
    position: absolute;
    right: 15px;
}
.alert .fa-ban-circle{
    display: none;
}
.alert .close i {
  font-size: 12px;
  font-weight: normal;
  display: block;
}

#content .form-control:focus {
  border-color: #4cc0c1;
}
.input-s-sm {
  width: 120px;
}
.input-s {
  width: 200px;
}
.input-s-lg {
  width: 250px;
}
.input-group-addon {
  border-color: #d9d9d9;
  background-color: #f9f9f9;
}
.list-group {
  border-radius: 2px;
}
.list-group.no-radius .list-group-item {
  border-radius: 0 !important;
}
.list-group.no-borders .list-group-item {
  border: none;
}
.list-group.no-border .list-group-item {
  border-width: 1px 0;
}
.list-group.no-bg .list-group-item {
  background-color: transparent;
}
.list-group-item {
  border-color: #e8e8e8;
  padding-right: 15px;
}
.list-group-item.media {
  margin-top: 0;
}
.list-group-item.active {
  color: #fff;
  border-color: #65bd77 !important;
  background-color: #65bd77 !important;
}
.list-group-item.active .text-muted {
  color: #d0ebd6;
}
.list-group-item.active a {
  color: #fff;
}
.list-group-alt .list-group-item:nth-child(2n+2) {
  background-color: rgba(0,0,0,0.02);
}
.list-group-lg .list-group-item {
  padding-top: 15px;
  padding-bottom: 15px;
}
.list-group-sp .list-group-item {
  margin-bottom: 5px;
  border-radius: 3px;
}
.list-group-item > .badge {
  margin-right: 0;
}
.list-group-item > .fa-chevron-right {
  float: right;
  margin-top: 4px;
  margin-right: -5px;
}
.list-group-item > .fa-chevron-right + .badge {
  margin-right: 5px;
}
.nav-pills.no-radius > li > a {
  border-radius: 0;
}
.nav-pills > li.active > a {
  color: #fff !important;
  background-color: #4cc0c1 !important;
}
.nav.nav-sm > li > a {
  padding: 6px 8px;
}
.nav .avatar {
  width: 30px;
  margin-top: -5px;
  margin-right: 5px;
}
.panel {
  border-radius: 2px;
}
.panel.panel-default {
  border: 0 none;
  background: none;
  box-shadow: none;
}
.panel.panel-default > .panel-heading,
.panel.panel-default > .panel-footer {
  border-color: #e8e8e8;
}
.panel.panel-default > .panel-heading{
    border: 0 none;
    background: none;
    margin: 0;
    color: #333333;
    font-size: 30px;
    line-height: 48px;
    content: '';
    position: relative;
    padding: 0 0 15px;
    clear: both;
}
.panel.panel-default > .all-client-heading{
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #333333;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0;
    float: left;
    width: 100%
}
.step-content .all-client-heading{
    padding: 10px 0;
}
.panel.panel-default > .all-client-heading .all-client span{
    color: #039a70;
}
.all-client-heading .btn{
    position: relative;
    right: 0;
    top: 0;
    color: #fff !important;
    border: 1px solid #08bfcf;
    background: #08bfcf;
    font-size: 12px;
    padding: 6px 15px;
    text-transform: uppercase;
    border-radius: 0 !important;
    left: auto;
    float: right;
    /*width: 127px;*/
    margin: 10px 0 0 !important;
}
.all-client-heading .btn:hover{
    color: #08bfcf !important;
    border-color: #08bfcf;
}
.panel .list-group-item {
  border-color: #f0f0f0;
}
.panel.no-borders {
  border-width: 0;
}
.panel.no-borders .panel-heading,
.panel.no-borders .panel-footer {
  border-width: 0;
}
.panel .table td,
.panel .table th {
  padding: 6px 15px;
  border-top: 1px solid #f1f1f1;
}
.panel .table thead > tr > th {
  border-bottom: 1px solid #ebebeb;
}
.panel .table-striped > tbody > tr:nth-child(odd) > td,
.panel .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #eff7fa;
}
/*.panel .table-striped > thead th {
  background: #fff;
  border: 0 none;
}*/
.panel .table-striped > thead th:last-child {
  border-right: none;
}
.panel-heading {
  border-radius: 2px 2px 0 0;
}
.panel-heading.no-border {
  margin: -1px -1px 0 -1px;
  border: none;
}
.panel-heading .nav {
  font-size: 13px;
  margin: -10px -15px -11px;
  border: none;
}
.panel-heading .nav > li > a {
  border-radius: 0;
  margin: 0;
  border-width: 0;
}
.panel-heading .nav-tabs.nav-justified {
  width: auto;
}
.panel-heading .nav-tabs.nav-justified > li:first-child > a,
.panel-heading .nav-tabs.pull-left > li:first-child > a {
  border-radius: 2px 0 0 0;
}
.panel-heading .nav-tabs.nav-justified > li:last-child > a,
.panel-heading .nav-tabs.pull-right > li:last-child > a {
  border-radius: 0 2px 0 0;
}
.panel-heading .nav-tabs > li > a {
  line-height: 1.5;
}
.panel-heading .nav-tabs > li > a:hover,
.panel-heading .nav-tabs > li > a:focus {
  border-width: 0;
  background: transparent;
  border-color: transparent;
}
.panel-heading .nav-tabs > li.active > a,
.panel-heading .nav-tabs > li.active > a:hover,
.panel-heading .nav-tabs > li.active > a:focus {
  color: #717171;
  background: #fff;
}
.panel-heading .list-group {
  background: transparent;
}
.panel-footer {
  border-radius: 0 0 2px 2px;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #eaedef;
}
.open {
  z-index: 1050;
  position: relative;
}
.dropdown-menu {
  font-size: 13px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  border: 1px solid #ddd;
  border: 1px solid rgba(0,0,0,0.1);
}
.datepicker-dropdown{
    min-width: 174px;
}
.dropdown-menu.pull-left {
  left: 100%;
}
.dropdown-menu > .panel {
  border: none;
  margin: -5px 0;
}
.dropdown-menu > li > a {
  padding: 8px 15px 8px 40px;
    font-size: 14px;
    color: #333333;
    text-align: left;
}
.dropdown-menu .divider{
    display: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: inherit;
  filter: none;
  /*background: none;*/
  color: #0397db;
}
.dropdown-menu .change{
    background: url(../images/icon-change-grey.png) no-repeat 15px center;
}
.dropdown-menu .change:hover,
.dropdown-menu .active .change{
    background: url(../images/icon-change-blue.png) no-repeat 15px center;
}
.dropdown-menu .profile{
    background: url(../images/icon-user-grey.png) no-repeat 15px center;
}
.dropdown-menu .profile:hover,
.dropdown-menu .active .profile{
    background: url(../images/icon-user-blue.png) no-repeat 15px center;
}
.dropdown-menu .logout{
    background: url(../images/icon-exit-grey.png) no-repeat 15px center;
}
.dropdown-menu .logout:hover,
.dropdown-menu .active .logout{
    background: url(../images/icon-exit-blue.png) no-repeat 15px center;
}
.dropdown-header {
  padding: 5px 15px;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  background-color: #f1f1f1 !important;
  color: #717171;
}
.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:focus > .dropdown-menu {
  display: block;
}
.dropdown-submenu.pull-left {
  float: none !important;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}
.dropdown-submenu .dropdown-menu {
  left: 100%;
  top: 0;
  margin-top: -6px;
  margin-left: -1px;
}
.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
}
.dropdown-select > li > a input {
  position: absolute;
  left: -9999em;
}
.carousel-control {
  width: 40px;
  color: #999;
  text-shadow: none;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #ccc;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control.left,
.carousel-control.right {
  background-image: none;
  filter: none;
}
.carousel-control i {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
}
.carousel-indicators.out {
  bottom: -5px;
}
.carousel-indicators li {
  -webkit-transition: background-color .25s;
  transition: background-color .25s;
  background: #ddd;
  background-color: rgba(0,0,0,0.2);
  border: none;
}
.carousel-indicators .active {
  background: #f0f0f0;
  background-color: rgba(200,200,200,0.2);
  width: 10px;
  height: 10px;
  margin: 1px;
}
.carousel.carousel-fade .item {
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.carousel-fade .active {
  opacity: 1;
  filter: alpha(opacity=1);
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
  left: 0;
  z-index: 1;
}
.carousel.carousel-fade .carousel-control {
  z-index: 3;
}
.col-lg-2-4 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-0 {
  clear: left;
}
.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}
.no-gutter [class*="col"] {
  padding: 0;
}
.modal-backdrop {
  background-color: #2e3e4e;
}
.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal-over {
  width: 100%;
  height: 100%;
  position: relative;
  background: #2e3e4e;
}
.modal-center {
  position: absolute;
  left: 50%;
  top: 50%;
}
.modal-content {
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.25);
  box-shadow: 0 2px 10px rgba(0,0,0,0.25);
}
.icon-muted {
  color: #ccc;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: transparent;
}
/*@media (min-width: 768px) {*/
  .app,
  .app body {
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
  }
  .app .hbox.stretch {
    height: 100%;
  }
  .app .vbox > section,
  .app .vbox > footer {
    /*position: absolute;*/
  }
  .app .vbox.flex > section > section {
    overflow: auto;
  }
  .hbox {
    display: table;
    table-layout: fixed;
    border-spacing: 0;
    width: 100%;
  }
  .hbox > aside,
  .hbox > section {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    padding: 0;
    float: none;
  }
  .hbox > aside.show,
  .hbox > aside.hidden-sm,
  .hbox > section.show,
  .hbox > section.hidden-sm {
    display: table-cell !important;
  }
  body > .vbox{
    height: auto !important;
  }
  .vbox {
    /*display: table;*/
    border-spacing: 0;
    position: relative;
    min-height: 100%;
    width: 100%;
    background: #f3f4f7;
  }
.vbox > section{
    top: 0;
    bottom: 0;
    /*width: 100%*/
    }
  .vbox > footer {
    top: 0;
    bottom: 0;
    width: 100%;
  }
  .vbox > header ~ section {
    top: 100px;
  }
  .vbox > section.w-f {
    bottom: 50px;
  }
  .vbox > footer {
    top: auto;
    z-index: 1000;
  }
  .vbox > footer ~ section {
    bottom: 50px;
  }
  .vbox.flex > header,
  .vbox.flex > section,
  .vbox.flex > footer {
    position: inherit;
  }
  .vbox.flex > section {
    display: table-row;
    height: 100%;
  }
  .vbox.flex > section > section {
    position: relative;
    height: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .ie .vbox.flex > section > section {
    display: table-cell;
  }
  .vbox.flex > section > section > section {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .aside-xs {
    width: 160px;
  }
  .aside {
    width: 160px;
  }
  .aside-sm {
    width: 160px;
  }
  .aside-md {
    width: 160px;
  }
  .aside-lg {
    width: 160px;
  }
  .aside-xl {
    width: 350px;
  }
  .aside-xxl {
    width: 400px;
  }
  .scrollable {
    -webkit-overflow-scrolling: touch;
  }
  ::-webkit-scrollbar {
    width: 7px;
    height: 7px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgba(50,50,50,0.3);
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(50,50,50,0.6);
  }
  ::-webkit-scrollbar-track {
    background-color: rgba(50,50,50,0.1);
  }
  ::-webkit-scrollbar-track:hover {
    background-color: rgba(50,50,50,0.2);
  }
/*}*/
.hbox > aside,
.hbox > section {
  padding: 0 !important;
}
.header,
.footer {
  min-height: 50px;
  padding: 0 15px;
}
.header > p,
.footer > p {
  margin-top: 15px;
  display: inline-block;
}
.header > .btn,
.header > .btn-group,
.header > .btn-toolbar,
.footer > .btn,
.footer > .btn-group,
.footer > .btn-toolbar {
  margin-top: 10px;
}
.header > .btn-lg,
.footer > .btn-lg {
  margin-top: 0;
}
.header .nav-tabs,
.footer .nav-tabs {
  border: none;
  margin-left: -15px;
  margin-right: -15px;
}
.header .nav-tabs > li a,
.footer .nav-tabs > li a {
  border: none !important;
  border-radius: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 20px;
}
.header .nav-tabs > li a:hover,
.header .nav-tabs > li a:focus,
.footer .nav-tabs > li a:hover,
.footer .nav-tabs > li a:focus {
  background-color: transparent;
}
.header .nav-tabs > li.active a,
.footer .nav-tabs > li.active a {
  color: #717171;
}
.header .nav-tabs > li.active a,
.header .nav-tabs > li.active a:hover,
.footer .nav-tabs > li.active a,
.footer .nav-tabs > li.active a:hover {
  background-color: #f7f7f7;
}
.header .nav-tabs.nav-white > li.active a,
.header .nav-tabs.nav-white > li.active a:hover,
.footer .nav-tabs.nav-white > li.active a,
.footer .nav-tabs.nav-white > li.active a:hover {
  background-color: #fff;
}
.header.navbar,
.footer.navbar {
  min-height: 0;
  border-radius: 0;
  border: none;
  margin-bottom: 0;
  padding: 0;
}
.header.navbar{
        height: auto;
    text-align: center;
    background: none !important;
}
.header.navbar .wrap-header {
    height: 60px;
    text-align: center;
    background: url(../images/head-bg.jpg) repeat left top #465470 !important;
    -webkit-box-shadow: 0 0px 10px 1px rgba(8,8,10,0.3);
    -moz-box-shadow: 0 0px 10px 1px rgba(8,8,10,0.3);
    box-shadow: 0 0px 10px 1px rgba(8,8,10,0.3);
    position: relative;
    z-index: 99999;
}
.scrollable {
  /*overflow-x: hidden;
  overflow-y: auto;*/
}
#nav .footer{
    display: none !important;
}
.no-touch .scrollable.hover {
  overflow-y: hidden;
}
.no-touch .scrollable.hover:hover {
  overflow: visible;
  overflow-y: auto;
}
.footer-bot .site_link,
.back_link {
    /*display: inline-block;*/
    float: left;
}
.footer-bot .site_link a, .footer-bot .back_link a {
    font-size: 11px;
    padding: 5px 10px;
    display: inline-block;
    color: #ffc700;
    /*border: 1px solid #fff;*/
    margin: 15px 10px 0;
    /*text-decoration: underline;*/
    text-transform: uppercase;
}
.footer-bot .back_link a {
    margin-top: 7px;
}
.footer-bot .back_link a:hover {
    color: #fff;
    text-decoration: none;
}
.footer-bot .site_link a:hover {
    color: #fff;
    text-decoration: none;
}
.scrollable div.tasks{
    float: left;
    margin: 0 20px 0 0;
}
.scrollable div.tasks .count_all{
    font-size: 20px;
    font-weight: bold;
}
.scrollable div.tasks:nth-child(2) .count_all{
    color: #f00;
}
.scrollable div.tasks:nth-child(3) .count_all{
    color: #6eb03c;
}
.scrollable div.tasks:nth-child(4) .count_all{
    color: #e9930b;
}
/**linkadaptiv**/
.linkadaptiv {
    /*position: absolute;*/
    /*right: 64px;*/
    /*top: 12px;*/
    float: left;
    font-size: 24px;
    color: #fff;
    z-index: 9999;
    display: none;
    margin: 14px 0 0;
}

/**navbar**/
.header .site_link{
    float: left;
}
.header .site_link a{
    font-size: 16px;
    padding: 13px 0;
    display: block;
}
.header .inform_block{
    float: right;
    margin: 0 11px 0 0;
    /* border-left: 1px solid #000; */
    /*border-right: 1px solid #032f61;*/
    padding: 0 0 0;
    position: relative;
}
.header .inform_block:before {
    content: '';
    position: absolute;
    top: 15px;
    right: -2px;
    width: 1px;
    height: 50%;
    background: #114177;
}
.header .inform_block:after {
    content: '';
    position: absolute;
    top: 15px;
    right: -1px;
    width: 1px;
    height: 50%;
    background: #032f61;
}
.header .inform_block a {
    float: left;
    width: 120px;
    /*height: 80px;*/
    /*border-left: 1px solid #383838;
    border-right: 1px solid #000;*/
    position: relative;
}
.header .inform_block a:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 1px;
    height: 50%;
    background: #114177;
}
.header .inform_block a:after {
    content: '';
    position: absolute;
    top: 15px;
    left: -1px;
    width: 1px;
    height: 50%;
    background: #032f61;
}
.header .inform_block .ringring {
    display: inline-block;
    height: 40px;
    width: 40px;
    margin: 16px 20px 0 0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.header .inform_block .ringring:hover{
    background-color: rgba(214,214,214,0.13) !important;
}
.header .inform_block .overdue .ringring {
    background: url(../images/icon_inform.png) no-repeat center center;
}
.header .inform_block .active .ringring {
    background: url(../images/icon_inform2.png) no-repeat center center;
}
.header .inform_block .bedcalls .ringring {
    background: url(../images/icon_phone.png) no-repeat center center;
    margin: 16px 10px 0 0;
}
.header .inform_block .futurecalls .ringring {
    background: url(../images/icon_phone2.png) no-repeat center center;
}
.header .inform_block .messages .ringring {
    background: url(../images/icon_massage.png) no-repeat center center;
}
.header .inform_block .circle {
   position: absolute;
    left: 46%;
    top: 16px;
    min-width: 14px;
    height: 14px;
    color: #fff;
    text-align: center;
    font-size: 11px;
    line-height: 10px;
    border-radius: 10px;
    padding: 0 2px;
}
.header .inform_block .green {
    border: 2px solid #2bbc6a;
    background: #2bbc6a;
}
.header .inform_block .yellow {
    border: 2px solid #f7ba00;
    /*background: #00eab6;*/
}
.header .inform_block .red {
    border: 2px solid #e32d2d;
    background: #e32d2d;
}
.header .inform_block .tblock{
    float: left;
}
.header .future_call{
    float: left;
    line-height: 22px;
}
.header .uni2{
    clear: both;
}
.call-container{
    float: left;
    position: relative;
    margin: 0 50px 0 0;
}
.call-container .fa{
    display: none;
}
.call-container .circle{
    width: 40px;
    height: 40px;
    background-size: 30px;
    border-radius: 50%;
    position: relative;
    z-index: 55;
     -webkit-transition-duration: 1.3s;
    -moz-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
    font-size: 22px;
    line-height: 33px;
    margin: 5px 0 0;
}
.redring .circle{
    border: 2px solid #f00;
    color: #f00;
}
.call-container .circle:hover{
    -webkit-animation: roll 0.6s infinite;
    animation: roll 0.6s infinite;
}
@-webkit-keyframes roll {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@keyframes roll {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
   50% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.call-container .ringring {
    border: 3px solid rgba(255,255,255,0.9);
    /*border: 5px solid rgba(187, 249, 0, 0.9);*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    position: absolute;
    left: -3px;
    top: 3px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite !important;
    -moz-animation: pulsate 1s ease-out;
    -moz-animation-iteration-count: infinite !important;
    animation-iteration-count: infinite !important;
    animation: pulsate 1s ease-out;
    opacity: 0.0;
}
.redring{
    margin: 0 20px 0 0;
}
.redring .ringring{
    border: 3px solid #f00;
}
@keyframes pulsate {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0.0;
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }
    100% {
        transform: scale(1.2, 1.2);
        opacity: 0.0;
        filter: alpha(opacity=0);
    }
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0.0;
        filter: alpha(opacity=0);
    }
}
@-moz-keyframes pulsate {
    0% {
        -moz-transform: scale(0.1, 0.1);
        opacity: 0.0;
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1.0;
        filter: alpha(opacity=100);
    }
    100% {
        -moz-transform: scale(1.2, 1.2);
        opacity: 0.0;
        filter: alpha(opacity=0);
    }
}
.future_call{
    color: #fff;
    margin: 1px 0 0;
}
.future_call h4{
    float: left;
    font-size: 13px;
    line-height: 22px;
    margin: 0 10px 0 0;
    color: #fff;
}
.future_call .count{
    margin: 0 16px 0 0;
}
.future_call .count span,
.future_call .sum span{
    font-size: 18px;
    color: #fff;
}
.future_call .sum span{
    padding: 0 0 0 5px;
}
.future_call .count,
.future_call .sum{
    float: left;
    font-size: 14px;
    line-height: 20px;
}
.future_call .sum h4{
    margin: 0 5px 0 0;
}
.navbar-nav > li > a{
    float: left;
}
/**********/
.header .wrap-photo {
    float: left;
    margin: 24px 0 0;
    display: none;
}
.header .wrap-photo .manager_photo{
    float: left;
    /*border-radius: 50%;*/
    width: 36px;
    height: 36px;
    overflow: hidden;
    margin: 7px 0 0 10px;
    /*opacity: 0.7;*/
    position: relative;
}
.header .wrap-photo .manager_photo:hover{
    opacity: 1;
}
.header .wrap-photo .manager_photo img{
    float: left;
    width: 36px;
}
.header .manager_photo .status-red {
    position: absolute;
    left: 50%;
    bottom: 1px;
    height: 8px;
    width: 8px;
    border-radius: 100px;
    background: #f00;
    margin: 0 0 0 -4px;
}
.header .manager_photo .status-green {
    position: absolute;
    left: 50%;
    bottom: 1px;
    height: 8px;
    width: 8px;
    border-radius: 100px;
    background: #54AB1E;
    margin: 0 0 0 -4px;
}
/**********/
@media print {
  html,
  body,
  .hbox,
  .vbox {
    height: auto;
  }
  .vbox > section,
  .vbox > footer {
    position: relative;
  }
}
.slimScrollBar {
  border-radius: 0 !important;
}
.navbar-header {
    position: relative;
    width: auto;
    height: 60px;
    float: left;
    z-index: 999;
    text-align: center;
    /*margin-right: 15px !important;*/
  /*background: url(../images/logo-bg-bot.png) no-repeat left bottom;*/
}
.navbar-header > .btn {
  position: absolute;
  font-size: 1.3em;
  padding: 9px 16px;
  line-height: 30px;
  left: 0;
}
.navbar-header .navbar-brand + .btn {
  right: 0;
  top: 0;
  left: auto;
}
.navbar-header .navbar-brand {
    float: left;
    text-align: center;
    font-size: 20px;
    /*line-height: 50px;*/
    display: inline-block;
    padding: 0;
    font-weight: bold;
    margin: 0;
    color: #fff !important;
    height: 60px;
    /*width: 116px;*/
    margin: 0 0 0 -45px !important;
}
.navbar-brand:hover {
  text-decoration: none;
}
.navbar-brand img {
    width: 140px;
    margin-top: 2px;
    margin-right: 10px;
}
.nav-primary {
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.bg-light .nav-primary {
  border-bottom: 1px solid #e9e9e9;
}
.nav-primary li {
  line-height: 1.5;
    float: left;
    width: 100%;
    position: relative;
}
.nav-primary.hidden-xs li{
  /*border-bottom: 1px solid #fff;*/
}
.nav-primary li > a > i {
        /* margin: -12px -15px; */
    /* line-height: 44px; */
    width: 100%;
    float: left;
    margin-right: 0;
    font-size: 14px;
    /*border-right: 1px solid rgba(255,255,255,0.05);*/
    text-align: center;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
    height: 47px;
}
.nav-primary li > a > i:before {
    position: relative;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -15px;
    float: left;
    font-size: 28px;
}
.nav-primary li > a > i > b {
    position: absolute;
    left: -53px;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transition: left .25s;
    transition: left .25s;
    display: none;
}
.nav-primary ul.nav > li > a {
    padding: 0;
    position: relative;
    /*font-weight: bold;*/
    font-size: 14px;
    border-top: 1px solid transparent;
    border-color: #dde1ee;
    transition: color .2s ease-in-out 0s;
    float: left;
    width: 100%;
    margin-bottom: -1px;
    text-transform: uppercase;
}
.nav-primary ul.nav > li > a span {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 12px 0;
    text-align: center;
    position: relative;
    z-index: 5;
}
.no-borders .nav-primary ul.nav > li > a {
  border-width: 0 !important;
}
.nav-primary li > a .bg-item{
    position: absolute;
    left: -100%;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transition: left .25s;
    transition: left .25s;
    background: rgba(245,172,0,1);
    background: -moz-linear-gradient(45deg, rgba(245,172,0,1) 0%, rgba(245,188,0,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(245,172,0,1)), color-stop(100%, rgba(245,188,0,1)));
    background: -webkit-linear-gradient(45deg, rgba(245,172,0,1) 0%, rgba(245,188,0,1) 100%);
    background: -o-linear-gradient(45deg, rgba(245,172,0,1) 0%, rgba(245,188,0,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(245,172,0,1) 0%, rgba(245,188,0,1) 100%);
    background: linear-gradient(45deg, rgba(245,172,0,1) 0%, rgba(245,188,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ac00', endColorstr='#f5bc00', GradientType=1 );
}
.nav-primary li > a:hover .bg-item{
    left: 0 !important;
}
.nav-primary ul.nav > li > a > .badge {
  font-size: 11px;
  padding: 3px 6px;
  margin-top: 2px;
}
.bg-light .nav-primary ul.nav > li > a {
    color: #fff !important;
    border-color: #ececec;
    border-top: 1px solid #2aa682;
    border-bottom: 2px solid #028962;
    background: rgba(2,148,104,1);
    background: -moz-linear-gradient(45deg, rgba(2,148,104,1) 0%, rgba(3,166,131,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(2,148,104,1)), color-stop(100%, rgba(3,166,131,1)));
    background: -webkit-linear-gradient(45deg, rgba(2,148,104,1) 0%, rgba(3,166,131,1) 100%);
    background: -o-linear-gradient(45deg, rgba(2,148,104,1) 0%, rgba(3,166,131,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(2,148,104,1) 0%, rgba(3,166,131,1) 100%);
    background: linear-gradient(45deg, rgba(2,148,104,1) 0%, rgba(3,166,131,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#029468', endColorstr='#03a683', GradientType=1 );
    position: relative;
    content: '';
    overflow: hidden;
    font-size: 12px;
}
.bg-light .nav-primary ul.nav > li > a .pull-right{
    display: none;
}
/*.bg-light .nav-primary ul.nav > li > a:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 56px;
    height: 100%;
    z-index: 99;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 88%, rgba(0,0,0,0.10) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(88%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.10)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 88%, rgba(0,0,0,0.10) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 88%, rgba(0,0,0,0.10) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 88%, rgba(0,0,0,0.10) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 88%, rgba(0,0,0,0.10) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}*/
.bg-light .nav-primary ul.nav > .active > a {
    color: #fff !important;
    background: rgba(245,172,0,1);
    background: -moz-linear-gradient(45deg, rgba(245,172,0,1) 0%, rgba(245,188,0,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(245,172,0,1)), color-stop(100%, rgba(245,188,0,1)));
    background: -webkit-linear-gradient(45deg, rgba(245,172,0,1) 0%, rgba(245,188,0,1) 100%);
    background: -o-linear-gradient(45deg, rgba(245,172,0,1) 0%, rgba(245,188,0,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(245,172,0,1) 0%, rgba(245,188,0,1) 100%);
    background: linear-gradient(45deg, rgba(245,172,0,1) 0%, rgba(245,188,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ac00', endColorstr='#f5bc00', GradientType=1 );
}
.bg-light .nav-primary ul.nav > li > a > i {
      color: #fff;
    /* border-right: 1px solid #ececec; */
    /*background: url(../images/head-bg.png) repeat left top !important;*/
  /*border-right: 1px solid #ececec;*/
  background: none;
  border: 0 none;
  background: rgba(0,0,0,0);
}
.bg-light .nav-primary ul.nav > li > a:hover > i,
.bg-light .nav-primary ul.nav > .active > a > i {
  color: #fff;
  /*border-right: 1px solid #ececec;*/
}
.nav-primary ul.nav > li > a.active .text {
  display: none;
}
.nav-primary ul.nav > li > a.active .text-active {
  display: inline-block !important;
}
.nav-primary ul.nav > li:hover > a,
.nav-primary ul.nav > li:focus > a,
.nav-primary ul.nav > li > a:hover,
.nav-primary ul.nav > li > a:focus,
.nav-primary ul.nav > li > a:active,
.nav-primary ul.nav > li.active > a {
  color: #fff;
    background-color: inherit;
    background-color: rgba(0,0,0,0.05) !important;
    text-shadow: none;
}
.nav-primary ul.nav > li:hover > a > i.icon,
.nav-primary ul.nav > li:focus > a > i.icon,
.nav-primary ul.nav > li > a:hover > i.icon,
.nav-primary ul.nav > li > a:focus > i.icon,
.nav-primary ul.nav > li > a:active > i.icon,
.nav-primary ul.nav > li.active > a > i.icon {
  color: #fff;
}
.nav-primary ul.nav > li:hover > a > i > b,
.nav-primary ul.nav > li:focus > a > i > b,
.nav-primary ul.nav > li > a:hover > i > b,
.nav-primary ul.nav > li > a:focus > i > b,
.nav-primary ul.nav > li > a:active > i > b,
.nav-primary ul.nav > li.active > a > i > b {
  left: 0 !important;
}
.nav-primary ul.nav > li li a {
  font-weight: normal;
  text-transform: none;
  font-size: 13px;
}
.nav-primary ul.nav > li.active > ul {
  /*display: block;*/
}
.nav-primary ul.nav ul {
  display: none;
    clear: both;
    background: #fff;
    /* border-left: 1px solid #efba00 !important; */
    /* border-right: 1px solid #efba00 !important; */
    padding: 0;
    position: absolute;
    left: 160px;
    top: 0;
    z-index: 99;
    -webkit-box-shadow: 1px 0px 6px 0px rgba(1,1,1,0.17);
    -moz-box-shadow: 1px 0px 6px 0px rgba(1,1,1,0.17);
    box-shadow: 1px 0px 6px 0px rgba(1,1,1,0.17);
    width: 210px;
    padding: 4px 0;
}
.nav-primary ul.nav ul:before{
    position: absolute;
    top: 27px;
    left: -6px;
    width: 6px;
    height: 16px;
    background: url(../images/menu-arrow-left2.png) no-repeat;
}
.nav-primary ul.nav ul i:before{
    display: none;
}
.nav-primary ul.nav ul > li{
    border: 0 none !important;
    padding: 0 12px;
}
.bg-light .nav-primary ul.nav ul > li > a{
    padding: 6px 10px 5px;
    background: #fff !important;
    color: #333333 !important;
    border: 0 none !important;
    text-decoration: none;
    background: none;
    text-align: left;
}
.bg-light .nav-primary ul.nav ul > li > a:before{
    display: none;
}
.bg-light .nav-primary ul.nav ul > li > a .fa{
    display: none;
}
.bg-light .nav-primary ul.nav ul > li > a span{
    /*border-left: 1px solid #1f1f1f;*/
    content: '';
    position: relative;
    margin: 0;
    padding: 0;
    text-align: left;
    fons-size: 11px;
    color: #333333;
    text-transform: uppercase;
}
.bg-light .nav-primary ul.nav ul > li > a .bg-item{
    background: #f7e6b0;
}
.bg-light .nav-primary ul.nav ul > li > a span:before{
    content: '';
    position: absolute;
    top: 50%;
    left: -36px;
    width: 15px;
    height: 1px;
    background: #333333;
    margin: -1px 0 0;
}
.bg-light .nav-primary ul.nav ul > li > a:hover{
    text-decoration: none;
    color: #03a884 !important;
}
.bg-light .nav-primary ul.nav ul > li > a:hover span:before,
.bg-light .nav-primary ul.nav ul > .active > a span:before{
    background: #03a884;
}
.bg-light .nav-primary ul.nav ul > .active > a{
     color: #333333 !important;
     background: #f7e6b0 !important;
}
.bg-light .nav-primary ul.nav ul > .active > a span{
     color: #333333 !important;
}
@media (min-width: 768px) {
  .visible-nav-xs {
    display: none;
  }
  .nav-xs {
    width: 55px;
  }
  .nav-xs .slimScrollDiv,
  .nav-xs .slim-scroll {
    overflow: visible !important;
  }
  .nav-xs .slimScrollBar,
  .nav-xs .slimScrollRail {
    display: none !important;
  }
  .nav-xs .scrollable {
    overflow: visible;
  }
  .nav-xs .nav-primary > ul > li > a {
    position: relative;
    padding: 0;
    font-size: 11px;
    text-align: center;
    height: 55px;
    width: 55px;
    overflow: hidden;
    border: none;
  }
  .nav-xs .nav-primary > ul > li > a span {
    color: #fff !important;
    display: table-cell;
    vertical-align: middle;
    height: 55px;
    width: 55px;
    position: relative;
    z-index: 2;
  }
  .nav-xs .nav-primary > ul > li > a span.pull-right {
    display: none !important;
  }
  .nav-xs .nav-primary > ul > li > a i {
    width: auto;
    float: none;
    display: block;
    font-size: 19px;
    margin: 0;
    line-height: 55px;
    border: none !important;
    color: #fff !important;
    overflow: visible;
    -webkit-transition: margin-top 0.2s;
    transition: margin-top 0.2s;
  }
  .nav-xs .nav-primary > ul > li > a i b {
    left: 0 !important;
    -webkit-transition: top 0.2s;
    transition: top 0.2s;
  }
  .nav-xs .nav-primary > ul > li > a .badge {
    position: absolute;
    right: 6px;
    top: 4px;
    z-index: 3;
  }
  .nav-xs .nav-primary > ul > li:hover > a i,
  .nav-xs .nav-primary > ul > li:focus > a i,
  .nav-xs .nav-primary > ul > li:active > a i,
  .nav-xs .nav-primary > ul > li.active > a i {
    margin-top: -55px;
  }
  .nav-xs .nav-primary > ul > li:hover > a i b,
  .nav-xs .nav-primary > ul > li:focus > a i b,
  .nav-xs .nav-primary > ul > li:active > a i b,
  .nav-xs .nav-primary > ul > li.active > a i b {
    height: 55px;
    top: 55px;
  }
  .nav-xs .nav-primary > ul ul {
    display: none !important;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1050;
    width: 220px;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    border: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,0.1);
    background-clip: padding-box;
  }
  .nav-xs .nav-primary li:hover > ul,
  .nav-xs .nav-primary li:focus > ul,
  .nav-xs .nav-primary li:active > ul {
    display: block !important;
  }
  .nav-xs.nav-xs-right .nav-primary > ul ul {
    left: auto;
    right: 100%;
  }
  .nav-xs > .vbox > .header,
  .nav-xs > .vbox > .footer {
    padding: 0 12px;
  }
  .nav-xs .hidden-nav-xs {
    display: none;
  }
  .nav-xs .visible-nav-xs {
    display: inherit;
  }
  .nav-xs .nav-user {
    padding: 9px 0;
  }
  .nav-xs .nav-user .avatar {
    float: none !important;
    margin-right: 0;
  }
  .nav-xs .nav-user .dropdown > a {
    display: block;
    text-align: center;
  }
  .nav-xs .navbar-header {
    float: none;
  }
  .nav-xs .navbar-brand {
    display: block;
    padding: 0;
  }
  .nav-xs .navbar-brand img {
    margin-right: 0;
  }
  .nav-xs .navbar {
    padding: 0;
  }
}
/*@media (max-width: 767px) {*/
/*  .navbar-fixed-top-xs {*/
/*    position: fixed;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    z-index: 1100;*/
/*  }*/
/*  .navbar-fixed-top-xs + * {*/
/*    padding-top: 50px;*/
/*  }*/
/*  html,*/
/*  body {*/
/*    min-height: 100%;*/
/*    /*overflow-x: hidden;*/*/
/*  }*/
/*  .open,*/
/*  .open body {*/
/*    height: 100%;*/
/*  }*/
/*  .nav-primary .dropdown-menu {*/
/*    position: relative;*/
/*    float: none;*/
/*    left: 0;*/
/*    margin-left: 0;*/
/*    padding: 0;*/
/*  }*/
/*  .nav-primary .dropdown-menu a {*/
/*    padding: 15px;*/
/*    border-bottom: 1px solid #eee;*/
/*  }*/
/*  .nav-primary .dropdown-menu li:last-child a {*/
/*    border-bottom: none;*/
/*  }*/
/*  .navbar-header {*/
/*    text-align: center;*/
/*  }*/
/*  .nav-user {*/
/*    margin: 0;*/
/*    padding: 15px;*/
/*  }*/
/*  .nav-user .dropdown{*/
/*    background: rgba(32,28,29,1);*/
/*  }*/
/*   .nav-user .dropdown:hover{*/
/*    background: rgba(32,28,29,1) !important;*/
/*   }*/
/*   .bg-dark .nav > li:hover .dropdown-toggle{*/
/*     color: #fff !important;*/
/*   }*/
/*   .bg-dark .nav > li > a:hover .caret, .bg-dark .nav > li > a:focus .caret{*/
/*        border-top-color: #fff !important;*/
/*        border-bottom-color: #fff !important;*/
/*   }*/
/*  .nav-user.open {*/
/*    display: inherit !important;*/
/*  }*/
/*  .nav-user .dropdown-menu {*/
/*    display: block;*/
/*    position: static;*/
/*    float: none;*/
/*  }*/
/*  .nav-user .dropdown > a {*/
/*    display: block;*/
/*    text-align: center;*/
/*    font-size: 18px;*/
/*    padding-bottom: 10px;*/
/*  }*/
/*  .nav-user .avatar {*/
/*    width: 160px !important;*/
/*    float: none !important;*/
/*    display: block;*/
/*    margin: 20px auto;*/
/*    padding: 5px;*/
/*    background-color: rgba(255,255,255,0.1);*/
/*    position: relative;*/
/*  }*/
/*  .nav-user .avatar:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 5px;*/
/*    right: 5px;*/
/*    bottom: 5px;*/
/*    top: 5px;*/
/*    border: 4px solid #fff;*/
/*    border-radius: 500px;*/
/*  }*/
/*  .nav-off-screen {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0px;*/
/*    bottom: 0;*/
/*    width: 75%;*/
/*    visibility: visible;*/
/*    /*overflow-x: hidden;*/
/*    overflow-y: auto;*/*/
/*    -webkit-overflow-scrolling: touch;*/
/*  }*/
/*  .nav-off-screen .nav-primary {*/
/*    display: block !important;*/
/*  }*/
/*  .nav-off-screen .navbar-fixed-top-xs {*/
/*    width: 75%;*/
/*  }*/
/*  .nav-off-screen.push-right .navbar-fixed-top-xs {*/
/*    left: 25%;*/
/*  }*/
/*  .nav-off-screen.push-right {*/
/*    left: auto;*/
/*    right: 0;*/
/*  }*/
/*  .nav-off-screen.push-right + * {*/
/*    -webkit-transform: translate3d(-75%,0px,0px);*/
/*    transform: translate3d(-75%,0px,0px);*/
/*  }*/
/*  .nav-off-screen + * {*/
/*    background-color: #f7f7f7;*/
/*    -webkit-transition: -webkit-transform 0.2s ease-in-out;*/
/*    -moz-transition: -moz-transform 0.2s ease-in-out;*/
/*    -o-transition: -o-transform 0.2s ease-in-out;*/
/*    transition: transform 0.2s ease-in-out;*/
/*    -webkit-transition-delay: 0s;*/
/*    transition-delay: 0s;*/
/*    -webkit-transform: translate3d(0px,0px,0px);*/
/*    transform: translate3d(0px,0px,0px);*/
/*    -webkit-backface-visibility: hidden;*/
/*    -moz-backface-visibility: hidden;*/
/*    backface-visibility: hidden;*/
/*    -webkit-transform: translate3d(150px,0px,0px);*/
/*    transform: translate3d(150px,0px,0px);*/
/*    overflow: hidden;*/
/*    position: relative;*/
/*    top: 0;*/
/*    left: 0;*/
/*    height: 100%;*/
/*    z-index: 2;*/
/*  }*/
/*  .nav-off-screen + * .nav-off-screen-block {*/
/*    display: block !important;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    z-index: 1950;*/
/*  }*/
/*  .navbar + section .nav-off-screen {*/
/*    top: 50px;*/
/*  }*/
/*  .slimScrollDiv,*/
/*  .slim-scroll {*/
/*    overflow: visible !important;*/
/*    height: auto !important;*/
/*  }*/
/*  .slimScrollBar,*/
/*  .slimScrollRail {*/
/*    display: none !important;*/
/*  }*/
/*}*/
.arrow {
  border-width: 8px;
  z-index: 10;
}
.arrow,
.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.arrow:after {
  border-width: 7px;
  content: "";
}
.arrow.top {
  left: 50%;
  margin-left: -8px;
  border-top-width: 0;
  border-bottom-color: #eee;
  border-bottom-color: rgba(0,0,0,0.1);
  top: -8px;
}
.arrow.top:after {
  content: " ";
  top: 1px;
  margin-left: -7px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.arrow.right {
  top: 50%;
  right: -8px;
  margin-top: -8px;
  border-right-width: 0;
  border-left-color: #eee;
  border-left-color: rgba(0,0,0,0.1);
}
.arrow.right:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -7px;
}
.arrow.bottom {
  left: 50%;
  margin-left: -8px;
  border-bottom-width: 0;
  border-top-color: #eee;
  border-top-color: rgba(0,0,0,0.1);
  bottom: -8px;
}
.arrow.bottom:after {
  content: " ";
  bottom: 1px;
  margin-left: -7px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.arrow.left {
  top: 50%;
  left: -8px;
  margin-top: -8px;
  border-left-width: 0;
  border-right-color: #eee;
  border-right-color: rgba(0,0,0,0.1);
}
.arrow.left:after {
  content: " ";
  left: 1px;
  border-left-width: 0;
  border-right-color: #fff;
  bottom: -7px;
}
.btn-link {
  color: #717171;
}
.btn-link.active {
  webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #717171 !important;
  background-color: #fafafa;
  border-color: #dadada;
  border-bottom-color: #ccc;
  -webkit-box-shadow: 0 1px 1px rgba(90,90,90,0.1);
  box-shadow: 0 1px 1px rgba(90,90,90,0.1);
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #717171 !important;
  background-color: #ededed;
  border-color: #c6c6c6;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: #fafafa;
  border-color: #dadada;
}
.btn-default.btn-bg {
  border-color: rgba(0,0,0,0.1);
  background-clip: padding-box;
}
.btn-primary,
.wrap-profile .btn-primary.reset_pass{
    color: #fff !important;
    border: 1px solid #058c32;
    background: rgba(82,209,156,1);
    background: -moz-linear-gradient(top, rgba(82,209,156,1) 0%, rgba(32,159,89,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(82,209,156,1)), color-stop(100%, rgba(32,159,89,1)));
    background: -webkit-linear-gradient(top, rgba(82,209,156,1) 0%, rgba(32,159,89,1) 100%);
    background: -o-linear-gradient(top, rgba(82,209,156,1) 0%, rgba(32,159,89,1) 100%);
    background: -ms-linear-gradient(top, rgba(82,209,156,1) 0%, rgba(32,159,89,1) 100%);
    background: linear-gradient(to bottom, rgba(82,209,156,1) 0%, rgba(32,159,89,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52d19c', endColorstr='#209f59', GradientType=0 );
   font-size: 14px;
    padding: 5px 14px;
    text-align: center;
    position: relative;
    left: 0;
    /*float: right;*/
    /*width: 200px;*/
    margin: 0 !important;
    border-radius: 20px !important;
}
.edit-type .btn-primary{
    margin: 20px 15px 0 !important
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.wrap-profile .btn-primary.reset_pass:hover{
  color: #058c32 !important;
  background: none;
  border-color: #058c32;
  outline: 0 none;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #65bd77;
  border-color: #65bd77;
}
.btn-success {
  color: #fff !important;
  background-color: #8ec165;
  border-color: #8ec165;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff !important;
  background-color: #81ba53;
  border-color: #79b549;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #8ec165;
  border-color: #8ec165;
}
.btn-info {
  color: #fff !important;
  background-color: #4cc0c1;
  border-color: #4cc0c1;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff !important;
  background-color: #3fb4b5;
  border-color: #3ba9a9;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #4cc0c1;
  border-color: #4cc0c1;
}
.btn-warning {
  color: #fff !important;
  background-color: #ffc333;
  border-color: #ffc333;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff !important;
  background-color: #ffbc1a;
  border-color: #ffb70a;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: #ffc333;
  border-color: #ffc333;
}
.btn-danger {
  color: #fff !important;
  background-color: #fb6b5b;
  border-color: #fb6b5b;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff !important;
  background-color: #fa5542;
  border-color: #fa4733;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #fb6b5b;
  border-color: #fb6b5b;
}
.btn-dark {
  color: #fff !important;
  background-color: #1f930b;
  border-color: #1f930b;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  color: #fff !important;
  /*background-color: #25313e;*/
  /*border-color: #1f2a34;*/
  opacity: 0.8;
}
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  background-image: none;
}
.btn-dark.disabled,
.btn-dark.disabled:hover,
.btn-dark.disabled:focus,
.btn-dark.disabled:active,
.btn-dark.disabled.active,
.btn-dark[disabled],
.btn-dark[disabled]:hover,
.btn-dark[disabled]:focus,
.btn-dark[disabled]:active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark,
fieldset[disabled] .btn-dark:hover,
fieldset[disabled] .btn-dark:focus,
fieldset[disabled] .btn-dark:active,
fieldset[disabled] .btn-dark.active {
  background-color: #2e3e4e;
  border-color: #2e3e4e;
}
.btn-twitter {
  color: #fff !important;
  background-color: #00c7f7;
  border-color: #00c7f7;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
  color: #fff !important;
  background-color: #00b2de;
  border-color: #00a6ce;
}
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
  background-image: none;
}
.btn-twitter.disabled,
.btn-twitter.disabled:hover,
.btn-twitter.disabled:focus,
.btn-twitter.disabled:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled],
.btn-twitter[disabled]:hover,
.btn-twitter[disabled]:focus,
.btn-twitter[disabled]:active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter,
fieldset[disabled] .btn-twitter:hover,
fieldset[disabled] .btn-twitter:focus,
fieldset[disabled] .btn-twitter:active,
fieldset[disabled] .btn-twitter.active {
  background-color: #00c7f7;
  border-color: #00c7f7;
}
.btn-facebook {
  color: #fff !important;
  background-color: #335397;
  border-color: #335397;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
  color: #fff !important;
  background-color: #2d4984;
  border-color: #294279;
}
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
  background-image: none;
}
.btn-facebook.disabled,
.btn-facebook.disabled:hover,
.btn-facebook.disabled:focus,
.btn-facebook.disabled:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled],
.btn-facebook[disabled]:hover,
.btn-facebook[disabled]:focus,
.btn-facebook[disabled]:active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook,
fieldset[disabled] .btn-facebook:hover,
fieldset[disabled] .btn-facebook:focus,
fieldset[disabled] .btn-facebook:active,
fieldset[disabled] .btn-facebook.active {
  background-color: #335397;
  border-color: #335397;
}
.btn-gplus {
  color: #fff !important;
  background-color: #dd4a38;
  border-color: #dd4a38;
}
.btn-gplus:hover,
.btn-gplus:focus,
.btn-gplus:active,
.btn-gplus.active,
.open .dropdown-toggle.btn-gplus {
  color: #fff !important;
  background-color: #d73825;
  border-color: #ca3522;
}
.btn-gplus:active,
.btn-gplus.active,
.open .dropdown-toggle.btn-gplus {
  background-image: none;
}
.btn-gplus.disabled,
.btn-gplus.disabled:hover,
.btn-gplus.disabled:focus,
.btn-gplus.disabled:active,
.btn-gplus.disabled.active,
.btn-gplus[disabled],
.btn-gplus[disabled]:hover,
.btn-gplus[disabled]:focus,
.btn-gplus[disabled]:active,
.btn-gplus[disabled].active,
fieldset[disabled] .btn-gplus,
fieldset[disabled] .btn-gplus:hover,
fieldset[disabled] .btn-gplus:focus,
fieldset[disabled] .btn-gplus:active,
fieldset[disabled] .btn-gplus.active {
  background-color: #dd4a38;
  border-color: #dd4a38;
}
.camback{
    margin: 20px;
}
.btn {
  font-weight: 500;
  border-radius: 2px;
}
.btn-icon {
  padding-left: 0;
  padding-right: 0;
  width: 34px;
  text-align: center;
}
.btn-icon.btn-sm {
  width: 30px;
}
.btn-icon.btn-lg {
  width: 45px;
}
.text-active,
.active > .text {
  display: none !important;
}
.active > .text-active {
  display: inline-block !important;
}
.btn-group-justified {
  border-collapse: separate;
}
.btn-rounded {
  border-radius: 50px;
}
.btn > i.pull-left,
.btn > i.pull-right {
  line-height: 1.428571429;
}
.btn-block {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 2px;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 2px;
}
.chat-item:before,
.chat-item:after {
  content: " ";
  display: table;
}
.chat-item:after {
  clear: both;
}
.chat-item .arrow {
  top: 20px;
}
.chat-item .arrow.right:after {
  border-left-color: #8ec165;
}
.chat-item .chat-body {
  position: relative;
  margin-left: 45px;
  min-height: 30px;
}
.chat-item .chat-body .panel {
  margin: 0 -1px;
}
.chat-item.right .chat-body {
  margin-left: 0;
  margin-right: 45px;
}
.chat-item+.chat-item {
  margin-top: 15px;
}
.comment-list {
  position: relative;
}
.comment-list .comment-item {
  margin-top: 0;
  position: relative;
}
.comment-list .comment-item > .thumb-sm {
  width: 36px;
}
.comment-list .comment-item .arrow.left {
  top: 20px;
  left: 39px;
}
.comment-list .comment-item .comment-body {
  margin-left: 46px;
}
.comment-list .comment-item .panel-body {
  padding: 10px 15px;
}
.comment-list .comment-item .panel-heading,
.comment-list .comment-item .panel-footer {
  position: relative;
  font-size: 12px;
  background-color: #fff;
}
.comment-list .comment-reply {
  margin-left: 46px;
}
.comment-list:before {
  position: absolute;
  top: 0;
  bottom: 35px;
  left: 18px;
  width: 1px;
  background: #e0e4e8;
  content: '';
}
.timeline {
  display: table;
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
  position: relative;
  border-collapse: collapse;
}
.timeline:before {
  content: "";
  width: 6px;
  margin-left: -4px;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 30px;
  background-color: #ddd;
  z-index: 0;
}
.timeline .timeline-date {
  position: absolute;
  width: 150px;
  left: -200px;
  top: 50%;
  margin-top: -9px;
  text-align: right;
}
.timeline .timeline-icon {
  position: absolute;
  left: -41px;
  top: -2px;
  top: 50%;
  margin-top: -15px;
}
.timeline .time-icon {
  width: 30px;
  height: 30px;
  line-height: 26px;
  display: inline-block !important;
  z-index: 10;
  border: 2px solid #fff;
  border-radius: 20px;
  text-align: center;
}
.timeline .time-icon:before {
  font-size: 16px;
  margin-top: 5px;
}
.timeline-item {
  display: table-row;
}
.timeline-item:before,
.timeline-item.alt:after {
  content: "";
  display: block;
  width: 50%;
}
.timeline-item.alt {
  text-align: right;
}
.timeline-item.alt:before {
  display: none;
}
.timeline-item.alt .panel {
  margin-right: 25px;
  margin-left: 0;
}
.timeline-item.alt .timeline-date {
  left: auto;
  right: -200px;
  text-align: left;
}
.timeline-item.alt .timeline-icon {
  left: auto;
  right: -41px;
}
.timeline-item.active {
  display: table-caption;
  text-align: center;
}
.timeline-item.active:before {
  width: 1%;
}
.timeline-item.active .timeline-caption {
  display: inline-block;
  width: auto;
}
.timeline-item.active .timeline-caption h5 span {
  color: #fff;
}
.timeline-item.active .panel {
  margin-left: 0;
}
.timeline-item.active .timeline-date,
.timeline-item.active .timeline-icon {
  position: static;
  margin-bottom: 10px;
  display: inline-block;
  width: auto;
}
.timeline-caption {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}
.timeline-caption .panel {
  display: inline-block;
  position: relative;
  margin-left: 25px;
  text-align: left;
}
.timeline-caption h5 {
  margin: 0;
}
.timeline-caption h5 span {
  display: block;
  color: #999;
  margin-bottom: 4px;
  font-size: 12px;
}
.timeline-caption p {
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 10px;
}
.timeline-footer {
  display: table-row;
}
.timeline-footer a {
  display: table-cell;
  text-align: right;
}
.timeline-footer .time-icon {
  margin-right: -15px;
  z-index: 5;
}
#note-list .note-name,
#note-list .note-desc {
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#note-list .note-desc {
  height: 16px;
  font-size: 11px;
}
#note-list li {
  cursor: pointer;
}
#task-list .edit {
  display: none;
  float: left;
  position: relative;
  left: 0;
  top: -8px;
  border-width: 0;
  background: transparent;
  box-shadow: none;
  padding: 0 30px 0 0;
  font-size: 13px;
  color: #fff;
}
#task-list .editing .task-name {
  display: none;
}
#task-list .editing .edit {
  display: block;
}
#task-list .checkbox {
  margin: 4px 0;
}
#task-list li {
  position: relative;
}
#task-list li .close {
  position: absolute;
  top: 13px;
  right: 15px;
}
#task-list li.done .task-name {
  text-decoration: line-through;
}
#task-detail textarea {
  height: 60px;
  font-size: 12px;
  border-radius: 0;
}
.paper {
  position: relative;
  background: -webkit-linear-gradient(top,#f0f0f0 0%,white 5%) 0 0;
  background: -moz-linear-gradient(top,#f0f0f0 0%,white 5%) 0 0;
  background: linear-gradient(top,#f0f0f0 0%,white 5%) 0 0;
  -webkit-background-size: 100% 30px;
  -moz-background-size: 100% 30px;
  -ms-background-size: 100% 30px;
  background-size: 100% 30px;
}
.paper:before {
  content: '';
  position: absolute;
  width: 0px;
  top: 0;
  left: 39px;
  bottom: 0;
  border-left: 1px solid #F9D3D3;
}
.paper textarea {
  border: none;
  background-color: transparent;
  height: 100%;
  padding: 30px 0 0 55px;
  line-height: 30px;
  min-height: 210px;
}
.tags .label {
  font-size: 1em;
  display: inline-block;
  padding: 6px 10px;
  margin-bottom: 3px;
}
.post-item {
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
  margin-bottom: 15px;
}
.post-item .post-title {
  margin-top: 0;
}
.post-item .post-media {
  text-align: center;
}
.post-item .post-media img {
  border-radius: 3px 3px 0 0;
}
.switch {
  cursor: pointer;
  position: relative;
}
.switch input {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.switch input:checked + span {
  background-color: #8ec165;
}
.switch input:checked + span:after {
  left: 31px;
}
.switch span {
  position: relative;
  width: 60px;
  height: 30px;
  border-radius: 30px;
  background-color: #fff;
  border: 1px solid #eee;
  border-color: rgba(0,0,0,0.1);
  display: inline-block;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.switch span:after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 26px;
  top: 1px;
  bottom: 1px;
  border-radius: 30px;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
  box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
  -webkit-transition: left 0.2s;
  transition: left 0.2s;
}
.nav-docs > ul > li > a {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.dropfile {
  border: 2px dashed #e0e4e8;
  text-align: center;
  min-height: 20px;
}
.dropfile.hover {
  border-color: #aac3cc;
}
.dropfile small {
  margin: 50px 0;
  display: block;
}
.portlet {
  min-height: 30px;
}
.grouptask{
  min-height: auto;
}
.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.easypiechart {
  position: relative;
  text-align: center;
}
.easypiechart .h2 {
  margin-left: 10px;
  margin-top: 10px;
  display: inline-block;
}
.easypiechart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.easypiechart .easypie-text {
  position: absolute;
  z-index: 1;
  line-height: 1;
  font-size: 75%;
  width: 100%;
  top: 60%;
}
.easypiechart img {
  margin-top: -4px;
}
.combodate select {
  display: inline-block;
}
.doc-buttons .btn {
  margin-bottom: 5px;
}
.the-icons {
  list-style: none;
}
.fontawesome-icon-list i {
  font-size: 14px;
  width: 40px;
  margin: 0;
  display: inline-block;
  text-align: center;
}
.fontawesome-icon-list a {
  line-height: 32px;
  display: block;
  white-space: nowrap;
}
.fontawesome-icon-list a:hover i {
  font-size: 28px;
  vertical-align: middle;
}
.th-sortable {
  cursor: pointer;
}
.th-sortable .th-sort {
  float: right;
  position: relative;
}
.th-sort i {
  position: relative;
  z-index: 1;
}
.th-sort .fa-sort {
  position: absolute;
  left: 0;
  top: 3px;
  color: #bac3cc;
  z-index: 0;
}
.th-sortable.active .text {
  display: none !important;
}
.th-sortable.active .text-active {
  display: inline-block !important;
}
.sortable-placeholder {
  list-style: none;
  border: 1px dashed #CCC;
  min-height: 50px;
  margin-bottom: 5px;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 18px;
  height: 20px;
}
.parsley-error-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 6px;
  font-size: 12px;
}
.parsley-error {
  border-color: #ff5f5f !important;
}
#content .datepicker td.active,
#content .datepicker td.active:hover,
#content .datepicker td.active:hover.active,
#content .datepicker td.active.active,
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active{
  background: #ddb03c !important;
}
.wizard .badge-info {
  background-color: #4cc0c1;
}
.wizard .badge-success {
  background-color: #8ec165;
}
.wizard ul li.active {
  color: #4cc0c1;
}
#flotTip {
  padding: 3px 5px;
  background-color: #000;
  z-index: 100;
  color: #fff;
  opacity: .7;
  filter: alpha(opacity=70);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.bg-gradient {
  background-image: -webkit-gradient(linear,left 0,left 100%,from(rgba(40,50,60,0)),to(rgba(40,50,60,0.05)));
  background-image: -webkit-linear-gradient(top,rgba(40,50,60,0),0,rgba(40,50,60,0.05),100%);
  background-image: -moz-linear-gradient(top,rgba(40,50,60,0) 0,rgba(40,50,60,0.05) 100%);
  background-image: linear-gradient(to bottom,rgba(40,50,60,0) 0,rgba(40,50,60,0.05) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#0c28323c', GradientType=0);
  filter: none;
}
.bg-light {
  background-color: #f1f1f1;
  color: #717171;
}
.bg-light.lt,
.bg-light .lt {
  background-color: #f7f7f7;
}
.bg-light.lter,
.bg-light .lter {
  /*background-color: #fefefe;*/
  background-color: none;
    padding: 20px 0 0 !important;
    /*padding: 26px 0 0 !important;*/
    border: 0 none;
}
.bg-light.dk,
.bg-light .dk {
  background-color: #ebebeb;
}
.bg-light.dker,
.bg-light .dker {
  background-color: #e4e4e4;
}
.bg-light .bg {
  background-color: #f1f1f1;
}
.bg-dark {
  background-color: #2e3e4e;
  color: #9db1c5;
}
.bg-dark.lt,
.bg-dark .lt {
  background-color: #374b5e;
}
.bg-dark.lter,
.bg-dark .lter {
  background-color: #41586e;
}
.bg-dark.dk,
.bg-dark .dk {
  /*background-color: #2e2e2e;*/
  /*background: #092c42;*/
  /*background: url(../images/top-bg.jpg) repeat #243674;*/
  }
.bg-dark.dker,
.bg-dark .dker {
  background-color: #1b252e;
}
.bg-dark .bg {
  background-color: #2e3e4e;
}
.bg-dark a {
  color: #F2F2F2;
}
.bg-dark a:hover {
  color: #fff;
}
.bg-dark a.list-group-item:hover,
.bg-dark a.list-group-item:focus {
  background-color: inherit;
}
.bg-dark .nav .caret {
  /*border-top-color: #F2F2F2;
  border-bottom-color: #F2F2F2;*/
  border: 0 none;
  width: 8px;
  height: 6px;
  background: url(../images/caret-dwn.png) no-repeat;
    /*margin-left: 12px;*/
    position: absolute;
    right: 0;
    top: 13px;
}
.bg-dark .nav > li > a {
  color: #F2F2F2;
  position: relative;
}
.bg-dark .nav > li{
    padding: 0;
}
.bg-dark .nav > li:hover,
.bg-dark .nav > li.open{
    /*background: #F7B900;*/
    background-color: #0397db;
	/*border: solid 1px #eefdfe;*/
}
.bg-dark .nav > li:hover .dropdown-toggle,
.bg-dark .nav > li.open .dropdown-toggle{
    color: #fff;
}
.bg-dark .nav > li > a:hover,
.bg-dark .nav > li > a:focus {
  color: #fff;
  background: none;
}
.bg-dark .nav > li > a:hover .caret,
.bg-dark .nav > li > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.bg-dark .nav .open > a {
  /*background-color: #249610;*/
  background: none;
}
.bg-dark.navbar .nav > li.active > a {
  color: #fff;
  background-color: #25313e;
}
.bg-dark .open > a,
.bg-dark .open > a:hover,
.bg-dark .open > a:focus {
  color: #fff;
}
.bg-dark .text-muted {
  color: #8da4bb !important;
}
.bg-dark .icon-muted {
  color: #4a647e !important;
}
.bg-black {
  background-color: #282828;
  color: #9b9b9b;
}
.bg-black.lt,
.bg-black .lt {
  background-color: #353535;
}
.bg-black.lter,
.bg-black .lter {
  background-color: #424242;
}
.bg-black.dk,
.bg-black .dk {
  background-color: #1b1b1b;
}
.bg-black.dker,
.bg-black .dker {
  background-color: #0f0f0f;
}
.bg-black .bg {
  background-color: #282828;
}
.bg-black a {
  color: #a8a8a8;
}
.bg-black a:hover {
  color: #fff;
}
.bg-black a.list-group-item:hover,
.bg-black a.list-group-item:focus {
  background-color: inherit;
}
.bg-black .nav .caret {
  border-top-color: #9b9b9b;
  border-bottom-color: #9b9b9b;
}
.bg-black .nav > li > a {
  color: #a8a8a8;
}
.bg-black .nav > li > a:hover,
.bg-black .nav > li > a:focus {
  color: #fff;
  background-color: #1b1b1b;
}
.bg-black .nav > li > a:hover .caret,
.bg-black .nav > li > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.bg-black .nav .open > a {
  background-color: #1b1b1b;
}
.bg-black.navbar .nav > li.active > a {
  color: #fff;
  background-color: #1b1b1b;
}
.bg-black .open > a,
.bg-black .open > a:hover,
.bg-black .open > a:focus {
  color: #fff;
}
.bg-black .text-muted {
  color: #8e8e8e !important;
}
.bg-black .icon-muted {
  color: #4e4e4e !important;
}
.bg-primary {
  background-color: #ddb03c;
  color: #e2f3e5;
}
.bg-primary.lt,
.bg-primary .lt {
  background-color: #77c587;
}
.bg-primary.lter,
.bg-primary .lter {
  background-color: #89cc97;
}
.bg-primary.dk,
.bg-primary .dk {
  background-color: #53b567;
}
.bg-primary.dker,
.bg-primary .dker {
  background-color: #48a75b;
}
.bg-primary .bg {
  background-color: #65bd77;
}
.bg-primary a {
  color: #ffffff;
}
.bg-primary a:hover {
  color: #fff;
}
.bg-primary a.list-group-item:hover,
.bg-primary a.list-group-item:focus {
  background-color: inherit;
}
.bg-primary .nav .caret {
  border-top-color: #e2f3e5;
  border-bottom-color: #e2f3e5;
}
.bg-primary .nav > li > a {
  color: #ffffff;
}
.bg-primary .nav > li > a:hover,
.bg-primary .nav > li > a:focus {
  color: #fff;
  background-color: #53b567;
}
.bg-primary .nav > li > a:hover .caret,
.bg-primary .nav > li > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.bg-primary .nav .open > a {
  background-color: #53b567;
}
.bg-primary.navbar .nav > li.active > a {
  color: #fff;
  background-color: #53b567;
}
.bg-primary .open > a,
.bg-primary .open > a:hover,
.bg-primary .open > a:focus {
  color: #fff;
}
.bg-primary .text-muted {
  color: #d0ebd6 !important;
}
.bg-primary .icon-muted {
  color: #77c587 !important;
}
.bg-success {
  background-color: #8ec165;
  color: #ebf4e4;
}
.bg-success.lt,
.bg-success .lt {
  background-color: #9bc877;
}
.bg-success.lter,
.bg-success .lter {
  background-color: #a9d089;
}
.bg-success.dk,
.bg-success .dk {
  background-color: #81ba53;
}
.bg-success.dker,
.bg-success .dker {
  background-color: #74ad46;
}
.bg-success .bg {
  background-color: #8ec165;
}
.bg-success a {
  color: #ffffff;
}
.bg-success a:hover {
  color: #fff;
}
.bg-success a.list-group-item:hover,
.bg-success a.list-group-item:focus {
  background-color: inherit;
}
.bg-success .nav .caret {
  border-top-color: #ebf4e4;
  border-bottom-color: #ebf4e4;
}
.bg-success .nav > li > a {
  color: #ffffff;
}
.bg-success .nav > li > a:hover,
.bg-success .nav > li > a:focus {
  color: #fff;
  background-color: #81ba53;
}
.bg-success .nav > li > a:hover .caret,
.bg-success .nav > li > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.bg-success .nav .open > a {
  background-color: #81ba53;
}
.bg-success.navbar .nav > li.active > a {
  color: #fff;
  background-color: #81ba53;
}
.bg-success .open > a,
.bg-success .open > a:hover,
.bg-success .open > a:focus {
  color: #fff;
}
.bg-success .text-muted {
  color: #deedd2 !important;
}
.bg-success .icon-muted {
  color: #9bc877 !important;
}
.bg-info {
  background-color: #4cc0c1;
  color: #d1efef;
}
.bg-info.lt,
.bg-info .lt {
  background-color: #5fc7c8;
}
.bg-info.lter,
.bg-info .lter {
  background-color: #72cdce;
}
.bg-info.dk,
.bg-info .dk {
  background-color: #3fb4b5;
}
.bg-info.dker,
.bg-info .dker {
  background-color: #38a1a2;
}
.bg-info .bg {
  background-color: #4cc0c1;
}
.bg-info a {
  color: #ffffff;
}
.bg-info a:hover {
  color: #fff;
}
.bg-info a.list-group-item:hover,
.bg-info a.list-group-item:focus {
  background-color: inherit;
}
.bg-info .nav .caret {
  border-top-color: #d1efef;
  border-bottom-color: #d1efef;
}
.bg-info .nav > li > a {
  color: #ffffff;
}
.bg-info .nav > li > a:hover,
.bg-info .nav > li > a:focus {
  color: #fff;
  background-color: #3fb4b5;
}
.bg-info .nav > li > a:hover .caret,
.bg-info .nav > li > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.bg-info .nav .open > a {
  background-color: #3fb4b5;
}
.bg-info.navbar .nav > li.active > a {
  color: #fff;
  background-color: #3fb4b5;
}
.bg-info .open > a,
.bg-info .open > a:hover,
.bg-info .open > a:focus {
  color: #fff;
}
.bg-info .text-muted {
  color: #bee8e8 !important;
}
.bg-info .icon-muted {
  color: #5fc7c8 !important;
}
.bg-warning {
  background: #edb100 !important;
  color: #fff;
}
.bg-warning.lt,
.bg-warning .lt {
  background-color: #ffcb4d;
}
.bg-warning.lter,
.bg-warning .lter {
  background-color: #ffd266;
}
.bg-warning.dk,
.bg-warning .dk {
  background-color: #ffbc1a;
}
.bg-warning.dker,
.bg-warning .dker {
  background-color: #ffb400;
}
.bg-warning .bg {
  background-color: #ffc333;
}
.bg-warning a {
  color: #ffffff;
}
.bg-warning a:hover {
  color: #fff;
}
.bg-warning a.list-group-item:hover,
.bg-warning a.list-group-item:focus {
  background-color: inherit;
}
.bg-warning .nav .caret {
  border-top-color: #fff8e6;
  border-bottom-color: #fff8e6;
}
.bg-warning .nav > li > a {
  color: #ffffff;
}
.bg-warning .nav > li > a:hover,
.bg-warning .nav > li > a:focus {
  color: #fff;
  background-color: #ffbc1a;
}
.bg-warning .nav > li > a:hover .caret,
.bg-warning .nav > li > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.bg-warning .nav .open > a {
  background-color: #ffbc1a;
}
.bg-warning.navbar .nav > li.active > a {
  color: #fff;
  background-color: #ffbc1a;
}
.bg-warning .open > a,
.bg-warning .open > a:hover,
.bg-warning .open > a:focus {
  color: #fff;
}
.bg-warning .text-muted {
  color: #fff0cc !important;
}
.bg-warning .icon-muted {
  color: #ffcb4d !important;
}
.bg-danger {
  background-color: #edb100 !important;
  color: #ffffff;
}
.bg-danger.lt,
.bg-danger .lt {
  background-color: #fc8174;
}
.bg-danger.lter,
.bg-danger .lter {
  background-color: #fc988d;
}
.bg-danger.dk,
.bg-danger .dk {
  background-color: #fa5542;
}
.bg-danger.dker,
.bg-danger .dker {
  background-color: #fa3e29;
}
.bg-danger .bg {
  background-color: #fb6b5b;
}
.bg-danger a {
  color: #ffffff;
}
.bg-danger a:hover {
  color: #fff;
}
.bg-danger a.list-group-item:hover,
.bg-danger a.list-group-item:focus {
  background-color: inherit;
}
.bg-danger .nav .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.bg-danger .nav > li > a {
  color: #ffffff;
}
.bg-danger .nav > li > a:hover,
.bg-danger .nav > li > a:focus {
  color: #fff;
  background-color: #fa5542;
}
.bg-danger .nav > li > a:hover .caret,
.bg-danger .nav > li > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.bg-danger .nav .open > a {
  background-color: #fa5542;
}
.bg-danger.navbar .nav > li.active > a {
  color: #fff;
  background-color: #fa5542;
}
.bg-danger .open > a,
.bg-danger .open > a:hover,
.bg-danger .open > a:focus {
  color: #fff;
}
.bg-danger .text-muted {
  color: #fff2f0 !important;
}
.bg-danger .icon-muted {
  color: #fc8174 !important;
}
.bg-white {
  background-color: #fff;
  color: #717171;
}
.bg-white a {
  color: #2e3e4e;
}
.bg-white a:hover {
  color: #1b252e;
}
.bg-white .text-muted {
  color: #979797 !important;
}
.bg-white-only {
  background-color: #fff;
}
.bg-empty {
  background-color: transparent;
}
.pos-rlt {
  position: relative;
}
.pos-stc {
  position: static;
}
.pos-abt {
  position: absolute;
}
.line {
  *width: 100%;
  height: 2px;
  margin: 10px 0;
  font-size: 0;
  overflow: hidden;
  background-color: transparent;
  border-width: 0;
  border-top: 1px solid #e8e8e8;
}
.line-xs {
  margin: 0;
}
.line-lg {
  margin-top: 15px;
  margin-bottom: 15px;
}
.line-dashed {
  border-style: dashed;
  background: transparent;
}
.new_client .line-dashed {
    clear: both;
    margin: -6px 0 15px;
}
.no-line {
  border-width: 0;
}
.no-border,
.no-borders {
  border-color: transparent;
  border-width: 0;
}
.no-radius {
  border-radius: 0;
}
.block {
  display: block;
}
.block.hide {
  display: none;
}
.inline {
  display: inline-block !important;
}
.pull-none {
  float: none;
}
.rounded {
  border-radius: 500px;
}
.btn-s-xs {
  min-width: 90px;
}
.btn-s-sm {
  min-width: 100px;
}
.btn-s-md {
  min-width: 120px;
}
.btn-s-lg {
  min-width: 150px;
}
.btn-s-xl {
  min-width: 200px;
}
.l-h-2x {
  line-height: 2em;
}
.l-h-1x {
  line-height: 1.2;
}
.l-h {
  line-height: 1.5;
}
.v-middle {
  vertical-align: middle !important;
}
.v-top {
  vertical-align: top !important;
}
.v-bottom {
  vertical-align: bottom !important;
}
.font-thin {
  font-weight: 300;
}
.font-normal {
  font-weight: normal;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.text-md {
  font-size: 0.85em;
}
.text-sm {
  font-size: 12px;
}
.text-xs {
  font-size: 10px;
}
.text-ellipsis {
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-uc {
  text-transform: uppercase;
}
.text-lt {
  text-decoration: line-through;
}
.text-ul {
  text-decoration: underline;
}
.box-shadow {
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.avatar {
  border: 1px solid rgba(255,255,255,0.35);
  display: block;
  border-radius: 500px;
  white-space: nowrap;
}
.avatar img {
  border-radius: 500px;
}
.wrapper-sm {
  padding: 10px;
}
.wrapper {
  padding: 15px;
}
.wrapper-lg {
  padding: 30px;
}
.wrapper-xl {
  padding: 50px;
}
.padder {
  padding-left: 0;
  /*padding-right: 15px;*/
  padding-top: 10px;
}
.padder-v {
  padding-top: 15px;
  padding-bottom: 15px;
}
.no-padder {
  padding: 0 !important;
}
.pull-in {
  margin-left: -15px;
  margin-right: -15px;
}
.pull-out {
  margin: -10px -15px;
}
.b-a {
  border: 1px solid #cfcfcf;
}
.b-t {
  border-top: 1px solid #cfcfcf;
}
.b-r {
  border-right: 1px solid #dde1ee;
}
.b-b {
  border-bottom: 1px solid #cfcfcf;
}
.b-l {
  border-left: 1px solid #cfcfcf;
}
.b-light {
  border-color: #e4e4e4;
}
.b-dark {
  border-color: #1f930b;
}
.b-primary {
  border-color: #77c587;
}
.b-success {
  border-color: #9bc877;
}
.b-info {
  border-color: #5fc7c8;
}
.b-warning {
  border-color: #ffcb4d;
}
.b-danger {
  border-color: #fc8174;
}
.b-black {
  border-color: #353535;
}
.b-white {
  border-color: #fff;
}
.b-2x {
  border-width: 2px;
}
.b-3x {
  border-width: 3px;
}
.r {
  border-radius: 2px 2px 2px 2px;
}
.r-l {
  border-radius: 2px 0 0 2px;
}
.r-r {
  border-radius: 0 2px 2px 0;
}
.r-t {
  border-radius: 2px 2px 0 0;
}
.r-b {
  border-radius: 0 0 2px 2px;
}
.m-xs {
  margin: 5px;
}
.m-sm {
  margin: 10px;
}
.m {
  margin: 15px;
}
.m-md {
  margin: 20px;
}
.m-lg {
  margin: 30px;
}
.m-n {
  margin: 0 !important;
}
.m-l-none {
  margin-left: 0;
}
.m-l-xs {
  margin-left: 5px;
}
.m-l-sm {
  margin-left: 10px;
}
.m-l {
  margin-left: 15px;
}
.m-l-md {
  margin-left: 20px;
}
.m-l-lg {
  margin-left: 30px;
}
.m-l-xl {
  margin-left: 40px;
}
.m-l-n-xxs {
  margin-left: -1px;
}
.m-l-n-xs {
  margin-left: -5px;
}
.m-l-n-sm {
  margin-left: -10px;
}
.m-l-n {
  margin-left: -15px;
}
.m-l-n-md {
  margin-left: -20px;
}
.m-l-n-lg {
  margin-left: -30px;
}
.m-l-n-xl {
  margin-left: -40px;
}
.m-t-none {
  margin-top: 0;
}
.m-t-xxs {
  margin-top: 1px;
}
.m-t-xs {
  margin-top: 5px;
}
.m-t-sm {
  margin-top: 10px;
}
.m-t {
  margin-top: 15px;
}
.m-t-md {
  margin-top: 20px;
}
.m-t-lg {
  margin-top: 30px;
}
.m-t-xl {
  margin-top: 40px;
}
.m-t-n-xxs {
  margin-top: -1px;
}
.m-t-n-xs {
  margin-top: -5px;
}
.m-t-n-sm {
  margin-top: -10px;
}
.m-t-n {
  margin-top: -15px;
}
.m-t-n-md {
  margin-top: -20px;
}
.m-t-n-lg {
  margin-top: -30px;
}
.m-t-n-xl {
  margin-top: -40px;
}
.m-r-none {
  margin-right: 0;
}
.m-r-xs {
  margin-right: 5px;
}
.m-r-sm {
  margin-right: 10px;
}
.m-r {
  margin-right: 15px;
}
.m-r-md {
  margin-right: 20px;
}
.m-r-lg {
  margin-right: 30px;
}
.m-r-xl {
  margin-right: 40px;
}
.m-r-n-xxs {
  margin-right: -1px;
}
.m-r-n-xs {
  margin-right: -5px;
}
.m-r-n-sm {
  margin-right: -10px;
}
.m-r-n {
  margin-right: -15px;
}
.m-r-n-md {
  margin-right: -20px;
}
.m-r-n-lg {
  margin-right: -30px;
}
.m-r-n-xl {
  margin-right: -40px;
}
.m-b-none {
  margin-bottom: 0;
}
.m-b-xs {
  margin-bottom: 5px;
}
.m-b-sm {
  margin-bottom: 10px;
}
.m-b {
  margin-bottom: 15px;
}
.m-b-md {
  margin-bottom: 20px;
}
.m-b-lg {
  margin-bottom: 30px;
}
.m-b-xl {
  margin-bottom: 40px;
}
.m-b-n-xxs {
  margin-bottom: -1px;
}
.m-b-n-xs {
  margin-bottom: -5px;
}
.m-b-n-sm {
  margin-bottom: -10px;
}
.m-b-n {
  margin-bottom: -15px;
}
.m-b-n-md {
  margin-bottom: -20px;
}
.m-b-n-lg {
  margin-bottom: -30px;
}
.m-b-n-xl {
  margin-bottom: -40px;
}
.media-xs {
  min-width: 50px;
}
.media-sm {
  min-width: 80px;
}
.media-md {
  min-width: 90px;
}
.media-lg {
  min-width: 120px;
}
.thumb {
  width: 64px;
  display: inline-block;
}
.thumb-lg {
  width: 128px;
  display: inline-block;
}
.thumb-md {
  width: 90px;
  display: inline-block;
}
.thumb-xs {
  width: 18px;
  display: inline-block;
}
.thumb-sm {
width: 30px;
    height: 30px;
    overflow: hidden;
    display: inline-block;
    margin: 0;
    border-radius: 5px;
}
.thumb-wrapper {
  padding: 2px;
  border: 1px solid #ddd;
}
.thumb img,
.thumb-xs img,
.thumb-sm img,
.thumb-md img,
.thumb-lg img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
.img-full {
  max-width: 100%;
}
.img-full > img {
  max-width: 100%;
}
.clear {
  display: block;
  overflow: hidden;
}
.scroll-x,
.scroll-y {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.scroll-y {
  overflow-y: auto;
}
.scroll-x {
  overflow-x: auto;
}
.no-touch .scroll-x,
.no-touch .scroll-y {
  overflow: hidden;
}
.no-touch .scroll-x:hover,
.no-touch .scroll-x:focus,
.no-touch .scroll-x:active {
  overflow-x: auto;
}
.no-touch .scroll-y:hover,
.no-touch .scroll-y:focus,
.no-touch .scroll-y:active {
  overflow-y: auto;
}
.no-touch .hover-action {
  display: none;
}
.no-touch .hover:hover .hover-action {
  display: inherit;
}
.h {
  font-size: 170px;
  font-weight: 300;
  text-shadow: 0 1px 0 #d9d9d9, 0 2px 0 #d0d0d0, 0 5px 10px rgba(0,0,0,0.125), 0 10px 20px rgba(0,0,0,0.2);
}
/************/
.index-block{
    float: left;
    width: 100%;
}
.index-block h3{
    margin: 0;
    color: #349424;
}
.index-block .swork,
.index-block .future_call{
    float: left;
    margin: 0 10px 0 0;
    font-weight: bold;
    color: #349424;
    font-size: 14px;
}
.index-block .future_call{
    clear: both;
    margin: 0 0 5px 0;
    font-size: 16px;
}
.index-block .future_call h4{
    margin: 1px 10px 0 0;
    color: #717171;
    float: left;
}
.index-block .swork span,
.index-block .future_call span{
    font-weight: normal;
}
.index-block .all-task,
.sales-block .new_client,
.product-block .new_susharka{
    border: 2px solid #003399;
    color: #003399;
    padding: 2px 5px;
    font-size: 14px;
    border-radius: 5px;
    margin: 0 0 0 10px;
    cursor: pointer;
}
.index-block .all-task:hover,
.sales-block .new_client:hover,
.product-block .new_susharka:hover{
    background: #003399;
    color: #fff;
}
.index-block table{
    /*margin-top: 20px;*/
    float: left;
}
.index-block table th{
        text-align: left;
    padding: 7px 15px !important;
    font-size: 10px !important;
    text-transform: none;
    border: 0 none !important;
    color: #888888;
    font-weight: normal;
    text-transform: uppercase;
}
.index-block table .date-creation{
    /*width: 90px;*/
    /*text-align: center;*/
}
.index-block table th.spent-time{
    width: 128px;
    text-align: center;
}
.index-block table th.last-time{
    width: 140px;
    text-align: center;
    padding: 8px 4px;
}
.index-block table td.last-time{
    padding: 8px 4px;
}
.index-block table .deadline{
    width: 90px;
    text-align: center;
}
.index-block table .task{
    width: 134px;
    /*text-align: center;*/
}
.index-block .table > thead > tr > th{
    border-color: #349424;
    font-size: 14px;
}
/*.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: rgba(187, 186, 186, 0.12) !important;
}*/
/*.panel .allusers thead > tr > th,
.allclients .table th,
.history-client .table th,
.allcalls .table th,
.sales-block .table th,
.product-block .table th{
     font-size: 12px;
     color: #333333;
     text-transform: uppercase;
     font-weight: normal;
     border: 0 none;
     padding: 18px 15px;
}*/
.table-shadow{
    border: 1px solid #cecece;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
}
.panel .allusers .name,
.allclients .table .name,
.history-client .table .name,
.allcalls .table .name,
.sales-block .table .name{
    font-weight: bold;
}
.index-block .table .user{
    font-weight: bold;
}
.index-block .table td{
    vertical-align: middle;
    border: 0 none;
}
.add-client p,
.editclient p,
.addtask p,
.sales-block p,
.product-block p{
    margin: 0 0 4px 0;
}
.add-client p,
.editclient p,
.addtask p{
    font-size: 12px;
    line-height: 14px;
    color: #9ea3b5;
}
.addtask p{
        margin: 5px 0 4px 0;
}
.sales-block p,
.product-block p{
    clear: both;
}
.add-client .btn-primary,
.editclient .btn-primary,
.addtask .btn-primary,
.sales-block .btn-primary,
.product-block .btn-primary{
    margin: 20px 0 0;
}
.sales-block .btn-primary,
.product-block .btn-primary{
    margin-bottom: 20px;
}
.editclient textarea,
.addtask textarea,
.sales-block textarea{
    resize: vertical;
}
.addtask .datepicker{
    margin: 15px 0 0;
}
/**allusers**/
.allusers .show_callendar {
    position: relative;
}
.allusers .show_callendar .fa{
    font-size: 16px;
    cursor: pointer;
    margin-left: 4px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out
}
.allusers .show_callendar .fa:hover{
    color: #0099cc;
}
.allusers .block_period{
    position: absolute;
    margin: 1px 0 0 5px;
    font-size: 11px;
    color: #0a97cc;
    top: -3px;
    left: 20px;
    white-space: nowrap;
}
.allusers .block_calendar{
    background: #fff;
    /*border: 1px solid #d8dcea;*/
    -webkit-box-shadow: 0px 2px 9px 0px rgba(11,11,12,0.32);
    -moz-box-shadow: 0px 2px 9px 0px rgba(11,11,12,0.32);
    box-shadow: 0px 2px 9px 0px rgba(11,11,12,0.32);
    border-radius: 8px;
    padding: 15px 20px;
    width: 250px;
    position: absolute;
    right: 45px;
    z-index: 999;
    margin: 11px 0 0 0;
    display: none;
}
.allusers .block_calendar:before{
    content: '';
    width: 13px;
    height: 11px;
    background: url(../images/info-client-arrow-e.png) no-repeat;
    position: absolute;
    top: -11px;
    left: 50%;
    margin: 0 0 0 -6px;
}
.allusers .block_calendar .close_period{
    position: absolute;
    right: 15px;
    font-size: 12px;
    top: 8px;
    cursor: pointer;
}
.allusers .block_calendar p{
    font-size: 11px;
    color: #888888;
    margin: 0;
    text-transform: none;
}
.allusers .block_calendar input{
    background: #fff;
    padding: 10px 12px;
    height: 36px;
    border-radius: 3px;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    padding-right: 42px;
    background: url(../images/icon-datapicer.png) no-repeat right center #fff;
    cursor: pointer;
    width: 100%;
    margin: 5px 0;
    font-size: 13px;
    color: #333333;
}
.allusers th{
    font-weight: normal;
    border: 0 none !important;
}
.title-user .add_user{
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}
.add_user .btn-primary,
.main-title .add-contact{
    background: rgba(38,180,231,1);
    background: -moz-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,180,231,1)), color-stop(100%, rgba(8,150,201,1)));
    background: -webkit-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -o-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -ms-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: linear-gradient(to bottom, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b4e7', endColorstr='#0896c9', GradientType=0 );
    -webkit-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    -moz-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    border: 1px solid #08adc5;
    border-radius: 20px !important;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    z-index: 1000;
    position: relative;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 4px !important;
}
.add_user .btn-primary:hover,
.main-title .add-contact:hover{
    border: 1px solid #08adc5;
    color: #09a0ce !important;
    background: none;
}
.add_user .btn-primary .fa,
.main-title .add-contact .fa{
    margin: 0 7px 0 0;
}
.panel .allusers tr th{
    font-size: 9px;
    text-transform: uppercase;
    color: #888888;
}
.panel .allusers tr td:first-child{
    width: 24%;
}
.panel .allusers tr th:first-child{
    width: 24%;
}
.panel .allusers .department{
    width: 15%;
}
.panel .allusers .user-contact{
    width: 28%;
}
.panel .allusers .user-contact2{
    width: 35%;
}
.panel .allusers .lateness,
.panel .allusers .lateness-cell{
    width: 10%;
}
.panel .allusers .lateness span{
    font-family: "SegoeUIBold";
    color: #ff3737;
}
.panel .allusers .experience{
    width: 7%;
}
.panel .allusers .edit-cell{
    width: 6%;
}
.panel .allusers .edit-cell .fa{
    font-size: 18px;
    color: #a8adc2;
    cursor: pointer;
}
.panel .allusers .edit-cell .fa:hover{
    color: #0099cc;
}
.edit_dell_block{
    position: absolute;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.1);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.1);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.1);
    margin: 6px 0 0 -32px;
    width: 80px;
    text-align: left;
    z-index: 99;
}
.edit_dell_block:before{
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    background: url(../images/edit_dell_arrow.png) no-repeat;
    width: 13px;
    height: 8px;
    margin: 0 0 0 -7px;
}
.edit_dell_block a{
    display: block;
    font-size: 11px;
    line-height: 12px;
    color: #898fa4;
    font-family: "SegoeUISemiBold";
    padding: 4px 0;
    text-decoration: none;
}
.edit_dell_block a:hover{
    color:#4bb0e1;
}
.allusers .view-profil{
    text-align: center;
    font-size: 18px;
    color: #a8adc2;
    text-decoration: underline;
    float: left;
    /*width: 100%;*/
    margin: 0 20px 0 0;
}
.allusers .view-profil span{
    padding: 0 0 0 22px;
    background: url(../images/icon-edit-red.png) no-repeat left center;
}
.allusers .view-profil:hover{
    text-decoration: none;
}
.allusers .wrap-photo{
    float: left;
    margin: 0 18px 0 0;
    position: relative;
}
.allusers .wrap-photo .img-block{
    float: left;
    height: 50px;
    width: 50px;
    overflow: hidden;
    border-radius: 5px;
}
.allusers .wrap-photo img{
    float: left;
    width: 100% !important;
}
.allusers .status{
    /*float: left;*/
    /*font-size: 12px;*/
    /*line-height: 12px;*/
    /*margin: 5px 0 0;*/
    /*clear: both;*/
    /*width: 100%;*/
    /*text-align: center;*/
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    text-indent: -99999px;
    border: 3px solid #ffffff;
    display: none;
}
.allusers .offline,
.portlet .offline{
    color: #ee3131;
    background: #ff3300;
}
.allusers .online,
.portlet .online{
    color: #03a681;
    background: #1bbf4e;
}
.allusers .wrap-info-name{
    padding: 0 0 0 68px; 
}
.allusers .firstname{
    font-family: "SegoeUISemiBold";
    font-size: 14px;
    line-height: 15px;
    text-align: left;
    padding: 0;
    margin-top: 0;
    color: #333333;
}
.allusers .name_position{
    font-size: 12px;
    line-height: 14px;
    color: #999999;
    text-align: left;
    padding: 4px 0;
}
.allusers .dep{
    font-size: 12px;
    line-height: 14px;
    color: #666666;
    text-align: left;
    padding: 0 0 5px 0;
}
.allusers .birthday{
    font-size: 12px;
    line-height: 14px;
    color: #333333;
    text-align: left;
}
.allusers .birthday span{
    color: #ff6c00;
}
.allusers .user-phone{
    padding: 2px 0 2px 0;
    /*background: url(../images/icon-user-phone.png) no-repeat left center;*/
    margin-bottom: 8px;
}
.panel .allusers .user-email{
    padding: 0 !important;
    margin-bottom: 8px;
}
.panel .allusers .user-email a{
    padding: 2px 0 2px 0;
    /*background: url(../images/icon-user-mail.png) no-repeat left center;*/
    color: #333333 !important;
}
.panel .allusers .user-skype a{
    padding: 2px 0 2px 0;
    /*background: url(../images/icon-user-skype.png) no-repeat left center;*/
    color: #666666 !important;
    text-decoration: none;
    font-size: 14px;
}
.allusers .day_salary{
    color: #666666;
    font-size: 12px;
    /*font-weight: bold;*/
    text-align: center;
    /*width: 74px;*/
}
.allusers .infodatestart,{
    color: #666666;
    font-size: 12px;
}
.allusers .day_salary{
    width: 95px
}
.allusers .infodatestart{
    cursor: pointer;
    font-size: 12px;
}
.allusers .infodatestart:hover{
    color: #039a70;
}
.wrap-infodatestart{
    position: relative;
}
.wrap-infodatestart .hideinfostart{
    position: absolute;
    /*display: block;*/
    top: 24px;
    width: 166px;
    padding: 10px 15px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 9px 0px rgba(1,1,1,0.2);
    -moz-box-shadow: 0px 1px 9px 0px rgba(1,1,1,0.2);
    box-shadow: 0px 1px 9px 0px rgba(1,1,1,0.2);
    font-size: 13px;
    line-height: 16px;
    color: #333333;
}
.wrap-infodatestart .hideinfostart span{
    color: #999999;
}
.allusers .to_write_message{
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    border: 2px solid #08a817;
    background: #08a817;
    padding: 10px 15px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    width: 206px;
    text-align: center;x;
}
.allusers .to_write_message:hover{
    background: none;
    color: #08a817;
}
.panel .allusers .client-del{
    float: left;
    font-size: 18px;
    color: #a8adc2;
    /*top: 0;*/
    /*left: 50%;*/
    /*background: url(../images/icon-dell-user.png) no-repeat;*/
    /*margin: 14px 0 0 -9px;*/
    position: relative;
}
/****/
.panel .allusers tr td{
    vertical-align: middle;
    border: 0 none;
    padding: 20px 15px;
    /*border-right: 1px solid #dce4e6;*/
}
.panel .allusers tr th:first-child{
    padding-left: 20px;
}
.panel .allusers tr td:first-child{
    padding: 20px 15px 20px 20px;
}
.panel .allusers tr td:first-child,
.panel .allusers tr td:last-child{
    border: 0 none;
}
.delete .client-edit{
    display: inline-block;
    margin: 0 -9px 4px 0;
}
.client-edit .fa{
    font-size: 22px;
    margin: 4px 4px 0 0;
    position: relative;
    top: 3px;
    color: #adb3c8;
}
/**wrap-user-description**/
.wrap-user-description{
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #c0c4d0;
    border-radius: 8px;
    padding: 50px 50px;
    margin: 10px 0 0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    position: relative;
}
.wrap-user-description .config-block{
    position: absolute;
    top: 20px;
    right: 24px;
}
.wrap-user-description .config-block a{
    font-size: 18px;
    color: #a8adc2;
}
.wrap-user-description .config-block a:hover{
    color: #0099cc;
}
.wrap-user-description .user-photo div{
    width: 90%;
    float: left;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    overflow: hidden;
}
.wrap-user-description .user-photo img{
    width: 100%;
}
.wrap-user-description .user_fio{
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    float: left;
    width: 100%;
}
.wrap-user-description .part-line{
    float: left;
    width: 100%;
    padding: 7px 0;
    font-size: 14px;
    color: #333333;
     line-height: 14px;
}
.wrap-user-description .part-line a{
    font-size: 14px;
    color: #333333;
   
}
.wrap-user-description .part-line .label-name{
    float: left;
    font-size: 12px;
    color: #999999;
    padding: 0 10px 0 0;
    line-height: 14px;
}
/**history-client**/
.history-client .camback{
        float: right;
    background: url(../images/arrow-back.png) no-repeat left center;
    padding: 0 0 0 24px;
    margin: 5px 0;
    left: 0;
    border: 0 none;
    width: auto;
    color: #666666 !important;
    font-size: 11px;
}
.history-client .camback:hover{
    opacity: 0.7;
}
.client-history{
    color: #EA1111;
}
.history-client{
    margin: 9px 0 0;
    /*padding-left: 15px;*/
}
.history-client .nav-tabs{
    border: 0 none;
}
.history-client .block-form .block_add_future_call,
.history-client .block-form .block_add_call,
.history-client .block-form .wrap{
    background: #ffffff;
     border: 1px solid #d8dcea;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    border-radius: 6px;
    padding: 25px;
    float: left;
    width: 100%;
    min-height: 280px;
}
.history-client .block-form .block_add_future_call .caption,
.history-client .block-form .block_add_call .caption,
.history-client .block-form .wrap .caption{
    font-size: 18px;
    /*text-transform: uppercase;*/
    color: #59568b;
    padding-bottom: 20px;
    font-weight: bold;
    text-align: center;
}
.history-client .block-form .block_add_future_call input[name="future_call"]{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #717171;
    background: url(../images/icon-calendar-period.png) no-repeat right center #fff;
    padding: 0 38px 0 14px;
    border: 1px solid #d8dcea;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    border-radius: 6px;
}
.history-client .block-form .wrap-calendar{
    position: relative;
    margin-bottom: 10px;
}
.status-client .title_status{
    display: block;
    font-size: 16px;
    color: blue;
}
.status-client .num_contarct{
    display: block;
    /*font-size: 13px;*/
    padding: 10px 0;
    color: #333333;
    line-height: 18px;
    font-weight: bold;
}
.status-client .from_contract,
.status-client .end_contract{
    display: inline-block;
    color: #717171;
}
.wrap-calendar .add-on,
.wrap-datapicker .add-on{
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.bootstrap-datetimepicker-widget>ul{
    padding: 0;
}
.icon-time,
.icon-calendar,
.icon-chevron-up,
.icon-chevron-down{
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}
.icon-time:hover,
.icon-calendar:hover,
.icon-chevron-up:hover,
.icon-chevron-down:hover{
    opacity: 0.8;
}
.wrap-calendar .add-on i,
.wrap-datapicker .add-on i{
    display: none !important;
}
.bootstrap-datetimepicker-widget{
    z-index: 200000 !important;
}
.history-client .block-form .wrap-calendar .datepicker{
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 99999;
    display: none !important;
}
.history-client .block-form .wrap-calendar:hover .datepicker{
    display: block !important;
}
.history-client .block-form .block_add_future_call textarea{
    width: 100%;
    height: 72px;
    line-height: 16px;
    font-size: 14px;
    color: #717171;
    background: #fff;
    padding: 14px;
     border: 1px solid #d8dcea;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    border-radius: 6px;
    margin-bottom: 22px;
    resize: none;
}
.history-client .block-form .block_add_call textarea{
    width: 100%;
    height: 124px;
    line-height: 16px;
    font-size: 14px;
    color: #717171;
    background: #fff;
    padding: 14px;
     border: 1px solid #d8dcea;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    border-radius: 6px;
    margin-bottom: 22px;
    resize: none;
}
.history-client .block-form .block_add_future_call textarea:focus,
.history-client .block-form .block_add_call textarea:focus{
    outline: 0 none;
}
.padder .history-client .panel-heading-base{
    background: #ffffff;
    padding: 30px;
    margin-top: 20px;
     border: 1px solid #d8dcea;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    border-radius: 6px;
    margin-bottom: 25px;
}
.history-client .name-client{
    font-size: 18px;
    color: #349424;
    float: left;
    /*width: 100%;*/
    margin-bottom: 5px;
    margin-top: 10px;
    clear: both;
}
.history-client .pright{
    font-size: 18px;
    line-height: 18px;
    color: #349424;
    float: right;
    /*width: 100%;*/
    margin-bottom: 5px;
     margin-top: 10px;
}
.history-client .pright span{
    font-size: 15px;
    padding: 0 0 0 10px;
    font-weight: bold;
    line-height: 18px;
}
.history-client .panel-heading{
    float: left;
    width: 100%;
}
.history-client .button_add{
    left: 0;
    margin: 0 !important;
}
.history-client .create_call,
.history-client .future_call,
.history-client .by_produkt{
    float: right;
    padding: 2px 5px;
    color: #fff;
    border: 2px solid #03a17a;
    background: #03a17a;
    border-radius: 0;
    margin: 10px 0 0;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    padding: 18px 20px;
}
.history-client .create_call:hover,
.history-client .future_call:hover,
.history-client .by_produkt:hover{
    color: #03a17a;
    background: none;
}
.history-client .success_message{
    float: left;
    padding: 10px 0;
    font-size: 17px;
    line-height: 18px;
    color: #333333;
    width: 100%;
}
.history-client .success_message .future_call{
    margin: -22px 0 0 0;
    padding: 18px 20px 18px 53px;
    background: url(../images/icon-addcall-white.png) no-repeat 18px center #03a17a;
}
.history-client .add_future_but{
    margin: 0;
    padding: 18px 39px 18px 67px;
    background: url(../images/icon-addcall-white.png) no-repeat 18px center #03a17a;
}
.history-client .success_message .future_call:hover,
.history-client .add_future_but:hover{
    background: url(../images/icon-addcall-green.png) no-repeat 18px center #fff;
}
.index-block .num,
.index-block .num{
    width: 5%;
}
.index-block .del-cell,
.index-block .del-cell{
    width: 7%;
}
.index-block .name-task,
.index-block .now-executed{
    width: 44%;
}
.index-block tr td:first-child,
.index-block tr td:last-child{
    text-align: center;
    /*vertical-align: top;*/
}
.history-client .status-client{
    /*float: left;*/
    /*/*width: 100%;*/*/
    /*padding: 20px 0;*/
}
.history-client .status-client p{
    font-size: 16px;
}
.history-client .status-client .radio{
    float: left;
    margin: 0 0 18px 0;
    width: 100%;
    font-size: 14px;
}
.history-client .status-client .radio:last-child{
    margin: 0;
}
.form_datetime {
    width: 100%;
}
/*.index-block tr td:first-child{
    font-weight: bold;
}*/
.allclients .info_client,
.table_dellivery .info_client{
    /*border: 1px solid #717171;*/
    background: #fff;
    padding: 22px 28px;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    font-weight: normal;
    display: none;
    position: absolute;
    width: 600px;
    left: -294px;
    z-index: 9999;
    top: 31px;
    -webkit-box-shadow: 0px 2px 18px 0px rgba(1,1,1,0.2);
    -moz-box-shadow: 0px 2px 18px 0px rgba(1,1,1,0.2);
    box-shadow: 0px 2px 18px 0px rgba(1,1,1,0.2);
}
.table_dellivery span.all_result_ware .info_client{
    top: 16px;
}
.allclients .info_client:before,
.table_dellivery .info_client:before{
    content: '';
    position: absolute;
    width: 38px;
    height: 14px;
    background: url(../images/info-client-arrow.png) no-repeat;
    top: -13px;
    left: 50%;
    margin-left: -19px;
    z-index: 999;
}
.allclients .info_client a{
    font-size: 14px;
    color: #1389d5;
}
.allclients .info_client .phone_client,
.allclients .info_client .email_client,
.allclients .info_client .address_client,
.allclients .info_client .descript_client{
    padding-bottom: 18px;
    position: relative;
    padding-left: 135px;
}
.allclients .info_client .phone_client span,
.allclients .info_client .email_client span,
.allclients .info_client .address_client span,
.allclients .info_client .descript_client span{
    font-size: 12px;
    line-height: 14px;
    color: #999999;
    position: absolute;
    left: 0;
    top: 0;
}
.allclients .info_client .name_fname_client{
    padding: 0 0 20px 0;
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    font-weight: bold;
}
.allclients .info_client .close_info,
.table_dellivery .info_client .close_info{
    position: absolute;
    width: 20px;
    height: 20px;
    right: 18px;
    top: 22px;
    border: 1px solid rgba(0,0,0,0.25);
    background: #fff;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    color: rgba(0,0,0,0.25);
    z-index: 999;
}
.table_dellivery .info_client .close_info{
    right: 5px;
    top: 7px;
}
.allclients .info_client .close_info:hover,
.table_dellivery .info_client .close_info:hover{
    opacity: 0.7;
}
.allclients .form-control{
    float: left;
    margin: 2px 0 15px;
    width: 100%;
}
.allclients .filter .form-group{
    margin: 0;
}
.allclients .lblock,
.allclients .rblock{
    float: left;
    width: 30%;
    padding: 2px 15px 0;
}
.allclients td{
    vertical-align: middle !important;
}
.allclients .wrap-photo{
    width: 50px;
    height: 50px;
    overflow: hidden;
}
.panel .allusers .name .firstname,
.allclients .table .name .firstname,
.history-client .table .name .firstname,
.allcalls .table .name .firstname,
.sales-block .table .name .firstname {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #333333;
    float: left;
    width: 100%;
}
.panel .allusers .name .name_position,
.allclients .table .name .name_position,
.history-client .table .name .name_position,
.allcalls .table .name .name_position,
.sales-block .table .name .name_position {
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    padding: 2px 0;
    text-transform: uppercase;
    float: left;
    width: 100%;
    font-weight: normal;
}
.panel .allusers .name .dep,
.allclients .table .name .dep,
.history-client .table .name .dep,
.allcalls .table .name .dep,
.sales-block .table .name .dep{
    font-size: 12px;
    line-height: 12px;
    color: #666666;
    font-weight: normal;
}
.panel .allusers .name .name_task, .allclients .table .name .name_task, .history-client .table .name .name_task, .allcalls .table .name .name_task, .sales-block .table .name .name_task {
    font-size: 14px;
    line-height: 16px;
    color: #019776;
    text-decoration: none;
    padding: 7px 0 0;
    float: left;
    width: 100%;
}
.panel .allusers .user-phone, .allclients .table .user-phone, .history-client .table .user-phone, .allcalls .table .user-phone, .sales-block .table .user-phone {
    font-size: 14px;
    line-height: 15px;
    color: #333333;
    float: left;
    width: 100%;
    text-align: left;
}
.panel .allusers .wrap-phone{
    float: left;
    width: 50%;
}
.panel .allusers .user-email, .allclients .table .user-email, .history-client .table .user-email, .allcalls .table .user-email, .sales-block .table .user-email {
    /*float: left;*/
    /*width: 100%;*/
    padding: 7px 0 0;
}
.panel .allusers .user-email a, .allclients .table .user-email a, .history-client .table .user-email a, .allcalls .table .user-email a, .sales-block .table .user-email a {
    text-decoration: underline;
    font-size: 14px;
    line-height: 15px;
    color: #1e90d8;
}
.panel .allusers .user-email a:hover, .allclients .table .user-email a:hover, .history-client .table .user-email a:hover, .allcalls .table .user-email a:hover, .sales-block .table .user-email a:hover {
    text-decoration: none !important;
}
/**editclient**/
.editclient{
    background: #e8f6f4;
    border: 1px solid #09ca9e;
    padding: 30px;
    float: left;
    width: 100%;
    margin: 10px 0 0;
}
.editclient select,
.editclient input.form-control,
.edit-profile input[type="text"]{
    height: 38px !important;
    border-radius: 3px;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
}
.editclient textarea{
    background: #fff;
    border-radius: 3px;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
}
.editclient .fa{
    color: #03a17a;
}
/**edit-profile**/
.edit-profile{
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(1,1,1,0.25);
    -moz-box-shadow: 0px 0px 8px 0px rgba(1,1,1,0.25);
    box-shadow: 0px 0px 8px 0px rgba(1,1,1,0.25);
}
.edit-profile
.edit-profile input[type="text"]{
    padding: 0 5px;
    width: 100% !important;
    font-weight: normal;
}
.edit-profile textarea{
    width: 100%;
    padding: 5px;
}
.edit-profile input:focus,
.edit-profile textarea:focus,
.edit-profile select:focus{
    outline: 0 none;
}
.edit-profile .reset_pass{
    border-color: #cbcbcb;
    color: #b1b1b1 !important;
    font-size: 14px;
    background: none;
    padding: 4px 12px;
    text-transform: none;
    margin: 0;
}
.edit-profile .reset_pass:hover{
    color: #fff !important;
    background: #b1b1b1;
}
.edit-profile-page .wrap-name{
    font-size: 24px;
    line-height: 26px;
    color: #1f1f1f;
}
.edit-profile-page .wrap-description{
    font-size: 14px;
    line-height: 16px;
    color: #999999;
    padding: 10px 0;
    border-bottom: 1px solid #bababa;
    margin-bottom: 10px;
}
.edit-profile-page .wrap-profile span{
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}
.edit-profile-page b,
.edit-profile-page p{
    font-size: 14px;
    line-height: 16px;
    color: #999999;
    font-weight: normal;
}
.edit-profile-page b{
    display: inline-block;
    width: 80px;
    padding-bottom: 10px;
}
/**wrap-profile**/
.edit-profile-page .row{
    padding: 0 !important;
}
.wrap-profile{
    margin: 10px 0 0;
    padding: 35px 140px !important;
}
.edit-profile-page .wrap-profile{
    margin: 0;
    padding: 0 15px !important;
}
.wrap-profile .user-photo{
    float: left;
    width: 222px;
}
.wrap-profile .user-photo img{
    width: 100%;
    border-radius: 8px;
}
.wrap-profile .user-photo .input-group{
    margin: 20px auto 0;
    width: 88%;
}
.wrap-profile .user-photo .input-group .form-control{
    margin: 0;
    height: 30px;
    border-radius: 3px;
}
.wrap-profile .user-photo .input-group-btn{
    width: 31%;
}
.wrap-profile .user-photo-personal .input-group-btn{
    width: 33%;
}
.wrap-profile .user-photo .form-control{
    font-size: 12px;
}
.wrap-profile .user-photo .input-group-btn .btn {
    float: right;
    margin-top: 0 !important;
    border: 1px solid #c0c4d0;
    border-radius: 0 3px 3px 0 !important;
    font-size: 12px;
    padding: 5px 5px;
    color: #81899e !important;
    height: 30px;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(228,228,228,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4', GradientType=0 );
}
.wrap-profile .user-photo .input-group-btn .btn:hover{
    background: rgba(228,228,228,1);
    background: -moz-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(228,228,228,1)), color-stop(100%, rgba(228,228,228,1)));
    background: -webkit-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 100%);
    background: -o-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 100%);
    background: -ms-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 100%);
    background: linear-gradient(to bottom, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#e4e4e4', GradientType=0 );
}
.wrap-profile .wrap-edit-field{
    padding: 0 0 0 240px;
}
.routine-work select,
.routine-work span{
    /*width: 20%;*/
}
.edit-form .date input[type="text"]{
    margin-bottom: 0;
}
.edit-form .date{
    margin-bottom: 24px;
}
/*#content .bootstrap-datetimepicker-widget{
    right: 0 !important;
    left: auto !important;
    min-width: inherit !important;
    margin: 0;
    padding: 0;
}
#content .bootstrap-datetimepicker-widget .btn{
    margin: 0;
}
#content .bootstrap-datetimepicker-widget td{
    text-align: center;
    font-size: 20px;
    padding: 4px;
}
#content .bootstrap-datetimepicker-widget .list-unstyled{
    margin: 0;
}*/
/*.datepicker td,
.datepicker .prev,
.datepicker .next,
.datepicker .datepicker-switch{
    text-align: center;
    cursor: pointer;
}
.datepicker td:hover{
    background: #1cb5dd;
    color: #fff;
}*/
#content .bootstrap-datetimepicker-widget .list-unstyled .datepicker{
    box-shadow: none;
    font-size: inherit;
    width: 100%;
}
#content .bootstrap-datetimepicker-widget .table-condensed tbody td:hover {
    background: none;
    color: inherit;
}
#content .bootstrap-datetimepicker-widget table td.day:hover{
    background: #eeeeee;
}
/**setting-page**/
.setting-page .btn{
    margin: 10px 0 0 !important;
}
.datestartwork{
    float: left;
    margin: 0 5px 25px 0;
}
.editpartner-sales .datestartwork{
    margin: 0;
}
.datestartwork-txt{
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    margin: 0;
}
/****/
.checkbox {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 16px;
  height: 16px;
}
.checkbox + label {
  cursor: pointer;
}
.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkbox:not(checked) + label {
  position: relative; 
  padding: 4px 0 0 28px; 
}
.checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #c0c4d0;
  -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.1);
-moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.1);
box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.1);
}
.checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 2px;
  width: 16px;
  height: 16px;
  transition: all .2s;
   background: url(../images/cheked.png) no-repeat center center;
   display: none;
}
.checkbox:checked + label{
    /*color: #38b193;*/
}
.checkbox:checked + label:before {
    border: 1px solid #3fb9f1;
    box-shadow: none;
}
.checkbox:checked + label:after {
  display: block;
}
.checkbox:focus + label:before {
}

.wrap-profile hr{
    clear: both;
    border-color: #dedede;
}
.wrap-profile p{
    color: #9ea3b5;
    margin: 0 0 4px 0;
    font-size: 14px;
}
.wrap-profile .btn-primary{
    float: left;
    position: relative;
    /*left: 50%;*/
    /*margin-left: -50px !important;*/
    border: 1px solid #08adc5;
    background: rgba(53,209,240,1);
    background: -moz-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(53,209,240,1)), color-stop(100%, rgba(9,160,206,1)));
    background: -webkit-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: -o-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: -ms-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: linear-gradient(to bottom, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35d1f0', endColorstr='#09a0ce', GradientType=0 );
}
.wrap-profile .btn-primary:hover{
    background: none;
    color: #08adc5 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
     outline: 0 none !important;
}
.btn-primary:focus,
.btn-primary:active{
    color: #fff !important;
}
.wrap-profile .user-photo .btn-primary{
    margin-top: 20px !important;
}
/****/
.radio-custom,
.checkbox-custom {
  margin-left: -20px;
}
.radio-custom input[type=radio],
.checkbox-custom input[type=checkbox] {
  position: absolute;
  left: -9999em;
}
.radio-custom > i,
.checkbox-custom > i{
    position: relative;
}
.radio-custom > i:before,
.checkbox-custom > i:before {
  font-size: 20px;
  vertical-align: -10%;
  margin-left: 0;
  margin-right: 4px;
  color: #b5bbcc;
  cursor: pointer;
}
.radio-custom > i.checked:before,
.checkbox-custom > i.checked:before {
  color: #18b5e2 !important;
}
.radio-custom > i.disabled:before,
.checkbox-custom > i.disabled:before {
  color: #eee;
}
.radio-custom > i.checked:before {
  /*content: '\f111';*/
}
.checkbox-custom > i.checked:before {
  content: '\f046';
}
.radio-custom > i.checked:after,
.checkbox-custom > i.checked:after{
    content: '\f111';
    color: #18b5e2 !important;
    position: absolute;
    left: 4.5px;
    top: 5.2px;
    font-size: 9px;
}
/*.editpartner-sales .radio-custom > i.checked:after,
.editpartner-sales .checkbox-custom > i.checked:after{
    top: 4.2px;
}*/
/**fiter**/
.filter {
    float: left;
    width: 100%;
    padding: 10px 15px 0;
}
.filter-wrap{
    color: #64737d;
    position: relative;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-top: 0;
}
.filter-wrap .row{
     background: #fff;
    padding: 30px 10%;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    border-radius: 8px;
}
.filter-wrap.filter-refresh  .row{
    padding: 30px 5% 20px
}
.filter-wrap .panel-heading{
    font-size: 24px;
    line-height: 24px;
    color: #59568b;
    /*font-weight: bold;*/
    text-align: center;
    padding: 8px 15px 0;
}
.filtercentr .row{
    text-align: center;
}
.filtercentr .row .to_center{
    float: none;
    display: inline-block;
}
.filtercentr .row .to_center p{
    text-align: left;
}
.filter-checkbox{
    padding: 0;
    margin: 16px 0 0;
}
.filter-checkbox .form-group{
    float: left;
    margin: 0 15px 0 0;
}
.filter-wrap select,
.filter-wrap input.form-control{
    background: #fff;
    border-radius: 0;
    padding: 10px 14px;
    height: 44px;
    border-radius: 3px;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    /*margin-bottom: 24px;*/
}
.filter-wrap select{
    cursor: pointer;
}
#status_select option{
    font-family: "SegoeUIItalic";
    padding: 4px 0;
    cursor: pointer;
}
#status_select #lid{
    color: #abaaaa;
}
#status_select #thinks{
    color: #ab8445;
}
#status_select #ready{
    color: #459b48;
}
#status_select #refused{
    color: #9a7da5;
}
#status_select #partner{
    color: #1a9dce;
}
.filter-wrap .select2-container--default .select2-selection--single{
    padding: 12px 14px;
    height: 44px;
    border-radius: 3px;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    margin-top: 2px;
}
.filter-wrap .select2-container--default .select2-selection--single:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.filter-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    padding-left: 0;
}
.filter-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 11px;
}
.filter-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #555 transparent transparent transparent;
    border-width: 6px 3px 0 3px;
}
.filter-wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
        border-color: transparent transparent #555 transparent;
    border-width: 0 3px 6px 3px;
}
.filter .control-label{
    margin: 0;
    float: left;
    width: 100%;
}
.filter .m-b{
    clear: both;
    float: left;
    width: 100%;
    padding: 2px 0 0;
}
.filter .radio-custom{
    margin: 0 0 10px 0;
}
.filter-wrap .btn-filter{
    position: relative;
    /*left: 50%;*/
    font-size: 14px;
    padding: 8px 22px;
    display: inline-block;
    color: #fff;
    border: 1px solid #03a17a;
    background: #03a17a;
    border-radius: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    text-transform: uppercase;
    width: 180px;
    margin: 20px 0 0 0;
    float: right;
}
.filter-wrap .btn-filter:hover {
    background: none;
    color: #03a17a;
}
.filter-wrap .btn-primary{
    margin-top: 10px !important;
}
.top-filter .wrap-calendar .form-control {
    padding-right: 42px;
    background: url(../images/icon-datapicer.png) no-repeat right center #fff;
    cursor: pointer;
}
.top-filter .datestartwork{
    margin: 11px 10px 0 0;
}
.top-filter .datestartwork-txt{
    font-size: 13px;
    color: #666666;
}
.search_filter {
    width: 56px;
    height: 26px;
    padding: 0;
    border-radius: 20px;
    position: relative;
    text-indent: -9999px;
    border: 1px solid #08adc5;
    background: rgba(38,180,231,1);
    background: -moz-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,180,231,1)), color-stop(100%, rgba(8,150,201,1)));
    background: -webkit-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -o-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -ms-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: linear-gradient(to bottom, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b4e7', endColorstr='#0896c9', GradientType=0 );
    -webkit-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    -moz-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
}
.search_filter:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 17px;
    margin: -8px 0 0 -8px;
    background: url(../images/white-loop.png) no-repeat;
}
.search_filter:hover {
    border: 1px solid #08adc5;
    color: #09a0ce !important;
    background: none;
}
.search_filter:hover:before {
    background: url(../images/blue-loop.png) no-repeat;
}
.clear_filter {
    font-size: 11px;
    color: #999999;
    text-decoration: underline;
    padding: 0 4px;
    margin-top: 15px;
    white-space: nowrap;
}
.clear_filter:hover {
    text-decoration: none;
}
.filter-stat .row{
    padding: 30px 20%;
}
.filter-stat .alignleft{
    padding: 0 15px;
}
.filter-wrap .search_filter{
    margin: 3px 0 0 !important;
}
.filter-stat .alignleft:first-child{
    padding-left: 40px;
}
.block-user-data{
    background: #ffffff;
    padding: 10px 20px;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    border-radius: 8px;
    margin: 25px -15px 5px;
    overflow: hidden;
}
.block-user-data .u-b{
    float: left;
    width: 25%;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    margin: 6px 0;
    padding: 0 15px;
     font-family: "SegoeUISemiBold";
}
.block-user-data .u-b .count-client{
    color: #0397db;
    font-size: 12px;
    /*padding: 0 0 0 5px;*/
     font-family: "SegoeUIBold";
}
.filter-calltoday .control-label{
    font-size: 14px;
    color: #333333;
    font-family: "SegoeUISemiBold";
    margin: 0;
}
.filter-calltoday .control-label span{
    font-size: 14px;
    color: #0397db;
    padding: 0 0 0 1px;
    font-family: "SegoeUIBold";
}
.filter-wrap .block-checkbox{
    display: inline-block;
    margin: 5px 20px 4px;
}
.filter-wrap .datestartwork-txt{
    color: #666666;
}
/****/
.filter-wrap .mega-class select{
    width: 100% !important;
    z-index: 9999 !important;
}
.filter-wrap .mega-class{
    float: left;
    width: 100%;
}
.filter-wrap .mega-class > div{
    float: left;
    width: 100%;
}
.filter-wrap .mega-class .form-control{
    height: 44px !important;
    margin: 2px 0 0;
}
.filter-wrap .mega-class input[type="text"]{
    top: 2px !important;
    margin: 0px !important;
    padding: 0 0px 0px 16px !important;
    width: 100% !important;
    height: 44px !important
}
.filter-wrap .mega-class select{
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}
.filter-wrap .mega-class select{
    height: 164px !important;
    border-radius: 3px;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
}
.filter-wrap .mega-class select option{
    cursor: pointer;
    padding: 5px;
}
.filter-wrap .mega-class select option:hover{
    background: #ccc;
    color: #fff;
}
.filter-calltoday{
    background: #fff;
    padding: 18px 5%;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    border-radius: 8px;
    margin: 0 0 20px;
}
.filter-calltoday .form-group{
    width: 25%;
    margin: 0;
    padding: 4px 0;
}
/****/
.h15{
    height: 15px;
    float: left;
    width: 100%
}
/**wrap-table-white**/
.wrap-table-white{
    float: left;
    width: 100%;
    background: #fff !important;
    padding: 4px 30px 30px;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(1,2,2,0.23);
    -moz-box-shadow: 0px 1px 4px 0px rgba(1,2,2,0.23);
    box-shadow: 0px 1px 4px 0px rgba(1,2,2,0.23);
    margin-bottom: 300px;
}
div.pagination{
    margin: 0;
    width: 100%;
    text-align: center;
}
div.pagination ul,
.pagination.light-theme{
    float: none;
    margin: 0 0 20px;
    display: inline-block;
    width: auto;
    border-radius: 0;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span,
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span{
    border-radius: 3px;
}
.pagination ul > li > a, .pagination ul > li > span{
    font-size: 14px;
}
.pagination li:first-child a,
.pagination li:first-child span,
.simple-pagination li:first-child span{
    border-radius: 3px !important;
    font-weight: normal;
    font-size: 21px;
    line-height: 21px;
}
.pagination li:last-child a,
.pagination li:last-child span{
    border-radius: 3px;
    font-size: 21px;
    line-height: 21px;
}
.simple-pagination ul{
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    float: right;
}
 .pagination ul > li {
    display: inline-block;
    margin: 0 4px;
}
 .pagination li a,
 .pagination li span,
 .pagination.light-theme .current{
        position: relative;
    float: left;
    padding: 0;
    width: 28px;
    height: 28px;
    text-align: center;
    margin: 0;
    margin-left: -1px;
    line-height: 28px;
    color: #bcc2d6;
    text-decoration: none;
    background: #fff;
    border: 1px solid #dfe4f1;
    box-shadow: none;
    border-radius: 3px;
    font-size: 14px;
}
 .pagination .disabled span,
 .pagination .disabled a{
    color: #999;
    cursor: not-allowed;
}
.pagination .current{
    /*color: #999;*/
    /*font-weight: bold;*/
}
.pagination .current a,
.pagination .active .current{
    border-color: #72d7fc;
    color: #0397db;
}
/**table-base**/
.panel .table-base th{
    text-align: left;
    padding: 7px 15px;
    font-size: 10px;
    text-transform: none;
    border: 0 none !important;
    color: #888888;
    font-weight: normal;
    text-transform: uppercase;
}
.panel .table-base th:last-child{
    text-align: left;
}
.panel .table-base .phone{
    width: 180px;
}
/*.panel .table-base > tbody > tr:nth-child(even) > td{
    background-color: #e8f2f0;
}*/

.index-page .allusers .sub-table {
    background: #fff;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    margin-bottom: 20px;
    border-radius: 8px;
    /* overflow: hidden; */
    width: 100%;
    border-collapse: separate;
}
.panel .table-base td{
    border:0 none;
    /*border-bottom: 1px solid #d6d6d6;*/
    padding: 16px 18px;
}
.panel .table-base thead tr{
    background: none;
}
.panel .table-base tbody tr{
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.2);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.2);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.2);
    border: 1px solid #d8dcea;
    border-radius: 8px;
}
.panel .table-base tbody tr td{
    background: #fff;
    /*border-top: 1px solid #d8dcea;*/
    /*border-bottom: 1px solid #d8dcea;*/
}
.panel .table-base .contacts .color3,
.panel .table-base .contacts .color4,
.panel .table-base .contacts .color6,
.panel .table-base .contacts .color7,
.panel .table-base .contacts .color2{
    font-size: 11px;
    line-height: 11px;
    font-style: italic;
    margin-bottom: 5px;
    text-transform: lowercase;
}
.panel .table-base .contacts .color3 span{
    display: inline-block;
    padding: 4px 6px;
    border: 1px solid #18b5e2;
    color: #18b5e2;
    border-radius: 4px;
}
.panel .table-base .contacts .color4 span{
    display: inline-block;
    padding: 4px 6px;
    border: 1px solid #f00;
    color: #f00;
    border-radius: 4px;
}
.panel .table-base .contacts .color6 span{
    display: inline-block;
    padding: 4px 6px;
    border: 1px solid #62a53a;
    color: #62a53a;
    border-radius: 4px;
}
.panel .table-base .contacts .color7 span{
    display: inline-block;
    padding: 4px 6px;
    border: 1px solid #f09a07;
    color: #f09a07;
    border-radius: 4px;
}
.panel .table-base .contacts .color2 span{
    display: inline-block;
    padding: 4px 6px;
    border: 1px solid #000;
    color: #000;
    border-radius: 4px;
}
.panel .table-base .second_line{
    background: none !important;
    border: 0 none;
    box-shadow: none;
}
.panel .table-base .second_line td,
.panel .table-base .second_line td:last-child,
.panel .table-base .second_line td:first-child{
    border:0 none !important;
    padding: 12px 0 !important;
    background: none !important;
}
.panel .table-base tr td:first-child{
    /*text-align: center;*/
    font-size: 18px;
    color: #666666;
    padding: 16px 24px;
    width: 40px;
    text-align: center;
     /*border-left: 1px solid #d8dcea;*/
     border-radius: 8px 0 0 8px;
     border-right: 1px solid #d8dcea;
}
.panel .table-base tr td:last-child{
    /*border-right: 1px solid #d8dcea;*/
    border-radius: 0 8px 8px 0;
}
.panel .table-base .green_client{
    background: rgba(0, 253, 0, 0.11);
}
.panel .table-base .blue_client{
    background: rgba(0, 134, 253, 0.11);
}
.panel .table-base .red_client{
    background: rgba(253, 0, 0, 0.11);
}
.panel .table-base .name,
.type-block .table-bas .name{
    font-size: 16px;
    line-height: 20px;
    color: #17a4d9;
    font-weight: normal;
    width: 24%;
    /*text-decoration: underline;*/
}
.panel .table-base .name{
    width: 22%;
}
.panel .table-base .contacts{
    width: 24%;
}
.panel .table-base-history .name{
    width: 102px;
    text-decoration: none;
}
.panel .table-base-history .name .wrap-photo{
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 5px;
    overflow: hidden;
}
.panel .table-base-history .task{
    font-size: 16px;
    color: #17a4d9;
}
.panel .table-base .img-user{
    width: 13%;
}
.panel .table-base .wrap-taska{
    margin: 0;
    /* float: left; */
    /* width: 100%; */
    position: relative;
    display: inline-block;
    border-radius: 5px;
    /*background: #ccc;*/
    height: 60px;
    width: 60px;
    overflow: hidden;
}
.panel .table-base .wrap-taska .photo_taska{
    /*cursor: pointer;*/
    width: 60px;
}
.panel .table-base .client-history,
.index-block .table-calltoday .client-history{
    font-size: 16px;
    color: #51b747;
    line-height: 16px;
    /*background: url(../images/icon-base-phone2.png) no-repeat left center;*/
    padding: 11px 0 11px 50px;
    float: left;
    position: relative;
}
.panel .table-base .history-cell{
    padding: 7px 15px 7px 45px;
}
.panel .table-base .client-history{
    margin-left: 30px;
}
.futurecalls .table-base .client-history{
    margin-left: 0;
}
.panel .table-base .client-history:before,
.index-block .table-calltoday .client-history:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    border: 1px solid #bae0b6;
    background: url(../images/icon-base-phone2.png) no-repeat center center #dce1f1;
}
.panel .table-base .client-history:hover:before,
.index-block .table-calltoday .client-history:hover:before{
    background-color: #bae0b6;
}
.panel .table-base .add-call:before{
    background: url(../images/icon-base-phone2.png) no-repeat center center #dce1f1;
    border-color: #acb4cc;
}
.panel .table-base .add-call{
    color: #1e90d8;
    /*margin-left: 131px;*/
    /*background: url(../images/icon-base-phone.png) no-repeat 9px center;*/
    text-align: left;
    float: left;
}
.panel .table-base .add-call:hover:before{
    background-color: #1e90d8;
}
.panel .table-base .client-history:hover{
    opacity: 0.8;
}
.panel .table-base .delete,
.type-block .table-base .delete{
    text-align: center;
    padding: 0 16px;
    width: 66px;
}
.panel .table-base .delete{
    width: 9%;
}
.panel .table-base .delete a{
    clear: both;
}
.type-block .client-del,
.table-departments .client-del{
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 0 0;
    position: relative;
    top: -7px
}
.panel .client-del:hover,
.type-block .client-del:hover,
.table-departments .client-del:hover,
.panel .delete .client-del:hover,
.type-block .client-del:hover,
.table-departments .client-del:hover,
.table-portlet .dell_task a:hover,
.table-portlet .edit_task a:hover,
.allusers .view-profil:hover{
    /*opacity: 0.8;*/
    color: #0099cc;
}
.table-base .contacts{
    font-size: 14px;
    line-height: 22px;
    color: #333333;
    width: 20%;
}
.table-base .contacts a{
    color: #1e90d8;
    text-decoration: underline;
    display: block;
}
.table-base .contacts .status_p{
    font-size: 13px;
}
.table-base .contacts .no_con{
    font-size: 13px;
    color: #f64444;
}
.table-base .contacts .is_con{
    font-size: 13px;
    color: #333333;
    line-height: 18px;
    font-weight: bold;
}
.table-base .name .personal_info{
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.table-base .name .personal_info .fa{
    font-size: 17px;
    color: #ababab;
}
.table-base .contacts a:hover{
    text-decoration: none;
}
.table-base .client-del{
    /* width: 15px; */
    /* height: 15px; */
    /* text-indent: -99999px; */
    /* background: url(../images/close.png) no-repeat; */
    display: inline-block;
    /* margin-top: 15px; */
    /* opacity: 0.6; */
    margin: 0;
    position: relative;
    top: 2px;
}
.table-base .client-del .fa{
    font-size: 22px;
    color: #adb3c8;
}
.panel-heading-base{
    background: #f3f6f8;
    border: 1px solid #e6e8ef;
    padding: 48px 24px 24px;
    margin-bottom: 40px;
    position: relative;
}
.panel-heading-base .camback{
    position: absolute;
    top: 10px;
    right: 10px;
    float: right;
    margin: 0;
    border-radius: 0;
    border: 1px solid #e6e8ef;
    color: #9C9DA2 !important;
    background: none;
    padding: 5px 15px;
}
.panel-heading-base .camback:hover{
    background: #e6e8ef;
}
.panel-heading-base .name-client{
    width: 100%;
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    font-weight: bold;
    margin: 0 0 20px 0;
}
.panel-heading-base .name-client .date{
    float: right;
    font-weight: normal;
    font-size: 14px;
    color: #999999;
}
.panel-heading-base .pright {
    font-size: 14px;
    color: #333333;
    float: left;
    width: 50%;
}
.panel-heading-base .pright .pline{
    color: #333333;
    float: left;
    width: 100%;
    padding: 6px 0;
    color: #666666;
}
.panel-heading-base .pline{
    font-size: 14px;
    color: #333333;
        line-height: 24px;
}
.panel-heading-base .pline-address{
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0 0 0 70px;
    position: relative;
}
.panel-heading-base .pline-address span{
    position: absolute;
    left: 0;
}
.panel-heading-base .pline span {
    /*float: left;
    width: 130px;
    font-weight: normal;
    padding: 0;*/
    font-size: 13px;
    color: #999999;
}
.panel-heading-base .link_button {
    /*margin-top: 20px !important;*/
    margin-left: 28px !important;
    padding: 6px 22px;
}
.panel-heading-base .button_blue,
.block-form .button_blue{
    padding: 6px 22px;
    border: 1px solid #08adc5;
    background: rgba(53,209,240,1);
background: -moz-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(53,209,240,1)), color-stop(100%, rgba(9,160,206,1)));
background: -webkit-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
background: -o-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
background: -ms-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
background: linear-gradient(to bottom, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35d1f0', endColorstr='#09a0ce', GradientType=0 );
}
.panel-heading-base .button_blue:hover,
.block-form .button_blue:hover{
    background: none;
    color: #08adc5 !important;
}
.block-form .button_blue{
    width: 152px;
    position: relative;
    left: 50%;
    margin: 0 0 0 -76px !important;
}
.panel-heading-base .button_orn{
    padding: 6px 22px;
    border: 1px solid #d98b01;
    background: rgba(255,206,46,1);
background: -moz-linear-gradient(top, rgba(255,206,46,1) 0%, rgba(228,153,3,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,206,46,1)), color-stop(100%, rgba(228,153,3,1)));
background: -webkit-linear-gradient(top, rgba(255,206,46,1) 0%, rgba(228,153,3,1) 100%);
background: -o-linear-gradient(top, rgba(255,206,46,1) 0%, rgba(228,153,3,1) 100%);
background: -ms-linear-gradient(top, rgba(255,206,46,1) 0%, rgba(228,153,3,1) 100%);
background: linear-gradient(to bottom, rgba(255,206,46,1) 0%, rgba(228,153,3,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce2e', endColorstr='#e49903', GradientType=0 );
}
.panel-heading-base .button_add:hover{
    border: 1px solid #08adc5;
    color: #09a0ce !important;
    background: none;
}
.panel-heading-base .button_orn:hover{
    border: 1px solid #d98b01;
    color: #d98b01 !important;
    background: none;
}
.panel-heading-base .pright .pline a{
    color: #1e90d8;
    text-decoration: underline;
}
.panel-heading-base .pright .pline a:hover{
    text-decoration: none;
}
.panel-heading-base .pright .pline span{
    float: left;
    /*width: 130px;*/
    font-weight: normal;
    padding: 0;
     font-size: 13px;
    line-height: 24px;
    color: #999999;
    padding: 0 5px 0 0;
}
/**table-base-history**/

.panel .table-base-history .delete{
    width: 60px;
    padding: 7px;
    text-align: center;
}
.panel .table-base-history .client-edit{
    display: inline-block;
    margin: 0;
}
.panel .table-base-history td{
    vertical-align: middle;
}
.panel .table-base-history tr td:first-child{
    width: 40px;
}
.panel .table-base-history .short_text{
    width: 32%;
}
.table-base-history .task{
    font-size: 14px;
    line-height: 17px;
    color: #03a37d;
}
.table-base-history .call-date,
.table-base-history .data-date{
    width: 16%;
    font-size: 14px;
}
.table-base-history .data-date{
    color: #333333;
}
.table-base-history .call-date b{
    color: #333333;
}
.table-base-history .wrap_short_text{
    display: block;
    padding: 14px 0;
    font-size: 14px;
    line-height: 17px;
    color: #818781;
    font-style: italic;
}
.table-base-history .wrap_short_text span{
    
}
/*.table-base-history .wrap_short_text:before{
    content: '';
    position: absolute;
    right: 20px;
    bottom: -13px;
    width: 14px;
    height: 13px;
    background: url(../images/arrow-short-text.png) no-repeat;
}*/
.table-base-history .delete .client-edit .fa{
    margin: 0 5px 0 0;
    font-size: 22px;
    color: #adb3c8;
    cursor: pointer;
}
.table-base-history .delete .client-edit .fa:hover{
    opacity: 0.8;
}
.table-base-history .delete .client-del{
    display: inline-block;
    margin-top: 5px;
    clear: both;
    width: 100%;
}
.table-base-history .delete .client-del .fa{
    margin: 0 0 0 -10px;
    font-size: 22px;
    color: #adb3c8;
}
/**table-department**/
.step-content .panel .table-department th{
    width: 40%;
}
.step-content .panel .table-department th:first-child,
.step-content .panel .table-department th:last-child{
    width: 30%;
}
.step-content .panel .table-department td{
    padding: 0 !important;
}
.step-content .panel .table-department .portlet {
    margin-bottom: 30px;
    padding: 18px 0 11px 0;
}
.step-content .panel .table-department .user-info{
    padding: 0 15px;
}
.step-content .panel .table-department .second-block{
    float: left;
    width: 45%;
    padding: 27px 15px 0;
}
.step-content .panel .table-department .lateness{
    float: left;
    width: 25%;
    padding: 9px 15px 0;
}
.step-content .panel .table-department .name{
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    padding: 16px;
    width: auto;
}
.step-content .panel .table-department .wrap-name{
    font-weight: bold;
    margin: -6px 0 0;
}
.step-content .panel .table-department .wrap-position{
    font-size: 12px;
    line-height: 14px;
    color: #666666;
}
.step-content .panel .table-department .status{
    float: left;
    font-size: 12px;
    line-height: 12px;
    margin: 5px 0 0 7px;
    clear: both;
}
.step-content .panel .table-department .online{
    color: #03a681;
}
.step-content .panel .table-department .offline{
    color: #ee3131;
}
.step-content .panel .table-department th{
   text-align: left;
    padding: 7px 15px;
    font-size: 10px;
    text-transform: none;
    border: 0 none !important;
    color: #888888;
    font-weight: normal;
    text-transform: uppercase;
}
.step-content .panel .table-department th:first-child{
    
}
.step-content .panel .table-department tr{
    /*border: 1px solid #f1f1f1;*/
}
.step-content .panel .table-department thead tr{
    border: 0 none;
}
.step-content .panel .table-department td{
    border: 0 none;
}
.step-content .panel .table-department tr:last-child td{
    border: 0 none;
}
.panel .table-department .name .wra-img{
    float: left;
    margin: 0 15px 0 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
    position: relative;
}
.panel .table-department .name .wra-img .dnuxa{
    position: absolute;
    bottom: 0;
    right: -1px;
    width: 20px;
    height: 21px;
    background: url(../images/icon-dnuxa.png) no-repeat;
}
.panel .table-department > tbody > tr:nth-child(odd) > td,
.panel .table-department > tbody > tr:nth-child(odd) > th{
    background: none;
}
.table-department .link-all-task{
    float: left;
    /*float: right;*/
    font-size: 10px;
    line-height: 10px;
    margin: 3px 5px 0 0;
    padding: 5px 8px;
    text-transform: uppercase;
    color: #06a782;
    /*background: #fff;*/
    border: 1px solid #06a782;
    border-radius: 5px;
}
.table-department .link-all-task:hover{
    border: 1px solid #06a782;
    background: #06a782;
    color: #fff;
}
.table-department .fromtoday{
    float: left;
    /*float: right;*/
    font-size: 10px;
    line-height: 10px;
    margin: 3px 5px 0 0;
    padding: 5px 8px;
    text-transform: uppercase;
    color: #f3530c;
    /*background: #fff;*/
    border: 1px solid #f3530c;
    border-radius: 5px;
}
.table-department .fromtoday a{
    color: #f3530c;
}
.table-department .fromtoday:hover{
    border: 1px solid #f3530c;
    background: #f3530c;
    color: #fff;
}
.table-department .fromtoday:hover a{
    color: #fff;
}
/*.panel .table-base > tbody > tr:nth-child(even) > td .link-all-task,
.panel .table-base > tbody > tr:nth-child(even) > td .fromtoday{
    border: 1px solid #e8f2f0;
}*/
.table-department .personal_info{
    float: left;
    color: #03a681;
    position: relative;
    /*z-index: 88;*/
    cursor: pointer;
    margin: 0 0 0 5px;
}
.table-department .task_all{
    top: 29px !important;
    left: -244px !important;
}
.table-department .task_all .time_work_group_task {
    padding: 20px 0;
    border-bottom: 1px solid #dedede;
    text-align: center;
}
.table-department .task_all .time_work_group_task .wrap-orang,
.table-department .task_all .time_work_group_task .wrap-blue {
    display: inline-block;
    /* width: 30%; */
    margin: 0 15px;
    padding: 10px;
    position: relative;
}
.table-department .task_all .time_work_group_task .wrap-orang:before {
    content: '';
    position: absolute;
    width: 23px;
    height: 23px;
    background: url(../images/icon-start-date.png) no-repeat;
    top: 8px;
    left: -34px;
}
.table-department .task_all .time_work_group_task .wrap-blue:before {
    content: '';
    position: absolute;
    width: 23px;
    height: 23px;
    background: url(../images/icon-start-completion.png) no-repeat;
    top: 8px;
    left: -34px;
}
.table-department .task_all .time_work_group_task .currency:before {
    background: url(../images/icon-valuta.png) no-repeat;
}
.table-department .task_all .time_work_group_task .wrap-orang {
    border: 1px solid #f6b700;
    margin: 0;
}
.table-department .task_all .time_work_group_task .wrap-blue {
    border: 1px solid #5eb1d3;
    margin: 0 0 0 38px;
}
.table-department .task_all .time_work_group_task .wrap-orang div,
.table-department .task_all .time_work_group_task .wrap-blue div {
    display: inline-block;
}
.table-department .task_all .time_work_group_task .wrap-current-name {
    font-size: 12px;
    line-height: 14px;
    color: #999999;
}
.table-department .task_all .time_work_group_task .wrap-current {
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    font-weight: bold;
}
.table-department .task_all .time_work_group_task .working_time{
    display: inline-block;
    float: right;
    padding: 0;
}
.table-department .task_all .time_work_group_task .working_time span{
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    font-size: 20px;
}
.table-department .task_all .name_task{
    font-size: 18px;
    line-height: 20px;
    padding: 16px 20px;
    border-bottom: 1px solid #e8e8e8;
    color: #333333;
    font-weight: bold;
}
.table-department .personal_info .fa{
    font-size: 17px;
    color: #ababab;
}
.table-department .name_active_task{
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    text-decoration: underline;
    float: left;
}
.table-department .portlet .working_time{
    font-size: 14px;
    line-height: 23px !important;
    color: #06a782;
    font-weight: bold;
    padding: 5px 0 0;
    text-align: right;
    letter-spacing: 2px;
}
.table-department .working_time > div{
    float: left;
    padding: 0;
    margin: 10px 0 0;
}
.table-department .working_time .wrap-current-name {
    float: left;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
    margin: 8px 5px 0 0;
    font-weight: normal;
    letter-spacing: 0;
}
.table-department .portlet .working_time > div span{
    float: left;
    min-width: 31px;
    height: 24px;
    border-radius: 5px;
    background: none;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #0e9bd0 !important;
    font-weight: normal;
    position: relative;
    content: '';
    margin: 0 2px;
    /*text-shadow: 0 1px #c08609;*/
    padding: 0 3px !important;
    position: relative;
    text-align: center;
}
.table-department .portlet .working_time > div span:before{
    content: ':';
    position: absolute;
    top: 0;
    right: -5px;
    font-size: 18px;
    font-weight: bold;
    color: #0e9bd0;
}
.table-department .portlet .working_time > div span:last-child:before{
    display: none;
}
/*.table-department .working_time > div span:before{
    content: '';
    position: absolute;
    left: 50%;
    margin: 0 0 0 -1px;
    height: 100%;
    width: 1px;
    background: #fff;
}*/
.table-department .working_time > div span:last-child,
.table-department .lateness .wrap-time span:last-child{

}
.table-department .lateness{
    font-size: 10px;
    color: #333333;
    line-height: 24px;
    width: 228px;
    text-align: center;
}
.table-department .lateness .wrap-time{
    /*float: right;*/
    /*display: inline-block;*/
    font-size: 18px;
    line-height: 23px;
    padding: 5px 0 0;
    text-align: right;
    letter-spacing: 2px;
}
.table-department .lateness .wrap-time span{
    float: left;
    min-width: 31px;
    height: 24px;
    border-radius: 5px;
    /*background: #e72d2e;*/
    color: #e72d2e;
    font-weight: normal;
    position: relative;
    content: '';
    margin: 0 2px;
    /*text-shadow: 0 1px #be2526;*/
    padding: 0 3px;
    font-weight: bold;
}
.table-department .lateness .wrap-time span:before{
    content: ':';
    position: absolute;
    top: 0;
    right: -5px;
    font-size: 18px;
    font-weight: bold;
    color: #e72d2e;
}
.table-department .lateness .wrap-time span:last-child:before{
    display: none;
}
/*.table-department .lateness .wrap-time:last-child span{
    background: #888888;
    text-shadow: 0 1px #707070;
}*/
/*.table-department .lateness .wrap-time span:before {
    content: '';
    position: absolute;
    left: 50%;
    margin: 0 0 0 -1px;
    height: 100%;
    width: 1px;
    background: #fff;
}*/
.table-department .lateness .lateness-name{
    float: left;
    font-size: 13px;
    color: #999999;
    width: 67px;
    padding-top: 5px;
}
.panel .table-department .name{
    text-decoration: none !important;
}
.panel .table-department .sub-table{
    width: 100%;
    margin-bottom: 30px;
}
/**table-user-info**/
.panel .table-user-info tr td:first-child {
    /* text-align: center; */
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    /*padding: 16px;*/
    /* width: 40px; */
    text-decoration: underline;
    width: 36%;
}
.table-user-info .portlet-header{
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    text-decoration: underline;
}
.table-user-info .personal_info{
    color: #ababab;
    font-size: 16px;
        float: left;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.table-user-info .time_today,
.table-user-info .all_time{
    float: left;
    /* display: inline-block; */
    font-size: 14px;
    line-height: 23px;
    padding: 0;
    text-align: center;
    letter-spacing: 1px;
}
.table-user-info .time_today span,
.table-user-info .all_time span{
    float: left;
    min-width: 31px;
    height: 24px;
    border-radius: 5px;
    background: #f6b700;
    color: #fff;
    font-weight: normal;
    position: relative;
    content: '';
    margin: 0 2px;
    text-shadow: 0 1px #ca9600;
}
.table-user-info .all_time span{
    background: #888888;
    text-shadow: 0 1px #707070;
}
/*.table-user-info .time_today span:before,
.table-user-info .all_time span:before{
    content: '';
    position: absolute;
    left: 50%;
    margin: 0 0 0 -1px;
    height: 100%;
    width: 1px;
    background: #fff;
}*/
.table-user-info .all_seanses{
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    text-align: center;
}
.table-user-info .all_bax{
    font-size: 18px;
    line-height: 18px;
    color: #0fb58d;
    text-align: center;
}
.step-content .panel .table-user-info td{
    padding: 20px 15px;
}
.table-user-info .cell_time_today,
.table-user-info .cell_all_time{
    width: 154px;
}
.table-user-info .cell_all_seanses{
    width: 100px;
}
.table-user-info .bottom_result .heddin_name {
    text-decoration: none !important;
    vertical-align: top !important;
    padding-top: 23px !important;
}
.table-user-info .bottom_result .heddin_name .wrap-current-name{
    text-align: left !important;
    text-decoration: none !important;
    padding: 0;
    font-size: 18px;
}
.table-user-info .bottom_result .wrap-current-name{
    font-size: 13px;
    line-height: 16px;
    color: #333333;
    padding: 0 5px 5px;
    text-align: center;
    min-height: 37px;
}
.table-user-info .bottom_result .wrap-current{
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    padding: 7px 0;
    text-align: center;
}
.table-user-info .bottom_result .all_time_from .wrap-current{
    background: #f7bc00;
}
.table-user-info .bottom_result .seanses_all .wrap-current{
    background: #6eb03c;
}
.table-user-info .bottom_result .full_time_period .wrap-current{
    background: #ff9000;
}
.table-user-info .bottom_result .all_grivni .wrap-current{
    background: #4bb0e1;
}
.table-user-info .obid td{
    background: #f9f9f9 !important;
}
/****/
.from_message{
    display: none;
}
/*
Version: 3.4.2 Timestamp: Mon Aug 12 15:04:12 PDT 2013
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    width: 100% !important;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -o-linear-gradient(bottom, #eee 0%, #fff 50%);
    background-image: -ms-linear-gradient(top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -o-linear-gradient(bottom, #eee 0%, #fff 90%);
    background-image: -ms-linear-gradient(top, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(top, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 2px;
    font-size: 14px;
    color: #555;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #4cc0c1;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
    background-image: -ms-linear-gradient(top, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('select2.png') no-repeat 0 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('select2.png') no-repeat 100% -22px;
    background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #fff 85%, #eee 99%);
    background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100%;
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #fff 85%, #eee 99%);
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(bottom, #fff 0%, #eee 50%);
    background-image: -ms-linear-gradient(top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -ms-linear-gradient(bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding: 4px 11px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}
/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -o-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -ms-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(top, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('select2.png') right top no-repeat;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}
/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
      background-image: url('select2x2.png') !important;
      background-repeat: no-repeat !important;
      background-size: 60px 40px !important;
  }
  .select2-search input {
      background-position: 100% -21px !important;
  }
}
/******/
.select2-container .select2-choice {
  height: 34px;
  line-height: 28px;
  border-color: #d9d9d9;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
}
.select2-container .select2-choice .select2-arrow {
  background-color: transparent;
  background-image: none;
  border-left: none;
}
.select2-container .select2-choice .select2-arrow b {
  background: none;
  position: relative;
}
.select2-container .select2-choice .select2-arrow b:after {
    content: "";
    width: 6px;
    height: 6px;
    background: url(../images/sel-ar.png) no-repeat;
    float: left;
    margin: 14px 0 0 6px;
}
.select2-container.select2-container-active .select2-choice {
  border-color: #d9d9d9;
}
.select2-container.select2-dropdown-open .select2-choice {
  border-color: #4cc0c1;
}
.select2-container.select2-dropdown-open .select2-choice .select2-arrow b:after {
  content: "\f0d8";
}
.select2-container abbr {
  background: transparent;
}
.select2-container abbr:after {
  content: "\f00d";
  font-family: FontAwesome;
  position: absolute;
  top: -7px;
  font-size: 11px;
  color: #aaa;
}
.select2-search {
  position: relative;
  padding: 0 6px;
}
.select2-search:after {
  position: absolute;
  /* content: "\f002"; */
  font-family: FontAwesome;
  color: #aaa;
  right: 10px;
  top: 4px;
  width: 18px;
}
.select2-drop.select2-drop-above .select2-search:after {
  top: 8px;
}
.select2-search input {
  border-color: #d9d9d9;
  background: #fff;
}
.select2-results .select2-highlighted {
  background-color: #00A985;
}
.select2-container-multi .select2-choices {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  padding-top: 2px;
}
.select2-container-multi .select2-choices .select2-search-choice {
  border: 1px solid #d9d9d9;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select2-search-choice-close {
  background: transparent;
}
.select2-search-choice-close:after {
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 11px;
  color: #aaa;
  position: absolute;
  left: 2px;
  top: -1px;
}
/******/
/****/
.select_type{
    float: left;
    width: 100%;
    font-size: 16px;
    margin: 10px 0 0;
    font-weight: bold;
    margin-bottom: -6px;
}
.select_type .wrap-radio{
    float: left;
}
.select_type input{
    margin: 0 10px 0 0;
    display: none;
}
.select_type label{
    padding: 16px 37px 15px;
    cursor: pointer;
    margin: 0;
    font-size: 16px;
    /*border: 1px solid #f3f3f3;*/
    border-bottom:  0 none;
    color: #85849e;
    position: relative;
    z-index: 999;
}
.select_type label:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: -2px;
    width: 2px;
    height: 5px;
    background: #fff;
    /*display: none;*/
}
.select_type label:before{
    content: '';
    position: absolute;
    bottom: 0;
    right: -2px;
    width: 2px;
    height: 5px;
    background: #fff;
    /*display: none;*/
}
.select_type .wrap-radio:first-child label:after{
    left: 0;
    display: none;
}
/*.select_type input[type="radio"]:checked+label:after,*/
/*.select_type input[type="radio"]:checked+label:before{*/
/*    display: block;*/
/*}*/
.select_type input[type="radio"]:checked+label{
    color: #59568b;
    background: #fff;
    border-radius: 8px 8px 0 0;
    border: 1px solid #c0c4d0;
    border-bottom:  0 none;
    padding: 15px 36px;
}
.edit-type{
    margin: 0;
    background: #fff;
    padding: 20px 25%;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    border-radius: 8px;
}
/*#content .edit-type .form-control {
    border: 1px solid #817d7d;
    border-radius: 0;
}*/
.edit-type .btn{
    clear: both;
    padding: 6px 10px;
    border: 1px solid #08adc5;
    background: rgba(53,209,240,1);
    background: -moz-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(53,209,240,1)), color-stop(100%, rgba(9,160,206,1)));
    background: -webkit-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: -o-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: -ms-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: linear-gradient(to bottom, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35d1f0', endColorstr='#09a0ce', GradientType=0 );
    width: 190px;
    position: relative;
    left: 50%;
    margin: 30px 0 10px -95px !important;
    float: left;
    font-family: "SegoeUISemiBold";
}
.edit-type .btn:hover{
    background: none;
    color: #08adc5 !important;
}
.edit-type .addtask .wrap-calendar input[type="text"]{
    padding-right: 44px;
    background: url(../images/icon-calendar.png) no-repeat right center;
}
.edit-type .addtask .wrap-calendar,
.filter-wrap .wrap-calendar{
    position: relative;
    clear: both;
}
.edit-type .addtask .wrap-calendar .datepicker,
.filter-wrap .wrap-calendar .datepicker{
    position: absolute;
    left: 0;
    top: 44px;
    display: none !important;
    z-index: 999;
}
.edit-type .addtask .wrap-calendar:hover .datepicker,
.filter-wrap .wrap-calendar:hover .datepicker{
    display: block !important;
}
/**.add-client **/
.add-client .datepicker{
    margin-top: 10px;
}
.add-client .btn {
    margin: 0 0 40px 0;
}
.add-client .phone-control,
.sales-block .phone-control {
    margin-bottom: 5px;
}
/******/
#add_call,
#add_future_call,
#add_by_produkt{
    float: left;
    width: 100%;
    padding: 20px;
}
/*#add_call textarea,*/
#add_future_call textarea{
    width: 100%;
    height: 162px;
    resize: vertical;
    border-radius: 0;
    border: 1px solid #817d7d;
    border-bottom: 2px solid #817d7d;
    padding: 14px 20px;
    font-size: 14px;
    color: #64737d;
    resize: none;
}
/*#add_future_call textarea:focus,*/
#add_future_call input[type="text"]:focus{
    border-color: #03a17a;
    outline: 0 none;
}
#add_future_call input[type="text"]{
    border-radius: 0;
    border: 1px solid #817d7d;
    border-bottom: 2px solid #817d7d;
    width: 100%;
    height: 38px;
    margin: 0 0 26px 0;
    font-size: 14px;
    padding: 5px 44px 5px 16px;
    background: url(../images/icon-calendar.png) no-repeat right center;
}
/*#add_call .btn-primary,*/
#add_future_call .btn-primary{
    margin: 20px 0 0;
    float: right;
}
#content .datepicker .icon-home:before{
    display: none
}
#content .datepicker > .datepicker_header{
    background-color: #00A985;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #047B5E;
    background: rgba(3,161,122,1);
    background: -moz-linear-gradient(top, rgba(3,161,122,1) 0%, rgba(2,143,108,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,161,122,1)), color-stop(100%, rgba(2,143,108,1)));
    background: -webkit-linear-gradient(top, rgba(3,161,122,1) 0%, rgba(2,143,108,1) 100%);
    background: -o-linear-gradient(top, rgba(3,161,122,1) 0%, rgba(2,143,108,1) 100%);
    background: -ms-linear-gradient(top, rgba(3,161,122,1) 0%, rgba(2,143,108,1) 100%);
    background: linear-gradient(to bottom, rgba(3,161,122,1) 0%, rgba(2,143,108,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03a17a', endColorstr='#028f6c', GradientType=0 );
    padding: 11px 5px;
    font-weight: normal;
}
#content .datepicker > .datepicker_header > .icon-home > svg > g > path{
    fill: #fff;
}
#content .datepicker > .datepicker_header > a{
    color: #fff;   
}
#content .datepicker_calendar{
    padding: 0;
}
#content .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today{
    border-bottom: 0 none;
    margin-bottom: 0;
}
#content .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td{
    padding: 8px 10px;
    font-size: 12px;
}
#content .datepicker > .datepicker_inner_container{
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    border: 0 none;
}
#content .datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item{
    margin: 0 5px;
    text-align: center;
    padding: 2px 0;
}
#content .datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.hover{
    background: #DDB03C;
    color: #fff;
}
#content .datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th{
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    /*border-top: 1px solid #409dd9;*/
    background: rgba(3,161,122,1);
background: -moz-linear-gradient(top, rgba(3,161,122,1) 0%, rgba(2,143,108,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,161,122,1)), color-stop(100%, rgba(2,143,108,1)));
background: -webkit-linear-gradient(top, rgba(3,161,122,1) 0%, rgba(2,143,108,1) 100%);
background: -o-linear-gradient(top, rgba(3,161,122,1) 0%, rgba(2,143,108,1) 100%);
background: -ms-linear-gradient(top, rgba(3,161,122,1) 0%, rgba(2,143,108,1) 100%);
background: linear-gradient(to bottom, rgba(3,161,122,1) 0%, rgba(2,143,108,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03a17a', endColorstr='#028f6c', GradientType=0 );
    text-align: center;
    padding: 12px 0;
}
#content .datepicker > .datepicker_inner_container > .datepicker_timelist{
    width: 88px;
    height: 212px !important;
}
#add_by_produkt select{
    border-radius: 5px;
    border: 1px solid rgb(169, 169, 169);
    padding: 2px 5px;
    margin-bottom: 20px;
}
.sales-block .panel-body,
.product-block .panel-body{
    padding: 0;
}
.sales-block .new_client,
.product-block .new_susharka{
    margin: 0 0 20px 0;
    float: left;
}
.sales-block .panel,
.product-block .panel{
    clear: both;
}
.sales-block .view{
    text-align: center;
    font-size: 16px;
}
/**wrap_add_future**/
.wrap_add_future{
    /*float: left;
    width: 100%;*/
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.65);
    z-index: 9999;
    display: none;
}
.wrap_add_future #add_future_call{
    background: #fff;
    /*border: 2px solid #03a17a;*/
    padding: 30px 30px 0;
    -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.23);
    content: '';
    /*margin: 36px 0 0;*/
    position: absolute;
    width: 400px;
    height: 340px;
    left: 50%;
    top: 50%;
    display: none;
    z-index: 999;
    margin: -170px 0 0 -200px;
        
}
/*.wrap_add_future #add_future_call:before{
    content: '';
    position: absolute;
    right: 50px;
    top: -33px;
    width: 150px;
    height: 33px;
    background: url(../images/future_top_arrow.png) no-repeat;
}*/
.add_future_call .wrap-calendar{
    float: left;
    width: 100%;
    position: relative;
}
.add_future_call .wrap-calendar .datepicker{
    position: absolute;
    left: 0;
    top: 37px;
    display: none !important;
}
.add_future_call .wrap-calendar:hover .datepicker,
.add_future_call .wrap-calendar:focus .datepicker{
    display: block !important;
}
.add_future_call .wrap-area{
    padding: 0;
}
#add_future_call .close_form_add{
    position: absolute;
    color: #fff;
    top: 18px;
    right: -32px;
    font-size: 18px;
    width: 18px;
    text-align: center;
    cursor: pointer;
    width: 32px;
    height: 32px;
    background: rgba(0,0,0,0.44);
    text-align: center;
    line-height: 32px;
}
#add_future_call .close_form_add:hover{
    background: rgba(0,0,0,1);
}
#content .datepicker {
    display: inline-block;
    font: 15px/1.5 "Helvetica Neue", mplus-2c, Helvetica, Arial, "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
    font-weight: 300;
    border: 0 none;
    border-radius: 0; 
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    width: 397px;
    -webkit-box-shadow: 1px 0px 16px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 0px 16px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 0px 16px 0px rgba(0,0,0,0.15);
}
#content .datepicker > .datepicker_inner_container > .datepicker_calendar{
    margin: 0;
    border: 0;
    -webkit-box-shadow: 6px 5px 10px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 6px 5px 10px 0 rgba(0,0,0,0.2);
    box-shadow: 6px 5px 10px 0 rgba(0,0,0,0.2);
    position: relative;
}
#add_future_call .btn{
    border-color: #03a17a;
    background: #03a17a;
    color: #fff;
    text-shadow: 0 1px 0 rgba(208,153,12,0.75);
}
#add_future_call .btn:hover{
    background: #fff;
    color: #03a17a !important;
    text-shadow: none;
}
.descript_call_to_red{
    float: left;
    padding: 5px 11px;
    background: #f63d3d;
    color: #ffffff;
    border-radius: 3px;
    font-size: 14px;
}
/****/
.panel.futurecalls .filter-wrap .row{
    padding: 15px 2% 15px;
}
.panel.futurecalls .filter-wrap p{
    margin: 0;
    text-align: left;
}
.panel.futurecalls .table-base .name{
    width: auto;
}
.panel.futurecalls .table-base tr td:last-child{
    width: 30%;
}
.panel.futurecalls .table-base .descript_call_to,
.table-base-history .descript_call_to{
    display: inline-block;
    padding:  6px 10px;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    border-radius: 4px;
    background: #41b935;
    /*font-style: italic;*/
}
.table-base-history .descript_call_to{
    white-space: nowrap;
}
.table-base-history .descript_call{
    padding:  6px 10px;
}
.panel.futurecalls .table-base .result_rozmovu{
    font-size: 14px;
    line-height: 16px;
    color: #818781;
    font-style: italic;
}


/**edit_call**/
.edit_call,
.task_all,
.edit_call_call{
    display: none;
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    width: 390px;
    height: 356px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 18px 0px rgba(1,1,1,0.3);
    -moz-box-shadow: 0px 5px 18px 0px rgba(1,1,1,0.3);
    box-shadow: 0px 5px 18px 0px rgba(1,1,1,0.3);
    margin: -178px 0 0 -195px;
    z-index: 9999;
    padding: 30px;
}
.edit_call_call{
    height: auto;
}
.edit_call .close_form,
.task_all .close_task,
.gant .close_gant,
.edit_call_call .close_form{
    position: absolute;
    top: 17px;
    right: 30px;
    width: 20px;
    height: 20px;
    /*border: 1px solid rgba(0,0,0,0.35);*/
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    color: rgba(0,0,0,0.65);
    border-radius: 50%;
    z-index: 999;
    cursor: pointer;
    background: url(../images/close-modal.png) no-repeat center center;
    text-indent: -9999px;
}
.task_all .close_task{
    top: 9px;
    right: 9px;
}
.edit_call .close_form:hover,
.task_all .close_task:hover,
.gant .close_gant:hover,
.edit_call_call .close_form:hover{
    opacity: 0.8;
}
.edit_call input[type="text"],
.edit_call_call input[type="text"] {
    width: 100%;
    height: 44px;
    font-size: 14px;
    line-height: 16px;
    background: #fff;
    padding: 10px 14px;
    height: 44px;
    border-radius: 3px;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    resize: none;
    margin-bottom: 12px;
}
.edit_call textarea,
.edit_call_call textarea{
    width: 100%;
    height: 162px;
     font-size: 14px;
    line-height: 16px;
    background: #fff;
    padding: 10px 14px;
    border-radius: 3px;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    resize: none;
     margin-bottom: 12px;
}
.edit_call input[type="text"]:focus,
.edit_call textarea:focus,
.edit_call_call input[type="text"]:focus,
.edit_call_call textarea:focus{
    outline: 0 none;
}
.edit_call #last_call,
.edit_call_call #last_call{
    float: left;
    width: 100%;
    font-size: 14px;
    /*padding: 25px 3px;*/
}
.edit_call #last_call .descript_call,
.edit_call_call #last_call .descript_call{
    padding: 25px 3px;
}
.edit_call p,
.edit_call_call p{
    font-size: 14px;
    line-height: 16px;
    color: #999999;
    font-weight: normal;
    margin: 0 0 4px 0;
}
.edit_call .btn-primary,
.edit_call_call .btn-primary{
    clear: both;
    margin: 10px 0 0;
}
.edit_call .wrap-datapicker,
.edit_call_call .wrap-datapicker{
    position: relative;
}
.edit_call .wrap-datapicker .datepicker{
    position: absolute;
    width: 100%;
    top: 60px;
    z-index: 999;
    display: none !important;
}
.edit_call .wrap-datapicker:hover .datepicker{
    display: block !important;
}
.edit_call .wrap-datapicker input,
.edit_call_call .wrap-datapicker input{
    background: url(../images/icon-datapicer.png) no-repeat center right;
    adding-right: 44px;
}
/***********/
.table-call .client-edit .fa{
    margin: -5px -3px 5px 0;
}
/**newtask**/
.wrap-newtask{
    float: left;
    width: 100%;
}
.wrap-newtask table{
    width: 100% !important;
}
.wrap-newtask table td{
    width: 25%;
    vertical-align: top;
}
.wrap-newtask .column{
    width: 100%;
}
.wrap-newtask .column .portlet{
    margin: 0 0 1em 0;
    padding: 0.3em;
}
.wrap-newtask .ui-widget-header{
    color: #fff;
    background: rgba(115,198,100,1);
    background: -moz-linear-gradient(top, rgba(115,198,100,1) 0%, rgba(36,150,16,1) 43%, rgba(36,150,16,1) 57%, rgba(67,163,52,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(115,198,100,1)), color-stop(43%, rgba(36,150,16,1)), color-stop(57%, rgba(36,150,16,1)), color-stop(100%, rgba(67,163,52,1)));
    background: -webkit-linear-gradient(top, rgba(115,198,100,1) 0%, rgba(36,150,16,1) 43%, rgba(36,150,16,1) 57%, rgba(67,163,52,1) 100%);
    background: -o-linear-gradient(top, rgba(115,198,100,1) 0%, rgba(36,150,16,1) 43%, rgba(36,150,16,1) 57%, rgba(67,163,52,1) 100%);
    background: -ms-linear-gradient(top, rgba(115,198,100,1) 0%, rgba(36,150,16,1) 43%, rgba(36,150,16,1) 57%, rgba(67,163,52,1) 100%);
    background: linear-gradient(to bottom, rgba(115,198,100,1) 0%, rgba(36,150,16,1) 43%, rgba(36,150,16,1) 57%, rgba(67,163,52,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73c664', endColorstr='#43a334', GradientType=0 );
}
/*.task_all .task_title,
.gant .close_gant{
    font-size: 18px;
    color: #f00;
}*/
.task_all .task_start{
    border-top: 1px solid #349424;
    margin: 5px 0 0;
    padding: 5px 0 0;
}
.task_all .task_end{
    border-bottom: 1px solid #349424;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
}
.task_all .task_start span,
.task_all .task_end span{
    color: #349424;
}
.task_all .task_controller{
    padding: 10px 0 0;
    text-align: right;
    font-style: italic;
    font-weight: bold;
}
.task_all .task_controller span{
    font-weight: normal;
}
/**top_user_info**/
.top_user_info{
    float: left;
    width: 100%;
    background: #fff;
    padding: 26px;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(1,2,2,0.23);
    -moz-box-shadow: 0px 1px 4px 0px rgba(1,2,2,0.23);
    box-shadow: 0px 1px 4px 0px rgba(1,2,2,0.23);
}
.top_user_info .from_message,
.top_user_info .fon_from_message{
    display: none;
}
.fon_from_message{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background: rgba(0,0,0,0.4);
    display: none;
}
.from_message{
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 390px;
    height: 356px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 18px 0px rgba(1,1,1,0.3);
    -moz-box-shadow: 0px 5px 18px 0px rgba(1,1,1,0.3);
    box-shadow: 0px 5px 18px 0px rgba(1,1,1,0.3);
    margin: -178px 0 0 -195px;
    z-index: 9999;
    padding: 30px;
}
.from_message .foto_message{
    width: 50px;
    margin: 0 20px 0 0;
    float: left;
}
.from_message .user_name_mess_block{
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    font-weight: bold;
    padding: 7px 0 0 0;
}
.from_message .user_pos{
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #666666;
}
.close_block_from_message{
    position: absolute;
    top: 33px;
    right: 30px;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0,0,0,0.35);
    text-align: center;
    font-size: 9px;
    line-height: 20px;
    color: rgba(0,0,0,0.65);
    border-radius: 50%;
}
.from_message textarea{
    width: 100%;
    height: 162px;
    padding: 15px 18px;
    font-size: 14px;
    line-height: 16px;
    color: #999999;
    border: 1px solid #999999;
    -webkit-box-shadow: inset 0px 2px 1px 0px rgba(1,1,1,0.1);
    -moz-box-shadow: inset 0px 2px 1px 0px rgba(1,1,1,0.1);
    box-shadow: inset 0px 2px 1px 0px rgba(1,1,1,0.1);
    margin: 20px 0 0;
    resize: none;
}
.from_message textarea:focus{
    outline: none;
}
.from_message input[type="button"]{
    float: left;
    width: 116px;
    height: 36px;
    position: relative;
    left: 50%;
    margin: 26px 0 0 -58px;
    text-align: center;
    background: rgba(246,178,8,1);
    background: -moz-linear-gradient(top, rgba(246,178,8,1) 0%, rgba(238,171,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,178,8,1)), color-stop(100%, rgba(238,171,0,1)));
    background: -webkit-linear-gradient(top, rgba(246,178,8,1) 0%, rgba(238,171,0,1) 100%);
    background: -o-linear-gradient(top, rgba(246,178,8,1) 0%, rgba(238,171,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(246,178,8,1) 0%, rgba(238,171,0,1) 100%);
    background: linear-gradient(to bottom, rgba(246,178,8,1) 0%, rgba(238,171,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6b208', endColorstr='#eeab00', GradientType=0 );
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    line-height: 36px;
    border: 0 none;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.from_message input[type="submit"]:hover{
    opacity: 0.5;
}
.wrap_about_user{
    float: left;
    width: 100%;
    clear: both;
    margin: 30px 0 15px;
    background: #fff;
    padding: 18px 15px 10px;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    border-radius: 8px;
}
.about_usera{
    float: left;
    width: 100%;
}
.about_usera .user_photo{
    float: left;
    margin: 0 20px 0 0;
    position: relative;
}
.about_usera .user_photo a{
    float: left;
    width: 130px;
    height: 130px;
    overflow: hidden;
    border-radius: 5px;
}
.about_usera .wrap{
    padding: 0 0 0 150px;
}
.about_usera span{
}
.about_usera .user_name{
    font-size: 24px;
    line-height: 26px;
    color: #5a99dd;
    padding: 0 0 10px 0;
    display: block;
}
.about_usera .user_pos{
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    padding: 0;
    /*border-bottom: 1px solid #bababa;*/
    display: block;
}
.about_usera .scho_robit{
    padding: 0;
    display: block;
    /*float: left;*/
    width: 130px;
    text-align: center;
}
.about_usera .status-green,
.about_usera .status-red{
    clear: none !important;
    float: none !important;
}
.about_usera .to_write_message{
    float: left;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    border: 2px solid #08a817;
    background: #08a817;
    padding: 10px 15px;
    cursor: pointer;
    text-transform: uppercase;
        transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    margin: 15px 0 0;
}
.about_usera .to_write_message:hover{
    background: none;
    color: #08a817;
}
/**table_task**/
.fuell_block{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}
/*.fuell_block .lateness,
.fuell_block .downtime,
.from_month_lateness .month_lateness,
.from_month_downtime .month_downtime,
.fuell_block .downtime-day{
        /* float: left; */
   /* display: inline-block;
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    font-weight: bold;
    padding: 6px 0;
    margin: 0 0;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    background: #fff;
    min-width: 90px;
    text-align: center;
    margin: 6px 0 0;
    letter-spacing: 1px;
}*/
/*.fuell_block .downtime,
.from_month_downtime .month_downtime,
.fuell_block .downtime-day{
    color: #ff8040;
}
.fuell_block .downtime-day{
    float: left;
    width: 50%;
}
.fuell_block .downtime{
    float: right;
    width: 50%;
    text-align: right;
}*/
.wrap-lateness,
.wrap-downtime{
    float: left;
    display: inline-block;
    width: 50%;
    padding: 0 10px;
    color: #333333;
    background: #fff;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    border-radius: 8px;
    overflow: hidden;
}
.col-lg-6 .wrap-lateness,
.col-lg-6 .wrap-downtime{
    padding: 0;
    width: 100%;
}
.wrap-lateness .block,
.wrap-downtime .block{
    float: left;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(1,2,2,0.23);
    -moz-box-shadow: 0px 1px 4px 0px rgba(1,2,2,0.23);
    box-shadow: 0px 1px 4px 0px rgba(1,2,2,0.23);
}
.wrap-lateness{
    /*background: #f00;*/
    
}
/*.wrap-downtime{
    background: #ff8040;
}*/
.name_lateness{
    float: left;
    width: 100%;
    background: #c0580b;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    padding: 12px 0;
}
.name_downtime{
    float: left;
    width: 100%;
    background: #713e19;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    padding: 12px 0;
}
.from_lateness,
.from_downtime,
.from_month_lateness,
.from_month_downtime{
    float: left;
    width: 100%;
    padding: 5px 10px;
    text-align: left;
}
.from_lateness,
.from_downtime{
    padding-top: 15px;
}
.from_month_lateness,
.from_month_downtime{
    padding-bottom: 15px;
}
.period_lateness,
.period_downtime,
.from_month_lateness .period,
.from_month_downtime .period{
    float: left;
    width: 75px;
    /* text-align: center; */
    color: #999999;
    font-size: 12px;
    /* text-transform: uppercase; */
    padding: 4px 0 0;
    line-height: 12px;
}
.fuell_block .lateness .seku,
.fuell_block .downtime .seku,
.from_month_downtime .month_downtime .seku,
.fuell_block .downtime-day .seku,
.from_month_lateness .month_lateness .seku{
    padding: 0 0 0 5px;
    font-size: 18px;
}
.fuell_block .lateness,
.fuell_block .downtime-day,
.fuell_block .month_lateness,
.fuell_block .month_downtime{
        float: left;
    /* display: inline-block; */
    font-size: 14px;
    line-height: 23px;
    padding: 0;
    text-align: center;
    letter-spacing: 1px;
}
.fuell_block .lateness span,
.fuell_block .downtime-day span,
.fuell_block .month_lateness span,
.fuell_block .month_downtime span{
    float: left;
    min-width: 31px;
    height: 24px;
    border-radius: 5px;
    background: #e72d2e;
    color: #fff;
    font-weight: normal;
    position: relative;
    content: '';
    margin: 0 2px;
    text-shadow: 0 1px #be2526;
}
.fuell_block .month_lateness span,
.fuell_block .month_downtime span {
    background: #888888;
    text-shadow: 0 1px #707070;
}
/*.fuell_block .lateness span:before,
.fuell_block .downtime-day span:before,
.fuell_block .month_lateness span:before,
.fuell_block .month_downtime span:before{
    content: '';
    position: absolute;
    left: 50%;
    margin: 0 0 0 -1px;
    height: 100%;
    width: 1px;
    background: #fff;
}*/
/**info-today**/
.info-today{
    background: #bbf4e7;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(1,1,1,0.24);
    -moz-box-shadow: 0px 0px 4px 0px rgba(1,1,1,0.24);
    box-shadow: 0px 0px 4px 0px rgba(1,1,1,0.24);
    min-height: 58px;
}
.info-today > div{
    float: left;
}
.info-today .today-date{
    font-size: 16px;
    line-height: 18px;
    color: #1f1f1f;
    padding: 20px 16px;
    font-weight: bold;
    border-right: 1px solid #9fd0c5;
}
.info-today .today-date span{
    font-size: 14px;
}
.info-today .timer-summa{
    font-size: 18px;
    line-height: 18px;
    color: #1f1f1f;
    padding: 18px 16px 16px;
    font-weight: bold;
    border-right: 1px solid #9fd0c5;
}
.info-today .all_reliz_time{
    float: left;
    /* display: inline-block; */
    font-size: 14px;
    line-height: 23px;
    padding: 0;
    text-align: center;
    letter-spacing: 1px;
}
.info-today .all_reliz_time span{
    float: left;
    min-width: 31px;
    height: 24px;
    border-radius: 5px;
    background: #06a782;
    color: #fff;
    font-weight: normal;
    position: relative;
    content: '';
    margin: 0 2px;
    text-shadow: 0 1px #027e5a;
}
/*.info-today .all_reliz_time span:before{
    content: '';
    position: absolute;
    left: 50%;
    margin: 0 0 0 -1px;
    height: 100%;
    width: 1px;
    background: #fff;
}*/
.info-today .all_grn{
    float: right;
    color: #02996e;
    text-shadow: 0 1px #eefcf9;
    margin: 0 0 0 16px;
    padding: 5px 0 0;
}
.info-today .period-date{
    padding: 14px 0 0 0;
    float: right;
}
.info-today .period-date span{
    float: left;
    font-size: 14px;
    color: #1f1f1f;
    line-height: 32px;
    margin: 0 10px 0 0;
}
.info-today .wrap-calendar{
    float: left;
    margin: 0 15px 0 0;
    width: 118px;
}
.info-today .wrap-calendar input{
    width: 100%;
    height: 32px;
    padding: 0 35px 0 8px;
    font-size: 13px;
    line-height: 32px;
    color: #999999;
    background: url(../images/icon-calendar-period.png) no-repeat right center #fff;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(1,1,1,0.24);
    -moz-box-shadow: 0px 1px 2px 0px rgba(1,1,1,0.24);
    box-shadow: 0px 1px 2px 0px rgba(1,1,1,0.24);
}
.filter .wrap-calendar input{
    padding: 0 35px 0 15px;
    background: url(../images/icon-calendar-period.png) no-repeat right center #fff;
    cursor: pointer;
}
/*****/
.hideinfostart{
    display: none;
}
.block_menu_exercise{
    float: left;
    width: 100%;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 6px rgba(71,84,112,.09);
	-moz-box-shadow: 0 1px 6px rgba(71,84,112,.09);
	box-shadow: 0 1px 6px rgba(71,84,112,.09);
    text-align: center;
    padding: 8px 0;
    margin-bottom: 11px;
}
.block_menu_exercise a{
    display: inline-block;
    font-size: 11px;
    line-height: 11px;
    color: #666666;
    text-transform: uppercase;
    padding: 5px 55px;
    border-right: 1px solid #cccccc;
}
.block_menu_exercise a:first-child{
    border-left: 1px solid #cccccc;
}
.block_menu_exercise a:hover{
    color: #0397db;
}
.block_menu_exercise .add-contact {
    float: none;
    margin: 0 0 0 55px !important;
    padding: 5px 14px;
    border-color: #64c8bb;
    color: #64c8bb;
    background: none;
    color: #0eaa96 !important;
}
.block_menu_exercise .add-contact:hover{
    background: #64c8bb;
    color: #fff !important;
}
/**table**/
.table_task{
    float: left;
    width: 100%;
}
.table_task > table{
    width: 100% !important;
    border: 1px solid #f1f1f1;
}
.table_task > table td{
    width: 50%;
    vertical-align: top;
}
.table_task table .column {
    width: 100%;
}
.table_task table .column .portlet,
.index-block  .portlet{
    margin: 0 0 1em 0;
    padding: 0;
    /*overflow: hidden;*/
    position: relative;
}
.index-block table .portlet{
    margin: 0;
}
.table_task .table-portlet .wrap-user-info,
.index-block .table-portlet .wrap-user-info {
    float: left;
    width: 100%;
    /*position: relative;*/
    /*min-height: 100px;*/
    padding: 0 0 0 46px;
}
.table_task .block-tasks-manager .wrap-user-info,
.index-block .block-tasks-manager .wrap-user-info {
    padding: 0 0 0;
}
.table_task .table-portlet .user_info_block,
.index-block .table-portlet .user_info_block{
    position: absolute;
    left: 0;
    top: 0;
    padding: 18px 0 11px 20px;
    height: 100%;
    background: #fff;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    z-index: 99;
    width: 62px;
    overflow: hidden;
    -moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
}
.table_task .table-portlet .user_info_block:hover,
.index-block .table-portlet .user_info_block:hover{
    -webkit-box-shadow: 0 1px 9px rgba(11,11,12,.38);
	-moz-box-shadow: 0 1px 9px rgba(11,11,12,.38);
	box-shadow: 0 1px 9px rgba(11,11,12,.38);
    width: auto;
}
.table_task .table-portlet .name_pos,
.index-block .table-portlet .name_pos{
    padding: 0 20px 0 46px;
    white-space: nowrap;
}
.index-block .table .portlet .manager_photo{
    position: relative;
    width: 32px;
    height: 32px;
    border: 0 none;
    left: 0;
    top: 0;
    z-index: 55;
    margin: 0 15px 0 0;
    float: left;
    padding: 0;
    border-radius: 3px;
}
.index-block .table .portlet .manager_photo a{
    float: left;
    width: 32px;
    height: 32px;
    overflow: hidden;
    border-radius: 3px;
}
.index-block .table .portlet .manager_photo a img{
    width: 100% !important;
}
.index-block .table .portlet .manager_photo .status{
    text-align: center;
    padding: 0 7px 0 0;
    display: none;
}
/*.index-block .table .portlet .manager_photo a{
    position: relative;
    float: left;
    width: 60px;
    height: 60px;
    overflow: hidden;
    z-index: 55;
}*/
.table_task .table-portlet .manager_name,
.index-block .table-portlet .manager_name {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    font-weight: normal;
    /*font-family: "SegoeUISemiBold";*/
    display: block;
}
.index-block .table-portlet .manager_pos{
    font-size: 12px;
    line-height: 14px;
    color: #999999;
    display: block;
    padding: 1px 0 2px;
}
.table_task table .column .portlet .fire{
    display: none;
}
/*.table_task table .column .portlet .fire{
    width: 115px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -115px;
    background: url(../images/fire.png) no-repeat left center;
    display: none;
}

.table_task table tr td:last-child  .column .portlet .fire{
    width: 115px;
    height: 40px;
    position: absolute;
    top: 0;
    left: auto;
    right: -115px;
    background: url(../images/fire-l.png) no-repeat left center;
}
.table_task table .column .ui-sortable-helper .fire{
    display: block;
    
}*/
.table_task table th{
    font-size: 14px;
    color: #003399;
    padding: 6px 15px;
    background: #f5f5f5;
    text-align: center;
}
.table_task .portlet,
.index-block  .portlet{
    border-radius: 0;
    border-color: #003399;
}
.table_task .table-portlet .user-info,
.index-block .table-portlet .user-info {
    width: 27%;
    text-align: left;
    vertical-align: top !important;
    float: left;
    /*position: relative;*/
    /*padding: 0 70px 0 0;*/
}
/*.table_task .table-portlet .block_from_name,
.index-block .table-portlet .block_from_name{
    float: left;
    width: 30%;
    padding: 2% 0 0;
}*/
.table_task .table-portlet .info_block .block_from_name,
.index-block .table-portlet .info_block .block_from_name{
    float: none;
    width: auto;
    padding: 0;
}
.table_task .table-portlet .block_from_current,
.index-block .table-portlet .block_from_current,
.table_task .table-portlet .block_from_name,
.index-block .table-portlet .block_from_name{
    float: left;
    width: 30%;
    padding: 2.5% 0 0 7px;
}
.table_task .table-portlet .block_from_current .wrap-current-name,
.index-block .table-portlet .block_from_current .wrap-current-name{
    float: left;
    font-size: 14px;
    line-height: 18px;
    color: #666666;
}
.table_task .table-portlet .block_from_current .wrap-current,
.index-block .table-portlet .block_from_current .wrap-current{
    float: left;
    font-size: 18px;
    line-height: 18px;
    color: #0e9bd0;
    margin: 0 0 0 5px;
    font-weight: bold;
}
.table_task .table-portlet .block_from_current .wrap-current span,
.index-block .table-portlet .block_from_current .wrap-current span{
    padding: 0 5px;
}
.index-block .personal-task .user-info{
    vertical-align: middle !important;
}
.table_task .portlet-header .ui-icon,
.index-block .portlet-header .ui-icon{
    display: none;
}
.table_task .table-portlet .second_block,
.index-block .table-portlet .second_block{
    float: left;
    width: 30%;
    padding: 0 3% 0 0;
}
.table_task .table-portlet .second_block .info_block,
.index-block .table-portlet .second_block .info_block,
.table_task .table-portlet .second_block .info_seanses,
.index-block .table-portlet .second_block .info_seanses{
    float: left;
    width: 100%;
}
.index-block .table-portlet .second_block .working_time{
    font-size: 14px;
    line-height: 23px;
    color: #000;
    font-weight: bold;
    padding: 0;
    text-align: right;
    letter-spacing: 2px;
}
.index-block .table-portlet .second_block .working_time > div {
    float: left;
    padding: 0;
    margin: 0 12px 0 0;
}
.index-block .table-portlet .second_block .working_time span,
.index-block.user-active .table-portlet .info_seanses .working_time span{
    float: none;
    display: inline-block;
    min-width: 31px;
    height: 24px;
    border-radius: 5px;
    background: #eaa30b;
    color: #fff;
    font-weight: normal;
    position: relative;
    content: '';
    margin: 0 2px;
    text-shadow: 0 1px #c08609;
    padding: 0 4px;
    text-align: right;
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 24px;
}
.table_task .table-portlet .second_block .info_block,
.index-block .table-portlet .second_block .info_block{
    margin-bottom: 12px;
}
.table_task .table-portlet .second_block .working_time,
.index-block .table-portlet .second_block .working_time{
    float: left;
    font-size: 16px;
}
.table_task .table-portlet .second_block .diagram,
.index-block .table-portlet .second_block .diagram{
    float: right;
    font-size: 13px;
    line-height: 15px;
    color: #999999;
    padding: 7px 0 0;
     cursor: pointer;
     position: relative;
}
.table_task .table-portlet .second_block .diagram span,
.index-block .table-portlet .second_block .diagram span{
    text-decoration: underline;
    cursor: pointer;
}
.table_task .table-portlet .second_block .diagram:hover span,
.index-block .table-portlet .second_block .diagram:hover span{
    text-decoration: none;
}
.table_task .table-portlet .all_many,
.index-block .table-portlet .all_many,
.table_task .table-portlet .all_days,
.index-block .table-portlet .all_days{
    float: left;
    width: 15%;
}
.table_task .table-grouptask .all_many,
.index-block .table-grouptask .all_many{
    width: 20%;
}
.table_task .table-portlet .edit_dell,
.index-block .table-portlet .edit_dell{
    float: right;
    width: 10%;
}
.table_task .portlet-content,
.index-block .portlet-content{
    padding: 0;
    float: left;
    width: 32%;
    height: 40px;
    font-size: 13px;
    border-right: 1px solid #003399;
}
.table_task .portlet-content{
    width: 30%;
}
.index-block .portlet-content{
    width: 30%;
    text-align: center;
}
.table_task .all_time,
.index-block .all_time{
    padding: 1px 5px;
    border-bottom: 1px solid #003399;
}
.index-block .all_time,
.index-block .working_time,
.table_task .all_time,
.table_task .working_time{
    font-size: 11px;
    padding: 2px 3px;
    color: #f00;
}
.table_task .all_client{
    padding: 1px 5px;
}
.border-top{
    border-top: 1px solid #d6dde1;
}
.index-block .info_lateness,
.table_task .info_lateness{
    width: 155px;
    font-size: 20px;
    line-height: 20px;
    color: #333333;
    font-weight: bold;
    padding: 0;
    /*margin: 55px 0 0;*/
    border: 0 none;
    text-align: center;
}
.index-block .info_lateness span,
.table_task .info_lateness span{
    display: block;
    font-size: 12px;
    color: #999999;
    font-weight: normal;
    line-height: 14px;
    padding: 0 0 10px 0;
    text-align: center;
}
/*.table_task .shom_all,
.index-block .shom_all{
    float: left;
    width: 6%;
    background: #003399;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}*/
.table_task .all_calls,
.index-block .all_calls{
    position: absolute;
    left: 0;
    top: 0;
    width: 7%;
    height: 100%;
    text-align: center;
    color: #003399;
    font-size: 18px;
    line-height: 40px;
}
.index-block .wrap-client,
.table_task .wrap-client{
    float: left;
    width: 7%;
}
.index-block .all_client,
.index-block .active_client,
.table_task .all_client,
.table_task .active_client{
    padding: 0 5px;
    text-align: center;
    float: left;
    width: 100%;
    line-height: 19px;
    background: #003399;
    color: #fff;
}
.index-block .all_client a,
.index-block .active_client a{
    color: #fff;
}
.index-block .all_client,
.table_task .all_client{
    border-bottom: 1px solid #fff;
}
.index-block .active_client,
.table_task .active_client{
    line-height: 20px;
}
.table_task .star_but_work,
.table_task .end_but_work{
    float: left;
    width: 5%;
    height: 40px;
    text-align: center;
    padding: 11px 0 0;
}
.table_task .star_but_work .fa-play,
.table_task .end_but_work .fa-stop{
    color: #0397db;
}
.green_client,
.green_client a{
    color: #008040;
}
.red_client,
.red_client a{
    color: #f00;
}
.new_client, .new_client a{
    color: #fff;
}
.allclients .name span{
    display: block;
    padding: 0 20px 0 0;
    position: relative;
}
.table_task table th{
    font-size: 14px;
    color: #349424;
    padding: 6px 15px;
    background: #f5f5f5;
    text-align: center;
}
.table_task .portlet,
.index-block .portlet{
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    padding: 18px 0 15px 20px;
    border-radius: 8px;
}
.table_task .table-portlet td,
.index-block .table-portlet td {
    vertical-align: middle !important;
    /*border-right: 1px solid #dbdbdb;*/
}
.table_task .table-portlet tr:last-child td,
.index-block .table-portlet tr:last-child td {
    /*border-top: 1px solid #dbdbdb;*/
}

.table_task .portlet-header .ui-icon,
.index-block .portlet-header .ui-icon{
    display: none;
}
.table_task .portlet-content,
.index-block .portlet-content{
    padding: 0;
    float: left;
    width: 32%;
    height: 40px;
    font-size: 13px;
    border-right: 1px solid #008DD2;
}
.table_task .portlet-content{
    width: 30%;
}
.index-block .portlet-content{
    width: 30%;
    text-align: center;
    background: #fff;
}
/*.table_task .all_time,*/
/*.index-block .all_time{*/
/*    padding: 1px 5px;*/
/*    border-bottom: 1px solid #008DD2;*/
/*}*/
.index-block .table-portlet .all_time,
.index-block .table-portlet .working_time,
.index-block .table-portlet .seanses_today,
.index-block .table-portlet .suma_work,
.index-block .table-portlet .time_work,
.table_task .table-portlet .all_time,
.table_task .table-portlet .working_time,
.table_task .table-portlet .seanses_today,
.table_task .table-portlet .suma_work,
.table_task .table-portlet .time_work {
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    font-weight: bold;
    padding: 0;
    margin: 0;
    border: 0 none;
    text-align: left;
}
.index-block .table-portlet .all_time span,
.index-block .table-portlet .working_time span,
.index-block .table-portlet .seanses_today span,
.index-block .table-portlet .suma_work span,
.index-block .table-portlet .time_work span,
.table_task .table-portlet .all_time span,
.table_task .table-portlet .working_time span,
.table_task .table-portlet .seanses_today span,
.table_task .table-portlet .suma_work span,
.table_task .table-portlet .time_work span {
    display: block;
    font-size: 12px;
    color: #999999;
    font-weight: normal;
    line-height: 14px;
    padding: 0 0 14px 0;
    text-align: left;
}
.table_task .table-portlet .suma_work,
.index-block .table-portlet .suma_work {
    color: #0fb58d;
}
.table_task .all_client{
    padding: 1px 5px;
}
.table_task .table-portlet .all_days,
.index-block .table-portlet .all_days{
    position: relative;
}
.table_task .table-portlet .all_days span,
.index-block .table-portlet .all_days span{
    font-size: 12px;
    color: #999999;
    line-height: 14px;
    display: block;
    padding: 0 0 14px 0;
}
.table_task .table-portlet .all_days .summ_days,
.index-block .table-portlet .all_days .summ_days{
    font-size: 18px;
    line-height: 20px;
    color: #666666;
    font-weight: bold;
}
.table_task .table-portlet .all_days .summ_days span,
.index-block .table-portlet .all_days .summ_days span{
     font-size: 18px;
    color: #666666 !important;
    line-height: 18px;
    display: block;
    font-weight: bold;
    padding: 0;
}
.table_task .table-portlet .all_days .block_day_data,
.index-block .table-portlet .all_days .block_day_data{
    display: none;
    position: absolute;
    bottom: -60px;
    width: 255px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 9px 0px rgba(1,2,2,0.18);
    -moz-box-shadow: 0px 1px 9px 0px rgba(1,2,2,0.18);
    box-shadow: 0px 1px 9px 0px rgba(1,2,2,0.18);
    text-align: left;
    padding: 10px 15px;
    z-index: 999;
}
.table_task .table-portlet .all_days .block_day_data .wrap-current-name,
.index-block .table-portlet .all_days .block_day_data .wrap-current-name{
    display: inline-block;
    font-size: 13px;
    line-height: 14px;
    color: #333333;
}
.table_task .table-portlet .all_days .block_day_data .wrap-current,
.index-block .table-portlet .all_days .block_day_data .wrap-current{
    display: inline-block;
    font-size: 13px;
    line-height: 14px;
    color: #999999;
}
.from_clients_task{
    float: left;
    width: 100%;
    border-top: 1px solid #e0e0e0;
    margin-top: 10px;
}
.from_clients_task > div{
    float: left;
    width: 14.285%;
    padding: 0 5px;
}
.from_clients_task .wrap-current-name{
    font-size: 13px;
    line-height: 16px;
    color: #333333;
    padding: 15px 22px 12px;
}
.from_clients_task .wrap-current{
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding: 3px 0;
    border-radius: 4px;
    font-weight: bold;
    /* float: left; */
    width: 85%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.from_clients_task .wrap-current a{
    float: left;
    width: 100%;
    text-align: center;
}
.from_clients_task .wrap-current a{
    color: #fff;
}
.from_clients_task .block1 .wrap-current{
    background: #f7bc00;
}
.portlet-active .from_clients_task div .wrap-current{
    background: #ffffff;
    border: 1px solid #fcb646;
    border-bottom-width: 2px;
    color: #86899d;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(162,106,17,0.3);
    -moz-box-shadow: 0px 1px 6px 0px rgba(162,106,17,0.3);
    box-shadow: 0px 1px 6px 0px rgba(162,106,17,0.3);
}
.portlet-active .from_clients_task div .wrap-current a{
    color: #86899d;
    font-weight: normal;
    /*font-family: "SegoeUIBold";*/
    font-size: 12px;
}
.from_clients_task .block2 .wrap-current{
    background: none;
    border: 1px solid #62a53a;
    color: #62a53a;
}
.from_clients_task .block2 .wrap-current a{
    color: #62a53a;
}
.from_clients_task .block3 .wrap-current{
    background: none;
    border: 1px solid #f47600;
    color: #f47600;
}
.from_clients_task .block3 .wrap-current a{
    color: #f47600;
}
.from_clients_task .block4 .wrap-current{
    background: none;
    border: 1px solid #836d86;
    color: #836d86;
}
.from_clients_task .block4 .wrap-current a{
    color: #836d86;
}
.from_clients_task .block5 .wrap-current{
    background: none;
    border: 1px solid #4bb0e1;
    color: #4bb0e1;
}
.from_clients_task .block5 .wrap-current a{
    color: #4bb0e1;
}
.from_clients_task .block6 .wrap-current{
    background: none;
    border: 1px solid #04b790;
    color: #04b790;
}
.from_clients_task .block6 .wrap-current a{
    color: #04b790;
}
.from_clients_task .block7 .wrap-current{
    background: none;
    border: 1px solid #ed5656;
    color: #ed5656;
}
.from_clients_task .block7 .wrap-current a{
    color: #ed5656;
}
.portlet-active .from_clients_task{
    width: 68%;
    margin: -9px 0 0;
    border: 0 none;
    padding: 0;
}
.portlet-active .from_clients_task .wrap-current-name {
    font-size: 12px;
    line-height: 11px;
    color: #6d718a;
    padding: 0 0 0;
    min-height: 27px;
}
/*.portlet-active .from_clients_task .wrap-current-name span{
    font-family: "SegoeUIBold";
}*/
.portlet-active .from_clients_task .block5 .wrap-current-name{
    padding: 0 5px 0;
}
.portlet-active .from_clients_task .block1 .wrap-current a,
.portlet-active .from_clients_task .block2 .wrap-current a,
.portlet-active .from_clients_task .block3 .wrap-current a,
.portlet-active .from_clients_task .block4 .wrap-current a,
.portlet-active .from_clients_task .block5 .wrap-current a,
.portlet-active .from_clients_task .block6 .wrap-current a,
.portlet-active .from_clients_task .block7 .wrap-current a{
    width: 50%;
}
.portlet-active .from_clients_task .block1 .wrap-current:before,
.portlet-active .from_clients_task .block2 .wrap-current:before,
.portlet-active .from_clients_task .block3 .wrap-current:before,
.portlet-active .from_clients_task .block4 .wrap-current:before,
.portlet-active .from_clients_task .block5 .wrap-current:before,
.portlet-active .from_clients_task .block6 .wrap-current:before,
.portlet-active .from_clients_task .block7 .wrap-current:before{
    content: '';
    position: absolute;
    left: 50%;
    margin: 0 0 0 -1px;
    height: 100%;
    width: 1px;
    background: #fcb646;
    top: 0;
}
.portlet-active .edit-cell{
   float: right;
    width: 5%;
    padding: 7px 10px 0 0;
    position: relative;
}
.portlet-active .edit-cell .edit,
.portlet-active .edit-cell .fa{
    font-size: 18px;
    color: #a8adc2;
    cursor: pointer;
}
.portlet-active .edit-cell .edit:hover,
.portlet-active .edit-cell .fa:hover{
    color: #0099cc;
}
.portlet-active .edit-cell .edit_dell_block{
    margin: 6px 0 0 -16px;
}
/*.portlet-active .from_clients_task .block2 .wrap-current:before{
    background: #62a53a;
}
.portlet-active .from_clients_task .block3 .wrap-current:before{
    background: #f47600;
}
.portlet-active .from_clients_task .block4 .wrap-current:before{
    background: #836d86;
}
.portlet-active .from_clients_task .block7 .wrap-current:before{
    background: #ed5656;
}*/
/*.table_task .table-portlet .info_block,
.index-block .table-portlet .info_block {
    width: 100%;
    background: none;
    text-align: right;
    margin: -38px 0 0;
}
.table_task .table-portlet .info_block div,
.index-block .table-portlet .info_block div {
    float: none;
    background: none;
    display: inline-block;
    width: auto;
    color: #cacaca !important;
    font-size: 20px;
    margin: 0 0 0 12px;
    cursor: pointer;
}
.table_task .table-portlet .info_block div:hover,
.index-block .table-portlet .info_block div:hover{
    opacity: 0.8;
}
.table_task .table-portlet .info_block div a,
.index-block .table-portlet .info_block div a {
    background: none;
    color: #cacaca;
    font-size: 20px;
}*/
.table_task .table-portlet .info_block .client-edit .fa,
.index-block .table-portlet .info_block .client-edit .fa{
    font-size: 20px;
    color: #cacaca;
    float: left;
    /* width: 100%; */
    margin: 0;
    clear: both;
    position: relative;
    top: 4px;
}
.table_task .shom_all,
.index-block .shom_all{
    float: left;
    /*width: 6%;*/
    /*color: #fff;*/
    text-align: center;
    /*line-height: 40px;*/
    cursor: pointer;
    position: relative;
}
.table_task .shom_all,
.index-block .shom_all{
    float: left;
    color: #03a681;
    position: relative;
    /* z-index: 88; */
    cursor: pointer;
    margin: 0;
}
.index-block .shom_all{
    display: none;
}
.table_task .shom_all .fa,
.index-block .shom_all .fa{
    color: #ababab;
    font-size: 16px;
    margin: 0;
    float: left;
}
.table_task .shom_all .infoblock:before,
.index-block .shom_all .infoblock:before{
    content: '...';
    background: #fff;
    border: 1px solid #c9cad2;
    padding: 3px 6px 6px;
    border-radius: 2px;
    height: 20px;
    line-height: 0;
    float: left;
    font-size: 24px;
    font-weight: bold;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.table_task .shom_all:hover .infoblock:before,
.index-block .shom_all:hover .infoblock:before {
    background: #c9cad2;
    color: #fff;
}
.table_task .all_calls,
.index-block .all_calls{
    position: absolute;
    left: 0;
    top: 0;
    width: 71px;
    height: 100%;
    text-align: center;
    color: #008dd2;
    font-size: 18px;
    line-height: 40px;
    padding: 0 0 0 38px;
    z-index: 5;
    background: #fff;
}
.index-block .wrap-client,
.table_task .wrap-client,
.table_task .wrap-control,
.index-block .wrap-control,
.table_task .star_but_work,
.table_task .end_but_work{
    float: left;
    width: 7%;
}
.index-block .all_client,
.index-block .active_client,
.table_task .all_client,
.table_task .active_client{
    padding: 0 5px;
    text-align: center;
    float: left;
    width: 100%;
    line-height: 19px;
    background: #008DD2;
    color: #fff;
}
.index-block .all_client a,
.index-block .active_client a{
    color: #fff;
}
.index-block .all_client,
.table_task .all_client{
    border-bottom: 1px solid #fff;
}
.index-block .active_client,
.table_task .active_client{
    line-height: 20px;
}
.table-portlet .dell_task a {
    display: inline-block;
    /*text-indent: -99999px;*/
    /*background: url(../images/close.png) no-repeat #e3e3e3 center center;*/
    /*position: absolute;
    right: -33px;*/
    margin: 0;
    /*top: 25px;*/
}
.table-portlet .dell_task .fa{
    font-size: 22px;
    margin: 4px 0 0 -8px;
    position: relative;
    top: 3px;
    color: #cacaca;
}
.return_to_work{
    font-size: 20px;
    cursor: pointer;
    color: #cacaca;
}
.return_to_work .fa,
.add_to_archive .fa{
    position: relative;
    top: 19%;
}
.add_to_archive .fa{
    margin-top: 8px;
}
.add_to_archive{
    font-size: 18px;
    cursor: pointer;
    color: #cacaca;
}
.add_to_archive:hover,
.return_to_work:hover{
    opacity: 0.8;
}
/**the_head**/
.the_head{
    text-align: left;
    padding: 0 0 17px 0;
}
.manager_small_photo .the_head{
    text-align: center;
    padding: 0 0 5px 0;
}
.the_head .title_head{
    position: relative;
    top: -7px;
}
.the_head .foto_head{
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
    height: 60px;
    overflow: hidden;
}
.the_head .name_head{
    color: #333333;
    font-size: 18px;
}
.the_head .department_head,
.the_head .position_head{
    font-size: 12px;
}
.the_head .title_head{
    font-size: 10px;
    color: #f58429;
    text-transform: uppercase;
}
/*.table_task .star_but_work,
.table_task .end_but_work{
    float: left;
    width: 5%;
    height: 40px;
    text-align: center;
    padding: 11px 0 0;
}
.table_task .star_but_work .fa-play,
.green_client, .green_client a{
    color: #228E0F;
}
.table_task .end_but_work .fa-stop,
.red_client, .red_client a{
    color: #ff0000;
}*/
.new_client, .new_client a{
    color: #4B4BA5;
}
.allclients .name .date-create{
    font-size: 12px;
    line-height: 12px;
    color: #999999;
    padding: 0 0 5px 0;
}
.allclients .name span{
    display: block;
    padding: 0 20px 0 0;
    position: relative;
}
.allclients .name .personal_info{
    position: absolute;
    right: 0;
    top: 0;
    /*z-index: 55;*/
    cursor: pointer;
    color: #ababab;
    font-size: 16px;
    /*width: 17px;
    height: 17px;
    background: url(../images/icon-info.png) no-repeat;
    text-indent: -9999px;*/
}
/***.table_task > table**/
/*.table_task > table tr td:last-child .portlet{
    border-color: #f00;
}*/
/*.table_task > table tr td:last-child .portlet-header,
.table_task > table tr td:last-child .shom_all{
    background: #f00;
}*/
.table_task > table tr td:last-child .portlet-content .all_time,
.table_task > table tr td:last-child .portlet-content .working_time0,
.table_task > table tr td:last-child .portlet-content .working_time,
.table_task > table tr td:last-child .portlet-content .result_timer0,
.table_task > table tr td:last-child .portlet-content .result_timer{
    color: #f00;
    border-color: #f00;
}
.table_task > table tr td:last-child .portlet-content{
    border-color: #f00;
}
/**polet - timer**/
.portlet.timer .manager_photo {
    position: absolute;
    width: 50px;
    height: 50px;
    border: 2px solid #008DD2;
    border-radius: 100px;
    left: -12px;
    top: -5px;
    overflow: hidden;
    z-index: 55;
    background: #fff;
}
.portlet.timer .manager_photo .status-red,
.about_usera .status-red {
    position: absolute;
    bottom: -1px;
    right: 8px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    text-indent: -99999px;
    border: 3px solid #ffffff;
    background: #ff3300;
    display: none;
}
.portlet.timer .manager_photo .status-green,
.about_usera .status-green {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    text-indent: -99999px;
    border: 3px solid #ffffff;
    background: #1bbf4e;
    display: none;
}
.table_task .portlet.timer .portlet-header,
.index-block .portlet.timer .portlet-header {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 3px 0;
    text-align: left;
    font-size: 15px;
    line-height: 15px;
    color: #0397db;
}
.table_task .wrap-control,
.index-block .wrap-control,
.table_task .star_but_work,
.table_task .end_but_work,
.table_task .start_stages_work,
.table_task .stop_stages_work,
.table_task .the_end_task,
.table_task .close_stages_work{
    text-align: center;
    color: #fff;
    font-size: 16px;
    height: 35px;
    width: 35px;
    padding: 4px 0 0 1px;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin: -2px 16px 0 0;
    border-radius: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    border-radius: 5px;
}
.table_task .wrap-control.play,
.index-block .wrap-control.play,
.table_task .star_but_work,
.table_task .start_stages_work{
    background: #0397db;
    border: 3px solid #0397db;
}
.table_task .the_end_task{
    display: none;
}
.table_task .the_end_task,
.table_task .close_stages_work{
    background: none;
    border: 3px solid #0397db;
}
.table_task .wrap-control.play:hover,
.index-block .wrap-control.play:hover,
.table_task .star_but_work:hover,
.table_task .wrap-control.stop:hover,
.index-block .wrap-control.stop:hover,
.table_task .start_stages_work:hover,
.table_task .stop_stages_work:hover{
    background: none;
}
.table_task .end_but_work:hover{
    background: #0397db;
}
.table_task .wrap-control.play:hover .fa,
.index-block .wrap-control.play:hover .fa,
.table_task .star_but_work:hover .fa,
.table_task .start_stages_work:hover .fa{
    color: #0397db;
}
.table_task .wrap-control.stop,
.index-block .wrap-control.stop,
.table_task .end_but_work,
.table_task .stop_stages_work{
    border: 3px solid #0397db;
    color: #0397db;
    /*margin-bottom: 12px;*/
}
.table_task .wrap-control.stop:hover .fa,
.index-block .wrap-control.stop:hover .fa,
.table_task .end_but_work:hover .fa,
.table_task .stop_stages_work:hover .fa{
    color: #fff;
}
/*.table_task .close_stages_work,
.index-block .close_stages_work {
    cursor: pointer;
    padding: 10px 0 0;
}
.table_task .close_stages_work .fa,
.index-block .close_stages_work .fa{
    color: #F00;
    font-size: 18px;
}*/
.table_task .close_stages_work:hover .fa,
.index-block .close_stages_work:hover .fa{
    opacity: 0.7;
}
.table_task .the_end_task:hover,
.table_task .close_stages_work:hover{
    background: none;
    border: 2px solid #00b2d2;
    color: #00b2d2;
}
/**porlet- typefor**/
.table_task .portlet.typefor .portlet-header,
.index-block .portlet.typefor .portlet-header {
     float: left;
    /*width: 100%;*/
    margin: 0 15px 0 0;
    /*padding: 0 0 0 10px;*/
    text-align: left;
}
.table_task .portlet.typefor .portlet-content,
.index-block .portlet.typefor .portlet-content{
    width: 25%;
    text-align: center;
}
.table_task .portlet.timer .info_block,
.index-block .portlet.timer .info_block{
    /*padding: 0 0 0 80px;*/
    float: left;
    width: 100%;
    position: relative;
    padding: 0 70px 0 0;
}
.task-personal .portlet.typefor .info_block{
    padding: 0 0 0;
}
.table_task .portlet.typefor .info_block .timer-cell,
.index-block .portlet.typefor .info_block .timer-cell{
    /*margin: -9px 0 0;*/
}
.index-block .portlet .result_all_time{
    float: left;
    font-size: 12px;
    color: #a7adbf;
}
.index-block .portlet .result_all_time .fa{
    margin: -1px 6px 0 0;
    font-size: 14px;
}
.index-block .portlet .result_all_time span{
    color: #59568b;
    font-family: "SegoeUIBold";
    padding: 0 0 0 5px;
}
.index-block .portlet .dedline_block{
    font-size: 12px;
    color: #666666;
    float: left;
}
.index-block .portlet .dedline_block span{
    color: #333333;
    font-family: "SegoeUIBold";
    padding: 0 0 0 5px;
}
.index-block .portlet .resulе_task_time{
    width: 42%;
    margin: 0 0 0;
    text-align: left;
    float: left;
}
.index-block .portlet .resulе_task_time > div{
    display: inline-block;
    /*margin: 0 60px 0 0;*/
    font-size: 12px;
    color: #a7adbf;
    width: 33%;
}
.index-block .portlet .resulе_task_time > div:first-child{
    width: 29%;
    padding: 0 0 0 15px;
}
.index-block .portlet .resulе_task_time > div .fa{
    margin: -1px 6px 0 0;
    font-size: 14px;
}
.index-block .portlet .resulе_task_time > div span{
    font-family: "SegoeUIBold";
    color: #59568b;
    padding: 0 0 0 5px;
}
.index-block .portlet .resulе_task_time > div:last-child{
    margin: 0;
}
.index-block .portlet .resulе_task_time .result_money{
    font-size: 12px;
    color: #59568b;
    font-family: "SegoeUIBold";
    padding: 0 0 0 19px;
}
.index-block .portlet .resulе_task_time .all{
    background: url(../images/icon-overdue.png) no-repeat left 2px;
    padding-left: 14px;
}
.index-block .portlet .close_return{
    float: left;
    width: 13%;
    text-align: left;
    margin-top: -5px;
    margin-bottom: -6px;
    position:relative;
}
.index-block .portlet .close_return .by_period{
    font-size: 12px;
    color: #a7adbf;
    padding-bottom: 4px;
}
.index-block .portlet .close_return .by_period span{
    font-family: "SegoeUIBold";
}
.index-block .portlet .close_return .datestartwork-txt{
    color: #9095a5;
    font-family: "SegoeUIBold";
    font-size: 12px;
    padding: 3px 0 6px 28px;
}
.index-block .portlet .close_return .block-checkbox:last-child .datestartwork-txt{
    padding-bottom: 0;
}
.index-block .portlet .close_return .checkbox:checked + label{
    color: #0eaa96;
}
.index-block .portlet .close_return .checkbox:checked + label:before {
    border: 1px solid #0eaa96;
}
.index-block .portlet .close_return .checkbox:not(checked) + label:after{
        background: url(../images/cheked_g.png) no-repeat center center;
}
.block_to_check_text{
    font-size: 23px;
    color: #0397db;
    float: right;
    line-height: 24px;
    padding: 3px 16px 0 0;
}
#block_task{
    padding: 20px 20px 15px;
    font-size: 14px;
    line-height: 18px;
    color: #868ea7;
    text-align: center;
    width: 177px;
	height: 100px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #fff;
    -webkit-box-shadow: 0 1px 9px rgba(4,4,4,.11);
	-moz-box-shadow: 0 1px 9px rgba(4,4,4,.11);
	box-shadow: 0 1px 9px rgba(4,4,4,.11);
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -89px;
    z-index: 10000;
    display: none;
}
#block_task .text_mess{
    display: block;
}
#block_task .close_block{
    color: #babfce;
    font-family: "SegoeUIBold";
    font-size: 14px;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}
#block_task .close_block:hover{
    opacity: 0.8;
}
#block_task .yes_close_task{
    display: inline-block;
    margin: 8px 3px 0;
    cursor: pointer;
    width: 55px;
	height: 22px;
    text-align: center;
    border-radius: 10px;
    line-height: 21px;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #0c8c45;
    background: rgba(78,209,157,1);
    background: -moz-linear-gradient(top, rgba(78,209,157,1) 0%, rgba(29,159,90,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(78,209,157,1)), color-stop(100%, rgba(29,159,90,1)));
    background: -webkit-linear-gradient(top, rgba(78,209,157,1) 0%, rgba(29,159,90,1) 100%);
    background: -o-linear-gradient(top, rgba(78,209,157,1) 0%, rgba(29,159,90,1) 100%);
    background: -ms-linear-gradient(top, rgba(78,209,157,1) 0%, rgba(29,159,90,1) 100%);
    background: linear-gradient(to bottom, rgba(78,209,157,1) 0%, rgba(29,159,90,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ed19d', endColorstr='#1d9f5a', GradientType=0 );
        transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
#block_task .yes_close_task:hover{
    background: rgba(12,140,70,1);
    background: -moz-linear-gradient(top, rgba(12,140,70,1) 0%, rgba(12,140,70,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(12,140,70,1)), color-stop(100%, rgba(12,140,70,1)));
    background: -webkit-linear-gradient(top, rgba(12,140,70,1) 0%, rgba(12,140,70,1) 100%);
    background: -o-linear-gradient(top, rgba(12,140,70,1) 0%, rgba(12,140,70,1) 100%);
    background: -ms-linear-gradient(top, rgba(12,140,70,1) 0%, rgba(12,140,70,1) 100%);
    background: linear-gradient(to bottom, rgba(12,140,70,1) 0%, rgba(12,140,70,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c8c46', endColorstr='#0c8c46', GradientType=0 );0c8c45;
}
#block_task .no_close_task{
    display: inline-block;
    margin: 8px 3px 0;
    cursor: pointer;
    width: 55px;
	height: 22px;
    text-align: center;
    border-radius: 10px;
    line-height: 21px;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #ce3131;
    background: rgba(246,120,114,1);
    background: -moz-linear-gradient(top, rgba(246,120,114,1) 0%, rgba(215,63,57,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,120,114,1)), color-stop(100%, rgba(215,63,57,1)));
    background: -webkit-linear-gradient(top, rgba(246,120,114,1) 0%, rgba(215,63,57,1) 100%);
    background: -o-linear-gradient(top, rgba(246,120,114,1) 0%, rgba(215,63,57,1) 100%);
    background: -ms-linear-gradient(top, rgba(246,120,114,1) 0%, rgba(215,63,57,1) 100%);
    background: linear-gradient(to bottom, rgba(246,120,114,1) 0%, rgba(215,63,57,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67872', endColorstr='#d73f39', GradientType=0 );
        transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
#block_task .no_close_task:hover{
    background: rgba(206,49,49,1);
    background: -moz-linear-gradient(top, rgba(206,49,49,1) 0%, rgba(206,49,49,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(206,49,49,1)), color-stop(100%, rgba(206,49,49,1)));
    background: -webkit-linear-gradient(top, rgba(206,49,49,1) 0%, rgba(206,49,49,1) 100%);
    background: -o-linear-gradient(top, rgba(206,49,49,1) 0%, rgba(206,49,49,1) 100%);
    background: -ms-linear-gradient(top, rgba(206,49,49,1) 0%, rgba(206,49,49,1) 100%);
    background: linear-gradient(to bottom, rgba(206,49,49,1) 0%, rgba(206,49,49,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce3131', endColorstr='#ce3131', GradientType=0 );
}
.index-block .portlet .resul_diner{
    width: 50%;
    margin: -5px 0 2px;
    text-align: center;
    float: left;
}
.index-block .portlet .resul_diner > div{
    display: inline-block;
    margin: 0 25px;
    font-size: 12px;
    color: #a7adbf;
    text-align: left;
}
.index-block .portlet .resul_diner > div .time_havku{
    color: #59568b;
    font-family: "SegoeUIBold";
    display: block;
    padding: 3px 0 0;
}
.index-block .portlet .count_retiurn{
    float: left;
    font-size: 12px;
    color: #77749d;
    font-family: "SegoeUISemiBold";
    padding-top: 6px;
    width: 13%;
    /*text-align: right;*/
}
.index-block .portlet .count_retiurn span{
    display: inline-block;
    margin: 0 0 0 3px;
    width: 17px;
    height: 17px;
    border-radius: 50px;
    text-align: center;
    line-height: 17px;
    background: #30bb15;
    color: #fff;
    font-size: 10px;
    font-family: "SegoeUIRegular";
}
/**porlet- typefive**/
.table_task .portlet.typefive .portlet-header,
.index-block .portlet.typefive .portlet-header {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 0 10px;
    text-align: left;
}
.table_task .portlet.typefive .portlet-content,
.index-block .portlet.typefive .portlet-content{
    width: 25%;
    text-align: center;
}
/**porlet- numberfor  **/
.table_task .portlet.numberfor .portlet-header,
.index-block .portlet.numberfor .portlet-header,
.table_task .portlet.numberfive .portlet-header,
.index-block .portlet.numberfive .portlet-header,
.table_task .portlet .portlet-header{
    padding: 5px 5px 5px 15px;
}
.table_task .portlet.numberfive .portlet-header,
.index-block .portlet.numberfive .portlet-header,
.table_task .portlet .portlet-header{
    margin: 0;
    width: 52%;
}
.table_task .portlet-content{
    width: 35%;
}
.table_task .portlet.numberfor .all_calls,
.index-block .portlet.numberfor .all_calls {
    width: 7%;
    padding: 0;
}
.table_task .portlet.numberfor .portlet-content,
.index-block .portlet.numberfor .portlet-content,
.table_task .portlet.numberfive .portlet-content,
.index-block .portlet.numberfive .portlet-content{
    width: 28%;
}
.table_task .portlet.numberfor .portlet-header,
.index-block .portlet.numberfor .portlet-header{
    margin: 0 0 0 7%;
    width: 45%;
}
/*.table_task .portlet.typefive .portlet-content,
.index-block .portlet.typefive .portlet-content{
    width: 25%;
    text-align: center;
}*/
/*****/
.table_task .table td,
.index-block .table td{
    padding: 11px 0 !important;
    /*border: 0 none;*/
}
.table_task .grouptask,
.index-block .grouptask{
    background: #fff;
    border-color: #039e76;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(1,1,1,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(1,1,1,0.25);
    box-shadow: 0px 0px 5px 0px rgba(1,1,1,0.25);
}
.table_task .grouptask .the_head,
.index-block .grouptask .the_head{
    float: left;
    width: 30%;
}
.table_task .grouptask .the_head .foto_head,
.index-block .grouptask .the_head .foto_head{
    margin: 4px 10px 0 0;
}
.table_task .grouptask .the_head .title_head,
.index-block .grouptask .the_head .title_head{
    top: 0;
    margin: 2px 0 0;
}
.table_task .grouptask .second_block,
.index-block .grouptask .second_block {
    float: left;
    width: 30%;
    padding: 0 3% 0 0;
}
.table_task .grouptask .portlet-header,
.index-block .grouptask .portlet-header {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    text-decoration: underline;
}
.table_task .grouptask td,
.index-block .grouptask td,
.table_task .grouptask tr:last-child td,
.index-block .grouptask tr:last-child td{
    border-color: #dbdbdb;
}
.table_task .grouptask .portlet-header,
.index-block .grouptask .portlet-header{
    margin: 0;
}
.index-block .grouptask .portlet-content{
    width: 37%;
    border: 0 none;
    padding: 11px 0 8px;
    height: 56px;
}
.index-block .grouptask .portlet-content .working_time{
        padding: 5px 0;
}
.table_task .grouptask .group_photo,
.index-block .grouptask .group_photo{
    /*position: absolute;*/
    /*top: -17px;*/
    /*right: -16px;*/
    float: left;
    margin: 0;
    width: 10%;
}
.table_task .grouptask .group_photo .foto_persona,
.index-block .grouptask .group_photo .foto_persona{
    /*border: 1px solid #003399;*/
    width: 32px;
    height: 32px;
    overflow: hidden;
    /*border-radius: 50px;*/
    float: left;
    background: #fff;
    margin: 0 1px;
    position: relative;
}
.table_task .grouptask .group_photo .foto_persona img,
.index-block .grouptask .group_photo .foto_persona img{
    width: 32px;
}
.table_task .grouptask .group_photo .foto_persona .status-green,
.index-block .grouptask .group_photo .foto_persona .status-green{
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50px;
    background: rgba(14,225,155,1);
    background: -moz-linear-gradient(top, rgba(14,225,155,1) 0%, rgba(11,170,69,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14,225,155,1)), color-stop(100%, rgba(11,170,69,1)));
    background: -webkit-linear-gradient(top, rgba(14,225,155,1) 0%, rgba(11,170,69,1) 100%);
    background: -o-linear-gradient(top, rgba(14,225,155,1) 0%, rgba(11,170,69,1) 100%);
    background: -ms-linear-gradient(top, rgba(14,225,155,1) 0%, rgba(11,170,69,1) 100%);
    background: linear-gradient(to bottom, rgba(14,225,155,1) 0%, rgba(11,170,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ee19b', endColorstr='#0baa45', GradientType=0 );
    position: absolute;
    right: 2px;
    bottom: 2px;
}
.table_task .grouptask .group_photo .foto_persona .status-red,
.index-block .grouptask .group_photo .foto_persona .status-red{
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50px;
   background: rgba(254,58,71,1);
    background: -moz-linear-gradient(top, rgba(254,58,71,1) 0%, rgba(251,29,36,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,58,71,1)), color-stop(100%, rgba(251,29,36,1)));
    background: -webkit-linear-gradient(top, rgba(254,58,71,1) 0%, rgba(251,29,36,1) 100%);
    background: -o-linear-gradient(top, rgba(254,58,71,1) 0%, rgba(251,29,36,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,58,71,1) 0%, rgba(251,29,36,1) 100%);
    background: linear-gradient(to bottom, rgba(254,58,71,1) 0%, rgba(251,29,36,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe3a47', endColorstr='#fb1d24', GradientType=0 );
    position: absolute;
    right: 2px;
    bottom: 2px;
}
/**group-block**/
.index-block .group-block{
    float: left;
    width: 100%;
    position: relative;
}
.index-block .group-block .icon-block{
    float: left;
    width: 100%;
}
.index-block .group-block .icon-block .fa{
    width: 42px;
    height: 17px;
    background: #fff;
    border-radius: 0 0 800px 800px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(1,1,1,0.24);
    -moz-box-shadow: 0px 0px 4px 0px rgba(1,1,1,0.24);
    box-shadow: 0px 0px 4px 0px rgba(1,1,1,0.24);
    color: #939393;
    font-size: 16px;
    cursor: pointer;
}
.index-block .group-block .hidden-group{
    float: left;
    width: 100%;
    position: relative;
    border-top: 2px solid #f6b700;
    /*display: none;*/
    margin: 0;
    background: #ffffff;
    padding: 0;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(1,1,1,0.24);
    -moz-box-shadow: 0px 0px 0px 0px rgba(1,1,1,0.24);
    box-shadow: 0px 0px 0px 0px rgba(1,1,1,0.24);
    display: none;
}
.index-block .group-block .hidden-group .time_work_group_task{
    padding: 25px 0;
    border-bottom: 1px solid #dedede;
    text-align: center;
}
.index-block .hidden-group .time_work_group_task .wrap-orang,
.index-block .hidden-group .time_work_group_task .wrap-blue{
    display: inline-block;
    /*width: 30%;*/
    margin: 0 15px;
    padding: 10px;
    position: relative;
    
}
.index-block .hidden-group .time_work_group_task .wrap-orang:before{
    content: '';
    position: absolute;
    width: 23px;
    height: 23px;
    background: url(../images/icon-start-date.png) no-repeat;
    top: 8px;
    left: -34px;
}
.index-block .hidden-group .time_work_group_task .wrap-blue:before{
    content: '';
    position: absolute;
    width: 23px;
    height: 23px;
    background: url(../images/icon-start-completion.png) no-repeat;
    top: 8px;
    left: -34px;
}
.index-block .hidden-group .time_work_group_task .wrap-orang div,
.index-block .hidden-group .time_work_group_task .wrap-blue div{
    display: inline-block;
}
.index-block .hidden-group .time_work_group_task .wrap-orang{
    border: 1px solid #f6b700;
}
.index-block .hidden-group .time_work_group_task .wrap-blue{
    border: 1px solid #5eb1d3;
    margin: 0 15px 0 45px;
}
.index-block .hidden-group .time_work_group_task .wrap-current-name{
    font-size: 12px;
    line-height: 14px;
    color: #999999;
}
.index-block .hidden-group .time_work_group_task .wrap-current{
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    font-weight: bold;
}
.index-block .hidden-group .grouptask-item{
    float: left;
    width: 100%;
    padding: 25px 0 11px 28px;
}
.index-block .hidden-group .grouptask-item .the_head{
    float: left;
    width: 30%;
    padding: 0;
}
.index-block .hidden-group .grouptask-item .second_block {
    float: left;
    width: 30%;
    padding: 0 3% 0 0;
}
.index-block .hidden-group .grouptask-item .second_block .info_block{
    float: left;
    width: 100%;
    margin-bottom: 12px;
}
.index-block .hidden-group .grouptask-item .second_block .portlet-header{
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    text-decoration: underline;
}
.index-block .hidden-group .grouptask-item .second_block .shom_all{
    float: left;
    text-align: center;
    cursor: pointer;
}
.index-block .hidden-group .grouptask-item .second_block .shom_all .fa {
    color: #ababab;
    font-size: 16px;
    margin: 0 0 0 5px;
}
.index-block .hidden-group .grouptask-item .second_block .info_seanses {
    float: left;
    width: 100%;
}
.index-block .hidden-group .grouptask-item .second_block .all_time,
.index-block .hidden-group .grouptask-item .second_block .working_time {
    float: left;
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    font-weight: bold;
    padding: 0;
    margin: 0;
    border: 0 none;
    text-align: left;   
}
.index-block .hidden-group .grouptask-item .second_block .diagram {
    float: right;
    font-size: 13px;
    line-height: 15px;
    color: #999999;
    padding: 3px 0 0;
    position: relative;
}
.index-block .hidden-group .grouptask-item .second_block .diagram span{
    text-decoration: underline;
    cursor: pointer;
}
.index-block .hidden-group .grouptask-item .second_block .diagram:hover span{
    text-decoration: none;
}
.index-block .hidden-group .grouptask-item .all_many {
    width: 20%;
    float: left;
}
.index-block .hidden-group .grouptask-item .all_many .suma_work {
    color: #0fb58d;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    border: 0 none;
    text-align: left;
}
.index-block .hidden-group .grouptask-item .all_many .suma_work span {
    display: block;
    font-size: 12px;
    color: #999999;
    font-weight: normal;
    line-height: 14px;
    padding: 0 0 14px 0;
    text-align: left;
}
.index-block .hidden-group .grouptask-item .edit_dell {
    float: right;
    width: 10%;
}
.index-block .hidden-group .grouptask-item .dell_task .fa {
    font-size: 22px;
    margin: 4px 0 0 -8px;
    position: relative;
    top: 3px;
    color: #cacaca;
}
.index-block .hidden-group .grouptask-item .edit_dell a:hover{
    opacity: 0.7;
}
.index-block .hidden-group .etaps{
    float: left;
    width: 100%;
    border-bottom: 1px solid #dedede;
    padding: 0 0 30px 32%;
}
.index-block .hidden-group .wrap-etaps{
    float: left;
    width: 100%;
}
.index-block .hidden-group .etaps .etap_block{
    float: left;
    text-align: center;
    width: 18%;
    position: relative;
    margin: 0 1% 0 0;
}
.index-block .hidden-group .etaps .etap_block span{
    display: block;
    font-size: 11px;
    line-height: 11px;
    color: #666666;
    text-transform: uppercase;
    padding: 0 0 5px 0;
}
.index-block .hidden-group .etaps .etap_block .status1{
    float: left;
    width: 100%;
    height: 38px;
    /*border: 1px solid #a9a7a2;*/
    background: #b3b3b3;
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
}
.index-block .hidden-group .etaps .etap_block div{
    position: relative;
}
.index-block .hidden-group .etaps .etap_block div span{
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.index-block .hidden-group .etaps .etap_block .status2{
    float: left;
    width: 100%;
    height: 38px;
    border: 1px solid #f6af05;
    /*background: #a9a7a2;*/
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
}
.index-block .hidden-group .etaps .etap_block .status2 div{
    background: #f6af05 !important;
}
.index-block .hidden-group .step_etap_block{
    background: #fff;
    -webkit-box-shadow: 0px 5px 18px 0px rgba(1,1,1,0.31);
    -moz-box-shadow: 0px 5px 18px 0px rgba(1,1,1,0.31);
    box-shadow: 0px 5px 18px 0px rgba(1,1,1,0.31);
    position: absolute !important;
    width: 100%;
    top: 100%;
}
.index-block .hidden-group .step_etap_block .title_block_etap{
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 20px;
    color: #333333;
}
/**time_work_group_task**/
header .time_work_group_task {
    /*float: left;*/
    overflow: hidden;
    padding: 0;
}
.index-block .hidden-group .grouptask-item .the_head .second_block_top{
    box-shadow: none;
    border-radius: 0;
    padding: 14px 20px 0 !important;
    width: 100% !important;
    margin: 0 !important;
    left: 0;
}
.time_work_group_task .container{
    /*background: url(../images/top-bg.jpg) repeat left top;*/
    
}
.time_work_group_task .nenav{
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}
.time_work_group_task .nenav > li{
    display: inline-block;
    float: left;
    vertical-align: top;
    padding: 13px 2px 0;
    text-align: left;
    /*border-right: 1px solid #f5f6f7;*/
    /*height: 90px;*/
    /*margin-top: -1px;*/
    /*-webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.1);*/
    position: relative;
}
.time_work_group_task .nenav > li:last-child{
    margin: 0;
}
.time_work_group_task .nenav > li:hover,
.time_work_group_task .nenav > .active{
    background: #00336d;
}
.time_work_group_task .nenav > li a{
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    float: left;
    padding: 4px 12px;
    /*margin: 0 10px;*/
    border-radius: 3px;
    border-top: 1px solid #02346f;
    height: 34px;
}
.time_work_group_task .nenav > li a:hover,
.time_work_group_task .nenav > li:hover > a,
.time_work_group_task .nenav > .active a{
    background: #0397db;
    border-top: 1px solid #04b0ff;
}
.time_work_group_task .nenav > li:last-child a{
    margin: 0;
}
.time_work_group_task .nenav > li span{
    display: block;
    padding: 6px 0 0;
    float: left;
}
.time_work_group_task .nenav > li .nav{
    display: none;
    position: absolute;
    left: 0;
    top: 90px;
    width: 100%;
    padding: 5px 10px;
    background: #ffffff !important;
    border-radius: 0 0 8px 8px;
    border: 1px solid #d8dcea;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.17);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.17);
    width: 220px;
    z-index: 999;
}
.time_work_group_task .nenav > li:hover .nav{
    display: block !important;
}
.time_work_group_task .nenav > li .nav .fa{
    display: none;
}
.time_work_group_task .nenav > li .nav li{
    float: left;
    width: 100%;
    text-align: left;
}
.time_work_group_task .nenav > li .nav li a{
    font-size: 11px;
    text-transform: uppercase;
    color: #666666;
    padding: 8px 10px;
}
.time_work_group_task .nenav > li .nav li a:hover,
.time_work_group_task .nenav > li .nav li:hover{
    background: none;
    color: #009ed2;
}
.time_work_group_task .nenav > li .fa{
    float: left;
    width: 25px;
    height: 25px;
    text-align: left;
    margin-right: 5px;
}
.time_work_group_task .nenav > li .fa-angle-down{
    display: none;
    position: absolute;
    right: 1%;
    top: 59%;
    height: auto;
    width: auto;
    font-size: 16px;
}
.time_work_group_task .nenav > li a > .fa:before{
    display: none;
}
.time_work_group_task .nenav > li .fa-home{
    background: url(../images/icon-top-main.png) no-repeat top center;
}
.time_work_group_task .nenav > li .fa-users{
    background: url(../images/icon-top-user.png) no-repeat top center;
}
.time_work_group_task .nenav > li .fa-calendar{
    background: url(../images/icon-top-exercises.png) no-repeat top center;
}
.time_work_group_task .nenav > li .fa-list-alt{
    background: url(../images/icon-top-exercises.png) no-repeat top center;
}
.time_work_group_task .nenav > li .fa-group{
    background: url(../images/icon-top-base-client.png) no-repeat top center;
}
.time_work_group_task .nenav > li .fa-phone{
    background: url(../images/icon-top-call.png) no-repeat top center;
}
.time_work_group_task .nenav > li .fa-envelope{
    background: url(../images/icon-top-message.png) no-repeat top center;
}
.time_work_group_task .nenav > li .fa-globe{
    background: url(../images/icon-top-departments.png) no-repeat top center;
}
.time_work_group_task .nenav > li .fa-price{
    background: url(../images/icon-top-price.png) no-repeat top center;
}
.time_work_group_task .nenav > li .fa-statistik{
    background: url(../images/icon-top-statistika.png) no-repeat top center;
}
.time_work_group_task .nenav > li .fa-money{
    background: url(../images/icon-top-departments.png) no-repeat top center;
}
.time_work_group_task .nenav > li .fa-gears{
    background: url(../images/icon-top-system.png) no-repeat top center;
}
.time_work_group_task .nenav > li .fa-wrench{
    background: url(../images/icon-top-file.png) no-repeat top center;
}
.time_work_group_task .nenav > li .fa-signal{
    background: url(../images/icon-top-cart.png) no-repeat top center;
}
.time_work_group_task .nenav > li .fa-birthdays{
    background: url(../images/icon-box-white.png) no-repeat center center;
}
/*end*/
/**block_menu**/
.block_menu{
    float: left;
    width: 100%;
    text-align: center;
}
.block_menu li:first-child{
    margin: 0;
}
.block_menu li{
    display: inline-block;
    margin-left: -.36em;
    //display : inline;
    //zoom : 1;
}

.block_menu li a{
    position: relative;
    text-align: center;
    background: #fff;
    border: 1px solid #c0c4d0;
    font-size: 12px;
    line-height: 12px;
    color: #807f8c;
    text-transform: uppercase;
    padding: 12px 16px 10px;
}
.block_menu li:first-child a{
    border-radius: 5px 0 0 5px;
}
.block_menu li:last-child a{
    border-radius: 0 5px 5px 0;
}
.block_menu li a:hover,
.block_menu li.active a{
    border-color: #059fc5;
    color:#fff;
    background: rgba(20,183,233,1);
    background: -moz-linear-gradient(top, rgba(20,183,233,1) 0%, rgba(8,163,220,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,183,233,1)), color-stop(100%, rgba(8,163,220,1)));
    background: -webkit-linear-gradient(top, rgba(20,183,233,1) 0%, rgba(8,163,220,1) 100%);
    background: -o-linear-gradient(top, rgba(20,183,233,1) 0%, rgba(8,163,220,1) 100%);
    background: -ms-linear-gradient(top, rgba(20,183,233,1) 0%, rgba(8,163,220,1) 100%);
    background: linear-gradient(to bottom, rgba(20,183,233,1) 0%, rgba(8,163,220,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14b7e9', endColorstr='#08a3dc', GradientType=0 );
}
/****/
.index-block table .portlet .group-block .hidden-group td{
    padding: 8px 8px 8px 15px !important;
}
.index-block table .portlet .group-block .hidden-group .sub-table td{
    padding: 20px 30px !important;
}
.index-block table .portlet .group-block .hidden-group .portlet-header{
    height: 40px;
}
.index-block table .portlet .group-block .hidden-group .shom_all{
    height: 40px;
    padding: 0;
}
.index-block table .portlet .group-block .icon-block{
    width: 44px;
    height: 22px;
    border: 1px solid #03a681;
    background: #03a681;
    text-align: center;
    position: absolute;
    bottom: -23px;
    right: -1px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.index-block table .portlet .group-block .icon-block .fa{
    color: #fff;
    font-size: 18px;
}
.index-block table .portlet .group-block .icon-block:hover{
    background: none;
}
.index-block table .portlet .group-block .icon-block:hover .fa{
    color: #03a681;
}
.index-block table .portlet .group-block .table th{
    border: 1px solid #ddd;
    text-align: center;
}
.index-block table .portlet .group-block .table td{
    border: 1px solid #ddd;
    width: 50%;
}
.index-block table .portlet .group-block .table th{
    width: 50%;
}
.index-block table .portlet .group-block .portlet-content {
    width: 36%;
    text-align: center;
    border: 0 none;
    padding: 0;
    height: 40px;
}
.index-block table .portlet .group-block .portlet-header{
    width: 50%;
    margin: 0 0 0 8%;
}
.index-block table .portlet .group-block .all_calls{
    width: 8%;
}
.index-block .grouptask .group-block .working_time {
    padding: 3px 0;
}
.hidden-group .decsription_group_task{
    font-size: 24px;
    line-height: 24px;
    color: #fffefe;
    padding: 26px;
    margin: 0 -60px 20px -30px;
    background: #039875;
}
.hidden-group .sub-table{
    /*border: 1px solid #d6dde1;*/
    border: 0 none;
    /*border-top: 1px solid #d6dde1;*/
    margin-bottom: 20px;
    background: #fff;
}
.index-block .hidden-group .sub-table .time_work_group_task{
    float: left;
    width: 100%;
    padding: 0 0 25px;
}
.index-block .hidden-group .sub-table .time_work_group_task .wrap-orang,
.index-block .hidden-group .sub-table .time_work_group_task .wrap-blue{
    padding: 5px;
    margin: 0;
    float: left;
    margin: 0 0 0 32px;
}
.index-block .hidden-group .sub-table .time_work_group_task .wrap-blue:before ,
.index-block .hidden-group .sub-table .time_work_group_task .wrap-orang:before{
    top: 3px;
    left: -26px;
}
.index-block .hidden-group .sub-table .all-time{
    float: left;
    padding: 25px 0 0;
}
.index-block .hidden-group .sub-table .all-time .wrap-current-name{
    float: left;
    margin-right: 5px;
    line-height: 23px;
}
.index-block .hidden-group .sub-table .all-time .wrap-current{
    float: left;
    font-size: 18px;
}
.index-block .hidden-group .sub-table .all-current{
    float: left;
    padding: 0 0 25px 0;
}
.index-block .hidden-group .sub-table .all-current .wrap-current-name{
    float: left;
    margin-right: 5px;
    line-height: 23px;
}
.index-block .hidden-group .sub-table .all-current .wrap-current{
    float: left;
    padding: 0;
    font-size: 18px;
     color: #0fb58d;
}
.hidden-group .sub_group_task{
    border: 0;
    width: 100%;
    position: relative;
    right: -1px;
    display: none;
}
.hidden-group .sub_group_task tr{
    border-top: 1px solid #d6dde1;
    border-bottom: 1px solid #d6dde1;
}
.hidden-group .sub_group_task .info_block{
    float: right;
    margin: 0;
    width: auto;
    position: relative;
    z-index: 55;
}
.hidden-group .sub_group_task .info_block > div{
    height: 20px !important;
    margin: -10px 0 0 10px;;
}
.index-block .hidden-group .sub_group_task .portlet-header{
    height: auto !important;
    width: auto !important;
    text-align: left;
    margin: 0 !important;
    padding: 5px 0 0;
    min-height: auto;
    float: none;
    font-size: 18px;
    overflow: inherit;
}
.index-block .hidden-group .sub_group_task .all_time span,
.index-block .hidden-group .sub_group_task .suma_work span{
    margin: 0 0 4px 0;
    padding: 0;
}
.index-block .hidden-group .sub_group_task .all_time,
.index-block .hidden-group .sub_group_task .suma_work,
.index-block .hidden-group .sub_group_task .working_time{
    float: left;
    margin: 0 50px 0 0;
}
.index-block .hidden-group .sub_group_task .working_time{
    margin: 18px 0 0;
    padding: 0;
}
.index-block table .portlet .group-block .hidden-group .etaps{
    padding: 8px 8px 16px 15px !important;
}
.index-block .hidden-group .sub_group_task .etaps .etap_block{
    float: left;
    margin: 0 19px 0 0;
    width: 17%;
}
.index-block .hidden-group .sub_group_task .etaps .etap_block span{
    float: left;
    text-align: center;
    font-size: 16px;
    margin: 0 0 8px 0;
    width: 100%;
    color: #1f1f1f;
}
.index-block .hidden-group .sub_group_task .etaps .etap_block div{
    float: left;
    width: 100%;
    height: 38px;
    border: 1px solid #03a884;
    background: #fff;
    color: #03a884;
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px 0;
    position: relative;
}
.index-block .hidden-group .sub_group_task .etaps .etap_block div > div{
    position: absolute !important;
    top: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.index-block .hidden-group .sub_group_task .etaps .etap_block:last-child{
    margin: 0;
}
.index-block .hidden-group .sub_group_task .etaps .etap_block .status2{
    border-color: #f6af05;
    color: #f6af05;
    background: none;
}
.index-block .hidden-group .sub_group_task .etaps .etap_block .status4{
    border-color: #a9a7a2;
    background: #a9a7a2;
    color: #fff;
}
.index-block .hidden-group .sub_group_task .etaps .etap_block .status3{
    border-color: #f00;
    color: #f00;
    background: none;
}
/**table-manager**/
.group-etap-block .name-etap{
    float: left;
    width: 70%;
}
.group-etap-block td.name-etap{
    float: none;
    width: 70%;
}
.group-etap-block .time-etap{
    float: left;
    width: 30%;
}
.group-etap-block .name-etap .portlet-header{
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    text-decoration: underline;
    border: 0 none;
    background: none;
}
.group-etap-block .name-etap .info_block{
    position: relative;
}
.group-etap-block .name-etap .task_all{
    left: -187px !important;
}
.wrap_edit_dell{
    background: #f7f7f7;
    width: 10%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-left: 1px solid #d7dcdc;
    max-height: 88px;
}
.table-manager .edit_dell .wrap_edit_dell > div{
    float: left;
    width: 50%;
    position: absolute;
    height: 50%;
}
.table-manager .edit_dell .wrap_edit_dell .return_to_work{
    border-bottom: 1px solid #d7dcdc;
}
.table-manager .edit_dell .wrap_edit_dell .add_to_archive{
    left: 50%;
    border-bottom: 1px solid #d7dcdc;
    border-left: 1px solid #d7dcdc;
}
.table-manager .edit_dell .wrap_edit_dell .edit_task{
    top: 50%;
}
.table-manager .edit_dell .wrap_edit_dell .edit_task{
    float: left;
    width: 50%;
    position: absolute;
    height: 50%;
}
.table-manager .edit_dell .wrap_edit_dell .edit_task .client-edit,
.table-manager .edit_dell .wrap_edit_dell .dell_task a{
    position: relative;
    top: 50%;
    display: block;
    margin: -9px 0 0;
}
.table-manager .edit_dell .wrap_edit_dell .dell_task a{
    margin: -11px 0 0;
}
.table-manager .edit_dell .wrap_edit_dell .edit_task .fa,
.table-manager .edit_dell .wrap_edit_dell .dell_task .fa{
    margin: 0;
    top: 0;
}
.table-manager .edit_dell .wrap_edit_dell .dell_task{
    top: 50%;
    left: 50%;
    border-left: 1px solid #d7dcdc;
}
.table-portlet .wrap_edit_dell .dell_task .fa {
    font-size: 22px;
    margin: 3px 0 0 -2px;
    }
/**task_group_desc**/
.task_group_desc .wrap-photo{
    float: left;
    width: 200px;
}
.task_group_desc .task_all .task_title{
    padding-top: 0;
}
.task_group_desc .photo{
    float: left;
    height: 40px;
    width: 40px;
    margin: 0 15px 0 0;
    overflow: hidden;
}
.task_group_desc .name_user{
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    padding: 0 0 2px 0;
}
.task_group_desc .name_position{
    font-size: 12px;
    line-height: 12px;
    color: #999999;
}
.task_all .task_group_desc .task_title{
    padding: 0 210px 0 0;
}
.task_group_desc .statustic{
    margin: 0 0 15px 0;
}
.task_group_desc .statustic table{
    border: 0 none;
    /*border-bottom: 1px solid #d6dde1;*/
}
.index-block .task_group_desc .portlet {
    border: 0 none;
    /*border-top: 1px solid #d6dde1;*/
    width: 100%;
    padding: 0;
    box-shadow:none;
}
.index-block .task_group_desc .portlet .portlet-content{
    width: 100% !important;
    text-align: left !important;
    border: 0 none !important;
    padding: 0 !important;
    height: auto !important;
}
.task_group_desc .name_etap{
    text-align: left;
    padding: 14px 18px;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    background: #03a884;
    color: #fff;
    float: left;
}
.task_group_desc .list_step{
    border: 1px solid #03a884;
}
.task_group_desc .list_step th{
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    text-transform: uppercase;
    padding: 15px;
}
.index-block .task_group_desc .list_step td{
    padding: 15px !important;
    font-size: 16px !important;
    line-height: 16px !important;
    color: #1f1f1f !important;
    text-align: left !important;
}
.task_group_desc .list_step tr:nth-of-type(even) {
    background-color: #eff7fa;
}
.index-block .task_group_desc .return_to_work{
    clear: both;
    float: left;
    margin: -16px 20px 40px 0;
    padding: 14px;
    border: 1px solid #3fa7ce;
    background: #3fa7ce;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer;
}
.index-block .task_group_desc .return_to_work:hover{
    background: none;
    color: #3fa7ce;
}
.index-block .task_group_desc .close_etap{
    float: left;
    padding: 14px;
    border: 1px solid #eba600;
    background: #eba600;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    margin:-16px 0 0;
    cursor: pointer;
}
.index-block .task_group_desc .close_etap:hover{
    background: none;
    color: #eba600;
}
 .description_etap{
    font-size: 16px;
    line-height: 22px;
    color: #1f1f1f;
    padding: 0 0 20px 0;
}
.index-block .task_group_desc td .wrap-current{
    font-size: 16px !important;
    padding: 3px 0 0 !important;
}
.task_group_desc .step_etap{
    float: left;
    width: 100%;
}
/*****/
.table_task .sub-table tr,
.index-block .sub-table tr,
.table_task .sub-table td,
.index-block .sub-table td{
    border: 0 none !important;
    padding: 0 15px !important;
    text-align: left;
}
.table_task .sub-table td:first-child,
.index-block .sub-table td:first-child,
.table_task .sub-table td:last-child,
.index-block .sub-table td:last-child{
    text-align: left;
}
.table_task .sub-table .timer-wrap,
.index-block .sub-table .timer-wrap{
    float: left;
}
.table_task .sub-table .timer-wrap .wrap-current-name,
.index-block .sub-table .timer-wrap .wrap-current-name{
    font-size: 13px;
    line-height: 13px;
    color: #999999;
    padding: 14px 16px;
    float: left;
}
.table_task .sub-table .wrapper-current,
.index-block .sub-table .wrapper-current{
    float: left;
    background: rgba(232,232,232,1);
    background: -moz-linear-gradient(45deg, rgba(232,232,232,1) 0%, rgba(240,240,240,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(232,232,232,1)), color-stop(100%, rgba(240,240,240,1)));
    background: -webkit-linear-gradient(45deg, rgba(232,232,232,1) 0%, rgba(240,240,240,1) 100%);
    background: -o-linear-gradient(45deg, rgba(232,232,232,1) 0%, rgba(240,240,240,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(232,232,232,1) 0%, rgba(240,240,240,1) 100%);
    background: linear-gradient(45deg, rgba(232,232,232,1) 0%, rgba(240,240,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f0f0f0', GradientType=1 );
    padding: 8px 18px;
    margin: 0 1px 0 0;
}
.table_task .sub-table .wrap-current-timer,
.index-block .sub-table .wrap-current-timer{
    float: left;
    padding: 17px 14px 16px;
    margin: 0 1px 0 0;
    font-size: 19px;
    line-height: 16px;
    color: #06a782;
    font-weight: bold;
}
.table_task .sub-table .wrap-current-name,
.index-block .sub-table .wrap-current-name{
    font-size: 12px;
    color: #999999;
    min-height: inherit !important;
}
.table_task .sub-table .wrap-current,
.index-block .sub-table .wrap-current{
    font-size: 17px;
    line-height: 16px;
    color: #333333;
    font-weight: bold;
    padding: 2px 0 0;
}
.table_task .sub-table .wrapper-current .wrap-current,
.index-block .sub-table .wrapper-current .wrap-current{
    color: #333333 !important;
}
.table_task .sub-table .timer-wrap .wrap-current,
.index-block .sub-table .timer-wrap .wrap-current{
    font-size: 18px;
    line-height: 18px;
    color: #333333 !important;
    padding: 11px 0;
    float: left;
    /*min-width: 135px;*/
    text-align: right;
}
.table_task .sub-table td:nth-child(2) .wrap-current,
.index-block .sub-table td:nth-child(2) .wrap-current{
    color: #6eb03c;
}
.table_task .sub-table td:nth-child(3) .wrap-current,
.index-block .sub-table td:nth-child(3) .wrap-current{
    color: #ff9900;
}
.table_task .sub-table td:nth-child(4) .wrap-current,
.index-block .sub-table td:nth-child(4) .wrap-current{
    color: #666666;
}
.table_task .sub-table td:nth-child(5) .wrap-current,
.index-block .sub-table td:nth-child(5) .wrap-current{
    color: #4bb0e1;
}
.table_task .sub-table td:nth-child(6) .wrap-current,
.index-block .sub-table td:nth-child(6) .wrap-current{
    color: #ed5656;
}
.table_task .sub-table .timer-cell .wrap-current,
.index-block .sub-table .timer-cell .wrap-current{
    display: inline-block;
    font-size: 14px;
    line-height: 23px;
    color: #06a782;
    font-weight: bold;
    padding: 5px 0 0;
    text-align: right;
    letter-spacing: 2px;
    margin-top: 3px;
}
.table_task .sub-table .timer-cell .wrap-current span,
.index-block .sub-table .timer-cell .wrap-current span{
    float: left;
    min-width: 31px;
    height: 24px;
    border-radius: 5px;
    background: #eaa30b;
    color: #fff;
    font-weight: normal;
    position: relative;
    content: '';
    margin: 0 2px;
    text-shadow: 0 1px #c08609;
    padding: 0 3px;
}
.index-block .sub-table .result_work{
    float: left;
    width: 100%;
    padding-top: 5px;
}
.index-block .sub-table .result_work .block_check{
    float: left;
    width: 10%;
    text-align: center;
}
.index-block .sub-table .result_work .checkbutton {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 18px;
  height: 18px;
}
.index-block .sub-table .result_work .checkbutton + label {
  cursor: pointer;
  font-size: 18px;
  color: #666666;
}
.index-block .sub-table .result_work .checkbutton:not(checked) {
  position: absolute;
  opacity: 0;
}
.index-block .sub-table .result_work .checkbutton:not(checked) + label {
  position: relative; 
  padding: 0 0 0 25px;
  margin: 0;
}
.index-block .sub-table .result_work .checkbutton:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 0;
  background: url(../images/checkbox.png) no-repeat;
   transition: all .2s; 
  /*box-shadow: inset 0 2px 3px rgba(0,0,0,.2);*/
}
/*.index-block .sub-table .result_work .checkbutton:not(checked) + label:after {
  content: '';
  position: absolute;
  top: -2px;
  left: 2px;
  width: 22px;
  height: 22px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
  transition: all .2s; 
}*/
.index-block .sub-table .result_work .checkbutton:checked + label:before {
 background: url(../images/checkbox-a.png) no-repeat;
}
/*.index-block .sub-table .result_work .checkbutton:checked + label:after {
  left: 26px;
}
.index-block .sub-table .result_work .checkbutton:focus + label:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}*/
.index-block .result_persent{
    float: left;
    width: 92px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid #3dbe97;
    background: #efeded;
    margin: 5px 0 0;
}
.index-block .result_persent .inbox_fon{
    float: left;
    width: 10%;
    height: 100%;
    border-left: 1px solid #3dbe97;
    background: rgba(45,233,177,1);
    background: -moz-linear-gradient(top, rgba(45,233,177,1) 0%, rgba(40,195,148,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(45,233,177,1)), color-stop(100%, rgba(40,195,148,1)));
    background: -webkit-linear-gradient(top, rgba(45,233,177,1) 0%, rgba(40,195,148,1) 100%);
    background: -o-linear-gradient(top, rgba(45,233,177,1) 0%, rgba(40,195,148,1) 100%);
    background: -ms-linear-gradient(top, rgba(45,233,177,1) 0%, rgba(40,195,148,1) 100%);
    background: linear-gradient(to bottom, rgba(45,233,177,1) 0%, rgba(40,195,148,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2de9b1', endColorstr='#28c394', GradientType=0 );
}
.index-block .result_persent .inbox_fon:first-child{
    border: 0 none;
}
.index-block .skoko_procentiv{
    float: left;
    font-size: 13px;
    margin: 3px 0 0 5px;
    color: #2e9b7a;
    font-weight: bold;
}
/***user task*/
.title-user,
.main-title{
    float: left;
    width: 100%;
    font-size: 24px;
    padding: 0 0;
    color: #59568b;
    text-align: center;
    position: relative;
    margin: 10px 0;
    border: 0 none;
}
.title-user .how_many,
.main-title .how_many{
    display: inline-block;
    position: relative;
    font-size: 16px;
    line-height: 16px;
    color: #0397db;
    padding: 6px 0;
    font-family: "SegoeUIBold";
}
.title-user .how_many a,
.main-title .how_many a{
    color: #0397db;
}
.title-user .how_many a:hover,
.main-title .how_many a:hover{
    color: #59568b;
}
/*.title-user .how_many.red{
    background: #f75151;
}*/
.main-title .print-cart {
    position: absolute;
    right: 115px;
    top: 8px;
    text-align: left;
    color: #0c99ce;
}
.main-title .print-cart .fa {
    float: left;
    font-size: 20px;
    margin: 0 7px 0 0;
}
.main-title .print-cart span {
    float: left;
    font-size: 13px;
    line-height: 20px;
    font-family: "SegoeUIRegular";
    /*transition: all .3s ease-in-out;*/
    /*-moz-transition: all .3s ease-in-out;*/
    /*-ms-transition: all .3s ease-in-out;*/
    /*-o-transition: all .3s ease-in-out;*/
    /*-webkit-transition: all .3s ease-in-out;*/
}
.main-title .print-cart:hover, .main-title
.print-cart:hover span {
    color: #666666;
}
.trash-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #666666;
    font-family: "SegoeUIRegular";
    margin: 10px 0 0 20px;
}
.trash-title .fa{
    font-size: 18px;
    color: #666666;
    margin: 0 5px 0 0;
}
.trash-title .num{
    color: #139fd4;
    font-family: "SegoeUIBold";
}
.table_task .task-personal,
.table_task .task-personal td{
    border: 0 none !important;
    padding: 10px 0 !important;
}
.table_task .task-personal td:first-child{
   /*width: 55%;*/
}
.table_task .task-personal td{
    width: auto;
    border-right: 1px solid #dbdbdb !important;
}
.table_task .task-personal .table-manager .block_from_name{
   /* padding: 2% 0;
    width: 20%;*/
}
.table_task .task-personal .table-manager .user-info{
    padding: 2% 0;
    width: 20%;
}
.table_task .task-personal .table-manager .from_clients_task{
    padding: 0;
}
.table_task .task-personal .table-manager .block_from_current{
        padding: 2% 0 0 7px;
}
.table_task .task-personal .table-manager .from_button,
.table_task .task-personal .table-manager .regul_work{
    float: right;
    padding: 1.5% 25px;
    width: 85px;
}
.table_task .task-personal .table-manager  .timer-cell{
    position: absolute;
    bottom: -23px;
}
/*.table_task .task-personal .table-manager .regul_work{
    padding: 0 25px;
}*/
.table_task .task-personal .table-manager .from_button:before,
.table_task .task-personal .table-manager .regul_work:before{
    content: '';
    position: absolute;
    top: 0;
    float: left;
    width: 1px;
    height: 100%;
    background: #c0c4d0;
    margin: 0 0 0 -25px;
}
.table_task .task-personal .time-cell{
    width: 290px;
    float: left;
}
.table_task .task-personal .timer-cell,
.table-portlet .timer-cell{
    width: 70px;
    /*clear: both;*/
    text-align: left;
    float: left;
    background: #fff;
    border-radius: 3px;
    padding: 1px 2px;
    color: #0397db;
    font-size: 11px;
    /*margin: -2px 0 0;*/
    /*width: 7%;*/
    position: absolute;
    right: 0;
}
.table_task .task-personal .timer-cell span,
.table-portlet  .timer-cell span{
    padding: 0 5px;
    float: left;
    position: relative;
    font-family: "SegoeUIBold";
}
.table_task .task-personal .timer-cell .wrap-current,
.table-portlet .timer-cell .wrap-current{
    padding-top: 5px;
}
.table_task .task-personal .timer-cell .wrap-current span:first-child,
.table-portlet  .timer-cell .wrap-current span:first-child{
    padding: 0 5px 0 0;
}
.table_task .task-personal .timer-cell span:before,
.table-portlet .timer-cell span:before{
    content: ':';
    color: #0397db;
    font-size: 11px;
    font-family: "SegoeUIBold";
    position: absolute;
    top: 0;
    right: -1px;
}
.table_task .task-personal .timer-cell span:last-child:before,
.table-portlet .timer-cell span:last-child:before{
    display: none;
}
.table_task .task-personal td:last-child{
    border: 0 none !important;
    width: 150px;
    text-align: center;
}
.table_task .task-personal .sub-table{
    /*border: 1px solid #f7bc00 !important;*/
     border-left: 8px solid #f6b700 !important;
    background: #fff;
    width: 100%;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(1,1,1,0.24);
    -moz-box-shadow: 0px 0px 4px 0px rgba(1,1,1,0.24);
    box-shadow: 0px 0px 4px 0px rgba(1,1,1,0.24);
}
.table_task .task-personal .sub-table-group {
    background: #fff;
    border-color: #039e76 !important;
}
.table_task .task-personal .sub-table .second_block {
    float: left;
    width: 30%;
    padding: 0 3% 0 0;
}
.table_task .task-personal .sub-table .portlet-header{
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    text-decoration: underline;
    background: none;
    border: 0 none;
}
.table_task .task-personal .sub-table .info_block{
    float: left;
    background: none;
    padding: 0;
    position: relative;
}
.table_task .task-personal .sub-table .info_block .task_all{
    top: 32px !important;
    left: -239px !important;
}
.table_task .task-personal .sub-table > tbody > tr{
    border-bottom: 1px solid #eeb602 !important;
}
.table_task .task-personal .sub-table-group > tbody > tr{
    border-color: #1e90d8 !important;
}
.table_task .task-personal .sub-table .info_block .shom_all{
    background: none;
}
.table_task .task-personal .sub-table .info_block .fa{
    font-size: 20px;
    color: #cacaca;
}
.table_task .task-personal .current-cell td{
    width: 16.666%;
    text-align: left !important;
    padding: 6px 10px !important;
    vertical-align: middle !important;
}
.table_task .task-personal .current-cell .wrap-current-name{
    min-height: 32px;
}
.table_task .task-personal .current-cell .wrap-current{
    padding: 0;
}
.table_task .task-personal .icon-block{
    /*float: right;*/
    color: #1e90d8;
    font-size: 16px;
    margin: 10px 0 0 0;
    cursor: pointer;
        transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.table_task .task-personal .icon-block:hover{
    opacity: 0.8;
}
.table_task .task-personal .icon-block .fa{
    width: 68px;
    height: 25px;
    background: url(../images/exercises-arrow-group.png) no-repeat;
}
.table_task .task-personal .icon-block .fa:before{
    display: none;
}
.table_task .task-personal .hidden-group{
    float: left;
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #039e76;
    display: none;
}
.table_task .task-personal .hidden-group .sub-table td:first-child{
    /*width: 70%;*/
}
.table_task .task-personal .hidden-group .sub-table .current-cell{
    width: 268px;
}
.table_task .task-personal .hidden-group .sub-table{
    margin: 0 0 20px 0;
    border: 0 none !important;
    background: #fff;
    
}
.table_task .task-personal .hidden-group .sub-table tr{
    border-color: #039e76 !important;
}
.table_task .redalert .portlet{
    /*border: 1px solid #000 !important;*/
    border-left: 8px solid #f00 !important;
}
/**no_exercices**/
.no_exercices{
    float: left;
    width: 630px;
    position: relative;
    left: 50%;
    margin: 0 0 0 -315px;
    background: url(../images/icon-no-task.png) no-repeat center center #fff;
    border: 1px solid #c0c4d0;
    border-radius: 6px;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    color: #898fa4;
    font-family: "SegoeUIBold";
    padding: 90px 0;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.1);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.1);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.1);
    /*display: none;*/
}
/**archive**/
.archive .portlet-header,
.archive .result_all_time,
.archive .portlet .resulе_task_time > div,
.archive .portlet .resulе_task_time > div span,
.archive.portlet .resulе_task_time .result_money,
.archive .portlet .dedline_block,
.archive .portlet .dedline_block span,
.archive .from_clients_task .wrap-current-name,
.archive .portlet .count_retiurn,
.archive .portlet .resulе_task_time .result_money,
.list-database .portlet.deleteclass .pib-cell a,
.deleteclass .author-cell .manager_name a,
.deleteclass .author-cell .manager_pos,
.deleteclass .date-cell .status span,
.deleteclass .portlet .talk-cell .history-talk{
    color: #a7adbf !important;
}
.archive .portlet-active .from_clients_task div .wrap-current{
    border-color: #a7adbf !important;
    color: #a7adbf !important;
}
.archive .portlet-active .from_clients_task .wrap-current:before,
.archive .portlet .count_retiurn span{
    background: #a7adbf !important;
}
.wrap-list-calls .portlet.deleteclass .restore_contact a{
    color: #0397db;
}
/**wrap-partners-info**/
.wrap-partners-info{
  float: left;
  width: 100%;
}
.wrap-partners-info .nav-tabs {
    float: left;
    width: 100%;
    margin-bottom: 22px;
    border: 0 none;
}
.wrap-partners-info .nav-tabs li{
  cursor: pointer;
}
.wrap-partners-info .nav-tabs li a {
    padding: 10px 20px;
    cursor: pointer;
    margin: 0;
    font-size: 16px;
    border: 1px solid #f3f3f3;
    border-bottom: 0 none;
    color: #999999;
    position: relative;
    z-index: 999;
    font-family: "SegoeUISemiBold";
    text-decoration: none;
    border-radius: 3px;
    position: relative;
    /*overflow: hidden;*/
}
.wrap-partners-info .nav-tabs li a:hover,
.wrap-partners-info .nav-tabs li a:focus,
.wrap-partners-info .nav-tabs li a:active {
    background: none;
    border-bottom: 0 none;
    color: #59568b;
}
.wrap-partners-info .nav-tabs .active a,
.wrap-partners-info .nav-tabs .active a:hover,
.wrap-partners-info .nav-tabs .active a:focus,
.wrap-partners-info .nav-tabs .active a:active {
    color: #fff;
    background: #0397db;
    border: 1px solid #c0c4d0;
    border-top: 1px solid #04b0ff;
    border-bottom: 1px solid #0084c0;
}
/*.wrap-partners-info .nav-tabs .active a:before{
    background: rgba(4,176,255,1);
    background: -moz-linear-gradient(top, rgba(4,176,255,1) 0%, rgba(0,131,192,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(4,176,255,1)), color-stop(100%, rgba(0,131,192,1)));
    background: -webkit-linear-gradient(top, rgba(4,176,255,1) 0%, rgba(0,131,192,1) 100%);
    background: -o-linear-gradient(top, rgba(4,176,255,1) 0%, rgba(0,131,192,1) 100%);
    background: -ms-linear-gradient(top, rgba(4,176,255,1) 0%, rgba(0,131,192,1) 100%);
    background: linear-gradient(to bottom, rgba(4,176,255,1) 0%, rgba(0,131,192,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04b0ff', endColorstr='#0083c0', GradientType=0 );
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    top: 0;
    left: -1px;
}*/
/*.wrap-partners-info .nav-tabs .active a:after{
    background: rgba(4,176,255,1);
    background: -moz-linear-gradient(top, rgba(4,176,255,1) 0%, rgba(0,131,192,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(4,176,255,1)), color-stop(100%, rgba(0,131,192,1)));
    background: -webkit-linear-gradient(top, rgba(4,176,255,1) 0%, rgba(0,131,192,1) 100%);
    background: -o-linear-gradient(top, rgba(4,176,255,1) 0%, rgba(0,131,192,1) 100%);
    background: -ms-linear-gradient(top, rgba(4,176,255,1) 0%, rgba(0,131,192,1) 100%);
    background: linear-gradient(to bottom, rgba(4,176,255,1) 0%, rgba(0,131,192,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04b0ff', endColorstr='#0083c0', GradientType=0 );
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    top: 0;
    right: -1px;
}*/
.wrap-partners-info .edit-form{
  padding: 30px 40px 30px;
  position: relative;
}
.wrap-partners-info .edit-form .row{
    padding: 0;
}
.wrap-partners-info .wrap-block{
  float: left;
  width: 100%;
  margin-bottom: 22px;
  padding-bottom: 6px;
  border-bottom: 1px solid #cccccc;
}
.wrap-partners-info .caption-partners{
  font-size: 16px;
  line-height: 18px;
  color: #59568b;
  font-family: "SegoeUISemiBold";
  padding-bottom: 20px;
}
.wrap-partners-info .part-line{
  float: left;
  width: 100%;
  margin-bottom: 16px;
}
.wrap-partners-info .label-name{
  float: left;
  width: 130px;
  font-size: 13px;
  color: #999999;
}
.wrap-partners-info .desc{
  padding: 0 0 0 135px;
  font-size: 13px;
  line-height: 15px;
  color: #333333;
}
.wrap-partners-info .desc a{
  font-size: 13px;
  line-height: 15px;
  color: #333333;
}
.wrap-partners-info .status{
    font-family: "SegoeUIItalic";
}
.wrap-partners-info .status .lid{
    color: #abaaaa;
}
.wrap-partners-info .status .thinks{
    color: #ab8445;
}
.wrap-partners-info .status .ready{
    color: #459b48;
}
.wrap-partners-info .status .refused{
    color: #9a7da5;
}
.wrap-partners-info .status .partner{
    color: #1a9dce;
}
.wrap-partners-info .author-wrap{
  float: left;
  width: 100%;
  margin-bottom: 16px;
}
.wrap-partners-info .author-wrap .manager_photo {
    position: relative;
    width: 55px;
    height: 55px;
    border: 0 none;
    left: 0;
    top: 0;
    z-index: 55;
    margin: 0 15px 0 0;
    float: left;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}
.wrap-partners-info .author-wrap .manager_name {
    font-family: "SegoeUISemiBold";
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    padding-bottom: 5px;
}
.wrap-partners-info .author-wrap .manager_pos {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #999999;
    padding-bottom: 5px;
}
.wrap-partners-info .wrap-num{
  float: left;
  width: 100%;
}
.wrap-partners-info .wrap-num .line-num{
  float: left;
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  color: #333333;
  margin-bottom: 15px;
}
.wrap-partners-info .add-talk{
    background: rgba(38,180,231,1);
    background: -moz-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,180,231,1)), color-stop(100%, rgba(8,150,201,1)));
    background: -webkit-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -o-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -ms-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: linear-gradient(to bottom, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b4e7', endColorstr='#0896c9', GradientType=0 );
    -webkit-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    -moz-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    border: 1px solid #08adc5;
    border-radius: 20px !important;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    z-index: 9;
    position: relative;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 14px;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 0;
    top: 11px;
}
.wrap-partners-info .add-talk .fa{
    margin: 0 7px 0 0;
}
.wrap-partners-info .add-talk:hover {
    border: 1px solid #08adc5;
    color: #09a0ce !important;
    background: none;
}
.wrap-partners-info .wrap-list-calls{
    border: 0 none;
    background: none;
}
.wrap-partners-info .wrap-list-calls > .portlet{
    margin: 0;
    padding: 0;
    border: 0 none;
    box-shadow: none;
}
.wrap-partners-info .wrap-list-calls .portlet,
.wrap-partners-info .hiden-block .wrap-list-calls {
    background: none !important; 
}
.wrap-partners-info .all-result-bottom{
    box-shadow: none !important;
}
.wrap-partners-info .wrap-list-calls .hiden-block .date-cell {
    padding-left: 0 !important;
}
.wrap-partners-info .hiden-block .wrap-list-calls .head-list > div,
.wrap-partners-info .hiden-block .wrap-list-calls .portlet > div{
    width: 8% !important;
}
#all_new_sales .head-list > div,
#all_new_sales .portlet > div{
    width: 8% !important;
}
.wrap-partners-info .hiden-block .wrap-list-calls .head-list .name-cell,
.wrap-partners-info .hiden-block .wrap-list-calls .portlet .name-cell {
    width: 20% !important;
}
.wrap-partners-info .hiden-block .wrap-list-calls .head-list .score-cell,
.wrap-partners-info .hiden-block .wrap-list-calls .portlet .score-cell {
    width: 10% !important;
}
.wrap-partners-info .hiden-block .wrap-list-calls .head-list .name-company-cell,
.wrap-partners-info .hiden-block .wrap-list-calls .portlet .name-company-cell {
    width: 20% !important;
}
.wrap-partners-info .hiden-block .wrap-list-calls .head-list .contract-cell,
.wrap-partners-info .hiden-block .wrap-list-calls .portlet .contract-cell {
    width: 16% !important;
}
#all_new_sales .head-list{
    border-bottom: 1px solid #cccccc;
    padding-bottom: 8px;
}
#all_new_sales .portlet > div {
    font-size: 12px;
    line-height: 14px;
    color: #333333;
}
#all_new_sales .head-list .name-company-cell,
#all_new_sales .portlet .uname-company-cell{
    width: 25% !important;
}
#all_new_sales .head-list .name-cell,
#all_new_sales .portlet .name-cell {
    width: 20% !important;
}
#all_new_sales .portlet .uname-company-cell{
    font-size: 13px;
    line-height: 14px;
    color: #333333;
    text-decoration: none;
    font-family: "SegoeUISemiBold";
}
#all_new_sales .portlet .uname-company-cell a:hover{
    color: #13a1d5;
}
#all_new_sales .dell_top {
    float: right;
    text-align: right;
    padding: 0 10px 0 0;
}
#all_new_sales .dell_top .delete_ware {
    font-size: 18px;
    color: #a8adc2;
}
#all_new_sales .dell_top .delete_ware:hover {
    color: #0099cc;
}
/**wrap-add-call**/
.wrap-add-departments.wrap-add-call{
    width: 328px;
    height: auto;
    margin: -11% 0 0 -164px;
}
.wrap-add-call .edit-form {
    float: left;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
    background: #fff;
    padding: 0 0;
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
.wrap-add-departments.wrap-add-call .wrap-right{
    width: 100%;
}
.wrap-add-departments.wrap-add-call .wrap-right input[type="text"]{
    height: 40px;
}
.icon-time, .icon-calendar, .icon-chevron-up, .icon-chevron-down {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}
.timepicker .table-condensed .separator{
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
}
.wrap-add-departments .custom-checkbox:not(checked) + label:before{
    top: 3px;
}
.wrap-add-departments .custom-checkbox:not(checked) + label{
    color: #333333;
    font-family: "SegoeUISemiBold";
}
.wrap-add-call textarea{
    height: 75px;
}
.wrap-add-departments.wrap-add-call .add-contact{
    margin-top: 10px;
    width: 80px;
    text-align: center;
    position: relative;
    right: 50%;
    margin-right: -40px;
    padding: 8px 0;
}
/****/
.nav>li{
    margin-bottom: 0;
}
.wrap-partners-calls{
  float: left;
  width: 100%;
  margin: 2px 0 0;
  position: relative;
}
.wrap-partners-calls .nav-tabs {
    margin-bottom: 22px;
    float: left;
    width: 100%;
    margin-top: 15px;
    border: 0 none;
}
.wrap-partners-calls .nav-tabs li a {
    padding: 10px 20px;
    cursor: pointer;
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    border: 1px solid #f7f7f7;
    color: #999999;
    position: relative;
    z-index: 999;
    font-family: "SegoeUISemiBold";
    text-decoration: none;
    border-radius: 3px;
    position: relative;
    /* overflow: hidden; */
}
.wrap-partners-calls .nav-tabs li a:hover,
.wrap-partners-calls .nav-tabs li a:focus,
.wrap-partners-calls .nav-tabs li a:active {
    background: none;
    /*border-bottom: 0 none;*/
    color: #59568b;
}
.wrap-partners-calls .nav-tabs li a label {
    cursor: pointer;
}
.wrap-partners-calls .nav-tabs li a:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: -2px;
    width: 2px;
    height: 6px;
    background: #fff;
    display: none; 
}
.wrap-partners-calls .nav-tabs li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -2px;
    width: 2px;
    height: 6px;
    background: #fff;
    display: none;
}
.wrap-partners-calls .nav-tabs .active a,
.wrap-partners-calls .nav-tabs .active a:hover,
.wrap-partners-calls .nav-tabs .active a:focus,
.wrap-partners-calls .nav-tabs .active a:active {
        color: #fff;
    background: #0397db;
    border: 1px solid #c0c4d0;
    border-top: 1px solid #04b0ff;
    border-bottom: 1px solid #0084c0;
}
.wrap-partners-calls .nav-tabs li a:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: -2px;
    width: 2px;
    height: 6px;
    background: #fff;
    /* display: none; */
}
.wrap-partners-calls .nav-tabs li:first-child a:after{
    left: 0;
}
.wrap-partners-calls .nav-tabs li:first-child a:after{
    display: none;
}
.wrap-partners-calls .edit-form{
  padding: 26px 0 0;
}
.wrap-partners-calls .wrap-list-calls .portlet,
#all_new_sales .portlet{
  border-radius: 0;
  border: 0 none;
  border-bottom: 1px solid #cccccc;
  box-shadow: none;
  margin: 0;
}
.wrap-partners-calls .head-list{
  border-bottom: 1px solid #cccccc;
  padding-bottom: 8px;
  margin: 0;
}
.wrap-partners-calls .wrap-list-calls .manager_photo {
    width: 50px;
    height: 50px;
}
.wrap-partners-calls .wrap-list-calls .author-cell .manager_pos,
.wrap-partners-calls .wrap-list-calls .author-cell .manager_name{
  padding-bottom: 2px;
}
.wrap-partners-calls .wrap-list-calls .result-cell {
    width: 16% !important;
}
.wrap-partners-calls .wrap-list-calls .portlet .result-cell{
    font-family: "SegoeUIItalic";
}
.wrap-partners-calls .head-list .date-cell{
    width: 14% !important;
}
.wrap-partners-calls .wrap-list-calls .portlet .type-cell{
    width: 18%;
}
.wrap-partners-calls .wrap-list-calls .portlet .date-cell {
    width: 14% !important;
    color: #666666;
    font-size: 14px;
    font-family: "SegoeUISemiBold";
}
.wrap-partners-calls .wrap-list-calls .portlet .date-active-first{
    color: #46a22e;
}
.wrap-partners-calls .wrap-list-calls .portlet .date-active-second{
  color: #46a22e;
}
.wrap-partners-calls .wrap-list-calls .portlet .date-active-first{
  color: #333333;
}
.wrap-partners-calls .wrap-list-calls .author-cell {
    width: 25% !important;
}
.wrap-partners-calls .wrap-list-calls .num-cell {
    width: 7% !important;
}
.history-edit .wrap-list-calls .date-first-cell{
  width: 206px !important;
  text-align: center;
  padding-right: 30px;
}
.history-edit .wrap-list-calls .type-cell{
  width: 284px !important;
}
.history-edit .wrap-list-calls .description-cell{
  width: 30% !important;
}
.history-edit .wrap-list-calls .portlet .date-first-cell{
  color: #666666;
  font-size: 12px;
  font-family: "SegoeUISemiBold";
}
.history-edit .wrap-list-calls .portlet .type-cell{
  font-size: 12px;
  color: #333333;
}
.history-edit .wrap-list-calls .portlet .type-cell span{
  font-family: "SegoeUIBold";
}
.history-edit .wrap-list-calls .portlet .description-cell{
  font-size: 12px;
  line-height: 20px;
  color: #333333;
}
.history-edit .wrap-list-calls .portlet .description-cell span{
  display: block;
}
.history-edit .wrap-list-calls .portlet .description-cell a{
  color: #0099cc;
  font-size: 12px;
}
.wrap-partners-info .edit-form .config-block{
  position: absolute;
  top: 17px;
  right: 21px;
}
.wrap-partners-info .edit-form .config-block .date{
  float: left;
  margin: 0 15px 0 0;
  font-size: 12px;
  color: #999999;
}
.wrap-partners-info .edit-form .config-block a{
  font-size: 20px;
  color: #cccccc;
  float: left;
  line-height: 12px;
  margin-top: -2px;
}
.wrap-partners-info .edit-form .config-block a:hover{
  color: #0099cc;
}
/**button_blue**/
.button_blue{
    padding: 6px 22px;
    border: 1px solid #08adc5;
    background: rgba(38,180,231,1);
    background: -moz-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,180,231,1)), color-stop(100%, rgba(8,150,201,1)));
    background: -webkit-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -o-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -ms-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: linear-gradient(to bottom, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b4e7', endColorstr='#0896c9', GradientType=0 );
    -webkit-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    -moz-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    color: #fff;
}
.button_blue:hover {
    border: 1px solid #08adc5;
    color: #09a0ce !important;
    background: none;
}
/**create-contact**/
.create-contact{
  padding: 50px 65px 25px !important;
}
.create-contact > .col-xs-12{
  padding: 0 55px;
}
.create-contact .caption-form {
    font-size: 16px;
    line-height: 18px;
    color: #59568b;
    font-family: "SegoeUISemiBold";
    padding-bottom: 20px;
}
.create-contact .wrap-block {
    float: left;
    width: 100%;
    margin-bottom: 22px;
    padding-bottom: 6px;
    border-bottom: 1px solid #cccccc;
}
.create-contact .part-line {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.create-contact .label-name {
    float: left;
    width: 130px;
    font-size: 14px;
    color: #666666;
    padding-top: 12px;
}
.create-contact .desc {
    padding: 0 0 0 135px;
    font-size: 13px;
    line-height: 15px;
    color: #333333;
    position: relative;
}
.create-contact .desc-type{
    padding: 14px 0 0 135px;
    font-family: "SegoeUISemiBold";
}
.create-contact .desc .desc-check{
    float: left;
    width: 40%;
    margin-bottom: 3px;
}
.create-contact .desc .error{
    position: absolute;
    bottom: -14px;
    margin: 0;
}
.create-contact .form-control{
    margin: 0 !important;
}
.create-contact .desc-date .row{
  float: left;
  position: relative;
}
.create-contact .desc-date .row:before{
  content: '-';
  font-size: 18px;
  color: #666666;
  position: absolute;
  left: 50%;
  top: 15px;
  margin-left: -3px;
}
.create-contact .desc-date input{
  padding: 0 35px 0 15px;
  background: url(../images/icon-calendar-period.png) no-repeat right center #fff;
  cursor: pointer;
}
.create-contact .not-contract{
  margin-top: 25px;
}
.create-contact .not-contract label{
  font-size: 14px;
  color: #666666;
}
.create-contact .not-contract .custom-checkbox:not(checked) + label:before{
  top: 0;
}
.create-contact .add-contract{
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #0c99ce;
  margin-top: 25px;
}
.create-contact .part-pad .desc{
    margin-bottom: 12px;
}
.create-contact .part-pad .desc:last-child{
    margin-bottom: 0;
}
.create-contact .add-contract span{
  text-decoration: underline;
}
.create-contact .add-contract:hover span{
  text-decoration: none;
}
.create-contact .print-cart{
    color: #0c99ce;
      margin-top: 5px;
}
.create-contact .print-cart .fa {
    float: left;
    font-size: 20px;
    margin: 0 7px 0 0;
}
.create-contact .print-cart span {
    float: left;
    font-size: 13px;
    line-height: 20px;
    font-family: "SegoeUIRegular";
}
.create-contact .print-cart:hover,
.create-contact .print-cart:hover span {
    color: #666666;
}
.create-contact .add-contact{
  font-size: 14px;
  line-height: 14px;
  color: #fefefe;
  text-decoration: none;
  border-radius: 20px;
  padding: 8px 15px;
}
.create-contact .checkbox:not(checked) + label {
    padding: 3px 0 0 28px;
}
#addnewcontact{
    margin-bottom: 20px;
}
/**footer**/
.pad-bot{
    padding: 0 0 90px 0;
}
.hfooter{
    height: 90px;
    width: 100%;
}
.footer-bot{
    height: 60px;
    margin: -60px 0 0;
    color: #fff;
    background: #06284e;
    background-size: cover;
    position: relative;
    z-index: 999;
    text-align: center;
    clear: both;
    padding: 0;
    float: left;
    width: 100%;
}
.footer-bot .container{
    padding: 4px 0 0;
    position: relative;
}
.footer-bot .copy{
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-align: left;
    padding: 16px 0 0;
    clear: both;
    float: left;
}
.footer-bot .wrap-logo{
    float: right;
    position: relative;
}
.footer-bot .wrap-logo span{
    float: left;
    font-size: 16px;
    margin: 15px 10px 0 0;
    color: #00a985;
}
.footer-bot .it-logo{
    /*width: 112px;*/
    color: #fff;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    height: 50px;
    padding: 16px 107px 0 0;
    background: url(../images/logo-it.png) no-repeat right center;
    /*text-indent: -9999px;*/
    float: left;
}
.footer-bot .it-logo:hover{
    opacity: 1;
}
.footer-bot .wrap-logo .version {
    color: #00a985;
    font-size: 10px;
    position: absolute;
    bottom: 0px;
    left: 235px;
    /* letter-spacing: 1px; */
}
/*******/
.fon_message{
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
}
.info_start{
    position: fixed;
    top: 20%;
    left: 20%;
    border: 2px solid #289814;
    border-radius: 5px;
    padding: 10px;
    background: #fff;
    width: 400px;
    z-index: 10001;
    display: none;
}
.info_start .text_mess{
    float: left;
    width: 100%;
}
.yes_info_star, .close_info_start{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
    color: #fff !important;
    background-color: #65bd77;
    border-color: #65bd77;
    margin: 20px 0 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.yes_info_star{
    float: left;    
}
.close_info_start{
    background: #E80E0E;
    float: right;
}
.yes_info_star:hover, .close_info_start:hover{
    opacity: 0.7;
}
/**END**/
@media screen and (min-width: 992px) {
  .col-lg-2-4 {
    width: 20.000%;
    float: left;
  }
}
@media (max-width: 767px) {
  .shift {
    display: none !important;
  }
  .shift.in {
    display: block !important;
  }
  .row-2 [class*="col"] {
    width: 50%;
    float: left;
  }
  .row-2 .col-0 {
    clear: none;
  }
  .row-2 li:nth-child(odd) {
    clear: left;
    margin-left: 0;
  }
  .text-center-xs {
    text-align: center;
  }
  .text-left-xs {
    text-align: left;
  }
  .pull-none-xs {
    float: none !important;
  }
  .hidden-xs.show {
    display: inherit !important;
  }
}
  .column {
    width: 170px;
    float: left;
    padding-bottom: 100px;
  }
  .portlet {
    margin: 0 1em 1em 0;
    padding: 0.3em;
  }
  .portlet-header {
    padding: 0.2em 0.3em;
    margin-bottom: 0.5em;
    position: relative;
  }
  .portlet-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
  }
  .portlet-content {
    padding: 0.4em;
  }
  .portlet-placeholder {
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 50px;
  }
  [data-status]{
    padding: 10px;
  }
.fon_from_page{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 55;
    background: rgba(0,0,0,0.4);
    left: 0;
    top: 0;
    display: none;
}
.task_all,
.index-block .gant{
    display: none;
    position:absolute !important;
    top: 31px !important;
    left: -241px !important;
    z-index:999999999;
    background:#fff;
    padding: 0;
    text-align: left;
    font-weight: normal;
    height: auto;
    width: 460px;
    margin: 0;
    padding: 22px 28px;
    webkit-box-shadow: 0px 2px 18px 0px rgba(1,1,1,0.2);
    -moz-box-shadow: 0px 2px 18px 0px rgba(1,1,1,0.2);
    box-shadow: 0px 2px 18px 0px rgba(1,1,1,0.2);
}
.index-block .gant{
    top: 35px !important;
    left: -155px !important;
}
.overflow-table{
    float: left;
    width: 100%;
    height: 416px;
    overflow-x: auto;
}
.task_all:before,
.gant:before{
    content: '';
    position: absolute;
    width: 38px;
    height: 14px;
    background: url(../images/info-client-arrow.png) no-repeat;
    top: -14px;
    left: 50%;
    margin-left: -19px;
}
.index-block .gant .all_time,
.index-block .gant .count_seans{
    display: block;
    width: 100%;
    text-align: center !important;
    padding: 5px 0 !important;
}
.task_all .caption-top{
    float: left;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    /*padding: 12px 0;*/
    font-size: 12px;
    line-height: 14px;
    color: #999999;
}
.task_all .wrap-info{
    float: left;
    width: 100%;
}
.task_all .caption-top .wrap-left,
.task_all .caption-top .wrap-righ{
    padding: 12px 16px;
}
.task_all .wrap-left,
.task_all .wrap-right{
    float: left;
    width: 50%;
    padding: 12px 16px;
}
.task_all .wrap-info .wrap-photo{
    float: left;
    height: 50px;
    overflow: hidden;
    margin-right: 12px;
}
.task_all .wrap-info .title_name,
.task_all .wrap-info .department_name{
    display: block;
}
.task_all .wrap-info .title_name{
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}
.task_all .wrap-info .department_name{
    font-size: 12px;
    line-height: 20px;
    color: #666666;
}
.task_all .wrap-info .wrap-right{
    font-size: 14px;
    line-height: 16px;
    color: #219e82;
    text-decoration: underline;
}
.index-block .gant .task_title,
.task_all .task_title{
    font-size: 24px;
    color: #333333;
    margin-bottom: 10px;
    line-height: 30px;
    padding-top: 12px;
}
.index-block .gant table,
.task_all table{
    width: 100%;
   /* border-top: 1px solid #d6dde1;
    border-left: 1px solid #d6dde1;*/
}
.task_all table{
    border-bottom: 1px solid #d6dde1;
}
.task_all table .manager_name{
    text-align: center !important;
}
.index-block .gant table table td{
    border: 0 none !important;
    border-bottom: 1px solid #d6dde1 !important;
    padding: 5px !important;
}
.index-block .gant table table tr:last-child td,
.index-block .gant table table{
    border: 0 none;
}
.index-block .task_all table td{
    padding: 5px !important;
}
.index-block .task_all table tr:last-child td{
    text-align: left !important;
}
.index-block .task_all table tr:last-child .wrap-current-name{
    font-size: 12px;
    line-height: 14px;
    color: #999999;
}
.index-block .task_all table tr:last-child .wrap-current {
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    font-weight: bold;
    padding: 10px 0 0;
}
.index-block .task_all table tr:last-child td:nth-child(2) .wrap-current{
    color: #999999;
}
.index-block .task_all table tr:last-child td:last-child .wrap-current{
    color: #e9930b;
}
.task_all .form_comment{
    float: left;
    width: 100%;
    margin: 20px 0 0;
}
.task_all .form_comment textarea[name="comment"]{
    float: left;
    width: 100%;
    border: 1px solid #d9d9d9;
    height: 70px;
    resize: none;
}
.task_all .form_comment input[type="button"]{
    border: 1px solid #059e7c;
    border-radius: 0;
    background: #059e7c;
    padding: 8px 14px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    float: right;
    margin: 20px 0 0;
}
.task_all .form_comment input[type="button"]:hover{
    color: #059e7c;
    background: none;
}
.task_all .task_description{
    padding: 15px 5px;
    font-size: 16px;
    line-height: 22px;
    color: #1f1f1f;
    border-bottom: 1px solid #d9d9d9;
    margin: 0 0 20px 0;
    float: left;
    width: 100%;
}
.task_all .comment_block{
    float: left;
    width: 100%;
}
.task_all .comment_block .one_comment{
    float: left;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
}
.task_all .comment_block .one_comment .foto{
    float: left;
    margin: 0 15px 0 0;
}
.task_all .comment_block .one_comment .time_publish{
    float: left;
    font-size: 12px;
    line-height: 12px;
    color: #999999;
    width: 100%;
    text-align: right;
}
.task_all .comment_block .one_comment{
    color: #656565;
    font-size: 14px;
    line-height: 16px;
}
.task_all .comment_block .one_comment .wrap{
    padding: 0 0 0 65px;
}
.task_all .comment_block .one_comment .comentar{
    float: left;
    width: 100%;
    min-height: 63px;
    border-left: 4px solid #00a681;
    padding: 0 0 0 18px;
    font-size: 14px;
    line-height: 17px;
    color: #656565;
}
.task_scrol{
    float: left;
    width: 100%;
    max-height: 388px;
    overflow-x: hidden;
    padding: 0 10px 0 0;
}
.graf_robotu{
    overflow: auto;
    height: 400px;
}
/****/
.task_all_left{
    top: -74px !important;
    left: 49px !important;
    border-radius: 10px;
    webkit-box-shadow: -3px 3px 18px 0px rgba(1,1,1,0.2);
    -moz-box-shadow: -3px 3px 18px 0px rgba(1,1,1,0.2);
    box-shadow: -3px 3px 18px 0px rgba(1,1,1,0.2);
}
.task_all_left:before{
    content: '';
    position: absolute;
    width: 11px;
    height: 17px;
    background: url(../images/info-left-arrow.png) no-repeat;
    bottom: 30px;
    left: -11px;
    margin-left: 0;
    /* margin-top: -8px; */
    top: auto;
}
.task_all_left .name_task{
    font-size: 18px;
    line-height: 18px;
    color: #666666;
    font-weight: bold;
}
.task_all_left .conrtrol_block{
    position: absolute;
    top: 26px;
    right: 52px;
}
.task_all_left .conrtrol_block a{
    float: left;
}
.task_all_left .conrtrol_block a:last-child{
        margin: 2px 0 0 5px;
}
.task_all_left .conrtrol_block a:hover{
    opacity: 0.8;
}
.task_all_left .conrtrol_block .fa-edit:before{
    content: "\f044";
    color: #adb3c8;
    background: none;
    border: 0 none;
    padding: 0;
    border-radius: 0;
    height: auto;
    line-height: 4px;
    float: left;
    font-size: 24px;
}
.task_all_left .conrtrol_block .fa-trash-o:before{
    content: "\f014";
    color: #adb3c8;
    background: none;
    border: 0 none;
    padding: 0;
    border-radius: 0;
    height: auto;
    line-height: 4px;
    float: left;
    font-size: 24px;
}
.task_all_left .wrap-block{
    float: left;
    width: 37%;
    margin-top: 20px;
}
.task_all_left .wrap-last{
    width: 26%;
}
.task_all_left .wrap-block .block_from_current{
    width: auto;
    margin: 0;
    padding: 0;
}
.task_all_left .wrap-block .wrap-current-name,
.task_all_left .wrap-block .latennes_text,
.task_all_left .wrap-block .lateness-name-today,
.task_all_left .wrap-block .lateness-name-month,
.task_all_left .wrap-block .block_from_current .wrap-current-name{
    font-size: 14px;
    line-height: 14px;
    color: #666666;
    padding-bottom: 8px;
}
.task_all_left .wrap-block .lateness-name-today,
.task_all_left .wrap-block .lateness-name-month{
    color: #9a9999;
}

.task_all_left .wrap-block .wrap-current{
    color: #0e9bd0;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
}
.task_all_left .wrap-block .wrap-current span,
.task_all_left .wrap-block .today_latenes span,
.task_all_left .wrap-block .month_latenes span{
    padding: 0 5px;
}
.task_all_left .wrap-block .wrap-current span:first-child,
.task_all_left .wrap-block .today_latenes span:first-child,
.task_all_left .wrap-block .month_latenes span:first-child{
    padding: 0 5px 0 0;
}
.task_all_left .wrap-block .today_latenes,
.task_all_left .wrap-block .month_latenes{
    color: #db3b3c;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    display: none;
}

.task_all_left .wrap-block .today_latenes.act,
.task_all_left .wrap-block .month_latenes.act{
    display: block;
}
.task_all_left .wrap-block .lateness-name-month span,
.task_all_left .wrap-block .lateness-name-today span{
    border-bottom: 1px dashed #fff;
}
.task_all_left .wrap-block .lateness-name-month.selactive span,
.task_all_left .wrap-block .lateness-name-today.selactive span{
    border-bottom: 1px dashed #cf2e2f;
    color: #cf2e2f;
}
/**nav-user**/
.nav-user{
    /*width: 100%;*/
    /*background: url(../images/user-bg.png) repeat top left;*/
    content: '';
    position: relative;
    float: right;
    margin: 10px -15px 0 15px !important;
}
.header .nav-user:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -16px;
    width: 1px;
    height: 30px;
    margin-top: -15px;
    background: #114177;
}
.header .nav-user:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -17px;
    width: 1px;
    height: 30px;
    margin-top: -15px;
    background: #032f61;
}
.nav-user .dropdown{
    padding: 5px 6px !important;
    /*border: 1px solid #f7b900;*/
    border-radius: 2px;
    float: left;
}
.nav-user .dropdown-toggle{
    font-size: 14px;
    padding: 5px 15px;
}
.nav-user .dropdown-toggle span{
    float: left;
    max-width: 150px;
    min-width: 88px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.nav-user > li > a:hover,
.nav-user > li > a:focus{
    background: none !important;
    border: 0 none !important;  
  }

  .nav-user .dropdown-menu{
    width: 100%;
    top: 100%;
    margin: 0 0;
    /*border: 1px solid #f7b900;*/
    border: 0 none;
    background-color: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(71,84,112,.15);
	-moz-box-shadow: 0 1px 4px rgba(71,84,112,.15);
	box-shadow: 0 1px 4px rgba(71,84,112,.15);
	border: solid 1px #d8dcea;
  }
  .nav-user .dropdown-menu .arrow.top{
    display: none;
  }
/**table-calltoday**/
.index-block .table-calltoday td{
    padding: 0 !important
}
.index-block .table-calltoday table{
    min-height: 100px;
}
.index-block .table-calltoday .portlet{
    margin-bottom: 30px;
    text-align: left;
    padding: 0;
}
.index-block .table-calltoday .portlet table td{
    padding: 10px 18px !important;
}
.index-block .table-calltoday .counter {
    /* text-align: center; */
    font-size: 18px;
    color: #666666;
    padding: 10px 10px;
    /* width: 40px; */
    text-align: center;
    border-right: 1px solid #d8dcea;
    width: 7%;
}
.index-block .table-calltoday .name {
    /* text-align: center; */
    font-size: 16px;
    color: #17a4d9;
    padding: 10px 10px;
    /* width: 40px; */
    width: 35%;
    font-weight: normal;
}
.index-block .table-calltoday .count_calls{
    width: 15%;
    text-align: center;
    font-size: 16px;
    color: #17a4d9;
    font-weight: bold;
}
.index-block .table-calltoday .history_call{
     width: 30%;
}
.index-block .table-calltoday .line_go {
    /* text-align: center; */
    font-size: 48px;
    color: #adb3c8;
    /* width: 40px; */
    text-align: center;
    border-left: 1px solid #d8dcea;
    width: 7%;
}
.index-block .table-calltoday .line_go a{
    color: #adb3c8;
    display: block;
}
.index-block .table-calltoday .line_go.open a{
    color: #d8d8d8;
    transform: rotate(180deg) ;
-webkit-transform: rotate(180deg) ;
-moz-transform: rotate(180deg) ;
-o-transform: rotate(180deg) ;
-ms-transform: rotate(180deg) ;
}
.index-block .table-calltoday .counter-cell{
    width: 7%;
    text-align: center;
}
.index-block .table-calltoday .name-cell{
    width: 35%;
}
.index-block .table-calltoday .count-cell{
    width: 15%;
    text-align: center;
}
.index-block .table-calltoday .history-cell{
    width: 30%;
}
.index-block .table-calltoday .last-cell{
    width: 7%;
}
.index-block .table-calltoday .hidden-table{
    float: left;
    width: 100%;
    display: none;
}
.index-block .table-calltoday .hidden-table th{
    background: #edf1fc;
    border-top: 1px solid #d8dcea;
}
.index-block .table-calltoday .hidden-table .number_result{
    text-align: center;
}
.index-block .table-calltoday .hidden-table td.number_result{
    width: 10%;
    font-size: 14px;
    color: #666666;
}
.index-block .table-calltoday .hidden-table td.name_head{
    font-size: 14px;
    color: #17a4d9;
}
.index-block .table-calltoday .hidden-table td.time_head{
    font-size: 14px;
    color: #666666;
    /*font-weight: bold;*/
        white-space: nowrap;
}
.index-block .table-calltoday .hidden-table td.descript_head{
    font-size: 14px;
    line-height: 16px;
    color: #818781;
    font-style: italic;
    width: 35%;
}
.index-block .table-calltoday .hidden-table td.history_head{
    text-align: left;
    font-size: 14px;
    color: #666666;
    /*font-weight: bold;*/
        white-space: nowrap;
}
.index-block .table-calltoday .hidden-table td.history_head .gray_block{
    display: inline-block;
    padding: 6px 10px;
}
.index-block .table-calltoday .hidden-table td.history_head .green_block{
    display: inline-block;
    padding: 4px 10px;
    color: #fff;
    background: #41b935;
    border-radius: 5px;
}
.index-block .table-calltoday .hidden-table .all_calls_block tr{
    border-bottom: 1px solid #ebebeb;
}
.index-block .table-calltoday .hidden-table .all_calls_block tr:last-child{
    border: 0 none;
}
/**edit-form**/
.edit-form{
    float: left;
    width: 100%;
    margin-bottom: 25px;
    margin-top: 0;
        background: #fff;
    padding: 10px 15px 0;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    border-radius: 8px;
}
.edit-form .row{
    padding: 20px 10%;
}
.edit-form .desc .row{
    padding: 0 !important;
}
.edit-form .managerclass{
    text-align: center;
}
.edit-form .managerclass .export_to_exel{
    float: none;
    display: inline-block;
    margin: 0 0 0 15px !important;
    top: -21px;
    position: relative
}
.edit-form .managerclass .col-md-4{
    float: none;
    display: inline-block;
}
.edit-form .managerclass .col-md-4 input{
    float: left;
    width: 100%;
}
.type2.type-block{
    margin-bottom: 100px;
    float: left;
    width: 100%;
}
.edit-form .caption{
    float: left;
    width: 100%;
    font-size: 18px;
    color: #64737d;
    font-weight: bold;
    padding: 0 0 15px;
}
.error_mess{
    float: left;
    width: 100%;
    padding: 0 0 5px 15px;
    color: #9ea3b5;
    font-size: 14px;
}
.error_mess span{
    color: #ff3333;
}
.edit-form .error{
    float: left;
    width: 100%;
    /* display: none; */
    margin: -20px 0 8px;
    font-size: 12px;
    line-height: 14px;
    color: #ff6985;
    font-style: italic;
}
.edit-form .client_is{
    color: #ff6985;
    font-size: 12px;
    line-height: 14px;
    /*padding-bottom: 5px;*/
    font-style: italic;
    margin-top: -22px;
    white-space: nowrap;
    position: relative;
    z-index: 99;
}
.edit-form .client_is b,
.edit-form .client_is a{
    color: #ff6985;
}
.edit-form .client_is a:hover{
    opacity: 0.8;
}
.edit-form input[type="text"],
.edit-form input[type="password"]{
    background: #fff;
    padding: 10px 12px;
    height: 44px;
        border-radius: 3px;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    margin-bottom: 24px;
}
.edit-form input.control-last{
    margin-bottom: 0;
}
.edit-form textarea {
    background: #fff;
        border-radius: 3px;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
     height: 60px !important;
     margin-bottom: 24px;
     padding-top: 2px;
}
.edit-form textarea:focus{
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
}
.edit-form select {
    background: #fff;
    padding: 5px 12px;
    height: 44px;
        border-radius: 3px;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    margin-bottom: 24px;
    cursor: pointer;
}
.edit-form .input-group-addon{
    border: 1px solid #c0c4d0;
    border-radius: 0 3px 3px 0;
    border-left: 0;
    background: none;
    position: relative;
    z-index: 99;
    background: #fff;
    box-shadow: 0px 1px 0px 0px rgba(71,84,112,0.15);
    cursor: pointer;
}
.edit-form .input-group-addon .fa{
    color: #888888;
    font-size: 18px;
    width: 20px;
    height: 20px;
    background: url(../images/icon-datapicer.png) no-repeat;
}
.edit-form .input-group-addon .fa:before{
    display: none;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn{
    border-right: 0;
}
.edit-form .wrap-calendar {
    position: relative;
}
.edit-form .wrap-calendar .form-control {
    padding-right: 42px;
    background: url(../images/icon-datapicer.png) no-repeat right center #fff;
    cursor: pointer;
}
.wrap-profile .bot-button{
    text-align: center;
}
.wrap-profile .bot-button .btn-primary{
    left: auto;
    margin: 0 15px!important;
    float: none !important;
    display: inline-block;
    width: 175px;
    padding: 5px 4px;
}
.wrap-profile .bot-button .btn-primary:last-child{
    float: right;
}
#content .edit-form .wrap-calendar .datepicker {
    position: absolute;
    left: 0;
    top: 33px;
    z-index: 999;
    display: none;
    -webkit-box-shadow: 1px 0px 27px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 0px 27px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 0px 27px 0px rgba(0,0,0,0.15);
}
#content .edit-form .bot-calendar .datepicker{
    top: auto;
    bottom: 46px;
}
#content .filter-wrap .wrap-calendar .datepicker{
    top: 57px;
}
#content .edit-form .wrap-calendar:hover .datepicker {
    display: block;
}
.edit-form .radio label,
.edit-form .checkbox label {
    font-size: 14px;
    color: #64737d;
}
.edit-form .radio,
.edit-form .checkbox {
    margin-top: 10px !important;
    margin-bottom: 10px;
}
.edit-form .radio-custom > i:before,
.edit-form .checkbox-custom > i:before {
        font-size: 20px;
    vertical-align: -10%;
    margin-left: 0;
    margin-right: 4px;
    color: #b5bbcc;
    cursor: pointer;
}
.edit-form-user{
    border-left: 8px solid #f6b700;
    float: left;
    width: 100%;
    background: #fff;
    /* border-bottom-width: 3px; */
    -webkit-box-shadow: 0px 0px 4px 0px rgba(1,1,1,0.24);
    -moz-box-shadow: 0px 0px 4px 0px rgba(1,1,1,0.24);
    box-shadow: 0px 0px 4px 0px rgba(1,1,1,0.24);
    /* border-bottom-width: 3px; */
    padding: 18px 0 11px 20px;
    margin-bottom: 20px;
}
.edit-form-user td{
    border: 0 none !important;
    padding: 15px 10px !important;
}
.edit-form-user .name .manager_photo{
    margin-right: 10px;
    float: left;
    height: 60px;
    overflow: hidden;
}
.edit-form-user .name img{
    
}
.edit-form-user .name .user_data{
    font-size: 18px;
    line-height: 20px;
    color: #333333; 
}
.edit-form-user .name .dep_user,
.edit-form-user .name .pos_user{
    font-size: 13px;
    color: #717171;
    display: block;  
}
.edit-form-user .info_block{
    float: left;
    position: relative;
}
.edit-form-user .info_block .task_all{
    left: -234px !important;
}
.edit-form-user  .portlet-header {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    text-decoration: underline;
}
.edit-form-user .info_block .shom_all{
    float: none;
    background: none;
    display: inline-block;
    width: auto;
    color: #cacaca !important;
    font-size: 20px;
    margin: 0 0 0 12px;
    cursor: pointer;
}
.edit-form-user .info_block div a{
    background: none;
    color: #cacaca;
    font-size: 16px;
}
.edit-form-user .info_block div .fa{
    font-size: 16px;
    color: #ababab;
    float: left;
    /* width: 100%; */
    margin: 0;
    clear: both;
    position: relative;
    top: 1px;
}
/*.sky-form .input{
    left: -15px;
}*/
.pass-form .row{
    padding: 0;
}
@media (min-width: 1200px){
    .pass-form .col-lg-4 {
        width: 30%;
    }  
}
.pad5{
    margin-right: -5px;
    margin-left: -5px;
}
.pad5 .col-xs-12{
    padding-right: 5px;
    padding-left: 5px;
}
.edit-form .logo_task{
    padding-bottom: 20px;
}
/**add-task**/
.add-task{
    padding: 40px 194px;
    margin-top: 15px;
}
.edit-form.add-task .row{
    padding: 0;
}
.add-task .form-control,
.add-task input[type="text"], .add-task input[type="password"],
.add-task .date{
    margin-bottom: 12px;
}
.add-task textarea{
    height: 128px !important;
}
.add-task .button_blue{
    padding: 6px 4px;
    width: 96px;
    position: relative;
    left: 50%;
    margin-left: -48px !important;
    margin-top: 20px !important;
    text-transform: uppercase;
    font-size: 12px;
}

/**add-partner**/
.add-client{
    /*padding: 0 30px 30px;*/
    /*margin-bottom: 120px;*/
}
.add-client .line-lg{
    /*margin-bottom: 0;*/
}
.add-client .btn{
    margin-left: 20px !important;
}
.editclient input.calendar{
    padding-right: 42px;
    background: url(../images/icon-datapicer.png) no-repeat right center #fff;
}
.edit-form.add-client select,
.edit-form.add-client input[type="text"], .edit-form.add-client input[type="password"],
.edit-form.add-client textarea{
        margin-bottom: 28px;
}
/**table-departments**/
.wrap-table-departments{
    padding-top: 11px;
}

.table-departments .first td{
    text-align: left;
    padding: 5px 15px;
    font-size: 10px;
    text-transform: uppercase;
    border: 0 none;
    color: #888888;
    font-weight: normal;
    background: none;
}
.table-departments .first td:first-child{
    border: 0 none;
}
.table-departments .first td:last-child{
    border: 0 none;
}
.table-departments{
    width: 100%;
    border-collapse: separate;
}
.table-departments tr{
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
}
.table-departments td{
    border-top: 1px solid #c0c4d0;
    border-bottom: 1px solid #c0c4d0;
    background: #fff;
}
.table-departments td:first-child{
    border-left: 1px solid #c0c4d0;
    border-right: 1px solid #c0c4d0;
    border-radius: 8px 0 0 8px;
}
.table-departments td:last-child{
    border-right: 1px solid #c0c4d0;
     border-radius: 0 8px 8px 0;
}
.table-departments .first,
.table-departments .second_line{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.table-departments .second_line td{
    padding: 11px 0;
    background: none;
    border: 0 none;
}
.table-departments .num{
    text-align: center;
    font-size: 18px;
    color: #666666;
    padding: 16px 26px;
    width: 40px;
}
.table-departments tr{
     /*border-top: 1px solid #1e90d8;
     border-bottom: 1px solid #1e90d8;*/
     /*border-bottom: 1px solid #d6d6d6;*/
}
.table-departments tr:last-child{
    border: 0 none;
}
.table-departments .first{
    border: 0 none;
}
.table-departments .first td{
    text-align: center;
}
.table-departments .name{
     font-size: 24px;
    line-height: 24px;
    /*font-weight: bold;*/
    color: #59568b; 
}
.table-departments .delete{
    width: 70px;
}
.table-departments .delete a{
    float: left;
}
.table-departments .delete .client-del .fa{
    font-size: 22px;
    margin: 9px 0 0 16px;
    position: relative;
    top: 3px;
    color: #adb3c8;
}
.table-departments .img{
    width: 180px;
    text-align: center;
    padding: 10px 0;
}
.table-departments .second_line:last-child{
    display: none;
}
.new_client{
    float: left;
    width: 100%;
}
.add_contact_one{
    float: right;
    position: relative;
    /*left: 50%;
    margin-left: -50px !important;*/
    border: 1px solid #08adc5;
    background: rgba(53,209,240,1);
    background: -moz-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(53,209,240,1)), color-stop(100%, rgba(9,160,206,1)));
    background: -webkit-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: -o-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: -ms-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: linear-gradient(to bottom, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35d1f0', endColorstr='#09a0ce', GradientType=0 );
    color: #fff;
    top: 0;
    margin-top: -62px !important;
}
.add_contact_one:hover {
    background: none;
    color: #08adc5 !important;
    border-color: #08adc5;
}
.add-client .line-bold{
    font-size: 24px;
    color: #59568b;
    /*font-weight: bold;*/
    padding: 10px 0 20px;
}
.add-department .row {
    padding: 20px 20%;
}
.add-department .input-group-btn{
    vertical-align: top;
}
.add-department .input-group-btn .btn{
    border: 1px solid #c0c4d0;
    border-radius: 0 3px 3px 0 !important;
    font-size: 12px;
    padding: 12px 14px;
    color: #81899e !important;
    height: 44px;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(228,228,228,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4', GradientType=0 );
}
.add-department .input-group-btn .btn:hover{
    background: rgba(228,228,228,1);
    background: -moz-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(228,228,228,1)), color-stop(100%, rgba(228,228,228,1)));
    background: -webkit-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 100%);
    background: -o-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 100%);
    background: -ms-linear-gradient(top, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 100%);
    background: linear-gradient(to bottom, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#e4e4e4', GradientType=0 );
}
/**personal-exercises**/
.personal-exercises .table-portlet .user-info,
.personal-exercises .table-portlet .user-info{
    width: 35%;
}
.personal-exercises .table-portlet .portlet-header{
    min-height: inherit;
    height: auto;
    font-size: 16px;
    line-height: 18px;
    color: #03a47f;
}
.personal-exercises .table-portlet .info_block{
    margin: 0;
    text-align: left;
    clear: both;
}
.personal-exercises .table-portlet .info_block div{
    margin: 0 12px 0 0;
}
.personal-exercises .table td{
    padding: 20px !important;
}
.personal-exercises .table-portlet .all_time,
.personal-exercises .table-portlet .seanses_today,
.personal-exercises .table-portlet .suma_work{
    float: left;
    padding: 8px 20px;
    background: rgba(235,235,235,1);
    background: -moz-linear-gradient(45deg, rgba(235,235,235,1) 0%, rgba(243,243,243,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(235,235,235,1)), color-stop(100%, rgba(243,243,243,1)));
    background: -webkit-linear-gradient(45deg, rgba(235,235,235,1) 0%, rgba(243,243,243,1) 100%);
    background: -o-linear-gradient(45deg, rgba(235,235,235,1) 0%, rgba(243,243,243,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(235,235,235,1) 0%, rgba(243,243,243,1) 100%);
    background: linear-gradient(45deg, rgba(235,235,235,1) 0%, rgba(243,243,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f3f3f3', GradientType=1 );
    margin: 0 1px 0 0;
    width: 25%;
}
.personal-exercises .table-portlet .all_time span:first-child,
.personal-exercises .table-portlet .seanses_today span:first-child,
.personal-exercises .table-portlet .suma_work span:first-child{
    float: left;
    width: 100%;
    display: block;
    font-size: 12px;
    color: #999999;
    font-weight: normal;
    line-height: 14px;
    padding: 0 0 10px 0;
    text-align: left;
}
.personal-exercises .table-portlet .all_time span{
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    color: #333333;
    font-weight: bold;
}
/**massages**/
.wrap-buttom_mess{
    float: left;
    width: 100%;
}
.wrap-buttom_mess .button_mess{
    float: left;
    padding: 17px 18px 14px;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    color: #333333;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(247,247,247,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 );
    border-bottom: 4px solid #f7f7f7;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(1,1,1,0.27);
    -moz-box-shadow: 0px 1px 3px 0px rgba(1,1,1,0.27);
    box-shadow: 0px 1px 3px 0px rgba(1,1,1,0.27);
        transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.wrap-buttom_mess .button_mess:hover{
    border-color: #f1b500;
}
.wrap-buttom_mess .open_forma{
        float: right;
    background: rgba(254,137,42,1);
    background: -moz-linear-gradient(top, rgba(254,137,42,1) 0%, rgba(222,105,10,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,137,42,1)), color-stop(100%, rgba(222,105,10,1)));
    background: -webkit-linear-gradient(top, rgba(254,137,42,1) 0%, rgba(222,105,10,1) 100%);
    background: -o-linear-gradient(top, rgba(254,137,42,1) 0%, rgba(222,105,10,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,137,42,1) 0%, rgba(222,105,10,1) 100%);
    background: linear-gradient(to bottom, rgba(254,137,42,1) 0%, rgba(222,105,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe892a', endColorstr='#de690a', GradientType=0 );
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    padding: 18px 16px;
    border: 0 none;
     transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    cursor: pointer;
}
.wrap-buttom_mess .open_forma:hover{
        opacity: 0.7;
}
.wrap-messages-tab{
    float: left;
    width: 100%;
}
.wrap-messages-tab .tab-content{
    border-top: 4px solid #03a47e;
    background: #fff;
}
.wrap-messages-tab .nav-tabs > li > a {
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
    margin: 0 3px 0 13px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(1,1,1,0.15);
    -moz-box-shadow: 0px 1px 1px 0px rgba(1,1,1,0.15);
    box-shadow: 0px 1px 1px 0px rgba(1,1,1,0.15);
    position: relative;
    border: 1px solid #fff;
    border-bottom: 0 none;
}
.wrap-messages-tab .nav-tabs > li > a:hover,
.wrap-messages-tab .nav-tabs > li > a:focus{
    color: #555;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #03a47e;
    border-bottom: 0 none;
}
.wrap-messages-tab .nav-tabs > .active > a,
.wrap-messages-tab .nav-tabs > .active > a:hover,
.wrap-messages-tab .nav-tabs > .active > a:focus{
    border: 1px solid #03a47e;
    border-bottom: 0 none;
}
.wrap-messages-tab .nav-tabs > li > a:before{
    
}
.wrap-messages-tab .nav-tabs > .active > a:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 5px;
    background: #fff;
}
.wrap-messages-tab .tab-content table td{
    padding: 20px;
    vertical-align: middle;
}
.wrap-messages-tab .tab-content .shadov_block td{
    background: #fbfbfb;
    font-weight: bold;
}
.wrap-messages-tab .tab-content .user-name{
    width: 22%;
}
.wrap-messages-tab .tab-content .firstname{
    padding: 0;
    margin-top: 6px;
}
.wrap-messages-tab .tab-content .client-del{
    font-size: 18px;
}
.wrap-messages-tab .tab-content .client-del:hover{
    opacity: 0.7;
}
.wrap-messages-tab .tab-content .group_message{
    position: relative;
}
.wrap-messages-tab .tab-content .group_message .all_group{
    float: left;
    width: 256px;
    position: absolute;
    bottom: 39px;
    background: #fff;
    padding: 5px;
    -webkit-box-shadow: 0px 2px 18px 0px rgba(1,1,1,0.2);
    -moz-box-shadow: 0px 2px 18px 0px rgba(1,1,1,0.2);
    box-shadow: 0px 2px 18px 0px rgba(1,1,1,0.2);
    display: none;
}
.wrap-messages-tab .tab-content .group_message .photo_usera_mess{
    width: 35px;
    height: 35px;
    overflow: hidden;
    float: left;
}
.wrap-messages-tab .tab-content .group_message .fa{
    font-size: 26px;
    padding: 5px 4px;
}
.block_write_message{
    position: fixed;
    right: 10%;
    bottom: 61px;
    width: 530px;
    height: 430px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 21px 0px rgba(3,3,3,0.15);
    -moz-box-shadow: 0px 5px 21px 0px rgba(3,3,3,0.15);
    box-shadow: 0px 5px 21px 0px rgba(3,3,3,0.15);
    display: none;
}
.block_write_message .top{
    float: left;
    width: 100%;
    background: #333333;
    height: 42px;
    padding: 12px 20px 0 25px;
}
.block_write_message .top span{
    font-size: 12px;
    line-height: 12px;
    color: #ffffff;
    text-transform: uppercase;
}
.block_write_message .navigatiya{
    float: right;
}
.block_write_message .navigatiya > div{
    color: #fff;
    float: left;
    margin: 0 0 0 14px;
    font-weight: bold;
    cursor: pointer;
}
.block_write_message .navigatiya > div:hover{
    opacity: 0.7;
}
.block_write_message .select_users{
    float: left;
    width: 100%;
    position: relative;
}
.block_write_message .select_users .fa-group{
    float: right;
    font-size: 26px;
    margin: 0 0 10px 0;
    cursor: pointer;
}
.block_write_message .select_users .fa-group:hover{
    opacity: 0.7;
}
.block_write_message .select_users .list_user{
    /*height: 232px !important;*/
    overflow: auto !important;
    position: absolute;
    left: 0;
    top: 30px;
    background: #fff;
    width: 100%;
    padding: 0;
}
.block_write_message .select_users .list_user input[type="checkbox"]{
    float: left;
    margin: 3px 5px 0 0;
}
.block_write_message .select_users .list_user label{
    margin: 0;
}
.block_write_message form{
    padding: 25px 25px 0;
    float: left;
    width: 100%;
}
.block_write_message input[type="text"].form_message{
    width: 100%;
    float: left;
    border: 1px solid #e1e1e1;
    height: 38px;
    margin: 0 0 20px 0;
    padding: 0 16px;
    line-height: 38px;
    font-size: 12px;
    color: #999999;
}
.block_write_message textarea.form_message{
    width: 100%;
    height: 160px !important;
    float: left;
    border: 1px solid #e1e1e1;
    height: 38px;
    margin: 0 0 20px 0;
    padding: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #999999;
    resize: none;
}
.block_write_message input[type="submit"]{
    float: left;
    background: rgba(254,137,42,1);
    background: -moz-linear-gradient(top, rgba(254,137,42,1) 0%, rgba(222,105,10,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,137,42,1)), color-stop(100%, rgba(222,105,10,1)));
    background: -webkit-linear-gradient(top, rgba(254,137,42,1) 0%, rgba(222,105,10,1) 100%);
    background: -o-linear-gradient(top, rgba(254,137,42,1) 0%, rgba(222,105,10,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,137,42,1) 0%, rgba(222,105,10,1) 100%);
    background: linear-gradient(to bottom, rgba(254,137,42,1) 0%, rgba(222,105,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe892a', endColorstr='#de690a', GradientType=0 );
    color: #fff;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    padding: 12px 16px;
    border: 0 none;
}
.block_write_message input[type="submit"]:hover{
    background: #fe892a;
}
/**readmessage-block**/
.readmessage-block .one_mess{
    float: left;
    width: 100%;
    border-bottom: 4px solid #03a47e;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
.readmessage-block .one_mess .foto_user{
    float: left;
    margin: 0 10px 0 0;
}
.readmessage-block .one_mess .name_firstname{
    font-size: 14px;
    line-height: 20px;
    color:#333333;
    float: left;
}
.readmessage-block .one_mess .datepublish{
    font-size: 12px;
    line-height: 14px;
    color:#666666;
    float: right;
}
.readmessage-block .one_mess .wrap{
    padding: 0 0 0 85px;
}
/***/
.block_day_data, .gant, .task_all,
.messages, .allworkingtime{
    display: none;
}
.readmessage-block .wrap-resend_one_mess{
    padding: 0 0 0 84px;
}
.readmessage-block .resend_one_mess{
    float: left;
    width: 100%;
    border-bottom: 1px solid #03a47e;
    padding: 0 0 10px;
    margin: 0 0 10px 0;
}
.readmessage-block .wrap-resend_one_mess:last-child{
    border: 0 none;
    display: none;
}
.readmessage-block .resend_one_mess .foto_user{
    float: left;
    margin: 0 10px 0 0;
}
.readmessage-block .resend_one_mess .name_firstname{
    font-size: 14px;
    line-height: 20px;
    color:#333333;
    float: left;
}
.readmessage-block .resend_one_mess .datepublish{
    font-size: 12px;
    line-height: 14px;
    color:#666666;
    float: right;
}
.readmessage-block .resend_one_mess .wrap{
    padding: 0 0 0 85px;
}
.readmessage-block .resend{
    clear: both;
    margin-top: 20px;
    float: left;
    width: 100%;
}
.readmessage-block .btn{
    left: 0;
    margin: 20px 0 0 !important;
    float: right;
}
.readmessage-block .resend_one_mess .tesxt_message,
.readmessage-block .one_mess .tesxt_message{
    padding: 5px 10px;
    background: #fff;
    margin-top: 3px;
    float: left;
    width: 100%;
    min-height: 52px;
}
.readmessage-block .resend_one_mess .tesxt_message p,
.readmessage-block .one_mess .tesxt_message p{
    margin: 0;
}
/***/
.block_day_data, .gant, .task_all{
    display: none;
}
/**prise_list**/
.prise_list{
    float: left;
    width: 100%;
    /*background: #fff;
    border: 1px solid #d8dcea;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    border-radius: 8px;
    padding: 10px;*/
}
.prise_list .block_header,
.prise_list .block_body,
.prise_list .line_price{
    float: left;
    width: 100%;
}
.prise_list .block_header > div{
    float: left;
    font-size: 9px;
    text-transform: uppercase;
    color: #888888;
    padding: 6px 15px;
    width: 18%;
}
.prise_list .block_header .name_ps{
    width: 30%;
}
.prise_list .block_header > div:first-child{
    width: 8%;
    text-align: center;
}
.prise_list .block_header > div:last-child{
    width: 5%;
    text-align: center;
}
.prise_list .block_body{
    background: #fff;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    -moz-box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    box-shadow: 0px 1px 4px 0px rgba(71,84,112,0.15);
    border-radius: 8px;
    overflow: hidden;
}
.prise_list .block_body .line_price{
    border-bottom: 1px solid #c0c4d0;
}
.prise_list .block_body .line_price:nth-child(odd){
    background: #e8f6fc;
}
.prise_list .block_body .line_price > div{
    float: left;
    font-size: 9px;
    color: #888888;
    padding: 16px 15px;
    width: 18%;
    font-size: 12px;
    color: #333333;
    line-height: 13px;
}
.prise_list .block_body .line_price .name_ps{
    width: 30%;
}
.prise_list .block_body .line_price > div:first-child{
    width: 8%;
    text-align: center;
}
.prise_list .block_body .line_price > div:last-child{
    width: 8%;
    text-align: right;
    padding: 12px 15px;
}
.prise_list .block_body .line_price .edit_sales .fa{
    font-size: 18px;
    color: #a8adc2;
    cursor: pointer;
    margin-top: 4px;
}
.prise_list .block_body .line_price .edit_sales .fa:hover {
    color: #0099cc;
}
.prise_list .block_body .line_price:last-child{
    border: 0 none;
}
.prise_list .block_body .line_price .name_ps{
    font-size: 14px;
    font-family: "SegoeUISemiBold";
}
.prise_list .block_body .line_price .price_ps{
    font-size: 14px;
}
.prise_list .block_body .price_ps{
    color: #666666;
}
/*.prise_list .block_body .is_ps{
    font-family: "SegoeUIItalic";
}*/
.prise_list .block_body .is_ps .green_mess{
    color: #18a918;
}
.prise_list .block_body .is_ps .red_mess{
    color: #ff4e4e;
}
.prise_list .edit_dell_block{
    margin: 6px 0 0 16px;
}
/*.prise_list .block_body .action_ps a{
    font-size: 18px;
    color: #d4d4d4;
}
.prise_list .block_body .action_ps a:hover{
    color: #0099cc;
}*/
/**statistic**/
.wrap-list-calls {
    float: left;
    width: 100%;
}
.wrap-list-calls .head-list {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
    margin: 0;
}
.wrap-partners-calls .head-list {
    padding-bottom: 8px;
    margin: 0;
}
.wrap-list-calls .head-list > div ,
.wrap-list-calls .portlet .head-list .date-cell{
    float: left;
    font-size: 10px;
    line-height: 10px;
    color: #888888;
    text-transform: uppercase;
    width: 18%;
    font-family: "SegoeUIRegular";
    padding: 0;
}
.wrap-list-calls .list-calls-info {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.wrap-list-calls .list-calls-info .message_info{
    text-align: center;
    padding-top: 10px;
}
.wrap-list-calls .manager_photo {
    position: relative;
    width: 55px;
    height: 55px;
    border: 0 none;
    left: 0;
    top: 0;
    z-index: 55;
    margin: 0 15px 0 0;
    float: left;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}
.wrap-list-calls .portlet{
    float: left;
    width: 100%;
    /* padding: 10px 15px 0; */
    padding: 0;
    color: #64737d;
    position: relative;
    margin-bottom: 18px;
    border: 1px solid #c0c4d0;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    padding: 20px 0 16px;
}
.wrap-list-calls .portlet > div{
  float: left;
}
.wrap-list-calls .num-cell{
  width: 64px !important;
  text-align: center;
  color: #333333;
}
.wrap-list-calls .author-cell{
  /*width: 296px !important;*/
  width: 25.4% !important;
  /*padding: 0 0 10px 0;*/
}
.list-purchase .type_work{
    padding: 10px 25px 0;
    font-style: italic;
    line-height: 18px;
    width: 100%;
}
.list-purchase .type_work .name_type{
    float: left;
    width: 33.333%;
    margin-bottom: 5px;
}
.list-purchase .type_work .many{
    color: #129fd3;
    /*font-weight: bold;*/
}
.list-purchase .type_work .procuk{
    font-weight: bold;
    padding-left: 3px;
}
.wrap-list-calls .author-cell .manager_name{
  /*font-weight: bold;*/
  font-family: "SegoeUISemiBold";
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  padding-bottom: 5px;
}
.wrap-list-calls .author-cell .manager_pos {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #999999;
    padding-bottom: 5px;
}
.wrap-list-calls .pib-cell{
  width: 28% !important;
}
.wrap-list-calls .portlet .pib-cell{
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  padding: 0 20px 0 0;
}
.wrap-list-calls .portlet .pib-cell a{
  font-size: 14px;
  line-height: 16px;
  color: #13a1d5;
  text-decoration: none;
}
.wrap-list-calls .date-cell{
  width: 178px !important;
}
.wrap-list-calls .portlet .date-cell{
  font-size: 12px;
  line-height: 14px;
  color: #46a22e;
}
.wrap-list-calls .result-cell{
  width: 20% !important;
}
.wrap-list-calls .portlet .result-date{
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  color: #333333;
  padding-bottom: 8px;
}
.wrap-list-calls .portlet .result-desc{
  font-size: 12px;
  line-height: 15px;
  color: #666666;
}
.wrap-list-calls .portlet .talk-cell{
  padding: 6px 0 0 40px;
}
.wrap-list-calls .portlet .talk-cell a{
  float: left;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  color: #0f9cd0;
  padding: 5px 0 5px 28px;
  background: url(../images/icon-history-talk.png) no-repeat left center;
  text-decoration: underline;
}
.wrap-list-calls .portlet .restore_contact a{
    color: #666666;
    padding: 5px 0;
    background: none;
    text-decoration: none;
}
.wrap-list-calls .portlet .restore_contact a:hover{
    color: #0f9cd0;
}
.wrap-list-calls .portlet .talk-cell a:hover{
    text-decoration: none;
}
.wrap-list-calls .edit-cell{
  float: right !important;
  padding: 4px 19px 0;
}
.wrap-list-calls .edit-cell .edit-talk{
  font-size: 20px;
  color: #cccccc;
}
.wrap-list-calls .edit-cell .edit-talk:hover{
  color: #0099cc;
}
.list-statistic .type_work {
    padding: 0 0;
    font-weight: normal;
    width: 100%;
    margin-bottom: -16px;
}
.list-statistic .portlet{
    overflow: hidden;
}
.list-statistic .type_work .portlet-hiden {
    border-left: 0 none;
    border-right: 0 none;
    border-radius: 0;
    margin: 0 0 -1px 0;
    padding: 12px 25px;
}
.list-statistic .type_work .portlet-hiden > div{
    width: 11%;
}
.list-statistic .type_work .portlet-hiden > div:first-child{
    width: 23%;
}
.list-statistic .type_work .name_type {
    float: left;
    width: 100%;
    margin-bottom: 0;
    color: #129fd3;
    font-weight: bold;
}
.list-statistic .type_work .count_summ{
    font-weight: bold;
    color: #333333;
}
.list-statistic .wrapper-hiden-block .head-list {
    padding: 5px 25px 0;
    margin-bottom: 5px;
}
.list-statistic .wrapper-hiden-block .head-list > div{
    width: 11%;
}
.list-statistic .wrapper-hiden-block .num-cell{
    margin-left: -25px;
}
.list-statistic .wrapper-hiden-block .author-cell{
    width: 21% !important;
}
.list-statistic .wrapper-hiden-block .sum-cell {
    width: 11% !important;
    
}
.list-statistic .wrapper-hiden-block .portlet-group .sum-cell{
    color: #5bb728;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}
.list-statistic .wrapper-hiden-block .num-cell{
    width: 46px !important;
}
.list-statistic .wrapper-hiden-block .portlet-group .portlet{
    padding: 16px 25px;
}
.list-statistic .wrapper-hiden-block .portlet-group .edit-cell{
        float: right !important;
}
.list-statistic .wrapper-hiden-block .portlet-group .edit-cell a{
    color: #129fd3;
    font-weight: bold;
}
.list-statistic .block_header_ware{
    float: left;
    width: 100%;
    border-top: 1px solid #c0c4d0;
    padding: 8px 0;
}
.list-statistic .block_header_ware div{
    float: left;
    font-size: 10px;
    line-height: 10px;
    color: #888888;
    text-transform: uppercase;
    width: 16%;
}
.list-statistic .block_header_ware div:first-child{
    width: 7%;
    padding-left: 3%;
}
.list-statistic .block_header_ware .procent_manager{
    width: 45%;
}
.list-statistic .body_ware{
    float: left;
    width: 100%;
    /*margin-bottom: -16px;*/
}
.list-statistic .line-ware{
    float: left;
    width: 100%;
    border-top: 1px solid #c0c4d0;
}
.list-statistic .line-ware > div{
    width: 16%;
    float: left;
    padding: 14px 0;
    font-family: "SegoeUISemiBold";
}
.list-statistic .line-ware > div:last-child{
    padding: 10px 0;
}
.list-statistic .line-ware .procent_manager{
    width: 45%;
}
.list-statistic .line-ware > div:first-child{
    width: 7%;
    padding-left: 3%;
    font-size: 12px;
    color: #333333;
    
}
.list-statistic .line-ware .name_ware{
    color: #333333;
}
.list-statistic .line-ware .summ_ware,
.list-statistic .line-ware .count_ware{
    color: #0397db;
}
.list-statistic .line-ware .summ_ware span,
.list-statistic .line-ware .count_ware span{
    display: block;
    color: #333333;
}
.list-statistic .line-ware .manager_data{
    float: left;
    border: 1px solid #03356f;
    border-radius: 3px;
    /*width: 100%;*/
    margin:6px 20px 6px 0;
}
.list-statistic .line-ware .procent_manager .manager_data:last-child{
    
}
.list-statistic .line-ware .manager_data .man_photo{
    float: left;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 5px;
    margin-right: 3px;
}
.list-statistic .line-ware .manager_data .man_photo img{
    width: 100% !important;
}
.list-statistic .line-ware .manager_data .man_name{
    color: #333333;
    font-family: "SegoeUISemiBold";
    float: left;
    white-space: nowrap;
    font-size: 12px;
    line-height: 14px;
    padding: 4px 8px 6px;
    border-right: 1px solid #03356f;
}
.list-statistic .line-ware .manager_data .man_res{
    color: #03356f;
    font-size: 12px;
    line-height: 14px;
    font-family: "SegoeUIBold";
    float: left;
    padding: 4px 6px 6px;
}
.list-statistic .portlet-open{
    background: none;
    border: 0 none;
    padding: 0 0 16px;
    box-shadow: none;
}
.list-statistic .portlet-open > div {
    float: left;
    padding-top: 21px;
}
.list-statistic .portlet-open .author-cell{
    padding-left: 21px;
}
.list-statistic .portlet-open .all_ware_this_date_block{
    background: #fff;
    border: 1px solid #c0c4d0;
    border-top: 0 none;
    border-radius: 0 0 8px 8px;
    margin: -1px 0 0;
    padding: 0;
}
.list-statistic .portlet-open .sum-cell{
    background: #fff;
    padding-bottom: 25px;
    position: relative;
    z-index: 9;
    border-top: 1px solid #c0c4d0;
    padding-top: 20px;
}
.list-statistic .portlet > div:nth-child(7){
    padding-left: 1px;
}
.list-statistic .portlet-open > div:nth-child(7){
    padding-left: 0;
    border-left: 1px solid #c0c4d0;
    border-radius: 8px 0 0 0;
    position: relative;
}
.list-statistic .portlet-open > div:nth-child(7):before{
    content: '';
    position: absolute;
    bottom: 0;
    left: -18px;
    width: 18px;
    height: 18px;
    background: url(../images/open-bottom.png) no-repeat;
}
.list-statistic .portlet.portlet-open .all-sum-cell{
    width: 17% !important;
    padding-right: 3%;
     border-right: 1px solid #c0c4d0;
    border-radius: 0 8px 0 0;
}
/**purchase**/
.list-purchase  .icon-departments{
  float: left;
}
.long-filter .row {
	    padding: 28px 93px 28px 63px;
}
.list-purchase .name-departments{
  font-weight: normal;
  padding: 1px 0 0;
  font-size: 14px;
  line-height: 14px;
  color: #333333;
  font-family: "SegoeUISemiBold";
}
.list-purchase .count_user a{
    font-size: 14px;
    color: #139fd4;
    font-weight: bold;
    text-decoration: none;
}
.list-purchase .sum-cell{
  width: 24% !important;
}
.list-purchase .result-cell {
    width: 110px !important;
}
.list-purchase .result-cell span{
  margin-top: 0;
}
.list-purchase .sum-cell a{
  font-size: 14px;
  line-height: 15px;
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}
.list-purchase .sum-cell a:hover{
  color: #13a1d5;
}
.list-purchase .portlet-label .cap{
  float: left;
  width: 100%;
  font-size: 12px;
  line-height: 11px;
  margin-bottom: 10px;
  color: #898fa4;
  padding: 0;
  border-radius: 0;
  text-align: center;
}
.list-purchase .result-cell .cap{
  margin-bottom: 6px;
}
.list-purchase .portlet-label a{
  font-size: 14px;
  color: #139fd4;
  font-weight: bold;
}
.list-purchase .portlet-label > span,
.list-purchase .portlet-label .sum_part{
  font-size: 14px;
  line-height: 14px;
  color: #00a7ed;
  font-family: "SegoeUIBold";
  text-align: center;
  display: block;
  padding-top: 8px;
  clear: both;
}
.list-purchase .portlet-label span span,
.list-purchase .portlet-label .sum_part span{
    font-family: "SegoeUIRegular";
    display: block;
    clear: both;
    font-size: 11px;
}
.wrapper-hiden-block{
  float: left;
  width: 100%;
  margin-top: 20px;
}
.wrapper-hiden-block .portlet-group{
  float: left;
  width: 100%;
  margin-bottom: -1px;
}
.wrapper-hiden-block .portlet-hiden{
  border-left: 0 none;
  border-right: 0 none;
  border-radius: 0;
  margin: 0;
  padding: 16px 0;
}
.wrapper-hiden-block .portlet-group:last-child .portlet{
  border-bottom: 0 none;
  box-shadow: none;
}
.wrapper-hiden-block .portlet-hiden .sum-cell,
.wrapper-hiden-block .portlet-hiden .result-cell{
  color: #5bb728;
  font-size: 16px;
  font-weight: bold;
}
.wrapper-hiden-block .portlet-hiden .edit-cell{
  padding: 0;
  float: left !important;
}
.wrapper-hiden-block .portlet-hiden .review{
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  color: #699eb2;
  text-decoration: none;
  margin: 20px 0 0 15px;
  float: left;
}
.wrapper-hiden-block .portlet-hiden .review:hover{
  color: #0099cc;
}
.list-purchase .hiden-block{
  margin-bottom: -1px;
  margin-top: 0;
  border: 0 none;
}
.list-purchase .portlet .result-cell span{
  float: left;
  padding: 6px 8px;
  background: #129fd3;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  margin-top: 4px;
  /* min-width: 70px; */
  position: relative;
}
.list-purchase .portlet .result-cell span:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: -9px;
    width: 0;
    height: 0;
    border-bottom: 14px solid #129fd3;
    border-right: 9px solid transparent;
}
.list-purchase .portlet .result-cell span:after {
    content: '';
    position: absolute;
    top: 0;
    right: -9px;
    width: 0;
    height: 0;
    border-top: 14px solid #129fd3;
    border-right: 9px solid transparent;
}
.wrap-departments .edit-cell {
    padding: 0 20px 0;
    margin-top: -13px;
}
.list-statistic .portlet .edit-cell {
    position: absolute;
    right: 6px;
    z-index: 10;
}
.wrap-departments .arrow-hidden:hover {
    color: #0099cc;
}
.wrap-departments .arrow-hidden {
    color: #cccccc;
    font-size: 16px;
    margin: 12px 0 0 2px;
    float: left;
}
.list-purchase .portlet .arrow-hidden {
    margin: 28px 0 0 2px;
}
.list-purchase .hiden-block .head-list > div,
.list-purchase .hiden-block .portlet > div{
  width: 10% !important;
}
.list-purchase .hiden-block .date-cell{
  padding-left: 30px !important;
}
.list-purchase .hiden-block .head-list .name-company-cell,
.list-purchase .hiden-block .portlet .name-company-cell{
  width: 20% !important;
}
.list-purchase .hiden-block .head-list .contract-cell,
.list-purchase .hiden-block .portlet .contract-cell{
  width: 16% !important;
}
.list-purchase .hiden-block .head-list .name-cell,
.list-purchase .hiden-block .portlet .name-cell{
  width: 13% !important;
}
.list-purchase .hiden-block .portlet > div{
  font-size: 12px;
  line-height: 14px;
  color: #333333;
}
.list-purchase .hiden-block .portlet .name-company-cell a{
  font-size: 13px;
  line-height: 14px;
  color: #333333;
  text-decoration: none;
  font-family: "SegoeUISemiBold";
}
.list-purchase .hiden-block .portlet .name-company-cell a:hover{
  color: #13a1d5;
}
.list-purchase .hiden-block .portlet .date-cell{
  font-size: 13px;
}
.list-purchase .hiden-block .list-calls-info{
  margin: 0;
}
.list-purchase .hiden-block .dell_top {
    float: right;
    text-align: right;
    padding: 0 10px 0 0;
}
.list-purchase .hiden-block .dell_top a{
    font-size: 18px;
    color: #a8adc2;
}
.list-purchase .hiden-block .dell_top a:hover{
    color: #0099cc;
}
.list-purchase .portlet-open{
  z-index: 99;
  position: relative;
}
.portlet-group-open .portlet-hiden,
.portlet-group-open .wrap-list-calls,
.portlet-group-open .wrap-list-calls .portlet{
  background: #ecf6fa;
}
.all-result-bottom {
  position: relative;
  right: -1px;
  top: -1px;
  background: #ecf6fa;
  border: 1px solid #c0c4d0;
  border-radius: 0;
  -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
  -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
  box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
  padding: 20px 40px;
  font-size: 13px;
  line-height: 14px;
  color: #333333;
  z-index: 999;
}
.all-result-bottom span{
  font-size: 14px;
  color: #129fd3;
  font-weight: bold;
}
.list-purchase .hiden-block .wrap-list-calls{
  border-radius: 0 ;
  overflow: hidden;
}
.list-purchase .portlet-open{
  border-radius: 8px;
  padding-bottom: 0;
  overflow: hidden;
}
.list-purchase .portlet-open .wrap-list-calls{
  /*border-radius: 0 0 0 12px;*/
}
/**list-statistic**/
.list-statistic .add-cell{
  width: 9% !important;
  margin-bottom: 3px;
}
.list-statistic .portlet-label .cap{
    margin-bottom: 4px;
    /*padding-right: 30px;*/
    height: 20px;
    color: #6d718a;
}
.wrap-departments .num-cell {
    font-size: 16px;
    width: 64px;
    font-weight: bold;
    padding-top: 8px;
    text-align: center;
}
.list-purchase  .num-cell {
    width: 50px !important;
}
.list-purchase .icon-departments {
    margin-right: 15px;
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 5px;
}
.list-purchase .icon-departments img{
    width: 100% !important;
    float: left;
}
.list-statistic .author-cell{
    width: 20% !important;
    padding-left: 20px;
}
.list-statistic .author-cell .name_company{
    float: left;
    padding: 14px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #02356e;
    width: 90%;
}
.list-purchase .name_company .name-departments{
    color: #fff;
    font-size: 12px;
	text-transform: uppercase;
	color: #fff;
}
.list-purchase .name_company .icon-departments{
    height: auto;
}
.list-statistic .sum-cell {
    width: 9% !important;
}
.list-statistic .portlet .all-sum-cell {
    width: 14% !important;
}
.list-statistic .all_params{
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 25px 0;
    border-top: 1px solid #c0c4d0;
}
.list-statistic .all_params > div {
    float: left;
    font-size: 10px;
    line-height: 10px;
    color: #888888;
    text-transform: uppercase;
    width: 11%;
    font-weight: normal;
    padding: 0;
}
.list-statistic .all_params > div:first-child{
    width: 23%;
}
.list-statistic .type_work {
    padding: 0 0;
    font-weight: normal;
    width: 100%;
    margin-bottom: -16px;
}
.list-statistic .portlet{
    overflow: hidden;
}
.list-statistic .type_work .portlet-hiden {
    border-left: 0 none;
    border-right: 0 none;
    border-radius: 0;
    margin: 0 0 -1px 0;
    padding: 12px 25px;
}
.list-statistic .type_work .portlet-hiden > div{
    width: 11%;
}
.list-statistic .type_work .portlet-hiden > div:first-child{
    width: 23%;
}
.list-statistic .type_work .name_type {
    float: left;
    width: 100%;
    margin-bottom: 0;
    color: #129fd3;
    font-weight: bold;
}
.list-statistic .type_work .count_summ{
    font-weight: bold;
    color: #333333;
}
.list-statistic .wrapper-hiden-block .head-list {
    padding: 5px 25px 0;
    margin-bottom: 5px;
}
.list-statistic .wrapper-hiden-block .head-list > div{
    width: 11%;
}
.list-statistic .wrapper-hiden-block .num-cell{
    margin-left: -25px;
}
.list-statistic .wrapper-hiden-block .author-cell{
    width: 21% !important;
}
.list-statistic .wrapper-hiden-block .sum-cell {
    width: 11% !important;
    
}
.list-statistic .wrapper-hiden-block .portlet-group .sum-cell{
    color: #5bb728;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}
.list-statistic .wrapper-hiden-block .num-cell{
    width: 46px !important;
}
.list-statistic .wrapper-hiden-block .portlet-group .portlet{
    padding: 16px 25px;
}
.list-statistic .wrapper-hiden-block .portlet-group .edit-cell{
        float: right !important;
}
.list-statistic .wrapper-hiden-block .portlet-group .edit-cell a{
    color: #129fd3;
    font-weight: bold;
}
/**list-database**/
.list-database .head-list {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.list-database .head-list div{
    float: left;
    font-size: 10px;
    line-height: 10px;
    color: #888888;
    text-transform: uppercase;
}
.list-database .portlet .manager_photo{
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 5px;
    margin: 0 15px 0 0;
}
.list-database .date-cell .status,
.status_contact{
    font-family: "SegoeUIItalic";
    color: #abaaaa;
}
.list-database .date-cell .status .color2,
.status_contact .color2{
    color: #abaaaa;
}
.list-database .date-cell .status .color3,
.status_contact .color3{
    color: #ab8445;
}
.list-database .date-cell .status .color4,
.status_contact .color4{
    color: #9a7da5;
}
.list-database .date-cell .status .color6,
.status_contact .color6{
    color: #459b48;
}
.list-database .date-cell .status .color7,
.status_contact .color7{
    color: #1a9dce;
}
.list-database .del-list {
    width: 19px;
    height: 19px;
    background: url(../images/close-modal.png) no-repeat center center;
    background-size: 9px;
    border: 1px solid #b7b7b7;
    border-radius: 50%;
    text-indent: -9999px;
    display: inline-block;
    opacity: 0.7;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
}
.list-database .del-list:hover {
    opacity: 1;
}
.list-database .portlet .pib-cell a{
    font-size: 14px;
    color: #333333 !important;
    font-family: "SegoeUISemiBold";
}
.list-database .portlet .pib-cell a:hover{
    color: #13a1d5 !important;
}
.list-database .portlet .talk-cell a{
    margin-top: 5px;
}
/**manager-filter"**/
.manager-filter .row{
  padding: 28px 345px 28px 365px;
  position: relative;
}
.manager-filter .author-cell{
  float: left;
  position: absolute;
  left: 40px;
    width: 260px;
}
.manager-filter .author-cell .manager_photo {
    position: relative;
    width: 50px;
    height: 50px;
    border: 0 none;
    left: 0;
    top: 0;
    z-index: 55;
    margin: 0 15px 0 0;
    float: left;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}
.manager-filter .author-cell .manager_name {
   font-weight: bold;
   font-size: 14px;
   line-height: 16px;
   color: #333333;
   padding-bottom: 5px;
}
.manager-filter .author-cell .manager_pos {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #999999;
    padding-bottom: 5px;
}
.manager-filter .author-cell .manager_pos {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #999999;
    padding-bottom: 5px;
}
.overall-result{
  float: left;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cfd0d2;
  font-size: 13px;
  line-height: 14px;
  color: #333333;
}
.overall-result span{
  color: #129fd3;
  font-weight: bold;
}
.list-purchase .portlet-manager{
    padding: 0 0 16px;
    margin-bottom: 80px;
    border: 0 none;
    background: none;
    box-shadow: none;
}
.list-purchase .portlet-manager .head-list{
  border: 0 none;
}
.list-purchase .portlet-manager .hiden-block{
  margin-top: 0;
  border: 0 none;
}
.list-purchase .portlet-manager .wrap-list-calls {
    border-radius: 0;
}
.list-purchase .portlet-manager .hiden-block .list-calls-info{
  border: 1px solid #c0c4d0;
  background: #fff;
  border-radius: 8px 8px 0 8px;
  overflow: hidden;
  -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
  -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
  box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
}
.list-purchase .portlet-manager .hiden-block .list-calls-info .portlet:last-child{
  border: 0 none;
  border-radius: 0 0 0 8px;
}
.list-purchase .portlet-manager .all-result-bottom{
  right: 0;
}
.list-purchase .portlet-manager .hiden-block{
  display: block !important;
}
.portlet-manager .all-result-bottom{
    background: #fff;
    border-radius: 0 0 8px 8px;
}
.wrapper-hiden-block{
    display: none;
}
/**all_ware_this_date_block**/
.all_ware_this_date_block{
    width: 100%;
    margin-top: 10px;
}
.all_ware_this_date_block .wrap-list-calls,
.div_dellivery .wrap-list-calls{
    display: none;
}
.all_ware_this_date_block .wrap-list-calls,
.div_dellivery .table-list-calls{
    display: table;
    width: 100%;
}
.all_ware_this_date_block .head-list,
.all_ware_this_date_block .portlet,
.div_dellivery .head-list,
.div_dellivery .portlet{
    display: table-row;
    float: none !important;
}
.all_ware_this_date_block .portlet,
.div_dellivery .portlet{
    border: 0 none;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
    padding: 0;
}
.all_ware_this_date_block .head-list > div,
.div_dellivery .head-list > div{
    display: table-cell;
    font-size: 10px;
    line-height: 10px;
    color: #888888;
    text-transform: uppercase;
    padding: 0;
    font-weight: normal;
    /*width: 14%;*/
    float: none !important;
    width: auto !important;
    padding: 8px 0;
    border-top: 1px solid #ccc !important;
}
.all_ware_this_date_block .portlet > div,
.div_dellivery .portlet > div{
     display: table-cell;
     float: none !important;
    width: auto !important;
    height: 48px;
    vertical-align: middle;
    border-top: 1px solid #ccc !important;
    font-size: 12px;
    color: #333333;
}
.all_ware_this_date_block .portlet .date-cell,
.all_ware_this_date_block .head-list .date-cell,
.div_dellivery .portlet .name-company-cell,
.div_dellivery .head-list .name-company-cell{
    padding-left: 24px;
}
.all_ware_this_date_block .portlet .date-cell,
.div_dellivery .portlet .date-cell{
    font-size: 12px;
    color: #333333;
    font-family: "SegoeUISemiBold";
        width: 12% !important;
}
.all_ware_this_date_block .portlet .name-company-cell,
.div_dellivery .portlet .name-company-cell{
    font-family: "SegoeUISemiBold";
    width: 22% !important;
}
.all_ware_this_date_block .portlet .name-cell,
.div_dellivery .portlet .name-cell{
    width: 20% !important;
}
.all_ware_this_date_block .portlet .amount-cell,
.div_dellivery .portlet .amount-cell{
    font-family: "SegoeUIBold";
}
.all_ware_this_date_block .table > tbody + tbody{
    border: 0 none;
}
.all_ware_this_date_block .table tr td:first-child,
.all_ware_this_date_block .table tr th:first-child{
    width: 50px;
    text-align: center;
}
.all_ware_this_date_block .name_client a{
    color: #129fd3;
}
.all_ware_this_date_block .number_plan{
    color: #333333;
}
.all_ware_this_date_block .client-del .fa {
    font-size: 18px;
    color: #adb3c8;
}
.all_ware_this_date_block .client-del .fa:hover{
    color: #0099cc;
}
/**div_dellivery**/
.div_dellivery .name a{
    font-size: 14px;
    color: #333333;
    font-family: "SegoeUISemiBold";
}
.div_dellivery .name a:hover{
    color: #13a1d5;
}
.div_dellivery .head_block div:nth-child(2),
.div_dellivery .block > div:nth-child(2),
.div_dellivery .head_block div:nth-child(3),
.div_dellivery .block > div:nth-child(3){
    width: 24%;
}

.div_dellivery .head_block div:nth-child(4),
.div_dellivery .block > div:nth-child(4) {
    width: 20% !important;
}
.div_dellivery .count_calls{
    color: #333333;
    font-family: "SegoeUIBold";
}
.div_dellivery .count_calls span{
    display: block;
    width: 50%;
    text-align: center;
}
.div_dellivery .block .edit-cell,
.div_future .block .edit-cell{
    width: 8%;
    text-align: center;
    float: right;
}
.div_future .block .edit-cell{
    width: 5%;
}
.div_dellivery .edit-cell a,
.div_future .edit-cell a{
    font-size: 18px;
    color: #a8adc2;
}
.div_dellivery .edit-cell a:hover,
.div_future .edit-cell a:hover{
    color: #0099cc;
}
/**div_future**/
.div_future .head_block div{
    width: 15%;
}
.div_future .head_block div:nth-child(3),
.div_future .block div:nth-child(3){
    width: 10%;
}
.div_future .head_block div:nth-child(4),
.div_future .block div:nth-child(4) {
    width: 22% !important;
}
.div_future .head_block div:nth-child(5),
.div_future .block div:nth-child(5) {
    width: 14% !important;
}
.div_future .head_block div:nth-child(6),
.div_future .block .result_rozmovu{
    width: 20%;
}
.div_future .block .name-company-cell{
    color: #333333;
    font-family: "SegoeUISemiBold";
    font-size: 12px;
}
.div_future .block .name a{
    color: #333333;
    font-family: "SegoeUISemiBold";
    font-size: 14px;
}
.div_future .block .name a:hover{
    color: #13a1d5;
}
.div_future .block .futured{
    color: #46a22e;
    font-family: "SegoeUISemiBold";
    font-size: 12px;
}
.div_future .block .futured .red_block{
    color: #f00;
}
.div_future .block .result_rozmovu .date_call{
    color: #333333;
    font-family: "SegoeUISemiBold";
    font-size: 12px;
}
.div_future .block .result_rozmovu .description_call{
    display: block;
    padding: 3px 0 0;
    font-size: 12px;
    line-height: 15px;
    color: #666666;
}
/**create-purchase**/
.create-purchase .col-lg-4 > div{
    position: relative;
}
.create-purchase .checkbox-block{
    /*position: absolute;
    left: 103%;
    top: 12px;*/
    float: left;
    white-space: nowrap;
    font-family: "SegoeUISemiBold";
    color: #333333;
    margin-right: 67px;
    margin-top: 15px;
}
.create-purchase .checkbox-block:last-child{
    margin-right: 0;
}
#max_discount{
    position: absolute;
    left: 103%;
    top: 8px;
    width: 129px;
    line-height: 14px;
    white-space: normal;
    margin: 0;
}
.create-purchase .error-bot{
    position: absolute;
    left: 0;
    bottom: -40%;
    font-size: 11px;
    color: #f00;
    padding: 0 0 0 17px;
}
.create-purchase .block_params{
    float: left;
    width: 100%;
    margin-top: 20px;
}
.create-purchase .block_params .form-control{
    width: 117px;
    float: left;
    margin-right: 11px;
}
.create-purchase .block_params .count_wares .form-control{
    width: 155px;
}
.create-purchase .block_params .type_count .form-control{
    width: 115px;
}
.create-purchase .block_params .simbol{
    float: left;
    margin: 20px 15px 0 4px;
    color: #333333;
    font-size: 24px;
    line-height: 38px;
}
.block_params p{
    margin: 0 0 2px;
}
.create-purchase .block_users,
.create-purchase .prod_service,
.block_params .block-price,
.block_params .count_wares{
    position: relative;
}
.block_params .block-price,
.block_params .count_wares,
.block_params .discount_block{
    float: left;
}
.block_params .block-price .error-bot,
.block_params .count_wares .error-bot{
    padding: 0;
    white-space: nowrap;
    bottom: 5px;
}
.create-purchase .add-contact{
    padding: 8px 5px;
    border: 1px solid #08adc5;
    background: rgba(53,209,240,1);
    background: -moz-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(53,209,240,1)), color-stop(100%, rgba(9,160,206,1)));
    background: -webkit-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: -o-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: -ms-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    background: linear-gradient(to bottom, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35d1f0', endColorstr='#09a0ce', GradientType=0 );
    width: 106px;
    float: left;
    margin: 6px 0 0 9px !important;
    text-transform: uppercase;
    font-size: 12px;
}
.create-purchase .add-contact:hover{
    background: none;
    color: #09a0ce !important;
}
@media (min-width: 1200px){
    .col-lg-5.right_block_param{
        width: 45%;
    }
}


.all_new_sales{
    display: block;
    margin: 0 -40px;
    clear: both;
}
.all_new_sales .head_newsales{
    float: left;
    width: 100%;
}
.all_new_sales .head_newsales > div{
    float: left;
    font-size: 9px;
    text-transform: uppercase;
    color: #888888;
    padding: 14px 10px 10px;
    width: 9%;
    border-top: 1px solid #cccccc;
}
.all_new_sales .body_new_sales,
.all_new_sales .resul_sale{
    float: left;
    width: 100%;
}
.all_new_sales .resul_sale{
    border-top: 1px solid #cccccc;
}
.all_new_sales .resul_sale > div{
    float: left;
    width: 9%;
    color: #333333;
     padding: 10px 10px;
}
.all_new_sales .user_new_sales{
    width: 17% !important;
}
.all_new_sales .opreration_new_sales{
    width: 5% !important;
}
.all_new_sales .score_new_sales,
.all_new_sales .name_new_sales{
     width: 12% !important;
}
.all_new_sales .body_new_sales .date_new_sales,
.all_new_sales .body_new_sales .user_new_sales{
    font-family: "SegoeUISemiBold";
}
.all_new_sales .body_new_sales .user_new_sales span{
    clear: both;
    font-family: "SegoeUIRegular";
    color: #999999;
    display: block;
    padding: 5px 0 0;
}
.table-condensed th,
.table-condensed td{
    text-align: center;
}
.table-condensed tbody td:hover{
    background: #0397db;
    color: #fff;
    cursor: pointer;
}
.table-condensed .old{
    color: #ccc;
}
/**CALENDAR**/
.calendar-block{
    width: 300px;
}
/***caldar res***/

.eventCalendar-wrap {
    /*box-shadow: 0 0 15px rgba(153, 153, 153, 0.4);*/
    /*margin-bottom: 20px;*/
    /*background-color: #fff;*/
    color: #807E7E;
}
	.eventCalendar-wrap .arrow,
    #calendar .controls .buttons div{
        position: absolute;
        text-decoration: none;
        color: #eaa30b;
        top: 7px;
        display: block;
        width: 26px;
        /*background: url("../images/sprite_arrow.png") no-repeat;*/
        height: 31px;
        border-radius: 0;
        margin: 0;
        padding: 0;
        opacity: 1;
        z-index: 99;
        /*text-indent: -9999px;*/
        cursor: pointer;
        text-align: center;
        line-height: 33px;
        font-size: 20px;
	}
		.eventCalendar-wrap .arrow.prev ,
        #calendar .controls .buttons .prevb{
            /*background-position: 0 0;*/
            left: 0;
		}
        .eventCalendar-wrap .arrow.next,
        #calendar .controls .buttons .nextb{
            /*background-position: -32px 0;*/
            right: 0;
        }
        .eventCalendar-wrap .arrow:hover,
        #calendar .controls .buttons .prevb:hover,
        #calendar .controls .buttons .nextb:hover{
            opacity: 0.7;
        }
		/*.eventCalendar-wrap .arrow:hover { opacity:0.7;}*/
		.eventCalendar-wrap .arrow span {
			height: 0;
			width: 0;
			font-size: 0;
			line-height: 0;
			/*border-top: 6px solid transparent;*/
			/*border-bottom: 6px solid transparent;*/
			/*border-left: 6px solid #fff;*/
			float:left;
			text-indent:-5000px;
		}
			.eventCalendar-wrap .arrow.prev span {
				border-left-width:0;
				border-right: 6px solid #fff;
			}
	.eventsCalendar-slider { height:auto !important;}

	.eventsCalendar-monthWrap {
		border-radius:5px;
		top:10px;
		left:0px;
	}
		.eventsCalendar-currentTitle {
			  /*margin-top: 10px;*/
		}
			.eventsCalendar-currentTitle .monthTitle {
                /*font-family: "PTSansBold";*/
				text-decoration:none;
                font-size: 22px;
                color: #717171;
                line-height: 45px;
			}

		.eventsCalendar-daysList {
			zoom: 1;
			padding:0;
			width:100%;

		}
			.eventsCalendar-daysList.showAsWeek {
                margin: 5px 5px 10px;
                width: auto;
                border-bottom-width: 0;
				/*margin:10px 5px;*/
				/*width:auto;*/

								/*border:solid 1px #e6e4e5;*/
				/*border-bottom-width:0;*/
				/*border-radius:0;*/
				/*background-color:#CCCCCC;*/
				/*background-image: linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);*/
				/*background-image: -o-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);*/
				/*background-image: -moz-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);*/
				/*background-image: -webkit-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);*/
				/*background-image: -ms-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%);*/

				/*background-image: -webkit-gradient(*/
					/*linear,*/
					/*left top,*/
					/*left bottom,*/
					/*color-stop(0.42, #EEEEEE),*/
					/*color-stop(0.71, #CCCCCC)*/
				);

			}
			.eventsCalendar-daysList.showDayNames.showAsWeek {

				border-radius:5px 5px 0 0;
			}
			.eventsCalendar-daysList:before, .eventsCalendar-daysList:after { content:""; display:table; }
			.eventsCalendar-daysList:after { clear: both; }
			.eventsCalendar-day-header {
                /*font-family: "PTSansBold";*/
				text-transform:lowercase;
				text-align:center;
				font-size:16px;
				padding: 4px !important;
                color: #282828;
			}
			.eventsCalendar-daysList.showAsWeek li {
				height:auto; margin:0;
			}
				.eventsCalendar-daysList.showAsWeek li.empty {
					/*background-color: #ccc;*/
					min-height:28px;
				}
			.eventsCalendar-day a {
				text-decoration:none;
				font-size:10px;
				color:#424242;
			}
			.eventsCalendar-day {
				border-left:solid 1px #e6e4e5;
			}
			.eventsCalendar-day a  {
				border:solid 1px #e6e4e5;
				border-width:0 1px 1px 0;
			}
			.showAsWeek .eventsCalendar-day {
                border-left-width:0;
                height: 120px !important;
            }
			.showAsWeek .eventsCalendar-day a  {
				border: solid 1px #d7d7d7;
                line-height: 29px;
                font-size: 15px;
                border-radius: 0;
                /* font-family: "PTSansBold"; */
                color: #929394;
                position: relative;
                content: '';
                height: 100%;
                background: rgba(255, 255, 255, 0.77);
                text-align: left;
                padding: 0 0 0 6px;
			}
            .showAsWeek .eventsCalendar-day .navchnya{
               background: #2980B9;
               color: #fff;
               border-color: #2980B9;
            }
            .showAsWeek .eventsCalendar-day .vistavki{
                background: #e74c3c;
                color: #fff;
                border-color: #e74c3c;
            }
            .showAsWeek .eventsCalendar-day .podii{
                background: #1abc9c;
                color: #fff;
                border-color: #1abc9c;
            }
            .showAsWeek .eventsCalendar-day .navchnya.vistavki {
                background: rgba(41,128,185,1);
                background: -moz-linear-gradient(left, rgba(41,128,185,1) 0%, rgba(41,128,185,1) 50%, rgba(231,77,60,1) 50%, rgba(231,77,60,1) 100%);
                background: -webkit-gradient(left top, right top, color-stop(0%, rgba(41,128,185,1)), color-stop(50%, rgba(41,128,185,1)), color-stop(50%, rgba(231,77,60,1)), color-stop(100%, rgba(231,77,60,1)));
                background: -webkit-linear-gradient(left, rgba(41,128,185,1) 0%, rgba(41,128,185,1) 50%, rgba(231,77,60,1) 50%, rgba(231,77,60,1) 100%);
                background: -o-linear-gradient(left, rgba(41,128,185,1) 0%, rgba(41,128,185,1) 50%, rgba(231,77,60,1) 50%, rgba(231,77,60,1) 100%);
                background: -ms-linear-gradient(left, rgba(41,128,185,1) 0%, rgba(41,128,185,1) 50%, rgba(231,77,60,1) 50%, rgba(231,77,60,1) 100%);
                background: linear-gradient(to right, rgba(41,128,185,1) 0%, rgba(41,128,185,1) 50%, rgba(231,77,60,1) 50%, rgba(231,77,60,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2980b9', endColorstr='#e74d3c', GradientType=1 );
            }
            .showAsWeek .eventsCalendar-day .navchnya.podii{
                background: rgba(41,128,185,1);
                background: -moz-linear-gradient(left, rgba(41,128,185,1) 0%, rgba(41,128,185,1) 50%, rgba(26,188,156,1) 50%, rgba(26,188,156,1) 100%);
                background: -webkit-gradient(left top, right top, color-stop(0%, rgba(41,128,185,1)), color-stop(50%, rgba(41,128,185,1)), color-stop(50%, rgba(26,188,156,1)), color-stop(100%, rgba(26,188,156,1)));
                background: -webkit-linear-gradient(left, rgba(41,128,185,1) 0%, rgba(41,128,185,1) 50%, rgba(26,188,156,1) 50%, rgba(26,188,156,1) 100%);
                background: -o-linear-gradient(left, rgba(41,128,185,1) 0%, rgba(41,128,185,1) 50%, rgba(26,188,156,1) 50%, rgba(26,188,156,1) 100%);
                background: -ms-linear-gradient(left, rgba(41,128,185,1) 0%, rgba(41,128,185,1) 50%, rgba(26,188,156,1) 50%, rgba(26,188,156,1) 100%);
                background: linear-gradient(to right, rgba(41,128,185,1) 0%, rgba(41,128,185,1) 50%, rgba(26,188,156,1) 50%, rgba(26,188,156,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2980b9', endColorstr='#1abc9c', GradientType=1 );
            }
            .showAsWeek .eventsCalendar-day .vistavki.podii{
                background: rgba(231,77,60,1);
                background: -moz-linear-gradient(left, rgba(231,77,60,1) 0%, rgba(231,77,60,1) 50%, rgba(26,188,156,1) 50%, rgba(26,188,156,1) 100%);
                background: -webkit-gradient(left top, right top, color-stop(0%, rgba(231,77,60,1)), color-stop(50%, rgba(231,77,60,1)), color-stop(50%, rgba(26,188,156,1)), color-stop(100%, rgba(26,188,156,1)));
                background: -webkit-linear-gradient(left, rgba(231,77,60,1) 0%, rgba(231,77,60,1) 50%, rgba(26,188,156,1) 50%, rgba(26,188,156,1) 100%);
                background: -o-linear-gradient(left, rgba(231,77,60,1) 0%, rgba(231,77,60,1) 50%, rgba(26,188,156,1) 50%, rgba(26,188,156,1) 100%);
                background: -ms-linear-gradient(left, rgba(231,77,60,1) 0%, rgba(231,77,60,1) 50%, rgba(26,188,156,1) 50%, rgba(26,188,156,1) 100%);
                background: linear-gradient(to right, rgba(231,77,60,1) 0%, rgba(231,77,60,1) 50%, rgba(26,188,156,1) 50%, rgba(26,188,156,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74d3c', endColorstr='#1abc9c', GradientType=1 );
            }
            .showAsWeek .eventsCalendar-day .navchnya.vistavki.podii{
                background: rgba(41,128,185,1);
                background: -moz-linear-gradient(left, rgba(41,128,185,1) 0%, rgba(41,128,185,1) 33%, rgba(231,77,60,1) 33%, rgba(231,77,60,1) 66%, rgba(26,188,156,1) 66%, rgba(26,188,156,1) 100%);
                background: -webkit-gradient(left top, right top, color-stop(0%, rgba(41,128,185,1)), color-stop(33%, rgba(41,128,185,1)), color-stop(33%, rgba(231,77,60,1)), color-stop(66%, rgba(231,77,60,1)), color-stop(66%, rgba(26,188,156,1)), color-stop(100%, rgba(26,188,156,1)));
                background: -webkit-linear-gradient(left, rgba(41,128,185,1) 0%, rgba(41,128,185,1) 33%, rgba(231,77,60,1) 33%, rgba(231,77,60,1) 66%, rgba(26,188,156,1) 66%, rgba(26,188,156,1) 100%);
                background: -o-linear-gradient(left, rgba(41,128,185,1) 0%, rgba(41,128,185,1) 33%, rgba(231,77,60,1) 33%, rgba(231,77,60,1) 66%, rgba(26,188,156,1) 66%, rgba(26,188,156,1) 100%);
                background: -ms-linear-gradient(left, rgba(41,128,185,1) 0%, rgba(41,128,185,1) 33%, rgba(231,77,60,1) 33%, rgba(231,77,60,1) 66%, rgba(26,188,156,1) 66%, rgba(26,188,156,1) 100%);
                background: linear-gradient(to right, rgba(41,128,185,1) 0%, rgba(41,128,185,1) 33%, rgba(231,77,60,1) 33%, rgba(231,77,60,1) 66%, rgba(26,188,156,1) 66%, rgba(26,188,156,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2980b9', endColorstr='#1abc9c', GradientType=1 );
            }
            .showAsWeek .eventsCalendar-day .navchnya.vistavki.podii:before{
                content: '';
                position: absolute;
                top: 0;
                left: 33%;
                width: 1px;
                height: 100%;
                background: #fff;
            }
            .showAsWeek .eventsCalendar-day .navchnya.vistavki.podii:after{
                content: '';
                position: absolute;
                top: 0;
                left: 66%;
                width: 1px;
                height: 100%;
                background: #fff;
            }
            .showAsWeek .eventsCalendar-day .navchnya.vistavki:before,
            .showAsWeek .eventsCalendar-day .navchnya.podii:before,
            .showAsWeek .eventsCalendar-day .vistavki.podii:before            {
                content: '';
                position: absolute;
                top: 0;
                left: 50%;
                width: 1px;
                height: 100%;
                background: #fff;
            }
				.eventsCalendar-day a:hover {
					background-color: #03a17a;
                    color: #fff !important;
                    border-color: #03a17a;
				/*	box-shadow:inset 5px 5px 10px #C1C1C1;
					text-shadow: 2px 2px 2px #C1C1C1;*/
				}
			.eventsCalendar-daysList li.today a {
				color: #ff0e00!important;
				/*background:#cdcdcd;*/
			/*	box-shadow:inset 5px 5px 10px #777;
				text-shadow: 2px 2px 2px #777;*/
			}
				li.eventsCalendar-day.today a:hover {
					background-color:#ccc;
					/*box-shadow:inset 5px 5px 10px #999;*/
				}

			.eventsCalendar-daysList li.dayWithEvents a {
				background:#89B814;
				/*box-shadow:inset 5px 5px 10px #698B10;
				text-shadow: 2px 2px 2px #698B10;*/
				color:#fff;
			}
				li.eventsCalendar-day.dayWithEvents a:hover {
					background-color:#C2D374;
					/*box-shadow:inset 5px 5px 10px #89B814;
					text-shadow: 2px 2px 2px #89B814;*/
				}


			.eventsCalendar-daysList li.current a {
                color: #333;
                background: #76bce4;
				/*box-shadow:inset 5px 5px 10px #216B7A;*/
				/*text-shadow: 2px 2px 2px #216B7A;*/
			}
				li.eventsCalendar-day.current a:hover {
					background-color:#79BDCC;
					box-shadow:inset 5px 5px 10px #449FB2;
					text-shadow: 2px 2px 2px #449FB2;
				}
		.eventsCalendar-loading {
			border-radius:4px;
			margin:5px auto;
			padding:0 10px;
			background-color:#ccc;
			color:#fff;
			text-align:center;
			font-weight:bold;
			box-shadow:0 0 10px #ccc;
			text-shadow:0 0 3px #aaa;
			position:absolute;
			z-index:4;
			top:25px;
			left:5px;
		}
			.eventsCalendar-loading.error {
				background-color:red;
			}

.eventsCalendar-subtitle { padding-top:10px;}
.eventsCalendar-list-wrap {
	min-height:100px;
	position:relative;
}
	.eventsCalendar-list-content.scrollable {

		height:100px;
		overflow-y:auto;
		margin:0 5px 5px 0;
	}
	.eventsCalendar-list {
		margin:0; padding:0; list-style-type:none;
	}
	.eventsCalendar-list li {
		padding:0 5px 5px;
		margin:0;
		clear:both;
	}
		.eventsCalendar-list li time {
			font-size:10px;
			line-height:13px;
		}
		.eventsCalendar-list li time em {
			float:left;
			font-style:normal;
		}
		.eventsCalendar-list li time small {
			font-size:10px;
			float:left;
			background-color:#807E7E;
			color:#fff;
			padding:0 5px 0 4px;
			margin:0 0 0 3px;
		}
		.eventsCalendar-list li .eventTitle {
			display:block;
			clear:both;

			font-weight:bold;
			text-decoration:none;
		}
			.eventsCalendar-list li a.eventTitle {
				color:#0E8EAB;
			}
			.eventsCalendar-list li a.eventTitle:hover { text-decoration:underline;}
		.eventsCalendar-list li .eventDesc {
			clear: both;
			margin:0 0 5px 0;
			font-size:80%;
			line-height:1.2em;

		}
		.eventsCalendar-list .eventsCalendar-noEvents {
			font-size:120%;
			border-radius:4px;
			margin:5px;
			padding:5px;

			background-color:#ccc;
			color:#fff;
			text-align:center;
			font-weight:bold;
			box-shadow:0 0 10px #ccc;
			text-shadow:0 0 3px #aaa;
		}

.bt {
	font-size:12px;
	display:block;
	clear:both;
	text-align: center;
	margin-top:10px;
	padding: 9px 34px 11px;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;

	color: #ffffff;
	background-color: #698B10;
	background-repeat: repeat-x;

	background-image: -khtml-gradient(linear, left top, left bottom, from(#89B814), to(#698B10));
	background-image: -moz-linear-gradient(top, #89B814, #698B10);
	background-image: -ms-linear-gradient(top, #89B814, #698B10);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89B814), color-stop(100%, #698B10));
	background-image: -webkit-linear-gradient(top, #89B814, #698B10);
	background-image: -o-linear-gradient(top, #89B814, #698B10);
	background-image: linear-gradient(top, #89B814, #698B10);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89B814', endColorstr='#698B10', GradientType=0);

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	border: 1px solid #698B10;
	border-color: #698B10 #698B10 #465F05;

	border-radius: 4px;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
}
.bt:hover {
	  background-position: 0 -15px;
	  text-decoration: none;
	}
.show_all_events{
    position: absolute;
    width: 320px;
    height: 128px;
    background: #fff;
    border: 2px solid #213381;
    z-index: 999;
    padding: 8px;
    -webkit-box-shadow: 0 4px 10px 0 rgba(33, 51, 129, 0.54);
    -moz-box-shadow: 0 4px 10px 0 rgba(33, 51, 129, 0.54);
    box-shadow: 0 4px 10px 0 rgba(33, 51, 129, 0.54);
    color: #213381;
    font-size: 14px;
    border-radius: 10px;
    display: none;
}
.show_all_events .map-title a{
    font-size: 13px;
    line-height: 16px;
    display: block;
}
.show_all_events .map-wrap {
    padding-top: 7px;
}
.show_all_events .map-wrap p{
    font-size: 12px;
    color: #213381;
    line-height: 14px;
    margin: 0;
}
/* end of theme css */

/* end of demo page */

.eventsCalendar-daysList li.dayWithEvents_other a {
	background:#d0dfb4;
	color:#fff;
}
.eventsCalendar-daysList li.dayWithEvents_inner_exposition a {
	background:#76bce4;
	color:#fff;
}
.eventsCalendar-daysList li.dayWithEvents_study a {
	background:#cdcdcd;
	color:#fff;
}
/***calendar defoult***/
.hidden {
    display: none;
}
.eventCalendar-wrap {
    /*overflow: hidden;*/
    position: relative;
    clear: both;
}
.eventCalendar-wrap .arrow {
    cursor: pointer;
    position: absolute;
    text-indent: -9999px;
    top: 3px;
    z-index: 5;
}
.eventCalendar-wrap .prev {
    left: 3px;
}
.eventCalendar-wrap .next {
    right: 3px;
}
.eventsCalendar-currentTitle .monthTitle {
    display: block;
    text-align: center;
}
.eventsCalendar-monthWrap {
    left: 0;
    position: relative;
    top: 0;
    z-index: 2;
}
.eventsCalendar-monthWrap.currentMonth {
    width: 100% !important;
    z-index: 1;
}
.eventsCalendar-daysList {
    display: table;
    width: 100%;
}
.eventsCalendar-daysList.showAsWeek {
    display: block;
}
.eventsCalendar-daysList li {
    display: table-cell;
}
.eventsCalendar-daysList li.dayWithEvents {
    background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
}
.eventsCalendar-daysList li.current {
    background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
}
.eventsCalendar-daysList.showAsWeek li {
    display: block;
    float: left;
    height: auto;
    width: 14.28%;
    padding: 2px;
    margin: 0;
}

.eventsCalendar-daysList li a {
    display: block;
    font-size: 8px;
    min-width: 7px;
    padding: 0;
    text-align: center;
}
.eventsCalendar-loading {
    display: block;
    height: 40px;
    line-height: 40px;
    min-width: 100px;
}
.eventsCalendar-list {
    position: relative;
    z-index: 1;
}
.eventsCalendar-list.oldEventList {
    z-index: 2;
}
.eventsCalendar-subtitle {
    font-size: 120%;
    font-weight: bold;
    padding-left: 5px;
}
/***Calendar modifical***/
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix::after {
    clear: both;
}
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
    line-height: 0;
}
.calendar .main-title{
    overflow: hidden;
    margin: 0;
}
.calendar .g4{
    clear: both;
    width: 100%;
    float: left;
    margin-top: 5px;
    padding: 0 8px;
}
.cl-opis {
    width: 100%;
}
.cl-opis td {
    padding: 0 1px 0 8px;
    vertical-align: middle;
}
.cl-opis span {
    color: #282828;
    font-size: 14px;
}
.cl-opis .clearfix .pull-left:last-child{
    /*float: none !important;*/
    /*display: inline-block;*/
    margin: 3px 0 0 4px;
}
.col-pn {
    background: #2980b9;
}
.col-bl {
    background: #e74c3c;
}
.col-gr {
    background: #1abc9c;
}
.sp-col {
    display: block;
    height: 25px;
    /*margin-right: 5px;*/
    /*margin-top: 3px;*/
    width: 25px;
    border-radius: 0;
}
/**END CALENDAR**/
/**loadfile**/
.allclients .block_eform textarea{
    background: #fff;
    border: 1px solid #d7e3e0;
    border-radius: 0;
    padding: 10px 14px;
    height: 115px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(127,151,149,0.28);
    -moz-box-shadow: 0px 1px 3px 0px rgba(127,151,149,0.28);
    box-shadow: 0px 1px 3px 0px rgba(127,151,149,0.28);
    margin-bottom: 0;
}
.panel .all_upload .table-base th{
    border-top: 0 none;
}
.panel .all_upload .table-base tbody tr:last-child td{
    border: 0 none !important;
}
.all_upload .download{
    font-size: 11px;
    text-transform: uppercase;
    color: #1d1a1f;
    padding: 53px 0 0;
    display: inline-block;
    font-weight: bold;
}
.all_upload .download:hover{
    opacity: 0.8;
}
.all_upload .type-zip{
    background: url(../images/icon-zip.png) no-repeat top center;
}
.all_upload .cell-file{
    padding: 16px 5px !important;
    width: 50px;
}
.all_upload .cell-file-name{
    font-size: 14px;
    color: #333333;
    vertical-align: top !important;
}
.all_upload .cell-file-description{
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    vertical-align: top !important;
}
.all_upload .cell-file-date{
    font-size: 14px;
    line-height: 18px;
    color: #999999;
    vertical-align: top !important;
    text-align: center;
}
.all_upload .cell-file-date b{
    font-weight: bold;
    color: #333333;
}
.all_upload .cell-user{
    vertical-align: top !important;
}
.all_upload .cell-user .wrap-photo{
    float: left;
    margin: 0 12px 0 0;
}
.all_upload .cell-user .wrap{
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}
.all_upload .delete{
    vertical-align: top !important;
    width: 50px !important;
}
/**ENDloadfile**/
/**all_ware_table**/
.edit-form-sales .col-md-4{
    width: 30%;
}
.wrap_all_ware_table{
    float: left;
    width: 100%;
    /*height: 196px;*/
    overflow: auto;
}
.all_ware{
    float: left;
    width: 100%;
    margin: 15px 0 0;
}

.all_ware_table{
    width: 100%;
        border-collapse: separate;
}
.all_ware_table th{
    font-size: 10px;
    text-transform: uppercase;
    color: #999999;
    padding: 5px 5px !important;
    font-weight: normal;
    border-top: 1px solid #d6d6d6 !important;
    border-bottom: 0 !important;
}
.all_ware_table td{
    border-top: 1px solid #d6d6d6 !important;
    padding: 20px 5px !important;
    font-size: 14px;
    color: #333333;
}
.all_ware_table .delete_ware{
    cursor: pointer;
}
/*.all_ware_table .resilt,*/
.result_to_by .text_to_by{
    font-size: 13px;
    color: #333333;
}
/*.all_ware_table .summa_ware,*/
.result_to_by .all_hrn{
    font-size: 13px;
    color: #009de5;
    /*padding: 0 0 0 10px;*/
}
.all_ware_table .currency{
    font-size: 18px;
    color: #00af87;
}
.block_bottom_save{
    float: left;
    width: 100%;
}
.block_delivery{
    float: left;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    margin: 20px 0 0;
    padding: 15px 0 0;
}
.number_deliver{
    float: left;
    font-size: 13px;
    color: #999999;
}
.number_deliver span{
    float: left;
    font-size: 13px;
    line-height: 30px;
    color: #999999;
    padding: 0 5px 0 0;
}
.number_deliver .number_rahunok{
    font-size: 24px;
    line-height: 24px;
    color: #333333;
    margin: 0 4px 0 0;
}
.number_deliver .text_from_act,
.number_deliver .from_date,
.date_delivery .date_delivery_d,
.place_delivery .town_name{
    color: #333333;
}
.date_delivery, .place_delivery{
    float: right;
    font-size: 13px;
    line-height: 30px;
    color: #999999;
    margin: 0 0 0 20px;
}
.editpartner-sales .nav-tabs{
    margin-bottom: -6px;
    float: left;
    width: 100%;
    margin-top: 15px;
}
.editpartner-sales .nav-tabs li a{
        padding: 15px 36px;
    cursor: pointer;
    margin: 0;
    font-size: 16px;
    border: 1px solid #f3f3f3;
    border-bottom: 0 none;
    color: #85849e;
    position: relative;
    z-index: 999;
}
.editpartner-sales .nav-tabs li a label{
    cursor: pointer;
}
.editpartner-sales .nav-tabs .active a,
.editpartner-sales .nav-tabs .active a:hover,
.editpartner-sales .nav-tabs .active a:focus,
.editpartner-sales .nav-tabs .active a:active{
    color: #59568b;
    background: #fff;
    border-radius: 8px 8px 0 0;
    border: 1px solid #c0c4d0;
    border-bottom: 0 none;
}
.editpartner-sales .nav-tabs li a:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: -2px;
    width: 2px;
    height: 6px;
    background: #fff;
    /*display: none;*/
}
.editpartner-sales .nav-tabs li:first-child a:after{
    display: none;
}
.editpartner-sales .nav-tabs li a:before{
    content: '';
    position: absolute;
    bottom: 0;
    right: -2px;
    width: 2px;
    height: 6px;
    background: #fff;
    /*display: none;*/
}
.editpartner-sales .nav-tabs li:first-child a:after{
    left: 0;
}
.editpartner-sales .nav-tabs li a:hover,
.editpartner-sales .nav-tabs li a:focus,
.editpartner-sales .nav-tabs li a:active{
    background: none;
     border-bottom: 0 none;
     color: #59568b;
}
.editpartner-sales .tab-content{
    margin-bottom: 50px;
    float: left;
    width: 100%;
}
.editpartner-sales .edit-form{
    padding: 26px 130px;
}
.editpartner-sales .edit-form-pad{
    padding: 26px 22%;
}
.panel .table_dellivery tr td:first-child{
    width: 70px;
}
.panel .table_dellivery .all_ware_table tr th:first-child{
    padding: 20px 0;
}
.panel .table_dellivery .all_ware_table tr td:first-child{
    /*width: 40px;*/
}
.panel .table_dellivery .all_ware_table tr td{
    padding: 16px 8px;
}
.panel .table_dellivery tr td{
    vertical-align: middle !important;
}
.panel .table_dellivery .wrap-user-info{
    float: left;
}
.panel .table_dellivery .manager_photo{
    float: left;
    border-radius: 5px;
    height: 60px;
    width: 60px;
    overflow: hidden;
    margin: 0 10px 0 0;
}
.panel .table_dellivery .manager_name{
    font-size: 16px;
    line-height: 20px;
    color: #17a4d9;
    position: relative;
    margin-top: 18px;
    display: inline-block;
}
.panel .table_dellivery .contract-number{
    /*float: right;*/
    /*margin: 18px 5% 0 0;*/
    position: relative;
    cursor: pointer;
}
.table_dellivery .contract-number .all_ware_this_date .wrap_all_ware_table td:last-child,
/*.result_all .contract-number .all_result_ware .all_ware_this_date .all_ware_table td:last-child*/{
    width: auto;
    text-align: center;
}
.panel .table_dellivery .contract-number .client-del .fa{
    font-size: 18px;
    color: #adb3c8;
}
.top_block .export_to_exel{
    margin-top: 2px;
}
.export_to_exel{
    float: left;
}
.export_to_exel a{
    float: left;
    width: 49px;
    height: 44px;
    background: url(../images/icon-excel.png) no-repeat center;
    text-indent: -9999px;
}
.export_to_exel a:hover{
    opacity: 0.8;
}
.result_to_by{
    float: right;
    width: 100%;
    padding: 0 0 20px;
    font-size: 13px;
    color: #333333;
    text-align: center;
    /*line-height: 30px;*/
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
}
.result_to_by span{
    /*float: left;*/
}
.result_to_by .all_hrn{
    margin: 0 0 0 8px;
    font-family: "SegoeUIBold";
    padding: 5px 0 2px 28px;
    background: url(../images/icon-bills.png) no-repeat left center;
}
.result_to_by .val{
    padding-top: 4px;
    font-family: "SegoeUIBold";
    font-size: 13px;
    color: #009de5;
}
.result_to_by .all_val{
    margin: 0 0 0 10px;
    font-family: "SegoeUIBold";
    padding: 5px 0 2px 28px;
    color: #01346e;
    background: url(../images/icon-boxs.png) no-repeat left center;
}
.result_to_by .prapor{
    float: right;
    padding: 6px 8px;
    background: #cc0000;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    width: 57px;
    margin: 0 10px 0 0;
}
/*.editpartner-sales .tab-content .edit-form .btn-primary{
    margin: 0 0 0 30px !important;
}*/
.editpartner-sales .row{
    padding: 0;
}
/**result_all**/
.result_all{
    float: left;
    width: 100%;
}
.result_all .all_ware_table th,
.result_all .all_ware_table td{
    border: 0 none !important;
}
.result_all .all_ware_table .second_line td {
    padding: 11px 0 !important;
    background: none;
    border: 0 none;
    height: auto;
}
.result_all .all_ware_table .first,
.result_all .all_ware_table .second_line{
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.result_all .all_ware_table .num {
    text-align: center;
    font-size: 18px;
    color: #666666;
    padding: 16px 26px;
    width: 40px;
    border-right: 1px solid #c0c4d0 !important;
}
.result_all .all_ware_table tr {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(71,84,112,0.2);
    -moz-box-shadow: 0px 0px 0px 1px rgba(71,84,112,0.2);
    box-shadow: 0px 0px 0px 1px rgba(71,84,112,0.2);
    border: 1px solid #c0c4d0;
    border-radius: 8px;
}
.result_all .all_ware_table td:first-child {
    border-radius: 8px 0 0 8px;
}
.result_all .all_ware_table td:last-child {
    border-radius: 0 8px 8px 0;
}
.result_all .all_ware_table td{
    background: #fff;
    height: 100px;
    font-size: 16px;
}
.result_all .all_ware_table td:nth-child(2),
.result_all .all_ware_table th:nth-child(2){
     padding-left: 50px !important;
}
.result_all .head_block{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
}
.result_all .head_block > div{
    float: left;
    font-size: 10px;
    color: #888888;
    width: 17%;
    text-transform: uppercase;
}
.result_all .head_block div:first-child,
.result_all .block > div:first-child{
    width: 6%;
    text-align: center;
    /*margin: 0 25px 0 0;*/
}
.result_all .block > div:first-child{
    font-size: 12px;
    line-height: 12px;
    color: #333333;
    padding-top: 26px;
}
/*.result_all .block > div:first-child:before{
    content: "";
    height: 100%;
    width: 1px;
    background: #c0c4d0;
    position: absolute;
    top: 0;
    left: 7%;
}*/
/*.result_all .block > div:first-child:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: #e3e3e3;
}*/
.result_all .head_block div:nth-child(2),
.result_all .block > div:nth-child(2){
    width: 25%;
}
/*.result_all .head_block div:nth-child(4){
    width: 23%;
}*/
/*.result_all .head_block div:nth-child(5){
    width: 15%;
}*/
.result_all .block{
    float: left;
    width: 100%;
    margin-bottom: 16px;
    background: #fff;
    padding: 0 0;
    border: 1px solid #c0c4d0;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.result_all .div_dellivery .block:last-child .all_result_ware .all_ware_this_date{
    top: auto;
    bottom: 35px;
}
.result_all .div_dellivery .block:last-child .all_result_ware .all_ware_this_date:before{
    background: url(../images/info-client-arrow-bt.png) no-repeat;
    top: auto;
    bottom: -14px;
}
.result_all .block > div{
    float: left;
    width: 17%;
    padding: 20px 0;
}
.result_all .block .manager_photo{
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 10px 0 0;
}
.result_all .block .manager_photo img{
    width: 100% !important;
}
.result_all .block .manager_name{
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    display: block;
    font-family: "SegoeUISemiBold";
    /*padding-top: 8px;*/
}
.result_all .block .manager_pos{
    font-size: 12px;
    line-height: 16px;
    color: #999999;
    display: block;
}
.result_all .block .count_delivery,
.result_all .block .summ_delivery{
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    padding-top: 40px;
}
.result_all .block .summ_delivery{
    /*width: 23%;*/
    font-family: "SegoeUISemiBold";
    color: #14a0d5;
}
.result_all .block .procent_summ,
.result_all .block .procen_count{
    font-size: 15px;
    color: #333333;
    padding-top: 40px;
}
.result_all .block .procent_summ span,
.result_all .block .procen_count span{
    width: 42%;
    float: left;
    text-align: center;
}
.result_all .block .prapor{
    padding-top: 28px;
    width: 15%;
}
.result_all .block .prapor span{
    float: left;
    padding: 6px 8px;
    background: #03356f;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    margin-top: 4px;
    /*min-width: 70px;*/
    position: relative;
}
.result_all .block .prapor span:after{
    content: '';
    position: absolute;
    top: 0;
    right: -9px;
    width: 0;
    height: 0;
    border-top: 14px solid #03356f;
    border-right: 9px solid transparent;	
}
.result_all .block .prapor span:before{
    content: '';
    position: absolute;
    bottom: 0;
    right: -9px;
    width: 0;
    height: 0;
    border-bottom: 14px solid #03356f; 
	border-right: 9px solid transparent;	
}
.result_all .block .kut_tydu_sydu{
    width: 18px;
    height: 20px;
    background: url(../images/exercises-arrow-group.png) no-repeat;
    /* background-size: 24px auto; */
    position: absolute;
    right: 3%;
    top: 38px;
    margin: 0 0;
    padding: 0;
    cursor: pointer;
    text-indent: -99999px;
}
.result_all .block .kvadro{
    transform: rotate(-180deg) ;
    -webkit-transform: rotate(-180deg) ;
    -moz-transform: rotate(-180deg) ;
    -o-transform: rotate(-180deg) ;
    -ms-transform: rotate(-180deg) ;
}
.panel .table_dellivery th:last-child {
    text-align: left;
}
.table_dellivery td{
    color: #333333;
}
.table_dellivery .all_result_ware{
    position: relative;
    cursor: pointer;
}
.table_dellivery .contract-number{
    /*font-weight: bold;*/
    text-decoration: underline;
}
.table_dellivery .contract-number:hover{
    text-decoration: none;
}
.result_all .block .all_ware_this_date_block{
    float: left;
    width: 100%;
    padding: 0 0;
    background: #fff;
    position: relative;
    border-radius: 0 0 8px 8px;
}
.result_all .block .all_ware_this_date_block .portlet .number-cell{
    width: auto !important;
}
.result_all .block .all_ware_this_date_block table{
    margin: 0;
}
.result_all .block .all_ware_this_date_block th{
    text-align: left;
    padding: 10px 15px;
    font-size: 10px;
    text-transform: none;
    color: #888888;
    font-weight: normal;
    text-transform: uppercase;
    vertical-align: middle;
}
.result_all .block .all_ware_this_date_block .table > tbody + tbody{
    border: 0 none;
}
.result_all .block .all_ware_this_date_block th:first-child{
    padding: 10px 0 10px 30px;
    width: 100px;
}
.result_all .block .all_ware_this_date_block td{
    color: #333333;
    font-size: 14px;
    padding: 14px 15px;
}
.result_all .block .all_ware_this_date_block td:last-child{
    width: 60px;
}
.result_all .block .all_ware_this_date_block td:first-child{
    padding-left: 42px;
    color: #666666;
}
.result_all .block .all_ware_this_date_block .name_client a{
    color: #333333;
    font-family: "SegoeUISemiBold";
    /*text-decoration: underline;*/
}
.result_all .block .all_ware_this_date_block .name_client a:hover{
    text-decoration: none;
    color: #17a4d9;
}
.result_all .block .all_ware_this_date_block .all_summ{
    font-size: 16px;
}
.allworkingtime{
    display: block;
}
.all_result_ware{
    position: relative;
    display: block;
    cursor: pointer;
    text-decoration: underline;
}
.all_result_ware_bl{
    text-decoration: none;
    width: 58%;
    /*width: 90px;*/
    text-align: center;
    font-family: "SegoeUISemiBold";
    color: #14a0d5;
}
.all_result_ware:hover{
    text-decoration: none;
}
.all_result_ware strong{
    font-weight: normal;
}
.result_all .all_result_ware .all_ware_this_date{
    width: 380px !important;
    left: auto;
    right: -75px;
    background: #fff;
    padding: 0;
    cursor: default;
    border-radius: 8px 8px 0 8px;
}
.result_all .all_ware_table .all_result_ware .all_ware_this_date{
    left: -60px
}
.result_all .all_ware_table .all_result_ware .all_ware_this_date:before{
    left: 23%;
}
.result_all .all_result_ware .all_ware_this_date .close_info{
    margin: 0;
    color: #ccc;
    top: 13px;
    right: 12px;;
}
.result_all .all_result_ware .all_ware_this_date:before{
    /*background: url(../images/info-client-arrow-e.png) no-repeat;*/
    left: 52%;
}
.result_all .all_result_ware .all_ware_this_date .head_block{
    width: 100%;
    margin: 0;
    padding: 10px 0;
}
.result_all .all_result_ware .all_ware_this_date .head_block div,
.result_all .all_result_ware .all_ware_this_dat .all_ware_line div{
    width: 25%;
    text-align: center;
}
.result_all .all_result_ware .all_ware_this_date #all_ware,
.result_all .all_result_ware .all_ware_this_date .all_ware_line,
.result_all .all_result_ware .all_ware_this_date .all_ware_table{
    width: 100%;
}
.result_all .all_result_ware .all_ware_this_date .all_ware_line{
    border-top: 1px solid #cccccc;
    padding: 10px 0;
    font-size: 13px;
    color: #333333;
}
.result_all .all_result_ware .all_ware_this_date .all_ware_line div{
    font-size: 13px;
    color: #333333;
}
/*.result_all .all_result_ware .all_ware_this_date .all_ware_table{
    border: 1px solid #e3e6f0;
}*/
.result_all .all_result_ware .all_ware_this_date .all_ware_table tfoot{
    border-top: 1px solid #e3e6f0;
}
.result_all .all_result_ware .all_ware_this_date .all_ware_table th{
    /*background: #edf1fc;*/
}
.result_all .all_result_ware .all_ware_this_date .all_ware_table th:first-child{
    width: auto;
    text-align: center;
}
.result_all .all_result_ware .all_ware_this_date .all_ware_table th{
    padding: 10px 5px !important;
}
.result_all .all_result_ware .all_ware_this_date .all_ware_table th:nth-child(2){
    padding: 10px 5px !important;
}
.result_all .all_result_ware .all_ware_this_date .all_ware_table td:first-child{
    text-align: center;
}
.result_all .all_result_ware .all_ware_this_date .all_ware_table td:nth-child(2){
    padding: 9px 5px !important;
}
.result_all .all_result_ware .all_ware_this_date .all_ware_table tr{
    border: 0 none !important;
    box-shadow: none;
}
.result_all .all_result_ware .all_ware_this_date .all_ware_table td{
    color: #333333;
    font-size: 14px;
    padding: 9px 5px !important;
    text-transform: none;
    height: auto;
    border: 0 none !important;
}
.result_all .all_result_ware .all_ware_this_date .all_ware_table td:last-child{
    width: 22%;
}
.result_all .info_client .close_info{
    width: 20px !important;
}
.all_ware_this_date .all_sum{
    position: absolute;
    white-space: nowrap;
    right: 0;
    bottom: -36px;
    width: 130px !important;
    height: 36px;
    background: #fff;
    border-top: 1px solid #ccc;
    border-radius: 0 0 8px 8px;
        -webkit-box-shadow: 0px 1px 4px 0px rgba(1,1,1,0.2);
    -moz-box-shadow: 0px 1px 4px 0px rgba(1,1,1,0.2);
    box-shadow: 0px 1px 4px 0px  rgba(1,1,1,0.2);
    font-size: 12px !important;
    color: #333333 !important;
    text-align: center;
    padding: 10px 0;
    font-family: "SegoeUIBold";
}
.result_all .wrap-list-calls{
    clear: both;
    width: 100% !important;
    padding: 0 !important;
}
.result_all .wrap-list-calls .portlet .name-company-cell{
    width: 20% !important;
}
.result_all .wrap-list-calls .portlet .name-cell{
    font-size: 14px;
    font-family: "SegoeUISemiBold";
}
.result_all .wrap-list-calls .portlet .price-cell{
    font-size: 14px;
    font-family: "SegoeUISemiBold";
    color: #4ea91c;
}
.result_all .wrap-list-calls .portlet .number-cell{
    width: 40% !important;
}
/**sales**/
.edit-form-sales > .row {
    text-align: center;
    padding: 15px 0 5px;
}
.edit-form-sales > .row > div{
    float: none;
    display: inline-block;
}
.edit-form-sales .export_to_exel a{
    display: block;
    float: none;
    position: relative;
    top: -12px;
}
.result_sales .head_block div,
.result_sales .head_block div:nth-child(2){
     width: 30%;
}
.result_sales .block > div,
.result_sales .block > div:nth-child(2),
.result_sales .block .count_delivery, .result_sales .block .summ_delivery{
    padding: 15px 0;
     width: 30%;
}
.result_sales .head_block div:first-child,
.result_sales .block > div:first-child{
     width: 10%;
     text-align: left;
     padding-left: 20px;
}
.result_sales .block > div:first-child{
    padding: 18px 0 10px 20px;
}
.result_sales  .all_result_ware_bl {
    text-decoration: none;
    width: auto;
    /* width: 90px; */
    text-align: left;
    font-family: "SegoeUISemiBold";
    color: #333333;
}
.result_sales .name-product{
    font-size: 16px;
    line-height: 16px;
    font-family: "SegoeUISemiBold";
    color: #333333;
}
.edit-form .active-btn{
    width: 120px;
	height: 42px;
    line-height: 40px;
	border-radius: 4px;
	background-color: #0397db;
	border: solid 1px #0083c0;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    position: relative;
    margin: 0 0 0 25px;
}
.edit-form .active-btn:hover{
    background: #0083c0;
}
/**statistika**/
.result_stat .head_block div,
.result_stat .head_block div:nth-child(2){
     width: 17%;
}
.result_stat .block > div,
.result_stat .block > div:nth-child(2),
.result_stat .block .count_delivery, .result_stat .block .summ_delivery{
    padding: 15px 0;
     width: 17%;
     font-size: 16px;
     line-height: 16px;
     color: #333333;
}
.result_stat .head_block div:first-child,
.result_stat .block > div:first-child{
     width: 6%;
     text-align: left;
     padding-left: 20px;
}
.result_stat .block > div:first-child{
    padding: 18px 0 10px 20px;
}
.result_stat  .all_result_ware_bl {
    text-decoration: none;
    width: auto;
    /* width: 90px; */
    text-align: left;
    font-family: "SegoeUISemiBold";
    color: #333333;
}
.result_stat .name-product{
    font-size: 16px;
    line-height: 16px;
    font-family: "SegoeUISemiBold";
    color: #333333;
}
.result_stat .block .summ_order{
    font-family: "SegoeUISemiBold";
    color: #14a0d5;
}
.result_stat .number_requests span{
    float: left;
    width: 40%;
    text-align: center;
}
/**result_activity**/
.result_activity .head_block_top{
    font-size: 10px;
    color: #666666;
    font-family: "SegoeUIBold";
    padding: 0 17% 14px 25%;
    text-align: center;
    text-transform: uppercase;
}
.result_activity .head_block div:first-child{
    font-size: 10px;
    color: #666666;
    font-family: "SegoeUIBold";
    width: 25%;
    text-align: left;
    padding-left: 20px;
    line-height: 47px;
}
.result_all.result_activity .block .name-product{
    font-size: 16px;
    color: #333333;
    font-family: "SegoeUISemiBold";
    width: 25%;
    text-align: left;
    padding: 0;
    padding-left: 20px;
    margin-right: -1px;
    line-height: 48px;
}
.result_activity .head_block div:last-child{
    font-size: 12px;
    color: #5bb728;
    font-family: "SegoeUIBold";
    width: 17% ;
    line-height: 47px;
    text-align: center;
}
.result_activity .head_block{
    margin-bottom: 0;
    margin-bottom: -1px;
}
.result_activity .head_block .num-block{
    width: 59px !important;
	height: 48px;
    margin-left: -1px;
    font-size: 18px;
    color: #a1aed6;
    text-align: center;
    line-height: 47px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 10px rgba(71,84,112,.09);
	-moz-box-shadow: 0 1px 10px rgba(71,84,112,.09);
	box-shadow: 0 1px 10px rgba(71,84,112,.09);
	border: solid 1px #c0c4d0;
}
.result_activity .block .num-block{
    width: 59px !important;
    height: 48px;
    font-size: 18px;
    color: #333333;
    text-align: center;
    line-height: 47px;
	background-color: #fff;
    padding: 0;
	-webkit-box-shadow: 0 1px 10px rgba(71,84,112,.09);
	-moz-box-shadow: 0 1px 10px rgba(71,84,112,.09);
	box-shadow: 0 1px 10px rgba(71,84,112,.09);
	border: solid 1px #c0c4d0;
    margin-left: -1px;
    border-top: 0;
    border-bottom: 0;
}
.result_activity .block div:last-child{
    font-size: 16px;
    color: #5bb728;
    font-family: "SegoeUIBold";
    width: 16.8%;
    line-height: 48px;
    text-align: center;
    padding: 0;
}
.result_all.result_activity .block-all .name-product{
    font-size: 12px;
    color: #00a0e9;
    font-family: "SegoeUIBold";
}
.result_activity .block-all .num-block{
    font-size: 16px;
    color: #0397db;
    font-family: "SegoeUIBold";
}
/**user-active**/
.index-block.user-active .portlet{
    border: 0 none;
    padding: 18px 20px 11px;
}
.user-active .head_block,
.user-active .name_task_block,
.user-active .wrap-current-name{
    float: left;
}
.user-active .head_block,
.user-active .name_task_block{
    width: 25%;
}
.user-active .wrap-current-name{
    width: 12.5%;
    text-align: center;
}
.index-block.user-active .table-portlet .user-info{
    clear: both;
    width: 28%;
}
.index-block.user-active .table-portlet .second_block{
    width: 22%;
}
.index-block.user-active .from_clients_task{
    width: 50%;
    margin: 10px 0 0;
    border: 0 none;
    text-align: center;
}
.index-block.user-active .from_clients_task > div {
    float: left;
    width: 25%;
    padding: 0 1px;
}
.user-active .wrap-head{
    float: left;
    width: 100%;
    border-bottom: 3px solid #f3f3f3;
    padding: 0 0 10px;
    margin: 0 0 20px;
}
.user-active .wrap-head div{
    font-size: 12px !important;
    line-height: 14px !important;
    color: #6a6a6a !important;
    font-weight: normal !important;
}
.user-active .wrap-head .all_time,
.user-active .wrap-head .all_seans,
.user-active .from_time_task{
    width: 25%;
    float: left;
}
.user-active .from_time_task .rezult_seanses{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    padding: 0 0 0 18px;
}
/****/
.filter-wrap .all-client{
    padding: 33px 0 0;
    font-size: 18px;
}
.filter-wrap .all-client span{
    font-size: 24px;
    font-weight: bold;
}
/**wrap-add-departments**/
.modal-form-bg{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 998;
}
.background_call,
.fon_delete{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 199998;
  background: rgba(0,0,0,0.4);
  display: none;
}
.wrap-add-departments,
.delete_block_contact{
  position: fixed;
  top: 50%;
  left: 50%;
  width: 444px !important;
  height: 210px;
  margin: -105px 0 0 -222px;
  background: #fff;
  border-radius: 8px;
  padding: 22px 28px;
  -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
  -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
  box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.09);
  z-index: 199999;
}
.delete_block_contact{
    width: 264px !important;
    height: 166px;
    margin: -132px 0 0 -83px;
    display: none;
    text-align: center;
}
.wrap-add-departments .caption{
    font-size: 18px;
  color: #59568b;
  line-height: 18px;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-family: "SegoeUISemiBold";
}
.wrap-add-departments .datecall{
    color: #59568b;
    margin-bottom: 10px;
    font-family: "SegoeUISemiBold";
}
.delete_block_contact h2{
  font-size: 16px;
  color: #333333;
  line-height: 18px;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  margin: 0;
}
/*.delete_block_contact h2{
    color: #f00;
}*/
.wrap-add-departments .close,
.delete_block_contact .close_win{
    position: absolute;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    background: url(../images/close.png) no-repeat;
    top: 16px;
    right: 18px;
    opacity: 1;
    cursor: pointer;
}
.wrap-add-departments .close:hover,
.delete_block_contact .close_win:hover{
    opacity: 0.8;
}
.wrap-add-departments .wrap-photo{
  float: left;
  width: 110px;
}
.wrap-add-departments .wrap-photo .wrap{
  float: left;
  width: 110px;
  height: 110px;
  border-radius: 8px;
  overflow: hidden;
}
.wrap-add-departments .wrap-photo .upload{
  float: left;
  color: #38a530;
  font-size: 9px;
  line-height: 9px;
  text-transform: uppercase;
  margin-top: 10px;
  text-decoration: none;
}
.wrap-add-departments .wrap-photo .delete{
  float: right;
  color: #f34539;
  font-size: 9px;
  line-height: 9px;
  text-transform: uppercase;
  margin-top: 10px;
  text-decoration: none;
}
.wrap-add-departments .wrap-photo .upload:hover,
.wrap-add-departments .wrap-photo .delete:hover{
  opacity: 0.7;
}
.wrap-add-departments .wrap-right{
  float: right;
  width: 248px;
}
.wrap-add-departments .wrap-right p{
  font-size: 13px;
  line-height: 22px;
  color: #666666;
  margin-bottom: 5px;
}
.wrap-add-departments .wrap-right input[type="text"]{
  border: 1px solid #b5bbcc;
  border-radius: 3px;
  height: 36px;
  width: 100%;
  padding: 5px;
  background: #fff;
}
.wrap-add-departments .add-contact {
  float: right;
  margin-top: 25px;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 16px;
      border: 1px solid #08adc5;
    background: rgba(38,180,231,1);
    background: -moz-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,180,231,1)), color-stop(100%, rgba(8,150,201,1)));
    background: -webkit-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -o-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: -ms-linear-gradient(top, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    background: linear-gradient(to bottom, rgba(38,180,231,1) 0%, rgba(8,150,201,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b4e7', endColorstr='#0896c9', GradientType=0 );
    -webkit-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
}
.wrap-add-departments .add-contact:hover{
    background: none;
    color: #08adc5;
}
.wrap-add-departments.wrap-add-call {
    width: 328px !important;
    height: auto;
    margin: -267px 0 0 -164px;
}
.edit-form .date input[type="text"] {
    padding: 10px 0 10px 12px;
    border-right: 0 none !important;
    border-radius: 3px 0 0 3px !important;
}
.wrap-add-departments .edit-form .date {
    margin-bottom: 10px;
}
.delete_block_contact .mess_dell{
    font-size: 14px;
    padding: 20px 0;
    float: left;
}
.delete_block_contact .dell_button a{
    float: right;
    display: inline-block;
    padding: 5px 16px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    /* text-transform: uppercase; */
    /* border-left: 6px solid #43ac8c; */
    border: 1px solid #058c32;
    background: rgba(59,179,113,1);
    background: -moz-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(59,179,113,1)), color-stop(100%, rgba(29,150,83,1)));
    background: -webkit-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: -o-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: -ms-linear-gradient(top, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    background: linear-gradient(to bottom, rgba(59,179,113,1) 0%, rgba(29,150,83,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bb371', endColorstr='#1d9653', GradientType=0 );
    margin:0 0;
    --webkit-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    -moz-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    border-radius: 20px;
    outline: 0 none;
    position: relative;
    z-index: 999;
    text-align: center;
    width: 80px;
}
.delete_block_contact .dell_button a:hover{
    background: none;
    color: #058c32;
}
.delete_block_contact .no_div{
    float: left;
    padding: 5px 16px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    /* text-transform: uppercase; */
    /* border-left: 6px solid #43ac8c; */
    border: 1px solid #ce3131;
    background: rgba(249,84,78,1);
    background: -moz-linear-gradient(top, rgba(249,84,78,1) 0%, rgba(219,52,49,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,84,78,1)), color-stop(100%, rgba(219,52,49,1)));
    background: -webkit-linear-gradient(top, rgba(249,84,78,1) 0%, rgba(219,52,49,1) 100%);
    background: -o-linear-gradient(top, rgba(249,84,78,1) 0%, rgba(219,52,49,1) 100%);
    background: -ms-linear-gradient(top, rgba(249,84,78,1) 0%, rgba(219,52,49,1) 100%);
    background: linear-gradient(to bottom, rgba(249,84,78,1) 0%, rgba(219,52,49,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9544e', endColorstr='#db3431', GradientType=0 );
    margin:0 0;
    --webkit-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    -moz-box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    box-shadow: inset 0px 2px 6px 0px rgba(255,255,255,0.54);
    border-radius: 20px;
    outline: 0 none;
    position: relative;
    z-index: 999;
    text-align: center;
    width: 80px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.delete_block_contact .no_div:hover{
    background: none;
    color: #ce3131;
}
.picker-switch{
    text-align: center;
    list-style: none;
}
#preloader{
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.5);
    width: 100%;
    height: 100%;
    display: none;
}
#preloader.active{
    display: block;
}
#imgcode{
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -85px 0 0 -85px;
}
/**purchase**/
.purchase .head_block div:first-child,
.purchase .block > div:first-child{
    width: 8%;
}
.purchase .head_block div:nth-child(3),
.purchase .block > div:nth-child(3){
    width: 20%;
}
.purchase .head_block > div{
    width: 11%;
}
.purchase .block > div{
    width: 11%;
}
.purchase .block > div:first-child{
    padding: 23px 0;
}
.purchase .block  .name-company-cell{
    font-family: "SegoeUISemiBold";
    color: #14a0d5;
}
.purchase .block  .name-company-cell a{
    color: #14a0d5;
}
.purchase .block  .name-cell{
    font-family: "SegoeUISemiBold";
    color: #333333;
}
.purchase .block .description-cell{
    font-family: "SegoeUIItalic";
}
/**mobile version**/
@media (max-width: 1199px){
   
    .portlet-active .from_clients_task .wrap-current-name {
        font-size: 10px;
        line-height: 11px;
    }
    .header .container{
        width: 100%;
        padding: 0 25px;
    }
    /*.time_work_group_task .nenav > li a{
        padding: 5px 11px;
        margin: 0 2px;
    }*/
}
@media (max-width: 1024px){
    .time_work_group_task .nenav > li{
        padding: 13px 1px 0;
    }
    .from_clients_task .wrap-current{
        width: 100%;
    }
}
@media (max-width: 1115px){
    .time_work_group_task .nenav > li a{
        padding: 4px 5px;
        /*margin: 0 4px;*/
    }
}
@media (max-width: 991px){
    .time_work_group_task .nenav > li a{
        
    }
    .app .vbox > section.container,
    .footer-bot .container{
        width: 95%;
    }
    .editpartner-sales .edit-form {
        padding: 26px 30px;
    }
    .from_clients_task > div {
        padding: 0 3px;
    }
    .filter-wrap .row{
        padding: 4% 2%;
    }
    .block-user-data{
        padding: 10px 2%;
    }
    .block-user-data .u-b{
        padding: 0;
    }
    .panel .table-base .client-history, .index-block .table-calltoday .client-history{
        padding: 5px 0 5px 50px;
    }
    .nav-user .dropdown-menu{
        right: -10px;
        left: auto;
    }
    .allusers .wrap-info-name {
        padding: 0 0 0 88px;
    }
    .allusers .name_position {
        padding: 3px 0;
    }
    .wrap-profile {
        padding: 35px 40px !important;
    }
    .edit-profile-page .col-sm-9{
        width: 100%;
        padding: 20px 0 0;
    }
    .edit-form .row {
        padding: 20px 5%;
    }
    .editpartner-sales .row {
        padding: 0;
    }
    .add_contact_one{
        margin-top: 0 !important;
    }
    .index-block .table .portlet .manager_photo{
        margin: 0 15px 5px 0;
    }
    .nav-user{
        margin: 10px -15px 0 5px !important;
    }
    .header .nav-user:after{
        left: -5px;
    }
    .header .nav-user:before{
        left: -4px;
    }
    .time_work_group_task .nenav > li{
        margin: 0 4px;
    }
    .time_work_group_task .nenav > li span{
        display: none;
    }
    .time_work_group_task .nenav > li a {
        padding: 4px 14px;
    }
}
@media (max-width: 950px){
    .time_work_group_task .nenav > li .fa{
        margin-right: 2px;
    }
}
@media (max-width: 910px){
    .time_work_group_task .nenav > li a{
        font-size: 10px;
    }
}
@media (max-width: 875px){
    .navbar-header .navbar-brand{
        margin: 0 0!important;
    }
    .time_work_group_task .nenav > li a span{
        display: none;
    }
    .time_work_group_task .nenav > li a {
        margin: 0 6px;
    }
    .from_clients_task > div {
        width: 25%;
    }
    .from_clients_task > div {
        padding: 2px 3px;
    }
    .portlet-active .from_clients_task .block3 .wrap-current-name {
        padding: 0 5px 5px;
    }
    .portlet-active .from_clients_task .block5 .wrap-current-name {
        padding: 0 12px 5px;
    }
    .portlet-active .from_clients_task .wrap-current-name {
        font-size: 12px;
        line-height: 11px;
        padding: 0;
        min-height: 28px;
    }
    .time_work_group_task .nenav{
        text-align: center;
    }
    .time_work_group_task .nenav > li{
        float: none;
    }
    .time_work_group_task .nenav > li ,
    .time_work_group_task .nenav > li a{
        margin: 0;
    }
}
@media (max-width: 768px){
    .linkadaptiv{
        display: block;
    }
    .nav-adaptiv{
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        background: #02346f;
        width: 220px;
        padding: 0 0;
    }
    .nav-adaptiv .nav-user{
        float: left;
        margin: 0 !important;
        width: 100%;
    }
    .nav-user .dropdown{
        padding: 5px 21px !important;
        border-radius: 0;
        width: 100%;
    }
    .nav-user .dropdown-toggle{
        float: none;
        padding: 6px 0 0 40px;
    }
    .nav-adaptiv .time_work_group_task{
        clear: both;
        width: 100%;
        padding: 0;
    }
    .time_work_group_task .nenav > li{
        padding: 0;
        width: 100%;
    }
    .time_work_group_task .nenav > li a {
        padding: 10px 21px;
        width: 100%;
        border-radius: 0;
        height: auto;
        font-size: 11px;
    }
    .time_work_group_task .nenav > li a span {
        display: block;
        padding: 6px 0 0 15px;
    }
    .navbar-nav .open .dropdown-menu{
        -webkit-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.1);
        -moz-box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.1);
        box-shadow: 0px 1px 10px 0px rgba(71,84,112,0.1);
        position: absolute;
        background: #0397db;
        left: 0;
        width: 100%;
    }
    .bg-dark .nav > li:hover{
        background: #0397db;
    }
    .navbar-header {
        float: none;
        z-index: 999;
        margin: 0 auto !important;
        display: inline-block;
        padding: 0;
    }
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{
        padding: 8px 15px 8px 40px;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus{
        background-image: inherit;
    }
    .dropdown-menu .change:hover {
        background: url(../images/icon-change-yellow.png) no-repeat 15px center !important;
    }
    .dropdown-menu .profile:hover {
        background: url(../images/icon-edit-yellow.png) no-repeat 15px center !important;
    }
    .dropdown-menu .logout:hover {
        background: url(../images/icon-exit-yellow.png) no-repeat 15px center !important;
    }
    .allclients .filter-wrap .col-lg-4{
        width: 50%;
    }
    .filter .control-label{
        display: none;
    }
    .filter .filter-checkbox .control-label{
        display: block;
    }
    .allclients .filter-wrap .col-lg-9,
    .allclients .filter-wrap .col-lg-3{
        width: 100%;
    }
    .block-user-data .u-b{
        width: 33.333%;
    }
    .radio-custom > i.checked:after, .checkbox-custom > i.checked:after{
        top: 5px;
    }
    .no_exercices{
        width: 100%;
        width: 100%;
        margin: 0;
        left: 0;
    }
    .table_task .portlet, .index-block .portlet{
        padding: 0;
        /*padding: 18px 0 11px 20px;*/
        border: 0 none;
    }
    .portlet-active .edit-cell .edit_dell_block {
        margin: 6px 0 0 0;
        right: 0;
    }
    .edit_dell_block:before {
        left: 79%;
    }
    .table_task .table-portlet .user-info, .index-block .table-portlet .user-info {
        width: 100%;
        /*margin-bottom: 10px;*/
        padding: 18px 0 10px 20px;
        background: #f4f4f6;
        border-radius: 8px 8px 0 0;
    }
    .portlet-active .from_clients_task {
        width: 94%;
        padding: 16px 0 16px 20px;
    }
    .from_clients_task > div {
        padding: 8px 10px;
        width: 20%;
    }
}
@media (max-width: 600px){
    
}
@media (max-width: 425px){
    
    .title-user .add_user{
        top: -30px;
    }
    .title-user .add_user a{
        margin: 0 !important;
    }
    .panel .allusers thead{
        display: none;         
    }
    .panel .allusers tr td:first-child{
        padding: 15px 15px 0;
    }
    .panel .allusers tr td:last-child{
        padding: 0 15px 5px;
    }
    .panel .allusers tr td{
        float: left;
        width: 100% !important;
        padding: 0px 15px;
    }
    .block_menu li {
        display: block;
        width: 100%;
        margin: -1px 0 0;
    }
    .block_menu li:first-child a {
        border-radius: 5px 5px 0 0;
    }
    .block_menu li:last-child a {
        border-radius: 0 0 5px 5px;
    }
    .table_task .table-portlet .user-info, .index-block .table-portlet .user-info{
        width: 100%;
    }
    .portlet-active .edit-cell {
        width: 27px;
    }
    .portlet-active .from_clients_task{
        width: 93%;
        padding: 10px 0 10px 10px;
    }
    .from_clients_task > div {
        width: 33.333%;
    }
    .table_task .table-portlet .block_from_current, .index-block .table-portlet .block_from_current, .table_task .table-portlet .block_from_name, .index-block .table-portlet .block_from_name {
        width: 50%;
    }
    .table_task .shom_all, .index-block .shom_all{
        position: initial;
    }
    .task_all_left {
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        padding: 22px 15px;
    }
    .task_all_left:before{
        display: none;
    }
    .table_task .task-personal .table-manager .from_button, .table_task .task-personal .table-manager .regul_work{
        float: right;
        padding: 1.5% 25px;
        width: 100%;
        position: relative;
        margin-top: 10px;
        padding-top: 15px;
    }
    .table_task .task-personal .table-manager .from_button:before, .table_task .task-personal .table-manager .regul_work:before{
        content: '';
        position: absolute;
        top: 0;
        float: left;
        width: 100%;
        height: 1px;
        background: #c0c4d0;
        margin: 0;
        left: 0;
    }
    .allclients .filter-wrap .col-lg-4 {
        width: 100%;
    }
    .block-user-data .u-b {
        width: 50%;
    }
    .panel .table-base thead,
    .panel .table-base tr td:first-child{
        display: none;
    }
    .panel .table-base .second_line td:first-child{
        display: block;
    }
    .add-client .btn[name="add_client_and_call"]{
        margin-bottom: 20px !important;
    }
    .edit-form-sales .col-md-4 {
        width: 100%;
    }
    .result_all div.head_block,
    .result_all .block > div:first-child{
        display: none;
    }
    .result_all .block .wrap-user-info{
        padding: 26px 20px 10px;
        width: 50% !important;
    }
    .result_all .block .count_delivery{
        width: 50%;
    }
    .result_all .block .summ_delivery{
        width: 50%;
        clear: both;
        padding: 0 0 0 25px;
    }
    .result_all .block .prapor {
        padding: 0 0 15px 0;
        width: 50%;
        margin-top: -10px;
    }
    .result_all .block .kut_tydu_sydu{
        /*bottom: 22px;*/
        top: 100px;
    }
    .result_all .block .all_ware_this_date_block{
        overflow: hidden;
    }
    .result_all .block .all_ware_this_date_block table{
        width: 100%;
        min-width: inherit;
    }
    .result_all .block .all_ware_this_date_block th{
        display: none;
    }
    .result_all .block .all_ware_this_date_block td {
        float: left;
        border: 0 none;
        width: 50%;
        padding: 5px 15px;
        min-height: 34px;
    }
    .result_all .block .all_ware_this_date_block td:first-child{
        width: 20%;
        padding: 5px 15px;
    }
    .result_all .block .all_ware_this_date_block .name_client{
        width: 80%;
    }
    .result_all .block .all_ware_this_date_block tr{
        border-top: 1px solid #ddd;
    }
    .result_all .block .all_ware_this_date_block td:last-child{
        float: right;
    }
    .editpartner-sales .nav-tabs{
        margin-bottom: 0;
        text-align: center;
    }
    .editpartner-sales .nav-tabs .active a, .editpartner-sales .nav-tabs .active a:hover, .editpartner-sales .nav-tabs .active a:focus, .editpartner-sales .nav-tabs .active a:active {
        border: 1px solid #08adc5;
        background: rgba(53,209,240,1);
        background: -moz-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(53,209,240,1)), color-stop(100%, rgba(9,160,206,1)));
        background: -webkit-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
        background: -o-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
        background: -ms-linear-gradient(top, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
        background: linear-gradient(to bottom, rgba(53,209,240,1) 0%, rgba(9,160,206,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35d1f0', endColorstr='#09a0ce', GradientType=0 );
        color: #fff;
        border-radius: 8px;
    }
    .editpartner-sales .nav-tabs li{
        float: none;
        margin-bottom: -1px;
        display: inline-block;
    }
    .editpartner-sales .nav-tabs li a {
        padding: 10px 15px;
        cursor: pointer;
        margin: 0;
        font-size: 16px;
        border: 1px solid #c0c4d0;
        color: #85849e;
        position: relative;
        z-index: 999;
        border-radius: 8px;
        background: #fff;
        margin: 0 10px 10px; 
    }
    .editpartner-sales .nav-tabs li a label{
        margin: 0;
        padding: 0;
    }
    .editpartner-sales .nav-tabs li a:before,
    .editpartner-sales .nav-tabs li a:after,
    .result_all .all_ware_table th{
        display: none;
    }
    .add-client .btn {
        margin-left: 20px !important;
        margin-bottom: 10px !important;
    }
    .add-client .add_contact_one{
        margin-left: -15px !important;
    }
    .table-departments .num{
        padding: 16px 14px;
    }
    .table-departments .name{
        font-size: 20px;
    }
    .table-departments .delete .client-edit{
        margin: 0 0px 4px 0;
    }
    .table-departments .delete a{
        float: right;
        clear: both;
    }
    .table-departments .delete .client-del .fa{
        margin: 9px 0 0 6px;
    }
    .result_all .all_ware_table tr{
        background: #fff;
        border-radius: 0;
    }
    .result_all .all_ware_table .second_line{
        background: none;
    }
    .result_all .all_ware_table td{
        float: left;
        width: 33.33%;
        background: none;
    }
    .panel .table_dellivery tr .num{
        width: 10% !important;
        border: 0 none !important;
        padding-top: 42px !important;
    }
    .result_all .all_ware_table td:nth-child(2), .result_all .all_ware_table th:nth-child(2){
        padding-left: 10px !important;
        width: 90%;
    }
    .panel .table-base tbody tr{
        border-radius: 0;
    }
    .panel .table-base td {
        border: 0 none;
        /* border-bottom: 1px solid #d6d6d6; */
        padding: 7px 10px;
        float: left;
        width: 33.33% ;
        min-height: 76px;
    }
    .panel .table-base .name,
    .panel .table-base .contacts{
        width: 50% ;
    }
    .panel .table-base .img-user{
        width: 30%;
         min-height: 78px;
    }
    .panel .table-base tr td:last-child{
        border-radius: 0;
        width: 20%;
        min-height: 78px;
        padding-top: 14px;
    }
    .panel .table-base .second_line td,
    .panel .table-base .second_line td:first-child{
        min-height: 0;
    }
    .panel .table-base td:nth-child(5){
        width: 50%;
        min-height: 78px;
        padding-top: 17px;
    }
    .panel .table-base .client-history {
        margin-left: 0;
    }
    .panel .table-base .client-history, .index-block .table-calltoday .client-history {
        padding: 12px 0 5px 50px;
    }
    .panel-heading-base .link_button,
    .panel-heading-base .button_blue{
        margin-left: -125px !important;
        margin-top: 10px !important;
        clear: both;
        width: 250px;
        position: relative;
        left: 50%;
    }
    .info_start {
        width: 300px;
        left: 50% !important;
        margin-left: -150px;
    }
    .table_task .wrap-control, .index-block .wrap-control, .table_task .star_but_work, .table_task .end_but_work, .table_task .start_stages_work, .table_task .stop_stages_work, .table_task .the_end_task, .table_task .close_stages_work{
        width: 100px;
    }
    .panel.futurecalls .filter-wrap .col-lg-3 {
        width: 100%;
    }
    .panel.futurecalls .table-base .name{
        width: 33.33% ;
    }
    .panel.futurecalls .table-base tr{
        background: #fff;
    }
    .panel.futurecalls .table-base tr td{
        min-height: 78px;
    }
    .panel.futurecalls .table-base tr td:last-child{
        width: 50%;
    }
    .panel.futurecalls .table-base .client-history{
        padding: 5px 0 5px 50px;
    }
    .panel.futurecalls .table-base .result_rozmovu{
        float: left;
        clear: both;
    }
    .footer-bot .it-logo{
        padding: 21px 107px 0 0;
        background-position: right 9px;
        font-size: 10px;
    }
}
@media (max-width: 375px){
    .footer-bot .it-logo{
        text-indent: -9999px;
        padding: 21px 50px 0 0;
    }
    .portlet-active .from_clients_task {
        width: 92%;
    }
    .from_clients_task > div {
        width: 50%;
        padding: 8px 22px;
    }
}
@media (max-width: 320px){
    .editpartner-sales .nav-tabs li{
        display: block;
    }
    .editpartner-sales .nav-tabs li a{
        margin: 0 0 10px; 
        
    }
    .portlet-active .from_clients_task {
        width: 91%;
    }
    .from_clients_task > div {
        width: 50%;
        padding: 8px 12px;
    }
}