.clear {
    clear: both; }

@font-face {
    font-family: 'Segoe UI';
    src: url("../fonts/segoeui.eot");
    src: url("../fonts/segoeui.eot?#iefix") format("embedded-opentype"), url("../fonts/segoeui.woff") format("woff"), url("../fonts/segoeui.ttf") format("truetype"), url("../fonts/segoeui.svg#Segoe_UI") format("svg");
    font-weight: normal;
    font-style: normal; }
@font-face {
    font-family: 'Segoe UI';
    src: url("../fonts/segoeuil.eot");
    src: url("../fonts/segoeuil.eot?#iefix") format("embedded-opentype"), url("../fonts/segoeuil.woff") format("woff"), url("../fonts/segoeuil.ttf") format("truetype"), url("../fonts/segoeuil.svg#Segoe_UI") format("svg");
    font-weight: 100;
    font-style: normal; }
@font-face {
    font-family: 'Segoe UI';
    src: url("../fonts/segoeuib.eot");
    src: url("../fonts/segoeuib.eot?#iefix") format("embedded-opentype"), url("../fonts/segoeuib.woff") format("woff"), url("../fonts/segoeuib.ttf") format("truetype"), url("../fonts/segoeuib.svg#Segoe_UI") format("svg");
    font-weight: bold;
    font-style: normal; }
@font-face {
    font-family: 'Segoe UI';
    src: url("../fonts/seguisb.eot");
    src: url("../fonts/seguisb.eot?#iefix") format("embedded-opentype"), url("../fonts/seguisb.woff") format("woff"), url("../fonts/seguisb.ttf") format("truetype"), url("../fonts/seguisb.svg#Segoe_UI") format("svg");
    font-weight: 600;
    font-style: normal; }
.text-center {
    text-align: center; }

.text-right {
    text-align: right; }

.text-justify {
    text-align: justify; }

.center {
    display: block;
    margin: 0 auto; }

.inline-block {
    display: inline-block; }

.container {
    width: 750px !important;
    height: 1000px !important;
    position: relative;
    margin: 0 auto;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    font-size: 17px;
    background: #fff;
    color: #222;
    font-weight: normal;
    overflow-x: hidden;
    overflow-y: auto !important; }

