#chrome_websiteIP{
    display: none;
}
html, body{
    /*min-width: 1280px;*/
}

body{
    font-family: proxima;
    display: flex;
    flex-flow: column;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
    supported by Chrome and Opera */
}

.hide{
    display: none;
}

.noscroll {
	overflow: hidden;
}

.line_height_1 {
	line-height: 1;
}

.gradient_grey {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}

#header_layout{
    margin-bottom: 20px;
    box-shadow: 0px 1px 3px -1px #aaa;
}

#logo{
    height: 32px;
}

#header{
    margin: 15px 0px;
}

#navi-bar{
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.navi-item{
    /*padding: 1px 0px;*/
}

.navi-highlighted{
    font-weight: bold;
    box-shadow: 0px 0px 1px 1px #f0f0f0;
    border-radius: 4px;
    background: #fcfcfc;
    padding-right: 0.5rem;
}

.navi-underlined {
    margin-bottom: 12px;
}

.navi-underlined:after {
    content: '';
    background: #ccc;
    height: 1px;
    width: 55%;
    display: block;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0px);
    margin-top: 6px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
}

.rtype{
    display: inline-block;
}
.rtype-item{
    display: inline-block;
    border: 1px solid #aaaaaa;
    font-size: 14px;
    line-height: 24px;
    padding: 4px 12px;
    margin: 0 -1px 0 0;
    cursor: pointer;
    color: #444444;
    font-weight: bolder;
}

.rtype-item:last-child{
    border-radius: 0 5px 5px 0;
}

.rtype-item:first-child{
    border-radius: 5px 0 0 5px;
}

.rtype-active{
    border-color: #ff6302;
    color: #ff6302;
    cursor: default;
}

.rtype-active + .rtype-item{
    border-left: 1px solid #ff6302;
}

#login_form{
    max-width: 350px;
    margin: 0 auto;
}

.login_form_qr_code {		
	height: 200px !important;
	width: auto !important;
	margin: auto;
}

.login_form_text_decoration_underline-hover:hover span:last-child{
	border-bottom: 1px solid #dbdbdb;
}

.s_overflow_scroll{
    overflow: auto;
}

.s_width_50{
    width: 50px;
}

.s_nowrap{
    white-space: nowrap;
}

.s_is-vertival_paddingless{
    padding-top: 0px;
    padding-bottom: 0px;
}


.s_loading_container {
	position: relative;
}

.s_loading {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;

	display: flex;
    align-items: center;
    justify-content: center;
}

.s_loading_content {
	display: flex;
	align-items: center;
	padding: .5em;
	background: #fff;
box-shadow: 1px 1px 8px 1px #3339;
border-radius: 160px;
}

.s_loading_spinner {
    animation: spinAround 500ms infinite linear;
    border: 2px solid rgba(255, 99, 2, 50%);
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 2em;
    width: 2em;
    margin-right: .5em;
}















#menu_toggler{
    display: none;
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 42;
    box-shadow: 0px 0px 5px 5px #fff;
}

.user_info_navibar{
    display: none;
}


#red_line_top{
    height: 5px;
    width: 100%;
    position: fixed;
    background: #f77;
    top: 0;
    left: 0;
    z-index: 100500;
}

.call_stat_widget {
	
}

.call_stat_widget_header_period {
	border-bottom: 1px solid #ccc;
	margin-bottom: .5rem;
}

.call_stat_widget_content{
	height: 150px;
	overflow-y: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.call_stat_widget_content::-webkit-scrollbar {
	display: none;
}

.call_stat_widget .card-content .column{
	padding-top: .25rem;
	padding-bottom: .25rem;
	font-size: .8rem;
}

.did_card_list .card-content {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.call_stat_widget_peername {
	overflow-x: hidden;
	white-space: nowrap;
	margin-right: .2rem;
}

.call_stat_widget_peername:hover {
	overflow-x: visible;
	z-index: 10;
}

.call_stat_widget_line_container {
	width: 100%;
	background:
	#fafafa;
	position: relative;
	height: 100%;
	border-radius: 2px;
	overflow: hidden;
	min-height: 19px;
}

.call_stat_widget_line_right {
	position: absolute;
	height: 100%;
	z-index: 1; 
}

.call_stat_widget_line_left {
	position: absolute;
	height: 100%;
	z-index: 2;
}

.call_stat_widget_line {
	position: absolute;
	display: inline-block;
	height: 100%;
}

.call_stat_widget_line_number {
	position: absolute;
	width: 100%;
	z-index: 3;
	height: 100%;
	text-align: center;
}

.call_stat_widget_line_number>span {
	background: #fff;
	padding: 0px 3px;
	border-radius: 3px;
	border: 1px solid #888;
	font-size: 12px;
	color: #000;
	opacity: .6;
}

#call_stat_notes_container {
	min-height: 200px;
}

.call_stat_note_message>.message-body {
	padding: .75em 1em;
}


@media only screen and (max-width: 768px) {
    #navi-bar {
        position: fixed;
        z-index: 41;
        background: #fff;
        width: 100%;
        height: 100%;
        overflow: scroll;
        padding: 15px;
        left: 0;
        top: 0;
        display: none;
    }

    #menu_toggler{
        display: block;
    }

    #user_info_header{
        display: none;
    }

    .user_info_navibar{
        display: block;
    }
}


