/* 
/*  edmKEP
/*	CORE CSS v1.1
/* 
/*  Burak Kaya
/*  Intertech Ankara
/*  December 2016
/*
/*----------------------------------------------------*/

/* INDEX 
/*----------------------------------------------------

	1. GLOBALS
	2. TYPOGRAPHY
		2.1. HEADINGS
		2.2. PARAGRAPHS
	3. CLASSES
		3.1. COLORS
		3.2. DISPLAY
	4. LINKS
	5. BUTTONS
		5.1. BUTTONS GROUP
	6. TABLE & DATATABLE
		6.1. FILTER DROPDOWN LIST
	7. FORM
		7.1. RADIO GROUP SWITCH
		7.2. ON/OFF SWITCH
	8. ALERT
	9. LOADING
   10. OTHERS
   		10.1. FONT RESIZER
   		10.2. BREADCRUMBS
   		10.3. BADGE
   		10.4. HR
   11. COMPONENTS
		11.1. ACCORDION 
		11.2. AUTOCOMPLETE
		11.3. DATEPICKER
		11.4. DIALOG
		11.5. MESSAGE / NOTIFICATION
		11.6. TAG
		11.7. TOOLTIP
		11.8. DROPDOWN
		11.9. TAB
       11.10. CLEDITOR

	------------------------
	# Screen Sizes 
	------------------------
	+ Mobile < 992px 

/* ------------------------------------------------------------------------------------------------------*/


/* GLOBALS 
/*----------------------------------------------------*/
	html, body {
	    height:100%;
	}

	body{
		background-color: #fff;
		color:#575757;
		font:13px/18px 'Open Sans', Arial, sans-serif;
		font-weight:400;
	}

	body.bg-pattern {
	    background: url(../img/bg_pattern.jpg) repeat 0 0;
	}
    
		@media only screen and (min-width: 768px){
			body{
				background-color: #efefef;
			}
		}
		/*
		@media only screen and (max-width : 768px) {
		    body {
		    	font-size: 14px;
		    	line-height: 22px;
		    }
		}
		*/

	/* TODO : Outline yerine box-shadow, glow */
	*:focus,
	*:active {
	    outline : none;
	}

	a,
	button,
	select,
	input,
	textarea{
		-webkit-transition: background .3s ease-out, border .3s ease-out, color .3s ease-out, box-shadow .3s ease-out;
	       -moz-transition: background .3s ease-out, border .3s ease-out, color .3s ease-out, box-shadow .3s ease-out;
	            transition: background .3s ease-out, border .3s ease-out, color .3s ease-out, box-shadow .3s ease-out;
	}

/* TYPOGRAPHY 
/*----------------------------------------------------*/
	h1{
		color:#575757;
		font-weight: 600;
		line-height: 2em;
	}

	h2{
		color:#7f5186;
		font-size:1.7em;
		font-weight:300;
		line-height:2em;
	}
	h3{
		color: #65be8f;
	    font-size: 1.3em;
	    font-weight:300;
		line-height: 2em;
	    margin:0;
	}

	h4{
		font-size: 1.2em;
		line-height: 2em;
	}

	h5{
		font-size: 1.1em;
		line-height: 2em;
	}

	h6{
		font-size: 1em;
		line-height: 2em;
	}

	.subtitle {
		min-height:20px;
	    position:relative;
	    margin:20px 10px;
		font-size: 1.4em;
		line-height: 1.1em;	    
	}

	@media only screen and (min-width: 992px){
		.subtitle{
			margin: 0 0 20px;
		}
	}

	.subtitle span {
	    background:#fff;
	    padding-right:10px;
	    position:absolute;
	    left:0;
	    bottom:0;
	}
	.subtitle::before {
	    border-bottom:1px dashed #65be8f;
	    content:'';
	    display:block;
	    width:100%;
	    position:absolute;
	    left:0;
	    bottom:4px;
	}

	.text-center  {text-align:center;}
	.text-justify {text-align:justify;}
	.text-left    {text-align:left;}
	.text-right   {text-align:right;}
	.text-nowrap  {white-space: nowrap;}

	.bold {font-weight: 600}

	.fs-n { font-style:normal; }
	.fs-1 { font-size:1em !important; }
	.fs-8 { font-size:.8em !important; }
	.fs-9 { font-size:.9em !important; }
	.fs-11 { font-size:1.1em !important; }
	.fs-12 { font-size: 1.2em !important;}

	abbr {
	    border-bottom:1px dotted #575757;
	}

	p {
		margin-bottom: 18px; /* == line-height */
	}