body {
    background: #ddd; }

.container p sup {
    vertical-align: top; }
.container p a {
    color: #000; }
.container p a:hover {
    text-decoration: underline; }

.row {
    padding-top: 20px; }

.pleft {
    padding-left: 0 !important; }

.page11_images a {
    display: block;
    position: relative;
    text-align: center;
    padding: 10px  20px; }
.page11_images a img {
    width: 100%;
    border-radius: 100%;
    box-sizing: border-box;
    border: 3px solid #d1d4d6; }
.page11_images a span {
    display: inline-block;
    background: #3c763d;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    padding: 0 10px;
    margin-bottom: -30px;
    position: relative; }


p{
    text-indent: 25px;
}

.table-fix tbody tr td {
    padding: 0 10px; }

.table-info {
    border-color: #86bae4 !important; }
.table-info td, .table-info th {
    border-color: #86bae4 !important; }

.table-border-green {
    border-color: #469408 !important; }
.table-border-green td {
    border-color: #469408 !important; }

.table-border-blue {
    border-color: #d9230f !important; }
.table-border-blue td {
    border-color: #d9230f !important; }

.table-border-orange {
    border-color: #9b479f !important; }
.table-border-orange td {
    border-color: #9b479f !important; }

.table-border-red {
    border-color: #d9831f !important; }
.table-border-red td {
    border-color: #d9831f !important; }

.table-border-primary {
    border-color: #d9230f !important; }
.table-border-primary td {
    border-color: #d9230f !important; }

.table-border-success {
    border-color: #469408 !important; }
.table-border-success td {
    border-color: #469408 !important; }

.table-border-info {
    border-color: #bbdbf3 !important; }
.table-border-info td {
    border-color: #bbdbf3 !important; }

.table-info-even tr:nth-child(even) td {
    background: #ebf7fd; }

.table-border-warning {
    border-color: #dc95f3 !important; }
.table-border-warning td {
    border-color: #dc95f3 !important; }

.table-border-danger {
    border-color: #f3b545 !important; }
.table-border-danger td {
    border-color: #f3b545 !important; }

.table-border-default {
    border-color: #333 !important; }
.table-border-default td {
    border-color: #333333 !important; }
	
.table-border-orange {
  border-color: #e56832 !important; }
  .table-border-orange td {
    border-color: #e56832 !important; }
	.table-border-orange th {
      border-color: #e56832 !important; text-align:center;}	
	  .extra-orange {
      background-color: #f5a06a !important;}
	  .extra-orange-1 {
      background-color: #fddec2 !important;}
	  .extra-orange-45 {
      background-color: #feeddd !important;}
	  .extra-orange-45-1 {
      background-color: #fecbac !important;}

.table-border-brown {
  border-color: #978e57 !important; }
  .table-border-brown td {
    border-color: #978e57 !important; }
	.table-border-brown th {
      border-color: #978e57 !important; text-align:center;}	
	  .extra-brown-thead {
      background-color: #b9b27e !important;}
	  .extra-brown-tbody {
      background-color: #efede0 !important;}
	  
.table-border-brown-1 {
  border-color: #8c912b !important; }
  .table-border-brown-1 td {
    border-color: #8c912b !important; }	  

.image-right {
    float: right;
    margin-left: 15px; }

.image-left {
    float: left;
    margin-right: 15px; }

.list-fix .list-group-item {
    padding: 3px 15px;
    font-size: 14px; }

.box {
    display: inline-block;
    height: 24px;
    width: 150px;
    position: relative;
    top: 6px;
    margin-left: 5px; }
.box.blue {
    border: 1px solid #428bca; }
.box.orange {
    border: 1px solid #8a6d3b; }

.float-item {
    float: left;
    width: 33%;
    text-align: center; }
.float-item img {
    height: 200px; }
.float-item.float-text {
    text-align: left;
    padding-top: 30px; }
.float-item.float-text div {
    padding-left: 25px; }

.half {
    float: left;
    width: 50%; }

.list-group-item {
    overflow: hidden; }

.tip {
    position: absolute;
    top: 10px;
    left: 0;
    width: 120px;
    height: 120px;
    padding-top: 15px;
    border-radius: 100%; }

.width-33 {
    float: left;
    width: 33%; }

.title-prev {
    height: 40px;
    padding-right: 10px;
    display: inline-block;
    float: left; }

.label-checkbox {
    display: inline-block;
    border: 1px solid #333;
    width: 11px;
    height: 11px;
    margin-right: 5px; }

.images-options a {
    float: left;
    width: 33%;
    box-sizing: border-box;
    padding: 0 10px;
    position: relative; }
.images-options a span {
    position: absolute;
    top: 0;
    right: 10px; }
.images-options a img {
    width: 90%; }

.dot {
    border: 1px solid #222;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 1px;
    position: relative;
    top: 1px; }
.dot.black {
    background: #111; }

.fs9 {
    font-size: 9px; }

.fs10 {
    font-size: 10px; }

.fs11 {
    font-size: 11px; }

.fs12 {
    font-size: 12px; }

.fs13 {
    font-size: 13px; }

.fs14 {
    font-size: 14px; }

.fs15 {
    font-size: 15px; }

.fs16 {
    font-size: 16px; }

.fs17 {
    font-size: 17px; }

.fs18 {
    font-size: 18px; }

.fs19 {
    font-size: 19px; }

.fs20 {
    font-size: 20px; }

.mb5 {
    margin-bottom: 5px; }

.mb10 {
    margin-bottom: 10px; }

.mb15 {
    margin-bottom: 15px; }

.mb20 {
    margin-bottom: 20px; }

.mb25 {
    margin-bottom: 25px; }

.mb30 {
    margin-bottom: 30px; }

.list-class1 li {
    background: #fefce3;
    border-color: #e0c181;
    font-weight: bold;
    color: #222; }

.table-style1 {
    border-color: #d4e4f5; }
.table-style1 td, .table-style1 th {
    border-color: #d4e4f5 !important; }
.table-style1 th {
    background: #fcedf4; }
.table-style1 tr {
    background: #f1f7eb; }
.table-style1 tr:nth-child(even) {
    background: #fffcde; }

.table-style2 th {
    background: #fcead9 !important; }

.line {
    position: absolute;
    top: 38px;
    left: 56px;
    display: block;
    width: 115px;
    height: 1px;
    background-color: #3a87ad;
    /* Rotate div */
    -ms-transform: rotate(22deg);
    /* IE 9 */
    -webkit-transform: rotate(22deg);
    /* Chrome, Safari, Opera */
    transform: rotate(22deg); }

.bg-inner {
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 12px; }
.bg-inner h3 {
    background: #fff;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 5px 0 10px 0;
    display: inline-block;
    padding: 10px 20px; }

.list-style1 li {
    background: #f7f5f0 !important;
    border-color: #d7c9b5 !important;
    border-bottom-width: 2px;
    border-radius: 4px; }

.list-box {
    width: 43px;
    height: 43px;
    border: 1px solid #52a625;
    border-radius: 7px;
    color: #52a625;
    text-align: center;
    line-height: 43px;
    font-weight: bold;
    margin: 0 auto;
    display: inline-block;
    background: #fff; }

h1, h2, h3, h4, h5, h6 {
    font-weight: bold; }

.radius {
    overflow: hidden;
    border-radius: 10px; }

sub, sup {
    font-size: 12px; 
	/*font-weight:bold;*/ }

sup {
    position: relative;
    top: 8px;
	}

.table sup {
    top: -5px;
    font-size: 10px; }

ol li sup {
    font-size: 10px; }

ol li ol {
    margin: 10px 0; }

.table-white {
    background: #fff; }

.paragraph-fix p {
    margin-bottom: 2px; }
.paragraph-fix .panel {
    margin-top: 10px;
    margin-bottom: 10px; }

.yellow-box {
    float: right;
    width: 250px;
    background: #fff212;
    padding: 10px 15px;
    border-radius: 10px;
    margin-left: 10px;
    font-weight: normal; }
.yellow-box h3 {
    margin-top: 0; }
.yellow-box.left {
    float: left;
    margin-right: 10px;
    margin-left: 0; }

.panel .panel-body > p:last-child, .panel .panel-body ol:last-child, .panel .panel-body ul:last-child {
    margin-bottom: 0; }

.text-purple {
    color: #a63691; }

.question {
    background: url(../img/question.png) no-repeat right;
    min-height: 138px;
    padding:20px 200px 20px 20px;
}
.null{
    background: url("../img/null-icon.jpg")no-repeat 0;
    min-height: 28px;
    padding-left: 35px;
}
p .label {
    float: left;
    line-height: 20px;
    margin-right: 10px; }

.panel.color .panel-body {
    background: url(../img/color-icon.png) no-repeat 15px 10px;
    padding-left: 70px; }

.panel.color span.title {
    padding: 0 10px;
    background-color: #fecb3f;
    color: #444;
}

.label {
    position: relative; }
.page5-bg {
    background: url("../img/page5/1.jpg")no-repeat;
    width: 750px;
    height: 615px;
}
.page7-bg{
    background: url("../img/page7/bg.jpg")no-repeat;
    width: 750px;
    height: 724px;
}

.page19-bg {
    background: url("../img/page19/page19-bg.jpg") no-repeat;
    width: 750px;
    height: 614px;
}

.page29-bg{
    background: url("../img/page29/page29-bg.jpg")no-repeat;
    width: 750px;
    height: 756px;
}

.page51-bg{
    background: url("../img/page51/page51-bg.jpg")no-repeat;
    width: 750px;
    height: 624px;
}

.button-1{
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    text-align: center;
    color: #fff;
    font-size:70px;
    background-color:#fecb3f;
    margin-left: 210px;
    font-weight: bold;
    box-shadow: 10px 5px 25px #8c8c8c;
    float: left;
}

.title{
    width: 100%;
    height: 60px;
    margin: 10px 0;
}
.title span.img-title{
    float: left;
    background: url("../img/title-bg.png")no-repeat;
    height: 42px;
    width: 52px;
}


.title span.img-content{
    float: left;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 10px;

}

.title span.no{
    font-size:20px;
    border: 3px solid #dddddd ;
    border-radius: 5px;
    padding: 2px 10px;
    font-weight: bold;
    margin-right: 5px;;
}

p span.bg{
    background-color: #d1e290;
    color: #444;
    padding: 0 10px;
    font-weight: bold;
}

.konu{
    margin-bottom: 10px;
    position: absolute;
    top: -2px;
    background-color: #a42c68;
    padding: 5px 10px;
    color: #fff;
}

.saxla{
    padding: 5px 45px;
    font-size:15px;
    background-color: #faaf67 ;
    float: left;
    margin-right: 20px;
}

.bg-orange{
    background-color: #faaf67;
}

.box-comment{
    left: 20px;
    position: relative;
    background-color: #fde0c1;
    width: 140px;
    min-height: 65px;
    padding: 10px 15px;
    font-size: 16px;
}

.box-comment-2{
    left: 20px;
    position: relative;
    background-color: #f9b373;
    width: 240px;
    min-height: 35px;
    padding: 5px 15px;
    font-size: 16px;
    border-radius: 5px;
}

.box-comment-2 .triangle-right{
    position: absolute;
    right:-25px;
    top: 50%;
    margin-top: -15px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 20px solid #f9b373;
    border-bottom: 15px solid transparent;
}

.box-comment .triangle{
    position: absolute;
    left:-20px;
    top: 50%;
    margin-top: -20px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 20px solid #fce1c2;
    border-bottom: 15px solid transparent;
}

.box-comment .triangle-bottom{
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #fce1c2;
}

.box-comment .triangle-top{
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #fce1c2;
}

.box-comment .triangle-right{
    position: absolute;
    right:-20px;
    top: 50%;
    margin-top: -20px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 20px solid #fce1c2;
    border-bottom: 15px solid transparent;
}

.bg-krem {
    background-color: #fde0c1;
}
.bg-acikkrem{
    background-color: #fde9d5;
}

.panel-brown .panel-heading{
    background-color: #af7a4f;
    color: #fff;
}

.panel-brown .panel-body{
    border: 1px solid #af7a4f;
}

.panel-blue .panel-heading{
    background-color: #283781;
    color: #fff;
}

.panel-blue .panel-body{
    border: 1px solid #283781;
}


/*EXTRA*/

span.extra-square{
	width: 15px;
	height: 10px;
	border: 1px solid #ec51ad;
	display:inline-block;
}

.extra-bold{
	font-weight:bold;
}

.extra-normal{
	font-weight:normal;
}

.extra-text-left{
	text-align:left;
}

.extra-right{
	float:right;
}

.text-white{
    color: #ffffff;
}

.text-extra-danger {
    color: #ef1c25;
}

.text-extra-red{
	color: #ff0008;
}

.text-extra-red-1{
    color: #f21f26;
}

.text-pink{
	color: #ec51ad;
}

.text-extra-green{
	color: #0aa257;
}

.text-extra-green1{
     color: #44a256;
 }

.text-extra-green-3{
    color: #1f4b1a;
}

.text-extra-green-4{
    color: #20bb60;
}

.text-extra-violet{
	color: #523261;
}

.text-extra-violet2{
	color: #9e2c8c;
}

.text-extra-black{
	color: #222;
}

.text-extra-black-1{
    color: #999c95;
}

.text-extra-info{
	color: #1a5283;
}

.text-extra-info-1{
    color: #4385c2;
}

.text-extra-info-2{
    color: #224194;
}

.text-extra-info-3{
    color: #373868;
}

.text-extra-info-4{
    color: #6962a5;
}


.text-extra-orange{
	color: #f17736;
}

.text-extra-o{
    color: #f5b56e;
}

.text-extra-brown{
	color: #4f302b;
}

.text-extra-brown-1{
    color: #301b0a;
}

.text-extra-brown-3{
    color: #828371;
}

.text-extra-gray{
    color: #808080;
}

.text-extra-yellow{
    color: #8d8229;
}

span.text-extra-right{
	float:right;
	display:block;
}


.extra-back-g {
    background-color: #cbe6d3;
    padding: 5px;
    text-indent: 20px;
}

.extra-back-g-1 {
    background-color: #e3f0d4;
    padding: 5px;
    text-indent: 20px;
}

.extra-back-y {
    background-color: #fff296;
    padding: 5px;
    text-indent: 20px;
}

.extra-back-y-1 {
    background-color: #ffe400;
}

.extra-back-y-2 {
    background-color: #fed3b1;
    padding: 5px;
    text-indent: 20px;
}

.extra-back-y-3 {
    background-color: #fff102;
    padding: 5px;
    text-indent: 20px;
}

.extra-back-y-4 {
    background-color: #fff102;
    padding-left: 5px;
    padding-right: 5px;
}

.extra-back-i {
    background-color: #d8edde;
    padding: 5px;
    text-indent: 20px;
}

.extra-back-r-1 {
    background-color: #fde8f1;
    padding: 5px;
    text-indent: 20px;
}

.extra-back-s-1 {
    background-color: #a5b0dd;
    text-align: center;
}

.extra-back-s-2 {
    background-color: #d4d9ec;
    text-align: center;
}

.extra-background-info{
    background-color: #cdffff !important;
}

.extra-background-info-1{
    background-color: #cdffff !important;
}

.extra-background-yellow{
    background-color: #fefe9a !important;
}

.extra-background-y-1{
    background-color: #fff9c5 !important;
}

.extra-background-brown{
    background-color: #ffcc9a !important;
}

.extra-background-green{
    background-color: #00ff01 !important;
}

.extra-background-red{
    background-color: #ec018c !important;
}





.panel-extra-b-2{border: 1px solid #000202 !important; margin-bottom: 5px;}.panel-extra-b-2>.panel-heading{color:#ffffff;background-color:#4b81bd; text-indent: 25px;  border-color:#10847b}.panel-extra-b-2>.panel-heading+.panel-collapse>.panel-body{border-top-color:#10847b}.panel-extra-b-2>.panel-heading .badge{color:#10847b;background-color:#ffffff}.panel-extra-b-2>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#10847b}

.panel-extra-b-2>.panel-body{background-color:#585daf;padding: 5px;color: #ffffff;}

.panel-extra-b-2>.panel-heading{padding: 5px 10px;}

.panel-extra-b-1{border: 1px solid #000202 !important; margin-bottom: 5px;}.panel-extra-b-1>.panel-heading{color:#ffffff;background-color:#4b81bd; text-indent: 25px;
                                                                               border-color:#10847b}.panel-extra-b-1>.panel-heading+.panel-collapse>.panel-body{border-top-color:#10847b}.panel-extra-b-1>.panel-heading .badge{color:#10847b;background-color:#ffffff}.panel-extra-b-1>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#10847b}

.panel-extra-b-1>.panel-body{background-color:#c7d9f1;padding: 5px;color: #222222;}

.panel-extra-b-1>.panel-heading{padding: 5px 10px;}

.panel-extra-black-b {
    margin-bottom: 10px;
    margin-top: 10px;
    border: 2px solid #222222;
}

.panel-extra-black-b > .panel-body {
    background-color: #ffffff !important;
}

.panel-extra-b-x {
    margin-bottom: 10px;
    margin-top: 10px;
}

.panel-extra-b-x > .panel-body {
    background-color: #c6eafa !important;
}

.panel-extra-r-x {
    margin-bottom: 10px;
    margin-top: 10px;
}

.panel-extra-r-x > .panel-body {
    background-color: #f2cec0 !important;
}

.panel-extra-b-y {
    margin-bottom: 10px;
    margin-top: 10px;
}

.panel-extra-b-y > .panel-body {
    background-color: #cbe6d3 !important;
}

.panel-extra-b {
    margin-bottom: 10px;
    margin-top: 10px;
}

.panel-extra-b > .panel-body {
    background-color: #bdd9da !important;
}

.panel-extra-br {
    margin-bottom: 10px;
    margin-top: 10px;
}

.panel-extra-br > .panel-body {
    background-color: #e9e0cf !important;
}

.panel-extra-br-1 {
    margin-bottom: 10px;
    margin-top: 10px;
    border: 5px solid #dbcbbb;
}

.panel-extra-br-1 > .panel-body {
    background-color: #e8dec5 !important;
}

.panel-extra-g-1 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.panel-extra-g-1 > .panel-body {
    background-color: #e1f3e7 !important;
}

.panel-extra-r {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-extra-r > .panel-heading {
    color: #ef1c25;
    background-color: #ffffff;
    border: 1px solid #ef1c25;
    border-bottom: none;
    width:25%;
    text-align: center;
    font-weight: bold;
}

.panel-extra-r > .panel-heading.div-xs {
    width:50%;
}

.panel-extra-r > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fffad9
}

.panel-extra-r > .panel-heading .badge {
    color: #fffad9;
    background-color: #ffffff
}

.panel-extra-r > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #fffad9
}

.panel-extra-r > .panel-body {
    background-color: #fde3d6 !important;
    border: 1px solid #ef1c25;
}

.panel-extra-g {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-extra-g > .panel-heading {
    color: #2f9168;
    background-color: #ffffff;
    border: 1px solid #2f9168;
    border-bottom: none;
    width:35%;
    text-align: center;
    font-weight: bold;
}

.panel-extra-g > .panel-heading.div-xs {
    width:70%;
}

.panel-extra-g > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fffad9
}

.panel-extra-g > .panel-heading .badge {
    color: #fffad9;
    background-color: #ffffff
}

.panel-extra-g > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #fffad9
}

.panel-extra-g > .panel-body {
    background-color: #e1f3e7 !important;
    border: 1px solid #2f9168;
}

.panel-extra-p {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-extra-p > .panel-heading {
    color: #f20473;
    background-color: #ffffff;
    border: 1px solid #b72a78;
    border-bottom: none;
    margin: 0 auto;
    width:50%;
    text-align: center;
    font-weight: bold;
}

.panel-extra-p > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fffad9
}

.panel-extra-p > .panel-heading .badge {
    color: #fffad9;
    background-color: #ffffff
}

.panel-extra-p > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #fffad9
}

.panel-extra-p > .panel-body {
    background-color: #fde8f1 !important;
    border: 1px solid #cf1580;
}

.panel-extra-p > .panel-body.white {
    background-color: #ffffff !important;
}

.panel-extra-y {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-extra-y > .panel-heading {
    color: #967c4b;
    background-color: #ffffff;
    border: 1px solid #917b4a;
    border-bottom: none;
    margin: 0 auto;
    width:50%;
    text-align: center;
    font-weight: bold;
}

.panel-extra-y > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fffad9
}

.panel-extra-y > .panel-heading .badge {
    color: #fffad9;
    background-color: #ffffff
}

.panel-extra-y > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #fffad9
}

.panel-extra-y > .panel-body {
    background-color: #edeadb !important;
    border: 1px solid #847e4a;
}

.panel-extra-r-1 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-extra-r-1 > .panel-heading {
    color: #f20473;
    background-color: #ffffff;
    border: 1px solid #b72a78;
    border-bottom: none;
    margin: 0 auto;
    width:50%;
    text-align: center;
    font-weight: bold;
}

.panel-extra-r-1 > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fffad9
}

.panel-extra-r-1 > .panel-heading .badge {
    color: #fffad9;
    background-color: #ffffff
}

.panel-extra-r-1 > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #fffad9
}

.panel-extra-r-1 > .panel-body {
    background-color: #fde8f1 !important;
    border: 1px solid #cf1580;
}

.panel-extra-r-1 > .panel-body.white {
    background-color: #ffffff !important;
}

.panel-extra-i-1 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-extra-i-1 > .panel-heading {
    color: #1a5283;
    background-color: #ffffff;
    border: 1px solid #1a5283;
    border-bottom: none;
    margin: 0 auto;
    width:50%;
    text-align: center;
    font-weight: bold;
}

.panel-extra-i-1 > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fffad9
}

.panel-extra-i-1 > .panel-heading .badge {
    color: #fffad9;
    background-color: #ffffff
}

.panel-extra-i-1 > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #fffad9
}

.panel-extra-i-1 > .panel-body {
    background-color: #e8eaf7 !important;
    border: 1px solid #1a5283;
}

.panel-extra-i {
    margin-bottom: 10px;
    margin-top: 10px;
}
.panel-extra-i > .panel-heading {
    color: #967c4b;
    background-color: #ffffff;
    border: 1px solid #1a5283;
    border-bottom: none;
    margin: 0 auto;
    width:50%;
    text-align: center;
    font-weight: bold;
}

.panel-extra-i > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fffad9
}

.panel-extra-i > .panel-heading .badge {
    color: #fffad9;
    background-color: #ffffff
}

.panel-extra-i > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #fffad9
}

.panel-extra-i > .panel-body {
    background-color: #e8eaf7 !important;
    border: 1px solid #1a5283;
}

.extra-font17{font-size: 17px;}
.extra-font18{font-size: 18px;}

p.par{text-indent: -20px;}
p.no{text-indent: 0px;}
.extra-paragraph-fix{
    margin-bottom: 2px; }
.extra-paragraph-fix-1{
    margin-bottom: 0px; }
.extra-paragraph-fix-2{
    margin-bottom: -5px; }
.extra-paragraph-fix-3{
    margin-bottom: 20px !important; }
.extra-paragraph-fix-t{
    margin-top: 9px; }
.extra-paragraph-fix-mt{
    margin-bottoö: 15px; }
p.extra-font24{font-size: 24px;}
p.extra-font20{font-size: 20px;}
	
table.table-extra-violet{border: 2px solid #523261;}	
table.table-extra-violet th{border: 2px solid #523261;}
table.table-extra-violet td{border: 2px solid #523261;}

table.table-extra-violet1{border: 2px solid #523261;}	
table.table-extra-violet1 th{border: 2px solid #523261;}
table.table-extra-violet1 td{border: 2px solid #523261;padding-left:2px;}

table.table-extra-violet2{border: 2px solid #523261;}
table.table-extra-violet2 th{border: 2px solid #523261;}
table.table-extra-violet2 td{border: 2px solid #523261; padding: 1px 5px;}

table.table-extra-lightb{border: 2px solid #d5fffc;}	
table.table-extra-lightb th{border: 2px solid #d5fffc;}
table.table-extra-lightb td{border: 2px solid #d5fffc;}

table.table-extra-pink{border: 2px solid #fa46b4;}
table.table-extra-pink th{border: 2px solid #fa46b4;}
table.table-extra-pink td{border: 2px solid #fa46b4;}

table.table-extra-v{border: 2px solid #523261; background-color:#ddccde;}

table.table-extra-v1{border: 2px solid #523261;}

table.table-extra-v2{border: 2px solid #523261; background-color:#e3cde2;}
table.table-extra-v2 td{padding-left:10px;}

table.table-extra-i-1{border: 2px solid #31438b;}
table.table-extra-i-1 td{border: 2px solid #31438b;padding: 5px;}

table.table-extra{border: 2px solid #222;}
table.table-extra th{border: 2px solid #222;}
table.table-extra td{border: 2px solid #222;}

table.table-extra-red{border: 2px solid #ff1530;}
table.table-extra-red td{padding: 1px 10px;}

table.table-extra-red1{border: 2px solid #ff1530;}
table.table-extra-red1 th{border: 2px solid #ff1530;}
table.table-extra-red1 td{border: 2px solid #ff1530;padding-left: 5px;}

table.table-extra-vio2{border: 2px solid #523261;}
table.table-extra-vio2 th{border: 2px solid #523261;}
table.table-extra-vio2 td{border: 2px solid #523261;padding-left: 5px;}

table.table-extra-bordered th,.table-extra-bordered td{border:2px solid #222 !important;padding: 3px;}
table.table-extra-bordered1 th,.table-extra-bordered1 td{padding:5px;border:2px solid #222 !important}
table.table-extra-bordered-2 th,.table-extra-bordered-2 td{border:1px solid #222 !important;padding: 5px;}
table.table-extra-info-bordered1 th,.table-extra-info-bordered1 td{padding:5px;border:2px solid #31438b !important;}

table.table-extra-bordered-f th,.table-extra-bordered-f td{border:1px solid #ff9536 !important;padding: 5px; background: #fce9da;}

.table-extra-info-bordered2 {
    border: 2px solid #04acf3;
}

.table-extra-info-bordered2 tr + tr {
    border-top: 1px solid #000;
}

.table-extra-info-bordered2 td {
    padding:5px;
}

.table-extra-info-bordered2 td + td {
    border-left: 1px solid #000;
}

.table-extra-bordered3 {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.table-extra-bordered3 tr + tr {
    border-top: 1px solid #000;
}

.table-extra-bordered3 td {
    padding:5px;
}

.table-extra-bordered3 td + td {
    border-left: 1px solid #000;
}

.table-extra-bordered4 {
    border: 1px solid #ffffff;
}

.table-extra-bordered4 tr + tr {
    border-top: 1px solid #000;
}

.table-extra-bordered4 td {
    padding:5px;
}

.table-extra-bordered4 td + td {
    border-left: 1px solid #000;
}

.table-extra-padding td{padding-left: 40px !important;}

table.align-top td{
    vertical-align: top;
}

.background-extra-orange {background-color: #f0944b !important;}
.background-extra-orange-1 {background-color: #fce3cf !important;}


.extra-list-tick{
    list-style: none;
    padding: 0;
    margin: 5px;
}

.extra-list-tick li {
    padding-left: 30px;
    position: relative;
    display: block;
}
.extra-list-tick li:before {
    content: "✔ ";
    display: inline-block;
    position: absolute;
    left: 10px;
}

/*
.extra-list-rect li {
    position: relative;
    list-style-type: none;
    padding: 5px;
}

.extra-list-rect li:before {
    content: " ";
    position: absolute;
    height: 25px;
    width: 25px;
    top: 1px;
    left: -40px;
    display: inline-block;
    border: 1px solid #222222;
}
*/

ol.extra-list {
    list-style: none;
    margin-top: 5px;
}

ol.extra-list > li {
    counter-increment: item;
    margin-bottom: 10px;
    color: #222222;
    position: relative;
    display: block;
}

ol.extra-list > li p,span {
    /*color: #222222;*/
}

ol.extra-list > li:before {
    content: counter(item);
    float: left;
    margin-right: 5px;
    margin-left: 20px;
    width: 25px;
    background: #055aad;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    color: white;
    text-align: center;
    display: inline-block;
    left: -0.5em;
}

.extra-alphabetic{
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 25px;
    background: #77b93e;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    font-weight:bold;
    text-align: center;
    text-indent: -0.5px;
}

.extra-rect{
    height: 15px;
    width: 15px;
    display: inline-block;
    border: 1px solid #222222;
}

.extra-rect-1{
    height: 15px;
    width: 15px;
    display: inline-block;
    border: 1px solid #222222;
    line-height: 15px;
}

.extra-rect-2{
    height: 15px;
    width: 15px;
    display: inline-block;
    border: 1px solid #222222;
}

.extra-rect-red{
    height: 25px;
    width: 25px;
    display: inline-block;
    border: 1px solid #ec018e;
    line-height: 15px;
    top: 5px;
    position: relative;
}

.extra-rect-y{
    height: 25px;
    width: 25px;
    display: inline-block;
    border: 1px solid #ffff00;
    background: #ffff00;
    line-height: 15px;
    top: 7px;
    position: relative;
}

.extra-circle {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;

    -moz-border-radius: 30px; /* or 50% */
    border-radius: 30px; /* or 50% */

    background-color: #ffffff;
    color: #000000;
    text-align: center;
    font-size: 1em;
    border: 1px solid #222222;
    font-weight:  normal !important;
}

.extra-boxed{border: 1px solid #222; display: inline-block; width:50px; height: 20px;}
.extra-boxed-80{border: 1px solid #222; display: inline-block; width:80px; height: 20px;}
.extra-boxed-50{border: 1px solid #222; display: inline-block; width:50px; height: 20px;}
/*.extra-boxed-i{border: 1px solid #5295af;padding: 3px;color: #222222;background: #5295af;min-width: 30px;display: inline-block;text-align: center;}*/
.extra-boxed-o{border: 1px solid #e45b39;padding: 3px;color: #222222;background: #e45b39;min-width: 30px;display: inline-block;text-align: center;}
/*.extra-boxed-i-1{border: 1px solid #00afe8;padding: 3px;color: #222222;background: #00afe8;min-width: 30px;display: inline-block;text-align: center;}*/
.extra-boxed-o-1{border: 1px solid #b472b0;padding: 3px;color: #222222;background: #b472b0;min-width: 30px;display: inline-block;text-align: center;}
.extra-boxed-y{border: 1px solid #f9cb6d;padding: 3px;color: #222222;background: #f9cb6d;min-width: 30px;display: inline-block;text-align: center;}
.extra-boxed-y-1{border: 1px solid #fff50e;padding: 3px;color: #222222;background: #fff50e;min-width: 30px;display: inline-block;text-align: center;}
.extra-boxed-r{border: 1px solid #ea028c;padding: 3px;color: #222222;background: #ea028c;min-width: 30px;display: inline-block;text-align: center;}
.extra-boxed-r-1{border: 1px solid #fdd1e2;padding: 3px;color: #ee73a9;background: #fdd1e2;min-width: 30px;display: inline-block;text-align: center;text-indent: 0px;}
.extra-boxed-i{background: #00a84f;width: 100px;padding: 6px;display: inline-block;}
.extra-boxed-i-1{background: #00a84f;width: 50px;padding: 8px;display: inline-block;}
.extra-boxed-o-2{background: #f78121;width: 50px;padding: 9px;display: inline-block;}
.extra-boxed-y-2{background: #f7e700;width: 80px;padding: 9px;display: inline-block;}
.extra-boxed-b{background: #0059ab;width: 80px;padding: 9px;display: inline-block;}
.extra-boxed-b-1{background: #00adef;width: 80px;padding: 9px;display: inline-block;}
.extra-boxed-r-2{background: #d2232a;width: 50px;padding: 9px;display: inline-block;}
.extra-boxed-g-50{background: #84c341; display: inline-block; width:50px; height: 20px;padding: 9px;}
.extra-m-top{margin-top: -8px;}
.extra-p-left{padding-left: 40px;}
.extra-p-left1f{padding-left: 10px;}
.extra-p-left0{padding-left: 5px;}
.extra-p-left1{padding-left: 15px;}
.extra-p-left2{padding-left: 20px;}
.extra-p-left2f{padding-left: 25px;}
.extra-p-left3{padding-left: 30px;}
.extra-p-left3f{padding-left: 35px;}
.extra-p-left4{padding-left: 40px;}
.extra-p-left5{padding-left: 50px;}
.extra-p-left5f{padding-left: 55px;}
.extra-p-left6{padding-left: 60px;}
.extra-p-left7{padding-left: 70px;}
.extra-p-left8{padding-left: 80px;}
.extra-p-left8f{padding-left: 85px;}
.extra-p-left9{padding-left: 90px;}
.extra-p-left9f{padding-left: 95px;}
.extra-p-left10{padding-left: 100px;}
.extra-p-left11{padding-left: 110px;}
.extra-p-left11f{padding-left: 115px;}
.extra-p-left12{padding-left: 120px;}
.extra-p-left12f{padding-left: 125px;}
.extra-p-left13{padding-left: 130px;}
.extra-p-left13f{padding-left: 135px;}
.extra-p-left14{padding-left: 140px;}
.extra-p-left14f{padding-left: 145px;}
.extra-p-left15{padding-left: 150px;}
.extra-p-left16{padding-left: 160px;}
.extra-p-left17{padding-left: 170px;}
.extra-p-left18{padding-left: 180px;}
.extra-p-left19{padding-left: 190px;}
.extra-p-left19f{padding-left: 195px;}
.extra-p-left20{padding-left: 200px;}
.extra-p-left21{padding-left: 210px;}
.extra-p-left22{padding-left: 220px;}
.extra-p-left24{padding-left: 240px;}
.extra-p-left25{padding-left: 250px;}
.extra-p-left27{padding-left: 270px;}
.extra-p-left28{padding-left: 280px;}
.extra-p-leftcenter{padding-left: 300px;}
.extra-p-left30f{padding-left: 350px;}
.extra-p-left37{padding-left: 370px;}
.extra-p-left40{padding-left: 400px;}

.extra-p-right{padding-right: 40px;}
.extra-p-right1f{padding-right: 10px;}
.extra-p-right0{padding-right: 5px;}
.extra-p-right1{padding-right: 15px;}
.extra-p-right2{padding-right: 20px;}
.extra-p-right2f{padding-right: 25px;}
.extra-p-right3{padding-right: 30px;}
.extra-p-right3f{padding-right: 35px;}
.extra-p-right4{padding-right: 40px;}
.extra-p-right5{padding-right: 50px;}
.extra-p-right5f{padding-right: 55px;}
.extra-p-right6{padding-right: 60px;}
.extra-p-right7{padding-right: 70px;}
.extra-p-right8{padding-right: 80px;}
.extra-p-right9{padding-right: 90px;}
.extra-p-right9f{padding-right: 95px;}
.extra-p-right10{padding-right: 100px;}
.extra-p-right15{padding-right: 150px;}

.extra-m-left1{margin-left: 10px;}
.extra-m-right1{margin-right: 10px;}
.extra-m-left2{margin-left: 20px;}
.extra-m-left2f{margin-left: 25px;}
.extra-m-right2{margin-right: 20px;}
.extra-m-left3{margin-left: 30px;}
.extra-m-left3f{margin-left: 35px;}
.extra-m-right3{margin-right: 30px;}
.extra-m-left4{margin-left: 40px;}
.extra-m-right4{margin-right: 40px;}
.extra-m-left5{margin-left: 50px;}
.extra-m-right5{margin-right: 50px;}
.extra-m-left6{margin-left: 60px;}
.extra-m-right6{margin-right: 60px;}
.extra-m-left7{margin-left: 70px;}
.extra-m-right7{margin-right: 70px;}
.extra-m-left8{margin-left: 80px;}
.extra-m-right8{margin-right: 80px;}
.extra-m-left9{margin-left: 90px;}
.extra-m-right9{margin-right: 90px;}
.extra-m-left10{margin-left: 100px;}
.extra-m-right10{margin-right: 100px;}
.extra-m-left11{margin-left: 110px;}
.extra-m-right11{margin-right: 110px;}
.extra-m-left12{margin-left: 120px;}
.extra-m-right12{margin-right: 120px;}

.extra-block{display:block;}
.width-as-text-1{display:inline-block;background-color:#fee2cc;}
.extra-hr-dashed-underline {
    border:none;
    border-top:1px dotted #222;
    color:#fff;
    background-color:#fff;
    height:1px;
    width:100%;
}
.extra-hr-line {
     border:1px solid #222222;
     width:100%;
 }

.extra-hr-line-1 {
    border:1px solid #2a210f;
    width:40%;
    display: inline-block;
}

.extra-hr-line-brown {
    border:2px solid #d9d9d9;
    width:100%;
}

.extra-hr-line-info {
    border:1px solid deepskyblue;
    width:100%;
}

.extra-hr-line-yellow {
    border:1px solid #847c4b;
    width:100%;
}

hr.thin {
    height: 1px;
    border: 0;
    color: #222222;
    background-color: #333;
    width: 100%;
}

.extra-hr-line-b {
    border:1px solid #b49372;
    width:25%;
    display: inline-block;
}

.extra-hr-line-b-1 {
    border:1px solid #222222;
    width:100%;
    display: inline-block;
}

.extra-hr-line-r {
    border:1px solid #ef1c25;
    width:35%;
    display: inline-block;
}

.extra-dashed-underline{border-bottom: 1px dashed #999;text-decoration: none;}
.extra-double-underline{text-decoration:underline;border-bottom: 1px solid #000;}
.extra-wavy-underline {
  display: inline-block;
  position: relative;
}
.extra-wavy-underline:before {
  content: "~~~~~~~~~~~~";
  font-size: 0,9em;
  font-weight: 800;
  font-family: Times New Roman, Serif;
  color: #222;
  width: 100%;
  position: absolute;
  top: 8px;
  left: 0px;
  overflow: hidden; }
  
.extra-wavy-underline1 {
  display: inline-block;
  position: relative;
}
.extra-wavy-underline1:before {
  content: "— - — -";
  font-size: 0,1em;
  font-weight: 300;
  font-family: Times New Roman, Serif;
  color: #222;
  width: 100%;
  max-width:140px;
  position: absolute;
  top: 8px;
  left: 0px;
  overflow: hidden; }

.bolme {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
  padding: 0 1px;
  text-indent: 3px;
  margin: -4px 0;
}
  .bolme em {
    position: absolute;
    top: 24px;
    margin-top: -1px;
    height: 1px;
    background: #111;
    width: 100%;
    left: 0; }
	
.verticalLine {
    border-left: 2px solid #222;
	height:220px;
}

.verticalLine-1 {
    border-left: 2px dashed #222;
    height:400px;
}

.verticalLine-2 {
    border-left: 2px solid #0059ab;
    height:140px;
}

/*
.extra-div-1{
    background-color: #f4e5ba;font-size: 12px;margin: 2px;padding: 10px;height: 50px;
}

.extra-div-2{
    background-color: #f4e5ba;font-size: 12px;margin: 2px;padding: 10px;height: 50px;
}


.blockquote{
    border-style:solid;
    border-width:1px 0 1px 20px;
    border-image:url(../img/curly.png) 1 20 stretch;
    padding-left:0.5em;
}
*/

.padt5{padding-top:5px !important;}
.padt15{padding-top:15px !important;}
.padt20{padding-top:20px !important;}
.padt20f{padding-top:25px !important;}
.padt30{padding-top:30px !important;}
.padt30f{padding-top:35px !important;}
.padt40{padding-top:40px !important;}
.padt40f{padding-top:45px !important;}
.padt50{padding-top:50px !important;}
.padt60{padding-top:60px !important;}
.padt70{padding-top:60px !important;}
.padt80{padding-top:60px !important;}

.extra-div-1-xl-z-b{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 150px;
}

.extra-div-1-xl-z-a{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 140px;
}

.extra-div-1-xl-z{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 130px;
}

.extra-div-1-xl-z-1{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 120px;
}

.extra-div-1-xl-1-x{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 110px;
}

.extra-div-1-xl-1{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 105px;
}

.extra-div-1-xl{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 100px;
}

.extra-div-1-z{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 90px;
}

.extra-div-1-i{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 85px;
}

.extra-div-1-y{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 80px;
}

.extra-div-1-x{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 70px;
}

.extra-div-1{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 60px;
}

.extra-div-2{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 60px;
}

.extra-div-1-f{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 50px;
}

.extra-div-1-l{
    background-color: #f4e5ba;font-size: 14px;margin: 2px;padding: 10px;height: 40px;
}