﻿

/* Rahmi İnevi -- Yeni Tasarım 20/09/2018 */

/*TABS */
.orka_mportlet_box {
	box-shadow: 1px 1px 19px 2px #d6d6d6 !important;
}

/* TAB HEİGHT SORUNLU İDİ DÜZELTİLDİ.*/
@media (min-width: 768px) {
	.m-portlet .m-portlet__head .m-portlet__head_orka {
		height: unset !important;
	}
}


.orka_tab_padding {
	padding: 10px 10px 10px 10px;
}

.orka-nopadding-desktop {
	padding: 0 !important;
	margin: 0 !important;
}

.dataTables_wrapper .dataTable .selected th, .dataTables_wrapper .dataTable .selected td {
	background-color: #9fa2a738 !important;
	color: #ffffff !important;
}

div.dataTables_wrapper {
	min-height: 300px;
}


/* DataTable */

/* DATATABLE POPUP*/
table.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a {
	color: black !important;
	font-weight: unset !important;
}

table tr.dropdown-item {
	padding: unset !important;
	height: 30px !important;
}


/* DATATABLE POPUP*/

/*KEY TABLE FOCUS EDİT */
table.dataTable tbody th.focus, table.dataTable tbody td.focus {
	-webkit-box-shadow: inset 0 0 1px 2px #eef1f3 !important;
	box-shadow: inset 0 0 1px 2px #eef1f3 !important;
}
/*HOVER*/
.table-hover tbody tr:hover {
	background-color: #4b8be696 !important;
	color: white;
}


.table-bordered th, .table-bordered td {
	border: 1px solid #9a9caf47 !important;
}

div.dataTables_wrapper {
	margin: 3px auto;
}



table tr {
	height: 40px;
	font-weight: 430;
}

table th {
	text-align: center;
	white-space: nowrap;
}

table td, th {
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
}

.kaydir {
	white-space: normal !important;
}

.col-min-100:not(.DTE_Field) {
	min-width: 100px;
}

.col-min-50:not(.DTE_Field) {
	min-width: 50px;
}

.col-min-75:not(.DTE_Field) {
	min-width: 75px;
}

.col-min-100:not(.DTE_Field) {
	min-width: 100px;
}

