input, textarea { cursor: auto !important;  caret-color: black; }
input:focus, textarea:focus { cursor: auto !important; }

.dasign_by{
    font-style: arial;
    font-size: 14pt;
    font-weight: bold;
    color: #666;
    padding: 10px;
    text-align: right;
}

.ad_contact_btn{
    padding: 2px 10px; 
    background-color: #03a9f4; 
    border: 1px solid #03a9f4; 
    color: white;
    cursor: pointer;
}
.ad_contact_btn_active{
    background-color: transparent;
    color: #03a9f4;
    width: 600px;
    text-align: center;
    font-weight: bold;
}

.ad_contact_btn:hover {
    background-color: transparent;
    color: #03a9f4;
}



.mytag{
    display: inline-block;
    padding: 0px 7px;
    margin-right: 3px;
    margin-bottom: 2px;
    border-radius: 5px;
    background-color: #4e714e;
    color: white;
}

/* кнопки внутри таблицы */
.tbl_btn{
    padding: 0px;
    margin: 0px;
    border: 0px;
}
.tbl_btn:hover{text-decoration: none;}
.tbl_btn:focus{text-decoration: none;}

/* свойства для блока, содержащего основное содержимое окна */
.modal-body {
  position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
    overflow: auto;
}

.quick_link{
    font-family: monospace;
    padding: 0px 4px;
    border-radius: 5px;
    border: solid 1px #444;
    cursor: hand;
    background-color: #26b99a;
    color: white;
    user-select: none;
}

.quick_link:hover{
    background-color: #098268;
    color: white;
}

.quick_link_active{
    padding: 0px 4px;
    border-radius: 5px;
    border: solid 1px #4b9081;
    cursor: hand;
    background-color: #098268;
    color: white;
}

.quick_link_active:hover{
    background-color: #26b99a;
    color: white;
}

.quick_link_red         {background-color: #f00; border: solid 1px white;  color: white;}
.quick_link_red:hover   {background-color: #ff5e00; border: solid 1px white; color: white;}

    .purple{background-color: #d510d5; color: white;}
    .purple:hover{background-color: mediumpurple !important;}
    .red{background-color: red;}
    .red:hover{background-color: #f55656 !important;}
    .blue{background-color: #3498DB;}
    .blue:hover{background-color: #60bfff !important;}
    .text_blue{color: #0cf;}
    .text_blue:hover{color: #346ca5 !important;}
    .text_green{color: #8cccaf;}
    .text_green:hover{color: #53bf8e !important;}    
    .orange{background-color: orange;}
    .orange:hover{background-color: #ff8d00 !important;}
    .violet {background-color: #2826b9 }
    .violet:hover{background-color: #4e4cd3 !important;}


/*ФОРМА АВТОРИЗАЦИИ*/

.login_body{
    background-color: #678;
}

.login_form{
    /*padding: 50px;
    background: #ccc;*/
    position: fixed; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}

.logo_text{
    color: white;
    font-size: 26px;
    font-family: arial;
    text-align: center;
    letter-spacing: 4px;
    padding-bottom: 7px;
}

.login_input{
    width: 100%;
    padding: 5 5 5 10;
    margin: 5 5 5 5;
    border-radius: 15px;
    border: none;
    outline: none;
}

.form_input{
    width: 100%;
    height: 30px;
    padding: 5 5 5 10;
    margin: 1 5 3 5;
    border-radius: 7px;
    border: none;
    outline: none;
    border: 1px solid #ccc;
    cursor: default !important;
}

.form_input:focus {
    cursor: default !important;
}

lable{
    color: #666;
    padding-left: 5px;
    font-size: 13px;
}

.login_submit{
    width: 100%;
    padding: 3 15 3 15;
    margin: 5 5 5 5;
    border-radius: 15px;
    border: none;
    outline: none;

    font-weight: bolder;
    font-size: 16px;

    background: #cddc39;
    color: #678;
}

.login_submit:hover{
    background-color: #f0ff5c;
    color: #678;
}

/*ВСПЛЫВАЮЩЕЕ ОКНО С ПРЕДУПРЕЖДЕНИЕМ*/

.attantion{
    font-family: monospace;
    color: white;
    border-radius: 7px;
    background-color: #E91E63;
    padding: 10 20 10 20;
    margin: 5 5 5 5;

    position: fixed;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -150%);

    z-index: 10001;

    animation: showDiv 5s forwards;
}

@keyframes showDiv {
    0%, 99% {visibility: visible;}
    100% {visibility: hidden;}
}

/*//////////////////////////////////*/    

/* кнопка-иконка в таблице */
.icon_btn{
    display: table-cell;
    text-align: center;
    border: 1px solid #555;
    border-radius: 50%;
    color: #555;
    cursor: pointer;
    user-select: none;
    line-height: 0;
    
}
.icon_btn:hover{
    border: 1px solid #ff5722;
    background-color: #ff5722;
    color: white;
}

.icon_btn_new{
    border: 1px solid green;
    background-color: #a7e65e;
    color: green;
    cursor: pointer;
    user-select: none;
    line-height: 0;
}



/*input[id=call_notes_repeat]{
    display:none;
}*/

.chk_box_icon:before{
    visibility: hidden;
}

input[type=checkbox].chk_box_icon{
    visibility: hidden;
    
}

.dropdown_btn{ font-size: 25px; color: white;}
.dropdown_btn:hover{ color: red;}
.menu-green {background-color: #f2ffe3;}
.menu-light {background-color: #f9f9f9; padding: 5 0; font-size: 14px;}
.menu-orange {background-color: #ffeeba;}
.blue-hover:hover{background-color: #0cf !important;}

.calendar_icon {border: 2px solid white; width: fit-content; background-color: white; border-radius: 3px; user-select: none; cursor: pointer;}          
.calendar_icon:hover {border-color: #e6e6e6; background-color: #e6e6e6;}

// СТИЛИ ГИСТОГРАММЫ
.bar_line{ }
.bar_line:hover{
    border: 1px gray solid;
    padding: 0px !important;
}

.bar_line_leg { display: inline-flex; padding: 0px 5px; font-size: 10px; color: #333; }