.contrag-add-btn {
	height: 50px;
	width: 200px;
	/*background-color: #fff;
	border: 1px solid #ccc;*/
	top: 54px;
	position: fixed;
	left: 184px;
}

.contrag-filter-options {
	height: 100px;
	width: 200px;
	/*background-color: #fff;
	border: 1px solid #ccc;*/
	
	position: fixed;
	top: 112px;
}

#contragContainerDiv.no-add .contrag-filter-options {
    top: 59px;
}


.contrag-search-box {
	height: 69px;
	width: 288px;
	background-color: #dfe4e6;
	/*
	border: 1px solid #ccc;*/
	margin-left: 208px;
	top: 48px;
	top: 43px;
	position: fixed;
	z-index: 1001;


}


.contrag-search-box .text-input {
	margin-top: 16px;
	margin-bottom: 0px;
}

.contrag-wrapper {
	margin-left: 212px;
	margin-top: 52px;
}

.contrag-list {
	width: 284px;
	/*background-color: #fff;
	border: 1px solid #ccc;
	height: 200px;*/
}

/* START OF REMOVING SELECT TYPE OPTIONS */
.contrag-add-btn {
	margin-bottom: 10px;
	position: static;
        
}
.contrag-filter-options {
	left: 7px;
	top: 62px;
	height: 40px;
    width: 320px;
}
.contrag-filter-options .btn-white, .contrag-filter-options .btn-orange {
    display: none;    
}
.contrag-filter-options .btn-blue i:before {
    content: '\e60c';
}

.contrag-filter-options .link-bar-group a.link-bar {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -khtml-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
}
.contrag-search-box {
    height: 58px;
    margin-top: 7px;
	margin-left: 0px;
}
.contrag-search-box .text-input {
    margin-top: 10px;
}
.contrag-wrapper {
    margin-top: 39px;
	margin-left: 0px;
}
.contrag-list {
    
}
.contrag-card {
    
}
.contrag-add-btn {
    margin-bottom: 0px;
}
/*.address-book {
    margin-top: -20px !important;
}*/
/* END OF REMOVING SELECT TYPE OPTIONS */

.contrag-card {
	background-color: #fff;
	border: 1px solid #ccc;

	/*background-color: #e7ecee ;*/

	/*width: 400px;
	height: 200px;*/
	
	position: fixed;
    z-index:1000;

	margin-left: 280px;
    top: 60px;
    margin-right: 20px;
	padding: 10px 0px 10px 10px;
	width: 400px;
    -webkit-box-shadow: 0px 0px 4px 0px #808a7f;
    -moz-box-shadow:    0px 0px 4px 0px #808a7f;
    box-shadow:         0px 0px 4px 0px #808a7f;

    /*overflow-y: auto;*/
   /* display: none;*/
}
.contrag-card-small {
    position: absolute !important;
	padding: 0px 0px 0px 0px;
}

.ctg-card-accounts .check {
    width: 100%;
    background: #fff;
    /* -ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important; /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important; /* IE6-9 */
    
    margin-bottom: -1px !important;
    
    border-left: none !important;
    border-right: none !important;

    webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;

    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -khtml-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
}
.ctg-card-accounts .check label {
    padding-right: 32px !important;
    padding-left: 30px !important;
    padding-top: 3px !important;
    padding-bottom: 4px !important;
}



.ctg-card-accounts .check label:after {
    content: '\e602';
    color: #777;
    font-size: 32px;
    font-family: 'pcbicon';
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}

.ctg-card-acc-desc {
    font-size: 14px !important;
    /*color: #ca5500 !important;*/
}
.ctg-card-acc-num {
    color: #666 !important;
    font-size: 11px !important;
}
.ctg-card-acc-bank {
    color: #666 !important;
    font-size: 11px !important;
}

