.btn, .badge, .label {

	position: relative;

	overflow: hidden

}

.btn:after, .badge:after, .label:after {

	position: absolute;

	top: -50px;

	left: -75px;

	z-index: 2;

	width: 50px;

	height: 155px;

	background: #fff;

	content: "";

	opacity: .2;

	-webkit-transform: skewX(30deg);

	-moz-transform: skewX(30deg);

	-ms-transform: skewX(30deg);

	-o-transform: skewX(30deg);

	transform: skewX(30deg);

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s;

	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.5, 1);

	-moz-transition-timing-function: cubic-bezier(0.4, 0, 0.5, 1);

	transition-timing-function: cubic-bezier(0.4, 0, 0.5, 1)

}

.btn:hover::after, .badge:hover::after, .label:hover::after {

	left: 160%

}

.panel-heading .options {

	float: right !important;

	float: right;

}

.display-hide {

	display: none;

}

.alert h3 {

	margin-top: 20px;

	margin-bottom: 20px;

}

.display-hide {

	display: none;

}

.align_right {

	text-align: right;

}

.btn-blank {

	background: none;

	border: 0px;

}

textarea {

	resize: none;

}

.error {

    margin: 0px 0 0 0;

    font-size: 13px;

    color: #cb0101;

}

.mr-10 {

    margin-right: 10px;

}

.p-left-0{

	padding-left: 0px !important;

}



.alert-danger {

    background-color: #fbe1e3 !important;

    border-color: #fbe1e3 !important;

    color: #e73d4a !important;

}

@media (min-width:768px) {



.row-eq-height {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display:         flex;

}

}

.modal-dialog {

	width: 80%;

}

.login-box, .register-box {

	width: 860px;

	margin: 0 auto;
	background-color: #eee !important;

}

.info {

	margin: 12px auto;

	width: 300px;

	display: block;

	text-align: center;

	text-shadow: 1px 1px 0 #fff;

	line-height: 19px;

	text-shadow: 0 1px 0 #fff;

}

.oturum {

	padding-bottom: 20px;

	-webkit-box-shadow: inset 10px 0px 32px -15px rgba(189, 189, 189, 1);

	-moz-box-shadow: inset 10px 0px 32px -15px rgba(189, 189, 189, 1);

	box-shadow: inset 10px 0px 32px -15px rgba(189, 189, 189, 1);

	min-height: 522px;

}

.oturum .input-group {

	margin-top: 15px;

	width: 100%;

}

.oturum input, .oturum select {

	box-shadow: none !important;

}

.oturum .btn-default {

	position: absolute;

	left: 20px;

	top: 45px;

}

.oturum-alani {

	width: 300px;

	display: block;

	margin: 0 auto 0 auto;

}

.footer_login {
	width: 850px;
	margin: 0 auto;

}
.footer_login img{
	width: 100px;
}
.login-box {

	border: 1px solid #eee;

	border-radius: 5px;

	min-height: 400px;

	margin: 70px auto 10px auto;

	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);

	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.3);

	background: #ffffff;

	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 60%);

	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 60%);

	background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 60%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);

}

.login-box h1 {

	font-size: 20px;

	padding: 50px 0 15px 0;

	text-align: center;

	margin: 0;

	border-bottom: 1px solid #e0e0e0;

}

.login-box h3 {

	font-size: 14px;

	color: #4a4a4a;

	text-align: center;

	line-height: 22px;

}

.login-box h4 {

	font-size: 13px;

	color: #999;

	text-align: center;

}

.tanitim {

	border-right: 2px dashed #ddd;

	min-height: 522px;

	-webkit-box-shadow: inset -10px 0px 32px -15px rgba(189, 189, 189, 1);

	-moz-box-shadow: inset -10px 0px 32px -15px rgba(189, 189, 189, 1);

	box-shadow: inset -10px 0px 32px -15px rgba(189, 189, 189, 1);

}

.login-page {

	color: #333;

	background: url(../img/bg.png) no-repeat, url(../img/body-bg.png) repeat #fff;

	background-position: top center;

	text-shadow: 0 1px 0 #fff;

}







/* Portlet */

.portlet {

	background: #fff;

	padding: 20px;

}



.portlet.portlet-gray {

	background: #f7f7f7;

}



.portlet.portlet-bordered {

	border: 1px solid #eee;

}

.form .form-actions, .portlet-form .form-actions {

    padding: 20px;

    margin: 0;



    border-top: 1px solid #e7ecf1;

}

/* Portlet Title */

.portlet-title {

	padding: 0;

  	min-height: 40px;

  	border-bottom: 1px solid #eee;

  	margin-bottom: 18px;

}



.caption {

	float: left;

	display: inline-block;

	font-size: 18px;

	line-height: 18px;

}