/* COLORS
/*----------------------------------------------------*/
	.green  {color:#65be8f !important;}
	.orange {color:#eb6b3a !important;}
	.purple {color:#7f5186 !important;}
	.red 	{color:#d72b43 !important;}

	.bg-green  {background-color:#65be8f !important; color:#fff !important;}
	.bg-orange {background-color:#eb6b3a !important; color:#fff !important;}
	.bg-purple {background-color:#7f5186 !important; color:#fff !important;}
	.bg-red    {background-color:#d72b43 !important; color:#fff !important;}

	/* States */
	.danger,
	.danger * {
		background-color: #ffd6d6 !important;
	}
	.error,
	.error * {
		background-color: #ffe4c4 !important;
	}
	.info,
	.info * {
		background-color: #cde2fb !important;
	}
	.success,
	.success * {
		background-color: #c1e4cb !important;
	}
	.primary,
	.primary * {
		background-color: #e3d7e4 !important;
	}

/* DISPLAY
/*----------------------------------------------------*/
	.center 	 { margin:0 auto; }
	.inline 	 { display:inline-block!important; }
	.block  	 { display:block !important; }
	.pointer 	 { cursor:pointer; }
	.transparent { opacity:.5; }
	.absolute    { position:absolute; }
	.relative    { position:relative; }

	.disable 	 { pointer-events: none; cursor: not-allowed; }

	.overflow  	 { overflow-x: auto; }

	.m-0 {margin: 0 !important;}
	.p-0 {padding: 0 !important;}

	.m-10  { margin: 10px; }
	.m-20  { margin: 20px; }
    .m-30  { margin: 30px; }
	.ml-10 { margin-left: 10px; }
	.ml-20 { margin-left: 20px; }
    .ml-30 { margin-left: 30px; }
	.mr-10 { margin-right: 10px; }
	.mr-20 { margin-right: 20px; }
    .mr-30 { margin-right: 30px; }
	.mt-10 { margin-top: 10px; }
	.mt-20 { margin-top: 20px; }
    .mt-30 { margin-top: 30px; }
	.mb-10 { margin-bottom: 10px; }
	.mb-20 { margin-bottom: 20px; }
    .mb-30 { margin-bottom: 30px; }

	.p-10  { padding: 10px; }
	.p-20  { padding: 20px; }
    .p-30  { padding: 30px; }
	.pl-10 { padding-left: 10px; }
	.pl-20 { padding-left: 20px; }
    .pl-30 { padding-left: 30px; }
	.pr-10 { padding-right: 10px; }
	.pr-20 { padding-right: 20px; }
    .pr-30 { padding-right: 30px; }
	.pt-10 { padding-top: 10px; }
	.pt-20 { padding-top: 20px; }
    .pt-30 { padding-top: 30px; }
	.pb-10 { padding-bottom: 10px; }
	.pb-20 { padding-bottom: 20px; }
    .pb-30 { padding-bottom: 30px; }

	
	@media only screen and (min-width: 992px){
		.visible-mobile {
		    display: none;
		}
	}

    .visible-print {
        display:none;
    }

    @media print {
        .visible-print {
            display:inline-block;
        }
    }


/* LINKS
/*----------------------------------------------------*/
	a{
		color:#65be8f;
	    cursor:pointer;
	    font-weight: 600;
	    text-decoration:underline;
	}

	a:hover,
	a:focus{
		color:#7f5186;
	}

/* BUTTONS
/*----------------------------------------------------*/
	.btn{
		display: inline-block;
	    padding: 0 15px;
	    line-height: 44px;
	    border: none;
		border-radius: 3px;
	    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
	    background-color:#65be8f;
	    color: #fff;
	    cursor: pointer;
	    font-weight: normal;
	    text-align: center;
	    text-decoration: none !important;
	}

	.btn:hover,
	.btn:focus{
		color: #fff;
		box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15), inset 0 0 100px 0 rgba(0,0,0,0.12);	
	}

	.btn:active{
		color: #fff;
		box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.20), inset 0 0 44px 0 rgba(0,0,0,0.08);
	}

	.btn.disable,
	.btn.disable:hover{
		background-color: #e2e2e2;
		box-shadow: none;
		color: #999;
		cursor: default !important;
	}

	.btn .fa{
		margin-right: 5px;
	}
    
	@media only screen and (min-width : 992px){
		.btn{
			line-height: 38px;
		}		
	}

	.btn-lg{
		min-width: 100%;
	}

	@media only screen and (min-width: 768px){
		.btn-lg{
			min-width: 180px;
		}		
	}
    
	/* Button Group */
		.btn-group {
		    padding:0;
		    list-style:none;
		    display:inline-block;
		}

		.btn-group > li {
		    display:block;
		    position:relative;
		}

		.btn-group > li > a .fa{
		    margin-left: 8px;
		    margin-right: 0;
		}

		.btn-group > li > a:hover,
		.btn-group > li:hover > a {
		    background:#917096 !important;
		}

		.btn-group ul{
		    display:none;
		    list-style:none;
		    position:absolute;
		    padding:5px 0;
		    background:#917096;
		    border-radius:3px;
		    min-width:120px;
		    z-index:8;
		    right:0;
		}

		.btn-group ul.show {
		    display:block;
		}

		.btn-group ul a{
		    display:block;
		    padding:8px 15px;
		    color:#fff;
		    font-weight: normal;
		    text-decoration:none !important;
		}

		.btn-group ul a:hover{
		    background:rgba(255,255,255,.15);
		}

		.btn-group.pos-bottom > li > a:hover,
		.btn-group.pos-bottom > li:hover > a {
		    border-bottom-left-radius:0;
		    border-bottom-right-radius:0;
		}

		.btn-group.pos-bottom ul {        
		    border-top-right-radius:0;
		}

		.btn-group.pos-top > li > a:hover,
		.btn-group.pos-top > li:hover > a {
		    border-top-left-radius:0;
		    border-top-right-radius:0;
		}

		.btn-group.pos-top ul {        
		    border-bottom-right-radius:0;
		}

/* TABLE & DATA TABLES
/*----------------------------------------------------*/
	
	/* Default Table */
	table{}
	th, td{
		padding: 5px;
		text-align: left;
		border: none;
	}
    th {
        font-weight: 600;
    }
	tfoot td {
        font-weight:600;
        background-color: #f1f1f1;
    }

	/* Data Tables */
		.table,
		.dataTable {
			border-collapse: collapse;
			margin-bottom: 15px;
		    width: 100%;
		}

		.table th,
		.dataTable th {
		    padding: 10px;
		    text-align: left;
		    background-color: #f1f1f1;
		    border: 1px solid #e6e6e6;
		}

            .table th.text-right,
            .dataTable th.text-right {
                text-align:right;
            }

	    .table th:first-child,
	    .dataTable th:first-child {
	        border-left: none;
	    }

	    .table th:last-child,
	    .dataTable th:last-child {
	        border-right: none;
	    }

	    .table td,
	    .dataTable td {
	        border-bottom: 1px solid #ebebeb;
	        padding:10px;
	    }

	    /*
	    .table td a,
	    .dataTable td a {
	        font-size: .9em;
	        text-decoration: underline;
	    }
	    */

        @media only screen and (min-width:992px) {
	        .table td .btn,
	        .dataTable td .btn {
	            min-width: 0;
	            padding: 5px 10px;
                line-height: inherit;
                font-size: .9em;
                /*
                opacity: .5;
                -webkit-filter: grayscale(100%);
                        filter: grayscale(100%);
                */
	        }
            /*
            .table tr:hover td .btn,
            .dataTable tr:hover td .btn {
                opacity: 1;
                -webkit-filter: grayscale(0%);
                        filter: grayscale(0%);

            }
            */
        }

            .table td .btn + .btn,
            .dataTable td .btn + .btn {
                margin-left: 3px;
            }




	/* Responsive Table */
	@media only screen and (max-width: 768px){
		.table,
		.table thead,
		.table tbody,
		.table tr,
		.table th,
		.table td{
			display: block;
		}
		.table th{
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		.table td{
			display: block;
			height: auto;
			padding: 5px 10px;
			position: relative;
			text-align: left !important;
            border:none;
		}
        .table td:first-child {
            padding-top:10px;
        }
        .table td:last-child {
            border-bottom: 1px solid #ebebeb;
            padding-bottom:10px;
        }
		.table td::before {
		    content: attr(data-th);
		    position: static;
		    width: 100%;
		    display:block;
            font-size:.9em;
            opacity:.8;
		    
		}
	}

	/* Custom Table */
		.table-grid th,
		.table-grid td{
			border-bottom: 1px solid #e2e2e2;
		}

		.table-alternate tr:nth-child(2n+1) td {
		    background-color: #EFEFEF;
		}

		.table-hover tr:hover td {
		    background-color: #f1f1f1;
		}

	/* Selectable Row */
		table tr.selected td,
	    table.table-alternate tr.selected td{
	        background: #d1eadd;
	        font-weight: 600;
	    }

	    table.table-hover tr.selected:hover td {
	        background-color: #f1f1f1;
	    }

	/* Filter DropDown */
		thead ul.dropdown-menu,
		thead ul.dropdown-list {
		    padding:0;
		    list-style:none;
		}

		thead ul.dropdown-menu .btn{
		    display: inline-block;
            padding: 0;
            min-width: inherit;
            width: 24px;
            height:24px;
            line-height: 24px;
            box-shadow: none;
		    background:none;
		    border:1px solid transparent;
		    border-bottom:0;
		    position:absolute;
		    right:0;
		    z-index:1;
		    margin-top:-3px;
		    color:#696969;
            text-align:center;
		}

            thead ul.dropdown-menu .btn .fa {
                margin:0;
            }

		thead ul.dropdown-menu li{
		    position:relative;
		}

		thead ul.dropdown-menu li:hover a{
		    background:#f1f1f1;
		    border:1px solid #66bd90;
		    border-bottom:0;            
		    border-bottom-left-radius:0;
		    border-bottom-right-radius:0;
		    color:#66bd90;
		}

		thead ul.dropdown-list{
		    display:none;
		    padding:10px;
		    position:absolute;
		    width:220px;
		    background:#f1f1f1;
		    border:1px solid #66bd90;
		    right:0;
		    top: 21px;
		    border-radius:3px;
		    border-top-right-radius:0;   
		    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4); 
		}

		thead ul.dropdown-list li{
		    font-weight:normal;
		    line-height:24px;
		    margin:4px 2px;
		}

            thead ul.dropdown-list input::before {
                box-shadow:none;
            }

		thead ul.dropdown-menu li:hover ul {
		    display:block;
		}

		thead ul.dropdown-list label {
		    cursor:pointer;
            margin:0;
		}

/* DATATABLE (Admin & User)
/*----------------------------------------------------*/
	/*
    .dataTables_wrapper {
	    min-height: 370px;
	}
    */

	.dataTables_wrapper::after,
	.dataTables_wrapper::before {
	    content: " ";
	    display: table;
	}

	.dataTables_wrapper::after {
	    clear: both;
	}

	.dataTables_processing {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	}

	.dataTables_wrapper .loading.absolute {
	    margin: 0;
	    position: relative;
	    left: 0;
	    top: 0;
	}

	.dataTables_filter,
	.dataTables_info,
	.dataTables_length,
	.dataTables_paginate {
		float: none;
	    display: block;
	    padding: 0;
	    margin-bottom: 0;
	    width: 100%;
	    text-align: center;
	}

	.dataTables_filter,
	.dataTables_paginate {
	    margin-bottom: 10px;
	}

	@media only screen and (min-width : 768px) {
		.dataTables_filter,
	    .dataTables_paginate {
	    	margin-bottom: 15px;
	        float:right;
	        width:auto;
	    }

	    .dataTables_length,
	    .dataTables_info {
			margin-bottom: 15px;
	        float:left;
	        width:auto;
	    }
	}

	.dataTables_length select,
	.dataTables_filter input {
	    display: inline-block !important;
	    width: auto !important;
	}

	.dataTables_filter label {
	    width: 100%;
	    text-align: center;
	    margin: 0;
	}

	.table td.dataTables_empty,
	.dataTable td.dataTables_empty {
	    text-align: center;
	    padding: 30px 10px;
	    font-weight: 100;
	    font-size: 1.3em;
	    background: #f1f1f1;
	    color: #b5b5b5;
	}

	.dataTable .parent {
	    background-color:#e6e6e6;
	    border-top:2px solid #65be8f;
	}

	.dataTable .child {
	    background-color:#e6e6e6;
	}

	.dataTable .child ul {
	    list-style:none;
	    padding:0;
	}

	.dataTable .child li {
	    margin-bottom: 10px;
	    white-space: normal;
	}
	.dtr-title {
	    display: block;
	    opacity: .5;
	    font-size: .9em;
	    line-height: normal;
	}
	.dataTable .child .btn {
	    margin:3px 0;
	}

	.dataTable .child .btn.pull-right {
	    float: none !important;
	    margin-left:10px;
	}

	.dataTable .child .btn-group .btn {
	    display:none;
	}

	.dataTable .child .btn-group ul{background:none;text-align:center;position:static;}
	.dataTable .child .btn-group ul li{margin:0 !important;display:inline-block;}
	.dataTable .child .btn-group a{background:#65be8f;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);display:inline-block;margin:0 5px 5px 0;border-radius:3px;}

	.dataTable th.control {
	    width:20px;
	}

	table.dataTable.dtr-column > tbody > tr > td.control::before,
	table.dataTable.dtr-column > tbody > tr > th.control::before {
	  height: 16px;
	  width: 16px;
	  margin-top: 0;
	  margin-left: 0;
	  display: block;
	  position: static;
	  color: white;
	  border: none;
	  border-radius: 2px;
	  box-shadow: none;
	  box-sizing: content-box;
	  text-align: center;
	  font-family: 'Open Sans', Arial, monospace;
	  line-height: 14px;
	  font-size: 16px;
	  font-weight:600;
	  content: '+';
	  background-color: #65be8f;
	}

	table.dataTable.dtr-column > tbody > tr.parent td.control::before,
	table.dataTable.dtr-column > tbody > tr.parent th.control::before {
	  content: '-';
	  background-color: #d72b43;
	  line-height: 12px;
	}

    .paginate_page {
        margin-left:8px;
    }

    .paginate_of {
        margin-right:8px;
    }

    .paginate_input {
        display: inline-block !important;
        padding: 3px !important;
        max-width: 40px;
        text-align:center;
    }

	.paginate_button {
	    display: inline-block;
	    padding: 5px 10px;
	    margin: 0 2px 2px;
	    border-radius: 3px;
	    background-color: #f1f1f1;
	    text-decoration: none;
	    font-weight: normal;
        cursor:pointer;
	}

	.paginate_button:hover{
		text-decoration: none;
		color: #66bd90;
		box-shadow: inset 0 0 44px rgba(0, 0, 0, .08);
	}

	.paginate_button.current {
	    background-color: #66bd90;
	    color: #fff;
	}

    .table th.sorting,
    .table th.sorting_asc,
    .table th.sorting_desc,
	.dataTable th.sorting,
	.dataTable th.sorting_asc,
	.dataTable th.sorting_desc {
	    cursor: pointer;
	    position: relative;
        padding-right: 26px;
	}

    .table th.sorting::after,
    .table th.sorting::before,
	.table th.sorting_asc::after,
	.table th.sorting_desc::after,
    .dataTable th.sorting::after,
    .dataTable th.sorting::before,
	.dataTable th.sorting_asc:not(.control)::after,
	.dataTable th.sorting_desc:not(.control)::after {
	    position: absolute;
	    right: 10px;
	    top: 50%;
	    margin-top: -6px;
	    display: block;
	    height: 8px;
	    width: 8px;
	    font: 14px FontAwesome;
	    content: "\f0de";
	}

    .table th.sorting::before,
	.table th.sorting_desc::after,
    .dataTable th.sorting::before,
	.dataTable th.sorting_desc:not(.control)::after {
	    content: "\f0dd";
	    line-height: 3px;
        margin-top:0;
	}

    .table th.sorting::after,
    .table th.sorting::before,
    .dataTable th.sorting::after,
    .dataTable th.sorting::before {
        opacity:.15;
    }

	table.dataTable tfoot th,
	table.dataTable tfoot td {
	    padding: 10px;
	    border-top: 1px solid #e6e6e6;
	}

/* FORM & FORM ELEMENTS
/*----------------------------------------------------*/
	input,
	textarea,
	select {
	    border: 1px solid #cacaca;
	    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
	    padding: 10px;
	}

    select {
        padding: 9px 10px;
    }

	@media only screen and (min-width : 992px) {
		input,
		textarea,
		select {
		    padding: 9px;
		}

        select {
		    padding: 8px 9px;
		}
	}

	input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]),
	select,
	textarea {
	    display:block;
	    width:100%;
	}

	input:hover,
	textarea:hover,
	select:hover {
	    border-color: #65be8f;
	}

	input:focus,
	textarea:focus,
	select:focus {
	    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18);
	    border-color: #65be8f;
	}

	textarea {
	    min-height:100px;
	    /* resize: none; */
	}

	input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]).disable,
	select.disable,
	textarea.disable,
	input[disabled],
	select[disabled],
	textarea[disabled] {
	    background-color:#eaeaea;
	    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16) !important;
	    cursor: not-allowed; /*not working, pointer-events is disabled */
	}

	input.error,
	select.error,
	textarea.error,
    input.input-validation-error,
	select.input-validation-error,
	textarea.input-validation-error{
	    background-color: rgba(219,56,56,.1) !important;
	    border-color: #db3838;
	}

	input.error:focus,
	select.error:focus,
	textarea.error:focus,
    input.input-validation-error:focus,
	select.input-validation-error:focus,
	textarea.input-validation-error:focus{
	    background-color: #fff !important;
	}

	/* Browser Hack */
	input:-webkit-autofill,
	textarea:-webkit-autofill,
	select:-webkit-autofill {
	    -webkit-box-shadow: 0 0 0px 1000px white inset;
	}

	input::-ms-clear {
	  display: none;
	}

	input::-ms-reveal {
	  display: none;
	}

	input[type="radio"],
	input[type="checkbox"] {
	    margin-right: 8px;
	    position: relative;
	    cursor: pointer;
	}

	input[type="radio"]::before,
	input[type="checkbox"]::before,
	input[type="radio"]::after,
	input[type="checkbox"]::after {
	    content: '';
	    position: absolute;
	}

	input[type="radio"]::before,
	input[type="checkbox"]::before {
	    background-color: #fff;
	    border: 1px solid #cacaca;
	    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
	    border-radius: 3px;
	    height: 18px;
	    width: 18px;
	    left: -2px;
	    top: -2px;
	}

	input[type="radio"]::before{
		border-radius: 9px;
	}

	input[type="radio"]:checked::before,
	input[type="checkbox"]:checked::before {
	    border-color: #65be8f;
	    border-width: 2px;
	}

	/* input[type="checkbox"]:checked::after, */
    input[type="radio"]:checked::after {
	    background-color: #65be8f;
	    border-radius: 4px;
	    height: 8px;
	    width: 8px;
	    left: 3px;
	    top: 3px;
	}

    input[type="checkbox"]:checked::after {
        background-color:none;
        border-radius:0;
        left: 0px;
        top: 0px;
        color: #65be8f;
        content: '\f00c';
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    /*
	input[type="radio"]:checked::after{
		border-radius: 4px;
	}
    */
	label {
	    display: inline-block;
	    margin-right: 10px;
		margin-bottom: 10px;
        cursor: pointer;
	}

	fieldset {
	    border: 1px dotted #dcdcdc;
	    margin: 10px 0;
	    padding: 0.35em 0.625em 0.75em;
	}

	legend {
	    padding:0 5px;
	}

	.form-row {
	    margin-bottom: 15px;
	    position:relative;
	    word-wrap: break-word;
	}

	.form-row::after,
	.form-row::before {
	    content: " ";
	    display: table;
	}

	.form-row::after {
	    clear: both;
	}

	.label,
	.field-section > label {
	    display: block;
	    padding-right: 0;
	    margin-right: 0;
	    margin-bottom: 5px;
        cursor: default;
	}

		@media only screen and (min-width : 992px) {
			.label,
		    .field-section > label{
		        margin-bottom:0;
				padding-top: 9px;
				text-align: right;
			}			
		    .field-section > label {
		        float:left;
		        width: 16.66666667%;
		    }
		}

    .label + div > label {
        margin-bottom: 0;
        margin-top: 10px;
        margin-right: 15px;
        cursor: pointer;
    }

        .label + div > label > input {
            margin-right: 8px;
        }


	.form-static {
	    font-weight:600;
	    padding-bottom:12px;
	    padding-top:0;
	}
		
		@media only screen and (min-width : 992px) {
			.form-static {
		        padding-bottom:0;
		        padding-top:9px;
		    }
		}

	.form-info {
	    border-bottom: 1px solid #ccc;
	    font-size: .9em;
	    margin-bottom: 20px;
	    padding: 0 20px 20px;
	}

		@media only screen and (min-width : 768px) {
			.form-info {
		        padding: 10px 25px 40px;
		    }
		}

	.form-disable label,
	.form-disable input,
	.form-disable select,
	.form-disable textarea {
	    pointer-events:none;
	    cursor: not-allowed;  /* not working, pointer-events is disabled */
	}

	/* Form Small */
	    .form-sm {
	        padding: 20px 0 0;
	    }
		.form-sm .label{
			text-align: left;
		}
		.form-sm .form-row {
	        margin-bottom:0;
	    }

	/* Input Group */
		.input-group{
			position: relative;
		    display: table;
		    border-collapse: separate;
		}

		.input-group-addon{
			display: table-cell;
			padding: 6px 15px;
		    color: #555;
		    text-align: center;
		    background-color: #eaeaea;
		    border: 1px solid #cacaca;
		    width: 1%;
		    white-space: nowrap;
		    vertical-align: middle;
		}

        a.input-group-addon {
            background: #65be8f;
            color: #fff;
            border-color: #65be8f;
            text-decoration:none;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
            font-weight: normal;
        }

        a.input-group-addon .fa {
            font-size:1.1em;
        }

		.input-group input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]),
        .input-group select{
			display: table-cell;
		}

		.input-group input + .input-group-addon,
		.input-group .input-group-addon + input{
			border-left: none;
		}

	/* Special Inputs */
		input.card-number {
		    width: 72px !important;
		    float: left;
		    margin-right: 5px;
		}
    
	/* Fieldset */
		fieldset {
		    border: 1px dotted #dcdcdc;
		    margin: 10px 0;
		    padding: 0.35em 0.625em 0.75em;
		}

		legend {
		    padding:0 5px;
		}

	@media only screen and (min-width: 1440px){
		.form-row .col-lg-5{
			width:33.33333333%;
		}
	}

