.nct-btn-r {
  background-color: white !important;
    color: red !important;
    border: 2px solid red !important;
  border-radius:10px !important;
  margin-top:30px !important;
  box-shadow:-3px -1px 4px 0px #f00 !important;
  font-family: Arial, sans-serif !important;
}
.nct-btn-g {
  background-color: white !important;
  color: #04AA6D !important;
  border: 2px solid #04AA6D !important;
  border-radius:10px !important;
  margin-top:30px !important;
  box-shadow:-3px -1px 4px 0px #04AA6D !important;
  font-family: Arial, sans-serif !important;
}
.nct-btn-b {
  box-shadow: -3px -1px 4px 0px #6082b6 !important;
  background-color: #1b53a3 !important;
  color: white !important;
  border: 2px solid #1b53a3 !important;
  border-radius: 10px !important;
  margin-top: 30px !important;
  font-family: Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: bold !important;
  display: flex !important;
  justify-content: center !important; /* yatay ortala */
  align-items: center !important;     /* dikey ortala */
  text-align: center !important;
  height: 30px !important;
}

.nct-btn-f {
  background-color: white;
    color: #6082B6;
    border: 2px solid #6082B6;
  border-radius:10px;
  font-family: Arial, sans-serif;
}

.nct-h1{
  padding-left: 10px;
  border-radius: 10px;
  font-family: Arial, sans-serif;
}

.k-button-solid-base.nct-okr-btn
.k-button-solid-base.nct-okr-btn-r,
.k-button-solid-base.nct-okr-btn-g,
.k-button-solid-base.nct-okr-btn-b,
.k-button-solid-base.nct-okr-btn-f {
  font-size: 12px !important;
  border-radius:50px;
  color:#222d65;
  font-family: Arial, sans-serif;
}
.k-button-solid-base.nct-okr-btn {
  background-color: #ffffff90;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 50px !important;
  height: 50px !important;
  border-radius: 125px;
  z-index: 999;
  cursor: pointer;
  font-size: 25px !important;
  line-height: 25px;
  padding: 0 10px !important; 
  border-right: 3px solid #2980b9;
  border-bottom: 4px solid #2980b9;
  border-left: 1px solid #3498db;
  border-top: 1px solid #3498db;
  font-family: Arial, sans-serif;
}
.k-button-solid-base.nct-okr-btn:hover {
  border-right: 1px solid #2980b9;
  border-bottom: 2px solid #2980b9;
  border-left: 1px solid #3498db;
  border-top: 1px solid #3498db;
  font-family: Arial, sans-serif;
}
.k-button-solid-base.nct-okr-btn-1 {
  right: 25px;
 font-family: Arial, sans-serif;
}
.k-button-solid-base.nct-okr-btn-2 {
  right: 75px;
 font-family: Arial, sans-serif;
}
.k-button-solid-base.nct-okr-btn-3 {
  right: 125px;
 font-family: Arial, sans-serif;
}
.k-button-solid-base.nct-okr-btn-4 {
  right: 175px;
 font-family: Arial, sans-serif;
}
.k-button-solid-base.nct-okr-btn-5 {
  right: 225px;
 font-family: Arial, sans-serif;
}
.k-button-solid-base.nct-okr-btn-save {
  background-image: url("https://cdn2.iconfinder.com/data/icons/leto-most-searched-mix-4/64/__download_save_diskette-512.png");
}
.k-button-solid-base.nct-okr-btn-delete {
  background-image: url("https://cdn0.iconfinder.com/data/icons/leto-most-searched-mix-2/64/_delete_trash-512.png");
}
.k-button-solid-base.nct-okr-btn-new {
  background-image: url("https://cdn0.iconfinder.com/data/icons/leto-most-searched-mix-2/64/_add_plus_new-512.png");
}
.k-button-solid-base.nct-okr-btn-schema {
  background-image: url("https://cdn0.iconfinder.com/data/icons/leto-blue-project-management/64/_-21-512.png");
}

.k-button-solid-base.nct-okr-btn-bring {
  background-image: url("https://cdn3.iconfinder.com/data/icons/leto-editing-tools/64/__clone_copy_bottom_object_layer-512.png");


}

.k-button-solid-base.nct-okr-btn-edit {
  background-image: url("https://cdn2.iconfinder.com/data/icons/leto-most-searched-mix-6/64/__column_data_edit-512.png");
}

.k-button-solid-base.nct-okr-btn-copy {
  background-image: url("https://cdn3.iconfinder.com/data/icons/leto-editing-tools/64/__layers_copy_objects_swap-512.png");
}

.k-button-solid-base.nct-okr-btn-refresh {
  background-image: url("https://cdn2.iconfinder.com/data/icons/leto-blue-big-data/64/big_data-14-512.png");
}