#contragContainerDiv.no-typeselect .contrag-search-box {
	margin-left: 0px;
}
#contragContainerDiv.no-typeselect .contrag-wrapper {
	margin-left: 0px;
}
#contragContainerDiv.no-edit .contrag-card .ccc-field  {
    cursor: default;
}
#contragContainerDiv.no-edit .contrag-card input:disabled, #contragContainerDiv.no-edit .contrag-card select:disabled  {
    color: #222;
    cursor: default;
}

.contrag-card.account-edit-mode {
    background-color:  #f2f5f6;
}
.contrag-card.account-edit-mode .ccc-field {
     border: 1px solid #f2f5f6 !important;
}
.contrag-card.account-edit-mode .ccc-field .root-input, .contrag-card.account-edit-mode .root-input .ccc-field:before {
    background-color:  #f2f5f6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: alpha(opacity=35);
  -moz-opacity: 0.35;
  -khtml-opacity: 0.35;
  opacity: 0.35;
  color: #2c3131 !important;
  cursor: default;
}
.contrag-card.account-edit-mode .ccc-edit-link-lbl {
    display: none;    
}
.contrag-card.account-edit-mode .ccc-field-dropdown {
    cursor: default;
}


.btn-add-new-contragent {
    background: none !important;
    border: none !important;
    cursor: pointer;
    height: 50px;
	vertical-align: middle;
}
.btn-anc-lbl {
    font-size: 18px;
    color: #333;
    padding-left: 6px;
    line-height: 46px;
	vertical-align: middle;
}
.btn-anc-icon-container {
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    -khtml-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px;
    background-color: #eb690a ;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    line-height: 30px;
    -webkit-box-shadow: 0px 0px 4px 0px #808a7f;
    -moz-box-shadow:    0px 0px 4px 0px #808a7f;
    box-shadow:         0px 0px 4px 0px #808a7f;
	vertical-align: middle;
}


.contrag-filter-options .link-bar-group a.link-bar {
    line-height: 32px !important;
    min-height: 36px !important;
}
.contrag-filter-options .link-bar-group a.link-bar.btn-blue {
    border: 1px solid #07365e !important; /* #a3aab7 #a3aab7 #d2d8dd*/
}
.contrag-filter-options .link-bar-group a.link-bar.btn-orange {
    border: 1px solid #c75b0a !important; /* #a3aab7 #a3aab7 #d2d8dd*/
}

.ccc-label {
    color: #888;
    margin-top: 18px;
}
.ccc-field {
    font-size: 15px;
    color: #333;
    cursor: pointer;
    border: 1px solid #fff;
    display: block;
    margin-left: 10px;
    position: relative;
    overflow: hidden;
}

.ccc-field.ccc-fromdoc {
    margin-left: -2px;    
}
.ccc-field.ccc-fromdoc .ccc-edit-link-lbl {
    display: block;
    line-height: 24px;   
}
.ccc-field.ccc-fromdoc .ccc-hid-input {
    display: none;
    padding-left: 2px !important;
    padding-bottom: 1px !important;
    padding-top: 1px !important;
    color: #005194;
    font-size: 11px;
}
.ccc-field.ccc-fromdoc.ccc-fromdoc-active {
     border: 1px solid #eb690a;
}
.ccc-field.ccc-fromdoc.ccc-fromdoc-active .ccc-edit-link-lbl {
    display: none;
}
.ccc-field.ccc-fromdoc.ccc-fromdoc-active .ccc-hid-input {
    display: inline;
}
.ccc-field.ccc-fromdoc.has-value .ccc-edit-link-lbl{
    display: none;
}
.ccc-field.ccc-fromdoc.has-value .ccc-hid-input {
    display: inline;
}

.ccc-field:before {
    content: " \e906";
    /* content: " \e62e";*/
    font-family: "pcbicon";
    color: #005194;
    font-size: 11px;
    position: absolute;
    left: 3px;
    top: 8px;
}

#contragContainerDiv.no-edit .ccc-field {
    margin-left: -8px;
}
#contragContainerDiv.no-edit .ccc-field:before {
	content: "";
}