/* SWITCH
/*----------------------------------------------------*/
	.switch {
	    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
	    border-radius: 3px;
	}

	.switch label {
	    background-color: #EAEAEA;
	    cursor: pointer;
	    float: left;
	    min-height: 44px;
	    line-height: 44px;
	    margin: 0 !important;
	    overflow: hidden;
	    padding: 0 !important;
	    position: relative;
	    width: 50%;
	}

	.switch label input,
	.switch label span {
	    display: block;
	    min-height: 44px;
	    margin: 0;
	    padding: 0;
	    width: 100%;
	    position: absolute;
	    left: 0;
	    top: 0;
	}

	.switch label span {
	    background-color: #EAEAEA;
	    text-align: center;
	    z-index: 1;
	}

	.switch label input::before,
	.switch label input::after {
	    display: none;
	}

	.switch label input:checked + span {
	    background-color: #65BE8F;
	    color: #fff;
	}

	.switch label:first-child {
	    border-bottom-left-radius: 3px;
	    border-top-left-radius: 3px;
	}

	.switch label:last-child {
	    border-bottom-right-radius: 3px;
	    border-top-right-radius: 3px;
	}

	.switch-3 label { width: 33.333333%; }
	.switch-4 label { width: 25%; }
	.switch-5 label { width: 20%; }

	@media only screen and (min-width : 992px) {
	    .switch label {
	        min-height: 38px;
	        line-height: 38px;
	    }

	    .switch label input,
	    .switch label span {
	        min-height: 38px;
	    }
	}