.k-button-solid-base.nct-okr-btn-value{
  background-image: url("https://cdn0.iconfinder.com/data/icons/leto-survey-rating/64/__choice_hand_select_checkmark-512.png");
}
.k-button-solid-base.nct-okr-btn-target{
  background-image: url("https://cdn1.iconfinder.com/data/icons/leto-ads-marketing/64/__target_audience_targetting_market-1024.png");
}
.nct-okr-text {
  border-radius: 50px !important;
  font-family: Arial, sans-serif;
}
.nct-okr-textmulti {
  border-radius: 20px !important;
  font-family: Arial, sans-serif;
}
.nct-okr-numeric {
  border-radius: 50px !important;
  font-family: Arial, sans-serif;
}
.nct-okr-label {
  text-shadow: 1px 1px 2px #ccc;
  font-family: Arial, sans-serif;
}
.k-combobox.nct-okr-dropdown {
  height: 30px !important;
  border-radius: 50px !important;
  box-shadow: 2px 2px 2px #ccc;
  font-family: Arial, sans-serif;
}

.nct-h1-okr, .nct-h2-okr, .nct-h3-okr, .nct-h4-okr {
  background-color: #fff !important;
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.02), rgba(0,0,0,.05)) !important;
  color:#222d65  !important;
  border-left: 10px solid #222d65;
  border-bottom: 1px solid #222d65;
  border-radius:20px;
  font-family: Tahoma !important;
  font-weight:bold !important;
  text-align:left !important;
  height:30px !important;
  line-height:30px !important;
  padding:0;
  margin:0;
  padding-left: 10px;
  font-family: Arial, sans-serif;
}

.nct-h1-okr {
  font-size:20px !important;
  color: #222d65 !important;
  border-left: 10px solid #222d65;
  border-bottom: 1px solid #222d65;
  font-family: Arial, sans-serif;
}
.nct-h2-okr {
  font-size:16px !important;
  color: #222d65 !important;
  border-left: 10px solid #222d65;
  border-bottom: 1px solid #222d65;
  font-family: Arial, sans-serif;
}
.nct-h3-okr {
  font-size:14px !important;
  color:#222d65 !important;
  border-left: 10px solid #222d65;
  border-bottom: 1px solid #222d65;
  font-family: Arial, sans-serif;
}
.nct-h4-okr {
  font-size:13px !important;
  color: #222d65 !important;
  border-left: 10px solid #222d65;
  border-bottom: 1px solid #222d65;
  font-family: Arial, sans-serif;
}
/*
.octopusitem[data-octopus-type="1"]
{
height:23px !important;
max-height:23px !important;
min-height:0 !important;
font-family: Arial, sans-serif;

}

.octopusitem[data-octopus-type="1"]>.nct-okr-label {
display:block;
height :100%;
line-height:23px;
font-family: Arial, sans-serif;

} 
*/


 
:root {
	--mainColor : #004aad;
	--mainColor2 : #004aad;
	--mainColor3 : #004aad;
}
@font-face {
  font-family: Arial !important;
}

body {
	font-family: Arial !important;
}