.col-min-150:not(.DTE_Field) {
	min-width: 150px;
}
.col-max-40:not(.DTE_Field) {
	max-width: 40px;
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.col-max-50:not(.DTE_Field) {
	max-width: 50px;
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.col-max-50-wrapnormal:not(.DTE_Field) {
	max-width: 50px;
	overflow: hidden !important;
	text-overflow: ellipsis;
	text-align: center !important;
	white-space: normal;
}

.col-max-65-wrapnormal:not(.DTE_Field) {
	max-width: 65px;
	overflow: hidden !important;
	text-overflow: ellipsis;
	text-align: center !important;
	white-space: normal;
}

.col-max-75-wrapnormal:not(.DTE_Field) {
	max-width: 75px;
	overflow: hidden !important;
	text-overflow: ellipsis;
	text-align: center !important;
	white-space: normal;
}

.col-max-75:not(.DTE_Field) {
	max-width: 75px;
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.col-max-100:not(.DTE_Field) {
	max-width: 100px;
	overflow: hidden !important;
	text-align: center !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.col-max-100-wrapnormal:not(.DTE_Field) {
	max-width: 100px;
	text-align: center !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: normal;
}


.col-max-175:not(.DTE_Field) {
	max-width: 175px;
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.col-max-200:not(.DTE_Field) {
	max-width: 200px;
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.col-max-300:not(.DTE_Field) {
	max-width: 300px;
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*DATATABLE*/

.surecdugme {
	width: 130px !important;
	text-align: left !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.m-btn--icon > span [class^="fa-"], .m-btn--icon > span [class*=" fa-"] {
	font-size: 1.5rem !important;
}

/*.ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
    display: block !important;
}*/


.select2-container {
	display: block !important;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
	background-color: #91bee059 !important;
	border-color: #c3c7ca !important;
}

/* Menü İtemleri */
.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
	font-weight: bolder !important;
	text-align: center !important;
	vertical-align: middle !important;
}

.m-portlet .m-portlet__body_orka {
	padding: 1.2rem 1.2rem !important;
}

.m-menu__link-text {
	color: brown !important;
}

/*.m-aside-menu .m-menu__nav {
	padding: 0 0 0 0 !important;
}
*/
.orka-bolder {
	font-weight: bolder !important;
}

.orka-bold {
	font-weight: bold !important;
}

.orka-bgcolor-cornflowerblue {
	background: rgba(0, 18, 255, .1) !important;
}

.orka-opacity {
	/*opacity: 0.3 !important;*/
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
	padding: 0.25rem 0rem !important;
	text-align: center !important;
}

.m-portlet .m-portlet__body {
	padding: 0.2rem 1.2rem !important;
}

.m-form__group, .form-group {
	margin-bottom: 1px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}
/* Menü İtemleri SON */
/* M-WİLZARD GENİŞLİK KISILIYOR*/

#m_wizard {
	padding-top: 25px;
}
/*  */

.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-info .orka-m-wizard__step-title {
	font-weight: 600;
	font-size: 0.99rem;
	margin: 0.6rem 0 0.7rem 0;
}

.m-wizard.m-wizard--2 .m-wizard__head {
	margin: 1rem 0 1rem 0 !important;
}

.orka_margin {
	display: flex !important;
	margin: auto !important;
}

@media (max-width: 768px) {
	.m-menu__link-text {
		display: block !important;
	}

	.orka_margin_mobil {
		display: flex !important;
		margin: auto !important;
	}

	.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .nav-tabs.m-tabs-line {
		display: inline-grid;
	}

	.orka-nopadding-mobile {
		padding: 0 !important;
		margin: 0 !important;
	}

	.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav {
		display: table;
		margin: 0 auto;
	}

		.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item {
			padding: 2px 2px;
		}

	/*Küçük ekranda genişliği kısmak için*/
	.col-12 {
		padding: 1px;
	}
	/*Başlıklarda genişlik için*/
	.m-portlet__nav-item .m-portlet__nav-link:hover, .m-portlet__nav-item .m-portlet__nav-link {
		width: 100%
	}
	/*Küçük ekranlarda tool header taşma sorunu*/
	.m-portlet__head {
		height: 100% !important;
	}
}

.m-form .form-control-label.col-form-label, .m-form label.col-form-label {
	padding-top: 2.00px;
	text-overflow: ellipsis;
	white-space: nowrap;
	align-self: center;
}

.m-form__group_orka input,
.m-form__group .m-input {
	height: calc(2rem + 0.15px);
}

.m-form__group, m-form__group_orka {
	padding-bottom: 1px !important;
}

/*.ui-select-container {
	height: calc(2rem + 0.15px);
	padding: .1rem 1.15rem;
}*/

.col-form-label {
	padding-top: calc(.5rem);
	padding-bottom: calc(.5rem);
	text-overflow: ellipsis;
	white-space: nowrap;
	align-self: center;
}



.m-card-profile .m-card-profile__pic .m-card-profile__pic-wrapper .m-card-profile__pic-wrapper_orka {
	padding: 8px;
	display: inline-block;
	margin: 0 auto;
	border-radius: 100%;
}

.OrkaProfil-icerik {
	overflow: auto;
}

.OrkaProfil-Dugmeler {
	text-align: center;
	margin-top: 10px;
}

@media (max-width: 991px) {
	.OrkaProfil-Sag {
		float: none;
		width: 100% !important;
		margin: 0;
	}

	.OrkaProfil-icerik {
		overflow: visible;
	}
}

/* Orka Profil Son*/

.saga_yanasik {
	text-align: right;
}

.watermark {
	position: absolute;
	top: 80px;
	opacity: 0.25;
	font-size: 3em;
	width: 100%;
	text-align: center;
	z-index: 1000;
}

.fontsize-lg {
	font-size: 20px !important;
}

.fontsize-md {
	font-size: 16px !important;
}

.mouse-isaret {
	cursor: pointer;
}

.center_form {
	margin: 0 auto;
}

.label-xsmall {
	font-size: x-small;
}

.label-small {
	font-size: small;
}

.label-medium {
	font-size: medium;
}

.label-large {
	font-size: large;
}

.label-bs {
	vertical-align: super;
}

/*
    Grid Renkleri
*/

.font-maroon {
	color: maroon !important;
}

.font-red {
	color: red !important;
}

.font-blueviolet {
	color: blueviolet !important;
}

.font-white {
	color: white !important;
}

.font-blue {
	color: lightblue !important;
}

.font-parlamentmavisi {
	color: #1792d0 !important;
}

.font-pink {
	color: pink !important;
}

.font-ogreen {
	color: lightgreen !important;
}

.font-acikyesil {
	color: #00e8254a !important;
}




.bg-red {
	background-color: red !important;
}

.bg-blueviolet {
	background-color: blueviolet !important;
}

.bg-white {
	background-color: white !important;
}

.bg-blue {
	background-color: lightblue !important;
}

.bg-parlamentmavisi {
	background-color: #1792d0 !important;
}

.bg-pink {
	background-color: pink !important;
}

.bg-ogreen {
	background-color: lightgreen !important;
}

.bg-acikyesil {
	background-color: #00e8254a !important;
}

/* COLORS */
.bg-navy {
	background-color: #001F3F;
}

.bg-blue {
	background-color: #0074D9;
}

.bg-aqua {
	background-color: #7FDBFF;
}

.bg-teal {
	background-color: #39CCCC;
}

.bg-olive {
	background-color: #3D9970;
}

.bg-green {
	background-color: #2ECC40;
}

.bg-lime {
	background-color: #01FF70;
}

.bg-yellow {
	background-color: #FFDC00;
}

.bg-orange {
	background-color: #FF851B;
}

.bg-red {
	background-color: #FF4136;
}

.bg-fuchsia {
	background-color: #F012BE;
}

.bg-purple {
	background-color: #B10DC9;
}

.bg-maroon {
	background-color: #85144B;
}

.bg-white {
	background-color: #FFFFFF;
}

.bg-gray {
	background-color: #AAAAAA;
}

.bg-silver {
	background-color: #DDDDDD;
}

.bg-black {
	background-color: #111111;
}

.bg-gray-0 {
	background-color: #f8f9fa
}

.bg-gray-1 {
	background-color: #f1f3f5
}

.bg-gray-2 {
	background-color: #e9ecef
}

.bg-gray-3 {
	background-color: #dee2e6
}

.bg-gray-4 {
	background-color: #ced4da
}

.bg-gray-5 {
	background-color: #adb5bd
}

.bg-gray-6 {
	background-color: #868e96
}

.bg-gray-7 {
	background-color: #495057
}

.bg-gray-8 {
	background-color: #343a40
}

.bg-gray-9 {
	background-color: #212529
}

.bg-red-0 {
	background-color: #fff5f5
}

.bg-red-1 {
	background-color: #ffe3e3
}

.bg-red-2 {
	background-color: #ffc9c9
}

.bg-red-3 {
	background-color: #ffa8a8
}

.bg-red-4 {
	background-color: #ff8787
}

.bg-red-5 {
	background-color: #ff6b6b
}

.bg-red-6 {
	background-color: #fa5252
}

.bg-red-7 {
	background-color: #f03e3e
}

.bg-red-8 {
	background-color: #e03131
}

.bg-red-9 {
	background-color: #c92a2a
}

.bg-pink-0 {
	background-color: #fff0f6
}

.bg-pink-1 {
	background-color: #ffdeeb
}

.bg-pink-2 {
	background-color: #fcc2d7
}

.bg-pink-3 {
	background-color: #faa2c1
}

.bg-pink-4 {
	background-color: #f783ac
}

.bg-pink-5 {
	background-color: #f06595
}

.bg-pink-6 {
	background-color: #e64980
}

.bg-pink-7 {
	background-color: #d6336c
}

.bg-pink-8 {
	background-color: #c2255c
}

.bg-pink-9 {
	background-color: #a61e4d
}

.bg-grape-0 {
	background-color: #f8f0fc
}

.bg-grape-1 {
	background-color: #f3d9fa
}

.bg-grape-2 {
	background-color: #eebefa
}

.bg-grape-3 {
	background-color: #e599f7
}

.bg-grape-4 {
	background-color: #da77f2
}

.bg-grape-5 {
	background-color: #cc5de8
}

.bg-grape-6 {
	background-color: #be4bdb
}

.bg-grape-7 {
	background-color: #ae3ec9
}

.bg-grape-8 {
	background-color: #9c36b5
}

.bg-grape-9 {
	background-color: #862e9c
}

.bg-violet-0 {
	background-color: #f3f0ff
}

.bg-violet-1 {
	background-color: #e5dbff
}

.bg-violet-2 {
	background-color: #d0bfff
}

.bg-violet-3 {
	background-color: #b197fc
}

.bg-violet-4 {
	background-color: #9775fa
}

.bg-violet-5 {
	background-color: #845ef7
}

.bg-violet-6 {
	background-color: #7950f2
}

.bg-violet-7 {
	background-color: #7048e8
}

.bg-violet-8 {
	background-color: #6741d9
}

.bg-violet-9 {
	background-color: #5f3dc4
}

.bg-indigo-0 {
	background-color: #edf2ff
}

.bg-indigo-1 {
	background-color: #dbe4ff
}

.bg-indigo-2 {
	background-color: #bac8ff
}

.bg-indigo-3 {
	background-color: #91a7ff
}

.bg-indigo-4 {
	background-color: #748ffc
}

.bg-indigo-5 {
	background-color: #5c7cfa
}

.bg-indigo-6 {
	background-color: #4c6ef5
}

.bg-indigo-7 {
	background-color: #4263eb
}

.bg-indigo-8 {
	background-color: #3b5bdb
}

.bg-indigo-9 {
	background-color: #364fc7
}

.bg-blue-0 {
	background-color: #e7f5ff
}

.bg-blue-1 {
	background-color: #d0ebff
}

.bg-blue-2 {
	background-color: #a5d8ff
}

.bg-blue-3 {
	background-color: #74c0fc
}

.bg-blue-4 {
	background-color: #4dabf7
}

.bg-blue-5 {
	background-color: #339af0
}

.bg-blue-6 {
	background-color: #228be6
}

.bg-blue-7 {
	background-color: #1c7ed6
}

.bg-blue-8 {
	background-color: #1971c2
}

.bg-blue-9 {
	background-color: #1864ab
}

.bg-cyan-0 {
	background-color: #e3fafc
}

.bg-cyan-1 {
	background-color: #c5f6fa
}

.bg-cyan-2 {
	background-color: #99e9f2
}

.bg-cyan-3 {
	background-color: #66d9e8
}

.bg-cyan-4 {
	background-color: #3bc9db
}

.bg-cyan-5 {
	background-color: #22b8cf
}

.bg-cyan-6 {
	background-color: #15aabf
}

.bg-cyan-7 {
	background-color: #1098ad
}

.bg-cyan-8 {
	background-color: #0c8599
}

.bg-cyan-9 {
	background-color: #0b7285
}

.bg-teal-0 {
	background-color: #e6fcf5
}

.bg-teal-1 {
	background-color: #c3fae8
}

.bg-teal-2 {
	background-color: #96f2d7
}

.bg-teal-3 {
	background-color: #63e6be
}

.bg-teal-4 {
	background-color: #38d9a9
}

.bg-teal-5 {
	background-color: #20c997
}

.bg-teal-6 {
	background-color: #12b886
}

.bg-teal-7 {
	background-color: #0ca678
}

.bg-teal-8 {
	background-color: #099268
}

.bg-teal-9 {
	background-color: #087f5b
}

.bg-green-0 {
	background-color: #ebfbee
}

.bg-green-1 {
	background-color: #d3f9d8
}

.bg-green-2 {
	background-color: #b2f2bb
}

.bg-green-3 {
	background-color: #8ce99a
}

.bg-green-4 {
	background-color: #69db7c
}

.bg-green-5 {
	background-color: #51cf66
}

.bg-green-6 {
	background-color: #40c057
}

.bg-green-7 {
	background-color: #37b24d
}

.bg-green-8 {
	background-color: #2f9e44
}

.bg-green-9 {
	background-color: #2b8a3e
}

.bg-lime-0 {
	background-color: #f4fce3
}

.bg-lime-1 {
	background-color: #e9fac8
}

.bg-lime-2 {
	background-color: #d8f5a2
}

.bg-lime-3 {
	background-color: #c0eb75
}

.bg-lime-4 {
	background-color: #a9e34b
}

.bg-lime-5 {
	background-color: #94d82d
}

.bg-lime-6 {
	background-color: #82c91e
}

.bg-lime-7 {
	background-color: #74b816
}

.bg-lime-8 {
	background-color: #66a80f
}

.bg-lime-9 {
	background-color: #5c940d
}

.bg-yellow-0 {
	background-color: #fff9db
}

.bg-yellow-1 {
	background-color: #fff3bf
}

.bg-yellow-2 {
	background-color: #ffec99
}

.bg-yellow-3 {
	background-color: #ffe066
}

.bg-yellow-4 {
	background-color: #ffd43b
}

.bg-yellow-5 {
	background-color: #fcc419
}

.bg-yellow-6 {
	background-color: #fab005
}

.bg-yellow-7 {
	background-color: #f59f00
}

.bg-yellow-8 {
	background-color: #f08c00
}

.bg-yellow-9 {
	background-color: #e67700
}

.bg-orange-0 {
	background-color: #fff4e6
}

.bg-orange-1 {
	background-color: #ffe8cc
}

.bg-orange-2 {
	background-color: #ffd8a8
}

.bg-orange-3 {
	background-color: #ffc078
}

.bg-orange-4 {
	background-color: #ffa94d
}

.bg-orange-5 {
	background-color: #ff922b
}

.bg-orange-6 {
	background-color: #fd7e14
}

.bg-orange-7 {
	background-color: #f76707
}

.bg-orange-8 {
	background-color: #e8590c
}

.bg-orange-9 {
	background-color: #d9480f
}

/* Colors */
.navy {
	color: #001F3F;
}

.blue {
	color: #0074D9;
}

.aqua {
	color: #7FDBFF;
}

.teal {
	color: #39CCCC;
}

.olive {
	color: #3D9970;
}

.green {
	color: #2ECC40;
}

.lime {
	color: #01FF70;
}

.yellow {
	color: #FFDC00;
}

.orange {
	color: #FF851B;
}

.red {
	color: #FF4136;
}

.fuchsia {
	color: #F012BE;
}

.purple {
	color: #B10DC9;
}

.maroon {
	color: #85144B;
}

.white {
	color: #FFFFFF;
}

.silver {
	color: #DDDDDD;
}

.gray {
	color: #AAAAAA;
}

.black {
	color: #111111;
}

.gray-0 {
	color: #f8f9fa
}

.gray-1 {
	color: #f1f3f5
}

.gray-2 {
	color: #e9ecef
}

.gray-3 {
	color: #dee2e6
}

.gray-4 {
	color: #ced4da
}

.gray-5 {
	color: #adb5bd
}

.gray-6 {
	color: #868e96
}

.gray-7 {
	color: #495057
}

.gray-8 {
	color: #343a40
}

.gray-9 {
	color: #212529
}

.red-0 {
	color: #fff5f5
}

.red-1 {
	color: #ffe3e3
}

.red-2 {
	color: #ffc9c9
}

.red-3 {
	color: #ffa8a8
}

.red-4 {
	color: #ff8787
}

.red-5 {
	color: #ff6b6b
}

.red-6 {
	color: #fa5252
}

.red-7 {
	color: #f03e3e
}

.red-8 {
	color: #e03131
}

.red-9 {
	color: #c92a2a
}

.pink-0 {
	color: #fff0f6
}

.pink-1 {
	color: #ffdeeb
}

.pink-2 {
	color: #fcc2d7
}

.pink-3 {
	color: #faa2c1
}

.pink-4 {
	color: #f783ac
}

.pink-5 {
	color: #f06595
}

.pink-6 {
	color: #e64980
}

.pink-7 {
	color: #d6336c
}

.pink-8 {
	color: #c2255c
}

.pink-9 {
	color: #a61e4d
}

.grape-0 {
	color: #f8f0fc
}

.grape-1 {
	color: #f3d9fa
}

.grape-2 {
	color: #eebefa
}

.grape-3 {
	color: #e599f7
}

.grape-4 {
	color: #da77f2
}

.grape-5 {
	color: #cc5de8
}

.grape-6 {
	color: #be4bdb
}

.grape-7 {
	color: #ae3ec9
}

.grape-8 {
	color: #9c36b5
}

.grape-9 {
	color: #862e9c
}

.violet-0 {
	color: #f3f0ff
}

.violet-1 {
	color: #e5dbff
}

.violet-2 {
	color: #d0bfff
}

.violet-3 {
	color: #b197fc
}

.violet-4 {
	color: #9775fa
}

.violet-5 {
	color: #845ef7
}

.violet-6 {
	color: #7950f2
}

.violet-7 {
	color: #7048e8
}

.violet-8 {
	color: #6741d9
}

.violet-9 {
	color: #5f3dc4
}

.indigo-0 {
	color: #edf2ff
}

.indigo-1 {
	color: #dbe4ff
}

.indigo-2 {
	color: #bac8ff
}

.indigo-3 {
	color: #91a7ff
}

.indigo-4 {
	color: #748ffc
}

.indigo-5 {
	color: #5c7cfa
}

.indigo-6 {
	color: #4c6ef5
}

.indigo-7 {
	color: #4263eb
}

.indigo-8 {
	color: #3b5bdb
}

.indigo-9 {
	color: #364fc7
}

.blue-0 {
	color: #e7f5ff
}

.blue-1 {
	color: #d0ebff
}

.blue-2 {
	color: #a5d8ff
}

.blue-3 {
	color: #74c0fc
}

.blue-4 {
	color: #4dabf7
}

.blue-5 {
	color: #339af0
}

.blue-6 {
	color: #228be6
}

.blue-7 {
	color: #1c7ed6
}

.blue-8 {
	color: #1971c2
}

.blue-9 {
	color: #1864ab
}

.cyan-0 {
	color: #e3fafc
}

.cyan-1 {
	color: #c5f6fa
}

.cyan-2 {
	color: #99e9f2
}

.cyan-3 {
	color: #66d9e8
}

.cyan-4 {
	color: #3bc9db
}

.cyan-5 {
	color: #22b8cf
}

.cyan-6 {
	color: #15aabf
}

.cyan-7 {
	color: #1098ad
}

.cyan-8 {
	color: #0c8599
}

.cyan-9 {
	color: #0b7285
}

.teal-0 {
	color: #e6fcf5
}

.teal-1 {
	color: #c3fae8
}

.teal-2 {
	color: #96f2d7
}

.teal-3 {
	color: #63e6be
}

.teal-4 {
	color: #38d9a9
}

.teal-5 {
	color: #20c997
}

.teal-6 {
	color: #12b886
}

.teal-7 {
	color: #0ca678
}

.teal-8 {
	color: #099268
}

.teal-9 {
	color: #087f5b
}

.green-0 {
	color: #ebfbee
}

.green-1 {
	color: #d3f9d8
}

.green-2 {
	color: #b2f2bb
}

.green-3 {
	color: #8ce99a
}

.green-4 {
	color: #69db7c
}

.green-5 {
	color: #51cf66
}

.green-6 {
	color: #40c057
}

.green-7 {
	color: #37b24d
}

.green-8 {
	color: #2f9e44
}

.green-9 {
	color: #2b8a3e
}

.lime-0 {
	color: #f4fce3
}

.lime-1 {
	color: #e9fac8
}

.lime-2 {
	color: #d8f5a2
}

.lime-3 {
	color: #c0eb75
}

.lime-4 {
	color: #a9e34b
}

.lime-5 {
	color: #94d82d
}

.lime-6 {
	color: #82c91e
}

.lime-7 {
	color: #74b816
}

.lime-8 {
	color: #66a80f
}

.lime-9 {
	color: #5c940d
}

.yellow-0 {
	color: #fff9db
}

.yellow-1 {
	color: #fff3bf
}

.yellow-2 {
	color: #ffec99
}

.yellow-3 {
	color: #ffe066
}

.yellow-4 {
	color: #ffd43b
}

.yellow-5 {
	color: #fcc419
}

.yellow-6 {
	color: #fab005
}

.yellow-7 {
	color: #f59f00
}

.yellow-8 {
	color: #f08c00
}

.yellow-9 {
	color: #e67700
}

.orange-0 {
	color: #fff4e6
}

.orange-1 {
	color: #ffe8cc
}

.orange-2 {
	color: #ffd8a8
}

.orange-3 {
	color: #ffc078
}

.orange-4 {
	color: #ffa94d
}

.orange-5 {
	color: #ff922b
}

.orange-6 {
	color: #fd7e14
}

.orange-7 {
	color: #f76707
}

.orange-8 {
	color: #e8590c
}

.orange-9 {
	color: #d9480f
}

/* COLOR END */

/* GR COLORS */
.GradeGrey {
	background: linear-gradient(to right, rgb(189, 195, 199), rgb(44, 62, 80));
}

.PiggyPink {
	background: linear-gradient(to right, rgb(238, 156, 167), rgb(255, 221, 225));
}

.CoolBlues {
	background: linear-gradient(to right, rgb(33, 147, 176), rgb(109, 213, 237));
}

.MegaTron {
	background: linear-gradient(to right, rgb(198, 255, 221), rgb(251, 215, 134), rgb(247, 121, 125));
}

.MoonlitAsteroid {
	background: linear-gradient(to right, rgb(15, 32, 39), rgb(32, 58, 67), rgb(44, 83, 100));
}

.JShine {
	background: linear-gradient(to right, rgb(18, 194, 233), rgb(196, 113, 237), rgb(246, 79, 89));
}

.EveningSunshine {
	background: linear-gradient(to right, rgb(185, 43, 39), rgb(21, 101, 192));
}

.DarkOcean {
	background: linear-gradient(to right, rgb(55, 59, 68), rgb(66, 134, 244));
}

.CoolSky {
	background: linear-gradient(to right, rgb(41, 128, 185), rgb(109, 213, 250), rgb(255, 255, 255));
}

.Yoda {
	background: linear-gradient(to right, rgb(255, 0, 153), rgb(73, 50, 64));
}

.Memariani {
	background: linear-gradient(to right, rgb(170, 75, 107), rgb(107, 107, 131), rgb(59, 141, 153));
}

.Amin {
	background: linear-gradient(to right, rgb(142, 45, 226), rgb(74, 0, 224));
}

.Harvey {
	background: linear-gradient(to right, rgb(31, 64, 55), rgb(153, 242, 200));
}

.Neuromancer {
	background: linear-gradient(to right, rgb(249, 83, 198), rgb(185, 29, 115));
}

.AzurLane {
	background: linear-gradient(to right, rgb(127, 127, 213), rgb(134, 168, 231), rgb(145, 234, 228));
}

.WitchingHour {
	background: linear-gradient(to right, rgb(195, 20, 50), rgb(36, 11, 54));
}

.Flare {
	background: linear-gradient(to right, rgb(241, 39, 17), rgb(245, 175, 25));
}

.Metapolis {
	background: linear-gradient(to right, rgb(101, 153, 153), rgb(244, 121, 31));
}

.KyooPal {
	background: linear-gradient(to right, rgb(221, 62, 84), rgb(107, 229, 133));
}

.KyeMeh {
	background: linear-gradient(to right, rgb(131, 96, 195), rgb(46, 191, 145));
}

.KyooTah {
	background: linear-gradient(to right, rgb(84, 74, 125), rgb(255, 212, 82));
}

.ByDesign {
	background: linear-gradient(to right, rgb(0, 159, 255), rgb(236, 47, 75));
}

.UltraVoilet {
	background: linear-gradient(to right, rgb(101, 78, 163), rgb(234, 175, 200));
}

.BurningOrange {
	background: linear-gradient(to right, rgb(255, 65, 108), rgb(255, 75, 43));
}

.Wiretap {
	background: linear-gradient(to right, rgb(138, 35, 135), rgb(233, 64, 87), rgb(242, 113, 33));
}

.SummerDog {
	background: linear-gradient(to right, rgb(168, 255, 120), rgb(120, 255, 214));
}

.Rastafari {
	background: linear-gradient(to right, rgb(30, 150, 0), rgb(255, 242, 0), rgb(255, 0, 0));
}

.SinCityRed {
	background: linear-gradient(to right, rgb(237, 33, 58), rgb(147, 41, 30));
}

.CitrusPeel {
	background: linear-gradient(to right, rgb(253, 200, 48), rgb(243, 115, 53));
}

.BlueRaspberry {
	background: linear-gradient(to right, rgb(0, 180, 219), rgb(0, 131, 176));
}

.Margo {
	background: linear-gradient(to right, rgb(255, 239, 186), rgb(255, 255, 255));
}

.Magic {
	background: linear-gradient(to right, rgb(89, 193, 115), rgb(161, 127, 224), rgb(93, 38, 193));
}

.EveningNight {
	background: linear-gradient(to right, rgb(0, 90, 167), rgb(255, 253, 228));
}

.Vanusa {
	background: linear-gradient(to right, rgb(218, 68, 83), rgb(137, 33, 107));
}

.Shifty {
	background: linear-gradient(to right, rgb(99, 99, 99), rgb(162, 171, 88));
}

.eXpresso {
	background: linear-gradient(to right, rgb(173, 83, 137), rgb(60, 16, 83));
}

.SlightOceanView {
	background: linear-gradient(to right, rgb(168, 192, 255), rgb(63, 43, 150));
}

.PureLust {
	background: linear-gradient(to right, rgb(51, 51, 51), rgb(221, 24, 24));
}

.MoonPurple {
	background: linear-gradient(to right, rgb(78, 84, 200), rgb(143, 148, 251));
}

.RedSunset {
	background: linear-gradient(to right, rgb(53, 92, 125), rgb(108, 91, 123), rgb(192, 108, 132));
}

.Shifter {
	background: linear-gradient(to right, rgb(188, 78, 156), rgb(248, 7, 89));
}

.WeddingDayBlues {
	background: linear-gradient(to right, rgb(64, 224, 208), rgb(255, 140, 0), rgb(255, 0, 128));
}

.SandtoBlue {
	background: linear-gradient(to right, rgb(62, 81, 81), rgb(222, 203, 164));
}

.Quepal {
	background: linear-gradient(to right, rgb(17, 153, 142), rgb(56, 239, 125));
}

.PunYeta {
	background: linear-gradient(to right, rgb(16, 141, 199), rgb(239, 142, 56));
}

.SublimeLight {
	background: linear-gradient(to right, rgb(252, 92, 125), rgb(106, 130, 251));
}

.SublimeVivid {
	background: linear-gradient(to right, rgb(252, 70, 107), rgb(63, 94, 251));
}

.Bighead {
	background: linear-gradient(to right, rgb(201, 75, 75), rgb(75, 19, 79));
}

.TaranTado {
	background: linear-gradient(to right, rgb(35, 7, 77), rgb(204, 83, 51));
}

.Relaxingred {
	background: linear-gradient(to right, rgb(255, 251, 213), rgb(178, 10, 44));
}

.Lawrencium {
	background: linear-gradient(to right, rgb(15, 12, 41), rgb(48, 43, 99), rgb(36, 36, 62));
}

.Ohhappiness {
	background: linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61));
}

.Delicate {
	background: linear-gradient(to right, rgb(211, 204, 227), rgb(233, 228, 240));
}

.Selenium {
	background: linear-gradient(to right, rgb(60, 59, 63), rgb(96, 92, 60));
}

.Sulphur {
	background: linear-gradient(to right, rgb(202, 197, 49), rgb(243, 249, 167));
}

.PinkFlavour {
	background: linear-gradient(to right, rgb(128, 0, 128), rgb(255, 192, 203));
}

.RainbowBlue {
	background: linear-gradient(to right, rgb(0, 242, 96), rgb(5, 117, 230));
}

.OrangeFun {
	background: linear-gradient(to right, rgb(252, 74, 26), rgb(247, 183, 51));
}

.DigitalWater {
	background: linear-gradient(to right, rgb(116, 235, 213), rgb(172, 182, 229));
}

.Lithium {
	background: linear-gradient(to right, rgb(109, 96, 39), rgb(211, 203, 184));
}

.Argon {
	background: linear-gradient(to right, rgb(3, 0, 30), rgb(115, 3, 192), rgb(236, 56, 188), rgb(253, 239, 249));
}

.Hydrogen {
	background: linear-gradient(to right, rgb(102, 125, 182), rgb(0, 130, 200), rgb(0, 130, 200), rgb(102, 125, 182));
}

.Zinc {
	background: linear-gradient(to right, rgb(173, 169, 150), rgb(242, 242, 242), rgb(219, 219, 219), rgb(234, 234, 234));
}

.VelvetSun {
	background: linear-gradient(to right, rgb(225, 238, 195), rgb(240, 80, 83));
}

.KingYna {
	background: linear-gradient(to right, rgb(26, 42, 108), rgb(178, 31, 31), rgb(253, 187, 45));
}

.Summer {
	background: linear-gradient(to right, rgb(34, 193, 195), rgb(253, 187, 45));
}

.OrangeCoral {
	background: linear-gradient(to right, rgb(255, 153, 102), rgb(255, 94, 98));
}

.Purpink {
	background: linear-gradient(to right, rgb(127, 0, 255), rgb(225, 0, 255));
}

.Dull {
	background: linear-gradient(to right, rgb(201, 214, 255), rgb(226, 226, 226));
}

.KimobyBlue {
	background: linear-gradient(to right, rgb(57, 106, 252), rgb(41, 72, 255));
}

.BrokenHearts {
	background: linear-gradient(to right, rgb(217, 167, 199), rgb(255, 252, 220));
}

.Subu {
	background: linear-gradient(to right, rgb(12, 235, 235), rgb(32, 227, 178), rgb(41, 255, 198));
}

.Socialive {
	background: linear-gradient(to right, rgb(6, 190, 182), rgb(72, 177, 191));
}

.CrimsonTide {
	background: linear-gradient(to right, rgb(100, 43, 115), rgb(198, 66, 110));
}

.Telegram {
	background: linear-gradient(to right, rgb(28, 146, 210), rgb(242, 252, 254));
}

.Terminal {
	background: linear-gradient(to right, rgb(0, 0, 0), rgb(15, 155, 15));
}

.Scooter {
	background: linear-gradient(to right, rgb(54, 209, 220), rgb(91, 134, 229));
}

.Alive {
	background: linear-gradient(to right, rgb(203, 53, 107), rgb(189, 63, 50));
}

.Relay {
	background: linear-gradient(to right, rgb(58, 28, 113), rgb(215, 109, 119), rgb(255, 175, 123));
}

.Meridian {
	background: linear-gradient(to right, rgb(40, 60, 134), rgb(69, 162, 71));
}

.CompareNow {
	background: linear-gradient(to right, rgb(239, 59, 54), rgb(255, 255, 255));
}

.Mello {
	background: linear-gradient(to right, rgb(192, 57, 43), rgb(142, 68, 173));
}

.CrystalClear {
	background: linear-gradient(to right, rgb(21, 153, 87), rgb(21, 87, 153));
}

.VisionsofGrandeur {
	background: linear-gradient(to right, rgb(0, 0, 70), rgb(28, 181, 224));
}

.ChittyChittyBang {
	background: linear-gradient(to right, rgb(0, 121, 145), rgb(120, 255, 214));
}

.BlueSkies {
	background: linear-gradient(to right, rgb(86, 204, 242), rgb(47, 128, 237));
}

.Sunkist {
	background: linear-gradient(to right, rgb(242, 153, 74), rgb(242, 201, 76));
}

.Coal {
	background: linear-gradient(to right, rgb(235, 87, 87), rgb(0, 0, 0));
}

.Html {
	background: linear-gradient(to right, rgb(228, 77, 38), rgb(241, 101, 41));
}

.Cinnamint {
	background: linear-gradient(to right, rgb(74, 194, 154), rgb(189, 255, 243));
}

.Maldives {
	background: linear-gradient(to right, rgb(178, 254, 250), rgb(14, 210, 247));
}

.Mini {
	background: linear-gradient(to right, rgb(48, 232, 191), rgb(255, 130, 53));
}

.Shalala {
	background: linear-gradient(to right, rgb(214, 109, 117), rgb(226, 149, 135));
}

.Purplepine {
	background: linear-gradient(to right, rgb(32, 0, 44), rgb(203, 180, 212));
}

.Celestial {
	background: linear-gradient(to right, rgb(195, 55, 100), rgb(29, 38, 113));
}

.LearningandLeading {
	background: linear-gradient(to right, rgb(247, 151, 30), rgb(255, 210, 0));
}

.PacificDream {
	background: linear-gradient(to right, rgb(52, 232, 158), rgb(15, 52, 67));
}

.Venice {
	background: linear-gradient(to right, rgb(97, 144, 232), rgb(167, 191, 232));
}

.Orca {
	background: linear-gradient(to right, rgb(68, 160, 141), rgb(9, 54, 55));
}

.LoveandLiberty {
	background: linear-gradient(to right, rgb(32, 1, 34), rgb(111, 0, 0));
}

.VeryBlue {
	background: linear-gradient(to right, rgb(5, 117, 230), rgb(2, 27, 121));
}

.CanTheLoveTonight {
	background: linear-gradient(to right, rgb(69, 104, 220), rgb(176, 106, 179));
}

.TheBlueLagoon {
	background: linear-gradient(to right, rgb(67, 198, 172), rgb(25, 22, 84));
}

.UndertheLake {
	background: linear-gradient(to right, rgb(9, 48, 40), rgb(35, 122, 87));
}

.HoneyDew {
	background: linear-gradient(to right, rgb(67, 198, 172), rgb(248, 255, 174));
}

.Roseanna {
	background: linear-gradient(to right, rgb(255, 175, 189), rgb(255, 195, 160));
}

.WhatliesBeyond {
	background: linear-gradient(to right, rgb(240, 242, 240), rgb(0, 12, 64));
}

.RoseColoredLenses {
	background: linear-gradient(to right, rgb(232, 203, 192), rgb(99, 111, 164));
}

.EasyMed {
	background: linear-gradient(to right, rgb(220, 227, 91), rgb(69, 182, 73));
}

.CocoaaIce {
	background: linear-gradient(to right, rgb(192, 192, 170), rgb(28, 239, 255));
}

.Jodhpur {
	background: linear-gradient(to right, rgb(156, 236, 251), rgb(101, 199, 247), rgb(0, 82, 212));
}

.Jaipur {
	background: linear-gradient(to right, rgb(219, 230, 246), rgb(197, 121, 109));
}

.ViceCity {
	background: linear-gradient(to right, rgb(52, 148, 230), rgb(236, 110, 173));
}

.Mild {
	background: linear-gradient(to right, rgb(103, 178, 111), rgb(76, 162, 205));
}

.Dawn {
	background: linear-gradient(to right, rgb(243, 144, 79), rgb(59, 67, 113));
}

.IbizaSunset {
	background: linear-gradient(to right, rgb(238, 9, 121), rgb(255, 106, 0));
}

.Radar {
	background: linear-gradient(to right, rgb(167, 112, 239), rgb(207, 139, 243), rgb(253, 185, 155));
}

.80sPurple {
	background: linear-gradient(to right, rgb(65, 41, 90), rgb(47, 7, 67));
}

.BlackRosé {
	background: linear-gradient(to right, rgb(244, 196, 243), rgb(252, 103, 250));
}

.BradyBradyFunFun {
	background: linear-gradient(to right, rgb(0, 195, 255), rgb(255, 255, 28));
}

.EdsSunsetGradient {
	background: linear-gradient(to right, rgb(255, 126, 95), rgb(254, 180, 123));
}

.Snapchat {
	background: linear-gradient(to right, rgb(255, 252, 0), rgb(255, 255, 255));
}

.CosmicFusion {
	background: linear-gradient(to right, rgb(255, 0, 204), rgb(51, 51, 153));
}

.Nepal {
	background: linear-gradient(to right, rgb(222, 97, 97), rgb(38, 87, 235));
}

.AzurePop {
	background: linear-gradient(to right, rgb(239, 50, 217), rgb(137, 255, 253));
}

.LoveCouple {
	background: linear-gradient(to right, rgb(58, 97, 134), rgb(137, 37, 62));
}

.Disco {
	background: linear-gradient(to right, rgb(78, 205, 196), rgb(85, 98, 112));
}

.Limeade {
	background: linear-gradient(to right, rgb(161, 255, 206), rgb(250, 255, 209));
}

.Dania {
	background: linear-gradient(to right, rgb(190, 147, 197), rgb(123, 198, 204));
}

.50ShadesofGrey {
	background: linear-gradient(to right, rgb(189, 195, 199), rgb(44, 62, 80));
}

}

.Jupiter {
	background: linear-gradient(to right, rgb(255, 216, 155), rgb(25, 84, 123));
}

.IIITDelhi {
	background: linear-gradient(to right, rgb(128, 128, 128), rgb(63, 173, 168));
}

.SunontheHorizon {
	background: linear-gradient(to right, rgb(252, 234, 187), rgb(248, 181, 0));
}

.BloodRed {
	background: linear-gradient(to right, rgb(248, 80, 50), rgb(231, 56, 39));
}

.Sherbert {
	background: linear-gradient(to right, rgb(247, 157, 0), rgb(100, 243, 140));
}

.Firewatch {
	background: linear-gradient(to right, rgb(203, 45, 62), rgb(239, 71, 58));
}

.Lush {
	background: linear-gradient(to right, rgb(86, 171, 47), rgb(168, 224, 99));
}

.Frost {
	background: linear-gradient(to right, rgb(0, 4, 40), rgb(0, 78, 146));
}

.Mauve {
	background: linear-gradient(to right, rgb(66, 39, 90), rgb(115, 75, 109));
}

.Royal {
	background: linear-gradient(to right, rgb(20, 30, 48), rgb(36, 59, 85));
}

.MinimalRed {
	background: linear-gradient(to right, rgb(240, 0, 0), rgb(220, 40, 30));
}

.Dusk {
	background: linear-gradient(to right, rgb(44, 62, 80), rgb(253, 116, 108));
}

.DeepSeaSpace {
	background: linear-gradient(to right, rgb(44, 62, 80), rgb(76, 161, 175));
}

.GrapefruitSunset {
	background: linear-gradient(to right, rgb(233, 100, 67), rgb(144, 78, 149));
}

.Sunset {
	background: linear-gradient(to right, rgb(11, 72, 107), rgb(245, 98, 23));
}

.SolidVault {
	background: linear-gradient(to right, rgb(58, 123, 213), rgb(58, 96, 115));
}

.BrightVault {
	background: linear-gradient(to right, rgb(0, 210, 255), rgb(146, 141, 171));
}

.Politics {
	background: linear-gradient(to right, rgb(33, 150, 243), rgb(244, 67, 54));
}

.SweetMorning {
	background: linear-gradient(to right, rgb(255, 95, 109), rgb(255, 195, 113));
}

.Sylvia {
	background: linear-gradient(to right, rgb(255, 75, 31), rgb(255, 144, 104));
}

.Transfile {
	background: linear-gradient(to right, rgb(22, 191, 253), rgb(203, 48, 102));
}

.Tranquil {
	background: linear-gradient(to right, rgb(238, 205, 163), rgb(239, 98, 159));
}

.RedOcean {
	background: linear-gradient(to right, rgb(29, 67, 80), rgb(164, 57, 49));
}

.Shahabi {
	background: linear-gradient(to right, rgb(168, 0, 119), rgb(102, 255, 0));
}

.Alihossein {
	background: linear-gradient(to right, rgb(247, 255, 0), rgb(219, 54, 164));
}

.Ali {
	background: linear-gradient(to right, rgb(255, 75, 31), rgb(31, 221, 255));
}

.PurpleWhite {
	background: linear-gradient(to right, rgb(186, 83, 112), rgb(244, 226, 216));
}

.ColorsOfSky {
	background: linear-gradient(to right, rgb(224, 234, 252), rgb(207, 222, 243));
}

.Decent {
	background: linear-gradient(to right, rgb(76, 161, 175), rgb(196, 224, 229));
}

.DeepSpace {
	background: linear-gradient(to right, rgb(0, 0, 0), rgb(67, 67, 67));
}

.DarkSkies {
	background: linear-gradient(to right, rgb(75, 121, 161), rgb(40, 62, 81));
}

.Suzy {
	background: linear-gradient(to right, rgb(131, 77, 155), rgb(208, 78, 214));
}

.Superman {
	background: linear-gradient(to right, rgb(0, 153, 247), rgb(241, 23, 18));
}

.Nighthawk {
	background: linear-gradient(to right, rgb(41, 128, 185), rgb(44, 62, 80));
}

.Forest {
	background: linear-gradient(to right, rgb(90, 63, 55), rgb(44, 119, 68));
}

.MiamiDolphins {
	background: linear-gradient(to right, rgb(77, 160, 176), rgb(211, 157, 56));
}

.MinnesotaVikings {
	background: linear-gradient(to right, rgb(86, 20, 176), rgb(219, 214, 92));
}

.Christmas {
	background: linear-gradient(to right, rgb(47, 115, 54), rgb(170, 58, 56));
}

.Joomla {
	background: linear-gradient(to right, rgb(30, 60, 114), rgb(42, 82, 152));
}

.Pizelex {
	background: linear-gradient(to right, rgb(17, 67, 87), rgb(242, 148, 146));
}

.Haikus {
	background: linear-gradient(to right, rgb(253, 116, 108), rgb(255, 144, 104));
}

.PaleWood {
	background: linear-gradient(to right, rgb(234, 205, 163), rgb(214, 174, 123));
}

.Purplin {
	background: linear-gradient(to right, rgb(106, 48, 147), rgb(160, 68, 255));
}

.Inbox {
	background: linear-gradient(to right, rgb(69, 127, 202), rgb(86, 145, 200));
}

.Blush {
	background: linear-gradient(to right, rgb(178, 69, 146), rgb(241, 95, 121));
}

.BacktotheFuture {
	background: linear-gradient(to right, rgb(192, 36, 37), rgb(240, 203, 53));
}

.Poncho {
	background: linear-gradient(to right, rgb(64, 58, 62), rgb(190, 88, 105));
}

.GreenandBlue {
	background: linear-gradient(to right, rgb(194, 229, 156), rgb(100, 179, 244));
}

.LightOrange {
	background: linear-gradient(to right, rgb(255, 183, 94), rgb(237, 143, 3));
}

.Netflix {
	background: linear-gradient(to right, rgb(142, 14, 0), rgb(31, 28, 24));
}

.LittleLeaf {
	background: linear-gradient(to right, rgb(118, 184, 82), rgb(141, 194, 111));
}

.DeepPurple {
	background: linear-gradient(to right, rgb(103, 58, 183), rgb(81, 45, 168));
}

.BackToEarth {
	background: linear-gradient(to right, rgb(0, 201, 255), rgb(146, 254, 157));
}

.MasterCard {
	background: linear-gradient(to right, rgb(244, 107, 69), rgb(238, 168, 73));
}

.ClearSky {
	background: linear-gradient(to right, rgb(0, 92, 151), rgb(54, 55, 149));
}

.Passion {
	background: linear-gradient(to right, rgb(229, 57, 53), rgb(227, 93, 91));
}

.Timber {
	background: linear-gradient(to right, rgb(252, 0, 255), rgb(0, 219, 222));
}

.BetweenNightandDay {
	background: linear-gradient(to right, rgb(44, 62, 80), rgb(52, 152, 219));
}

.SagePersuasion {
	background: linear-gradient(to right, rgb(204, 204, 178), rgb(117, 117, 25));
}

.Lizard {
	background: linear-gradient(to right, rgb(48, 67, 82), rgb(215, 210, 204));
}

.Piglet {
	background: linear-gradient(to right, rgb(238, 156, 167), rgb(255, 221, 225));
}

.DarkKnight {
	background: linear-gradient(to right, rgb(186, 139, 2), rgb(24, 24, 24));
}

.Curiosityblue {
	background: linear-gradient(to right, rgb(82, 82, 82), rgb(61, 114, 180));
}

.Ukraine {
	background: linear-gradient(to right, rgb(0, 79, 249), rgb(255, 249, 76));
}

.FreshTurboscent {
	background: linear-gradient(to right, rgb(241, 242, 181), rgb(19, 80, 88));
}

.Greentodark {
	background: linear-gradient(to right, rgb(106, 145, 19), rgb(20, 21, 23));
}

.KokoCaramel {
	background: linear-gradient(to right, rgb(209, 145, 60), rgb(255, 209, 148));
}

.VirginAmerica {
	background: linear-gradient(to right, rgb(123, 67, 151), rgb(220, 36, 48));
}

.Portrait {
	background: linear-gradient(to right, rgb(142, 158, 171), rgb(238, 242, 243));
}

.Turquoiseflow {
	background: linear-gradient(to right, rgb(19, 106, 138), rgb(38, 120, 113));
}

.Vine {
	background: linear-gradient(to right, rgb(0, 191, 143), rgb(0, 21, 16));
}

.Flickr {
	background: linear-gradient(to right, rgb(255, 0, 132), rgb(51, 0, 27));
}

.Instagram {
	background: linear-gradient(to right, rgb(131, 58, 180), rgb(253, 29, 29), rgb(252, 176, 69));
}

.Atlas {
	background: linear-gradient(to right, rgb(254, 172, 94), rgb(199, 121, 208), rgb(75, 192, 200));
}

.Twitch {
	background: linear-gradient(to right, rgb(100, 65, 165), rgb(42, 8, 69));
}

.PastelOrangeSun {
	background: linear-gradient(to right, rgb(255, 179, 71), rgb(255, 204, 51));
}

.EndlessRiver {
	background: linear-gradient(to right, rgb(67, 206, 162), rgb(24, 90, 157));
}

.Predawn {
	background: linear-gradient(to right, rgb(255, 161, 127), rgb(0, 34, 62));
}

.PurpleBliss {
	background: linear-gradient(to right, rgb(54, 0, 51), rgb(11, 135, 147));
}

.TalkingToMiceElf {
	background: linear-gradient(to right, rgb(148, 142, 153), rgb(46, 20, 55));
}

.Hersheys {
	background: linear-gradient(to right, rgb(30, 19, 12), rgb(154, 132, 120));
}

.CrazyOrangeI {
	background: linear-gradient(to right, rgb(211, 131, 18), rgb(168, 50, 121));
}

.BetweenTheClouds {
	background: linear-gradient(to right, rgb(115, 200, 169), rgb(55, 59, 68));
}

.MetallicToad {
	background: linear-gradient(to right, rgb(171, 186, 171), rgb(255, 255, 255));
}

.Martini {
	background: linear-gradient(to right, rgb(253, 252, 71), rgb(36, 254, 65));
}

.Friday {
	background: linear-gradient(to right, rgb(131, 164, 212), rgb(182, 251, 255));
}

.ServQuick {
	background: linear-gradient(to right, rgb(72, 85, 99), rgb(41, 50, 60));
}

.Behongo {
	background: linear-gradient(to right, rgb(82, 194, 52), rgb(6, 23, 0));
}

.SoundCloud {
	background: linear-gradient(to right, rgb(254, 140, 0), rgb(248, 54, 0));
}

.FacebookMessenger {
	background: linear-gradient(to right, rgb(0, 198, 255), rgb(0, 114, 255));
}

.Shore {
	background: linear-gradient(to right, rgb(112, 225, 245), rgb(255, 209, 148));
}

.CheerUpEmoKid {
	background: linear-gradient(to right, rgb(85, 98, 112), rgb(255, 107, 107));
}

.Amethyst {
	background: linear-gradient(to right, rgb(157, 80, 187), rgb(110, 72, 170));
}

.ManofSteel {
	background: linear-gradient(to right, rgb(120, 2, 6), rgb(6, 17, 97));
}

.NeonLife {
	background: linear-gradient(to right, rgb(179, 255, 171), rgb(18, 255, 247));
}

.TealLove {
	background: linear-gradient(to right, rgb(170, 255, 169), rgb(17, 255, 189));
}

.RedMist {
	background: linear-gradient(to right, rgb(0, 0, 0), rgb(231, 76, 60));
}

.Starfall {
	background: linear-gradient(to right, rgb(240, 194, 123), rgb(75, 18, 72));
}

.DanceToForget {
	background: linear-gradient(to right, rgb(255, 78, 80), rgb(249, 212, 35));
}

.Parklife {
	background: linear-gradient(to right, rgb(173, 209, 0), rgb(123, 146, 10));
}

.Cherryblossoms {
	background: linear-gradient(to right, rgb(251, 211, 233), rgb(187, 55, 125));
}

.Ash {
	background: linear-gradient(to right, rgb(96, 108, 136), rgb(63, 76, 107));
}

.Virgin {
	background: linear-gradient(to right, rgb(201, 255, 191), rgb(255, 175, 189));
}

.Earthly {
	background: linear-gradient(to right, rgb(100, 145, 115), rgb(219, 213, 164));
}

.DirtyFog {
	background: linear-gradient(to right, rgb(185, 147, 214), rgb(140, 166, 219));
}

.TheStrain {
	background: linear-gradient(to right, rgb(135, 0, 0), rgb(25, 10, 5));
}

.Reef {
	background: linear-gradient(to right, rgb(0, 210, 255), rgb(58, 123, 213));
}

.Candy {
	background: linear-gradient(to right, rgb(211, 149, 155), rgb(191, 230, 186));
}

.Autumn {
	background: linear-gradient(to right, rgb(218, 210, 153), rgb(176, 218, 185));
}

.Nelson {
	background: linear-gradient(to right, rgb(242, 112, 156), rgb(255, 148, 114));
}

.Winter {
	background: linear-gradient(to right, rgb(230, 218, 218), rgb(39, 64, 70));
}

.ForeverLost {
	background: linear-gradient(to right, rgb(93, 65, 87), rgb(168, 202, 186));
}

.Almost {
	background: linear-gradient(to right, rgb(221, 214, 243), rgb(250, 172, 168));
}

.Moor {
	background: linear-gradient(to right, rgb(97, 97, 97), rgb(155, 197, 195));
}

.Aqualicious {
	background: linear-gradient(to right, rgb(80, 201, 195), rgb(150, 222, 218));
}

.MistyMeadow {
	background: linear-gradient(to right, rgb(33, 95, 0), rgb(228, 228, 217));
}

.Kyoto {
	background: linear-gradient(to right, rgb(194, 21, 0), rgb(255, 197, 0));
}

.SiriusTamed {
	background: linear-gradient(to right, rgb(239, 239, 187), rgb(212, 211, 221));
}

.Jonquil {
	background: linear-gradient(to right, rgb(255, 238, 238), rgb(221, 239, 187));
}

.Petrichor {
	background: linear-gradient(to right, rgb(102, 102, 0), rgb(153, 153, 102));
}

.ALostMemory {
	background: linear-gradient(to right, rgb(222, 98, 98), rgb(255, 184, 140));
}

.Vasily {
	background: linear-gradient(to right, rgb(233, 211, 98), rgb(51, 51, 51));
}

.BlurryBeach {
	background: linear-gradient(to right, rgb(213, 51, 105), rgb(203, 173, 109));
}

.Namn {
	background: linear-gradient(to right, rgb(167, 55, 55), rgb(122, 40, 40));
}

.DayTripper {
	background: linear-gradient(to right, rgb(248, 87, 166), rgb(255, 88, 88));
}

.PinotNoir {
	background: linear-gradient(to right, rgb(75, 108, 183), rgb(24, 40, 72));
}

.Miaka {
	background: linear-gradient(to right, rgb(252, 53, 76), rgb(10, 191, 188));
}

.Army {
	background: linear-gradient(to right, rgb(65, 77, 11), rgb(114, 122, 23));
}

.Shrimpy {
	background: linear-gradient(to right, rgb(228, 58, 21), rgb(230, 82, 69));
}

.Influenza {
	background: linear-gradient(to right, rgb(192, 72, 72), rgb(72, 0, 72));
}

.CalmDarya {
	background: linear-gradient(to right, rgb(95, 44, 130), rgb(73, 160, 157));
}

.Bourbon {
	background: linear-gradient(to right, rgb(236, 111, 102), rgb(243, 161, 131));
}

.Stellar {
	background: linear-gradient(to right, rgb(116, 116, 191), rgb(52, 138, 199));
}

.Clouds {
	background: linear-gradient(to right, rgb(236, 233, 230), rgb(255, 255, 255));
}

.Moonrise {
	background: linear-gradient(to right, rgb(218, 226, 248), rgb(214, 164, 164));
}

.Peach {
	background: linear-gradient(to right, rgb(237, 66, 100), rgb(255, 237, 188));
}

.Dracula {
	background: linear-gradient(to right, rgb(220, 36, 36), rgb(74, 86, 157));
}

.Mantle {
	background: linear-gradient(to right, rgb(36, 198, 220), rgb(81, 74, 157));
}

.Titanium {
	background: linear-gradient(to right, rgb(40, 48, 72), rgb(133, 147, 152));
}

.Opa {
	background: linear-gradient(to right, rgb(61, 126, 170), rgb(255, 228, 122));
}

.SeaBlizz {
	background: linear-gradient(to right, rgb(28, 216, 210), rgb(147, 237, 199));
}

.MidnightCity {
	background: linear-gradient(to right, rgb(35, 37, 38), rgb(65, 67, 69));
}

.Mystic {
	background: linear-gradient(to right, rgb(117, 127, 154), rgb(215, 221, 232));
}

.ShroomHaze {
	background: linear-gradient(to right, rgb(92, 37, 141), rgb(67, 137, 162));
}

.Moss {
	background: linear-gradient(to right, rgb(19, 78, 94), rgb(113, 178, 128));
}

.BoraBora {
	background: linear-gradient(to right, rgb(43, 192, 228), rgb(234, 236, 198));
}

.VeniceBlue {
	background: linear-gradient(to right, rgb(8, 80, 120), rgb(133, 216, 206));
}

.ElectricViolet {
	background: linear-gradient(to right, rgb(71, 118, 230), rgb(142, 84, 233));
}

.Kashmir {
	background: linear-gradient(to right, rgb(97, 67, 133), rgb(81, 99, 149));
}

.SteelGray {
	background: linear-gradient(to right, rgb(31, 28, 44), rgb(146, 141, 171));
}

.Mirage {
	background: linear-gradient(to right, rgb(22, 34, 42), rgb(58, 96, 115));
}

.JuicyOrange {
	background: linear-gradient(to right, rgb(255, 128, 8), rgb(255, 200, 55));
}

.Mojito {
	background: linear-gradient(to right, rgb(29, 151, 108), rgb(147, 249, 185));
}

.Cherry {
	background: linear-gradient(to right, rgb(235, 51, 73), rgb(244, 92, 67));
}

.Pinky {
	background: linear-gradient(to right, rgb(221, 94, 137), rgb(247, 187, 151));
}

.SeaWeed {
	background: linear-gradient(to right, rgb(76, 184, 196), rgb(60, 211, 173));
}

.Stripe {
	background: linear-gradient(to right, rgb(31, 162, 255), rgb(18, 216, 250), rgb(166, 255, 203));
}

.PurpleParadise {
	background: linear-gradient(to right, rgb(29, 43, 100), rgb(248, 205, 218));
}

.Sunrise {
	background: linear-gradient(to right, rgb(255, 81, 47), rgb(240, 152, 25));
}

.AquaMarine {
	background: linear-gradient(to right, rgb(26, 41, 128), rgb(38, 208, 206));
}

.Aubergine {
	background: linear-gradient(to right, rgb(170, 7, 107), rgb(97, 4, 95));
}

.BloodyMary {
	background: linear-gradient(to right, rgb(255, 81, 47), rgb(221, 36, 118));
}

.MangoPulp {
	background: linear-gradient(to right, rgb(240, 152, 25), rgb(237, 222, 93));
}

.Frozen {
	background: linear-gradient(to right, rgb(64, 59, 74), rgb(231, 233, 187));
}

.RoseWater {
	background: linear-gradient(to right, rgb(229, 93, 135), rgb(95, 195, 228));
}

.Horizon {
	background: linear-gradient(to right, rgb(0, 57, 115), rgb(229, 229, 190));
}

.MonteCarlo {
	background: linear-gradient(to right, rgb(204, 149, 192), rgb(219, 212, 180), rgb(122, 161, 210));
}

.LemonTwist {
	background: linear-gradient(to right, rgb(60, 165, 92), rgb(181, 172, 73));
}

.EmeraldWater {
	background: linear-gradient(to right, rgb(52, 143, 80), rgb(86, 180, 211));
}

.IntuitivePurple {
	background: linear-gradient(to right, rgb(218, 34, 255), rgb(151, 51, 238));
}

.GreenBeach {
	background: linear-gradient(to right, rgb(2, 170, 176), rgb(0, 205, 172));
}

.SunnyDays {
	background: linear-gradient(to right, rgb(237, 229, 116), rgb(225, 245, 196));
}

.PlayingwithReds {
	background: linear-gradient(to right, rgb(211, 16, 39), rgb(234, 56, 77));
}

.HarmonicEnergy {
	background: linear-gradient(to right, rgb(22, 160, 133), rgb(244, 208, 63));
}

.CoolBrown {
	background: linear-gradient(to right, rgb(96, 56, 19), rgb(178, 159, 148));
}

.YouTube {
	background: linear-gradient(to right, rgb(229, 45, 39), rgb(179, 18, 23));
}

.NoontoDusk {
	background: linear-gradient(to right, rgb(255, 110, 127), rgb(191, 233, 255));
}

.Hazel {
	background: linear-gradient(to right, rgb(119, 161, 211), rgb(121, 203, 202), rgb(230, 132, 174));
}

.Nimvelo {
	background: linear-gradient(to right, rgb(49, 71, 85), rgb(38, 160, 218));
}

.SeaBlue {
	background: linear-gradient(to right, rgb(43, 88, 118), rgb(78, 67, 118));
}

.Blooker20 {
	background: linear-gradient(to right, rgb(230, 92, 0), rgb(249, 212, 35));
}

.SexyBlue {
	background: linear-gradient(to right, rgb(33, 147, 176), rgb(109, 213, 237));
}

.PurpleLove {
	background: linear-gradient(to right, rgb(204, 43, 94), rgb(117, 58, 136));
}

.DIMIGO {
	background: linear-gradient(to right, rgb(236, 0, 140), rgb(252, 103, 103));
}

.Skyline {
	background: linear-gradient(to right, rgb(20, 136, 204), rgb(43, 50, 178));
}

.Sel {
	background: linear-gradient(to right, rgb(0, 70, 127), rgb(165, 204, 130));
}

.Sky {
	background: linear-gradient(to right, rgb(7, 101, 133), rgb(255, 255, 255));
}

.Petrol {
	background: linear-gradient(to right, rgb(187, 210, 197), rgb(83, 105, 118));
}

.Anamnisar {
	background: linear-gradient(to right, rgb(151, 150, 240), rgb(251, 199, 212));
}

.Copper {
	background: linear-gradient(to right, rgb(183, 152, 145), rgb(148, 113, 107));
}

.RoyalBlue + Petrol {
	background: linear-gradient(to right, rgb(187, 210, 197), rgb(83, 105, 118), rgb(41, 46, 73));
}

.RoyalBlue {
	background: linear-gradient(to right, rgb(83, 105, 118), rgb(41, 46, 73));
}

.Windy {
	background: linear-gradient(to right, rgb(172, 182, 229), rgb(134, 253, 232));
}

.Rea {
	background: linear-gradient(to right, rgb(255, 224, 0), rgb(121, 159, 12));
}

.Bupe {
	background: linear-gradient(to right, rgb(0, 65, 106), rgb(228, 229, 230));
}

.Mango {
	background: linear-gradient(to right, rgb(255, 226, 89), rgb(255, 167, 81));
}

.Reaqua {
	background: linear-gradient(to right, rgb(121, 159, 12), rgb(172, 187, 120));
}

.Lunada {
	background: linear-gradient(to right, rgb(84, 51, 255), rgb(32, 189, 255), rgb(165, 254, 203));
}

.Bluelagoo {
	background: linear-gradient(to right, rgb(0, 82, 212), rgb(67, 100, 247), rgb(111, 177, 252));
}

.Anwar {
	background: linear-gradient(to right, rgb(51, 77, 80), rgb(203, 202, 165));
}

.Combi {
	background: linear-gradient(to right, rgb(0, 65, 106), rgb(121, 159, 12), rgb(255, 224, 0));
}

.VerBlack {
	background: linear-gradient(to right, rgb(247, 248, 248), rgb(172, 187, 120));
}

.Ver {
	background: linear-gradient(to right, rgb(255, 224, 0), rgb(121, 159, 12));
}

.Blu {
	background: linear-gradient(to right, rgb(0, 65, 106), rgb(228, 229, 230));
}


.padding-top-0 {
	padding-top: 0 !important;
}

.padding-top-5 {
	padding-top: 5px !important;
}

.padding-bottom-0 {
	padding-bottom: 0 !important;
}

.padding-bottom-5 {
	padding-bottom: 5px !important;
}

.padding-left-5 {
	padding-left: 5px !important;
}

.padding-left-10 {
	padding-left: 10px !important;
}

.padding-right-5 {
	padding-right: 5px !important;
}

.padding-right-10 {
	padding-right: 10px !important;
}

.margin-top-0 {
	margin-top: 0 !important;
}

.margin-top-5 {
	margin-top: 5px !important;
}

.margin-bottom-0 {
	margin-bottom: 0 !important;
}

.margin-bottom-5 {
	margin-bottom: 5px !important;
}

.margin-left-5 {
	margin-left: 5px !important;
}

.margin-left-10 {
	margin-left: 10px !important;
}

.margin-right-5 {
	margin-right: 5px !important;
}

.margin-right-10 {
	margin-right: 10px !important;
}

.margin-right-15 {
	margin-right: 15px !important;
}

.row-flex {
	display: flex;
}

.col-flexgrid {
	display: grid;
}


/* ICON FIX UIDATEPICKER Rahmi */
.fa-svg-icon {
	display: inline-block;
	vertical-align: middle;
	min-width: 1em;
	min-height: 1em;
	height: 100%;
	position: relative;
	top: -1px;
}

	.fa-svg-icon svg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

		.fa-svg-icon svg g,
		.fa-svg-icon svg path {
			fill: currentColor;
		}

/* Orka List Search Fix        */
.m-list-search .m-list-search__results .m-list-search__result-item .m-list-search__result-item-text .m-list-search__result-item-orka {
	display: table !important;
	vertical-align: middle;
	font-size: 1.2rem !important;
}

/* Orka Özel Alan */

.orka-kutucuk {
	border: 4px solid #efefef52;
	padding: 6px;
	background-color: #968abd00;
	box-shadow: 0px 0px 0.1px 0px #00000080;
	margin-bottom: 10px;
	border-radius: 3px;
}

.col-centered {
	float: none;
	margin: 0 auto;
}

.custom-file .custom-file-label:after {
	content: "Seç";
}

/*SCROLL*/
.nav-tabs::-webkit-scrollbar {
	width: 15px;
}

.nav-tabs::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,1);
	border-radius: 10px;
}

.nav-tabs::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #82707012;
	-webkit-box-shadow: inset 0 0 6px rgba(90,90,90,0.7);
}
/*SCROLL*/