.ccc-field-hover, .ccc-field-active {
    border: 1px solid #eb690a;
}
.ccc-field-hover input, .ccc-field-hover select {
    /*color: #ca5500;*/
}
.ccc-field-hover:before {
    color: #ca5500;
}
.ccc-ai-buttons {
    display: none;
}
.ccc-field.edit-mode .ccc-ai-buttons {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    text-align: left;
    display: block;
}
.ccc-field input {
    background: transparent;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    width: 100%;
    border: none !important;
    font-size: 15px;
    line-height: 22px;
    padding: 2px 5px 4px 18px;
    font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
}

.ccc-field .ccc-account-info {
    overflow: hidden;
    display: block;
    /*width: 100%;*/
    border: none !important;
    font-size: 15px;
    line-height: 18px;
    padding: 2px 5px 4px 18px;
    font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
}

.ccc-field .ccc-ai-title {
    display: none;
}
.ccc-field.edit-mode .ccc-ai-title {
    display: block;
    font-size: 14px;
    margin-top: 3px;
    margin-bottom: 8px;
    color: #ca5500;
}

.ccc-field .ccc-account-info .ccc-ai-lbl {
    display: none;
    font-size: 11px;
    color: #005194;
}
.ccc-field .ccc-account-info .ccc-ai-input {
    display: none;
    font-size: 15px;
}
.ccc-field.edit-mode .ccc-account-info .ccc-ai-input.ccc-field-dropdown {
    padding-left: 0px !important; 
    background-color: #fff;
    margin-bottom: 10px;
}
.ccc-field.edit-mode .ccc-account-info .ccc-ai-input.ccc-field-dropdown select {
    font-size: 13px !important; 
    padding: 3px 2px 4px 0px;
}
.ccc-field.edit-mode {

    border: 1px solid #dfe4e6;
    background-color: #fff;

    
    -webkit-box-shadow: 0px 0px 4px 0px #808a7f;
    -moz-box-shadow:    0px 0px 4px 0px #808a7f;
    box-shadow:         0px 0px 4px 0px #808a7f;
}
.ccc-field.edit-mode .ccc-account-info .ccc-ai-lbl {
    margin-top: 4px;
    display: block;
}
.ccc-field.edit-mode .ccc-account-info .ccc-ai-input {
    display: block;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 85%;
    font-size: 13px;
    border: 1px solid #d0d6dc !important;
    padding-left: 4px !important;
}

.ccc-field .ccc-ai-preview {
    display: inline;
}
.ccc-field.edit-mode .ccc-ai-preview {
    display: none;
}

.ccc-edit-link {
    color: #005194;
}
.ccc-edit-link span.ccc-edit-link-lbl {
    color: #005194;
    padding-left: 6px !important;
    font-size: 11px;
    cursor: pointer;
}
.ccc-edit-link:before {
    content: '' !important;
}

.ccc-field-dropdown {
    overflow: hidden;
    display: block;
    width: 100%;
}
.ccc-field-dropdown select {
    font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
    width: 130%;
    font-size: 15px;
    line-height: 22px;
    border: none !important;
    padding: 3px 2px 4px 15px;
    background: transparent;
    position: relative;
    z-index: 1;
}

.address-book {
    margin-top: 0px;
}

.book-letter {
    
    width: 40px;
    height: 40px;
    background-color: #d4011d;
    background-color: #005194 ;
    color: #FFFFFF;
    /*margin-bottom: 6px;*/
    
    text-align: center;
    vertical-align: middle;
    line-height: 38px;
    font-size: 18px;
    cursor: pointer;

    
    display: inline-block;
    text-decoration: none;

}

.anchor{
  display: block;
  height: 120px; /*same height as header*/
  margin-top: -120px; /*same height as header*/
  visibility: hidden;
}

.letter-selector {
    
    display: none;
}
.letter-selector .book-letter {
    display: inline-block;
    margin: 0px 2px 5px 0px;
}


