@-webkit-keyframes rotation {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(359deg); }
}

@-moz-keyframes rotation {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(359deg); }
}

@-o-keyframes rotation {
from { -o-transform: rotate(0deg); }
to { -o-transform: rotate(359deg); }
}

@keyframes rotation {
from { transform: rotate(0deg); }
to { transform: rotate(359deg); }
}

body { overflow-x: hidden !important; }
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fefefe; z-index: 9999999; }
#status { width: 36px; height: 36px; position: absolute; left: 50%; top: 50%; margin: -18px 0 0 -18px; }
.spinner { height: 36px; width: 36px; position: relative; -webkit-animation: rotation .8s infinite linear; -moz-animation: rotation .8s infinite linear; -o-animation: rotation .8s infinite linear; animation: rotation .8s infinite linear; border-left: 3px solid rgba(239, 95, 96,.15); border-right: 3px solid rgba(239, 95, 96,.15); border-bottom: 3px solid rgba(239, 95, 96,.15); border-top: 3px solid rgba(239, 95, 96,.8); border-radius: 100%; }

button, input, optgroup, select, textarea { margin: 0; font: inherit; color: #3c5555; }
.cr-sidebar__background { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background-position: 50%; background-size: cover; background: linear-gradient(to bottom, rgba(106,130,251,0.5) 0%, rgba(252,92,125,0.5) 100%), url('https://reduction-admin.github.io/react-reduction/static/media/sidebar-4.80d4a4e5.jpg'); background-size: cover; background-repeat: no-repeat; }
.bg-gradient-theme-top { background: linear-gradient(0deg,#6a82fb,#fc5c7d); }
.side-menu li a { font-size: 17px; font-weight: 100; text-transform: capitalize; }

.cs-insert { border-top: 1px dotted orangered; margin: 10px 0; padding: 10px 0; }
.cs-insert li { list-style: none; }
.cs-insert li small { vertical-align: central; font-size: 15px; font-weight: bold; }
.txtID { width: 14px; line-height: 27px; border: none; outline: none; background: none; color: #aaa; }
.cs-insert li span, .cs-insert li select, .cs-insert li input { font-size: 14px; color: #aaa; }
.cs-insert li i, .cs-uplad i { font-size: 14px; color: green; text-decoration: underline; }

.cs-insert li aside { display: inline; margin: 0; padding: 0; font-size: 14px; }
.bg-blue { background: #bbdbde; }
.bg-green { background: #beea96; font-size: 14px; }
.bg-silver { background: #ececec; }
.pure-green { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border-top: 1px solid rgba(255,255,255,0.8); border-bottom: 1px solid rgba(0,0,0,0.1); background: #83c24a; padding: 2px 10px; color: white; display: inline-block; color: black; }
.pure-green:hover { cursor: pointer; opacity: .7; }
.txtTitle { border: 1px solid #ececec; background: #fbfbfb; height: 25px; font-size: 15px; width: 95%; }
.cs-field { font-size: 15px; line-height: 16px; width: 100%; }
.txtopacity { border: 1px solid #ececec; background-color: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.btnopacity { padding: 2px 7px; background-color: #ececec; outline: none; border: 1px solid rgba(255,255,255,0.8); }
.cs-uplad { width: 200px; background: #ececec; border: 1px dotted #aaaaaa; padding: 10px; display: inline-block; }
.cs-uplad small { vertical-align: top; font-size: 15px; font-weight: bold; }
.cs-uplad img:hover { -webkit-transform: scale(2.1, 2.1); -ms-transform: scale(2.1, 2.1); transform: scale(2.1, 2.1); }
.selectedFiles { font-size: 13px; }
.cs-panel { border: 1px dotted #3c5555; padding: 3px; background: #f1f1f1; }
.cs-panel-red { border: 1px dotted red; padding: 3px; background: #f1f1f1; }
.cs-panel-orange { border: 1px dotted orange; padding: 3px; background: #f1f1f1; }
.cs-panel-green { border: 1px dotted #0cd403; padding: 3px; background: #f1f1f1; }

.dvgrid { height: 100px !important; border: none; outline: none; color: black; font-size: 14px; line-height: 17px; }
.dvgrid td { padding: 0; margin: 0; border: none; outline: none; }
.dvgrid a { font-weight: bold; padding-right: 5px; }

@media (min-width:200px) and (max-width:480px) {
.grade, .grade table { max-height: 280px; overflow: auto; display: block; }
}

@media (min-width:700px) {
.grade, .grade table { max-height: 380px; overflow: auto; display: table-row; max-width: 940px; min-width: 700px; margin-left: 15px; }
}

.cs-insert li h6 { float: right; display: inline; }
.f_left .li-red, .f_left tr td { float: left; margin-left: 8px; font-size: 13px; color: orangered; text-decoration: overline; display: inline; }
.f_left .li-blue { float: left; margin-left: 8px; font-size: 13px; color: cornflowerblue; text-decoration: underline; display: inline; }
.f_left li h6 { text-align: center; color: #bbb; letter-spacing: 2px; }
.post-pager { padding-left: 0; margin: 20px 0; border-radius: 9px; }
.post-pager table > tbody > tr > td { display: inline; }
.post-pager table > tbody > tr > td > a, .post-pager table > tbody > tr > td > span { position: relative; float: left; padding: 7px 11px; line-height: 1.42857143; text-decoration: none; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; }
.post-pager table > tbody > tr > td > span { position: relative; float: left; padding: 7px 11px; line-height: 1.42857143; text-decoration: none; margin-left: -1px; z-index: 2; background-color: #f5f5f5; border-color: #ddd; cursor: default; }
.adminul ul { margin: 0px; padding: 5px; background: #e7e7e7; }
.adminul ul li { display: inline-block; margin: 4px 1px; }
.adminul ul li a { font-size: 15px; text-decoration: none; padding: 1px 5px; }

/*Sozluk Secons*/

.table tr { background-color: #fdfdfd }
.table tr td span i { color: #4800ff; font-style: normal; font-size: 12px; }
.table tr td u { color: red; font-style: normal; font-size: 12px; text-decoration: none; }



.dvList { color: #3c5555; background: white; font-weight: bold; padding: 15px; display: inline-block; }
.dvList span, .dvList img { color: #3c5555; font-weight: normal; margin-left: 5px; font-style: normal }
.dvList a { color: blueviolet; font-weight: normal; margin-left: 5px; }
.dvList i { color: #3c5555; font-weight: normal; margin-left: 5px; font-style: normal; font-size: 12px; margin-bottom: 10px; }
.dvList b { color: #3c5555; font-weight: bold; }
.dvList tr { width: 100%; margin: 0 auto; display: block; }
.dvList tr td { padding: 0; display: inline-block; margin: 5px; }


.nav.child_menu > li > a, .nav.side-menu > li > a{ font-size:17px}
.nav side-menu li a{font-size:18px;}