/* ON/OFF SWITCH
/*----------------------------------------------------*/
	.switch-holder {
	    padding-top: 2px;
	}

	.switch-holder .checkbox-holder {
	    background-color: #fff;
	    border-radius: 2px;
	    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
	    display: inline-block;
	    position:relative;
	    height: 40px;
	    width: 80px;
	}

	.switch-holder span {
	    background: none;
	    border: none;
	    box-shadow: none;
	    cursor: pointer;
	    display:block;
	    margin: 0;
	    padding: 0;
	    position: relative;
	    height: 40px;
	    width: 80px;
	}

    
        .switch-holder input.disable + span {
            cursor:not-allowed;
        }

	.switch-holder input[type=checkbox] {
	    background: none;
	    border: none;
	    box-shadow: none;
	    cursor: pointer;
	    height: 100%;
	    margin: 0;
	    opacity:0;
	    padding: 0;        
	    width: 100%;
	    position: absolute;
	    z-index: 1;
        left:0;
        top:0;
	}

	.switch-holder span::before,
	.switch-holder span::after {
	    background-color: #cacaca;
	    border-radius: 0;
	    box-shadow: none;
	    content: '';
	    display: block;
	    height: 100%;
	    width: 100%;
	    position: absolute;
	    left: 0;
	    top: 0;
	}

	.switch-holder span::after {
	    background-color: #fff;
	    border-radius: 2px;
	    border: none;
	    height: 34px;
	    width: 34px;
	    left: 3px;
	    top: 3px;

	   -webkit-transition: all .3s ease-out;
	      -moz-transition: all .3s ease-out;
	           transition: all .3s ease-out;
	}

	.switch-holder input[type=checkbox]:checked + input + span::before,
	.switch-holder input[type=checkbox]:checked + span::before {
	    background-color: #65be8f;
	}

	.switch-holder input[type=checkbox]:checked + input + span::after,
	.switch-holder input[type=checkbox]:checked + span::after {
	    left: 42px;
	}
    
	@media only screen and (min-width : 992px) {
	    .switch-holder .checkbox-holder,
	    .switch-holder span {
	        height: 34px;
	        width: 65px;
	    }
	    
	    .switch-holder span::after {
	        height: 28px;
	        width: 28px;
	    }

	    .switch-holder input[type=checkbox]:checked + input + span::after,
	    .switch-holder input[type=checkbox]:checked + span::after {
	        left: 34px;
	    }

        /* Table icinde ise daha kucuk gozukebilir */
        td > .switch-holder span::before,
        td > .switch-holder span::after {
            border-radius:2px;
        }

        td > .switch-holder .checkbox-holder,
        td > .switch-holder span{
		    height: 28px;
		    width: 50px;
		}

        td > .switch-holder span::after {
	        height: 22px;
            width: 22px;
	    }

        td > .switch-holder input[type=checkbox]:checked + input + span::after,
	    td > .switch-holder input[type=checkbox]:checked + span::after {
	        left: 25px;
	    }

	}