/* tablet */

@media only screen and (min-width: 769px) {
    .is-vertical-center {
        display: flex;
        align-items: center;
    }  

    .nowrap_tablet {
        white-space: nowrap;
    }
}

/* /tablet */


.did_container .did_fave:not(.is-loading)[data-value="on"] {
    color: rgb(255, 51, 71) !important;
}

.did_container .did_cart:not(.is-loading)[data-value="on"] {
    color: #23d160 !important;
}

.did_container .did_reserve:not(.is-loading)[data-value="on"] {
    color: #209cee !important;
}


.dotted_bottom_border{
    border-bottom: 1px dotted #dadada;
}

/* payable_service */

.pay_service_rec_size_item_container:not(.pay_service_rec_size_item_container_current) {
	cursor: pointer;

	 -moz-transition: all .25s ease-out;
	 -o-transition: all .25s ease-out;
	 -webkit-transition: all .25s ease-out;
}

.pay_service_rec_size_item_container:not(.pay_service_rec_size_item_container_current):hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.pay_service_rec_size_item_container:not(.pay_service_rec_size_item_container_current) .icon {
	-moz-transition: all .25s ease-out;
	 -o-transition: all .25s ease-out;
	 -webkit-transition: all .25s ease-out;
}

.pay_service_rec_size_item_container:not(.pay_service_rec_size_item_container_current):hover .icon {
	color: #ff6302;
}

.pay_service_rec_size_current_box {
	

}


/* /payable_service */

.busy_did {
    text-decoration: line-through;
    /*color: red;*/
}

#empty_page_container{
    padding: 10% 0;
}

#empty_page_container i{
    margin: 20px 0;
}

.margin_top {
    margin-top: 1.5rem;
}

.margin_bottom {
    margin-bottom: 1.5rem;
}




.social_links {
    padding: 4px;
    margin-top: 20px;
}


.empty_space
	{
	height: 75px;
	}

.monospace{
	font-family: Courier New, monospace;
	white-space: nowrap;
}

.text_line_hide {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}


/* bulma fix*/
.field.has-addons .control:not(:last-child) .file.has-name .file-name{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.blur_content {
	filter: blur(10px);

	/*noselect*/
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
    supported by Chrome and Opera */
}


/* bulma additional*/

.title.is-5 {
	margin-top: 4rem;
}

.userapi_doc_method_container h3.title {
	margin-top: 7rem;
}

.is-clickable {
	cursor: pointer;
}

/* интеграции - bitrix24 */
.crm_bitrix_user_info_img {
    background: #f5f5f5 no-repeat center center;
    width: 50px;
    height: 50px;
    background-size: cover;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.crm_bitrix_user_info_no_img {
    mask: url(../img/crm/user.svg) no-repeat center / contain;
    -webkit-mask: url(../img/crm/user.svg) no-repeat center / contain;
    background-color: #bababa;
    width: 90%;
    height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
}

/* интеграции - ручная интеграция */
.crm_custom_hint {
	border-bottom: 1px dashed rgba(255, 56, 96, .5);;
	font-weight: 800;
	word-break: break-all;
}

.crm_custom_hint::before {
	font-weight: 400;
}

.crm_custom_hint.has-text-info {
	cursor: pointer;
	border-bottom: 1px dashed rgba(32, 156, 238, .5);
}

.crm_custom_hint[data-tooltip]{
	cursor: text;
}

.crm_custom_list {
	background-color: #f5f5f5;
	color: #ff3860;
	padding: 0.25em 0.5em 0.25em 1.5em;
}

.s_modal_wide>.modal-content {
	width: 90%;
	padding: 1rem 1rem;
}

.invisible_scroll {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

/* хром, сафари */
.invisible_scroll::-webkit-scrollbar { width: 0; }

[data-tooltip]:not(.is-disabled).crm_custom_hint::before, 
[data-tooltip]:not(.is-loading).crm_custom_hint::before, 
[data-tooltip]:not([disabled]).crm_custom_hint::before {
	height: auto;
	width: 15rem;
	max-width: 15rem;
	text-overflow: clip;
	white-space: normal;
	word-break: keep-all;
}