/*  Цветные Табы  fanytabs  */

/* Общее описание */
.fanytabs .clrtab-content{ position: absolute; z-index: 0; }

.fanytabs.full .clrtab-content{
    /* Цвет табов по умолчанию */
    background-color: #e8effd;
}

.fanytabs { position: relative; }

.fanytabs .clrtab { z-index: 100; position: relative; cursor: pointer; color: black; font-size: 18px; border-top: 1px #cfe3e5 solid; font-weight: normal; display: inline-block; }
.fanytabs.full .clrtab { border-top: 3px #cfe3e5 solid; }
.fanytabs .clrtab + .clrtab { z-index: 99; }
.fanytabs .clrtab + .clrtab + .clrtab { z-index: 98; }
.fanytabs .clrtab + .clrtab + .clrtab + .clrtab { z-index: 97; }
.fanytabs .clrtab.active { z-index: 140 !important; border-top: 3px #cfe3e5 solid; }
.fanytabs .label { height: 41px; line-height: 38px; position: relative; margin: 0 0 -3px; background: #fff; }
.fanytabs.full .label { background: none; }
.fanytabs .clrtab.first .label { padding: 0 0 0 24px; border-top-left-radius: 10px; }
.fanytabs.small-tabs .clrtab { font-size: 12px; font-weight: bold; }
.fanytabs.small-tabs .clrtab + .clrtab { margin: 0 0 0 20px; }



.fanytabs .clrtab:before,
.fanytabs .clrtab:after { content: url('/i/fanytabs/blue/left_thin.png'); position: absolute; top: -1px; right: 100%; width: 36px; height: 41px; }
.fanytabs .clrtab:after { left: 100%; content: url('/i/fanytabs/blue/right_thin.png'); }

.fanytabs.full .clrtab.active { border-color: #e8effd !important; z-index: 101 !important; background: #e8effd; }
.fanytabs.full .clrtab:before,
.fanytabs.full .clrtab:after,
.fanytabs .clrtab.active:before,
.fanytabs .clrtab.active:after { content: url('/i/fanytabs/blue/left.png'); position: absolute; top: -3px; right: 100%; width: 36px; height: 41px; }
.fanytabs.full .clrtab:after,
.fanytabs .clrtab.active:after { left: 100%; content: url('/i/fanytabs/blue/right.png'); }

.fanytabs .clrtab.active:before,
.fanytabs .clrtab.active:after { content: url('/i/fanytabs/blue/left_active_white.png'); height: 44px; width: 52px; }
.fanytabs .clrtab.active:after { left: 100%; content: url('/i/fanytabs/blue/right_active_white.png'); }

.fanytabs.full .clrtab.active:before,
.fanytabs.full .clrtab.active:after { content: url('/i/fanytabs/blue/left_active.png'); width: 47px; }
.fanytabs.full .clrtab.active:after { left: 100%; content: url('/i/fanytabs/blue/right_active.png'); }

.fanytabs .clrtab.first { border-top-left-radius: 10px; border-left: 1px #cfe3e5 solid; }
.fanytabs.full .clrtab.first .label { padding: 0 0 0 22px; }
.fanytabs.full .clrtab.first,
.fanytabs .clrtab.first.active { border-left: 3px #cfe3e5 solid; }
.fanytabs.full .clrtab.first .label,
.fanytabs .clrtab.first.active .label { padding-left: 22px; }
.fanytabs.full .clrtab.first:after { content: url('/i/fanytabs/blue/right.png'); }
.fanytabs .clrtab.first:before { display: none; }
.fanytabs.full .clrtab.first.active:after { content: url('/i/fanytabs/blue/right_active.png'); }


.fanytabs .clrtab-content-body { padding: 20px 20px 20px 25px; }
.fanytabs .clrtab-content-body.with-bottom-padding { padding-bottom: 35px !important; }
.fanytabs .clrtab-content-body.with-table { padding: 14px 0 20px; }
.fanytabs .clrtab-content { left: 0; right: 0; border-radius: 10px; border: solid 3px #cfe3e5; border-top-left-radius: 0;-webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, .2); box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1); z-index: 120; }
.fanytabs.full .clrtab-content { border: 0; z-index: 1; }

.fanytabs .more-link { position: absolute; right: 20px; bottom: 25px; }


.clrtab + .clrtab { margin: 0 0 0 50px; }


.fanytabs.red .clrtab:before,
.fanytabs.red .clrtab:after { content: url('/i/fanytabs/red/left_thin.png'); }
.fanytabs.red .clrtab:after { content: url('/i/fanytabs/red/right_thin.png'); }

.fanytabs.red .clrtab.active:before,
.fanytabs.red .clrtab.active:after { content: url('/i/fanytabs/red/left_active_white.png'); }
.fanytabs.red .clrtab.active:after { content: url('/i/fanytabs/red/right_active_white.png'); }

.fanytabs.red .clrtab-content { border-color: #fbc0a2; }
.fanytabs.red .clrtab { border-color: #fbc0a2 !important; }


.fanytabs.full.green .clrtab.first.active:after { content: url('/i/fanytabs/green/right_active.png'); }
.fanytabs.full.green .clrtab.active { background: #ecf5db; }
.fanytabs.full.green .clrtab.first, 
.fanytabs.green .clrtab.first.active { border-color: #ecf5db !important; }
.fanytabs.full.green .clrtab-content { background: #ecf5db; }

.fanytabs.yellow .clrtab:before,
.fanytabs.yellow .clrtab:after { content: url('/i/fanytabs/yellow/left_thin.png'); }
.fanytabs.yellow .clrtab:after { content: url('/i/fanytabs/yellow/right_thin.png'); }

.fanytabs.yellow .clrtab.active:before,
.fanytabs.yellow .clrtab.active:after { content: url('/i/fanytabs/yellow/left_active_white.png'); }
.fanytabs.yellow .clrtab.active:after { content: url('/i/fanytabs/yellow/right_active_white.png'); }

.fanytabs.full.yellow .clrtab.active:before,
.fanytabs.full.yellow .clrtab.active:after { content: url('/i/fanytabs/yellow/left_active.png'); }
.fanytabs.full.yellow .clrtab.active:after { left: 100%; content: url('/i/fanytabs/yellow/right_active.png'); }

.fanytabs.full.yellow .clrtab.first.active:after { content: url('/i/fanytabs/yellow/right_active.png'); }
.fanytabs.full.yellow .clrtab.active { background: #fef4d6; }
.fanytabs.full.yellow .clrtab.first, 
.fanytabs.full.yellow .clrtab.active { border-color: #fef4d6 !important; }
.fanytabs.full.yellow .clrtab-content { background: #fef4d6; }

.fanytabs.full.yellow .clrtab:before,
.fanytabs.full.yellow .clrtab:after { content: url('/i/fanytabs/yellow/left.png'); }
.fanytabs.full.yellow .clrtab:after { left: 100%; content: url('/i/fanytabs/yellow/right.png'); }


.fanytabs.yellow .clrtab-content { border-color: #fef0c4; }
.fanytabs.yellow .clrtab { border-color: #fef0c4 !important; }


.fanytabs.gray-blue  .clrtab:before,
.fanytabs.gray-blue  .clrtab:after { content: url('/i/fanytabs/gray_blue/left_thin.png'); }
.fanytabs.gray-blue  .clrtab:after { content: url('/i/fanytabs/gray_blue/right_thin.png'); }

.fanytabs.gray-blue  .clrtab.active:before,
.fanytabs.gray-blue  .clrtab.active:after { content: url('/i/fanytabs/gray_blue/left_active_white.png'); }
.fanytabs.gray-blue  .clrtab.active:after { content: url('/i/fanytabs/gray_blue/right_active_white.png'); }

.fanytabs.full.gray-blue .clrtab.active:before,
.fanytabs.full.gray-blue .clrtab.active:after { content: url('/i/fanytabs/gray_blue/left_active.png'); }
.fanytabs.full.gray-blue .clrtab.active:after { left: 100%; content: url('/i/fanytabs/gray_blue/right_active.png'); }

.fanytabs.full.gray-blue .clrtab.first.active:after { content: url('/i/fanytabs/gray_blue/right_active.png'); }
.fanytabs.full.gray-blue .clrtab.active { background: #ecf8fd; }
.fanytabs.gray-blue .clrtab.first.active,
.fanytabs.gray-blue .clrtab-content { border-color: #cfebf7 !important; }
.fanytabs.full.gray-blue .clrtab.first, 
.fanytabs.full.gray-blue .clrtab.active { border-color: #ecf8fd !important; }
.fanytabs.full.gray-blue .clrtab-content { background: #ecf8fd; }

.fanytabs.light-green  .clrtab:before,
.fanytabs.light-green  .clrtab:after { content: url('/i/fanytabs/light_green/left_thin.png'); }
.fanytabs.light-green  .clrtab:after { content: url('/i/fanytabs/light_green/right_thin.png'); }

.fanytabs.light-green  .clrtab.active:before,
.fanytabs.light-green  .clrtab.active:after { content: url('/i/fanytabs/light_green/left_active_white.png'); }
.fanytabs.light-green  .clrtab.active:after { content: url('/i/fanytabs/light_green/right_active_white.png'); }

.fanytabs.full.light-green .clrtab.active:before,
.fanytabs.full.light-green .clrtab.active:after { content: url('/i/fanytabs/light_green/left_active.png'); }
.fanytabs.full.light-green .clrtab.active:after { left: 100%; content: url('/i/fanytabs/light_green/right_active.png'); }

.fanytabs.full.light-green .clrtab.first.active:after { content: url('/i/fanytabs/light_green/right_active.png'); }
.fanytabs.full.light-green .clrtab.active { background: #f4fafa; }
.fanytabs.light-green .clrtab.first.active,
.fanytabs.light-green .clrtab-content { border-color: #f4fafa !important; }
.fanytabs.full.light-green .clrtab.first, 
.fanytabs.full.light-green .clrtab.active { border-color: #f4fafa !important; }
.fanytabs.full.light-green .clrtab-content { background: #f4fafa; }

.ct-cell-cover .clrtab-content { border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; }