/* ALERT
/*----------------------------------------------------*/
	.alert {
	    padding: 15px;
	    position: relative;
	    margin-bottom: 10px;
	    background-color: #e3d7e4;
	    color: #7f5186;
	}

    .alert:empty {
        display:none;
    }

	.alert::after {
	    content: '';
	    display: block;
	    height: 24px;
	    margin-top: -12px;
	    width: 24px;
	    position: absolute;
	    left: 15px;
	    top: 50%;
	}

	.alert ul {
	    padding: 0 0 0 20px;
	}

    .alert-danger,
    .alert-error,
    .alert-info,
    .alert-success {
        padding-left:50px;
    }

	.alert.alert-danger,
	.alert.alert-danger a {
		color: #B52D2D;
	}

	.alert.alert-error,
	.alert.alert-error a {
		color: #BB8C42;
	}

	.alert.alert-info,
	.alert.alert-info a {
		color: #4286BB;
	}

	.alert.alert-success,
	.alert.alert-success a {
		color: #439435;
	}

	.alert.alert-danger::after, 
	.alert.alert-error::after,  
	.alert.alert-info::after,
	.alert.alert-success::after{
		background: url(../img/sprite.png) no-repeat left -200px;
	}

	.alert.alert-danger::after  { background-position: -48px -200px; }
	.alert.alert-error::after   { background-position: -24px -200px; }
	.alert.alert-info::after    { background-position: 0 -200px; }
	.alert.alert-success::after { background-position: -72px -200px; }

    .alert-danger,
	.alert-danger * {
		background-color: #ffd6d6;
	}
	.alert-error,
	.alert-error * {
		background-color: #ffe4c4;
	}
	.alert-info,
	.alert-info * {
		background-color: #cde2fb;
	}
	.alert-success,
	.alert-success * {
		background-color: #c1e4cb;
	}

/* LOADING
/*----------------------------------------------------*/
	.loading {
	    display: none;
	}

	.loading span {
	    display: block;
	    height: 24px;
	    margin: 0 auto;
	    position: relative;
	    width: 24px;
	}

	.loading span::before,
	.loading span::after {
	    content: '';
	    display: block;
	    height: 100%;
	    width: 100%;
	    position: absolute;
	    left: 0;
	    top: 0;
	}

	.loading span::after {
	    border-radius: 50%;
	    border: 4px solid rgba(127, 81, 134, 0.2);
	    border-top-color: #7f5186;
	    -webkit-animation: spin 1s infinite linear;
	            animation: spin 1s infinite linear;
	}

	.loading.absolute {
	    background-color: #fff;
	    border-radius: 4px;
	    box-shadow: 0 5px 15px rgba(0,0,0,.4);
	    height: 60px;
	    margin-left: -30px;
	    margin-top: -80px;
	    padding-top: 17px;
	    width: 60px;
	    left: 50%;
	    top: 50%;
	    z-index: 999;
	}

	.loading.absolute.overlay {
	    background-color: rgba(0,0,0,.5);
	    border-radius: 0;
	    height: 100%;
	    margin: 0;
	    padding-top: 25%;
	    position:fixed;
	    width: 100%;
	    left: 0;
	    top: 0;
	}

	.loading.absolute.overlay-white {
	    background-color: rgba(255,255,255,.5);
	    position:absolute;
	}

	.loading.absolute.overlay span {
	    background-color: #fff;
	    border-radius: 5px;
	    box-shadow: 0 5px 15px rgba(0,0,0,.4);
	    height: 60px;
	    margin-top: -60px;
	    width: 60px;
	}

	.loading.absolute.overlay span::before,
	.loading.absolute.overlay span::after {
	    height: 40%;
	    margin-top: -20%;
	    margin-left: -20%;
	    width: 40%;
	    left: 50%;
	    top: 50%;
	}