.address-book .form-fieldset {
    margin-top: 10px;
    margin-bottom: 10px;
}
.book-item {
    cursor: pointer;
    padding: 10px 10px 10px 38px !important;
    margin: 0px 0px -1px 10px !important;
    min-height: 32px !important;
    background-color: #fff;
}
.book-item span {   
    padding: 3px 3px 3px 3px !important;
}
.book-item i.usr-image {
    font-size: 38px;
    margin: auto !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
}

.letter-container-on-list {
    background-color: #dfe4e6;
    margin-top: 20px;
    position: relative;
    z-index: 3;
    margin-bottom: 6px;
}

.letter-container-fixed {
    position: fixed;
    margin-top: 0px;
    width: 500px;
    z-index: 2;
}
.letter-container-fixed a.book-letter {
    margin-bottom: 6px;
}

.anchor-book-item {
    margin-top: -166px; height: 166px;
}
.book-item-name {
    color: #000 !important;
}
.book-item-des {
    font-size:11px;
}
.book-item-no-acc-alert {
    font-style: italic; font-size: 10px;
}

.letter-items {
    margin-bottom: 20px;
}


.book-item:hover {
    /*padding: 3px 5px 5px 51px;*/
}
.book-item .btn {
    
    /*margin-left: -45px;
    position: relative;*/
}


span.btnContragentSelect {
   /* border: 0px !important;
    border: 2px solid #aecae1 !important;
    -moz-border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -khtml-border-radius: 30px !important;
    -o-border-radius: 30px !important;
    border-radius: 30px !important;
    overflow: hidden;*/
    width: 30px;
    height: 30px;
    padding: 0px 0px 0px 0px !important;
    float: left;
    margin-left: -33px !important;
    margin-top: -4px !important;
    display: inline-block;

}
.btnContragentSelect i {
    color: #607494 !important;
    font-size: 30px !important;
    width: 30px;
    height: 30px;
    padding-top: 2px;
    margin-left: -3px;
}
.book-item-active .btnContragentSelect i {
    color: #d4011d !important;
}

a.btn.book-item {
    background: transparent !important;
    border: none !important;
    line-height: 12px !important;
    margin-bottom: 1px !important;
    
    
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -khtml-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
    /*
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -khtml-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;*/
}
    

    

.book-item span {
    padding-top: 2px !important;
    padding-bottom: 1px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    display: inline;
}

.letter-selected {
       /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";

  /* IE 5-7 */
  filter: alpha(opacity=35);

  /* Netscape */
  -moz-opacity: 0.35;

  /* Safari 1.x */
  -khtml-opacity: 0.35;

  /* Good browsers */
  opacity: 0.35;
}
.book-letter-all-selector {
    background-color: #eb690a;
}


a.btn.book-item:hover {
    background-color: #ebf1f2 !important;
    border: none !important;
    line-height: 12px !important;
}
a.btn.book-item.book-item-active {
    background-color: #fefbf0 !important;
    border: none !important;
    line-height: 12px !important;
    
    -webkit-box-shadow: 0px 0px 4px 0px #959b9a;
    -moz-box-shadow:    0px 0px 4px 0px #959b9a;
    box-shadow:         0px 0px 4px 0px #959b9a;

}


.save-changes-button-el {
    width:auto; z-index: 24; position:fixed; width: 600px; margin-left: -10px;
    background: #fff;/*#fefbf0;*/ border-bottom: 1px solid #eae4e4;
    padding: 8px 0px 8px 0px; margin-top: -10px;
}
.save-changes-button-el .btn {
        border: 1px solid #ced3d5;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    float: left;
    height: 35px !important;
    line-height: 18px !important;
    margin-top: -9px !important;
    margin-bottom: -9px !important;
    margin-right: -1px !important;
}
.save-changes-button-el .btn i {
    font-size: 16px !important;
    line-height: 30px !important;
    height: 30px !important;
    width: 16px;
}


.ccc-account-container {
    margin-bottom: 6px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#ctrg-add-new .text-input {
    
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -khtml-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
}