.caption.caption-green .caption-subject,

.caption.caption-green i {

	color: #4db3a2;

	font-weight: 200;

}



.caption.caption-red .caption-subject,

.caption.caption-red i {

	color: #e26a6a;

	font-weight: 200;

}



.caption.caption-purple .caption-subject,

.caption.caption-purple i {

	color: #8775a7;

	font-weight: 400;

}



.caption i {

	color: #777;

	font-size: 15px;

	font-weight: 300;

	margin-top: 3px;

}



.caption-subject {

	color: #666;

	font-size: 16px;

	font-weight: 600;

}



.caption-helper {

	padding: 0;

	margin: 0;

	line-height: 13px;

	color: #9eacb4;

	font-size: 13px;

	font-weight: 400;

}



/* Actions */

.actions {

	float: right;

  	display: inline-block;

}



.actions a {

	margin-left: 3px;

}











/* Inputs */

.inputs {

	float: right;

	display: inline-block;

	padding: 4px 0;

	margin-top: -10px;

}



.input-inline {

	width: 240px;

	display: inline-block;

	vertical-align: middle;

}



/* Tab */

.portlet-title > .nav-tabs {

	background: none;

	margin: 0;

	float: right;

	display: inline-block;

	border: 0;

}



.portlet-title > .nav-tabs > li {

	background: none;

	margin: 0;

	border: 0;

}



.portlet-title > .nav-tabs > li > a {

	background: none;

	border: 0;

	padding: 2px 10px 13px;

	color: #444;

}



.portlet-title > .nav-tabs > li.active,

.portlet-title > .nav-tabs > li.active:hover {

  	border-bottom: 4px solid #f3565d;

  	position: relative;

  }



  .portlet-title > .nav-tabs > li:hover {

  	border-bottom: 4px solid #f29b9f;

  }



.portlet-title > .nav-tabs > li.active > a,

.portlet-title > .nav-tabs > li:hover > a {

	color: #333;

	background: #fff;

	border: 0;

}



/* Btn Circle */

.actions .btn.btn-circle {

	width: 28px;

	height: 28px;

	padding: 3px 7px;

	text-align: center;

}



.actions .btn.btn-circle i {

	font-size: 11px;

}



/* Btn Grey Salsa */

.actions .btn.grey-salsa {

	border: none;

	margin-left: 3px;

	box-shadow: none;

	border-radius: 50px !important;

}



.actions .btn.grey-salsa.active {

	color: #fafcfb;

	background: #8e9bae;

}

  .actions .grey-salsa.btn:hover,

  .actions .grey-salsa.btn:focus,

  .actions .grey-salsa.btn:active,

  .actions .grey-salsa.btn.active {

	color: #fafcfb;

	background: #97a3b4;

}



/* Btn Red */

.actions .btn.btn-red.active,

.actions .btn.btn-red:hover {

	color: #fff;

	box-shadow: none;

	background: #e26a6a;

	border-color: #e26a6a;

}



/* Btn Red */

.actions .btn.btn-purple.active,

.actions .btn.btn-purple:hover {

	color: #fff;

	box-shadow: none;

	background: #8775a7;

	border-color: #8775a7;

}





.form-row-seperated .form-group {

    margin: 0;

    border-bottom: 1px solid #efefef;

    padding: 10px 10px 10px 0px;

}



.fileinput-button {

    position: relative;

    overflow: hidden;

}

.fileinput-button input {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;

    opacity: 0;

    -ms-filter:'alpha(opacity=0)';

    font-size: 200px;

    direction: ltr;

    cursor: pointer;

}









.makale-dosya {

    border-right: 1px dashed #ddd;

    min-width: 180px;

    float: left;

}

