/* FONT RESIZER
/*----------------------------------------------------*/
	.font-resizer {
	    display: none;
	    float: right;
	    padding-top: 13px;
	}

	.font-resizer a {
	    background: rgba(0,0,0,.03);
	    border-radius:3px;
	    display: inline-block;
	    color: #575757;
	    font-size: .7em;
	    font-weight: 600;
	    line-height: 26px;
	    text-align: center;
	    text-decoration:none;
	    width: 30px;
	}

	.font-resizer a:hover {
	    background: rgba(0, 0, 0, .1);
	    text-decoration: none;
	}

	@media only screen and (min-width: 768px){
		.font-resizer{
			display: block;
		}
	}

/* BREADCRUMBS
/*----------------------------------------------------*/
	.breadcrumbs {
		float: left;
	}

		@media only screen and (min-width: 768px){
			.breadcrumbs{
				line-height:50px;
			}
		}

	.breadcrumbs a{
		font-size: .9em;
		font-weight: normal;
		text-decoration: none;
	}

	.breadcrumbs .fa{
		opacity: .3;
		font-size: .7em;
	}

		@media only screen and (min-width: 992px){
			.breadcrumbs{
				font-size: 1.1em;
			}

			.breadcrumbs .fa{
				font-size: .8em;
			}
		}

/* OTHERS
/*----------------------------------------------------*/
	hr{
		border: none;
		border-top: 1px solid #e2e2e2;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	hr.large {
	    margin-bottom: 30px;
	    margin-top: 30px;
	}
	hr.dashed{
		border-top-style: dashed;
	}
	hr.space {
	    border-color:transparent;
	}

	/* Badge */
		.badge {
			padding: 0 4px;
		    line-height: 13px;
		    display: inline-block;
			white-space: nowrap;
		    vertical-align: middle;
		    font-family: Verdana;
		    font-size: .8em;
		    font-style: normal;
		    border-radius: 5px;
		    background-color: #bc7fc5;
		    color: #fff;
		}

		.badge.pull-right{
			margin-top: 16px;
		}

		sup.badge{
			height: 8px;
			width: 8px;
			padding: 0;
			border-radius: 100%;
		}

	/* Report Failure */
		.report-failure {
			display: none;
			width: 140px;
		    position: fixed;
		    bottom: 30px;
		    right: -93px;
		    z-index: 99999;
		    padding: 12px 20px 12px 50px;
		    border-radius: 2px;
		    -webkit-transition: all .3s ease-out;
			   -moz-transition: all .3s ease-out;
			    	transition: all .3s ease-out;
		    text-decoration: none;
		    font-weight: normal;
		    background: #65be8f url(../img/icon_attention.png) no-repeat 15px center;
		    color: #fff;
		}

	    .report-failure:hover {
	        color: #fff;
	        text-decoration: none;
	        right: -3px;
	    }

    	@media only screen and (min-width: 992px){
    		.report-failure {
    			display: inline-block;			    
			}
    	}


/* # COMPONENTS   
/* ------------------------------------------------------------------------------------------------------*/

/* ACCORDION
/*----------------------------------------------------*/
	.accordion{
		list-style: none;
		padding: 0;
	}
	.accordion > li {
		border: 1px solid #e2e2e2;
	    margin-bottom: 3px;
	}

		.accordion > li:hover{
			border-color: #65be8f;
		}
		.accordion > li.show{
			border-color: #65be8f;
		}
		.accordion > li.show:hover{
			background:none;
		}

	.accordion > li > a {
	    display: block;
	    padding: 10px;
	    color: #575757;
	    font-weight: normal;
	    text-decoration: none;
	}

		.accordion > li > a:hover{
			color: #65be8f;
		}
		.accordion > li.show > a{
			color: #65be8f;
			font-weight: 600;
		}

	.accordion > li > a > i.fa{
		margin-right: 5px;
	}
	.accordion > li > a > span.fa{
		float: right;
		font-size: 1.2em;
	    margin-top: 2px;
	}

	.accordion > li > div{
		display: none;
		padding: 0 10px 10px;
	}

/* AUTOCOMPLETE
/*----------------------------------------------------*/
	.ui-autocomplete {
	    background: #fff;
	    border: 1px solid #65be8f;
	    border-bottom-left-radius: 3px;
	    border-bottom-right-radius: 3px;
	    box-shadow: 0 3px 15px rgba(0,0,0,.2);
	    height: 192px;
	    overflow: auto;
	    list-style:none;
	    padding:0;
	    margin-top: -2px;    
	}

	.ui-autocomplete .ui-menu-item-wrapper {
	    padding:8px 15px;
	}

	.ui-autocomplete .ui-state-focus,
	.ui-autocomplete .ui-state-active {
	    background-color:#65be8f;
	    color:#fff;
	}

	.ui-helper-hidden-accessible {
	    display:none;
	}

	@media only screen and (min-width: 768px){
		.ui-autocomplete{
			max-width: 265px;	
		}
	}

/* DATEPICKER
/*----------------------------------------------------*/
	#ui-datepicker-div {
	    background: #fff;
	    border: 1px solid #65be8f;
	    box-shadow: 0 3px 15px rgba(0,0,0,.2);
	    display: none;
	    padding: 20px 30px 30px;
	    margin-top: -1px;
	}

	.ui-datepicker-header {
	    line-height: 33px;
	    padding-bottom: 20px;
	}

	.ui-datepicker-prev,
	.ui-datepicker-next {
	    background: #fff url(../img/sprite.png) no-repeat -41px -135px;
	    height: 33px;
	    width: 33px;
	}

	.ui-datepicker-prev {
	    float: left;
	}

	.ui-datepicker-next {
	    background-position: -67px -135px;
	    float: right;
	}

	.ui-datepicker-prev span,
	.ui-datepicker-next span {
	    display: none;
	}

	.ui-datepicker-title {
	    text-align: center;
	}

	.ui-datepicker-title select {
	    margin: 0 2px;
	    padding: 5px;
	}

	.ui-datepicker-calendar th,
	.ui-datepicker-calendar td {
	    padding: 0;
	    text-align: center;
	}

	.ui-datepicker-calendar th {
	    width: 35px;
	}

	.ui-datepicker-calendar a,
	.ui-datepicker-calendar span {
	    border-radius: 2px;
	    color: #575757;
	    display: block;
	    padding: 5px;
	    text-align: center;
	    text-decoration: none;
	}

	.ui-datepicker-calendar a:hover {
	    background-color: #eaeaea;
	}

	.ui-datepicker-calendar a.ui-state-active,
	.ui-datepicker-calendar a.ui-state-active:hover {
	    background-color: #65be8f;
	    color: #fff;
	}

	.ui-datepicker-calendar a.ui-state-highlight,
	.ui-datepicker-calendar a.ui-state-highlight:hover {
	    background-color: #eaeaea;
	    color: #65be8f;
	}

	.ui-datepicker-calendar td.ui-datepicker-unselectable span{
	    background: #e2e2e2;
	    border-radius: 0;
	}

	.ui-datepicker .ui-state-disabled {
	    cursor:default;
	    opacity:.5;
	    -webkit-filter: grayscale(100%);
	    filter: grayscale(100%);
	}

	.ui-datepicker select {
	    display:inline-block;
	    width:auto;
	}