.tbl-tab-ckb {
    border-collapse: collapse;
    table-layout: auto !important;
}
.tbl-tab-ckb td {
    border-bottom: 1px solid #cdd3d4;
    border-right: 1px solid #dfe5e6;
    padding: 0px !important;
}
.tbl-tab-ckb td:last-child {
    border-right: none;
}
.tbl-tab-ckb td .text-input.check {
   /* background: #fff7df !important;*/
    border: none !important;   
     webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;   
    display: block !important;  
    margin: 0px !important;
    
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -khtml-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
}
.ctg-diag-disabled {
    background-color: #f2f5f6;
   
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
      filter: alpha(opacity=35);
      -moz-opacity: 0.35;
      -khtml-opacity: 0.35;
      opacity: 0.35;
}



.ctg-card-btn-close {
    display: none;
}

.td-ctg-small-h-right .ctg-card-btn-close {
    display: none;
}

@media only screen and (max-width : 990px) {
    .contrag-add-btn {
		/*margin-bottom: 10px;*/
		position: static;
        
	}
	.contrag-filter-options {
		left: 7px;
		top: 62px;
		height: 40px;
        width: 320px;
	}
    .contrag-filter-options .btn-white, .contrag-filter-options .btn-orange {
        display: none;    
    }
    .contrag-filter-options .btn-blue i:before {
        content: '\e60c';
    }

    .contrag-filter-options .link-bar-group a.link-bar {
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        -khtml-border-radius: 0px !important;
        -o-border-radius: 0px !important;
        border-radius: 0px !important;
    }
	.contrag-search-box {
        height: 58px;
        /*margin-top: 34px;*/
		margin-left: 0px;
	}
    .contrag-search-box .text-input {
        margin-top: 10px;
	}
	.contrag-wrapper {
        /*margin-top: 100px;*/
		margin-left: 0px;
	}
	.contrag-list {
    
	}
	.contrag-card {
    
	}

}

@media only screen and (max-width : 800px) {
    .contrag-add-btn {
		top: 400px;
		width: 100%;
		position: static;
	}
	.contrag-filter-options {
		left: 6px;
		top: 62px;
		height: 40px;
		width: 99%;
	}
	.contrag-search-box {
		margin-left: 0px;
		margin-top: 0px;
		height: 40px;
		width: 100%;
        position: static;
	}
    .contrag-search-box .text-input{
		margin-top: 0px;
    }
	.contrag-wrapper {
		margin-left: 0px;
		margin-top: 10px;
	}
    .letter-items {
        margin-top: -10px;
    }
	.contrag-list {
		margin-right: 20px !important;
        width: auto !important;
	}
	.contrag-card {
		/*display: none;*/
        margin-left: 0px;
	}

    

    .ctg-card-btn-close {
        display: block;
        float: right;
    }
    .ctg-card-btn-close button.btn {
        background-color: #fff !important;
        border: 1px solid #ced3d5;
        color: #555;
        height: 35px !important;
        width: 60px !important;
        line-height: 18px !important;
    }
    
    .ctg-card-btn-close button.btn i {
        color: #555;
    }


    .contrag-card-small {
        width: 96% !important;
        top: 15px !important;
    }

    .td-ctg-small-h-right .ctg-card-btn-close {
        display: block;
        float:right;
        top:0px;
        height: 35px !important;
    }
    .td-ctg-small-h-right .ctg-card-btn-close .btn {
        background-color: #fff !important;
        border: 1px solid #ced3d5;
        color: #555;
        height: 35px !important;
        width: 35px !important;
        line-height: 18px !important;

        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -khtml-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        float: right;
        height: 35px !important;
        line-height: 18px !important;
        margin-top: -10px !important;
        margin-bottom: -9px !important;
        margin-right: -4px !important;
    }
    .td-ctg-small-h-right .ctg-card-btn-close .btn i {
        font-size: 16px !important;
        line-height: 30px !important;
        height: 30px !important;
        width: 16px;
    }
    .td-ctg-small-h-right .i-pay {
        display: none;
    }
}