.datepicker-panel>ul>li{
    width: 33px;
}

.insurance-card .input-group{
    width: auto;
}

.new_year{
    width: 100%;
    height: 107px;
    background-size: 307px;
}
.scrollbar-sidebar .new_year img{
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    
}

.scrollbar-sidebar .march8 img{
    width: 65%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    
}

.app-main__outer.march8{
    background-image: url(../images/march8.png)!important;
    background-position: 339px -59px;
    width: 200px;
    height: 120px;
    background-size: 1055px;
}

.app-main__outer.newyear{
    background-image: url(../images/newyear4.png)!important;
    width: 200px;
    height: 107px;
    background-size: 307px;
}

.main-card.mb-3.card .card-body .insurance-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    align-items: center;
}
/*РС*/
.show[data-parent="#accordion"]{
    border-bottom: 1px solid rgba(6,22,48,.125);
}
.display_none{display:none !important;}
.bbw0{ border-bottom-width: 0px !important;}
.timeline-title-use {
    font-size: .8rem;
    text-transform: uppercase;
    padding: 2px 0 0 !important;
    font-weight: 700;
    color: #144ca1 !important;
    text-decoration: none !important;
    background-color: transparent;
    display:block;
}
a.timeline-title-use:hover {
    color: #0056b3 !important;
    text-decoration: underline !important;
}
/*---API---*/
.api {
    border: 1px solid rgba(108, 117, 125, .5);
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.api tr {
    border-bottom: 1px solid rgba(108, 117, 125, .5);
}

.api tr>td {
    border: 1px solid rgba(108, 117, 125, .5);
    text-align: center;
    width: 23.33%;
    font-size: 18px;
    padding: 10px 0;
}

/*---API---*/

.nav-link.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.nav-link.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.closed-sidebar .phone {
    display: none;
}
.phone {
    position: fixed;
    bottom: 15px;
    left: 37px;
    color: #144CA1;
    z-index: -1;
}
.phone .caption, .phone a {
    font-weight: bold;
    color: #144CA1;
}
.phone a.large {
    color: #144CA1;
    font-size: 160%;
    font-weight: normal;
}
.vertical-nav-menu {
    font-size: 1rem;
}
html {
    zoom: 0.9 
} 
.fixed-sidebar .app-sidebar {
    height: 100%;
}
.modal-backdrop {
    width: 100%;
    height: 100%;
}
.app-header__logo .logo-src {
    height: 46px;
    width: 192px;
}
/*---*/
.tabs-animation .wrapper .ibox .ibox-content h1{
    font-size: 35px;
}
.badge{
    height: 20px;
    margin: 0!important;
}
.card .card-body .ibox-title{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
    justify-content: space-between;
    border-bottom: 1px solid rgba(26,54,126,.125);
    padding-bottom: 7px;
    margin-bottom: 7px;
}
/*.card .card-body .ibox .two-rows{
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
    }*/
.card .card-body .main_news_wrapp .news_title_wrap{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(26,54,126,.125);
    padding-bottom: 7px;
    margin-bottom: 7px;
}
.main_news_wrapp .news_title_wrap .news_name{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.main_news_wrapp .news_title_wrap .news_name .name_date{
    padding-left: 15px;
    color: rgba(26,54,126,.3);
}
.tabs-animation.prom_pay{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.tabs-animation.prom_pay .list .form-control{
    margin-top: 10px;
}
.tabs-animation.prom_pay .list .list_but{
    margin-top: 10px;
}
.tabs-animation.prom_pay .prom_pay_body .form-control{
    margin-top: 10px;
}
.tabs-animation.prom_pay .prom_pay_body .prom_pay_but{
    margin-top: 10px;
}
.tabs-animation.prom_pay .prom_pay_body .subtitle{
    margin-top: 10px;
}
.tabs-animation .main_news_wrapp .news_name a{
    padding-left: 10px;
}
.tabs-animation.azs{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.card .card-body .ibox.float-e-margins_dan .card-title{
    border-bottom: 1px solid rgba(26,54,126,.125);
    padding-bottom: 10px;
}
.ibox.float-e-margins .title-border .card-title{
    border-bottom: 1px solid rgba(26,54,126,.125);
    padding-bottom: 10px;
}
.ibox.float-e-margins .ibox-content .feed-activity-list .feed-element{
    border-bottom: 1px solid rgba(26,54,126,.125);
    padding: 10px 0;
    margin: 10px 0;
}
.ibox.float-e-margins .ibox-content .feed-activity-list .feed-element.spr{
    border: none;
}
/*---Рабочий стол---*/
.bg-si{
    background-image: linear-gradient(to right bottom, #201559, #241c74, #242491, #1d2daf, #0036cf)!important;
}
.ibox.float-e-margins .ibox-content .feed-activity-list .feed-element .left_line{
    position: relative;
}
.ibox.float-e-margins .ibox-content .feed-activity-list .feed-element .left_line:after{
    content: "";
    display: block;
    position: absolute;
    left: 8px;
    top: 32%;
    width: 2px;
    height: 50%;
    border-radius: 3px;
    background: #3f6ad8;
}
.widget-content .widget-content-wrapper{
    align-items: normal;
}
.list-group-item .widget-content.p-0 .widget-content-left.flex2 .card-title{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.list-group-item .widget-content.p-0 .widget-content-left.flex2 .card-title img{
    min-width: 20px;
    min-height: 20px;
    width: 20px;
    height: 20px;
    margin-right: 20px;
}
.list-group-item .widget-content.p-0 .widget-content-left.flex2 .widget-subheading{
    opacity: 1;
}
.list-group-item .widget-content.p-0 .widget-content-left.flex2 .date{
    padding-top: 20px;
    color: #ccc;
}
/**/	
ul.typeahead li.active {
background-color: Gainsboro;
}	
.swal2-popup .swal2-styled.swal2-confirm1 {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #3085d6;
    color: #fff;
    font-size: 1.0625em;
}

tr [action="remove"] button.close {
    color: #fff
}

tr [action="add"] button.close {
    display: none;
}
tr td.actions {
    width: 42px;
}

tr.active td {
    background: #144CA1 !important;
    color: #fff;
    border: solid 1px #144CA1 !important;
}
tr [action] {
    cursor: pointer;
}

.vertical-nav-menu li a:hover i.metismenu-icon {
    opacity: 1   !important;
}

.vertical-nav-menu i.metismenu-state-icon, .vertical-nav-menu i.metismenu-icon {
	font-weight: bold;
    opacity: .9  !important;
}

@media all and (max-width: 1200px) {
	.modal-footer {
	    justify-content: flex-start;
	}
}
td input {
    border: 1px solid transparent;
    background: none;
    padding: 0px 25px 0px 0px;
    width: 160px;
	color: #495057;
}
.fa-pencil span:before{
content: ""
}
.quick_edit {
    white-space: nowrap;
}
.modal-body .form-group + .form-group {
    margin-left: 5px;
}

.label-text-big {
    width: 475px  !important;
}
input.pseudolabel{
	background-color:white !important;
}
#request_cards .modal-body:first-child { padding-bottom: 5px; }
#change_limits .card_number { min-height: 20px; }
#change_limits .panel { display: none; }
#change_limits .panel.active { display: block; }
#card_request .element-sample, #change_limits .element-sample { border: dashed 2px #000; display: none; }

.toggle_icon.card_status {
    text-align: center;
    display: block;
}
.card_status i {
    font-size: 120%;
    bottom: -1px;
    position: relative;
}

.fa-unlock {
    color: #3c763d;
}
.fa-lock {
    color: #f95b5b;
}
#change_limits > .modal-dialog {
    min-width: 1200px;
}
#card_request > .modal-dialog {
    min-width: 1200px;
}
        .modal-open { overflow: hidden !important; }

        .modal .modal-xlg { width: 70%; margin: 0px; right: 0px; left: auto; position: absolute; bottom: 0px; top: 0px; }
        .modal.fade .modal-xlg { transform: translate(0%,0)  !important; top: 0px  !important; max-width: 50%}
    
        .modal .modal-xlg .modal-content { height: 100%; border: none; border-radius: 0px; }
        .modal .modal-xlg .modal-content .modal-header { padding: 10px 15px; }
        .modal .modal-xlg .modal-content .modal-title { font-size: 14px; text-align: left; margin-left: 10px; }
        .modal .modal-xlg .modal-content .modal-body { padding: 0px; height: calc(100% - 45px); }
        .modal .modal-xlg .modal-content .modal-body iframe { border: none; min-height: 400px; }

        #detailContract .table-responsive { padding: 25px; background: #fff; }

        @media (min-width: 768px) {
                .modal-dialog {  }
        }
        
        .form-inline label {
display: inline-block;
}
	
[data-sort_direction] { white-space: nowrap; }
[data-sort_direction].sort_by_this:after { display: inline-block; margin-left: 5px; }
[data-sort_direction="asc"].sort_by_this:after { content: '↑'; }
[data-sort_direction="desc"].sort_by_this:after { content: '↓'; }

.app-header__logo .logo-src {
    background-repeat: no-repeat;
    background-position-x: 50%;
}
#ask_question .modal-dialog, #order_usb .modal-dialog {
    -webkit-transform: translate(0,-50%) !important;
    -o-transform: translate(0,-50%) !important;
    transform: translate(0,-50%) !important;
    top: 50% !important;
    }
.modal-title {
    text-align: center;
    width: 100%;
    font-weight: bold;
}


/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.row.widget{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.row.widget .card{
		margin-bottom: 15px;
	}
	.row.news_content .card{
		margin-bottom: 15px;
	}
}
.page-title-slider {
    max-width:100vw!important;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
}
.slick-slider-custom .custom-scroll{
    height: 80px !important;
    margin-right: auto;
    margin-left: auto;
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.tabs-animation.azs{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.tabs-animation.azs .card{
		margin-bottom: 15px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

	.tabs-animation.prom_pay{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.tabs-animation.prom_pay .card{
		margin-bottom: 15px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .page-title-slider {
        width: 80vh;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1465px) {
    .page-title-slider {
        width: 110vh;
    }
}