/* DIALOG
/*----------------------------------------------------*/
	.ui-dialog {
	    background:#fff;
	    border-radius:4px;
	    box-shadow:0 5px 30px rgba(0,0,0,.4);
	    z-index: 999;
	    position:absolute !important;
	}

        @media only screen and (max-width:768px) {
            .ui-dialog {
                border-radius:0;
            }
        }

		.ui-dialog-titlebar {
			border-bottom: 1px solid #E0E0E0;
			font-weight: bold;
			padding: 20px;
		}

	.ui-dialog-content{
	    padding:20px;
	    overflow-y: auto;
	}

	.ui-dialog-buttonpane{
	    padding:20px;
	    text-align:center;
	}

	.ui-dialog-buttonpane button{
	    margin: 0 4px;
	}
	/*
	.ui-dialog-buttonpane button:hover,
	.ui-dialog-buttonpane button:focus {
	    box-shadow:none;    
	}
	*/
	.ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close,
	.ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close:hover{
	    background:#fff url(../img/sprite.png) no-repeat left -180px;
	    box-shadow:none;
	    float:right;
	    min-width: 0;
	    height:20px;
	    width:20px;
	    margin-top:2px;
	    padding:0;
	    text-indent:-9999px;
	}

	.ui-widget-overlay {
	    background-color: rgba(0, 0, 0, 0.5);
	    height: 100%;
	    width: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;    
	}

/* MESSAGE / NOTIFICATION
/*----------------------------------------------------*/
	#ui-msg {
	    position: fixed;
	    top: 0;
	    right: 0;
	    z-index: 102;
	    width: 100%;
	}

		@media only screen and (min-width: 768px){
			#ui-msg{
				top:10px;
				right:10px;
				width:280px;
			}
		}

	.msg-box {
	    background: #d72b43;
	    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18);
	    color: #fff;
	    margin-bottom: 10px;
	    width: 100%;
	}

		@media only screen and (min-width: 768px){
			.msg-box{
				border-radius: 3px;
			}
		}

	.msg-title {
	    height: auto;
	    overflow: hidden;
	    padding: 15px;
	    font-weight:bold;
	}

	.msg-title a {
		background: url(../img/sprite.png) no-repeat -81px -182px;
		color: #fff;
		float: right;
		height: 16px;
		opacity: .8;
		text-indent: -9999px;
		width: 16px;
	}

	.msg-title a:hover {
	    opacity:1;
	}

	.msg-content {
	    padding: 0 15px 20px;
	}

    .msg-content a {
        color:#fff;
    }

	.msg-box-close {
	    background: #604b63;
	    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18);
	    border-radius: 3px;
	    color: #fff;
	    cursor: pointer;
	    padding: 10px;
	    text-align: right;
	    font-weight: 600;
	    display: inline-block;
	    float: right;
	}

/* TAG
/*----------------------------------------------------*/
	ul.tagit {
        min-height: 38px;
	    padding: 1px 5px;
	    list-style: none;
	    margin-left: inherit;
	    margin-right: inherit;
	    border: 1px solid #cacaca;
	    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);
	    padding: 10px;
	    cursor:text;
	    
	    -webkit-transition: background .3s ease-out, border-color .3s ease-out, box-shadow .3s ease-out;
	       -moz-transition: background .3s ease-out, border-color .3s ease-out, box-shadow .3s ease-out;
	            transition: background .3s ease-out, border-color .3s ease-out, box-shadow .3s ease-out;
        
	}

	@media only screen and (min-width: 992px){
	    ul.tagit {
	        padding: 9px;
	    }
	}

	ul.tagit:hover {
	    border-color:#66bd90;
	}

	ul.tagit:focus {
	    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18);
	}

	input.tagit-hidden-field{
		display: none !important;
	}

	ul.tagit li{
		float: none;
		margin: 0;
	}

	ul.tagit li.tagit-new{	
		padding: 0;
	}

        ul.tagit li.tagit-new input {
            display:inline-block !important;
            width:auto !important;
            border:none;
            background:none;
            box-shadow:none;
            padding:0;
            margin:0;
        }

	ul.tagit li.tagit-choice {
	    float: left;
	    position: relative;
        padding: 1px 15px 1px 5px;
	    line-height: inherit;
	    background: #dcece4;
	    border-radius: 3px;
	    margin-right: 5px;
	    margin-bottom: 5px;
	}

	ul.tagit li.tagit-choice .tagit-close{
		text-decoration: none;
	}

	ul.tagit li.tagit-choice .tagit-close .text-icon{
		display: inline-block;
	}

	ul.tagit li.tagit-choice .tagit-close {
	    cursor: pointer;
	    position: absolute;
	    right: 5px;
	    top: 50%;
	    margin-top: -8px;
	    line-height: 17px;
	    font-size: 16px;
	    font-weight: bold;
	}



/* TOOLTIP
/*----------------------------------------------------*/
	.tipsy-north {background-position:top center;}
	.tipsy-south {background-position:bottom center;}
	.tipsy-east {background-position:right center;}
	.tipsy-west {background-position:left center;}
	.tipsy {
		padding:5px;
		font-size:11px;
		position:absolute;
		z-index:100000;
	}
	.tipsy-inner {
		padding:4px 8px;
		color:#fff;
		max-width:220px;
		background-color:rgba(0,0,0,.5);
		text-align:center;
		border-radius:4px;
	    box-shadow:0 1px 3px rgba(0,0,0,.3);
	}
	.tipsy-outer {
		border-radius:4px;
	}
	.tipsy-arrow { 
		position:absolute;
		background-repeat:no-repeat;
		width:9px;
		height:5px;
	}
	.tipsy-n .tipsy-arrow { top:0; left:50%; margin-left:-4px; }
	.tipsy-nw .tipsy-arrow { top:0; left:10px; }
	.tipsy-ne .tipsy-arrow { top:0; right:10px; }
	.tipsy-s .tipsy-arrow { bottom:0; left:50%; margin-left:-4px; background-position:bottom left; }
	.tipsy-sw .tipsy-arrow { bottom:0; left:10px; background-position:bottom left; }
	.tipsy-se .tipsy-arrow { bottom:0; right:10px; background-position:bottom left; }
	.tipsy-e .tipsy-arrow { top:50%; margin-top:-4px; right:0; width:5px; height:9px; background-position:top right; }
	.tipsy-w .tipsy-arrow { top:50%; margin-top:-4px; left:0; width:5px; height:9px; }