/*PROJE LİSTESİ SEÇİM*/
.m-checkbox > span {
	height: 15px !important;
	width: 15px !important;
}

.orka_table th, .table td {
	padding: .25rem !important;
}

.orka_table tr:hover td {
	background: #F4F6F9;
}
/*CHECKBOX*/

::placeholder {
	color: #90949336 !important;
}

.m-footer {
	z-index: 5 !important;
}

m-form .form-control-label, .m-form label {
	font-size: unset !important;
}


/* ORKA LOGIN*/
.orka-login {
	background: #EFEFBB; /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #D4D3DD, #EFEFBB); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #D4D3DD, lightblue); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	width: 100%;
	height: 100%;
	margin: 30% auto 30% auto;
	padding: 40px;
	padding-top: 30px;
	overflow: hidden;
	position: relative;
	box-shadow: -3px 0px 20px 8px #3a35358c;
}

.fill {
	overflow: hidden;
	background-size: cover;
	background-position: center;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form {
	margin: 2rem auto 4em auto !important;
}

.m-nav .m-nav__separator {
	border-bottom: 0.75px solid #cccfda !important;
}

.m-nav .m-nav__item + .m-nav__section {
	margin-top: 2px !important;
}

.m-nav .m-nav__separator {
	height: 0 !important;
	margin: 5px 0 !important;
}

div.DTE_Bubble {
	z-index: 99999 !important;
}

div.editor-datetime {
	z-index: 99999 !important;
}

/*İnput Grouplara İmg eklenince*/
.input-group-text {
	padding: .0rem 1rem !important;
}

.select2-results {
	display: contents;
}

/* BEGIN - MODAL ÜSTÜNE MODAL GELDİĞİNDE ARKA FONUN AYARLANMASI İÇİN */
.modal-backdrop {
	display: none;
}

.modal {
	background: rgba(0, 0, 0, 0.5);
}
/* END - MODAL ÜSTÜNE MODAL GELDİĞİNDE ARKA FONUN AYARLANMASI İÇİN */

.m-widget4 .m-widget4__item {
	display: table;
	padding-top: 0.65rem;
	padding-bottom: 0.65rem;
}

@media (min-width: 1025px) {
	.m-header--fixed .m-body {
		padding-top: 75px !important;
	}
}
/*.m-body {
	background: rgb(211,219,228);
	background: linear-gradient(90deg, rgba(211,219,228,0.8071603641456583) 3%, rgba(0,212,255,0.44021358543417366) 100%);
}*/