.page-account .btn,
.page-account header {
	background: #1B53A3 !important;
}
.page-dashboard header{
	background: #1B53A3 !important;
}
.navbar.default-layout .navbar-brand-wrapper{
	background: #1B53A3 !important;
}
.sidebar, .sidebar > .nav .nav-item .collapse {
    background: linear-gradient(180deg,#1B53A3 ,#338afd ) !important;
}
.page-dashboard .navigation ul .nav-item.active,
.page-dashboard .navigation ul .nav-item:hover {
	border-bottom: 2px solid 
}
.sidebar > .nav .nav-item > .nav-link:hover,
.sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item:hover {
	background: #004aad !important;
}
.sidebar > .nav .nav-item .nav-link .menu-title,.sidebar > .nav .nav-item .nav-link{
	font-size:0.8rem !important;
}
.nav.nav-tabs.bordered li a.active {
	background: #1B53A3 !important;
}
.nct-btn {
	background-color: #1B53A3 !important;
	color:  !important;
	font-family: Arial !important;
	font-size:15px !important;
	margin-top:20px !important;
}
.nct-btn>span {
	padding-top:0 !important;
}
.nct-btn:Hover {
	background-color: #334aad !important;
}
.nct-btn:active, .nct-btn:visited {
	background-color: var(--mainColor2) !important;
}
.k-button:not([disabled],.k-taskboard-column-action-button, .k-taskboard-card-menu-button).nct-btn-link {
	border:none !important;
	background:#fff !important;
	color:rgba(127, 140, 141,1.0) !important;
	text-decoration:underline;
	box-shadow: none !important;
}
.k-button:not([disabled],.k-taskboard-column-action-button, .k-taskboard-card-menu-button).nct-btn-link:hover {
	color: #43bbff !important;
}

.nct-label {
	color: #1B53A3 !important;
	font-family: Arial !important;
	font-weight:bold !important;
	text-align:left !important;
	height:20px !important;
	line-height:20px !important;	
    	font-size:13px !important;
	background-color: #f9f9f9 !important;
}
.nct-label-c {
	color: #1B53A3 !important;
	font-family: Arial !important;
	font-weight:bold !important;
	text-align:left !important;
	height:20px !important;
	line-height:20px !important;	
    	font-size:13px !important;
	background-color: #f9f9f9 !important;
	text-align:center !important;
}
.nct-h1, .nct-h2, .nct-h3, .nct-h4 {
	background-color: #fff !important;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.02), rgba(0,0,0,.05)) !important;
	color: #1B53A3 !important;
	border-left: 10px solid ;
	border-bottom: 1px solid ;
	border-radius:20px;
	font-family: Arial !important;
	font-weight:bold !important;
	text-align:left !important;
	height:30px !important;
	line-height:30px !important;
	padding:0;
	margin:0;
	padding-left: 10px;
        font-family: Arial !important;
}

.nct-h1 {
	font-size:20px !important;
	color: #1B53A3 !important;
	border-left: 10px solid ;
	border-bottom: 1px solid ;
        font-family: Arial !important;
}
.nct-h2 {
	font-size:16px !important;
	color: #1B53A3 !important;
	border-left: 10px solid ;
	border-bottom: 1px solid ;
        font-family: Arial !important;
}
.nct-h3 {
	font-size:14px !important;
	color: #1B53A3 !important;
	border-left: 10px solid ;
	border-bottom: 1px solid ;
        font-family: Arial !important;
}
.nct-h4 {
	font-size:13px !important;
	color: #1B53A3 !important;
	border-left: 10px solid ;
	border-bottom: 1px solid ;
        font-family: Arial !important;
}

.menu-counter {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: #007bff;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 16px;
    font-family: Arial !important;
}
.nct-list {
	border: none;
}
.nct-list .k-alt {
	background: none;
}
.nct-list.k-grid tr td {
	text-align:left !important;
	border: none;
}
.nct-list.k-grid .k-grid-header .k-header {
	padding: 0 7px;
	height:12px;
}
.nct-list img {
	border-radius:100px;
}

.nct-progress-label {
	padding-left: 30px !important;
	padding-top: 7px !important;
}
.nct-progress.k-widget {
	background-color: rgba(192, 57, 43,1.0);
}
.nct-progress.k-widget .k-state-selected {
	background-color: #52ca42;
	border:none;
	top:0;
}
.nct-progress.k-widget .k-progress-status {
	margin-top: 0;
	font-size: 12px;
	display:hidden;
        font-family: Arial !important;
}
.nct-h1:hover, .nct-h2:hover, .nct-h3:hover, .nct-h4:hover {
	color: var(--mainColor2) !important;
	border-left: 10px solid var(--mainColor2);
	border-bottom: 1px solid var(--mainColor2);
}
.nct-line {
	background-color:red;
}
.card .card-body {
	padding:0 !important; 
	margin:0 !important;
}
.containerdr {
	background-color: #f9f9f9 !important;
}
.nct-widget {
	background-color: #fff !important;
	box-shadow: 2px 2px 5px #1685cf50 !important;
	border: 1px solid #ccc !important;
	/*border-color:  #ccc #1685cf #1685cf #ccc !important;*/
	text-shadow: 1px 1px 1px #eee !important;
	padding-left: 50px !important;
	padding-top: 10px !important;
	font-size:16px !important;
	font-weight:bold !important;
	color: #1685cf !important;
	
}
.octopusitem .fa {
	padding-left:10px;
	padding-top:15px;
}

.page-account {
    margin: 0;
    padding: 0;
    font-family: "SFPro", sans-serif;
    font-weight: 500;
}
.page-account .page-body .section-account {
	max-width:inherit;
}
.login-bg {
	overflow:hidden;
	border:none;
	padding: 25px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height:100vh;
}

#myVideo {
  height: 100%;
}
.login-parag {
	height:20vh;
}

@media only screen and (max-width: 960px){
	.mobileLogin{
		height: 34.7px !important;
	}
	
	#myVideo {
		width: 100%;
		margin-left:-15vw;
	}
	.login-bg {
		height:auto;
	}
	.login-parag {
		height:50px;
	}
}
#login-form .form-control {
	border-radius:100px;
	height:40px;
	font-size:16px;
	padding:0 32px;
	background-color:#f6f6f6;
        font-family: Arial !important;
}
#BtnLogin {
	border-radius:100px;
	height:40px;
	border:none;
	font-size:20px;
	padding:0 65px;
	background-color:#0e2a3a;
	color:#fff;
	display:block;
	width:100%;
	font-weight:700;
	margin-top:20px;
        font-family: Arial !important;
}
#act-swtich-user {
	color: #0e2a3a50 !important;
}
#footer {
	position: absolute;
	bottom:0;
}
.nav.nav-tabs.bordered a {
	font-weight:bold;
	color:#86754e;
}
.nct-btn-kanban .md-mode-edit{
	padding:0;
}
body.page-dashboard {
	font-size: 13px;
}
.responsive .xrow {
    width: auto !important;
}