/* TAB
/*----------------------------------------------------*/
	.tab-component {
	    background-color: #fff;
	    margin: 0;
	}

	.tab-nav-holder {
	    padding: 0;
	}

	.tab-nav-holder a {
        display: block;
        min-height: 44px;
        padding: 15px;
        color: #fff;
        font-weight: normal;
        text-decoration: none;
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }
    .tab-nav-holder a:hover,
    .tab-nav-holder a:focus {
        background-color: rgba(0,0,0,.1);
        border-color: rgba(0,0,0,.05);
        text-decoration: none;
    }

    .tab-nav-holder a.active {
        color: #575757;
        cursor: pointer;
    }

    .tab-nav-holder li.current a,
    .tab-nav-holder li.current a.active,
    .tab-nav-holder li.current a:hover,
    .tab-nav-holder li.current a.active:hover,
    .tab-nav-holder li.current a.active:focus {
        background-color: #fff;
        border-color: #65be8f;
        color: #65be8f;
        font-weight: 600;
    }
    .tab-content-holder {
	    padding: 20px 10px;
	}

	.tab-content-item {
	    display:none;
	    padding-bottom: 20px;
	}
	.tab-content-item > p {
	    margin-bottom: 10px;
	}

	@media only screen and (min-width: 768px){
		.tab-nav-holder a{
			border-bottom:none;
			border-left:5px solid #815e86;
			min-height:78px;
			padding:30px 20px;
		}		
		.tab-content-item > p{
			padding:15px 20px 30px;
		}
	    .tab-content-holder {
	        padding: 30px;
	    }
	}




/* # CLEDITOR   
/* ------------------------------------------------------------------------------------------------------*/
    
.cleditorMain {border: 1px solid #cacaca;padding:0;background-color: white;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16);overflow: hidden;}
.cleditorMain iframe {border:none; margin:0; padding:0;}
.cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font:10pt Arial,Verdana; resize:none; outline:none}
.cleditorToolbar {background: #eaeaea;border-bottom: 1px solid #cacaca;}
.cleditorGroup {float:left; height:26px}
.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('../img/buttons.gif')}
.cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
.cleditorPopup {border:solid 1px #999; background-color:white; color:#333333; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:10000}
.cleditorList div {padding:2px 4px 2px 4px}
.cleditorList p,
.cleditorList h1,
.cleditorList h2,
.cleditorList h3,
.cleditorList h4,
.cleditorList h5,
.cleditorList h6,
.cleditorList font {padding:0; margin:0; background-color:Transparent}
.cleditorColor {width:150px; padding:1px 0 0 1px}
.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
.cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size:8.5pt}
.cleditorPrompt input,
.cleditorPrompt textarea {font:8.5pt Arial,Verdana;}
.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt}

.cleditorPopup input[type="button"] {
    width: auto;
    background-color: #65be8f;
    color: #fff;
    margin: 0 auto 5px;
    border: none;
    border-radius: 3px;
}



/* # ANIMATIONS   
/* ------------------------------------------------------------------------------------------------------*/

	/* Flash */
	.animate-flash{
        -webkit-animation: infinite flash 1s;
            -moz-animation: infinite flash 1s;
            -ms-animation: infinite flash 1s;
                animation: infinite flash 1s;
	}

	@keyframes flash {
		0%   { opacity: 0; }
		50%  { opacity: 1; }
		100% { opacity: 0; } 
	}

	@-moz-keyframes flash {
		0%   { opacity: 0; }
		50%  { opacity: 1; }
		100% { opacity: 0; }
	}

	@-webkit-keyframes flash {
		0%   { opacity: 0; }
		50%  { opacity: 1; }
		100% { opacity: 0; }
	}

	/* Spin */
	.animate-spin{
	    -webkit-animation: spin 1s infinite linear;
	        	animation: spin 1s infinite linear;
	}
	@-webkit-keyframes spin {
		0% {
		    -webkit-transform: rotate(0deg);
		        	transform: rotate(0deg);
		}
		100% {
		    -webkit-transform: rotate(360deg);
		        	transform: rotate(360deg);
		}
	}

	@keyframes spin {
		0% {
		    -webkit-transform: rotate(0deg);
		        	transform: rotate(0deg);
		}
		100% {
		    -webkit-transform: rotate(360deg);
		        	transform: rotate(360deg);
		}
	}

	/* Swing */	
	.animate-swing{
		-webkit-transform-origin: top center;
		        transform-origin: top center;
		-webkit-animation: infinite swing 1s;
		    -moz-animation: infinite swing 1s;
		    -ms-animation: infinite swing 1s;
		        animation: infinite swing 1s; 
	}

	@-webkit-keyframes swing {
		20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
		}

		40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
		}

		60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
		}

		80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
		}

		to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
		}
	}

	@keyframes swing {
		20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
		}

		40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
		}

		60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
		}

		80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
		}

		to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
		}
	}

	/* Shine */
	.animate-shine{
		-webkit-animation: infinite shine 1s;
	        -moz-animation: infinite shine 1s;
	        -ms-animation: infinite shine 1s;
	            animation: infinite shine 1s;
	}
	
	.animate-shine-green{
		-webkit-animation: infinite shineGreen 1s;
	        -moz-animation: infinite shineGreen 1s;
	        -ms-animation: infinite shineGreen 1s;
	            animation: infinite shineGreen 1s;
	}

	@keyframes shine {
	    0%   { box-shadow:inset 0 0 8px 0 rgba(255,255,255,.3); }
	    50%  { box-shadow:inset 0 0 8px 0 rgba(255,255,255,.8); }
	    100% { box-shadow:inset 0 0 8px 0 rgba(255,255,255,.3); } 
	}
	
	@-moz-keyframes shine {
	    0%   { box-shadow:inset 0 0 8px 0 rgba(255,255,255,.3); }
	    50%  { box-shadow:inset 0 0 8px 0 rgba(255,255,255,.8); }
	    100% { box-shadow:inset 0 0 8px 0 rgba(255,255,255,.3); } 
	}
	
	@-webkit-keyframes shine {
	    0%   { box-shadow:inset 0 0 8px 0 rgba(255,255,255,.3); }
	    50%  { box-shadow:inset 0 0 8px 0 rgba(255,255,255,.8); }
	    100% { box-shadow:inset 0 0 8px 0 rgba(255,255,255,.3); } 
	}
	
	@keyframes shineGreen {
	    0%   { box-shadow:inset 0 0 15px 0 rgba(101, 190, 143,.3); }
	    50%  { box-shadow:inset 0 0 15px 0 rgba(101, 190, 143,.8); }
	    100% { box-shadow:inset 0 0 15px 0 rgba(101, 190, 143,.3); } 
	}
	
	@-moz-keyframes shineGreen {
	    0%   { box-shadow:inset 0 0 15px 0 rgba(101, 190, 143,.3); }
	    50%  { box-shadow:inset 0 0 15px 0 rgba(101, 190, 143,.8); }
	    100% { box-shadow:inset 0 0 15px 0 rgba(101, 190, 143,.3); } 
	}
	
	@-webkit-keyframes shineGreen {
	    0%   { box-shadow:inset 0 0 15px 0 rgba(101, 190, 143,.3); }
	    50%  { box-shadow:inset 0 0 15px 0 rgba(101, 190, 143,.8); }
	    100% { box-shadow:inset 0 0 15px 0 rgba(101, 190, 143,.3); } 
	}