/* START - GENERAL */
body {padding: 0;margin: 0;	background: #eee;}
.wrap   {padding:10px 10px 5px 10px;background: #f0f0f0;display: inline-block;width: 100%; margin-bottom: 10px; }
.padding0   {padding:0;}
.paddingL10   {padding:0 0 0 10px;}
.paddingR5   {padding:0 5px 0 0;}
.paddingL5   {padding:0 0 0 5px;}
.paddingT10   {padding:10px 0 0 0;}
.paddingT2R2   {padding:2px 2px 0 0 !important;}
.pT5 {padding-top: 5px !important;}
.pT2   {padding-top: 2px !important;}
.marginT10{margin:10px 0 0 0 !important;}



/* FINISH - GENERAL */

/* START - LOGIN */
section.login {margin-top: 5%;}
section.login p.form-title{	font-family: 'Open Sans' , sans-serif;font-size: 20px;font-weight: 600;text-align: center;color: #2b669a;text-transform: uppercase;letter-spacing: 1px;margin:0% 0 30px 0;}
section.login p.form-error{font-family: 'Open Sans' , sans-serif; font-size: 14px;text-align: center;color: #f00;letter-spacing: 1px;}
section.login form.login{width: 450px;margin: 0 auto; }
section.login form.login input[type="text"], form.login input[type="password"]{width: 100%;margin: 0;padding: 15px 10px;background: 0;border: 0;border-bottom: 1px solid #aaa;outline: 0;font-style: italic;font-size: 14px;font-weight: 400;letter-spacing: 1px;margin-bottom: 5px;color: #000;outline: 0;	background: #f6f6f6; }
section.login form.login input[type="submit"]{width: 100%;font-size: 16px;text-transform: uppercase;font-weight: 500;margin: 30px 0 30px 0;padding: 15px 0;outline: 0;cursor: pointer;letter-spacing: 2px;}
section.login form.login input[type="submit"]:hover{transition: background-color 0.5s ease;}
section.login form.login .forgot-pass-content{min-height: 20px;margin-top: 10px;margin-bottom: 10px;text-align: right;}
section.login form.login label, form.login a{font-size: 14px;font-weight: 400;color: #2b669a;}
section.login form.login a{transition: color 0.5s ease;}
section.login form.login a:hover{color: #2ecc71;}
/* FINISH - LOGIN */

table.table .selected{background: #DBE0E9 !important;}
section .pageHead{ position: relative; padding:5px;display: inline-block; width: 100%; margin:0; background: #fff;border-radius: 2px;}
section .pageHead .pageTitle{ float: left;  }
section .pageHead .pageTitle .title{ float: left;color: #333; font-size: 16px; line-height: 35px; padding: 0 20px 0 0; margin: 0; }
section .pageHead .pageTitle i{float: left; background: #286090;color: #FFF; font-size: 24px; line-height: 33px; padding: 2px 30px 0 10px; margin-right: 10px; }
section .pageHead .pageButtons{ float: right;  }


section .pageHead .pageButtons .menuStatus{ float: left; display: inline-block; }
section .pageHead .pageButtons .menuStatus label{    line-height: 35px; height: 35px;}
section .pageHead .pageButtons .menuStatus label i{    margin-top: 2px;}

section .btn.btnMin{margin-left: 5px;}
section .btn.btnMin:hover .btnText{ display: block;}
section .btn.btnMin.btnMinOpen .btnText{ display: block;}
section .btn.btnMin:hover i{ color: #fff;}
section .btn.btnMin i{ font-size: 21px; color: #000;}
section .btn.btnMin .btnText{float:right;font-size: 11px; height: 22px; line-height: 22px;  padding-left: 15px;margin-left: 15px; border-left: 1px solid #fff; display: none;}
section .modal-body .wrap .pageHead.subHead{margin-top:0;}



section .pageHead.subHead{padding:0; margin: 0 0 5px 0;  background: #00BCD4; border: 0;}
section .pageHead.subHead .pageTitle { }
section .pageHead.subHead .pageTitle .title{ line-height: 27px;  font-size: 14px;color: #FFF; }
section .pageHead.subHead .pageTitle i{ line-height: 25px;  font-size: 20px; padding: 2px 22px 0px 5px;background: #286090;color: #eee;}
section .pageHead.subHead .pageButtons { position: absolute; right: 0; top: -7px; }
section .pageHead.subHead .pageButtons button.btn {  }

.menuEditorSelectList{}
.menuEditorSelectList li.editor-item{
	display: inline-block;
	width: 100%;
	line-height: 40px;
	margin: 2px;
	background: #fff;
	padding: 5px 5px 5px 20px;
}




/* ALL FORMS CSS START */
.form-group{margin-bottom: 0;}
.form-group .input-group{width: 100%;}
.tabButtons {border-bottom: 1px solid #ddd; display: inline-block; width: 100%;}
.userUpSubBtn {margin-bottom: 10px;}
.defaultForm .padding0{padding: 0 !important;}
.defaultForm .paddingR10{padding:0px 10px 0px 0px;}
.defaultForm .paddingL0{padding-left:0px;}
.defaultForm .usersProfileImage{width: 100%; margin-bottom: 10px;  border:0;}
.defaultForm .help-block{ float: right;}
.defaultForm .input{background: #f6f6f6;margin-bottom: 5px;	padding: 5px 10px; border-radius: 2px; min-height: 77px;}
.defaultForm label.inputTitle{padding-left: 5px;  width: 100%; margin-top:6px; float: left; font-size: 12px;}
.defaultForm label.inputTitle span{font-weight: normal;}
.defaultForm label.inputTitle i{margin-right: 10px;}
.defaultForm input.btn {}


/* inputların sağındaki ekle yada işlem butonları için*/
.inputButton{cursor:pointer;text-decoration: none; color: #FFF !important; text-decoration: none !important;}
.inputButton:hover{ color: #FFF; text-decoration: none;}

/* selectize kullanılan yerdeki css uyumsuzluğunu giderir*/
.selectize-input{float: left;border-radius: 0px !important;}
.modulesSelectOption{background: #eee; margin-bottom: 1px; color: #333;}
.modulesSelectOption:hover{background: #ddd !important;}
.modulesSelectOption .icon{float: left; background: #fff; padding: 10px; font-size: 35px; margin-right: 10px; }
.modulesSelectOption .title{font-weight: bold;}
.modulesSelectOption .description{font-style: italic; color: #888;}

/* relation moduls işlemleri */
#modulFormRelation .modulRelationForm .wrap{  display:inline-block;padding:10px;z-index:-1;width: 100%; margin-top: -5px; margin-bottom: 10px;  }
#modulFormRelation .modulRelationForm .defaultHead .bootstrap-switch{float: left; margin-right: 5px; padding: 2px 0px;}
#modulFormRelation .modulRelationForm .defaultHead .selectize-control{display: inline-block;float:left;width: 160px;}
#modulFormRelation .modulRelationForm .defaultHead .moduleTitle{width: 350px;margin-right: 5px; padding: 18px;}
#modulFormRelation .modulRelationForm .defaultHead .relation-update{padding: 8px 8px 8px 8px; }
#modulFormRelation .modulRelationForm .defaultHead .relation-status{float: left; display: inline-block; }
#modulFormRelation .modulRelationForm .defaultHead .relation-status label{    line-height: 36px; height: 36px}
#modulFormRelation .modulRelationForm .defaultHead .relation-status label i{    margin-top: 2px;}
#modulFormRelation .modulRelationForm .defaultHead .relation-base_id {
	margin-bottom: 0;
	margin-left: 4px !important;
	background: #F0AD4E;
	height: 36px;
	width: 40px;
	margin-top: 0;
	padding: 9px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
#modulFormRelation .modulRelationForm .defaultHead .relation-base_id label{min-height:0; position: absolute;margin-left: 20px;}
#modulFormRelation .modulRelationForm .defaultHead .relation-base_id:hover i{display: block;}
#modulFormRelation .modulRelationForm .defaultHead .relation-base_id i{
	display: none;
	position: absolute;
	background: #333;
	width: 136PX;
	Z-INDEX: 9999;
	COLOR: #FFF;
	PADDING-LEFT: 5PX;
	MARGIN-LEFT: -5PX;
	margin-bottom: 0;
	margin-top: -2px;
}
#modulFormRelation .modulRelationForm .defaultHead .relation-update { position: relative;    padding-left: 50px;}
#modulFormRelation .modulRelationForm .defaultHead .relation-update i{
	position: absolute;
	font-size: 22px;
	padding: 5px 10px 5px 5px;
	top: 0;
	left: 5px;
	border-right: 1px solid #fff;
	height: 100%;
}
#modulFormRelation .modulRelationForm .defaultHead .modalCloseConfirm{padding: 8px 11px 8px 11px; }


#modalForms .container{margin-top: 10px; margin-bottom: 10px;}
.modal-backdrop{position: fixed;}
.modal-body {max-height: calc(100vh - 40px); overflow-y: auto; }
.overflow{
	overflow: hidden;
	line-height: 22px !important;
	height: 20px;
	display: inline-block;
}

/* ALL FORMS CSS FINISH */