.timeline-centered {

    position: relative;

    margin: 30px;

}



    .timeline-centered:before, .timeline-centered:after {

        content: " ";

        display: table;

    }



    .timeline-centered:after {

        clear: both;

    }



    .timeline-centered:before, .timeline-centered:after {

        content: " ";

        display: table;

    }



    .timeline-centered:after {

        clear: both;

    }



    .timeline-centered:before {

        content: '';

        position: absolute;

        display: block;

        width: 4px;

        background: #f5f5f6;

        /*left: 50%;*/

        top: 20px;

        bottom: 20px;

        margin-left: 70px;

    }



    .timeline-centered .timeline-entry {

        position: relative;

        /*width: 50%;

        float: right;*/

        margin-top: 5px;

        margin-left: 30px;

        margin-bottom: 10px;

        clear: both;

    }



        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {

            content: " ";

            display: table;

        }



        .timeline-centered .timeline-entry:after {

            clear: both;

        }



        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {

            content: " ";

            display: table;

        }



        .timeline-centered .timeline-entry:after {

            clear: both;

        }



        .timeline-centered .timeline-entry.begin {

            margin-bottom: 0;

        }



        .timeline-centered .timeline-entry.left-aligned {

            float: left;

        }



            .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {

                margin-left: 0;

                margin-right: -18px;

            }



                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {

                    left: auto;

                    right: -100px;

                    text-align: left;

                }



                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {

                    float: right;

                }



                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {

                    margin-left: 0;

                    margin-right: 70px;

                }



                    .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {

                        left: auto;

                        right: 0;

                        margin-left: 0;

                        margin-right: -9px;

                        -moz-transform: rotate(180deg);

                        -o-transform: rotate(180deg);

                        -webkit-transform: rotate(180deg);

                        -ms-transform: rotate(180deg);

                        transform: rotate(180deg);

                    }



        .timeline-centered .timeline-entry .timeline-entry-inner {

            position: relative;

            margin-left: 20px;

        }



            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {

                content: " ";

                display: table;

            }



            .timeline-centered .timeline-entry .timeline-entry-inner:after {

                clear: both;

            }



            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {

                content: " ";

                display: table;

            }



            .timeline-centered .timeline-entry .timeline-entry-inner:after {

                clear: both;

            }



            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {

                position: absolute;

                left: -100px;

                text-align: right;

                padding: 10px;

                -webkit-box-sizing: border-box;

                -moz-box-sizing: border-box;

                box-sizing: border-box;

            }



                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {

                    display: block;

                }



                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {

                        font-size: 15px;

                        font-weight: bold;

                    }



                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {

                        font-size: 12px;

                    }



            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {

                background: #fff;

                color: #737881;

                display: block;

                width: 40px;

                height: 40px;

                -webkit-background-clip: padding-box;

                -moz-background-clip: padding;

                background-clip: padding-box;

                -webkit-border-radius: 20px;

                -moz-border-radius: 20px;

                border-radius: 20px;

                text-align: center;

                -moz-box-shadow: 0 0 0 5px #f5f5f6;

                -webkit-box-shadow: 0 0 0 5px #f5f5f6;

                box-shadow: 0 0 0 5px #f5f5f6;

                line-height: 40px;

                font-size: 15px;

                float: left;

            }



                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {

                    background-color: #303641;

                    color: #fff;

                }



                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {

                    background-color: #ee4749;

                    color: #fff;

                }



                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {

                    background-color: #00a651;

                    color: #fff;

                }



                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {

                    background-color: #21a9e1;

                    color: #fff;

                }



                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {

                    background-color: #fad839;

                    color: #fff;

                }



                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {

                    background-color: #cc2424;

                    color: #fff;

                }



            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {

                position: relative;

                background: #f5f5f6;

                padding: 1em;

                margin-left: 60px;

                -webkit-background-clip: padding-box;

                -moz-background-clip: padding;

                background-clip: padding-box;

                -webkit-border-radius: 3px;

                -moz-border-radius: 3px;

                border-radius: 3px;

            }



                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {

                    content: '';

                    display: block;

                    position: absolute;

                    width: 0;

                    height: 0;

                    border-style: solid;

                    border-width: 9px 9px 9px 0;

                    border-color: transparent #f5f5f6 transparent transparent;

                    left: 0;

                    top: 10px;

                    margin-left: -9px;

                }



                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {

                    color: #737881;

                    font-family: "Noto Sans",sans-serif;

                    font-size: 12px;

                    margin: 0;

                    line-height: 1.428571429;

                }



                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {

                        margin-top: 15px;

                    }



                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {

                    font-size: 16px;

                    margin-bottom: 10px;

                }



                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {

                        color: #303641;

                    }



                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {

                        -webkit-opacity: .6;

                        -moz-opacity: .6;

                        opacity: .6;

                        -ms-filter: alpha(opacity=60);

                        filter: alpha(opacity=60);

                    }



























/*--Added on 1oth Nov, 2018 Start--*/

blockquote{

  width:100%;

  margin-top:20px;

  font-family:Open Sans;

  font-style:italic;

  color: #555555;

  padding:1.2em 75px 1.2em 75px;

  border-left:8px solid #d2475a ;

  line-height:1.6;

  position: relative;

  background:#EDEDED;

}



blockquote::before{

  content: "\201C";

  color:#d2475a;

  font-size:4em;

  position: absolute;

  left: 10px;

  top:-10px;

}



blockquote::after{

  /*content: '';*/

  content: "\201d";

  color:#d2475a;

  font-size:4em;

  position: absolute;

  right: 20px;

  bottom:-50px;

}



blockquote span{

  display:block;

  color:#333333;

  font-style: normal;

  font-weight: bold;

  margin-top:1em;

}

/*--Added on 1oth Nov, 2018 End--*/